@altinn/altinn-components 0.54.3 → 0.55.0

package/dist/components/Toolbar/ToolbarAccountMenu.js

@@ -1,52 +0,0 @@
-import { jsxs as g, jsx as i } from "react/jsx-runtime";
-import { createElement as x } from "react";
-import "../../index-p1eeF8LQ.js";
-import { AccountMenu as T } from "../Account/AccountMenu.js";
-import { useIsDesktop as b } from "../../hooks/useIsDesktop.js";
-import "../Button/Button.js";
-import { useRootContext as k } from "../RootProvider/RootProvider.js";
-import { DrawerOrDropdown as h } from "../Dropdown/DrawerOrDropdown.js";
-import "../Snackbar/useSnackbar.js";
-import { ToolbarButton as w } from "./ToolbarButton.js";
-import { ToolbarFilterBase as B } from "./ToolbarFilterBase.js";
-const R = ({
-  currentAccount: e,
-  id: n = "toolbar-accounts",
-  onSelectAccount: c,
-  buttonTestId: l,
-  title: m = "Endre aktør",
-  ...p
-}) => {
-  const { currentId: a, toggleId: d, closeAll: r } = k(), u = b(), f = () => d(n), o = a === n;
-  return /* @__PURE__ */ g(B, { expanded: o, onBlurCapture: (t) => {
-    const s = t.relatedTarget;
-    (!s || !t.currentTarget.contains(s)) && r();
-  }, "data-testid": "filter-base-accounts", children: [
-    /* @__PURE__ */ i(
-      w,
-      {
-        type: "switch",
-        onToggle: f,
-        active: !!e,
-        "data-testid": l,
-        "aria-expanded": o,
-        children: e?.name
-      }
-    ),
-    /* @__PURE__ */ i(h, { open: o, size: "lg", drawerTitle: m, onClose: r, children: /* @__PURE__ */ x(
-      T,
-      {
-        ...p,
-        keyboardEvents: o && u,
-        key: a,
-        onSelectAccount: (t) => {
-          c?.(t), r();
-        },
-        currentAccount: e
-      }
-    ) })
-  ] });
-};
-export {
-  R as ToolbarAccountMenu
-};

package/dist/components/Toolbar/ToolbarAdd.js

@@ -1,24 +0,0 @@
-import { jsxs as c, jsx as r } from "react/jsx-runtime";
-import "../../index-p1eeF8LQ.js";
-import "react";
-import { useIsDesktop as u } from "../../hooks/useIsDesktop.js";
-import "../Button/Button.js";
-import { useRootContext as f } from "../RootProvider/RootProvider.js";
-import { DrawerOrDropdown as g } from "../Dropdown/DrawerOrDropdown.js";
-import { Menu as x } from "../Menu/Menu.js";
-import "../Snackbar/useSnackbar.js";
-import { ToolbarButton as T } from "./ToolbarButton.js";
-import { ToolbarFilterBase as B } from "./ToolbarFilterBase.js";
-const E = ({ label: t = "Legg til", items: a, id: e }) => {
-  const { currentId: l, closeAll: n, toggleId: m } = f(), o = l === e, d = () => m(e), s = u();
-  return /* @__PURE__ */ c(B, { expanded: o, onBlurCapture: (p) => {
-    const i = p.relatedTarget;
-    s && (!i || !p.currentTarget.contains(i)) && n();
-  }, children: [
-    /* @__PURE__ */ r(T, { type: "add", onToggle: d, "aria-expanded": o, children: t }),
-    /* @__PURE__ */ r(g, { drawerTitle: t, open: o, onClose: n, children: /* @__PURE__ */ r(x, { color: "neutral", items: a, keyboardEvents: o && s }) })
-  ] });
-};
-export {
-  E as ToolbarAdd
-};

package/dist/components/Toolbar/ToolbarBase.js

@@ -1,8 +0,0 @@
-"use client";
-import { jsx as t } from "react/jsx-runtime";
-import '../../assets/ToolbarBase.css';const r = "_toolbar_17w00_1", s = {
-  toolbar: r
-}, l = ({ children: o }) => /* @__PURE__ */ t("div", { className: s.toolbar, children: o });
-export {
-  l as ToolbarBase
-};

package/dist/components/Toolbar/ToolbarButton.js

