@mattilsynet/design 3.1.14 → 3.1.16

package/mtds/validation/validation-observer.js

@@ -1,7 +1,7 @@
 import g from "../styles.module.css.js";
-import { isBrowser as v, onHotReload as I, on as a, QUICK_EVENT as h, debounce as b, onMutation as A, attr as n } from "../utils.js";
-const f = `.${g.field.split(" ")[0]}`, p = `${f} :is(input,textarea,select)`, C = "ds-suggestion,u-combobox", V = g.validation.split(" ")[0], d = (t) => t instanceof HTMLFormElement && n(t, "data-validation") === "form", u = (t) => t.closest(f), c = (t) => t?.querySelectorAll(p) || [], r = (t) => t?.getElementsByClassName(V) || [], m = (t) => {
-  const e = !t.clientHeight || t.disabled || n(t, "aria-disabled") === "true", o = t.closest(C)?.items, s = n(t, "aria-required") !== "true" || !!o?.length;
+import { isBrowser as v, onHotReload as I, on as a, QUICK_EVENT as h, debounce as b, onMutation as y, attr as n } from "../utils.js";
+const f = `.${g.field.split(" ")[0]}`, A = `${f} :is(input,textarea,select)`, C = "ds-suggestion,u-combobox", V = g.validation.split(" ")[0], d = (t) => t instanceof HTMLFormElement && n(t, "data-validation") === "form", u = (t) => t.closest(f), c = (t) => t?.querySelectorAll(A) || [], r = (t) => t?.getElementsByClassName(V) || [], m = (t) => {
+  const e = !t.clientHeight || t.disabled || t.readOnly || n(t, "aria-readonly") === "true" || n(t, "aria-disabled") === "true", o = t.closest(C)?.items, s = n(t, "aria-required") !== "true" || !!o?.length;
   return o && t.setCustomValidity(e || s ? "" : "Required"), e ? !1 : t.matches(":user-invalid");
 }, S = (t) => {
   const e = t.target?.form || t.target;
@@ -20,28 +20,28 @@ const f = `.${g.field.split(" ")[0]}`, p = `${f} :is(input,textarea,select)`, C
     }
     o && (t.preventDefault(), o.focus());
   }
