@altinn/altinn-components 0.56.15 → 0.56.17

package/dist/assets/UserListItem.css

@@ -1 +1 @@
-._badges_1csip_1{display:flex;flex-direction:row;gap:.5rem;flex-wrap:wrap;justify-content:start;margin-bottom:auto;margin-top:calc(var(--dsc-item-my) * .85)}._label_1csip_11{display:flex;flex-direction:row;align-items:center;gap:.5rem;min-width:0;flex:1;overflow:hidden}._label_1csip_11>span{min-width:0;flex:1;overflow:hidden}._label_1csip_11 span[data-size]{overflow:hidden}._label_1csip_11 span[data-size] span[data-variant=subtle]{display:-webkit-box;-webkit-line-clamp:1;line-clamp:1;-webkit-box-orient:vertical;overflow:hidden;text-overflow:ellipsis;white-space:normal}._description_1csip_42{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;width:100%;min-width:0}
+._badges_1xfrv_1{display:flex;flex-direction:row;gap:.5rem;flex-wrap:wrap;justify-content:start;margin-bottom:auto;flex:1;margin-top:calc(var(--dsc-item-my) * .85)}._label_1xfrv_12{display:flex;flex-direction:row;flex-wrap:wrap;align-items:center;gap:.5rem;min-width:0;overflow:hidden}._label_1xfrv_12>span{min-width:0;overflow:hidden}._label_1xfrv_12 span[data-size]{overflow:hidden}._label_1xfrv_12 span[data-size] span[data-variant=subtle]{display:-webkit-box;-webkit-line-clamp:1;line-clamp:1;-webkit-box-orient:vertical;overflow:hidden;text-overflow:ellipsis;white-space:normal}._description_1xfrv_42{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;width:100%;min-width:0}

package/dist/components/Bookmarks/BookmarkModal.js

@@ -0,0 +1,41 @@
+import { jsxs as l, jsx as a } from "react/jsx-runtime";
+import "../../index-p1eeF8LQ.js";
+import { useState as u } from "react";
+import "../Button/Button.js";
+import "react-dom";
+import "../RootProvider/RootProvider.js";
+import { QueryLabel as g } from "../Searchbar/QueryLabel.js";
+import { TextField as v } from "../Forms/TextField.js";
+import "../Snackbar/useSnackbar.js";
+import { SettingsModal as c } from "../Settings/SettingsModal.js";
+import { S as h } from "../../MagnifyingGlass-bwVhw07z.js";
+const B = ({
+  icon: e = h,
+  title: n,
+  params: t,
+  titleField: o,
+  buttons: m,
+  open: s = !1,
+  onClose: p
+}) => {
+  const [i, f] = u("");
+  return /* @__PURE__ */ l(c, { icon: e, title: n, buttons: m, open: s, onClose: p, children: [
+    /* @__PURE__ */ a(g, { params: t }),
+    /* @__PURE__ */ a(
+      v,
+      {
+        ...o,
+        label: o?.label || "Gi søket et navn",
+        size: "sm",
+        name: "title",
+        value: typeof o?.value == "string" ? o?.value : i,
+        onChange: (r) => {
+          typeof o?.onChange == "function" ? o.onChange(r) : f(r.target.value);
+        }
+      }
+    )
+  ] });
+};
+export {
+  B as BookmarkModal
+};

package/dist/components/Bookmarks/BookmarkSettingsItem.js

@@ -0,0 +1,35 @@
+import { jsx as t } from "react/jsx-runtime";
+import "../../index-p1eeF8LQ.js";
+import "react";
+import "../Button/Button.js";
+import { ContextMenu as a } from "../ContextMenu/ContextMenu.js";
+import "react-dom";
+import "../RootProvider/RootProvider.js";
+import "../Snackbar/useSnackbar.js";
+import { SettingsItemBase as f } from "../Settings/SettingsItemBase.js";
+import { BookmarkSettingsItemLabel as g } from "./BookmarkSettingsItemLabel.js";
+import { S as k } from "../../MagnifyingGlass-bwVhw07z.js";
+const C = ({
+  id: m,
+  icon: i = k,
+  loading: o,
+  title: e,
+  highlightWords: p,
+  params: s,
+  contextMenu: r,
+  ...n
+}) => /* @__PURE__ */ t(
+  f,
+  {
+    ...n,
+    id: m,
+    icon: i,
+    loading: o,
+    label: /* @__PURE__ */ t(g, { highlightWords: p, loading: o, params: s, title: e }),
+    controls: r && /* @__PURE__ */ t(a, { ...r }),
+    linkIcon: !0
+  }
+);
+export {
+  C as BookmarkSettingsItem
+};

package/dist/components/{Settings/BookmarksSettingsItemLabel.js → Bookmarks/BookmarkSettingsItemLabel.js}

@@ -17,5 +17,5 @@ const h = ({
   /* @__PURE__ */ m(a, { params: i, size: r ? "xs" : "sm", variant: r ? "subtle" : "default" })
 ] });
 export {
-  h as BookmarksSettingsItemLabel
+  h as BookmarkSettingsItemLabel
 };

package/dist/components/Bookmarks/BookmarkSettingsList.js

