@altinn/altinn-components 0.10.4 → 0.12.0

package/dist/components/Page/Section.js

@@ -1,42 +1,14 @@
-import { jsx as x } from "react/jsx-runtime";
-import { c as h } from "../../index-L8X2o7IH.js";
-import '../../assets/Section.css';const _ = "_section_1qkfl_1", j = {
-  section: _
-}, k = ({
-  as: a = "section",
-  theme: t = "inherit",
-  color: n = "transparent",
-  flex: e = "col",
-  reverse: o = !1,
-  align: s = "initial",
-  justify: i = "initial",
-  padding: c = "none",
-  spacing: d = "none",
-  margin: r = "none",
-  shadow: l = "none",
-  inset: m = !1,
-  className: p,
-  style: f,
-  children: g
-}) => /* @__PURE__ */ x(
-  a,
-  {
-    className: h(j.section, p),
-    style: f,
-    "data-flex": e,
-    "data-reverse": o,
-    "data-align": s,
-    "data-justify": i,
-    "data-theme": t,
-    "data-color": n,
-    "data-inset": m,
-    "data-padding": c,
-    "data-spacing": d,
-    "data-margin": r,
-    "data-shadow": l,
-    children: g
-  }
-);
+import { jsx as m } from "react/jsx-runtime";
+import { c as e } from "../../index-L8X2o7IH.js";
+import "../Icon/SvgIcon.js";
+import "react";
+import "../Autocomplete/AutocompleteBase.js";
+import "../RootProvider/RootProvider.js";
+import "../Snackbar/useSnackbar.js";
+import { Flex as n } from "./Flex.js";
+import '../../assets/Section.css';const p = "_section_167jj_1", a = {
+  section: p
+}, h = ({ as: o = "section", className: t, bg: s, shadow: i, children: r, ...c }) => /* @__PURE__ */ m(n, { as: o, "data-bg": s, "data-shadow": i, className: e(a.section, t), ...c, children: r });
 export {
-  k as Section
+  h as Section
 };

package/dist/components/Page/index.js

@@ -1,16 +1,20 @@
-import { PageBase as r } from "./PageBase.js";
-import { PageNav as a } from "./PageNav.js";
-import { PageHeader as m } from "./PageHeader.js";
-import { SectionHeader as x } from "./SectionHeader.js";
-import { SectionFooter as i } from "./SectionFooter.js";
-import { Article as n } from "./Article.js";
-import { Section as S } from "./Section.js";
+import { PageBase as o } from "./PageBase.js";
+import { PageNav as t } from "./PageNav.js";
+import { PageHeader as f } from "./PageHeader.js";
+import { Article as a } from "./Article.js";
+import { Section as d } from "./Section.js";
+import { Flex as g } from "./Flex.js";
+import { Grid as B } from "./Grid.js";
+import { Breadcrumbs as b } from "./Breadcrumbs.js";
+import { BreadcrumbsLink as n } from "./BreadcrumbsLink.js";
 export {
-  n as Article,
-  r as PageBase,
-  m as PageHeader,
-  a as PageNav,
-  S as Section,
-  i as SectionFooter,
-  x as SectionHeader
+  a as Article,
+  b as Breadcrumbs,
+  n as BreadcrumbsLink,
+  g as Flex,
+  B as Grid,
+  o as PageBase,
+  f as PageHeader,
+  t as PageNav,
+  d as Section
 };

package/dist/components/ResourceList/ResourceList.js

@@ -4,9 +4,10 @@ import "../../index-L8X2o7IH.js";
 import "../Icon/SvgIcon.js";
 import "../Autocomplete/AutocompleteBase.js";
 import "../RootProvider/RootProvider.js";
+import "../Snackbar/useSnackbar.js";
 import { ResourceListItem as p } from "./ResourceListItem.js";
 import { ListBase as s } from "../List/ListBase.js";
-const x = ({ items: o, defaultItemSize: t = "md", ...m }) => /* @__PURE__ */ e(s, { ...m, children: o.map((r) => /* @__PURE__ */ i(p, { ...r, key: r.id, size: t })) });
+const R = ({ items: o, defaultItemSize: t = "md", ...m }) => /* @__PURE__ */ e(s, { ...m, children: o.map((r) => /* @__PURE__ */ i(p, { ...r, key: r.id, size: t })) });
 export {
-  x as ResourceList
+  R as ResourceList
 };

