Make the whole box clickable in read-only mode

package.json

@@ -1,6 +1,6 @@
 {
   "name": "@editorjs/attaches",
-  "version": "1.3.2",
+  "version": "1.3.3",
   "keywords": [
     "codex editor",
     "attaches",

src/index.css

@@ -13,6 +13,10 @@
     border-radius: 7px;
     background: var(--color-bg);
 
+    &[role="button"] {
+      cursor: pointer;
+    }
+
     ^&__file-info {
       display: grid;
       grid-gap: 4px;

src/index.js

@@ -437,6 +437,19 @@ export default class AttachesTool {
     this.nodes.wrapper.appendChild(fileInfo);
 
     if (file.url !== undefined) {
+      // Make the whole box clickable in read-only mode
+      if (this.readOnly) {
+        this.nodes.wrapper.setAttribute('role', 'button');
+        this.nodes.wrapper.addEventListener('click', (event) => {
+          // Don't trigger if clicking on the actual download link
+          if (event.target.closest(`.${this.CSS.downloadButton}`)) {
+            return;
+          }
+          // Open file in new tab/window
+          window.open(file.url, '_blank');
+        });
+      }
+
       const downloadIcon = make('a', this.CSS.downloadButton, {
         innerHTML: IconChevronDown,
         href: file.url,