@mattilsynet/design 0.2.6 → 0.2.8

package/mtds/styles.json

@@ -1,35 +0,0 @@
-{
-  "validation": "_validation_12jx5_1 _ds-validation-message_14y6r_1",
-  "tag": "_tag_12jx5_1 _ds-tag_14y6r_1",
-  "tabs": "_tabs_12jx5_1",
-  "table": "_table_12jx5_1 _ds-table_14y6r_1",
-  "scrollShadow": "_scrollShadow_12jx5_1",
-  "tableChildAdded": "_tableChildAdded_12jx5_1",
-  "skeleton": "_skeleton_12jx5_1 _ds-skeleton_14y6r_1",
-  "popover": "_popover_12jx5_1",
-  "pagination": "_pagination_12jx5_1 _ds-pagination_14y6r_1",
-  "modal": "_modal_12jx5_1 _ds-modal_14y6r_1",
-  "logo": "_logo_12jx5_1 _ds-focus_14y6r_1",
-  "link": "_link_12jx5_1",
-  "grid": "_grid_12jx5_1",
-  "flex": "_flex_12jx5_1",
-  "box": "_box_12jx5_1",
-  "input": "_input_12jx5_1 _ds-input_14y6r_1",
-  "fieldset": "_fieldset_12jx5_1 _ds-fieldset_14y6r_1",
-  "fieldsetValidationAdded": "_fieldsetValidationAdded_12jx5_1",
-  "field": "_field_12jx5_1 _ds-field_14y6r_1",
-  "fieldChildAdded": "_fieldChildAdded_12jx5_1",
-  "affixes": "_affixes_12jx5_1 _ds-field-affixes_14y6r_1",
-  "count": "_count_12jx5_1",
-  "errorsummary": "_errorsummary_12jx5_1 _ds-error-summary_14y6r_1",
-  "details": "_details_12jx5_1 _ds-details_14y6r_1",
-  "chip": "_chip_12jx5_1 _ds-chip_14y6r_1",
-  "card": "_card_12jx5_1",
-  "info": "_info_12jx5_1",
-  "button": "_button_12jx5_1 _ds-button_14y6r_1",
-  "breadcrumbs": "_breadcrumbs_12jx5_1 _ds-breadcrumbs_14y6r_1",
-  "badge": "_badge_12jx5_1",
-  "avatar": "_avatar_12jx5_1 _ds-avatar_14y6r_1",
-  "alert": "_alert_12jx5_1 _ds-alert_14y6r_1",
-  "body": "_body_12jx5_84"
-}

package/mtds/styles.module.css.js

@@ -1,72 +0,0 @@
-const _ = "_validation_12jx5_1 _ds-validation-message_14y6r_1", d = "_tag_12jx5_1 _ds-tag_14y6r_1", t = "_tabs_12jx5_1", o = "_table_12jx5_1 _ds-table_14y6r_1", s = "_scrollShadow_12jx5_1", a = "_tableChildAdded_12jx5_1", e = "_skeleton_12jx5_1 _ds-skeleton_14y6r_1", n = "_popover_12jx5_1", i = "_pagination_12jx5_1 _ds-pagination_14y6r_1", l = "_modal_12jx5_1 _ds-modal_14y6r_1", r = "_logo_12jx5_1 _ds-focus_14y6r_1", c = "_link_12jx5_1", x = "_grid_12jx5_1", j = "_flex_12jx5_1", b = "_box_12jx5_1", f = "_input_12jx5_1 _ds-input_14y6r_1", y = "_fieldset_12jx5_1 _ds-fieldset_14y6r_1", u = "_fieldsetValidationAdded_12jx5_1", p = "_field_12jx5_1 _ds-field_14y6r_1", g = "_fieldChildAdded_12jx5_1", m = "_affixes_12jx5_1 _ds-field-affixes_14y6r_1", h = "_count_12jx5_1", v = "_errorsummary_12jx5_1 _ds-error-summary_14y6r_1", A = "_details_12jx5_1 _ds-details_14y6r_1", k = "_chip_12jx5_1 _ds-chip_14y6r_1", C = "_card_12jx5_1", w = "_info_12jx5_1", S = "_button_12jx5_1 _ds-button_14y6r_1", V = "_breadcrumbs_12jx5_1 _ds-breadcrumbs_14y6r_1", q = "_badge_12jx5_1", z = "_avatar_12jx5_1 _ds-avatar_14y6r_1", B = "_alert_12jx5_1 _ds-alert_14y6r_1", D = "_body_12jx5_84", E = {
-  validation: _,
-  tag: d,
-  tabs: t,
-  table: o,
-  scrollShadow: s,
-  tableChildAdded: a,
-  skeleton: e,
-  popover: n,
-  pagination: i,
-  modal: l,
-  logo: r,
-  link: c,
-  grid: x,
-  flex: j,
-  box: b,
-  input: f,
-  fieldset: y,
-  fieldsetValidationAdded: u,
-  field: p,
-  fieldChildAdded: g,
-  affixes: m,
-  count: h,
-  errorsummary: v,
-  details: A,
-  chip: k,
-  card: C,
-  info: w,
-  button: S,
-  breadcrumbs: V,
-  badge: q,
-  avatar: z,
-  alert: B,
-  body: D
-};
-export {
-  m as affixes,
-  B as alert,
-  z as avatar,
-  q as badge,
-  D as body,
-  b as box,
-  V as breadcrumbs,
-  S as button,
-  C as card,
-  k as chip,
-  h as count,
-  E as default,
-  A as details,
-  v as errorsummary,
-  p as field,
-  g as fieldChildAdded,
-  y as fieldset,
-  u as fieldsetValidationAdded,
-  j as flex,
-  x as grid,
-  w as info,
-  f as input,
-  c as link,
-  r as logo,
-  l as modal,
-  i as pagination,
-  n as popover,
-  s as scrollShadow,
-  e as skeleton,
-  o as table,
-  a as tableChildAdded,
-  t as tabs,
-  d as tag,
-  _ as validation
-};
-//# sourceMappingURL=styles.module.css.js.map