@@ -1,115 +0,0 @@
-"use client";
-import { jsxs as s, jsx as i } from "react/jsx-runtime";
-import { Button as f } from "../Button/Button.js";
-import "../../index-p1eeF8LQ.js";
-import a, { forwardRef as p } from "react";
-import "../RootProvider/RootProvider.js";
-import "../Snackbar/useSnackbar.js";
-import { ButtonGroup as h } from "../Button/ButtonGroup.js";
-import { ButtonGroupDivider as w } from "../Button/ButtonGroupDivider.js";
-import { S as O } from "../../XMark-tKk6aExO.js";
-import { u as v } from "../../useId-BVFxCjkq.js";
-import '../../assets/ToolbarButton.css';var g = function(t, o) {
-  var l = {};
-  for (var e in t) Object.prototype.hasOwnProperty.call(t, e) && o.indexOf(e) < 0 && (l[e] = t[e]);
-  if (t != null && typeof Object.getOwnPropertySymbols == "function")
-    for (var r = 0, e = Object.getOwnPropertySymbols(t); r < e.length; r++)
-      o.indexOf(e[r]) < 0 && Object.prototype.propertyIsEnumerable.call(t, e[r]) && (l[e[r]] = t[e[r]]);
-  return l;
-};
-const x = p((t, o) => {
-  var { title: l, titleId: e } = t, r = g(t, ["title", "titleId"]);
-  let n = v();
-  return n = l ? e || "title-" + n : void 0, a.createElement(
-    "svg",
-    Object.assign({ xmlns: "http://www.w3.org/2000/svg", width: "1em", height: "1em", fill: "none", viewBox: "0 0 24 24", focusable: !1, role: "img", ref: o, "aria-labelledby": n }, r),
-    l ? a.createElement("title", { id: n }, l) : null,
-    a.createElement("path", { fill: "currentColor", fillRule: "evenodd", d: "M12.53 4.47a.75.75 0 0 0-1.06 0l-3.5 3.5a.75.75 0 0 0 1.06 1.06L12 6.06l2.97 2.97a.75.75 0 1 0 1.06-1.06zm-3.5 10.5a.75.75 0 0 0-1.06 1.06l3.5 3.5a.75.75 0 0 0 1.06 0l3.5-3.5a.75.75 0 1 0-1.06-1.06L12 17.94z", clipRule: "evenodd" })
-  );
-});
-var _ = function(t, o) {
-  var l = {};
-  for (var e in t) Object.prototype.hasOwnProperty.call(t, e) && o.indexOf(e) < 0 && (l[e] = t[e]);
-  if (t != null && typeof Object.getOwnPropertySymbols == "function")
-    for (var r = 0, e = Object.getOwnPropertySymbols(t); r < e.length; r++)
-      o.indexOf(e[r]) < 0 && Object.prototype.propertyIsEnumerable.call(t, e[r]) && (l[e[r]] = t[e[r]]);
-  return l;
-};
-const j = p((t, o) => {
-  var { title: l, titleId: e } = t, r = _(t, ["title", "titleId"]);
-  let n = v();
-  return n = l ? e || "title-" + n : void 0, a.createElement(
-    "svg",
-    Object.assign({ xmlns: "http://www.w3.org/2000/svg", width: "1em", height: "1em", fill: "none", viewBox: "0 0 24 24", focusable: !1, role: "img", ref: o, "aria-labelledby": n }, r),
-    l ? a.createElement("title", { id: n }, l) : null,
-    a.createElement("path", { fill: "currentColor", d: "M12.75 5.5a.75.75 0 0 0-1.5 0v5.75H5.5a.75.75 0 0 0 0 1.5h5.75v5.75a.75.75 0 0 0 1.5 0v-5.75h5.75a.75.75 0 0 0 0-1.5h-5.75z" })
-  );
-}), B = "_removeButton_fxc8_1", I = {
-  removeButton: B
-}, H = ({
-  type: t = "select",
-  removable: o = !1,
-  ariaLabel: l,
-  active: e,
-  children: r,
-  onToggle: n,
-  onRemove: b,
-  iconAltText: y,
-  "data-testid": u,
-  tabIndex: m,
-  "aria-expanded": c
-}) => {
-  if (o) {
-    const d = e ? "tinted" : "outline";
-    return /* @__PURE__ */ s(
-      h,
-      {
-        connected: !0,
-        className: I.removeButton,
-        variant: d,
-        size: "xs",
-        "aria-expanded": c,
-        "data-testid": u,
-        tabIndex: m,
-        children: [
-          /* @__PURE__ */ i(f, { variant: d, onClick: n, children: r }),
-          /* @__PURE__ */ i(w, { variant: d }),
-          /* @__PURE__ */ i(f, { variant: d, "aria-label": y || "remove", onClick: b, children: /* @__PURE__ */ i(O, {}) })
-        ]
-      }
-    );
-  }
-  return t === "add" ? /* @__PURE__ */ s(
-    f,
-    {
-      variant: "outline",
-      size: "xs",
-      onClick: n,
-      "aria-label": l || "add",
-      "aria-expanded": c,
-      "data-testid": u,
-      tabIndex: m,
-      children: [
-        /* @__PURE__ */ i(j, {}),
-        /* @__PURE__ */ i("span", { children: r })
-      ]
-    }
-  ) : /* @__PURE__ */ s(
-    f,
-    {
-      "data-testid": u,
-      variant: e ? "solid" : "outline",
-      size: "xs",
-      "aria-label": l,
-      onClick: n,
-      "aria-expanded": c,
-      children: [
-        /* @__PURE__ */ i("span", { children: r }),
-        /* @__PURE__ */ i(x, {})
-      ]
-    }
-  );
-};
-export {
-  H as ToolbarButton
-};