@@ -0,0 +1,18 @@
+import { jsx as t, jsxs as n } from "react/jsx-runtime";
+import { Fragment as e, createElement as p } from "react";
+import "../../index-p1eeF8LQ.js";
+import "../Button/Button.js";
+import { BookmarkSettingsItem as l } from "./BookmarkSettingsItem.js";
+import "react-dom";
+import "../RootProvider/RootProvider.js";
+import { Divider as s } from "../Divider/Divider.js";
+import { List as d } from "../List/List.js";
+import "../Snackbar/useSnackbar.js";
+import { SettingsSection as a } from "../Settings/SettingsSection.js";
+const v = ({ loading: i, items: o }) => !o || o.length < 1 ? null : /* @__PURE__ */ t(a, { children: /* @__PURE__ */ t(d, { size: "sm", children: o.map((r, m) => /* @__PURE__ */ n(e, { children: [
+  m > 0 && /* @__PURE__ */ t(s, {}),
+  /* @__PURE__ */ p(l, { ...r, key: r.id, loading: i || r.loading })
+] }, r.id)) }) });
+export {
+  v as BookmarkSettingsList
+};

package/dist/components/Bookmarks/index.js

@@ -0,0 +1,8 @@
+import { BookmarkSettingsItem as t } from "./BookmarkSettingsItem.js";
+import { BookmarkSettingsList as e } from "./BookmarkSettingsList.js";
+import { BookmarkModal as a } from "./BookmarkModal.js";
+export {
+  a as BookmarkModal,
+  t as BookmarkSettingsItem,
+  e as BookmarkSettingsList
+};

package/dist/components/Settings/index.js

@@ -1,20 +1,16 @@
-import { SettingsItem as e } from "./SettingsItem.js";
+import { SettingsItem as o } from "./SettingsItem.js";
 import { SettingsItemBase as m } from "./SettingsItemBase.js";
-import { SettingsList as i } from "./SettingsList.js";
-import { SettingsSection as g } from "./SettingsSection.js";
+import { SettingsList as f } from "./SettingsList.js";
+import { SettingsSection as i } from "./SettingsSection.js";
 import { SettingsModal as x } from "./SettingsModal.js";
 import { UsedByLog as S } from "./UsedByLog.js";
-import { UsedByLogItem as a } from "./UsedByLogItem.js";
-import { BookmarksSettingsItem as I } from "./BookmarksSettingsItem.js";
-import { BookmarksSettingsList as d } from "./BookmarksSettingsList.js";
+import { UsedByLogItem as B } from "./UsedByLogItem.js";
 export {
-  I as BookmarksSettingsItem,
-  d as BookmarksSettingsList,
-  e as SettingsItem,
+  o as SettingsItem,
   m as SettingsItemBase,
-  i as SettingsList,
+  f as SettingsList,
   x as SettingsModal,
-  g as SettingsSection,
+  i as SettingsSection,
   S as UsedByLog,
-  a as UsedByLogItem
+  B as UsedByLogItem
 };

package/dist/components/Toolbar/SelectDateFilter.js

@@ -1,67 +1,70 @@
 import { jsx as d } from "react/jsx-runtime";
-import { useRef as L, useState as u, useCallback as O, useEffect as R } from "react";
+import { useRef as A, useState as p, useCallback as C, useEffect as R } from "react";
 import { M as x } from "../../SearchField-QTfebYdU.js";
 import "../../index-p1eeF8LQ.js";
 import "../Button/Button.js";
 import "react-dom";
 import "../RootProvider/RootProvider.js";
 import "../Snackbar/useSnackbar.js";