package/mtds/styles.module.css.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"styles.module.css.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

package/mtds/table/table.d.ts

@@ -1,2 +0,0 @@
-export declare function observe(el: Element | Document): void;
-export declare function unobserve(el: Element | Document): void;

package/mtds/table/table.js

@@ -1,29 +0,0 @@
-import f from "../styles.module.css.js";
-import { onAdd as d } from "../utils.js";
-const i = f.table.split(" ")[0], l = /* @__PURE__ */ new WeakMap();
-function b(t) {
-  var o, e;
-  for (const n of t) if (n instanceof HTMLTableElement) {
-    const a = Array.from(((e = (o = n.tHead) == null ? void 0 : o.rows[0]) == null ? void 0 : e.cells) || [], (r) => {
-      var s;
-      return (s = r.innerText) == null ? void 0 : s.trim();
-    });
-    for (const r of n.tBodies)
-      for (const s of r.rows)
-        for (const c of s.cells)
-          c.setAttribute("data-th", a[c.cellIndex] || ":empty");
-  }
-}
-function u(t) {
-  const o = t.getElementsByClassName(i), e = d(f.tableChildAdded, () => b(o));
-  l.set(t, e), e.observe(t);
-}
-function y(t) {
-  var o;
-  (o = l.get(t)) == null || o.disconnect(t);
-}
-export {
-  u as observe,
-  y as unobserve
-};
-//# sourceMappingURL=table.js.map

