@nanoporetech-digital/components 8.6.0 → 8.7.0

package/dist/types/components/table/table.d.ts

@@ -16,6 +16,8 @@ export declare class NanoTable {
     /** Visually hide the table's caption */
     hideCaption: boolean;
     handleHideCaptionChange(): void;
+    /** Disable the clickable rows functionality. */
+    disableClickableRows: boolean;
     private resizeObserver;
     private mutationObserver;
     private intersectionObserver;

package/dist/types/components.d.ts

@@ -3290,6 +3290,11 @@ export namespace Components {
           * @default 'auto'
          */
         "compact": boolean | 'auto';
+        /**
+          * Disable the clickable rows functionality.
+          * @default false
+         */
+        "disableClickableRows": boolean;
         /**
           * Visually hide the table's caption
           * @default false
@@ -8382,6 +8387,11 @@ declare namespace LocalJSX {
           * @default 'auto'
          */
         "compact"?: boolean | 'auto';
+        /**
+          * Disable the clickable rows functionality.
+          * @default false
+         */
+        "disableClickableRows"?: boolean;
         /**
           * Visually hide the table's caption
           * @default false

package/docs-json.json

@@ -1,5 +1,5 @@
 {
-  "timestamp": "2025-09-11T08:35:41",
+  "timestamp": "2025-09-11T23:15:36",
   "compiler": {
     "name": "@stencil/core",
     "version": "4.36.1",
@@ -3358,7 +3358,7 @@
             "references": {
               "Breadcrumb": {
                 "location": "local",
-                "path": "/builds/W1hp42tj/0/Digital/nano-components/packages/components/src/components/breadcrumb/breadcrumb.tsx",
+                "path": "/builds/-v_1b6Vq/0/Digital/nano-components/packages/components/src/components/breadcrumb/breadcrumb.tsx",
                 "id": "src/components/breadcrumb/breadcrumb.tsx::Breadcrumb"
               }
             }
@@ -26910,6 +26910,35 @@
           "getter": false,
           "setter": false
         },
+        {
+          "name": "disableClickableRows",
+          "type": "boolean",
+          "complexType": {
+            "original": "boolean",
+            "resolved": "boolean",
+            "references": {}
+          },
+          "mutable": false,
+          "attr": "disable-clickable-rows",
+          "reflectToAttr": true,
+          "docs": "Disable the clickable rows functionality.",
+          "docsTags": [
+            {
+              "name": "default",
+              "text": "false"
+            }
+          ],
+          "default": "false",
+          "values": [
+            {
+              "type": "boolean"
+            }
+          ],
+          "optional": false,
+          "required": false,
+          "getter": false,
+          "setter": false
+        },
         {
           "name": "hideCaption",
           "type": "boolean",

package/docs-vscode.json

@@ -3706,6 +3706,10 @@
             }
           ]
         },
+        {
+          "name": "disable-clickable-rows",
+          "description": "Disable the clickable rows functionality."
+        },
         {
           "name": "hide-caption",
           "description": "Visually hide the table's caption"

package/hydrate/index.js

@@ -23651,6 +23651,8 @@ class NanoTable {
             return;
         caption.classList.toggle('visually-hidden', this.hideCaption);
     }
+    /** Disable the clickable rows functionality. */
+    disableClickableRows = false;
     resizeObserver;
     mutationObserver;
     intersectionObserver;
@@ -23672,15 +23674,17 @@ class NanoTable {
             return;
         this.settingUp = true;
         // Clickable rows
-        const rows = Array.from(this.host.querySelectorAll('tr'));
-        for (const row of rows) {
-            if (this.getRowClickElements(row).length === 1) {
-                row.setAttribute('clickable', 'true');
-                row.addEventListener('click', this.rowClickHandler);
-            }
-            else {
-                row.removeAttribute('clickable');
-                row.removeEventListener('click', this.rowClickHandler);
+        if (!this.disableClickableRows) {
+            const rows = Array.from(this.host.querySelectorAll('tr'));
+            for (const row of rows) {
+                if (this.getRowClickElements(row).length === 1) {
+                    row.setAttribute('clickable', 'true');
+                    row.addEventListener('click', this.rowClickHandler);
+                }
+                else {
+                    row.removeAttribute('clickable');
+                    row.removeEventListener('click', this.rowClickHandler);
+                }
             }
         }
         // Sticky columns and rows
@@ -23831,10 +23835,10 @@ class NanoTable {
         this.cleanUpObservers();
     }
     render() {
-        return (h(Host, { key: '3c45a2880bd20a771bcc682355452312340db56d', class: {
+        return (h(Host, { key: 'dfcda7c6604792e025f1ed4997395857ad786be3', class: {
                 'nano-table': true,
                 'nano-table--props-ready': this.propsReady,
-            } }, this.scrollable && (h("nano-masked-overflow", { key: '6b29ca4c8c64deae80def0d3958dc25c4d6cd1c0', hideScrollbars: false, scrollControls: false, label: this.caption?.textContent || undefined, class: "nano-table__overflow-container" }, h("div", { key: '83dce90d6e5425b0fd2a2443d0d90b7acfc9c141', class: "nano-table__overflow" }))), h("slot", { key: 'cff62841c17cf20c2ff5872944dbd38bbe438369' })));
+            } }, this.scrollable && (h("nano-masked-overflow", { key: '2ef0536af50f22134e4c0d295172817287c46196', hideScrollbars: false, scrollControls: false, label: this.caption?.textContent || undefined, class: "nano-table__overflow-container" }, h("div", { key: '1b9ba48be1ccf92ac46f9873ac08b43a51cfcabc', class: "nano-table__overflow" }))), h("slot", { key: 'ab86c4eab83b69cb4ba31b22ae18f9cb0c31033a' })));
     }
     static get watchers() { return {
         "compact": ["handleCompactChange"],
@@ -23848,11 +23852,12 @@ class NanoTable {
             "compact": [520],
             "scrollable": [516],
             "hideCaption": [516, "hide-caption"],
+            "disableClickableRows": [516, "disable-clickable-rows"],
             "propsReady": [32]
         },
         "$listeners$": undefined,
         "$lazyBundleId$": "-",
-        "$attrsToReflect$": [["compact", "compact"], ["scrollable", "scrollable"], ["hideCaption", "hide-caption"]]
+        "$attrsToReflect$": [["compact", "compact"], ["scrollable", "scrollable"], ["hideCaption", "hide-caption"], ["disableClickableRows", "disable-clickable-rows"]]
     }; }
 }
 

package/hydrate/index.mjs

@@ -23649,6 +23649,8 @@ class NanoTable {
             return;
         caption.classList.toggle('visually-hidden', this.hideCaption);
     }
+    /** Disable the clickable rows functionality. */
+    disableClickableRows = false;
     resizeObserver;
     mutationObserver;
     intersectionObserver;
@@ -23670,15 +23672,17 @@ class NanoTable {
             return;
         this.settingUp = true;
         // Clickable rows
-        const rows = Array.from(this.host.querySelectorAll('tr'));
-        for (const row of rows) {
-            if (this.getRowClickElements(row).length === 1) {
-                row.setAttribute('clickable', 'true');
-                row.addEventListener('click', this.rowClickHandler);
-            }
-            else {
-                row.removeAttribute('clickable');
-                row.removeEventListener('click', this.rowClickHandler);
+        if (!this.disableClickableRows) {
+            const rows = Array.from(this.host.querySelectorAll('tr'));
+            for (const row of rows) {
+                if (this.getRowClickElements(row).length === 1) {
+                    row.setAttribute('clickable', 'true');
+                    row.addEventListener('click', this.rowClickHandler);
+                }
+                else {
+                    row.removeAttribute('clickable');
+                    row.removeEventListener('click', this.rowClickHandler);
+                }
             }
         }
         // Sticky columns and rows
@@ -23829,10 +23833,10 @@ class NanoTable {
         this.cleanUpObservers();
     }
     render() {
-        return (h(Host, { key: '3c45a2880bd20a771bcc682355452312340db56d', class: {
+        return (h(Host, { key: 'dfcda7c6604792e025f1ed4997395857ad786be3', class: {
                 'nano-table': true,
                 'nano-table--props-ready': this.propsReady,
-            } }, this.scrollable && (h("nano-masked-overflow", { key: '6b29ca4c8c64deae80def0d3958dc25c4d6cd1c0', hideScrollbars: false, scrollControls: false, label: this.caption?.textContent || undefined, class: "nano-table__overflow-container" }, h("div", { key: '83dce90d6e5425b0fd2a2443d0d90b7acfc9c141', class: "nano-table__overflow" }))), h("slot", { key: 'cff62841c17cf20c2ff5872944dbd38bbe438369' })));
+            } }, this.scrollable && (h("nano-masked-overflow", { key: '2ef0536af50f22134e4c0d295172817287c46196', hideScrollbars: false, scrollControls: false, label: this.caption?.textContent || undefined, class: "nano-table__overflow-container" }, h("div", { key: '1b9ba48be1ccf92ac46f9873ac08b43a51cfcabc', class: "nano-table__overflow" }))), h("slot", { key: 'ab86c4eab83b69cb4ba31b22ae18f9cb0c31033a' })));
     }
     static get watchers() { return {
         "compact": ["handleCompactChange"],
@@ -23846,11 +23850,12 @@ class NanoTable {
             "compact": [520],
             "scrollable": [516],
             "hideCaption": [516, "hide-caption"],
+            "disableClickableRows": [516, "disable-clickable-rows"],
             "propsReady": [32]
         },
         "$listeners$": undefined,
         "$lazyBundleId$": "-",
-        "$attrsToReflect$": [["compact", "compact"], ["scrollable", "scrollable"], ["hideCaption", "hide-caption"]]
+        "$attrsToReflect$": [["compact", "compact"], ["scrollable", "scrollable"], ["hideCaption", "hide-caption"], ["disableClickableRows", "disable-clickable-rows"]]
     }; }
 }
 

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@nanoporetech-digital/components",
-  "version": "8.6.0",
+  "version": "8.7.0",
   "sideEffects": false,
   "repository": {
     "type": "git",
@@ -60,7 +60,7 @@
     "smart-array-filter": "^4.0.2",
     "stencil-wormhole": "3.2.1",
     "tyqs": "^0.1.3",
-    "@nanoporetech-digital/style": "8.6.0"
+    "@nanoporetech-digital/style": "8.7.0"
   },
   "devDependencies": {
     "@algolia/client-search": "^4.22.1",