@mattilsynet/design 3.3.2 → 3.3.4

package/mtds/table/table-observer.js

@@ -1,8 +1,8 @@
-import { isBrowser as r, debounce as b, attr as a, onHotReload as u, onMutation as f } from "../utils.js";
-const s = /* @__PURE__ */ new WeakSet(), m = r() ? document.getElementsByTagName("table") : [], l = r() && window.ResizeObserver ? new ResizeObserver(b(c, 200)) : null;
+import { isBrowser as i, debounce as b, attr as a, onHotReload as u, onMutation as f } from "../utils.js";
+const r = /* @__PURE__ */ new WeakSet(), m = i() ? document.getElementsByTagName("table") : [], l = i() && window.ResizeObserver ? new ResizeObserver(b(c, 200)) : null;
 function c(e) {
   for (const { target: t, contentRect: o } of e)
-    if (!t.isConnected) s.delete(t) && l?.unobserve(t);
+    if (!t.isConnected) r.delete(t) && l?.unobserve(t);
     else {
       const n = t.getAttribute("data-mobile-source") === "self" ? o.width : window.innerWidth, d = Number(t.getAttribute("data-mobile-size")) || 768;
       a(t, "data-mobile-active", n < d ? "" : null);
@@ -11,14 +11,11 @@ function c(e) {
 function w() {
   for (const e of m)
     if (e.hasAttribute("data-mobile")) {
-      const t = Array.from(
-        e.tHead?.rows[0]?.cells || [],
-        (o) => o.innerText.trim()
-      );
-      s.has(e) || (s.add(e), l?.observe(e), c([{ target: e, contentRect: e.getBoundingClientRect() }]));
+      const t = Array.from(e.tHead?.rows[0]?.cells || [], (o) => (o.innerText ?? o.textContent)?.trim() || "");
+      r.has(e) || (r.add(e), l?.observe(e), c([{ target: e, contentRect: e.getBoundingClientRect() }]));
       for (const o of e.tBodies)
-        for (const i of o.rows)
-          for (const n of i.cells)
+        for (const s of o.rows)
+          for (const n of s.cells)
             a(n, "data-th", t[n.cellIndex] || ":empty");
     }
 }

package/mtds/table/table-observer.js.map

@@ -1 +1 @@
-{"version":3,"file":"table-observer.js","sources":["../../designsystem/table/table-observer.ts"],"sourcesContent":["import { attr, debounce, isBrowser, onHotReload, onMutation } from \"../utils\";\n\nconst MOBILE = new WeakSet();\nconst TABLES = isBrowser() ? document.getElementsByTagName(\"table\") : [];\nconst RESIZER =\n\tisBrowser() && window.ResizeObserver // Check for ResizeObserver support, as it's not available in all environments (e.g., JSDOM)\n\t\t? new ResizeObserver(debounce(handleResize, 200))\n\t\t: null;\n\nfunction handleResize(\n\tentries: Pick<ResizeObserverEntry, \"target\" | \"contentRect\">[],\n) {\n\tfor (const { target: table, contentRect: rect } of entries) {\n\t\tif (!table.isConnected) MOBILE.delete(table) && RESIZER?.unobserve(table);\n\t\telse {\n\t\t\tconst isSelf = table.getAttribute(\"data-mobile-source\") === \"self\";\n\t\t\tconst source = isSelf ? rect.width : window.innerWidth;\n\t\t\tconst size = Number(table.getAttribute(\"data-mobile-size\")) || 768;\n\n\t\t\tattr(table, \"data-mobile-active\", source < size ? \"\" : null);\n\t\t}\n\t}\n}\n\nfunction handleTableMobile() {\n\tfor (const target of TABLES)\n\t\tif (target.hasAttribute(\"data-mobile\")) {\n\t\t\tconst ths = Array.from(target.tHead?.rows[0]?.cells || [], (th) =>\n\t\t\t\tth.innerText.trim(),\n\t\t\t);\n\n\t\t\tif (!MOBILE.has(target)) {\n\t\t\t\tMOBILE.add(target);\n\t\t\t\tRESIZER?.observe(target);\n\t\t\t\thandleResize([{ target, contentRect: target.getBoundingClientRect() }]); // Instant initial check\n\t\t\t}\n\n\t\t\tfor (const tbody of target.tBodies)\n\t\t\t\tfor (const row of tbody.rows)\n\t\t\t\t\tfor (const cell of row.cells)\n\t\t\t\t\t\tattr(cell, \"data-th\", ths[cell.cellIndex] || \":empty\");\n\t\t}\n}\n\nonHotReload(\"table\", () => [\n\tonMutation(document, handleTableMobile, {\n\t\tattributeFilter: [\"data-mobile\"],\n\t\tattributes: true,\n\t\tchildList: true,\n\t\tsubtree: true,\n\t}),\n]);\n"],"names":["MOBILE","TABLES","isBrowser","RESIZER","debounce","handleResize","entries","table","rect","source","size","attr","handleTableMobile","target","ths","th","tbody","row","cell","onHotReload","onMutation"],"mappings":";AAEA,MAAMA,wBAAa,QAAA,GACbC,IAASC,EAAA,IAAc,SAAS,qBAAqB,OAAO,IAAI,CAAA,GAChEC,IACLD,EAAA,KAAe,OAAO,iBACnB,IAAI,eAAeE,EAASC,GAAc,GAAG,CAAC,IAC9C;AAEJ,SAASA,EACRC,GACC;AACD,aAAW,EAAE,QAAQC,GAAO,aAAaC,EAAA,KAAUF;AAClD,QAAI,CAACC,EAAM,YAAa,CAAAP,EAAO,OAAOO,CAAK,KAAKJ,GAAS,UAAUI,CAAK;AAAA,SACnE;AAEJ,YAAME,IADSF,EAAM,aAAa,oBAAoB,MAAM,SACpCC,EAAK,QAAQ,OAAO,YACtCE,IAAO,OAAOH,EAAM,aAAa,kBAAkB,CAAC,KAAK;AAE/D,MAAAI,EAAKJ,GAAO,sBAAsBE,IAASC,IAAO,KAAK,IAAI;AAAA,IAC5D;AAEF;AAEA,SAASE,IAAoB;AAC5B,aAAWC,KAAUZ;AACpB,QAAIY,EAAO,aAAa,aAAa,GAAG;AACvC,YAAMC,IAAM,MAAM;AAAA,QAAKD,EAAO,OAAO,KAAK,CAAC,GAAG,SAAS,CAAA;AAAA,QAAI,CAACE,MAC3DA,EAAG,UAAU,KAAA;AAAA,MAAK;AAGnB,MAAKf,EAAO,IAAIa,CAAM,MACrBb,EAAO,IAAIa,CAAM,GACjBV,GAAS,QAAQU,CAAM,GACvBR,EAAa,CAAC,EAAE,QAAAQ,GAAQ,aAAaA,EAAO,sBAAA,EAAsB,CAAG,CAAC;AAGvE,iBAAWG,KAASH,EAAO;AAC1B,mBAAWI,KAAOD,EAAM;AACvB,qBAAWE,KAAQD,EAAI;AACtB,YAAAN,EAAKO,GAAM,WAAWJ,EAAII,EAAK,SAAS,KAAK,QAAQ;AAAA,IACzD;AACF;AAEAC,EAAY,SAAS,MAAM;AAAA,EAC1BC,EAAW,UAAUR,GAAmB;AAAA,IACvC,iBAAiB,CAAC,aAAa;AAAA,IAC/B,YAAY;AAAA,IACZ,WAAW;AAAA,IACX,SAAS;AAAA,EAAA,CACT;AACF,CAAC;"}
+{"version":3,"file":"table-observer.js","sources":["../../designsystem/table/table-observer.ts"],"sourcesContent":["import { attr, debounce, isBrowser, onHotReload, onMutation } from \"../utils\";\n\nconst MOBILE = new WeakSet();\nconst TABLES = isBrowser() ? document.getElementsByTagName(\"table\") : [];\nconst RESIZER =\n\tisBrowser() && window.ResizeObserver // Check for ResizeObserver support, as it's not available in all environments (e.g., JSDOM)\n\t\t? new ResizeObserver(debounce(handleResize, 200))\n\t\t: null;\n\nfunction handleResize(\n\tentries: Pick<ResizeObserverEntry, \"target\" | \"contentRect\">[],\n) {\n\tfor (const { target: table, contentRect: rect } of entries) {\n\t\tif (!table.isConnected) MOBILE.delete(table) && RESIZER?.unobserve(table);\n\t\telse {\n\t\t\tconst isSelf = table.getAttribute(\"data-mobile-source\") === \"self\";\n\t\t\tconst source = isSelf ? rect.width : window.innerWidth;\n\t\t\tconst size = Number(table.getAttribute(\"data-mobile-size\")) || 768;\n\n\t\t\tattr(table, \"data-mobile-active\", source < size ? \"\" : null);\n\t\t}\n\t}\n}\n\nfunction handleTableMobile() {\n\tfor (const target of TABLES)\n\t\tif (target.hasAttribute(\"data-mobile\")) {\n\t\t\tconst ths = Array.from(target.tHead?.rows[0]?.cells || [], (th) => {\n\t\t\t\treturn (th.innerText ?? th.textContent)?.trim() || \"\"; // Fallback to textContent if innerText is not supported (e.g., in JSDOM)\n\t\t\t});\n\n\t\t\tif (!MOBILE.has(target)) {\n\t\t\t\tMOBILE.add(target);\n\t\t\t\tRESIZER?.observe(target);\n\t\t\t\thandleResize([{ target, contentRect: target.getBoundingClientRect() }]); // Instant initial check\n\t\t\t}\n\n\t\t\tfor (const tbody of target.tBodies)\n\t\t\t\tfor (const row of tbody.rows)\n\t\t\t\t\tfor (const cell of row.cells)\n\t\t\t\t\t\tattr(cell, \"data-th\", ths[cell.cellIndex] || \":empty\");\n\t\t}\n}\n\nonHotReload(\"table\", () => [\n\tonMutation(document, handleTableMobile, {\n\t\tattributeFilter: [\"data-mobile\"],\n\t\tattributes: true,\n\t\tchildList: true,\n\t\tsubtree: true,\n\t}),\n]);\n"],"names":["MOBILE","TABLES","isBrowser","RESIZER","debounce","handleResize","entries","table","rect","source","size","attr","handleTableMobile","target","ths","th","tbody","row","cell","onHotReload","onMutation"],"mappings":";AAEA,MAAMA,wBAAa,QAAA,GACbC,IAASC,EAAA,IAAc,SAAS,qBAAqB,OAAO,IAAI,CAAA,GAChEC,IACLD,EAAA,KAAe,OAAO,iBACnB,IAAI,eAAeE,EAASC,GAAc,GAAG,CAAC,IAC9C;AAEJ,SAASA,EACRC,GACC;AACD,aAAW,EAAE,QAAQC,GAAO,aAAaC,EAAA,KAAUF;AAClD,QAAI,CAACC,EAAM,YAAa,CAAAP,EAAO,OAAOO,CAAK,KAAKJ,GAAS,UAAUI,CAAK;AAAA,SACnE;AAEJ,YAAME,IADSF,EAAM,aAAa,oBAAoB,MAAM,SACpCC,EAAK,QAAQ,OAAO,YACtCE,IAAO,OAAOH,EAAM,aAAa,kBAAkB,CAAC,KAAK;AAE/D,MAAAI,EAAKJ,GAAO,sBAAsBE,IAASC,IAAO,KAAK,IAAI;AAAA,IAC5D;AAEF;AAEA,SAASE,IAAoB;AAC5B,aAAWC,KAAUZ;AACpB,QAAIY,EAAO,aAAa,aAAa,GAAG;AACvC,YAAMC,IAAM,MAAM,KAAKD,EAAO,OAAO,KAAK,CAAC,GAAG,SAAS,CAAA,GAAI,CAACE,OACnDA,EAAG,aAAaA,EAAG,cAAc,UAAU,EACnD;AAED,MAAKf,EAAO,IAAIa,CAAM,MACrBb,EAAO,IAAIa,CAAM,GACjBV,GAAS,QAAQU,CAAM,GACvBR,EAAa,CAAC,EAAE,QAAAQ,GAAQ,aAAaA,EAAO,sBAAA,EAAsB,CAAG,CAAC;AAGvE,iBAAWG,KAASH,EAAO;AAC1B,mBAAWI,KAAOD,EAAM;AACvB,qBAAWE,KAAQD,EAAI;AACtB,YAAAN,EAAKO,GAAM,WAAWJ,EAAII,EAAK,SAAS,KAAK,QAAQ;AAAA,IACzD;AACF;AAEAC,EAAY,SAAS,MAAM;AAAA,EAC1BC,EAAW,UAAUR,GAAmB;AAAA,IACvC,iBAAiB,CAAC,aAAa;AAAA,IAC/B,YAAY;AAAA,IACZ,WAAW;AAAA,IACX,SAAS;AAAA,EAAA,CACT;AACF,CAAC;"}

package/mtds/table/table.stories.d.ts

@@ -6,7 +6,7 @@ declare const meta: {
     };
     decorators: ((Story: import('storybook/internal/csf').PartialStoryFn<import('@storybook/react').ReactRenderer, {
         [x: string]: any;
-    }>) => import("react/jsx-runtime").JSX.Element)[];
+    }>) => import("react").JSX.Element)[];
 };
 export default meta;
 type Story = StoryObj<typeof meta>;