package/mtds/table/table.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"table.js","sources":["../../designsystem/table/table.ts"],"sourcesContent":["import styles from '../styles.module.css';\nimport { onAdd } from '../utils';\nconst CSS_TABLE = styles.table.split(' ')[0];\nconst BOUND = new WeakMap<Element | Document, ReturnType<typeof onAdd>>();\n\nfunction process(tables: HTMLCollectionOf<Element>) {\n  for(const table of tables) if (table instanceof HTMLTableElement) {\n    const ths = Array.from(table.tHead?.rows[0]?.cells || [], (el) => el.innerText?.trim()); // Using innerText to only include visible text\n    for (const tbody of table.tBodies) {\n      for (const row of tbody.rows) {\n        for (const cell of row.cells) {\n          cell.setAttribute('data-th', ths[cell.cellIndex] || ':empty'); // Using U+200B to prevent empty string from collapsing\n        }\n      }\n    }\n  }\n}\n\nexport function observe (el: Element | Document) {\n  const tables = el.getElementsByClassName(CSS_TABLE);\n  const add = onAdd(styles.tableChildAdded, () => process(tables));\n  BOUND.set(el, add);\n  add.observe(el);\n}\n\nexport function unobserve (el: Element | Document) {\n  BOUND.get(el)?.disconnect(el);\n}\n"],"names":["CSS_TABLE","styles","BOUND","process","tables","table","ths","_b","_a","el","tbody","row","cell","observe","add","onAdd","unobserve"],"mappings":";;AAEA,MAAMA,IAAYC,EAAO,MAAM,MAAM,GAAG,EAAE,CAAC,GACrCC,wBAAY,QAAsD;AAExE,SAASC,EAAQC,GAAmC;;AAClD,aAAUC,KAASD,EAAY,KAAAC,aAAiB,kBAAkB;AAChE,UAAMC,IAAM,MAAM,OAAKC,KAAAC,IAAAH,EAAM,UAAN,gBAAAG,EAAa,KAAK,OAAlB,gBAAAD,EAAsB,UAAS,IAAI,CAACE,MAAO;;AAAA,cAAAD,IAAAC,EAAG,cAAH,gBAAAD,EAAc;AAAA,KAAM;AAC3E,eAAAE,KAASL,EAAM;AACb,iBAAAM,KAAOD,EAAM;AACX,mBAAAE,KAAQD,EAAI;AACrB,UAAAC,EAAK,aAAa,WAAWN,EAAIM,EAAK,SAAS,KAAK,QAAQ;AAAA,EAGlE;AAEJ;AAEO,SAASC,EAASJ,GAAwB;AACzC,QAAAL,IAASK,EAAG,uBAAuBT,CAAS,GAC5Cc,IAAMC,EAAMd,EAAO,iBAAiB,MAAME,EAAQC,CAAM,CAAC;AACzD,EAAAF,EAAA,IAAIO,GAAIK,CAAG,GACjBA,EAAI,QAAQL,CAAE;AAChB;AAEO,SAASO,EAAWP,GAAwB;;AACjD,GAAAD,IAAAN,EAAM,IAAIO,CAAE,MAAZ,QAAAD,EAAe,WAAWC;AAC5B;"}

package/mtds/table/table.mockData.d.ts

@@ -1,8 +0,0 @@
-declare const _default: {
-    firstName: string;
-    lastName: string;
-    age: number;
-    visits: number;
-    date: number;
-}[];
-export default _default;

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

@@ -1,30 +0,0 @@
-import { StoryObj } from '@storybook/react';
-declare const meta: {
-    title: string;
-};
-export default meta;
-type Story = StoryObj<typeof meta>;
-export declare const Default: Story;
-export declare const DefaultTanstack: Story;
-export declare const HeadingsSimple: Story;
-export declare const HeadingsTanstack: Story;
-export declare const SortableSimple: Story;
-export declare const SortableTanstack: Story;
-export declare const PaginatableSimple: Story;
-export declare const PaginatableTanstack: Story;
-export declare const SearchableSimple: Story;
-export declare const SearchableTanstack: Story;
-export declare const ExpandableSimple: Story;
-export declare const ExpandableTanstack: Story;
-export declare const CheckableSimple: Story;
-export declare const CheckableTanstack: Story;
-export declare const WithHorizontalTitles: Story;
-export declare const FixedWidths: Story;
-export declare const Align: Story;
-export declare const NumericValues: Story;
-export declare const WithFooter: Story;
-export declare const Sizes: Story;
-export declare const Checkbox: Story;
-export declare const MobileScroll: Story;
-export declare const MobileDivided: Story;
-export declare const MobileSpaced: Story;

package/mtds/tabs/tabs.stories.d.ts

@@ -1,8 +0,0 @@
-import { StoryObj } from '@storybook/react';
-declare const meta: {
-    title: string;
-};
-export default meta;
-type Story = StoryObj<typeof meta>;
-export declare const Default: Story;
-export declare const Sizes: Story;

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

@@ -1,10 +0,0 @@
-import { StoryObj } from '@storybook/react';
-declare const meta: {
-    title: string;
-};
-export default meta;
-type Story = StoryObj<typeof meta>;
-export declare const Default: Story;
-export declare const Sizes: Story;
-export declare const WithIcons: Story;
-export declare const WithTooltip: Story;

package/mtds/utils.d.ts