package/dist/components/Toolbar/ToolbarDaterange.js

@@ -1,58 +0,0 @@
-import { jsxs as n, jsx as o } from "react/jsx-runtime";
-import { useState as m } from "react";
-import "../../index-p1eeF8LQ.js";
-import "../Button/Button.js";
-import { useRootContext as F } from "../RootProvider/RootProvider.js";
-import { DrawerOrDropdown as x } from "../Dropdown/DrawerOrDropdown.js";
-import { MenuInputField as p } from "../Menu/MenuInputField.js";
-import { MenuBase as S } from "../Menu/MenuBase.js";
-import "../Snackbar/useSnackbar.js";
-import { ToolbarButton as w } from "./ToolbarButton.js";
-import { ToolbarFilterBase as y } from "./ToolbarFilterBase.js";
-import { Datepicker as B } from "../Datepicker/Datepicker.js";
-import '../../assets/ToolbarDaterange.css';const I = "_datepicker_ud6cb_1", N = "_fields_ud6cb_6", j = "_description_ud6cb_10", c = {
-  datepicker: I,
-  fields: N,
-  description: j
-}, P = ({
-  id: i = "toolbar-filter-datetange",
-  title: f = "Select daterange",
-  description: g = "Choose dates or click to set daterange.",
-  fromLabel: u = "From date",
-  toLabel: h = "To date",
-  label: D = "Select daterange",
-  value: b
-}) => {
-  const { currentId: T, toggleId: _ } = F(), l = () => _(i), d = T === i, [t, r] = m(""), [s, a] = m(""), k = (e) => {
-    r(e.target.value);
-  }, C = (e) => {
-    a(e.target.value);
-  }, v = (e) => {
-    s ? (r(e), a("")) : t && e < t ? (a(t), r(e)) : t ? a(e) : r(e);
-  };
-  return /* @__PURE__ */ n(y, { expanded: d, children: [
-    /* @__PURE__ */ o(w, { type: "switch", onToggle: l, active: !!b, children: D }),
-    /* @__PURE__ */ o(x, { open: d, drawerTitle: f, onClose: l, children: /* @__PURE__ */ n(S, { children: [
-      /* @__PURE__ */ n("div", { className: c.fields, children: [
-        /* @__PURE__ */ o(
-          p,
-          {
-            name: "fromDate",
-            value: t,
-            type: "date",
-            label: u,
-            onChange: k
-          }
-        ),
-        /* @__PURE__ */ o(p, { name: "toDate", value: s, type: "date", label: h, onChange: C })
-      ] }),
-      /* @__PURE__ */ n("section", { className: c.datepicker, children: [
-        /* @__PURE__ */ o(B, { onSelect: v, selectFrom: t, selectTo: s }),
-        /* @__PURE__ */ o("p", { className: c.description, children: g })
-      ] })
-    ] }) })
-  ] });
-};
-export {
-  P as ToolbarDaterange
-};

