@mattilsynet/design 3.0.5 → 3.0.6

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (9) hide show
  1. package/mtds/atlas/atlas-element.js +1 -1
  2. package/mtds/deprecations.js +34 -31
  3. package/mtds/deprecations.js.map +1 -1
  4. package/mtds/dialog/dialog.stories.d.ts +1 -0
  5. package/mtds/index.iife.js +11 -11
  6. package/mtds/package.json.js +1 -1
  7. package/mtds/popover/popover.stories.d.ts +1 -1
  8. package/mtds/styles.css +1 -1
  9. package/package.json +9 -9
package/mtds/atlas/atlas-element.js CHANGED
@@ -24,7 +24,7 @@ class m extends C {
24
24
  "style",
25
25
  null,
26
26
  `@layer leaflet{${f}}
27
- @layer mt.v3-0-5design{${b}`
27
+ @layer mt.v3-0-6design{${b}`
28
28
  ),
29
29
  r("figure")
30
30
  );
package/mtds/deprecations.js CHANGED
@@ -1,60 +1,62 @@
1
1
  import { DSFieldElement as p } from "@digdir/designsystemet-web";
2
- import l from "./styles.module.css.js";
3
- import { getByCSSModule as n, isBrowser as i, onHotReload as g, on as b, onMutation as y, QUICK_EVENT as S, debounce as E, attr as s } from "./utils.js";
2
+ import n from "./styles.module.css.js";
3
+ import { getByCSSModule as l, isBrowser as i, onHotReload as y, on as u, onMutation as S, QUICK_EVENT as E, attr as s, debounce as D } from "./utils.js";
4
4
  const f = /* @__PURE__ */ new WeakSet(), a = (t) => !f.has(t) && f.add(t), o = (t, e, r) => window.dsWarnings === !1 || console.warn(
5
5
  `\x1B[1m@mattilsynet/design:\x1B[m ${t} is deprecated, please use ${e}:`,
6
6
  r
7
- ), D = n("togglegroup"), u = l.button.split(" "), A = () => {
8
- for (const t of D) {
7
+ ), A = l("togglegroup"), g = n.button.split(" "), L = () => {
8
+ for (const t of A) {
9
9
  a(t) && !t.hasAttribute("data-toggle-group") && (s(t, "data-toggle-group", "Valgknapper"), o(
10
10
  'Only setting class="styles.togglegroup"',
11
11
  'data-toggle-group="LABEL-HERE" attribute also for better accessibility',
12
12
  t
13
13
  ));
14
14
  for (const e of t.getElementsByTagName("label"))
15
- a(e) && !e.classList.contains(u[0]) && (e.classList.add(...u), o(
15
+ a(e) && !e.classList.contains(g[0]) && (e.classList.add(...g), o(
16
16
  'Only setting class="styles.button"',
17
17
  '<label class="styles.button">',
18
18
  e
19
19
  ));
20
20
  }
21
- }, L = n("breadcrumbs"), O = () => {
22
- for (const t of L)
23
- a(t) && t.nodeName !== "DS-BREADCRUMBS" && (t.classList.add(...l.breadcrumbs.split(" ")), o(
21
+ }, O = l("breadcrumbs"), C = () => {
22
+ for (const t of O)
23
+ a(t) && t.nodeName !== "DS-BREADCRUMBS" && (t.classList.add(...n.breadcrumbs.split(" ")), o(
24
24
  'Only setting class="styles.breadcrumbs"',
25
25
  '<ds-breadcrumbs class="styles.breadcrumbs">',
26
26
  t
27
27
  ));
28
- }, C = n("errorsummary"), N = () => {
29
- for (const t of C)
28
+ }, N = l("errorsummary"), R = () => {
29
+ for (const t of N)
30
30
  a(t) && t.nodeName !== "DS-ERROR-SUMMARY" && o(
31
31
  'Only setting class="styles.errorsummary"',
32
32
  '<ds-error-summary class="styles.errorsummary">',
33
33
  t
34
34
  );
35
- }, R = n("dialog"), w = () => {
36
- for (const t of R)
37
- if (a(t) && (t.hasAttribute("data-variant") && o(
38
- '<dialog data-variant="drawer">',
39
- '<dialog data-placement="center|left|right|top|bottom">',
40
- t
41
- ), t.isConnected && t.showModal && t.close)) {
35
+ }, w = l("dialog"), b = () => {
36
+ for (const t of w) {
37
+ if (a(t)) {
42
38
  const e = s(t, "data-closedby");
43
39
  e && (s(t, "closedby", e), o(
44
40
  `<dialog data-closedby="${e}">`,
45
41
  `<dialog closedby="${e}">`,
46
42
  t
47
- )), t.matches('[open]:not([data-modal="false"]):not(:modal)') ? (o(
48
- '<dialog data-modal="true">',
49
- '.showModal() or <button command="show-modal" commandfor="DIALOG-ID"></button>',
43
+ )), t.hasAttribute("data-variant") && o(
44
+ '<dialog data-variant="drawer">',
45
+ '<dialog data-placement="center|left|right|top|bottom">',
50
46
  t
51
- ), s(t, "open", null), t.showModal()) : t.matches(":modal:not([open])") && (s(t, "open", ""), t.close());
47
+ );
52
48
  }
49
+ t.isConnected && t.showModal && t.close && (t.matches('[open][data-modal]:not([data-modal="false"]):not(:modal)') ? (o(
50
+ '<dialog data-modal="true">',
51
+ '.showModal() or <button command="show-modal" commandfor="DIALOG-ID"></button>',
52
+ t
53
+ ), s(t, "open", null), t.showModal()) : t.matches(":modal:not([open])") && (s(t, "open", ""), t.close()));
54
+ }
53
55
  }, B = () => {
54
56
  for (const t of document.querySelectorAll("[data-count]"))
55
57
  if (a(t)) {
56
58
  const e = s(t, "data-count");
57
- t.classList.add(...l.validation.split(" ")), s(t, "data-limit", e), o(
59
+ t.classList.add(...n.validation.split(" ")), s(t, "data-limit", e), o(
58
60
  `data-count="${e}"`,
59
61
  `class="styles.validation" data-field="counter" data-limit="${e}"`,
60
62
  t
@@ -76,7 +78,7 @@ const f = /* @__PURE__ */ new WeakSet(), a = (t) => !f.has(t) && f.add(t), o = (
76
78
  }
77
79
  }, h = i() ? document.getElementsByTagName("u-tabs") : [], I = () => {
78
80
  for (const t of h) a(t) && o("u-tabs", "ds-tabs", t);
79
- }, d = l.suggestion.split(" "), v = i() ? document.getElementsByTagName("u-combobox") : [], $ = i() ? document.getElementsByTagName("ds-suggestion") : [], M = () => {
81
+ }, d = n.suggestion.split(" "), v = i() ? document.getElementsByTagName("u-combobox") : [], $ = i() ? document.getElementsByTagName("ds-suggestion") : [], M = () => {
80
82
  for (const t of v)
81
83
  a(t) && (t.classList.add(...d), o("<u-combobox>", '<ds-suggestion class="styles.suggestion">', t));
82
84
  for (const t of $)
@@ -91,7 +93,7 @@ const f = /* @__PURE__ */ new WeakSet(), a = (t) => !f.has(t) && f.add(t), o = (
91
93
  e && !t?.closest('a,button,label,input,select,textarea,[role="button"]') && e.click();
92
94
  const m = t?.closest("dialog");
93
95
  m && t?.closest('[data-command="close"]') && m.close();
94
- }, k = n("field"), c = /* @__PURE__ */ new Set(), F = () => {
96
+ }, k = l("field"), c = /* @__PURE__ */ new Set(), F = () => {
95
97
  for (const t of k)
96
98
  t.nodeName !== "DS-FIELD" && (a(t) || o(
97
99
  'Only setting class="styles.field"',
@@ -101,14 +103,14 @@ const f = /* @__PURE__ */ new WeakSet(), a = (t) => !f.has(t) && f.add(t), o = (
101
103
  }, G = () => {
102
104
  for (const t of c)
103
105
  p.prototype.disconnectedCallback.call(t), c.delete(t);
104
- }, x = `[data-description], .${l.field.split(" ")[0]} label + p`, q = () => {
106
+ }, x = `[data-description], .${n.field.split(" ")[0]} label + p`, q = () => {
105
107
  for (const t of document.querySelectorAll(x))
106
108
  a(t) && t.getAttribute("data-field") !== "description" && (s(t, "data-field", "description"), o(
107
109
  "Descriptions created by data-description of <p> only",
108
110
  'data-field="data-description"',
109
111
  t
110
112
  ));
111
- }, P = n("validation"), _ = () => {
113
+ }, P = l("validation"), _ = () => {
112
114
  for (const t of P)
113
115
  a(t) && !t.hasAttribute("data-field") && (s(t, "data-field", "validation"), o(
114
116
  'Only setting class="styles.validation"',
@@ -118,14 +120,15 @@ const f = /* @__PURE__ */ new WeakSet(), a = (t) => !f.has(t) && f.add(t), o = (
118
120
  }, V = () => {
119
121
  for (const t of document.querySelectorAll("[popover][data-position]"))
120
122
  a(t) && (s(t, "data-placement", s(t, "data-position")), o("data-position", "data-placement", t));
121
- }, W = E(() => {
122
- B(), T(), O(), w(), N(), q(), _(), V(), F(), A(), M(), I();
123
+ }, W = D(() => {
124
+ B(), T(), C(), b(), R(), q(), _(), V(), F(), L(), M(), I();
123
125
  }, 200);
124
- g("deprecations", () => [
126
+ y("deprecations", () => [
125
127
  G,
126
128
  // Return as cleanup function
127
- b(document, "click", U, S),
128
- y(document, W, {
129
+ u(document, "click", U, E),
130
+ u(document, "toggle", b, !0),
131
+ S(document, W, {
129
132
  attributeFilter: [
130
133
  "class",
131
134
  "data-command",
package/mtds/deprecations.js.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"deprecations.js","sources":["../designsystem/deprecations.ts"],"sourcesContent":["import { DSFieldElement } from \"@digdir/designsystemet-web\";\nimport styles from \"./styles.module.css\";\nimport {\n\tattr,\n\tdebounce,\n\tgetByCSSModule,\n\tisBrowser,\n\ton,\n\tonHotReload,\n\tonMutation,\n\tQUICK_EVENT,\n} from \"./utils\";\n\nconst DEPRECATIONS = new WeakSet<Element>();\nconst deprecate = (el: Element) =>\n\t!DEPRECATIONS.has(el) && DEPRECATIONS.add(el);\n\nconst warn = (from: string, to: string, el: Element) =>\n\twindow.dsWarnings === false ||\n\tconsole.warn(\n\t\t`\\x1B[1m@mattilsynet/design:\\x1B[m ${from} is deprecated, please use ${to}:`,\n\t\tel,\n\t);\n\n// Deprecate togglegroup without data-toggle-group attribute\nconst TOGGLEGROUPS = getByCSSModule(\"togglegroup\");\nconst CSS_BUTTON = styles.button.split(\" \");\nconst deprecateToggleGroup = () => {\n\tfor (const el of TOGGLEGROUPS) {\n\t\tif (deprecate(el) && !el.hasAttribute(\"data-toggle-group\")) {\n\t\t\tattr(el, \"data-toggle-group\", \"Valgknapper\");\n\t\t\twarn(\n\t\t\t\t'Only setting class=\"styles.togglegroup\"',\n\t\t\t\t'data-toggle-group=\"LABEL-HERE\" attribute also for better accessibility',\n\t\t\t\tel,\n\t\t\t);\n\t\t}\n\t\tfor (const label of el.getElementsByTagName(\"label\")) {\n\t\t\tif (deprecate(label) && !label.classList.contains(CSS_BUTTON[0])) {\n\t\t\t\tlabel.classList.add(...CSS_BUTTON);\n\t\t\t\twarn(\n\t\t\t\t\t'Only setting class=\"styles.button\"',\n\t\t\t\t\t`<label class=\"styles.button\">`,\n\t\t\t\t\tlabel,\n\t\t\t\t);\n\t\t\t}\n\t\t}\n\t}\n};\n\n// Deprecate errorsummary without ds-error-summary element\nconst BREADCRUMBS = getByCSSModule(\"breadcrumbs\");\nconst deprecateBreadcrumbs = () => {\n\tfor (const el of BREADCRUMBS)\n\t\tif (deprecate(el) && el.nodeName !== \"DS-BREADCRUMBS\") {\n\t\t\tel.classList.add(...styles.breadcrumbs.split(\" \"));\n\t\t\twarn(\n\t\t\t\t'Only setting class=\"styles.breadcrumbs\"',\n\t\t\t\t'<ds-breadcrumbs class=\"styles.breadcrumbs\">',\n\t\t\t\tel,\n\t\t\t);\n\t\t}\n};\n\n// Deprecate errorsummary without ds-error-summary element\nconst ERRORSUMMARYS = getByCSSModule(\"errorsummary\");\nconst deprecateErrorSummary = () => {\n\tfor (const el of ERRORSUMMARYS)\n\t\tif (deprecate(el) && el.nodeName !== \"DS-ERROR-SUMMARY\") {\n\t\t\twarn(\n\t\t\t\t'Only setting class=\"styles.errorsummary\"',\n\t\t\t\t'<ds-error-summary class=\"styles.errorsummary\">',\n\t\t\t\tel,\n\t\t\t);\n\t\t}\n};\n\n// Deprecate data-variant and data-modal and data-closedby on dialogs\nconst DIALOGS = getByCSSModule(\"dialog\") as HTMLCollectionOf<HTMLDialogElement>;\nconst deprecateDialog = () => {\n\tfor (const el of DIALOGS) {\n\t\tif (!deprecate(el)) continue;\n\t\tif (el.hasAttribute(\"data-variant\")) {\n\t\t\twarn(\n\t\t\t\t'<dialog data-variant=\"drawer\">',\n\t\t\t\t'<dialog data-placement=\"center|left|right|top|bottom\">',\n\t\t\t\tel,\n\t\t\t);\n\t\t}\n\t\tif (el.isConnected && el.showModal && el.close) {\n\t\t\tconst closedby = attr(el, \"data-closedby\");\n\t\t\tif (closedby) {\n\t\t\t\tattr(el, \"closedby\", closedby);\n\t\t\t\twarn(\n\t\t\t\t\t`<dialog data-closedby=\"${closedby}\">`,\n\t\t\t\t\t`<dialog closedby=\"${closedby}\">`,\n\t\t\t\t\tel,\n\t\t\t\t);\n\t\t\t}\n\t\t\tif (el.matches('[open]:not([data-modal=\"false\"]):not(:modal)')) {\n\t\t\t\twarn(\n\t\t\t\t\t'<dialog data-modal=\"true\">',\n\t\t\t\t\t'.showModal() or <button command=\"show-modal\" commandfor=\"DIALOG-ID\"></button>',\n\t\t\t\t\tel,\n\t\t\t\t);\n\t\t\t\tattr(el, \"open\", null); // Using attribute instead of .close to avoid `close` event\n\t\t\t\tel.showModal();\n\t\t\t} else if (el.matches(\":modal:not([open])\")) {\n\t\t\t\tattr(el, \"open\", \"\"); // Set as open\n\t\t\t\tel.close(); // So we correctly can call .close, removing <dialog> from #top-layer\n\t\t\t}\n\t\t}\n\t}\n};\n\n// Deprecate data-count in favor of data-limit\nconst deprecateCounter = () => {\n\tfor (const el of document.querySelectorAll(\"[data-count]\"))\n\t\tif (deprecate(el)) {\n\t\t\tconst count = attr(el, \"data-count\");\n\t\t\tel.classList.add(...styles.validation.split(\" \"));\n\t\t\tattr(el, \"data-limit\", count);\n\t\t\twarn(\n\t\t\t\t`data-count=\"${count}\"`,\n\t\t\t\t`class=\"styles.validation\" data-field=\"counter\" data-limit=\"${count}\"`,\n\t\t\t\tel,\n\t\t\t);\n\t\t}\n};\n\n// Deprecate data-command on buttons and other elements\nconst deprecateDataCommand = () => {\n\tfor (const el of document.querySelectorAll(\"[data-command]\"))\n\t\tif (deprecate(el)) {\n\t\t\tconst command = attr(el, \"data-command\");\n\n\t\t\tif (command === \"row\")\n\t\t\t\twarn(\n\t\t\t\t\t`<${el.nodeName.toLowerCase()} data-command=\"${command}\">`,\n\t\t\t\t\t`<tr data-clickdelegatefor=\"${el.nodeName}-ID\">`,\n\t\t\t\t\tel,\n\t\t\t\t);\n\t\t\telse\n\t\t\t\twarn(\n\t\t\t\t\t`<button data-command=\"${command}\">`,\n\t\t\t\t\t`<button command=\"${command?.replace(\"toggle-app-expanded\", \"show-modal\")}\" commandfor=\"TARGET-ID\">`,\n\t\t\t\t\tel,\n\t\t\t\t);\n\t\t}\n};\n\n// Deprecate u-tabs\nconst TABS = isBrowser() ? document.getElementsByTagName(\"u-tabs\") : [];\nconst deprecateUTabs = () => {\n\tfor (const el of TABS) if (deprecate(el)) warn(\"u-tabs\", \"ds-tabs\", el);\n};\n\n// Deprecate u-combobox and add class to ds-suggestion\nconst CSS_SUGGESTION = styles.suggestion.split(\" \");\nconst OLD = isBrowser() ? document.getElementsByTagName(\"u-combobox\") : [];\nconst NEW = isBrowser() ? document.getElementsByTagName(\"ds-suggestion\") : [];\nconst deprecateUCombobox = () => {\n\tfor (const el of OLD)\n\t\tif (deprecate(el)) {\n\t\t\tel.classList.add(...CSS_SUGGESTION);\n\t\t\twarn(\"<u-combobox>\", `<ds-suggestion class=\"styles.suggestion\">`, el);\n\t\t}\n\tfor (const el of NEW)\n\t\tif (deprecate(el) && !el.classList.contains(CSS_SUGGESTION[0])) {\n\t\t\tel.classList.add(...CSS_SUGGESTION);\n\t\t\twarn(\n\t\t\t\t\"Only using <ds-suggestion>\",\n\t\t\t\t`<ds-suggestion class=\"styles.suggestion\">`,\n\t\t\t\tel,\n\t\t\t);\n\t\t}\n};\n\nconst handleCommandClick = ({ target: el }: Event) => {\n\tif (el instanceof Element === false) return;\n\tconst row = el?.closest(\"tr\")?.querySelector('[data-command=\"row\"]');\n\tconst click =\n\t\trow && !el?.closest('a,button,label,input,select,textarea,[role=\"button\"]');\n\tif (click) (row as HTMLElement).click(); // Forward click to data-command=\"row\" element\n\n\tconst dialog = el?.closest(\"dialog\");\n\tconst close = dialog && el?.closest('[data-command=\"close\"]');\n\tif (close) dialog.close();\n};\n\n// Deprecate fields without ds-field element\nconst FIELDS = getByCSSModule(\"field\");\nconst FIELD_UNBIND = new Set<Element>();\nconst deprecateField = () => {\n\tfor (const el of FIELDS)\n\t\tif (el.nodeName !== \"DS-FIELD\") {\n\t\t\tif (!deprecate(el))\n\t\t\t\twarn(\n\t\t\t\t\t'Only setting class=\"styles.field\"',\n\t\t\t\t\t'<ds-field class=\"styles.field\">',\n\t\t\t\t\tel,\n\t\t\t\t);\n\t\t\tif (!FIELD_UNBIND.has(el) && FIELD_UNBIND.add(el)) {\n\t\t\t\tDSFieldElement.prototype.connectedCallback.call(el as DSFieldElement);\n\t\t\t}\n\t\t}\n};\nconst unbindFields = () => {\n\tfor (const el of FIELD_UNBIND) {\n\t\tDSFieldElement.prototype.disconnectedCallback.call(el as DSFieldElement);\n\t\tFIELD_UNBIND.delete(el);\n\t}\n};\n\n// Deprecate validation without data-field=\"validation\"\nconst CSS_DESCRIPTIONS = `[data-description], .${styles.field.split(\" \")[0]} label + p`;\nconst deprecateFeildDescription = () => {\n\tfor (const el of document.querySelectorAll(CSS_DESCRIPTIONS))\n\t\tif (deprecate(el) && el.getAttribute(\"data-field\") !== \"description\") {\n\t\t\tattr(el, \"data-field\", \"description\");\n\t\t\twarn(\n\t\t\t\t\"Descriptions created by data-description of <p> only\",\n\t\t\t\t'data-field=\"data-description\"',\n\t\t\t\tel,\n\t\t\t);\n\t\t}\n};\n\n// Deprecate validation without data-field=\"validation\"\nconst VALIDATIONS = getByCSSModule(\"validation\");\nconst deprecateFieldValidation = () => {\n\tfor (const el of VALIDATIONS)\n\t\tif (deprecate(el) && !el.hasAttribute(\"data-field\")) {\n\t\t\tattr(el, \"data-field\", \"validation\");\n\t\t\twarn(\n\t\t\t\t'Only setting class=\"styles.validation\"',\n\t\t\t\t'class=\"styles.validation\" data-field=\"validation\"',\n\t\t\t\tel,\n\t\t\t);\n\t\t}\n};\n\nconst deprecatePopoverPosition = () => {\n\tfor (const el of document.querySelectorAll(\"[popover][data-position]\"))\n\t\tif (deprecate(el)) {\n\t\t\tattr(el, \"data-placement\", attr(el, \"data-position\"));\n\t\t\twarn(\"data-position\", \"data-placement\", el);\n\t\t}\n};\n\nconst handleDeprecations = debounce(() => {\n\tdeprecateCounter();\n\tdeprecateDataCommand();\n\tdeprecateBreadcrumbs();\n\tdeprecateDialog();\n\tdeprecateErrorSummary();\n\tdeprecateFeildDescription();\n\tdeprecateFieldValidation();\n\tdeprecatePopoverPosition();\n\tdeprecateField(); // Should run after other field deprecations to access correct data-attributes\n\tdeprecateToggleGroup();\n\tdeprecateUCombobox();\n\tdeprecateUTabs();\n}, 200);\n\nonHotReload(\"deprecations\", () => [\n\tunbindFields, // Return as cleanup function\n\ton(document, \"click\", handleCommandClick, QUICK_EVENT),\n\tonMutation(document, handleDeprecations, {\n\t\tattributeFilter: [\n\t\t\t\"class\",\n\t\t\t\"data-command\",\n\t\t\t\"data-count\",\n\t\t\t\"data-description\",\n\t\t\t\"data-variant\",\n\t\t\t\"open\",\n\t\t],\n\t\tattributes: true,\n\t\tchildList: true,\n\t\tsubtree: true,\n\t}),\n]);\n"],"names":["DEPRECATIONS","deprecate","el","warn","from","to","TOGGLEGROUPS","getByCSSModule","CSS_BUTTON","styles","deprecateToggleGroup","attr","label","BREADCRUMBS","deprecateBreadcrumbs","ERRORSUMMARYS","deprecateErrorSummary","DIALOGS","deprecateDialog","closedby","deprecateCounter","count","deprecateDataCommand","command","TABS","isBrowser","deprecateUTabs","CSS_SUGGESTION","OLD","NEW","deprecateUCombobox","handleCommandClick","row","dialog","FIELDS","FIELD_UNBIND","deprecateField","DSFieldElement","unbindFields","CSS_DESCRIPTIONS","deprecateFeildDescription","VALIDATIONS","deprecateFieldValidation","deprecatePopoverPosition","handleDeprecations","debounce","onHotReload","on","QUICK_EVENT","onMutation"],"mappings":"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"}
1
+ {"version":3,"file":"deprecations.js","sources":["../designsystem/deprecations.ts"],"sourcesContent":["import { DSFieldElement } from \"@digdir/designsystemet-web\";\nimport styles from \"./styles.module.css\";\nimport {\n\tattr,\n\tdebounce,\n\tgetByCSSModule,\n\tisBrowser,\n\ton,\n\tonHotReload,\n\tonMutation,\n\tQUICK_EVENT,\n} from \"./utils\";\n\nconst DEPRECATIONS = new WeakSet<Element>();\nconst deprecate = (el: Element) =>\n\t!DEPRECATIONS.has(el) && DEPRECATIONS.add(el);\n\nconst warn = (from: string, to: string, el: Element) =>\n\twindow.dsWarnings === false ||\n\tconsole.warn(\n\t\t`\\x1B[1m@mattilsynet/design:\\x1B[m ${from} is deprecated, please use ${to}:`,\n\t\tel,\n\t);\n\n// Deprecate togglegroup without data-toggle-group attribute\nconst TOGGLEGROUPS = getByCSSModule(\"togglegroup\");\nconst CSS_BUTTON = styles.button.split(\" \");\nconst deprecateToggleGroup = () => {\n\tfor (const el of TOGGLEGROUPS) {\n\t\tif (deprecate(el) && !el.hasAttribute(\"data-toggle-group\")) {\n\t\t\tattr(el, \"data-toggle-group\", \"Valgknapper\");\n\t\t\twarn(\n\t\t\t\t'Only setting class=\"styles.togglegroup\"',\n\t\t\t\t'data-toggle-group=\"LABEL-HERE\" attribute also for better accessibility',\n\t\t\t\tel,\n\t\t\t);\n\t\t}\n\t\tfor (const label of el.getElementsByTagName(\"label\")) {\n\t\t\tif (deprecate(label) && !label.classList.contains(CSS_BUTTON[0])) {\n\t\t\t\tlabel.classList.add(...CSS_BUTTON);\n\t\t\t\twarn(\n\t\t\t\t\t'Only setting class=\"styles.button\"',\n\t\t\t\t\t`<label class=\"styles.button\">`,\n\t\t\t\t\tlabel,\n\t\t\t\t);\n\t\t\t}\n\t\t}\n\t}\n};\n\n// Deprecate errorsummary without ds-error-summary element\nconst BREADCRUMBS = getByCSSModule(\"breadcrumbs\");\nconst deprecateBreadcrumbs = () => {\n\tfor (const el of BREADCRUMBS)\n\t\tif (deprecate(el) && el.nodeName !== \"DS-BREADCRUMBS\") {\n\t\t\tel.classList.add(...styles.breadcrumbs.split(\" \"));\n\t\t\twarn(\n\t\t\t\t'Only setting class=\"styles.breadcrumbs\"',\n\t\t\t\t'<ds-breadcrumbs class=\"styles.breadcrumbs\">',\n\t\t\t\tel,\n\t\t\t);\n\t\t}\n};\n\n// Deprecate errorsummary without ds-error-summary element\nconst ERRORSUMMARYS = getByCSSModule(\"errorsummary\");\nconst deprecateErrorSummary = () => {\n\tfor (const el of ERRORSUMMARYS)\n\t\tif (deprecate(el) && el.nodeName !== \"DS-ERROR-SUMMARY\") {\n\t\t\twarn(\n\t\t\t\t'Only setting class=\"styles.errorsummary\"',\n\t\t\t\t'<ds-error-summary class=\"styles.errorsummary\">',\n\t\t\t\tel,\n\t\t\t);\n\t\t}\n};\n\n// Deprecate data-variant and data-modal and data-closedby on dialogs\nconst DIALOGS = getByCSSModule(\"dialog\") as HTMLCollectionOf<HTMLDialogElement>;\nconst deprecateDialog = () => {\n\tfor (const el of DIALOGS) {\n\t\tif (deprecate(el)) {\n\t\t\tconst closedby = attr(el, \"data-closedby\");\n\t\t\tif (closedby) {\n\t\t\t\tattr(el, \"closedby\", closedby);\n\t\t\t\twarn(\n\t\t\t\t\t`<dialog data-closedby=\"${closedby}\">`,\n\t\t\t\t\t`<dialog closedby=\"${closedby}\">`,\n\t\t\t\t\tel,\n\t\t\t\t);\n\t\t\t}\n\t\t\tif (el.hasAttribute(\"data-variant\")) {\n\t\t\t\twarn(\n\t\t\t\t\t'<dialog data-variant=\"drawer\">',\n\t\t\t\t\t'<dialog data-placement=\"center|left|right|top|bottom\">',\n\t\t\t\t\tel,\n\t\t\t\t);\n\t\t\t}\n\t\t}\n\t\tif (el.isConnected && el.showModal && el.close) {\n\t\t\tif (\n\t\t\t\tel.matches('[open][data-modal]:not([data-modal=\"false\"]):not(:modal)')\n\t\t\t) {\n\t\t\t\twarn(\n\t\t\t\t\t'<dialog data-modal=\"true\">',\n\t\t\t\t\t'.showModal() or <button command=\"show-modal\" commandfor=\"DIALOG-ID\"></button>',\n\t\t\t\t\tel,\n\t\t\t\t);\n\t\t\t\tattr(el, \"open\", null); // Using attribute instead of .close to avoid `close` event\n\t\t\t\tel.showModal();\n\t\t\t} else if (el.matches(\":modal:not([open])\")) {\n\t\t\t\tattr(el, \"open\", \"\"); // Set as open\n\t\t\t\tel.close(); // So we correctly can call .close, removing <dialog> from #top-layer\n\t\t\t}\n\t\t}\n\t}\n};\n\n// Deprecate data-count in favor of data-limit\nconst deprecateCounter = () => {\n\tfor (const el of document.querySelectorAll(\"[data-count]\"))\n\t\tif (deprecate(el)) {\n\t\t\tconst count = attr(el, \"data-count\");\n\t\t\tel.classList.add(...styles.validation.split(\" \"));\n\t\t\tattr(el, \"data-limit\", count);\n\t\t\twarn(\n\t\t\t\t`data-count=\"${count}\"`,\n\t\t\t\t`class=\"styles.validation\" data-field=\"counter\" data-limit=\"${count}\"`,\n\t\t\t\tel,\n\t\t\t);\n\t\t}\n};\n\n// Deprecate data-command on buttons and other elements\nconst deprecateDataCommand = () => {\n\tfor (const el of document.querySelectorAll(\"[data-command]\"))\n\t\tif (deprecate(el)) {\n\t\t\tconst command = attr(el, \"data-command\");\n\n\t\t\tif (command === \"row\")\n\t\t\t\twarn(\n\t\t\t\t\t`<${el.nodeName.toLowerCase()} data-command=\"${command}\">`,\n\t\t\t\t\t`<tr data-clickdelegatefor=\"${el.nodeName}-ID\">`,\n\t\t\t\t\tel,\n\t\t\t\t);\n\t\t\telse\n\t\t\t\twarn(\n\t\t\t\t\t`<button data-command=\"${command}\">`,\n\t\t\t\t\t`<button command=\"${command?.replace(\"toggle-app-expanded\", \"show-modal\")}\" commandfor=\"TARGET-ID\">`,\n\t\t\t\t\tel,\n\t\t\t\t);\n\t\t}\n};\n\n// Deprecate u-tabs\nconst TABS = isBrowser() ? document.getElementsByTagName(\"u-tabs\") : [];\nconst deprecateUTabs = () => {\n\tfor (const el of TABS) if (deprecate(el)) warn(\"u-tabs\", \"ds-tabs\", el);\n};\n\n// Deprecate u-combobox and add class to ds-suggestion\nconst CSS_SUGGESTION = styles.suggestion.split(\" \");\nconst OLD = isBrowser() ? document.getElementsByTagName(\"u-combobox\") : [];\nconst NEW = isBrowser() ? document.getElementsByTagName(\"ds-suggestion\") : [];\nconst deprecateUCombobox = () => {\n\tfor (const el of OLD)\n\t\tif (deprecate(el)) {\n\t\t\tel.classList.add(...CSS_SUGGESTION);\n\t\t\twarn(\"<u-combobox>\", `<ds-suggestion class=\"styles.suggestion\">`, el);\n\t\t}\n\tfor (const el of NEW)\n\t\tif (deprecate(el) && !el.classList.contains(CSS_SUGGESTION[0])) {\n\t\t\tel.classList.add(...CSS_SUGGESTION);\n\t\t\twarn(\n\t\t\t\t\"Only using <ds-suggestion>\",\n\t\t\t\t`<ds-suggestion class=\"styles.suggestion\">`,\n\t\t\t\tel,\n\t\t\t);\n\t\t}\n};\n\nconst handleCommandClick = ({ target: el }: Event) => {\n\tif (el instanceof Element === false) return;\n\tconst row = el?.closest(\"tr\")?.querySelector('[data-command=\"row\"]');\n\tconst click =\n\t\trow && !el?.closest('a,button,label,input,select,textarea,[role=\"button\"]');\n\tif (click) (row as HTMLElement).click(); // Forward click to data-command=\"row\" element\n\n\tconst dialog = el?.closest(\"dialog\");\n\tconst close = dialog && el?.closest('[data-command=\"close\"]');\n\tif (close) dialog.close();\n};\n\n// Deprecate fields without ds-field element\nconst FIELDS = getByCSSModule(\"field\");\nconst FIELD_UNBIND = new Set<Element>();\nconst deprecateField = () => {\n\tfor (const el of FIELDS)\n\t\tif (el.nodeName !== \"DS-FIELD\") {\n\t\t\tif (!deprecate(el))\n\t\t\t\twarn(\n\t\t\t\t\t'Only setting class=\"styles.field\"',\n\t\t\t\t\t'<ds-field class=\"styles.field\">',\n\t\t\t\t\tel,\n\t\t\t\t);\n\t\t\tif (!FIELD_UNBIND.has(el) && FIELD_UNBIND.add(el)) {\n\t\t\t\tDSFieldElement.prototype.connectedCallback.call(el as DSFieldElement);\n\t\t\t}\n\t\t}\n};\nconst unbindFields = () => {\n\tfor (const el of FIELD_UNBIND) {\n\t\tDSFieldElement.prototype.disconnectedCallback.call(el as DSFieldElement);\n\t\tFIELD_UNBIND.delete(el);\n\t}\n};\n\n// Deprecate validation without data-field=\"validation\"\nconst CSS_DESCRIPTIONS = `[data-description], .${styles.field.split(\" \")[0]} label + p`;\nconst deprecateFeildDescription = () => {\n\tfor (const el of document.querySelectorAll(CSS_DESCRIPTIONS))\n\t\tif (deprecate(el) && el.getAttribute(\"data-field\") !== \"description\") {\n\t\t\tattr(el, \"data-field\", \"description\");\n\t\t\twarn(\n\t\t\t\t\"Descriptions created by data-description of <p> only\",\n\t\t\t\t'data-field=\"data-description\"',\n\t\t\t\tel,\n\t\t\t);\n\t\t}\n};\n\n// Deprecate validation without data-field=\"validation\"\nconst VALIDATIONS = getByCSSModule(\"validation\");\nconst deprecateFieldValidation = () => {\n\tfor (const el of VALIDATIONS)\n\t\tif (deprecate(el) && !el.hasAttribute(\"data-field\")) {\n\t\t\tattr(el, \"data-field\", \"validation\");\n\t\t\twarn(\n\t\t\t\t'Only setting class=\"styles.validation\"',\n\t\t\t\t'class=\"styles.validation\" data-field=\"validation\"',\n\t\t\t\tel,\n\t\t\t);\n\t\t}\n};\n\nconst deprecatePopoverPosition = () => {\n\tfor (const el of document.querySelectorAll(\"[popover][data-position]\"))\n\t\tif (deprecate(el)) {\n\t\t\tattr(el, \"data-placement\", attr(el, \"data-position\"));\n\t\t\twarn(\"data-position\", \"data-placement\", el);\n\t\t}\n};\n\nconst handleDeprecations = debounce(() => {\n\tdeprecateCounter();\n\tdeprecateDataCommand();\n\tdeprecateBreadcrumbs();\n\tdeprecateDialog();\n\tdeprecateErrorSummary();\n\tdeprecateFeildDescription();\n\tdeprecateFieldValidation();\n\tdeprecatePopoverPosition();\n\tdeprecateField(); // Should run after other field deprecations to access correct data-attributes\n\tdeprecateToggleGroup();\n\tdeprecateUCombobox();\n\tdeprecateUTabs();\n}, 200);\n\nonHotReload(\"deprecations\", () => [\n\tunbindFields, // Return as cleanup function\n\ton(document, \"click\", handleCommandClick, QUICK_EVENT),\n\ton(document, \"toggle\", deprecateDialog, true),\n\tonMutation(document, handleDeprecations, {\n\t\tattributeFilter: [\n\t\t\t\"class\",\n\t\t\t\"data-command\",\n\t\t\t\"data-count\",\n\t\t\t\"data-description\",\n\t\t\t\"data-variant\",\n\t\t\t\"open\",\n\t\t],\n\t\tattributes: true,\n\t\tchildList: true,\n\t\tsubtree: true,\n\t}),\n]);\n"],"names":["DEPRECATIONS","deprecate","el","warn","from","to","TOGGLEGROUPS","getByCSSModule","CSS_BUTTON","styles","deprecateToggleGroup","attr","label","BREADCRUMBS","deprecateBreadcrumbs","ERRORSUMMARYS","deprecateErrorSummary","DIALOGS","deprecateDialog","closedby","deprecateCounter","count","deprecateDataCommand","command","TABS","isBrowser","deprecateUTabs","CSS_SUGGESTION","OLD","NEW","deprecateUCombobox","handleCommandClick","row","dialog","FIELDS","FIELD_UNBIND","deprecateField","DSFieldElement","unbindFields","CSS_DESCRIPTIONS","deprecateFeildDescription","VALIDATIONS","deprecateFieldValidation","deprecatePopoverPosition","handleDeprecations","debounce","onHotReload","on","QUICK_EVENT","onMutation"],"mappings":"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"}
package/mtds/dialog/dialog.stories.d.ts CHANGED
@@ -6,6 +6,7 @@ export default meta;
6
6
  type Story = StoryObj<typeof meta>;
7
7
  export declare const Default: Story;
8
8
  export declare const React: Story;
9
+ export declare const ReactWithState: Story;
9
10
  export declare const WithClose: Story;
10
11
  export declare const WithBackdropClose: Story;
11
12
  export declare const WithStickyFooter: Story;