@mattilsynet/design 1.3.10 → 1.3.12

package/mtds/analytics/analytics.js

@@ -1,25 +1,25 @@
-import { IS_BROWSER as l } from "../utils.js";
+import { IS_BROWSER as r } from "../utils.js";
 const s = "mattilsynet.matomo.cloud";
 let a = !0;
 function d(o, n = {}) {
-  if (l) {
+  if (r) {
     if (window._paq || (window._paq = [], window._paq.push(["HeatmapSessionRecording::disable"]), window._paq.push(["enableLinkTracking"]), window._paq.push(["setTrackerUrl", `https://${s}/matomo.php`]), document.querySelector('script[src*="matomo.js"]') || document.head.append(
       Object.assign(document.createElement("script"), {
         async: !0,
         src: `https://cdn.matomo.cloud/${s}/matomo.js`
       })
     )), o === "init") {
-      const { matomoId: e, enabled: t = !0 } = n;
-      a = t, window._paq.push(["setSiteId", e]);
+      const { matomoId: e, enabled: t } = n;
+      a = t ?? window.location.hostname === "localhost", window._paq.push(["setSiteId", e]);
     }
     if (a === "debug") return console.info(`Analytics: "${o}"`, n);
-    if (!(a === !1 || window.location.hostname === "localhost"))
+    if (a !== !1)
       if (o === "pageview") {
         const { url: e, title: t } = n;
         window._paq.push(["setCustomUrl", e || location.href]), window._paq.push(["setDocumentTitle", t || document.title]), window._paq.push(["trackPageView"]);
       } else if (o === "event") {
         const { category: e, action: t, name: i, value: c } = n, p = ["trackEvent", e, t, i, c];
-        window._paq.push(p.filter((r) => r !== void 0));
+        window._paq.push(p.filter((l) => l !== void 0));
       } else if (o === "search") {
         const {
           query: e,

package/mtds/analytics/analytics.js.map

@@ -1 +1 @@
-{"version":3,"file":"analytics.js","sources":["../../designsystem/analytics/analytics.ts"],"sourcesContent":["import { IS_BROWSER } from \"../utils\";\n\nconst MATOMO = \"mattilsynet.matomo.cloud\";\nlet ENABLED: AnalyticsActions[\"init\"][\"enabled\"] = true;\n\ntype Matomo = (string | number | boolean)[];\ndeclare global {\n\tinterface Window {\n\t\t_paq?: Matomo[];\n\t\t_mtm?: Record<string, string | number>[];\n\t}\n}\n\n// window._paq = window._paq || [];\n// window._mtm = window._mtm || [];\n\n// window._paq.push([\"setCustomUrl\", `${document.location.href}&eirik`]);\n// window._paq.push([\"setDocumentTitle\", \"Eirik 3\"]);\n// window._mtm.push({\n// \tevent: \"mtm.Start\",\n// \t\"mtm.startTime\": new Date().getTime(),\n// \tcustomTitle: \"Eirik 1\",\n// \tcustomUrl: `${document.location.href}&eirik`,\n// });\n\n// window._mtm.push({\n// \tevent: \"mtm.PageView\",\n// \tcustomTitle: \"Eirik 2\",\n// \tcustomUrl: `${document.location.href}&eirik`,\n// });\n\n// const containerId = \"A9utKk3O\";\n\n// document.head.append(\n// \tObject.assign(document.createElement(\"script\"), {\n// \t\tsrc: `https://cdn.matomo.cloud/mattilsynet.matomo.cloud/container_${containerId}.js`,\n// \t\tasync: true,\n// \t\tonload: () => console.log(window._paq),\n// \t}),\n// );\n\nexport type AnalyticsActions = {\n\tinit: {\n\t\tmatomoId: number | string;\n\t\tenabled?: boolean | \"debug\";\n\t};\n\tpageview: {\n\t\turl?: string;\n\t\ttitle?: string;\n\t};\n\tevent: {\n\t\tcategory: string;\n\t\taction: string;\n\t\tname?: string;\n\t\tvalue?: number;\n\t};\n\tsearch: {\n\t\tquery: string;\n\t\tcategory?: string;\n\t\tresults?: number;\n\t};\n\tmatomo: Matomo;\n};\n\nexport function analytics<Action extends keyof AnalyticsActions>(\n\taction: Action,\n\targs = {} as AnalyticsActions[Action],\n) {\n\tif (!IS_BROWSER) return;\n\tif (!window._paq) {\n\t\twindow._paq = [];\n\t\twindow._paq.push([\"HeatmapSessionRecording::disable\"]); // Disable heatmaps by default as this require cookies\n\t\twindow._paq.push([\"enableLinkTracking\"]);\n\t\twindow._paq.push([\"setTrackerUrl\", `https://${MATOMO}/matomo.php`]);\n\t\tdocument.querySelector('script[src*=\"matomo.js\"]') ||\n\t\t\tdocument.head.append(\n\t\t\t\tObject.assign(document.createElement(\"script\"), {\n\t\t\t\t\tasync: true,\n\t\t\t\t\tsrc: `https://cdn.matomo.cloud/${MATOMO}/matomo.js`,\n\t\t\t\t}),\n\t\t\t);\n\t}\n\tif (action === \"init\") {\n\t\tconst { matomoId, enabled = true } = args as AnalyticsActions[\"init\"];\n\t\tENABLED = enabled;\n\t\twindow._paq.push([\"setSiteId\", matomoId]);\n\t}\n\n\tif (ENABLED === \"debug\") return console.info(`Analytics: \"${action}\"`, args);\n\tif (ENABLED === false || window.location.hostname === \"localhost\") return;\n\n\tif (action === \"pageview\") {\n\t\tconst { url, title } = args as AnalyticsActions[\"pageview\"];\n\t\twindow._paq.push([\"setCustomUrl\", url || location.href]);\n\t\twindow._paq.push([\"setDocumentTitle\", title || document.title]);\n\t\twindow._paq.push([\"trackPageView\"]);\n\t} else if (action === \"event\") {\n\t\tconst { category, action, name, value } = args as AnalyticsActions[\"event\"];\n\t\tconst event = [\"trackEvent\", category, action, name, value];\n\t\twindow._paq.push(event.filter((v) => v !== undefined));\n\t} else if (action === \"search\") {\n\t\tconst {\n\t\t\tquery,\n\t\t\tcategory = false,\n\t\t\tresults = false,\n\t\t} = args as AnalyticsActions[\"search\"];\n\t\twindow._paq.push([\"trackSiteSearch\", query, category, results]);\n\t} else if (action === \"matomo\") {\n\t\twindow._paq.push(args as AnalyticsActions[\"matomo\"]);\n\t}\n}\n"],"names":["MATOMO","ENABLED","analytics","action","args","IS_BROWSER","matomoId","enabled","url","title","category","name","value","event","v","query","results"],"mappings":";AAEA,MAAMA,IAAS;AACf,IAAIC,IAA+C;AA6D5C,SAASC,EACfC,GACAC,IAAO,IACN;AACD,MAAKC,GAcL;AAAA,QAbK,OAAO,SACX,OAAO,OAAO,CAAC,GACf,OAAO,KAAK,KAAK,CAAC,kCAAkC,CAAC,GACrD,OAAO,KAAK,KAAK,CAAC,oBAAoB,CAAC,GACvC,OAAO,KAAK,KAAK,CAAC,iBAAiB,WAAWL,CAAM,aAAa,CAAC,GAClE,SAAS,cAAc,0BAA0B,KAChD,SAAS,KAAK;AAAA,MACb,OAAO,OAAO,SAAS,cAAc,QAAQ,GAAG;AAAA,QAC/C,OAAO;AAAA,QACP,KAAK,4BAA4BA,CAAM;AAAA,MACvC,CAAA;AAAA,IACF,IAEEG,MAAW,QAAQ;AACtB,YAAM,EAAE,UAAAG,GAAU,SAAAC,IAAU,GAAS,IAAAH;AAC3B,MAAAH,IAAAM,GACV,OAAO,KAAK,KAAK,CAAC,aAAaD,CAAQ,CAAC;AAAA,IAAA;AAGrC,QAAAL,MAAY,QAAgB,QAAA,QAAQ,KAAK,eAAeE,CAAM,KAAKC,CAAI;AAC3E,QAAI,EAAAH,MAAY,MAAS,OAAO,SAAS,aAAa;AAEtD,UAAIE,MAAW,YAAY;AACpB,cAAA,EAAE,KAAAK,GAAK,OAAAC,EAAA,IAAUL;AACvB,eAAO,KAAK,KAAK,CAAC,gBAAgBI,KAAO,SAAS,IAAI,CAAC,GACvD,OAAO,KAAK,KAAK,CAAC,oBAAoBC,KAAS,SAAS,KAAK,CAAC,GAC9D,OAAO,KAAK,KAAK,CAAC,eAAe,CAAC;AAAA,MAAA,WACxBN,MAAW,SAAS;AAC9B,cAAM,EAAE,UAAAO,GAAU,QAAAP,GAAQ,MAAAQ,GAAM,OAAAC,MAAUR,GACpCS,IAAQ,CAAC,cAAcH,GAAUP,GAAQQ,GAAMC,CAAK;AACnD,eAAA,KAAK,KAAKC,EAAM,OAAO,CAACC,MAAMA,MAAM,MAAS,CAAC;AAAA,MAAA,WAC3CX,MAAW,UAAU;AACzB,cAAA;AAAA,UACL,OAAAY;AAAA,UACA,UAAAL,IAAW;AAAA,UACX,SAAAM,IAAU;AAAA,QAAA,IACPZ;AACJ,eAAO,KAAK,KAAK,CAAC,mBAAmBW,GAAOL,GAAUM,CAAO,CAAC;AAAA,MAAA,MAC/D,CAAWb,MAAW,YACd,OAAA,KAAK,KAAKC,CAAkC;AAAA;AAErD;"}
+{"version":3,"file":"analytics.js","sources":["../../designsystem/analytics/analytics.ts"],"sourcesContent":["import { IS_BROWSER } from \"../utils\";\n\nconst MATOMO = \"mattilsynet.matomo.cloud\";\nlet ENABLED: AnalyticsActions[\"init\"][\"enabled\"] = true;\n\ntype Matomo = (string | number | boolean)[];\ndeclare global {\n\tinterface Window {\n\t\t_paq?: Matomo[];\n\t\t_mtm?: Record<string, string | number>[];\n\t}\n}\n\n// window._paq = window._paq || [];\n// window._mtm = window._mtm || [];\n\n// window._paq.push([\"setCustomUrl\", `${document.location.href}&eirik`]);\n// window._paq.push([\"setDocumentTitle\", \"Eirik 3\"]);\n// window._mtm.push({\n// \tevent: \"mtm.Start\",\n// \t\"mtm.startTime\": new Date().getTime(),\n// \tcustomTitle: \"Eirik 1\",\n// \tcustomUrl: `${document.location.href}&eirik`,\n// });\n\n// window._mtm.push({\n// \tevent: \"mtm.PageView\",\n// \tcustomTitle: \"Eirik 2\",\n// \tcustomUrl: `${document.location.href}&eirik`,\n// });\n\n// const containerId = \"A9utKk3O\";\n\n// document.head.append(\n// \tObject.assign(document.createElement(\"script\"), {\n// \t\tsrc: `https://cdn.matomo.cloud/mattilsynet.matomo.cloud/container_${containerId}.js`,\n// \t\tasync: true,\n// \t\tonload: () => console.log(window._paq),\n// \t}),\n// );\n\nexport type AnalyticsActions = {\n\tinit: {\n\t\tmatomoId: number | string;\n\t\tenabled?: boolean | \"debug\";\n\t};\n\tpageview: {\n\t\turl?: string;\n\t\ttitle?: string;\n\t};\n\tevent: {\n\t\tcategory: string;\n\t\taction: string;\n\t\tname?: string;\n\t\tvalue?: number;\n\t};\n\tsearch: {\n\t\tquery: string;\n\t\tcategory?: string;\n\t\tresults?: number;\n\t};\n\tmatomo: Matomo;\n};\n\nexport function analytics<Action extends keyof AnalyticsActions>(\n\taction: Action,\n\targs = {} as AnalyticsActions[Action],\n) {\n\tif (!IS_BROWSER) return;\n\tif (!window._paq) {\n\t\twindow._paq = [];\n\t\twindow._paq.push([\"HeatmapSessionRecording::disable\"]); // Disable heatmaps by default as this require cookies\n\t\twindow._paq.push([\"enableLinkTracking\"]);\n\t\twindow._paq.push([\"setTrackerUrl\", `https://${MATOMO}/matomo.php`]);\n\t\tdocument.querySelector('script[src*=\"matomo.js\"]') ||\n\t\t\tdocument.head.append(\n\t\t\t\tObject.assign(document.createElement(\"script\"), {\n\t\t\t\t\tasync: true,\n\t\t\t\t\tsrc: `https://cdn.matomo.cloud/${MATOMO}/matomo.js`,\n\t\t\t\t}),\n\t\t\t);\n\t}\n\tif (action === \"init\") {\n\t\tconst { matomoId, enabled } = args as AnalyticsActions[\"init\"];\n\t\tENABLED = enabled ?? window.location.hostname === \"localhost\";\n\t\twindow._paq.push([\"setSiteId\", matomoId]);\n\t}\n\n\tif (ENABLED === \"debug\") return console.info(`Analytics: \"${action}\"`, args);\n\tif (ENABLED === false) return;\n\n\tif (action === \"pageview\") {\n\t\tconst { url, title } = args as AnalyticsActions[\"pageview\"];\n\t\twindow._paq.push([\"setCustomUrl\", url || location.href]);\n\t\twindow._paq.push([\"setDocumentTitle\", title || document.title]);\n\t\twindow._paq.push([\"trackPageView\"]);\n\t} else if (action === \"event\") {\n\t\tconst { category, action, name, value } = args as AnalyticsActions[\"event\"];\n\t\tconst event = [\"trackEvent\", category, action, name, value];\n\t\twindow._paq.push(event.filter((v) => v !== undefined));\n\t} else if (action === \"search\") {\n\t\tconst {\n\t\t\tquery,\n\t\t\tcategory = false,\n\t\t\tresults = false,\n\t\t} = args as AnalyticsActions[\"search\"];\n\t\twindow._paq.push([\"trackSiteSearch\", query, category, results]);\n\t} else if (action === \"matomo\") {\n\t\twindow._paq.push(args as AnalyticsActions[\"matomo\"]);\n\t}\n}\n"],"names":["MATOMO","ENABLED","analytics","action","args","IS_BROWSER","matomoId","enabled","url","title","category","name","value","event","v","query","results"],"mappings":";AAEA,MAAMA,IAAS;AACf,IAAIC,IAA+C;AA6D5C,SAASC,EACfC,GACAC,IAAO,IACN;AACD,MAAKC,GAcL;AAAA,QAbK,OAAO,SACX,OAAO,OAAO,CAAC,GACf,OAAO,KAAK,KAAK,CAAC,kCAAkC,CAAC,GACrD,OAAO,KAAK,KAAK,CAAC,oBAAoB,CAAC,GACvC,OAAO,KAAK,KAAK,CAAC,iBAAiB,WAAWL,CAAM,aAAa,CAAC,GAClE,SAAS,cAAc,0BAA0B,KAChD,SAAS,KAAK;AAAA,MACb,OAAO,OAAO,SAAS,cAAc,QAAQ,GAAG;AAAA,QAC/C,OAAO;AAAA,QACP,KAAK,4BAA4BA,CAAM;AAAA,MACvC,CAAA;AAAA,IACF,IAEEG,MAAW,QAAQ;AAChB,YAAA,EAAE,UAAAG,GAAU,SAAAC,EAAA,IAAYH;AACpB,MAAAH,IAAAM,KAAW,OAAO,SAAS,aAAa,aAClD,OAAO,KAAK,KAAK,CAAC,aAAaD,CAAQ,CAAC;AAAA,IAAA;AAGrC,QAAAL,MAAY,QAAgB,QAAA,QAAQ,KAAK,eAAeE,CAAM,KAAKC,CAAI;AAC3E,QAAIH,MAAY;AAEhB,UAAIE,MAAW,YAAY;AACpB,cAAA,EAAE,KAAAK,GAAK,OAAAC,EAAA,IAAUL;AACvB,eAAO,KAAK,KAAK,CAAC,gBAAgBI,KAAO,SAAS,IAAI,CAAC,GACvD,OAAO,KAAK,KAAK,CAAC,oBAAoBC,KAAS,SAAS,KAAK,CAAC,GAC9D,OAAO,KAAK,KAAK,CAAC,eAAe,CAAC;AAAA,MAAA,WACxBN,MAAW,SAAS;AAC9B,cAAM,EAAE,UAAAO,GAAU,QAAAP,GAAQ,MAAAQ,GAAM,OAAAC,MAAUR,GACpCS,IAAQ,CAAC,cAAcH,GAAUP,GAAQQ,GAAMC,CAAK;AACnD,eAAA,KAAK,KAAKC,EAAM,OAAO,CAACC,MAAMA,MAAM,MAAS,CAAC;AAAA,MAAA,WAC3CX,MAAW,UAAU;AACzB,cAAA;AAAA,UACL,OAAAY;AAAA,UACA,UAAAL,IAAW;AAAA,UACX,SAAAM,IAAU;AAAA,QAAA,IACPZ;AACJ,eAAO,KAAK,KAAK,CAAC,mBAAmBW,GAAOL,GAAUM,CAAO,CAAC;AAAA,MAAA,MAC/D,CAAWb,MAAW,YACd,OAAA,KAAK,KAAKC,CAAkC;AAAA;AAErD;"}

package/mtds/app/app-observer.js

@@ -1,6 +1,6 @@
 import m from "../styles.module.css.js";
 import { onLoaded as T, onMutation as w, on as r, QUICK_EVENT as p, debounce as _ } from "../utils.js";
-import "./app-toggle2.js";
+import "./app-toggle.js";
 const f = m.app.split(" ")[0], P = m.sticky.split(" ")[0], E = '[data-command="toggle-app-expanded"]', g = `.${f} > dialog,.${f} dialog ~ main`, S = (e) => {
   document.startViewTransition ? document.startViewTransition(e) : e();
 }, h = (e) => (

package/mtds/app/app-toggle.js

@@ -1,27 +1,11 @@
-const t = `if (
-	typeof window !== "undefined" &&
-	window.CSSStyleSheet &&
-	document.adoptedStyleSheets
-)
-	(() => {
-		const key = "--mtds-app-expanded";
-		const sheet = new CSSStyleSheet();
-		const prev = () => !window.localStorage.getItem(key)?.includes("false");
-
-		document.adoptedStyleSheets.push(sheet);
-		window.mtdsToggleAppExpanded = (force) => {
-			try {
-				const next = force ?? !prev();
-				sheet.replaceSync?.(\`:root { \${key}: var(\${key}--\${next})}\`);
-				window.localStorage.setItem(key, next);
-			} catch (_err) {} // localStorage is full or replaceSync is not supported
-		};
-
-		// Set and store initial state
-		window.mtdsToggleAppExpanded(prev());
-	})();
-`;
-export {
-  t as default
-};
+typeof window < "u" && window.CSSStyleSheet && document.adoptedStyleSheets && (() => {
+  const e = "--mtds-app-expanded", d = new CSSStyleSheet(), o = () => !window.localStorage.getItem(e)?.includes("false");
+  document.adoptedStyleSheets.push(d), window.mtdsToggleAppExpanded = (n) => {
+    try {
+      const t = n ?? !o();
+      d.replaceSync?.(`:root { ${e}: var(${e}--${t})}`), window.localStorage.setItem(e, t);
+    } catch {
+    }
+  }, window.mtdsToggleAppExpanded(o());
+})();
 //# sourceMappingURL=app-toggle.js.map

package/mtds/app/app-toggle.js.map

@@ -1 +1 @@
-{"version":3,"file":"app-toggle.js","sources":["../../designsystem/app/app-toggle.js?raw"],"sourcesContent":["export default \"if (\\n\\ttypeof window !== \\\"undefined\\\" &&\\n\\twindow.CSSStyleSheet &&\\n\\tdocument.adoptedStyleSheets\\n)\\n\\t(() => {\\n\\t\\tconst key = \\\"--mtds-app-expanded\\\";\\n\\t\\tconst sheet = new CSSStyleSheet();\\n\\t\\tconst prev = () => !window.localStorage.getItem(key)?.includes(\\\"false\\\");\\n\\n\\t\\tdocument.adoptedStyleSheets.push(sheet);\\n\\t\\twindow.mtdsToggleAppExpanded = (force) => {\\n\\t\\t\\ttry {\\n\\t\\t\\t\\tconst next = force ?? !prev();\\n\\t\\t\\t\\tsheet.replaceSync?.(`:root { ${key}: var(${key}--${next})}`);\\n\\t\\t\\t\\twindow.localStorage.setItem(key, next);\\n\\t\\t\\t} catch (_err) {} // localStorage is full or replaceSync is not supported\\n\\t\\t};\\n\\n\\t\\t// Set and store initial state\\n\\t\\twindow.mtdsToggleAppExpanded(prev());\\n\\t})();\\n\""],"names":["script"],"mappings":"AAAA,MAAeA,IAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;"}
+{"version":3,"file":"app-toggle.js","sources":["../../designsystem/app/app-toggle.js"],"sourcesContent":["if (\n\ttypeof window !== \"undefined\" &&\n\twindow.CSSStyleSheet &&\n\tdocument.adoptedStyleSheets\n)\n\t(() => {\n\t\tconst key = \"--mtds-app-expanded\";\n\t\tconst sheet = new CSSStyleSheet();\n\t\tconst prev = () => !window.localStorage.getItem(key)?.includes(\"false\");\n\n\t\tdocument.adoptedStyleSheets.push(sheet);\n\t\twindow.mtdsToggleAppExpanded = (force) => {\n\t\t\ttry {\n\t\t\t\tconst next = force ?? !prev();\n\t\t\t\tsheet.replaceSync?.(`:root { ${key}: var(${key}--${next})}`);\n\t\t\t\twindow.localStorage.setItem(key, next);\n\t\t\t} catch (_err) {} // localStorage is full or replaceSync is not supported\n\t\t};\n\n\t\t// Set and store initial state\n\t\twindow.mtdsToggleAppExpanded(prev());\n\t})();\n"],"names":["key","sheet","prev","force","next"],"mappings":"AACC,OAAO,SAAW,OAClB,OAAO,iBACP,SAAS,uBAER,MAAM;AACN,QAAMA,IAAM,uBACNC,IAAQ,IAAI,cAAe,GAC3BC,IAAO,MAAM,CAAC,OAAO,aAAa,QAAQF,CAAG,GAAG,SAAS,OAAO;AAEtE,WAAS,mBAAmB,KAAKC,CAAK,GACtC,OAAO,wBAAwB,CAACE,MAAU;AACzC,QAAI;AACH,YAAMC,IAAOD,KAAS,CAACD,EAAM;AAC7B,MAAAD,EAAM,cAAc,WAAWD,CAAG,SAASA,CAAG,KAAKI,CAAI,IAAI,GAC3D,OAAO,aAAa,QAAQJ,GAAKI,CAAI;AAAA,IACzC,QAAkB;AAAA,IAAE;AAAA,EACjB,GAGD,OAAO,sBAAsBF,GAAM;AACrC,GAAK;"}

package/mtds/app/app-toggle2.js

@@ -1,11 +1,27 @@
-typeof window < "u" && window.CSSStyleSheet && document.adoptedStyleSheets && (() => {
-  const e = "--mtds-app-expanded", d = new CSSStyleSheet(), o = () => !window.localStorage.getItem(e)?.includes("false");
-  document.adoptedStyleSheets.push(d), window.mtdsToggleAppExpanded = (n) => {
-    try {
-      const t = n ?? !o();
-      d.replaceSync?.(`:root { ${e}: var(${e}--${t})}`), window.localStorage.setItem(e, t);
-    } catch {
-    }
-  }, window.mtdsToggleAppExpanded(o());
-})();
+const t = `if (
+	typeof window !== "undefined" &&
+	window.CSSStyleSheet &&
+	document.adoptedStyleSheets
+)
+	(() => {
+		const key = "--mtds-app-expanded";
+		const sheet = new CSSStyleSheet();
+		const prev = () => !window.localStorage.getItem(key)?.includes("false");
+
+		document.adoptedStyleSheets.push(sheet);
+		window.mtdsToggleAppExpanded = (force) => {
+			try {
+				const next = force ?? !prev();
+				sheet.replaceSync?.(\`:root { \${key}: var(\${key}--\${next})}\`);
+				window.localStorage.setItem(key, next);
+			} catch (_err) {} // localStorage is full or replaceSync is not supported
+		};
+
+		// Set and store initial state
+		window.mtdsToggleAppExpanded(prev());
+	})();
+`;
+export {
+  t as default
+};
 //# sourceMappingURL=app-toggle2.js.map

package/mtds/app/app-toggle2.js.map

@@ -1 +1 @@
-{"version":3,"file":"app-toggle2.js","sources":["../../designsystem/app/app-toggle.js"],"sourcesContent":["if (\n\ttypeof window !== \"undefined\" &&\n\twindow.CSSStyleSheet &&\n\tdocument.adoptedStyleSheets\n)\n\t(() => {\n\t\tconst key = \"--mtds-app-expanded\";\n\t\tconst sheet = new CSSStyleSheet();\n\t\tconst prev = () => !window.localStorage.getItem(key)?.includes(\"false\");\n\n\t\tdocument.adoptedStyleSheets.push(sheet);\n\t\twindow.mtdsToggleAppExpanded = (force) => {\n\t\t\ttry {\n\t\t\t\tconst next = force ?? !prev();\n\t\t\t\tsheet.replaceSync?.(`:root { ${key}: var(${key}--${next})}`);\n\t\t\t\twindow.localStorage.setItem(key, next);\n\t\t\t} catch (_err) {} // localStorage is full or replaceSync is not supported\n\t\t};\n\n\t\t// Set and store initial state\n\t\twindow.mtdsToggleAppExpanded(prev());\n\t})();\n"],"names":["key","sheet","prev","force","next"],"mappings":"AACC,OAAO,SAAW,OAClB,OAAO,iBACP,SAAS,uBAER,MAAM;AACN,QAAMA,IAAM,uBACNC,IAAQ,IAAI,cAAe,GAC3BC,IAAO,MAAM,CAAC,OAAO,aAAa,QAAQF,CAAG,GAAG,SAAS,OAAO;AAEtE,WAAS,mBAAmB,KAAKC,CAAK,GACtC,OAAO,wBAAwB,CAACE,MAAU;AACzC,QAAI;AACH,YAAMC,IAAOD,KAAS,CAACD,EAAM;AAC7B,MAAAD,EAAM,cAAc,WAAWD,CAAG,SAASA,CAAG,KAAKI,CAAI,IAAI,GAC3D,OAAO,aAAa,QAAQJ,GAAKI,CAAI;AAAA,IACzC,QAAkB;AAAA,IAAE;AAAA,EACjB,GAGD,OAAO,sBAAsBF,GAAM;AACrC,GAAK;"}
+{"version":3,"file":"app-toggle2.js","sources":["../../designsystem/app/app-toggle.js?raw"],"sourcesContent":["export default \"if (\\n\\ttypeof window !== \\\"undefined\\\" &&\\n\\twindow.CSSStyleSheet &&\\n\\tdocument.adoptedStyleSheets\\n)\\n\\t(() => {\\n\\t\\tconst key = \\\"--mtds-app-expanded\\\";\\n\\t\\tconst sheet = new CSSStyleSheet();\\n\\t\\tconst prev = () => !window.localStorage.getItem(key)?.includes(\\\"false\\\");\\n\\n\\t\\tdocument.adoptedStyleSheets.push(sheet);\\n\\t\\twindow.mtdsToggleAppExpanded = (force) => {\\n\\t\\t\\ttry {\\n\\t\\t\\t\\tconst next = force ?? !prev();\\n\\t\\t\\t\\tsheet.replaceSync?.(`:root { ${key}: var(${key}--${next})}`);\\n\\t\\t\\t\\twindow.localStorage.setItem(key, next);\\n\\t\\t\\t} catch (_err) {} // localStorage is full or replaceSync is not supported\\n\\t\\t};\\n\\n\\t\\t// Set and store initial state\\n\\t\\twindow.mtdsToggleAppExpanded(prev());\\n\\t})();\\n\""],"names":["script"],"mappings":"AAAA,MAAeA,IAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;"}

package/mtds/app/app.js

@@ -32,7 +32,7 @@ import "../togglegroup/togglegroup.js";
 import "../typography/typography.js";
 import "../validation/validation.js";
 import a from "../styles.module.css.js";
-import d from "./app-toggle.js";
+import d from "./app-toggle2.js";
 const f = p(function({ as: t, className: r, ...m }, n) {
   return /* @__PURE__ */ o(t || "div", { className: e(a.app, r), ref: n, ...m });
 }), u = p(function({ as: t, className: r, ...m }, n) {

package/mtds/field/field.d.ts

@@ -9,14 +9,13 @@ type FieldBaseProps = {
     helpText?: React.ReactNode;
     helpTextLabel?: string;
     label?: React.ReactNode;
-    options?: Array<string | {
-        label: string;
-        value: string;
-    }>;
+    options?: string[] | FieldComboboxSelected;
     prefix?: string;
     readOnly?: boolean;
     suffix?: string;
     validation?: React.ReactNode;
+    value?: React.ComponentPropsWithRef<"input">["value"];
+    onInput?: (e: React.ChangeEvent<HTMLInputElement>) => void;
 };
 export type FieldProps<As extends React.ElementType = "div"> = PolymorphicComponentPropWithRef<As, FieldBaseProps>;
 type FieldComponent = <As extends React.ElementType = "div">(props: FieldProps<As>) => JSX.Element;
@@ -26,16 +25,57 @@ export type FieldDatalistProps = React.ComponentPropsWithoutRef<"datalist"> & {
     "data-position"?: AnchorPosition;
 };
 export type FieldOptionProps = React.ComponentPropsWithoutRef<"option">;
+export type FieldComboboxSelected = {
+    label: string;
+    value: string;
+    children?: React.ReactNode;
+}[];
 export type FieldComboboxProps = ReactUcombobox & {
-    "data-multiple"?: boolean;
     "data-creatable"?: boolean;
+    "data-multiple"?: boolean;
     onAfterChange?: (e: CustomEvent<HTMLDataElement>) => void;
     onBeforeChange?: (e: CustomEvent<HTMLDataElement>) => void;
     onBeforeMatch?: (e: CustomEvent<HTMLOptionElement>) => void;
-};
+} & ({
+    "data-nofilter"?: boolean;
+    selected: FieldComboboxSelected;
+    options: FieldComboboxSelected;
+    onSelectedChange: (selected: FieldComboboxSelected) => void;
+} | {
+    "data-nofilter"?: never;
+    selected?: never;
+    options?: never;
+    onSelectedChange?: never;
+});
 export declare const Field: FieldComponent & {
     Affixes: React.ForwardRefExoticComponent<Omit<FieldProps<"div">, "ref"> & React.RefAttributes<HTMLDivElement>>;
-    Combobox: React.ForwardRefExoticComponent<Omit<FieldComboboxProps, "ref"> & React.RefAttributes<UHTMLComboboxElement>>;
+    Combobox: React.ForwardRefExoticComponent<(Omit<React.ClassAttributes<UHTMLComboboxElement> & React.HTMLAttributes<UHTMLComboboxElement> & {
+        class?: string;
+    } & {
+        "data-creatable"?: boolean;
+        "data-multiple"?: boolean;
+        onAfterChange?: (e: CustomEvent<HTMLDataElement>) => void;
+        onBeforeChange?: (e: CustomEvent<HTMLDataElement>) => void;
+        onBeforeMatch?: (e: CustomEvent<HTMLOptionElement>) => void;
+    } & {
+        "data-nofilter"?: boolean;
+        selected: FieldComboboxSelected;
+        options: FieldComboboxSelected;
+        onSelectedChange: (selected: FieldComboboxSelected) => void;
+    }, "ref"> | Omit<React.ClassAttributes<UHTMLComboboxElement> & React.HTMLAttributes<UHTMLComboboxElement> & {
+        class?: string;
+    } & {
+        "data-creatable"?: boolean;
+        "data-multiple"?: boolean;
+        onAfterChange?: (e: CustomEvent<HTMLDataElement>) => void;
+        onBeforeChange?: (e: CustomEvent<HTMLDataElement>) => void;
+        onBeforeMatch?: (e: CustomEvent<HTMLOptionElement>) => void;
+    } & {
+        "data-nofilter"?: never;
+        selected?: never;
+        options?: never;
+        onSelectedChange?: never;
+    }, "ref">) & React.RefAttributes<UHTMLComboboxElement>>;
     Datalist: React.ForwardRefExoticComponent<Omit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDataListElement>, HTMLDataListElement>, "ref"> & {
         "data-nofilter"?: boolean;
         "data-position"?: AnchorPosition;

package/mtds/field/field.js

@@ -1,6 +1,6 @@
-import { jsx as i, Fragment as W, jsxs as C } from "react/jsx-runtime";
-import { clsx as N } from "../external/clsx/dist/clsx.js";
-import { forwardRef as p } from "react";
+import { jsx as t, Fragment as R, jsxs as N } from "react/jsx-runtime";
+import { clsx as W } from "../external/clsx/dist/clsx.js";
+import { forwardRef as b, useRef as A, useImperativeHandle as B, useEffect as P } from "react";
 import "../alert/alert.js";
 import "../app/app.js";
 import "../avatar/avatar.js";
@@ -14,8 +14,8 @@ import "../dialog/dialog.js";
 import "../divider/divider.js";
 import "../errorsummary/errorsummary.js";
 import "../fieldset/fieldset.js";
-import { HelpText as w } from "../helptext/helptext.js";
-import "../input/input.js";
+import { HelpText as S } from "../helptext/helptext.js";
+import { Input as T } from "../input/input.js";
 import "../layout/layout.js";
 import "../link/link.js";
 import "../logo/logo.js";
@@ -31,85 +31,110 @@ import "../tag/tag.js";
 import "../togglegroup/togglegroup.js";
 import "../typography/typography.js";
 import "../validation/validation.js";
-import m from "../styles.module.css.js";
-import { toCustomElementProps as u } from "../utils.js";
-const E = p(function({
-  "data-size": t,
-  as: o,
-  className: n,
-  count: l,
-  description: s,
-  error: j,
-  helpText: b,
-  helpTextLabel: y,
-  label: h,
-  options: A,
-  prefix: c,
-  style: D,
-  suffix: d,
+import h from "../styles.module.css.js";
+import { toCustomElementProps as C } from "../utils.js";
+const z = (a) => typeof a == "string" ? { label: a, value: a } : a, q = b(function({
+  "data-size": e,
+  as: i,
+  className: c,
+  count: v,
+  description: g,
+  error: y,
+  helpText: d,
+  helpTextLabel: O,
+  label: s,
+  prefix: f,
+  style: j,
+  suffix: m,
   validation: H,
-  ...e
-}, f) {
-  const F = o || "div", z = !!d || !!c, g = H || j, x = {
-    "data-size": t,
-    className: N(m.field, n),
-    style: D
+  ...l
+}, o) {
+  const r = i || "div", n = !!m || !!f, F = H || y, x = {
+    "data-size": e,
+    className: W(h.field, c),
+    style: j
   };
-  return o === "select" && !e.children && Object.assign(e, {
-    children: /* @__PURE__ */ i(W, { children: A?.map((r) => typeof r == "string" ? { label: r, value: r } : r).map(({ label: r, value: v }) => /* @__PURE__ */ i("option", { value: v, children: r }, v)) })
-  }), o ? /* @__PURE__ */ C("div", { ...x, children: [
-    !!h && /* @__PURE__ */ i("label", { suppressHydrationWarning: !0, children: h }),
-    !!b && /* @__PURE__ */ i(w, { "aria-label": y, children: b }),
-    !!s && /* @__PURE__ */ i("p", { children: s }),
-    z ? /* @__PURE__ */ C(O, { children: [
-      !!c && /* @__PURE__ */ i("span", { children: c }),
-      /* @__PURE__ */ i(F, { className: m.input, ref: f, ...e }),
-      !!d && /* @__PURE__ */ i("span", { children: d })
-    ] }) : /* @__PURE__ */ i(
-      F,
+  return i === "select" && !l.children && Object.assign(l, {
+    children: /* @__PURE__ */ t(R, { children: l.options?.map(z).map(({ label: u, value: p }) => /* @__PURE__ */ t("option", { value: p, children: u }, p)) })
+  }), i ? /* @__PURE__ */ N("div", { ...x, children: [
+    !!s && /* @__PURE__ */ t("label", { suppressHydrationWarning: !0, children: s }),
+    !!d && /* @__PURE__ */ t(S, { "aria-label": O, children: d }),
+    !!g && /* @__PURE__ */ t("p", { children: g }),
+    n ? /* @__PURE__ */ N(I, { children: [
+      !!f && /* @__PURE__ */ t("span", { children: f }),
+      /* @__PURE__ */ t(r, { className: h.input, ref: o, ...l }),
+      !!m && /* @__PURE__ */ t("span", { children: m })
+    ] }) : /* @__PURE__ */ t(
+      r,
       {
-        className: m.input,
+        className: typeof i == "string" ? h.input : void 0,
         suppressHydrationWarning: !0,
-        ref: f,
-        ...e
+        ref: o,
+        ...l
       }
     ),
-    !!g && /* @__PURE__ */ i("div", { className: m.validation, children: g }),
-    !!l && /* @__PURE__ */ i("p", { "data-count": l })
-  ] }) : /* @__PURE__ */ i("div", { ref: f, ...x, ...e });
-}), O = p(
-  function({ className: t, ...o }, n) {
-    return /* @__PURE__ */ i("div", { className: N(m.affixes, t), ref: n, ...o });
+    !!F && /* @__PURE__ */ t("div", { className: h.validation, children: F }),
+    !!v && /* @__PURE__ */ t("p", { "data-count": v })
+  ] }) : /* @__PURE__ */ t("div", { ref: o, ...x, ...l });
+}), I = b(
+  function({ className: e, ...i }, c) {
+    return /* @__PURE__ */ t("div", { className: W(h.affixes, e), ref: c, ...i });
   }
-), P = p(
-  function(t, o) {
-    return /* @__PURE__ */ i("u-datalist", { ref: o, ...u(t) });
+), L = b(
+  function(e, i) {
+    return /* @__PURE__ */ t("u-datalist", { ref: i, ...C(e) });
   }
-), R = p(
-  function(t, o) {
-    return /* @__PURE__ */ i("u-option", { ref: o, ...u(t) });
+), k = b(
+  function(e, i) {
+    return /* @__PURE__ */ t("u-option", { ref: i, ...C(e) });
   }
-), T = p(
-  function({ onAfterChange: t, onBeforeChange: o, onBeforeMatch: n, ...l }, s) {
-    return /* @__PURE__ */ i(
+), G = b(
+  function({
+    "data-multiple": e,
+    "data-nofilter": i,
+    children: c,
+    onAfterChange: v,
+    onBeforeChange: g,
+    onBeforeMatch: y,
+    onSelectedChange: d,
+    options: O,
+    selected: s,
+    ...f
+  }, j) {
+    const m = A(null), H = s !== void 0, l = A(d);
+    return l.current = d, B(j, () => m.current), P(() => {
+      const o = m.current, r = (n) => {
+        n.preventDefault();
+        const { isConnected: F, textContent: x, value: u } = n.detail, p = l.current, D = x?.trim() || "", E = s || [];
+        p?.(F ? E.filter((w) => w.value !== u) : e ? [...E, { value: u, label: D }] : [{ value: u, label: D }]);
+      };
+      return o?.addEventListener("beforechange", r), () => o?.removeEventListener("beforechange", r);
+    }, [e, s]), /* @__PURE__ */ t(
       "u-combobox",
       {
-        ref: s,
-        onafterchange: t,
-        onbeforechange: o,
-        onbeforematch: n,
-        ...u(l)
+        onbeforechange: g,
+        onbeforematch: y,
+        onafterchange: v,
+        "data-multiple": e,
+        ref: m,
+        ...C(f),
+        children: H ? /* @__PURE__ */ N(R, { children: [
+          s?.map(({ children: o, label: r, value: n }) => /* @__PURE__ */ t("data", { value: n, suppressHydrationWarning: !0, children: o ?? r }, n)),
+          /* @__PURE__ */ t(T, {}),
+          /* @__PURE__ */ t("del", { ...C({ "aria-label": "Fjern tekst" }) }),
+          /* @__PURE__ */ t(L, { "data-nofilter": i || void 0, children: O?.map(z).map(({ children: o, label: r, value: n }) => /* @__PURE__ */ t(k, { value: n, label: r, children: o ?? r }, n)) })
+        ] }) : c
       }
     );
   }
-), Fi = Object.assign(E, {
-  Affixes: O,
-  Combobox: T,
-  Datalist: P,
-  Option: R
+), jt = Object.assign(q, {
+  Affixes: I,
+  Combobox: G,
+  Datalist: L,
+  Option: k
 });
 export {
-  Fi as Field,
-  E as FieldComp
+  jt as Field,
+  q as FieldComp
 };
 //# sourceMappingURL=field.js.map

package/mtds/field/field.js.map

@@ -1 +1 @@
-{"version":3,"file":"field.js","sources":["../../designsystem/field/field.tsx"],"sourcesContent":["import type {\n\tReactUcombobox,\n\tUHTMLComboboxElement,\n} from \"@u-elements/u-combobox\";\nimport clsx from \"clsx\";\nimport { forwardRef, type JSX } from \"react\";\nimport { HelpText } from \"../react\";\nimport type {\n\tPolymorphicComponentPropWithRef,\n\tPolymorphicRef,\n} from \"../react-types\";\nimport styles from \"../styles.module.css\";\nimport { type AnchorPosition, toCustomElementProps } from \"../utils\";\n\ntype FieldBaseProps = {\n\tcount?: number;\n\tdescription?: React.ReactNode;\n\terror?: React.ReactNode; // Kept for backwards compatibility\n\thelpText?: React.ReactNode;\n\thelpTextLabel?: string;\n\tlabel?: React.ReactNode;\n\toptions?: Array<string | { label: string; value: string }>;\n\tprefix?: string;\n\treadOnly?: boolean; // Allow readoOnly also on <select>\n\tsuffix?: string;\n\tvalidation?: React.ReactNode;\n};\n\nexport type FieldProps<As extends React.ElementType = \"div\"> =\n\tPolymorphicComponentPropWithRef<As, FieldBaseProps>;\n\ntype FieldComponent = <As extends React.ElementType = \"div\">(\n\tprops: FieldProps<As>,\n) => JSX.Element;\n\nexport const FieldComp: FieldComponent = forwardRef<null>(function Field<\n\tAs extends React.ElementType = \"div\",\n>(\n\t{\n\t\t\"data-size\": size,\n\t\tas,\n\t\tclassName,\n\t\tcount,\n\t\tdescription,\n\t\terror,\n\t\thelpText,\n\t\thelpTextLabel,\n\t\tlabel,\n\t\toptions,\n\t\tprefix,\n\t\tstyle,\n\t\tsuffix,\n\t\tvalidation,\n\t\t...rest\n\t}: FieldProps<As>,\n\tref?: PolymorphicRef<As>,\n) {\n\tconst Tag = as || \"div\";\n\tconst affixes = !!suffix || !!prefix;\n\tconst valid = validation || error; // error kept for backwards compatibility\n\tconst shared = {\n\t\t\"data-size\": size,\n\t\tclassName: clsx(styles.field, className),\n\t\tstyle,\n\t};\n\n\t// Render options if select\n\tif (as === \"select\" && !rest.children)\n\t\tObject.assign(rest, {\n\t\t\tchildren: (\n\t\t\t\t<>\n\t\t\t\t\t{options\n\t\t\t\t\t\t?.map((o) => (typeof o === \"string\" ? { label: o, value: o } : o))\n\t\t\t\t\t\t.map(({ label, value }) => (\n\t\t\t\t\t\t\t<option key={value} value={value}>\n\t\t\t\t\t\t\t\t{label}\n\t\t\t\t\t\t\t</option>\n\t\t\t\t\t\t))}\n\t\t\t\t</>\n\t\t\t),\n\t\t});\n\n\t// Using suppressHydrationWarning to avoid Next.js vs field-observer.ts hydration conflict\n\treturn as ? (\n\t\t<div {...shared}>\n\t\t\t{!!label && <label suppressHydrationWarning>{label}</label>}\n\t\t\t{!!helpText && <HelpText aria-label={helpTextLabel}>{helpText}</HelpText>}\n\t\t\t{!!description && <p>{description}</p>}\n\t\t\t{affixes ? (\n\t\t\t\t<FieldAffixes>\n\t\t\t\t\t{!!prefix && <span>{prefix}</span>}\n\t\t\t\t\t<Tag className={styles.input} ref={ref} {...rest} />\n\t\t\t\t\t{!!suffix && <span>{suffix}</span>}\n\t\t\t\t</FieldAffixes>\n\t\t\t) : (\n\t\t\t\t<Tag\n\t\t\t\t\tclassName={styles.input}\n\t\t\t\t\tsuppressHydrationWarning\n\t\t\t\t\tref={ref}\n\t\t\t\t\t{...rest}\n\t\t\t\t/>\n\t\t\t)}\n\t\t\t{!!valid && <div className={styles.validation}>{valid}</div>}\n\t\t\t{!!count && <p data-count={count} />}\n\t\t</div>\n\t) : (\n\t\t<div ref={ref} {...shared} {...rest} />\n\t);\n}) as FieldComponent; // Needed to tell Typescript this does not return ReactNode but acutally JSX.Element\n\nconst FieldAffixes = forwardRef<HTMLDivElement, FieldProps>(\n\tfunction FieldAffixes({ className, ...rest }, ref) {\n\t\treturn (\n\t\t\t<div className={clsx(styles.affixes, className)} ref={ref} {...rest} />\n\t\t);\n\t},\n);\n\nexport type FieldDatalistProps = React.ComponentPropsWithoutRef<\"datalist\"> & {\n\t\"data-nofilter\"?: boolean;\n\t\"data-position\"?: AnchorPosition;\n};\n\nconst FieldDatalist = forwardRef<HTMLDataListElement, FieldDatalistProps>(\n\tfunction FieldDatalist(props, ref) {\n\t\treturn <u-datalist ref={ref} {...toCustomElementProps(props)} />;\n\t},\n);\n\nexport type FieldOptionProps = React.ComponentPropsWithoutRef<\"option\">;\n\nconst FieldOption = forwardRef<HTMLOptionElement, FieldOptionProps>(\n\tfunction FieldOption(props, ref) {\n\t\treturn <u-option ref={ref} {...toCustomElementProps(props)} />;\n\t},\n);\n\nexport type FieldComboboxProps = ReactUcombobox & {\n\t\"data-multiple\"?: boolean;\n\t\"data-creatable\"?: boolean;\n\tonAfterChange?: (e: CustomEvent<HTMLDataElement>) => void; // Custom event to handle before change\n\tonBeforeChange?: (e: CustomEvent<HTMLDataElement>) => void; // Custom event to handle before change\n\tonBeforeMatch?: (e: CustomEvent<HTMLOptionElement>) => void; // Custom event to handle before change\n};\n\nconst FieldCombobox = forwardRef<UHTMLComboboxElement, FieldComboboxProps>(\n\tfunction FieldCombobox(\n\t\t{ onAfterChange, onBeforeChange, onBeforeMatch, ...props },\n\t\tref,\n\t) {\n\t\treturn (\n\t\t\t<u-combobox\n\t\t\t\tref={ref}\n\t\t\t\t/* @ts-expect-error React 19 supports custom events out of the box */\n\t\t\t\tonafterchange={onAfterChange}\n\t\t\t\tonbeforechange={onBeforeChange}\n\t\t\t\tonbeforematch={onBeforeMatch}\n\t\t\t\t{...toCustomElementProps(props)}\n\t\t\t/>\n\t\t);\n\t},\n);\n\nexport const Field = Object.assign(FieldComp, {\n\tAffixes: FieldAffixes,\n\tCombobox: FieldCombobox,\n\tDatalist: FieldDatalist,\n\tOption: FieldOption,\n});\n"],"names":["FieldComp","forwardRef","size","as","className","count","description","error","helpText","helpTextLabel","label","options","prefix","style","suffix","validation","rest","ref","Tag","affixes","valid","shared","clsx","styles","jsx","Fragment","o","value","jsxs","HelpText","FieldAffixes","FieldDatalist","props","toCustomElementProps","FieldOption","FieldCombobox","onAfterChange","onBeforeChange","onBeforeMatch","Field"],"mappings":"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"}
+{"version":3,"file":"field.js","sources":["../../designsystem/field/field.tsx"],"sourcesContent":["import type {\n\tReactUcombobox,\n\tUHTMLComboboxElement,\n} from \"@u-elements/u-combobox\";\nimport clsx from \"clsx\";\nimport {\n\tforwardRef,\n\ttype JSX,\n\tuseEffect,\n\tuseImperativeHandle,\n\tuseRef,\n} from \"react\";\nimport { HelpText, Input } from \"../react\";\nimport type {\n\tPolymorphicComponentPropWithRef,\n\tPolymorphicRef,\n} from \"../react-types\";\nimport styles from \"../styles.module.css\";\nimport { type AnchorPosition, toCustomElementProps } from \"../utils\";\n\ntype FieldBaseProps = {\n\tcount?: number;\n\tdescription?: React.ReactNode;\n\terror?: React.ReactNode; // Kept for backwards compatibility\n\thelpText?: React.ReactNode;\n\thelpTextLabel?: string;\n\tlabel?: React.ReactNode;\n\toptions?: string[] | FieldComboboxSelected;\n\tprefix?: string;\n\treadOnly?: boolean; // Allow readoOnly also on <select>\n\tsuffix?: string;\n\tvalidation?: React.ReactNode;\n\tvalue?: React.ComponentPropsWithRef<\"input\">[\"value\"];\n\tonInput?: (e: React.ChangeEvent<HTMLInputElement>) => void;\n};\n\nexport type FieldProps<As extends React.ElementType = \"div\"> =\n\tPolymorphicComponentPropWithRef<As, FieldBaseProps>;\n\ntype FieldComponent = <As extends React.ElementType = \"div\">(\n\tprops: FieldProps<As>,\n) => JSX.Element;\n\nconst toOption = (\n\to: FieldComboboxSelected[number] | string,\n): FieldComboboxSelected[number] =>\n\ttypeof o === \"string\" ? { label: o, value: o } : o;\n\nexport const FieldComp: FieldComponent = forwardRef<null>(function Field<\n\tAs extends React.ElementType = \"div\",\n>(\n\t{\n\t\t\"data-size\": size,\n\t\tas,\n\t\tclassName,\n\t\tcount,\n\t\tdescription,\n\t\terror,\n\t\thelpText,\n\t\thelpTextLabel,\n\t\tlabel,\n\t\tprefix,\n\t\tstyle,\n\t\tsuffix,\n\t\tvalidation,\n\t\t...rest\n\t}: FieldProps<As>,\n\tref?: PolymorphicRef<As>,\n) {\n\tconst Tag = as || \"div\";\n\tconst affixes = !!suffix || !!prefix;\n\tconst valid = validation || error; // error kept for backwards compatibility\n\tconst shared = {\n\t\t\"data-size\": size,\n\t\tclassName: clsx(styles.field, className),\n\t\tstyle,\n\t};\n\n\t// Render options if select\n\tif (as === \"select\" && !rest.children)\n\t\tObject.assign(rest, {\n\t\t\tchildren: (\n\t\t\t\t<>\n\t\t\t\t\t{(rest.options as FieldBaseProps[\"options\"])\n\t\t\t\t\t\t?.map(toOption)\n\t\t\t\t\t\t.map(({ label, value }) => (\n\t\t\t\t\t\t\t<option key={value} value={value}>\n\t\t\t\t\t\t\t\t{label}\n\t\t\t\t\t\t\t</option>\n\t\t\t\t\t\t))}\n\t\t\t\t</>\n\t\t\t),\n\t\t});\n\n\t// Using suppressHydrationWarning to avoid Next.js vs field-observer.ts hydration conflict\n\treturn as ? (\n\t\t<div {...shared}>\n\t\t\t{!!label && <label suppressHydrationWarning>{label}</label>}\n\t\t\t{!!helpText && <HelpText aria-label={helpTextLabel}>{helpText}</HelpText>}\n\t\t\t{!!description && <p>{description}</p>}\n\t\t\t{affixes ? (\n\t\t\t\t<FieldAffixes>\n\t\t\t\t\t{!!prefix && <span>{prefix}</span>}\n\t\t\t\t\t<Tag className={styles.input} ref={ref} {...rest} />\n\t\t\t\t\t{!!suffix && <span>{suffix}</span>}\n\t\t\t\t</FieldAffixes>\n\t\t\t) : (\n\t\t\t\t<Tag\n\t\t\t\t\tclassName={typeof as === \"string\" ? styles.input : undefined}\n\t\t\t\t\tsuppressHydrationWarning\n\t\t\t\t\tref={ref}\n\t\t\t\t\t{...rest}\n\t\t\t\t/>\n\t\t\t)}\n\t\t\t{!!valid && <div className={styles.validation}>{valid}</div>}\n\t\t\t{!!count && <p data-count={count} />}\n\t\t</div>\n\t) : (\n\t\t<div ref={ref} {...shared} {...rest} />\n\t);\n}) as FieldComponent; // Needed to tell Typescript this does not return ReactNode but acutally JSX.Element\n\nconst FieldAffixes = forwardRef<HTMLDivElement, FieldProps>(\n\tfunction FieldAffixes({ className, ...rest }, ref) {\n\t\treturn (\n\t\t\t<div className={clsx(styles.affixes, className)} ref={ref} {...rest} />\n\t\t);\n\t},\n);\n\nexport type FieldDatalistProps = React.ComponentPropsWithoutRef<\"datalist\"> & {\n\t\"data-nofilter\"?: boolean;\n\t\"data-position\"?: AnchorPosition;\n};\n\nconst FieldDatalist = forwardRef<HTMLDataListElement, FieldDatalistProps>(\n\tfunction FieldDatalist(props, ref) {\n\t\treturn <u-datalist ref={ref} {...toCustomElementProps(props)} />;\n\t},\n);\n\nexport type FieldOptionProps = React.ComponentPropsWithoutRef<\"option\">;\n\nconst FieldOption = forwardRef<HTMLOptionElement, FieldOptionProps>(\n\tfunction FieldOption(props, ref) {\n\t\treturn <u-option ref={ref} {...toCustomElementProps(props)} />;\n\t},\n);\n\nexport type FieldComboboxSelected = {\n\tlabel: string;\n\tvalue: string;\n\tchildren?: React.ReactNode;\n}[];\nexport type FieldComboboxProps = ReactUcombobox & {\n\t\"data-creatable\"?: boolean;\n\t\"data-multiple\"?: boolean;\n\tonAfterChange?: (e: CustomEvent<HTMLDataElement>) => void; // Custom event to handle before change\n\tonBeforeChange?: (e: CustomEvent<HTMLDataElement>) => void; // Custom event to handle before change\n\tonBeforeMatch?: (e: CustomEvent<HTMLOptionElement>) => void; // Custom event to handle before change\n} & (\n\t\t| {\n\t\t\t\t\"data-nofilter\"?: boolean;\n\t\t\t\tselected: FieldComboboxSelected; // Allow value to be a string or an array of strings for multiple select\n\t\t\t\toptions: FieldComboboxSelected;\n\t\t\t\tonSelectedChange: (selected: FieldComboboxSelected) => void; // Allow onChange to be a function that returns void\n\t\t  }\n\t\t| {\n\t\t\t\t\"data-nofilter\"?: never;\n\t\t\t\tselected?: never;\n\t\t\t\toptions?: never;\n\t\t\t\tonSelectedChange?: never;\n\t\t  }\n\t);\n\nconst FieldCombobox = forwardRef<UHTMLComboboxElement, FieldComboboxProps>(\n\tfunction FieldCombobox(\n\t\t{\n\t\t\t\"data-multiple\": multiple,\n\t\t\t\"data-nofilter\": nofilter,\n\t\t\tchildren,\n\t\t\tonAfterChange,\n\t\t\tonBeforeChange,\n\t\t\tonBeforeMatch,\n\t\t\tonSelectedChange,\n\t\t\toptions,\n\t\t\tselected,\n\t\t\t...props\n\t\t},\n\t\tref,\n\t) {\n\t\tconst innerRef = useRef<UHTMLComboboxElement>(null);\n\t\tconst isControlled = selected !== undefined;\n\t\tconst handleSelected = useRef(onSelectedChange);\n\t\thandleSelected.current = onSelectedChange; // Keep the latest onSelectedChange function\n\n\t\tuseImperativeHandle(ref, () => innerRef.current as UHTMLComboboxElement); // Forward innerRef\n\t\tuseEffect(() => {\n\t\t\tconst self = innerRef.current;\n\t\t\tconst handleBeforeChange = (event: CustomEvent<HTMLDataElement>) => {\n\t\t\t\tevent.preventDefault();\n\t\t\t\tconst { isConnected: remove, textContent, value } = event.detail;\n\t\t\t\tconst onSelected = handleSelected.current;\n\t\t\t\tconst label = textContent?.trim() || \"\";\n\t\t\t\tconst prev = selected || [];\n\n\t\t\t\tif (remove) onSelected?.(prev.filter((i) => i.value !== value));\n\t\t\t\telse if (multiple) onSelected?.([...prev, { value, label }]);\n\t\t\t\telse onSelected?.([{ value, label }]);\n\t\t\t};\n\n\t\t\tself?.addEventListener(\"beforechange\", handleBeforeChange);\n\t\t\treturn () =>\n\t\t\t\tself?.removeEventListener(\"beforechange\", handleBeforeChange);\n\t\t}, [multiple, selected]);\n\n\t\treturn (\n\t\t\t<u-combobox\n\t\t\t\t/* @ts-expect-error React 19 supports custom events out of the box */\n\t\t\t\tonbeforechange={onBeforeChange}\n\t\t\t\tonbeforematch={onBeforeMatch}\n\t\t\t\tonafterchange={onAfterChange}\n\t\t\t\tdata-multiple={multiple}\n\t\t\t\tref={innerRef}\n\t\t\t\t{...toCustomElementProps(props)}\n\t\t\t>\n\t\t\t\t{isControlled ? (\n\t\t\t\t\t<>\n\t\t\t\t\t\t{selected?.map(({ children, label, value }) => (\n\t\t\t\t\t\t\t<data key={value} value={value} suppressHydrationWarning>\n\t\t\t\t\t\t\t\t{children ?? label}\n\t\t\t\t\t\t\t</data>\n\t\t\t\t\t\t))}\n\t\t\t\t\t\t<Input />\n\t\t\t\t\t\t<del {...toCustomElementProps({ \"aria-label\": \"Fjern tekst\" })} />\n\t\t\t\t\t\t<FieldDatalist data-nofilter={nofilter || undefined}>\n\t\t\t\t\t\t\t{options?.map(toOption).map(({ children, label, value }) => (\n\t\t\t\t\t\t\t\t<FieldOption key={value} value={value} label={label}>\n\t\t\t\t\t\t\t\t\t{children ?? label}\n\t\t\t\t\t\t\t\t</FieldOption>\n\t\t\t\t\t\t\t))}\n\t\t\t\t\t\t</FieldDatalist>\n\t\t\t\t\t</>\n\t\t\t\t) : (\n\t\t\t\t\tchildren\n\t\t\t\t)}\n\t\t\t</u-combobox>\n\t\t);\n\t},\n);\n\nexport const Field = Object.assign(FieldComp, {\n\tAffixes: FieldAffixes,\n\tCombobox: FieldCombobox,\n\tDatalist: FieldDatalist,\n\tOption: FieldOption,\n});\n"],"names":["toOption","o","FieldComp","forwardRef","size","as","className","count","description","error","helpText","helpTextLabel","label","prefix","style","suffix","validation","rest","ref","Tag","affixes","valid","shared","clsx","styles","value","jsx","jsxs","HelpText","FieldAffixes","FieldDatalist","props","toCustomElementProps","FieldOption","FieldCombobox","multiple","nofilter","children","onAfterChange","onBeforeChange","onBeforeMatch","onSelectedChange","options","selected","innerRef","useRef","isControlled","handleSelected","useImperativeHandle","useEffect","self","handleBeforeChange","event","remove","textContent","onSelected","prev","i","Fragment","Input","Field"],"mappings":"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"}

package/mtds/field/field.stories.d.ts

@@ -112,7 +112,7 @@ declare const meta: {
                 };
             };
         };
-        sufix: {
+        suffix: {
             description: string;
             table: {
                 defaultValue: {
@@ -145,6 +145,39 @@ declare const meta: {
                 };
             };
         };
+        "data-nofilter": {
+            description: string;
+            table: {
+                defaultValue: {
+                    summary: undefined;
+                };
+                type: {
+                    summary: undefined;
+                };
+            };
+        };
+        selected: {
+            description: string;
+            table: {
+                defaultValue: {
+                    summary: undefined;
+                };
+                type: {
+                    summary: undefined;
+                };
+            };
+        };
+        onSelectedChange: {
+            description: string;
+            table: {
+                defaultValue: {
+                    summary: undefined;
+                };
+                type: {
+                    summary: undefined;
+                };
+            };
+        };
     };
     decorators: ((Story: import('storybook/internal/csf').PartialStoryFn<import('@storybook/react').ReactRenderer, {
         [x: string]: any;
@@ -167,7 +200,7 @@ export declare const WithComboboxMultiple: Story;
 export declare const WithComboboxAPI: Story;
 export declare const WithComboboxCustomFilter: Story;
 export declare const ReactWithCombobox: Story;
+export declare const ReactWithComboboxWithChildren: Story;
 export declare const ReactWithComboboxMultiple: Story;
 export declare const ReactWithComboboxLong: Story;
-export declare const ReactWithCombobxControlled: Story;
 export declare const ReactWithCombobxCustomFilter: Story;