package/dist/components/Toolbar/ToolbarFilterBase.js

@@ -1,17 +0,0 @@
-import { jsx as o } from "react/jsx-runtime";
-import { c as r } from "../../index-p1eeF8LQ.js";
-import '../../assets/ToolbarFilterBase.css';const c = "_base_4n04w_1", i = "_expanded_4n04w_5", e = {
-  base: c,
-  expanded: i
-}, x = ({
-  expanded: s = !1,
-  children: a,
-  onBlurCapture: t,
-  "data-testid": d
-}) => {
-  const n = r(e.base, s && e.expanded);
-  return /* @__PURE__ */ o("div", { onBlurCapture: t, className: n, "data-testid": d, children: a });
-};
-export {
-  x as ToolbarFilterBase
-};

package/dist/components/Toolbar/ToolbarOptions.js

@@ -1,84 +0,0 @@
-import { jsxs as v, jsx as e } from "react/jsx-runtime";
-import { useRef as A, useState as F, useMemo as H, Fragment as K } from "react";
-import { useMenu as N } from "../../hooks/useMenu.js";
-import "../../index-p1eeF8LQ.js";
-import "../Button/Button.js";
-import "../RootProvider/RootProvider.js";
-import { MenuOption as R } from "../Menu/MenuOption.js";
-import { MenuSearch as q } from "../Menu/MenuSearch.js";
-import { MenuHeader as z } from "../Menu/MenuHeader.js";
-import { MenuBase as D, MenuList as E, MenuListItem as a } from "../Menu/MenuBase.js";
-import "../Snackbar/useSnackbar.js";
-const ne = ({
-  name: S,
-  search: i,
-  optionGroups: l = {},
-  options: c,
-  onChange: x,
-  optionType: y,
-  keyboardEvents: s,
-  onBlurCapture: V
-}) => {
-  const u = A(null), [t, p] = F(""), L = H(
-    () => c.filter((r) => t ? r.label.toLowerCase().includes(t.toLowerCase()) : !0),
-    [c, t]
-  ), { menu: k, setActiveIndex: I } = N({
-    items: L,
-    groups: l,
-    groupByKey: "groupId",
-    keyboardEvents: s,
-    ref: u
-  });
-  return /* @__PURE__ */ v(D, { variant: "default", ref: u, children: [
-    i && /* @__PURE__ */ e(q, { value: t, onChange: (r) => {
-      p(r.target.value);
-    }, onClear: () => {
-      p("");
-    }, ...i }),
-    /* @__PURE__ */ e(E, { role: "menu", onBlurCapture: V, children: k.map((r, m) => {
-      const O = r?.props || {}, { title: d, divider: T = !0 } = O;
-      return /* @__PURE__ */ v(K, { children: [
-        m && T ? /* @__PURE__ */ e(a, { role: "separator" }) : "",
-        d && /* @__PURE__ */ e(a, { children: /* @__PURE__ */ e(z, { title: d }) }),
-        r?.items.filter((n) => !n.props?.hidden).map((n, j) => {
-          const { active: w, onMouseEnter: B } = n, { groupId: h, onClick: U, value: f, checked: C, type: M, ...o } = n.props || {}, { expanded: P } = o, g = o.name || S, b = M || h && l[h]?.optionType || y;
-          return /* @__PURE__ */ e(
-            a,
-            {
-              expanded: P,
-              onMouseEnter: B,
-              onMouseLeave: () => I(-1),
-              role: M === "radio" ? "menuitemradio" : "menuitemcheckbox",
-              "aria-checked": C ?? !1,
-              children: /* @__PURE__ */ e(
-                R,
-                {
-                  ...o,
-                  active: w,
-                  tabIndex: s ? -1 : 0,
-                  label: o.label,
-                  count: o.count,
-                  name: g,
-                  type: b,
-                  value: f,
-                  checked: C,
-                  onClick: () => {
-                    x?.({
-                      name: g,
-                      value: f,
-                      type: b
-                    });
-                  }
-                }
-              )
-            },
-            j
-          );
-        })
-      ] }, m);
-    }) })
-  ] });
-};
-export {
-  ne as ToolbarOptions
-};