@@ -1,50 +0,0 @@
-export declare const IS_BROWSER: boolean;
-export declare const QUICK_EVENT: {
-    capture: boolean;
-    passive: boolean;
-};
-export declare function useId(el: Element): string;
-/**
- * Speed up MutationObserver by debouncing and only running when page is visible
- * @return new MutaionObserver
- */
-export declare function createOptimizedMutationObserver(callback: MutationCallback): MutationObserver;
-/**
- * on
- * @param element The Element to use as EventTarget
- * @param types A comma separated string of event types
- * @param listener An event listener function or listener object
- */
-export declare const on: (element: Node | Window, type: string, listener: EventListenerOrEventListenerObject, options?: boolean | AddEventListenerOptions | undefined) => void;
-/**
- * off
- * @param element The Element to use as EventTarget
- * @param types A comma separated string of event types
- * @param listener An event listener function or listener object
- */
-export declare const off: (element: Node | Window, type: string, listener: EventListenerOrEventListenerObject, options?: boolean | EventListenerOptions | undefined) => void;
-/**
- * Child added event inspired by:
- * https://davidwalsh.name/detect-node-insertion
- */
-export declare const onAdd: (animationName: string, callback: () => void) => {
-    observe: (el: Element | Document) => void;
-    disconnect: (el: Element | Document) => void;
-};
-export declare const isInputLike: (el: unknown) => el is HTMLInputElement;
-declare global {
-    namespace React.JSX {
-        interface IntrinsicAttributes {
-            popovertargetaction?: string;
-            popovertarget?: string;
-            popover?: string | boolean;
-        }
-    }
-    namespace React {
-        interface HTMLAttributes<T> {
-            popovertargetaction?: string;
-            popovertarget?: string;
-            popover?: "" | "auto" | "manual" | undefined;
-        }
-    }
-}

package/mtds/utils.js

@@ -1,29 +0,0 @@
-const f = typeof window < "u" && typeof document < "u", a = { capture: !0, passive: !0 };
-let c = 0;
-const d = `${Date.now().toString(36)}${Math.random().toString(36).slice(2, 5)}`;
-function u(n) {
-  return n.id || (n.id = `${d}${++c}`), n.id;
-}
-const s = (n, t, e) => {
-  for (const i of e[0].split(","))
-    e[0] = i, Element.prototype[`${n}EventListener`].apply(t, e);
-}, r = (n, ...t) => s("add", n, t), m = (n, ...t) => s("remove", n, t), p = (n, t) => {
-  let e = 0;
-  const i = (o) => {
-    o.animationName === n && (cancelAnimationFrame(e), e = requestAnimationFrame(t));
-  };
-  return {
-    observe: (o) => r(o, "animationend", i, a),
-    disconnect: (o) => m(o, "animationstart", i, a)
-  };
-}, E = (n) => n instanceof HTMLElement && "validity" in n && !(n instanceof HTMLButtonElement);
-export {
-  f as IS_BROWSER,
-  a as QUICK_EVENT,
-  E as isInputLike,
-  m as off,
-  r as on,
-  p as onAdd,
-  u as useId
-};
-//# sourceMappingURL=utils.js.map