package/mtds/tag/tag.stories.d.ts

@@ -3,7 +3,7 @@ declare const meta: {
     title: string;
     decorators: ((Story: import('storybook/internal/csf').PartialStoryFn<import('@storybook/react').ReactRenderer, {
         [x: string]: any;
-    }>) => import("react/jsx-runtime").JSX.Element)[];
+    }>) => import("react").JSX.Element)[];
 };
 export default meta;
 type Story = StoryObj<typeof meta>;

package/mtds/toast/toast.stories.d.ts

@@ -6,7 +6,7 @@ declare const meta: {
     };
     decorators: ((Story: import('storybook/internal/csf').PartialStoryFn<import('@storybook/react').ReactRenderer, {
         [x: string]: any;
-    }>) => import("react/jsx-runtime").JSX.Element)[];
+    }>) => import("react").JSX.Element)[];
 };
 export default meta;
 type Story = StoryObj<typeof meta>;

package/mtds/tokens.d.ts

@@ -1,3 +1,3 @@
-export declare const Colors: () => import("react/jsx-runtime").JSX.Element;
-export declare const Sizes: () => import("react/jsx-runtime").JSX.Element;
-export declare const Radius: () => import("react/jsx-runtime").JSX.Element;
+export declare const Colors: () => import("react").JSX.Element;
+export declare const Sizes: () => import("react").JSX.Element;
+export declare const Radius: () => import("react").JSX.Element;