-import { DatepickerFilter as A } from "./DatepickerFilter.js";
-import { formatDateRange as M } from "./formatDateRange.js";
-const N = ({
+import { DatepickerFilter as M } from "./DatepickerFilter.js";
+import { formatDateRange as j } from "./formatDateRange.js";
+const P = ({
   name: n = "time",
   size: f,
-  searchable: v,
-  keyboardEvents: k,
+  searchable: k,
+  keyboardEvents: v,
   items: l,
   groups: E,
-  filterState: t = {},
+  filterState: o = {},
   onFilterStateChange: c
 }) => {
-  const s = L(null), [a, p] = u(!1), [o, w] = u(t?.fromDate?.[0] || ""), [r, T] = u(t?.toDate?.[0] || ""), i = O(() => {
+  const s = A(null), [a, u] = p(!1), [t, T] = p(o?.fromDate?.[0] || ""), [r, w] = p(o?.toDate?.[0] || ""), b = () => {
     c?.({
-      ...t,
-      fromDate: o ? [o] : void 0,
+      ...o,
+      [n]: ["fromAndToDate"]
+    }), u(!0);
+  }, i = C(() => {
+    c?.({
+      ...o,
+      fromDate: t ? [t] : void 0,
       toDate: r ? [r] : void 0,
-      [n]: o || r ? ["fromAndToDate"] : void 0
-    }), p(!1);
-  }, [c, t, o, r, n]);
+      [n]: t || r ? ["fromAndToDate"] : void 0
+    }), u(!1);
+  }, [c, o, t, r, n]);
   R(() => {
     if (!a) return;
     const e = (m) => {
       m.key === "Escape" && i();
     }, D = (m) => {
-      const C = m.target;
-      s.current && !s.current.contains(C) && i();
-    }, y = setTimeout(() => {
+      const h = m.target;
+      s.current && !s.current.contains(h) && i();
+    }, g = setTimeout(() => {
       document.addEventListener("mousedown", D), document.addEventListener("keydown", e);
     }, 0);
     return () => {
-      clearTimeout(y), document.removeEventListener("mousedown", D), document.removeEventListener("keydown", e);
+      clearTimeout(g), document.removeEventListener("mousedown", D), document.removeEventListener("keydown", e);
     };
   }, [a, i]);
-  const b = (e) => {
-    w(e?.fromDate || ""), T(e?.toDate || "");
-  }, g = M(o, r), h = l?.map((e) => e.role === "datepicker" ? {
+  const y = (e) => {
+    T(e?.fromDate || ""), w(e?.toDate || "");
+  }, L = j(t, r), O = l?.map((e) => e.role === "datepicker" ? {
     ...e,
-    description: g,
-    selected: t?.[n]?.[0] === "fromAndToDate",
-    onClick: () => {
-      p(!0);
-    }
+    description: L,
+    selected: o?.[n]?.[0] === "fromAndToDate",
+    onClick: b
   } : {
     ...e,
     onChange: () => {
       c?.({
-        ...t,
+        ...o,
         fromDate: void 0,
         toDate: void 0,
         [n]: e?.value ? [e.value] : void 0
       });
     }
   });
-  return a ? /* @__PURE__ */ d("div", { ref: s, children: /* @__PURE__ */ d(A, { formData: { fromDate: o, toDate: r }, onChange: b, onSubmit: i }) }) : /* @__PURE__ */ d(x, { size: f, searchable: v, keyboardEvents: k, items: h, groups: E });
+  return a ? /* @__PURE__ */ d("div", { ref: s, children: /* @__PURE__ */ d(M, { formData: { fromDate: t, toDate: r }, onChange: y, onSubmit: i }) }) : /* @__PURE__ */ d(x, { size: f, searchable: k, keyboardEvents: v, items: O, groups: E });
 };
 export {
-  N as SelectDateFilter
+  P as SelectDateFilter
 };

package/dist/components/UserListItem/UserListItem.js

@@ -1,45 +1,45 @@
-import { jsx as e, jsxs as _ } from "react/jsx-runtime";
-import { Badge as h } from "../Badge/Badge.js";
+import { jsx as s, jsxs as h } from "react/jsx-runtime";
+import { Badge as p } from "../Badge/Badge.js";
 import "../../index-p1eeF8LQ.js";
 import "react";
 import "../Button/Button.js";
 import "react-dom";
 import "../RootProvider/RootProvider.js";
 import "../Snackbar/useSnackbar.js";
-import { ListItemLabel as L } from "../List/ListItemLabel.js";
-import { ListItem as g } from "../List/ListItem.js";
-import '../../assets/UserListItem.css';const z = "_badges_1csip_1", v = "_label_1csip_11", c = {
-  badges: z,
-  label: v
+import { ListItemLabel as v } from "../List/ListItemLabel.js";
+import { ListItem as x } from "../List/ListItem.js";
+import '../../assets/UserListItem.css';const L = "_badges_1xfrv_1", g = "_label_1xfrv_12", m = {
+  badges: L,
+  label: g
 }, k = ({
   name: t,
   type: l,
-  description: o,
-  roleNames: r,
-  titleAs: m = "h3",
+  description: r,
+  roleNames: o,
+  titleAs: c = "h3",
   subUnit: b = !1,
   loading: i = !1,
   deleted: d = !1,
-  ...s
+  ...e
 }) => {
   const n = {
     name: t,
     type: l,
     isParent: l === "company" && !b,
     isDeleted: d
-  }, f = !i && r ? /* @__PURE__ */ e("div", { className: c.badges, children: r.map((a) => /* @__PURE__ */ e(h, { label: a, color: s.color, children: a }, a)) }) : void 0, p = /* @__PURE__ */ _("div", { className: c.label, "data-size": s.size, children: [
-    /* @__PURE__ */ e(
-      L,
+  }, f = !i && o ? /* @__PURE__ */ s("div", { className: m.badges, children: o.map((a) => /* @__PURE__ */ s(p, { label: a, color: e.color, children: a }, a)) }) : void 0, _ = /* @__PURE__ */ h("div", { className: m.label, "data-size": e.size, children: [
+    /* @__PURE__ */ s(
+      v,
       {
-        title: { children: t, as: m },
-        description: o,
-        size: s.size,
+        title: { children: t, as: c },
+        description: r,
+        size: e.size,
         loading: i
       }
     ),
     f
   ] });
-  return /* @__PURE__ */ e(g, { icon: n, ariaLabel: t, label: p, description: o, loading: i, ...s });
+  return /* @__PURE__ */ s(x, { icon: n, ariaLabel: t, label: _, description: r, loading: i, ...e });
 };
 export {
   k as UserListItem