package/mtds/utils.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"utils.js","sources":["../designsystem/utils.ts"],"sourcesContent":["export const IS_BROWSER = typeof window !== 'undefined' && typeof document !== 'undefined';\nexport const QUICK_EVENT = { capture: true, passive: true };\n\n/**\n * useId\n * @return A generated unique ID\n */\nlet id = 0;\nconst UUID = `${Date.now().toString(36)}${Math.random().toString(36).slice(2, 5)}`;\nexport function useId (el: Element) {\n  if (!el.id) el.id = `${UUID}${++id}`;\n\treturn el.id;\n};\n\n/**\n * Speed up MutationObserver by debouncing and only running when page is visible\n * @return new MutaionObserver\n */\nexport function createOptimizedMutationObserver(callback: MutationCallback) {\n  const queue: MutationRecord[] = [];\n  const observer = new MutationObserver((mutations) => {\n    if (!queue[0]) requestAnimationFrame(process);\n    queue.push(...mutations);\n  });\n\n  const process = () => {\n    callback(queue, observer);\n    queue.length = 0; // Reset queue\n  };\n\n  return observer;\n}\n\n// Internal helper for on / off\nconst events = (\n\taction: \"add\" | \"remove\",\n\telement: Node | Window,\n\trest: Parameters<typeof Element.prototype.addEventListener>,\n): void => {\n\tfor (const type of rest[0].split(\",\")) {\n\t\trest[0] = type;\n\t\tElement.prototype[`${action}EventListener`].apply(element, rest);\n\t}\n};\n\n/**\n * on\n * @param element The Element to use as EventTarget\n * @param types A comma separated string of event types\n * @param listener An event listener function or listener object\n */\nexport const on = (\n\telement: Node | Window,\n\t...rest: Parameters<typeof Element.prototype.addEventListener>\n): void => events(\"add\", element, rest);\n\n/**\n * off\n * @param element The Element to use as EventTarget\n * @param types A comma separated string of event types\n * @param listener An event listener function or listener object\n */\nexport const off = (\n\telement: Node | Window,\n\t...rest: Parameters<typeof Element.prototype.removeEventListener>\n): void => events(\"remove\", element, rest);\n\n/**\n * Child added event inspired by:\n * https://davidwalsh.name/detect-node-insertion\n */\nexport const onAdd = (animationName: string, callback: () => void) => {\n  let timer: ReturnType<typeof requestAnimationFrame> | number = 0;\n  const onAnimation = (event: Event & { animationName?: string }) => {\n    if (event.animationName === animationName) {\n      cancelAnimationFrame(timer);\n      timer = requestAnimationFrame(callback);\n    }\n  };\n\n\treturn {\n\t\tobserve: (el: Element | Document, ) => on(el, 'animationend', onAnimation, QUICK_EVENT),\n\t\tdisconnect: (el: Element | Document, ) => off(el, 'animationstart', onAnimation, QUICK_EVENT)\n\t};\n}\n\nexport const isInputLike = (el: unknown): el is HTMLInputElement =>\n\tel instanceof HTMLElement && 'validity' in el && !(el instanceof HTMLButtonElement);\n\n// Make React support popover=\"\"target attribute\n// https://github.com/facebook/react/issues/27479\ndeclare global {\n\tnamespace React.JSX {\n\t\tinterface IntrinsicAttributes {\n\t\t\tpopovertargetaction?: string;\n\t\t\tpopovertarget?: string;\n\t\t\tpopover?: string | boolean;\n\t\t}\n\t}\n\tnamespace React {\n\t\tinterface HTMLAttributes<T> {\n\t\t\tpopovertargetaction?: string;\n\t\t\tpopovertarget?: string;\n\t\t\tpopover?: \"\" | \"auto\" | \"manual\" | undefined;\n\t\t}\n\t}\n}"],"names":["IS_BROWSER","QUICK_EVENT","id","UUID","useId","el","events","action","element","rest","type","on","off","onAdd","animationName","callback","timer","onAnimation","event","isInputLike"],"mappings":"AAAO,MAAMA,IAAa,OAAO,SAAW,OAAe,OAAO,WAAa,KAClEC,IAAc,EAAE,SAAS,IAAM,SAAS,GAAK;AAM1D,IAAIC,IAAK;AACT,MAAMC,IAAO,GAAG,KAAK,IAAM,EAAA,SAAS,EAAE,CAAC,GAAG,KAAK,SAAS,SAAS,EAAE,EAAE,MAAM,GAAG,CAAC,CAAC;AACzE,SAASC,EAAOC,GAAa;AAC9B,SAACA,EAAG,OAAIA,EAAG,KAAK,GAAGF,CAAI,GAAG,EAAED,CAAE,KAC5BG,EAAG;AACX;AAsBA,MAAMC,IAAS,CACdC,GACAC,GACAC,MACU;AACV,aAAWC,KAAQD,EAAK,CAAC,EAAE,MAAM,GAAG;AACnC,IAAAA,EAAK,CAAC,IAAIC,GACV,QAAQ,UAAU,GAAGH,CAAM,eAAe,EAAE,MAAMC,GAASC,CAAI;AAEjE,GAQaE,IAAK,CACjBH,MACGC,MACOH,EAAO,OAAOE,GAASC,CAAI,GAQzBG,IAAM,CAClBJ,MACGC,MACOH,EAAO,UAAUE,GAASC,CAAI,GAM5BI,IAAQ,CAACC,GAAuBC,MAAyB;AACpE,MAAIC,IAA2D;AACzD,QAAAC,IAAc,CAACC,MAA8C;AAC7D,IAAAA,EAAM,kBAAkBJ,MAC1B,qBAAqBE,CAAK,GAC1BA,IAAQ,sBAAsBD,CAAQ;AAAA,EAE1C;AAEM,SAAA;AAAA,IACN,SAAS,CAACV,MAA6BM,EAAGN,GAAI,gBAAgBY,GAAahB,CAAW;AAAA,IACtF,YAAY,CAACI,MAA6BO,EAAIP,GAAI,kBAAkBY,GAAahB,CAAW;AAAA,EAC7F;AACD,GAEakB,IAAc,CAACd,MAC3BA,aAAc,eAAe,cAAcA,KAAM,EAAEA,aAAc;"}

package/mtds/validation/validation.stories.d.ts

@@ -1,7 +0,0 @@
-import { StoryObj } from '@storybook/react';
-declare const meta: {
-    title: string;
-};
-export default meta;
-type Story = StoryObj<typeof meta>;
-export declare const Default: Story;