package/mtds/tooltip/tooltip.stories.d.ts

@@ -3,7 +3,7 @@ declare const meta: {
     title: string;
     decorators: ((Story: import('storybook/internal/csf').PartialStoryFn<import('@storybook/react').ReactRenderer, {
         [x: string]: any;
-    }>) => import("react/jsx-runtime").JSX.Element)[];
+    }>) => import("react").JSX.Element)[];
 };
 export default meta;
 type Story = StoryObj<typeof meta>;

package/mtds/typography/typography.stories.d.ts

@@ -3,7 +3,7 @@ declare const meta: {
     title: string;
     decorators: ((Story: import('storybook/internal/csf').PartialStoryFn<import('@storybook/react').ReactRenderer, {
         [x: string]: any;
-    }>) => import("react/jsx-runtime").JSX.Element)[];
+    }>) => import("react").JSX.Element)[];
 };
 export default meta;
 type Story = StoryObj<typeof meta>;

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@mattilsynet/design",
-	"version": "3.3.2",
+	"version": "3.3.4",
 	"type": "module",
 	"repository": {
 		"type": "git",
@@ -61,16 +61,16 @@
 		"@handsontable/react-wrapper": "17.1.0",
 		"@phosphor-icons/core": "^2.1.1",
 		"@phosphor-icons/react": "^2.1.10",
-		"@storybook/addon-docs": "^10.4.1",
-		"@storybook/addon-themes": "^10.4.1",
-		"@storybook/react-vite": "^10.4.1",
+		"@storybook/addon-docs": "^10.4.2",
+		"@storybook/addon-themes": "^10.4.2",
+		"@storybook/react-vite": "^10.4.2",
 		"@tanstack/react-table": "^8.21.3",
 		"@turf/boolean-point-in-polygon": "^7.3.5",
 		"@turf/helpers": "^7.3.5",
 		"@types/leaflet": "^1.9.21",
 		"@types/leaflet.markercluster": "^1.5.6",
 		"@types/node": "^25.9.1",
-		"@types/react": "^19.2.15",
+		"@types/react": "^19.2.16",
 		"@types/react-dom": "^19.2.3",
 		"@vitejs/plugin-react": "^5.2.0",
 		"fast-glob": "^3.3.3",
@@ -78,10 +78,10 @@
 		"leaflet": "^2.0.0-alpha.1",
 		"postcss": "^8.5.15",
 		"postcss-nesting": "^14.0.0",
-		"react": "^19.2.6",
-		"react-dom": "^19.2.6",
+		"react": "^19.2.7",
+		"react-dom": "^19.2.7",
 		"react-moveable": "^0.56.0",
-		"storybook": "^10.4.1",
+		"storybook": "^10.4.2",
 		"typescript": "^6.0.3",
 		"vite": "^7.3.2",
 		"vite-plugin-dts": "^4.5.4",