-}, y = ({ target: t }) => {
+}, E = ({ target: t }) => {
   const e = t;
   if (!d(e.form))
     for (const o of r(e.closest("fieldset") || u(e)))
       n(o, "hidden", "");
-}, E = (t) => d(t.target.form) && t?.preventDefault(), N = v() ? r(document) : [], T = () => {
-  for (const t of N)
+}, N = (t) => d(t.target.form) && t?.preventDefault(), T = v() ? r(document) : [], p = () => {
+  for (const t of T)
     if (!t.hasAttribute("data-validation")) {
       const e = c(u(t))[0];
       n(t, "data-validation", "form"), d(e?.form) && n(t, "hidden", "");
     }
 };
 I("validations", () => [
-  a(document, "input comboboxbeforeselect", y, !0),
+  a(document, "input comboboxbeforeselect", E, !0),
   // Hide validation when typing
-  a(document, "invalid", E, !0),
+  a(document, "invalid", N, !0),
   // Prevent default browser invalid popup
   a(document, "invalid", b(S, 10), h),
   // Debounced to group invalid events
   a(document, "submit", S, !0),
   // Use capture as submit does not bubble
-  A(document, T, {
+  y(document, p, {
     childList: !0,
     subtree: !0
   })

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

@@ -1 +1 @@
-{"version":3,"file":"validation-observer.js","sources":["../../designsystem/validation/validation-observer.ts"],"sourcesContent":["import styles from \"../styles.module.css\";\nimport {\n\tattr,\n\tdebounce,\n\tisBrowser,\n\ton,\n\tonHotReload,\n\tonMutation,\n\tQUICK_EVENT,\n} from \"../utils\";\n\nconst CSS_FIELD = `.${styles.field.split(\" \")[0]}`;\nconst CSS_INPUTS = `${CSS_FIELD} :is(input,textarea,select)` as \"input\";\nconst CSS_SUGGESTION = \"ds-suggestion,u-combobox\" as \"ds-suggestion\"; // u-combobox kept for backward compatibility\nconst CSS_VALIDATION = styles.validation.split(\" \")[0];\n\nconst isValidationForm = (form: unknown): form is HTMLFormElement =>\n\tform instanceof HTMLFormElement && attr(form, \"data-validation\") === \"form\";\n\nconst getField = (el: Element) => el.closest(CSS_FIELD);\nconst getInputs = (el?: Element | Document | null) =>\n\tel?.querySelectorAll(CSS_INPUTS) || [];\n\nconst getValidations = (el?: Element | Document | null) =>\n\tel?.getElementsByClassName(CSS_VALIDATION) || [];\n\nconst getInvalid = (input: HTMLInputElement) => {\n\tconst skip =\n\t\t!input.clientHeight ||\n\t\tinput.disabled ||\n\t\tattr(input, \"aria-disabled\") === \"true\";\n\tconst suggestion = input.closest(CSS_SUGGESTION)?.items;\n\tconst ok = attr(input, \"aria-required\") !== \"true\" || !!suggestion?.length;\n\tif (suggestion) input.setCustomValidity(skip || ok ? \"\" : \"Required\"); // \"Fake\" native validity for suggestions\n\treturn skip ? false : input.matches(\":user-invalid\");\n};\n\n// Hide or show validations on submit or invalid event\nconst handleValidations = (event: Event) => {\n\tconst form = (event.target as HTMLInputElement)?.form || event.target;\n\tlet invalid: HTMLInputElement | undefined;\n\tif (!isValidationForm(form)) return;\n\n\t// Toggle validitiy of fields\n\tfor (const field of form.querySelectorAll(CSS_FIELD)) {\n\t\tconst isInvalid = [...getInputs(field)].find(getInvalid);\n\n\t\tif (!invalid && isInvalid) invalid = isInvalid;\n\t\tfor (const el of getValidations(field))\n\t\t\tattr(el, \"hidden\", isInvalid ? null : \"\");\n\t}\n\n\t// Toggle validitiy of fieldset\n\tfor (const fieldset of form.querySelectorAll(\"fieldset\")) {\n\t\tconst isInvalid = [...getInputs(fieldset)].some(getInvalid);\n\t\tfor (const el of getValidations(fieldset))\n\t\t\tif (!getField(el)) attr(el, \"hidden\", isInvalid ? null : \"\"); // Only toggle fieldset validations if they are not also in a field\n\t}\n\n\tif (!invalid) return;\n\tevent.preventDefault(); // Prevent submit if focusable invalid element found\n\tinvalid.focus(); // Only move focus to first invalid field if validate was true\n};\n\n// Hide related validations adain when typing\nconst handleInput = ({ target }: Event) => {\n\tconst input = target as HTMLInputElement;\n\tif (isValidationForm(input.form)) return;\n\tfor (const el of getValidations(input.closest(\"fieldset\") || getField(input)))\n\t\tattr(el, \"hidden\", \"\");\n};\n\n// Hide native browser validation popup\nconst handleInvalid = (e: Event) =>\n\tisValidationForm((e.target as HTMLInputElement).form) && e?.preventDefault();\n\n// Hide validations when added to the DOM\nconst VALIDATIONS = isBrowser() ? getValidations(document) : [];\nconst handleMutation = () => {\n\tfor (const valid of VALIDATIONS)\n\t\tif (!valid.hasAttribute(\"data-validation\")) {\n\t\t\tconst input = getInputs(getField(valid))[0];\n\t\t\tattr(valid, \"data-validation\", \"form\"); // Mark as handled to avoid hiding again if moved in the DOM\n\t\t\tif (isValidationForm(input?.form)) attr(valid, \"hidden\", \"\");\n\t\t}\n};\n\nonHotReload(\"validations\", () => [\n\ton(document, \"input comboboxbeforeselect\", handleInput, true), // Hide validation when typing\n\ton(document, \"invalid\", handleInvalid, true), // Prevent default browser invalid popup\n\ton(document, \"invalid\", debounce(handleValidations, 10), QUICK_EVENT), // Debounced to group invalid events\n\ton(document, \"submit\", handleValidations, true), // Use capture as submit does not bubble\n\tonMutation(document, handleMutation, {\n\t\tchildList: true,\n\t\tsubtree: true,\n\t}),\n]);\n"],"names":["CSS_FIELD","styles","CSS_INPUTS","CSS_SUGGESTION","CSS_VALIDATION","isValidationForm","form","attr","getField","el","getInputs","getValidations","getInvalid","input","skip","suggestion","ok","handleValidations","event","invalid","field","isInvalid","fieldset","handleInput","target","handleInvalid","e","VALIDATIONS","isBrowser","handleMutation","valid","onHotReload","on","debounce","QUICK_EVENT","onMutation"],"mappings":"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"}
+{"version":3,"file":"validation-observer.js","sources":["../../designsystem/validation/validation-observer.ts"],"sourcesContent":["import styles from \"../styles.module.css\";\nimport {\n\tattr,\n\tdebounce,\n\tisBrowser,\n\ton,\n\tonHotReload,\n\tonMutation,\n\tQUICK_EVENT,\n} from \"../utils\";\n\nconst CSS_FIELD = `.${styles.field.split(\" \")[0]}`;\nconst CSS_INPUTS = `${CSS_FIELD} :is(input,textarea,select)` as \"input\";\nconst CSS_SUGGESTION = \"ds-suggestion,u-combobox\" as \"ds-suggestion\"; // u-combobox kept for backward compatibility\nconst CSS_VALIDATION = styles.validation.split(\" \")[0];\n\nconst isValidationForm = (form: unknown): form is HTMLFormElement =>\n\tform instanceof HTMLFormElement && attr(form, \"data-validation\") === \"form\";\n\nconst getField = (el: Element) => el.closest(CSS_FIELD);\nconst getInputs = (el?: Element | Document | null) =>\n\tel?.querySelectorAll(CSS_INPUTS) || [];\n\nconst getValidations = (el?: Element | Document | null) =>\n\tel?.getElementsByClassName(CSS_VALIDATION) || [];\n\nconst getInvalid = (input: HTMLInputElement) => {\n\tconst skip =\n\t\t!input.clientHeight ||\n\t\tinput.disabled ||\n\t\tinput.readOnly ||\n\t\tattr(input, \"aria-readonly\") === \"true\" ||\n\t\tattr(input, \"aria-disabled\") === \"true\";\n\tconst suggestion = input.closest(CSS_SUGGESTION)?.items;\n\tconst ok = attr(input, \"aria-required\") !== \"true\" || !!suggestion?.length;\n\tif (suggestion) input.setCustomValidity(skip || ok ? \"\" : \"Required\"); // \"Fake\" native validity for suggestions\n\treturn skip ? false : input.matches(\":user-invalid\");\n};\n\n// Hide or show validations on submit or invalid event\nconst handleValidations = (event: Event) => {\n\tconst form = (event.target as HTMLInputElement)?.form || event.target;\n\tlet invalid: HTMLInputElement | undefined;\n\tif (!isValidationForm(form)) return;\n\n\t// Toggle validitiy of fields\n\tfor (const field of form.querySelectorAll(CSS_FIELD)) {\n\t\tconst isInvalid = [...getInputs(field)].find(getInvalid);\n\n\t\tif (!invalid && isInvalid) invalid = isInvalid;\n\t\tfor (const el of getValidations(field))\n\t\t\tattr(el, \"hidden\", isInvalid ? null : \"\");\n\t}\n\n\t// Toggle validitiy of fieldset\n\tfor (const fieldset of form.querySelectorAll(\"fieldset\")) {\n\t\tconst isInvalid = [...getInputs(fieldset)].some(getInvalid);\n\t\tfor (const el of getValidations(fieldset))\n\t\t\tif (!getField(el)) attr(el, \"hidden\", isInvalid ? null : \"\"); // Only toggle fieldset validations if they are not also in a field\n\t}\n\n\tif (!invalid) return;\n\tevent.preventDefault(); // Prevent submit if focusable invalid element found\n\tinvalid.focus(); // Only move focus to first invalid field if validate was true\n};\n\n// Hide related validations adain when typing\nconst handleInput = ({ target }: Event) => {\n\tconst input = target as HTMLInputElement;\n\tif (isValidationForm(input.form)) return;\n\tfor (const el of getValidations(input.closest(\"fieldset\") || getField(input)))\n\t\tattr(el, \"hidden\", \"\");\n};\n\n// Hide native browser validation popup\nconst handleInvalid = (e: Event) =>\n\tisValidationForm((e.target as HTMLInputElement).form) && e?.preventDefault();\n\n// Hide validations when added to the DOM\nconst VALIDATIONS = isBrowser() ? getValidations(document) : [];\nconst handleMutation = () => {\n\tfor (const valid of VALIDATIONS)\n\t\tif (!valid.hasAttribute(\"data-validation\")) {\n\t\t\tconst input = getInputs(getField(valid))[0];\n\t\t\tattr(valid, \"data-validation\", \"form\"); // Mark as handled to avoid hiding again if moved in the DOM\n\t\t\tif (isValidationForm(input?.form)) attr(valid, \"hidden\", \"\");\n\t\t}\n};\n\nonHotReload(\"validations\", () => [\n\ton(document, \"input comboboxbeforeselect\", handleInput, true), // Hide validation when typing\n\ton(document, \"invalid\", handleInvalid, true), // Prevent default browser invalid popup\n\ton(document, \"invalid\", debounce(handleValidations, 10), QUICK_EVENT), // Debounced to group invalid events\n\ton(document, \"submit\", handleValidations, true), // Use capture as submit does not bubble\n\tonMutation(document, handleMutation, {\n\t\tchildList: true,\n\t\tsubtree: true,\n\t}),\n]);\n"],"names":["CSS_FIELD","styles","CSS_INPUTS","CSS_SUGGESTION","CSS_VALIDATION","isValidationForm","form","attr","getField","el","getInputs","getValidations","getInvalid","input","skip","suggestion","ok","handleValidations","event","invalid","field","isInvalid","fieldset","handleInput","target","handleInvalid","e","VALIDATIONS","isBrowser","handleMutation","valid","onHotReload","on","debounce","QUICK_EVENT","onMutation"],"mappings":"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"}

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@mattilsynet/design",
-	"version": "3.1.14",
+	"version": "3.1.16",
 	"type": "module",
 	"repository": {
 		"type": "git",
@@ -60,9 +60,9 @@
 		"@handsontable/react-wrapper": "^16.2.0",
 		"@phosphor-icons/core": "^2.1.1",
 		"@phosphor-icons/react": "^2.1.10",
-		"@storybook/addon-docs": "^10.2.14",
-		"@storybook/addon-themes": "^10.2.14",
-		"@storybook/react-vite": "^10.2.14",
+		"@storybook/addon-docs": "^10.2.15",
+		"@storybook/addon-themes": "^10.2.15",
+		"@storybook/react-vite": "^10.2.15",
 		"@tanstack/react-table": "^8.21.3",
 		"@turf/boolean-point-in-polygon": "^7.3.4",
 		"@turf/helpers": "^7.3.4",
@@ -80,7 +80,7 @@
 		"react": "^19.2.4",
 		"react-dom": "^19.2.4",
 		"react-moveable": "^0.56.0",
-		"storybook": "^10.2.14",
+		"storybook": "^10.2.15",
 		"typescript": "^5.9.3",
 		"vite": "^7.3.1",
 		"vite-plugin-dts": "^4.5.4"