package/dist/components/ResourceList/ResourceListItem.js

@@ -4,8 +4,9 @@ import "react";
 import "../Icon/SvgIcon.js";
 import "../Autocomplete/AutocompleteBase.js";
 import "../RootProvider/RootProvider.js";
+import "../Snackbar/useSnackbar.js";
 import { ListItem as e } from "../List/ListItem.js";
-const u = ({
+const x = ({
   ownerName: t,
   resourceName: r,
   ownerLogoUrlAlt: i,
@@ -26,5 +27,5 @@ const u = ({
   }
 );
 export {
-  u as ResourceListItem
+  x as ResourceListItem
 };

package/dist/components/RootProvider/RootProvider.js

@@ -1,33 +1,34 @@
 "use client";
 import { jsx as c } from "react/jsx-runtime";
-import { createContext as u, useContext as d, useState as I } from "react";
-import { useEscapeKey as p } from "../../hooks/useEscapeKey.js";
+import { createContext as d, useContext as u, useState as p } from "react";
+import { useEscapeKey as I } from "../../hooks/useEscapeKey.js";
+import { SnackbarProvider as m } from "../Snackbar/useSnackbar.js";
 const x = {
   currentId: ""
-}, s = u(x), R = ({ children: o, initialValue: t }) => {
-  const [n, e] = I((t == null ? void 0 : t.currentId) || "");
+}, s = d(x), R = ({ children: o, initialValue: t }) => {
+  const [n, r] = p((t == null ? void 0 : t.currentId) || "");
   return /* @__PURE__ */ c(
     s.Provider,
     {
       value: {
         currentId: n,
-        setCurrentId: e
+        setCurrentId: r
       },
-      children: o
+      children: /* @__PURE__ */ c(m, { children: o })
     }
   );
-}, g = () => {
-  const { currentId: o, setCurrentId: t } = d(s), n = (r) => t(o === r ? "" : r), e = () => {
+}, a = () => {
+  const { currentId: o, setCurrentId: t } = u(s), n = (e) => t(o === e ? "" : e), r = () => {
     t("");
   };
-  return p(e), {
+  return I(r), {
     currentId: o,
     toggleId: n,
-    closeAll: e,
-    openId: (r) => t(r)
+    closeAll: r,
+    openId: (e) => t(e)
   };
 };
 export {
   R as RootProvider,
-  g as useRootContext
+  a as useRootContext
 };

package/dist/components/Searchbar/SearchField.js

@@ -1,56 +1,56 @@
 "use client";
-import { jsxs as q, jsx as i } from "react/jsx-runtime";
-import { c as h } from "../../index-L8X2o7IH.js";
-import { useRef as w } from "react";
-import { Icon as N } from "../Icon/Icon.js";
+import { jsxs as k, jsx as i } from "react/jsx-runtime";
+import { c as q } from "../../index-L8X2o7IH.js";
+import { useRef as b } from "react";
+import { Icon as w } from "../Icon/Icon.js";
 import "../Icon/SvgIcon.js";
 import { IconButton as l } from "../Button/IconButton.js";
-import '../../assets/SearchField.css';const b = "_field_1wjpq_1", g = "_icon_1wjpq_10", C = "_input_1wjpq_17", I = "_dismiss_1wjpq_41", K = "_clear_1wjpq_47", s = {
-  field: b,
-  icon: g,
-  input: C,
-  dismiss: I,
+import '../../assets/SearchField.css';const I = "_field_1wjpq_1", N = "_icon_1wjpq_10", g = "_input_1wjpq_17", C = "_dismiss_1wjpq_41", K = "_clear_1wjpq_47", s = {
+  field: I,
+  icon: N,
+  input: g,
+  dismiss: C,
   clear: K
-}, O = ({
+}, F = ({
   className: m,
-  expanded: c,
+  expanded: a,
   name: p = "q",
   value: e,
   placeholder: u = "Søk",
-  onFocus: f,
-  onBlur: d,
+  onFocus: d,
+  onBlur: f,
   onChange: _,
   onClear: x,
   onClose: y,
-  onEnter: a,
-  tabIndex: j
+  onEnter: c,
+  tabIndex: h
 }) => {
-  const o = w(null), k = (t) => {
+  const t = b(null), j = (o) => {
     var r, n;
-    t.key === "Escape" && ((r = o.current) == null || r.blur()), t.key === "Enter" && ((n = o.current) == null || n.blur(), a == null || a());
+    o.key === "Escape" && ((r = t.current) == null || r.blur()), o.key === "Enter" && ((n = t.current) == null || n.blur(), c == null || c());
   };
-  return /* @__PURE__ */ q("div", { className: h(s.field, m), "aria-expanded": c, children: [
+  return /* @__PURE__ */ k("div", { className: q(s.field, m), "aria-expanded": a, children: [
     /* @__PURE__ */ i(
       "input",
       {
-        ref: o,
-        onFocus: f,
-        onBlur: d,
+        ref: t,
+        onFocus: d,
+        onBlur: f,
         name: p,
         value: e,
         onChange: _,
         placeholder: u,
         className: s.input,
-        onKeyUp: k,
+        onKeyUp: j,
         type: "search",
         "aria-haspopup": !0,
         autoComplete: "off",
         "aria-autocomplete": "list",
-        "aria-expanded": c,
-        tabIndex: j ?? 0
+        "aria-expanded": a,
+        tabIndex: h ?? 0
       }
     ),
-    /* @__PURE__ */ i(N, { name: "magnifying-glass", className: s.icon }),
+    /* @__PURE__ */ i(w, { name: "magnifying-glass", className: s.icon }),
     e && /* @__PURE__ */ i(
       l,
       {
@@ -59,11 +59,21 @@ import '../../assets/SearchField.css';const b = "_field_1wjpq_1", g = "_icon_1wj
         variant: "solid",
         size: "custom",
         className: s.clear,
-        onClick: x
+        onClick: x,
+        dataTestId: "search-button-clear"
       }
-    ) || c && /* @__PURE__ */ i(l, { icon: "x-mark", variant: "text", className: s.dismiss, onClick: y })
+    ) || a && /* @__PURE__ */ i(
+      l,
+      {
+        icon: "x-mark",
+        variant: "text",
+        className: s.dismiss,
+        onClick: y,
+        dataTestId: "search-button-close"
+      }
+    )
   ] });
 };
 export {
-  O as SearchField
+  F as SearchField
 };

package/dist/components/Searchbar/Searchbar.js

@@ -4,9 +4,10 @@ import "react";
 import "../../index-L8X2o7IH.js";
 import "../Icon/SvgIcon.js";
 import "../RootProvider/RootProvider.js";
+import "../Snackbar/useSnackbar.js";
 import { SearchField as s } from "./SearchField.js";
 import { SearchbarBase as a } from "./SearchbarBase.js";
-const A = ({
+const B = ({
   className: i,
   autocomplete: r,
   expanded: o = !1,
@@ -18,5 +19,5 @@ const A = ({
   r && /* @__PURE__ */ t(f, { ...r, expanded: o, onSelect: m })
 ] });
 export {
-  A as Searchbar
+  B as Searchbar
 };

package/dist/components/Snackbar/Snackbar.js

@@ -1,11 +1,20 @@
-import { jsxs as e, jsx as r } from "react/jsx-runtime";
+"use client";
+import { jsx as s } from "react/jsx-runtime";
 import { SnackbarBase as i } from "./SnackbarBase.js";
-import { SnackbarLabel as t } from "./SnackbarLabel.js";
-import { SnackbarMedia as b } from "./SnackbarMedia.js";
-const S = ({ as: a = "a", color: o, message: m, icon: n, ...c }) => /* @__PURE__ */ e(i, { as: a, color: o, ...c, children: [
-  /* @__PURE__ */ r(b, { icon: n }),
-  /* @__PURE__ */ r(t, { children: m })
-] });
+import { SnackbarItem as m } from "./SnackbarItem.js";
+import { useSnackbar as c } from "./useSnackbar.js";
+const d = ({ className: a }) => {
+  const { storedMessages: o, open: e, closeSnackbarItem: n } = c();
+  return e ? /* @__PURE__ */ s(i, { className: a, children: (o || []).map((r) => /* @__PURE__ */ s(
+    m,
+    {
+      onDismiss: () => n(r.id),
+      dismissable: r.dismissable,
+      ...r
+    },
+    r.id
+  )) }) : null;
+};
 export {
-  S as Snackbar
+  d as Snackbar
 };

package/dist/components/Snackbar/SnackbarBase.js

@@ -1,23 +1,7 @@
-import { jsxs as r, jsx as o } from "react/jsx-runtime";
-import { c as l } from "../../index-L8X2o7IH.js";
-import "../Icon/SvgIcon.js";
-import { IconButton as d } from "../Button/IconButton.js";
-import '../../assets/SnackbarBase.css';const _ = "_item_1dlhj_1", p = "_content_1dlhj_26", x = "_action_1dlhj_34", t = {
-  item: _,
-  content: p,
-  action: x
-}, k = ({
-  as: n,
-  children: c,
-  className: s,
-  color: e,
-  dismissable: i = !0,
-  onDismiss: a,
-  ...m
-}) => /* @__PURE__ */ r(n || "div", { className: l(t.item, s), "data-color": e, ...m, children: [
-  /* @__PURE__ */ o("div", { className: t.content, children: c }),
-  i && /* @__PURE__ */ o("div", { className: t.action, children: /* @__PURE__ */ o(d, { icon: "x-mark", variant: "text", onClick: a, className: t.dismiss }) })
-] });
+import { jsx as t } from "react/jsx-runtime";
+import '../../assets/SnackbarBase.css';const a = "_stack_1lu9j_1", c = {
+  stack: a
+}, o = ({ children: s }) => /* @__PURE__ */ t("section", { role: "alert", className: c.stack, children: s });
 export {
-  k as SnackbarBase
+  o as SnackbarBase
 };

package/dist/components/Snackbar/SnackbarItem.js

@@ -0,0 +1,32 @@
+import { jsxs as l, jsx as o } from "react/jsx-runtime";
+import { c as d } from "../../index-L8X2o7IH.js";
+import { Icon as _ } from "../Icon/Icon.js";
+import "../Icon/SvgIcon.js";
+import "react";
+import "../Autocomplete/AutocompleteBase.js";
+import { IconButton as p } from "../Button/IconButton.js";
+import "../RootProvider/RootProvider.js";
+import "./useSnackbar.js";
+import '../../assets/SnackbarItem.css';const j = "_item_1jw8i_1", v = "_media_1jw8i_23", x = "_icon_1jw8i_32", N = "_content_1jw8i_36", w = "_action_1jw8i_44", t = {
+  item: j,
+  media: v,
+  icon: x,
+  content: N,
+  action: w
+}, g = ({
+  as: i,
+  message: n,
+  className: c,
+  color: m,
+  icon: e = "bell",
+  dismissable: a = !0,
+  onDismiss: s,
+  ...r
+}) => /* @__PURE__ */ l(i || "div", { className: d(t.item, c), "data-color": m, ...r, children: [
+  /* @__PURE__ */ o("div", { className: t.media, children: /* @__PURE__ */ o(_, { name: e, variant: "solid", className: t.icon }) }),
+  /* @__PURE__ */ o("div", { className: t.content, children: n }),
+  a && /* @__PURE__ */ o("div", { className: t.action, children: /* @__PURE__ */ o(p, { icon: "x-mark", variant: "text", onClick: s, className: t.dismiss }) })
+] });
+export {
+  g as SnackbarItem
+};

package/dist/components/Snackbar/index.js

@@ -1,10 +1,6 @@
 import { Snackbar as o } from "./Snackbar.js";
-import { SnackbarBase as b } from "./SnackbarBase.js";
-import { SnackbarMedia as f } from "./SnackbarMedia.js";
-import { SnackbarLabel as m } from "./SnackbarLabel.js";
+import { SnackbarItem as m } from "./SnackbarItem.js";
 export {
   o as Snackbar,
-  b as SnackbarBase,
-  m as SnackbarLabel,
-  f as SnackbarMedia
+  m as SnackbarItem
 };

package/dist/components/Snackbar/useSnackbar.js

@@ -0,0 +1,47 @@
+"use client";
+import { jsx as h } from "react/jsx-runtime";
+import { createContext as x, useState as d, useRef as b, useCallback as v, useEffect as C, useContext as S } from "react";
+var T = /* @__PURE__ */ ((e) => (e[e.infinite = 0] = "infinite", e[e.short = 1e3] = "short", e[e.normal = 3e3] = "normal", e[e.long = 5e3] = "long", e))(T || {});
+const a = x(void 0), l = 3e3, P = ({ children: e }) => {
+  const [f, o] = d(!1), [i, c] = d([]), s = b(null), m = () => {
+    c([]), o(!1), s.current && clearTimeout(s.current);
+  }, g = (t) => {
+    const n = btoa(String(Math.random())).substring(0, 12);
+    return c((r) => [...r, { ...t, id: n }]), o(!0), n;
+  }, u = v((t) => {
+    c((n) => {
+      const r = n.filter((p) => p.id !== t);
+      return o(r.length > 0), r;
+    });
+  }, []);
+  return C(() => {
+    const t = i.find((r) => (r.duration ?? l) > 0), n = (t == null ? void 0 : t.duration) || l;
+    return t && (s.current = setTimeout(() => {
+      u(t.id);
+    }, n)), () => {
+      s.current && clearTimeout(s.current);
+    };
+  }, [i, u]), /* @__PURE__ */ h(
+    a.Provider,
+    {
+      value: {
+        open: f,
+        storedMessages: i,
+        openSnackbar: g,
+        closeSnackbarItem: u,
+        dismissSnackbar: m
+      },
+      children: e
+    }
+  );
+}, k = () => {
+  const e = S(a);
+  if (!e)
+    throw new Error("useSnackbar must be used within a SnackbarProvider");
+  return e;
+};
+export {
+  T as SnackbarDuration,
+  P as SnackbarProvider,
+  k as useSnackbar
+};

package/dist/components/TextField/FieldBase.js

@@ -0,0 +1,16 @@
+import { jsxs as i, jsx as t } from "react/jsx-runtime";
+import { c } from "../../index-L8X2o7IH.js";
+import { Typography as m } from "../Typography/Typography.js";
+import { Heading as p } from "../Typography/Heading.js";
+import '../../assets/FieldBase.css';const d = "_field_5tnbv_1", x = "_label_5tnbv_7", _ = "_helperText_5tnbv_11", e = {
+  field: d,
+  label: x,
+  helperText: _
+}, y = ({ as: o, size: n, classname: r, label: s, helperText: l, children: a }) => /* @__PURE__ */ i(o || "label", { className: c(e.field, r), "data-size": n, children: [
+  s && /* @__PURE__ */ t(p, { size: "xs", className: e.label, children: s }),
+  a,
+  l && /* @__PURE__ */ t(m, { className: e.helperText, size: "xs", children: l })
+] });
+export {
+  y as FieldBase
+};

package/dist/components/TextField/InputBase.js

@@ -0,0 +1,33 @@
+import { jsx as c } from "react/jsx-runtime";
+import { c as m } from "../../index-L8X2o7IH.js";
+import '../../assets/InputBase.css';const x = "_input_dxhtf_1", f = {
+  input: x
+}, l = ({
+  type: t = "text",
+  name: s,
+  value: n,
+  placeholder: p,
+  onChange: i,
+  onFocus: o,
+  onBlur: e,
+  size: r,
+  className: u,
+  ...a
+}) => /* @__PURE__ */ c(
+  "input",
+  {
+    className: m(f.input, u),
+    "data-size": r,
+    type: t,
+    name: s,
+    value: n,
+    placeholder: p,
+    onChange: i,
+    onFocus: o,
+    onBlur: e,
+    ...a
+  }
+);
+export {
+  l as InputBase
+};

package/dist/components/TextField/TextField.js

@@ -0,0 +1,7 @@
+import { jsx as o } from "react/jsx-runtime";
+import { FieldBase as i } from "./FieldBase.js";
+import { InputBase as p } from "./InputBase.js";
+const l = ({ size: r = "md", label: t, helperText: e, ...m }) => /* @__PURE__ */ o(i, { size: r, label: t, helperText: e, children: /* @__PURE__ */ o(p, { ...m, size: r }) });
+export {
+  l as TextField
+};

package/dist/components/TextField/index.js

@@ -0,0 +1,8 @@
+import { FieldBase as r } from "./FieldBase.js";
+import { InputBase as p } from "./InputBase.js";
+import { TextField as f } from "./TextField.js";
+export {
+  r as FieldBase,
+  p as InputBase,
+  f as TextField
+};

package/dist/components/Timeline/TimelineSection.js

@@ -6,6 +6,7 @@ import "../Autocomplete/AutocompleteBase.js";
 import { Avatar as _ } from "../Avatar/Avatar.js";
 import "../RootProvider/RootProvider.js";
 import { Byline as p } from "../Byline/Byline.js";
+import "../Snackbar/useSnackbar.js";
 import '../../assets/TimelineSection.css';const u = "_section_1nusr_1", h = "_sidebar_1nusr_6", l = "_media_1nusr_19", N = "_dot_1nusr_26", v = "_border_1nusr_37", x = "_content_1nusr_52", o = {
   section: u,
   sidebar: h,
@@ -13,7 +14,7 @@ import '../../assets/TimelineSection.css';const u = "_section_1nusr_1", h = "_si
   dot: N,
   border: v,
   content: x
-}, k = ({
+}, q = ({
   loading: e,
   size: s = "xs",
   seen: c = !0,
@@ -36,5 +37,5 @@ import '../../assets/TimelineSection.css';const u = "_section_1nusr_1", h = "_si
   ] })
 ] });
 export {
-  k as TimelineSection
+  q as TimelineSection
 };

package/dist/components/Toolbar/ToolbarAccountMenu.js

@@ -8,13 +8,14 @@ import { useRootContext as d } from "../RootProvider/RootProvider.js";
 import { ToolbarFilterBase as f } from "./ToolbarFilterBase.js";
 import { DrawerOrDropdown as x } from "../Dropdown/DrawerOrDropdown.js";
 import { AccountMenu as T } from "../GlobalMenu/AccountMenu.js";
-const k = ({ currentAccount: o, id: t = "toolbar-accounts", ...m }) => {
-  const { currentId: i, toggleId: l, closeAll: p } = d(), s = () => l(t), e = i === t;
+import "../Snackbar/useSnackbar.js";
+const v = ({ currentAccount: o, id: t = "toolbar-accounts", ...m }) => {
+  const { currentId: i, toggleId: p, closeAll: l } = d(), s = () => p(t), e = i === t;
   return /* @__PURE__ */ n(f, { expanded: e, children: [
     /* @__PURE__ */ r(a, { type: "switch", onToggle: s, active: !!o, children: o == null ? void 0 : o.name }),
-    /* @__PURE__ */ r(x, { open: e, drawerTitle: "Endre konto", onClose: p, children: /* @__PURE__ */ r(T, { ...m, currentAccount: o }) })
+    /* @__PURE__ */ r(x, { open: e, drawerTitle: "Endre konto", onClose: l, children: /* @__PURE__ */ r(T, { ...m, currentAccount: o }) })
   ] });
 };
 export {
-  k as ToolbarAccountMenu
+  v as ToolbarAccountMenu
 };

package/dist/components/Toolbar/ToolbarAdd.js

@@ -8,13 +8,14 @@ import { ToolbarButton as s } from "./ToolbarButton.js";
 import { useRootContext as c } from "../RootProvider/RootProvider.js";
 import { ToolbarFilterBase as g } from "./ToolbarFilterBase.js";
 import { DrawerOrDropdown as a } from "../Dropdown/DrawerOrDropdown.js";
-const D = ({ label: r = "Legg til", items: n, id: t }) => {
-  const { closeAll: m, currentId: l, toggleId: i } = c(), e = l === t;
+import "../Snackbar/useSnackbar.js";
+const I = ({ label: r = "Legg til", items: m, id: t }) => {
+  const { closeAll: n, currentId: i, toggleId: l } = c(), e = i === t;
   return /* @__PURE__ */ p(g, { expanded: e, children: [
-    /* @__PURE__ */ o(s, { type: "add", onToggle: () => i(t), children: r }),
-    /* @__PURE__ */ o(a, { drawerTitle: r, onClose: m, open: e, children: /* @__PURE__ */ o(d, { theme: "global", items: n }) })
+    /* @__PURE__ */ o(s, { type: "add", onToggle: () => l(t), children: r }),
+    /* @__PURE__ */ o(a, { drawerTitle: r, onClose: n, open: e, children: /* @__PURE__ */ o(d, { theme: "global", items: m }) })
   ] });
 };
 export {
-  D as ToolbarAdd
+  I as ToolbarAdd
 };

package/dist/components/Toolbar/ToolbarDaterange.js

@@ -9,12 +9,13 @@ import { ToolbarButton as x } from "./ToolbarButton.js";
 import { useRootContext as S } from "../RootProvider/RootProvider.js";
 import { ToolbarFilterBase as w } from "./ToolbarFilterBase.js";
 import { DrawerOrDropdown as y } from "../Dropdown/DrawerOrDropdown.js";
+import "../Snackbar/useSnackbar.js";
 import { Datepicker as q } from "../Datepicker/Datepicker.js";
-import '../../assets/ToolbarDaterange.css';const B = "_datepicker_mqb1p_1", I = "_fields_mqb1p_6", N = "_description_mqb1p_10", i = {
+import '../../assets/ToolbarDaterange.css';const B = "_datepicker_mqb1p_1", I = "_fields_mqb1p_6", N = "_description_mqb1p_10", s = {
   datepicker: B,
   fields: I,
   description: N
-}, P = ({
+}, Q = ({
   id: c = "toolbar-filter-datetange",
   title: f = "Select daterange",
   description: g = "Choose dates or click to set daterange.",
@@ -23,17 +24,17 @@ import '../../assets/ToolbarDaterange.css';const B = "_datepicker_mqb1p_1", I =
   label: u = "Select daterange",
   value: b
 }) => {
-  const { currentId: T, toggleId: _ } = S(), l = () => _(c), m = T === c, [t, r] = p(""), [s, a] = p(""), k = (e) => {
+  const { currentId: T, toggleId: _ } = S(), l = () => _(c), m = T === c, [t, r] = p(""), [i, a] = p(""), 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);
+    i ? (r(e), a("")) : t && e < t ? (a(t), r(e)) : t ? a(e) : r(e);
   };
   return /* @__PURE__ */ n(w, { expanded: m, children: [
     /* @__PURE__ */ o(x, { type: "switch", onToggle: l, active: !!b, children: u }),
     /* @__PURE__ */ o(y, { open: m, drawerTitle: f, onClose: l, children: /* @__PURE__ */ n(F, { children: [
-      /* @__PURE__ */ n("div", { className: i.fields, children: [
+      /* @__PURE__ */ n("div", { className: s.fields, children: [
         /* @__PURE__ */ o(
           d,
           {
@@ -44,15 +45,15 @@ import '../../assets/ToolbarDaterange.css';const B = "_datepicker_mqb1p_1", I =
             onChange: k
           }
         ),
-        /* @__PURE__ */ o(d, { name: "toDate", value: s, type: "date", label: D, onChange: C })
+        /* @__PURE__ */ o(d, { name: "toDate", value: i, type: "date", label: D, onChange: C })
       ] }),
-      /* @__PURE__ */ n("section", { className: i.datepicker, children: [
-        /* @__PURE__ */ o(q, { onSelect: v, selectFrom: t, selectTo: s }),
-        /* @__PURE__ */ o("p", { className: i.description, children: g })
+      /* @__PURE__ */ n("section", { className: s.datepicker, children: [
+        /* @__PURE__ */ o(q, { onSelect: v, selectFrom: t, selectTo: i }),
+        /* @__PURE__ */ o("p", { className: s.description, children: g })
       ] })
     ] }) })
   ] });
 };
 export {
-  P as ToolbarDaterange
+  Q as ToolbarDaterange
 };