@midas-ds/components 16.2.3 → 16.2.5

package/chunks/Layout-LjCfmVhQ.js

@@ -1,465 +0,0 @@
-import { jsx as e, jsxs as i, Fragment as P } from "react/jsx-runtime";
-import { G as T } from "./GridItem-5t1Z14sM.js";
-import * as v from "react";
-import { c as u } from "./clsx-AexbMWKp.js";
-import { Link as q, RouterProvider as B } from "react-aria-components";
-import { B as I } from "./Button-wBgWrXj3.js";
-import { a as H, T as G } from "./Tooltip-m032jGgF.js";
-import { a as L, B as y } from "./BadgeContainer-CKVsfTlF.js";
-import { c as M } from "./createLucideIcon-D4r5Phnh.js";
-import { u as C } from "./useLocalizedStringFormatter-ZgRJmvHC.js";
-import { variables as W } from "@midas-ds/theme";
-import { L as g } from "./Logo-InDSslpO.js";
-import { X as j } from "./x-BXShoIAM.js";
-import '../assets/Layout.css';const D = [
-  ["path", { d: "M4 12h16", key: "1lakjw" }],
-  ["path", { d: "M4 18h16", key: "19g7jn" }],
-  ["path", { d: "M4 6h16", key: "1o0s65" }]
-], A = M("menu", D);
-const R = [
-  ["rect", { width: "18", height: "18", x: "3", y: "3", rx: "2", key: "afitv7" }],
-  ["path", { d: "M9 3v18", key: "fh3hqa" }],
-  ["path", { d: "m16 15-3-3 3-3", key: "14y99z" }]
-], $ = M("panel-left-close", R);
-const F = [
-  ["rect", { width: "18", height: "18", x: "3", y: "3", rx: "2", key: "afitv7" }],
-  ["path", { d: "M9 3v18", key: "fh3hqa" }],
-  ["path", { d: "m14 9 3 3-3 3", key: "8010ee" }]
-], X = M("panel-left-open", F), J = "_baseLayout_1hkrq_1", K = "_mainContent_1hkrq_10", Q = "_header_1hkrq_15", U = "_headerExternal_1hkrq_26", V = "_headerContent_1hkrq_41", Y = "_logo_1hkrq_60", Z = "_headerItems_1hkrq_69", ee = "_toggleButton_1hkrq_75", ae = "_sidebar_1hkrq_83", te = "_main_1hkrq_10", ne = "_app_1hkrq_116", se = "_sidebarOpened_1hkrq_124", re = "_sidebarHeader_1hkrq_128", ie = "_appName_1hkrq_140", oe = "_collapseButton_1hkrq_147", le = "_sidebarCollapsed_1hkrq_156", de = "_userName_1hkrq_166", ce = "_userTitle_1hkrq_184", me = "_title_1hkrq_196", pe = "_sidebarNav_1hkrq_207", he = "_list_1hkrq_213", _e = "_listGroupTitle_1hkrq_219", ue = "_listItem_1hkrq_226", ke = "_listItemCollapsed_1hkrq_231", be = "_listLink_1hkrq_235", ve = "_listLinkCollapsed_1hkrq_298", Ne = "_active_1hkrq_303", fe = "_backdrop_1hkrq_330", Ce = "_backdropOpened_1hkrq_340", xe = "_skipToContent_1hkrq_358", ge = "_navbar_1hkrq_372", qe = "_navbarList_1hkrq_384", Le = "_navbarItem_1hkrq_406", ye = "_headerContentExternal_1hkrq_457", Ie = "_logoExternalContainer_1hkrq_465", Me = "_logoExternal_1hkrq_465", Ee = "_logoExternalDesktop_1hkrq_477", Te = "_navbarWrapper_1hkrq_486", a = {
-  baseLayout: J,
-  mainContent: K,
-  header: Q,
-  headerExternal: U,
-  headerContent: V,
-  logo: Y,
-  headerItems: Z,
-  toggleButton: ee,
-  sidebar: ae,
-  main: te,
-  app: ne,
-  sidebarOpened: se,
-  sidebarHeader: re,
-  appName: ie,
-  collapseButton: oe,
-  sidebarCollapsed: le,
-  userName: de,
-  userTitle: ce,
-  title: me,
-  sidebarNav: pe,
-  list: he,
-  listGroupTitle: _e,
-  listItem: ue,
-  listItemCollapsed: ke,
-  listLink: be,
-  listLinkCollapsed: ve,
-  active: Ne,
-  backdrop: fe,
-  backdropOpened: Ce,
-  skipToContent: xe,
-  navbar: ge,
-  navbarList: qe,
-  navbarItem: Le,
-  headerContentExternal: ye,
-  logoExternalContainer: Ie,
-  logoExternal: Me,
-  logoExternalDesktop: Ee,
-  navbarWrapper: Te
-}, O = v.createContext(
-  void 0
-), Se = ({
-  items: n,
-  title: s,
-  user: r,
-  app: t,
-  children: o,
-  clientSideRouter: m,
-  clientSideHref: d,
-  headerChildren: _,
-  isCollapsed: h,
-  setIsCollapsed: p,
-  isOpened: k,
-  setIsOpened: l,
-  variant: b,
-  id: N
-}) => /* @__PURE__ */ e(
-  O.Provider,
-  {
-    value: {
-      items: n,
-      title: s,
-      user: r,
-      app: t,
-      headerChildren: _,
-      isCollapsed: h,
-      setIsCollapsed: p,
-      isOpened: k,
-      setIsOpened: l,
-      clientSideRouter: m,
-      clientSideHref: d,
-      variant: b,
-      id: N
-    },
-    children: o
-  }
-), f = () => {
-  const n = v.useContext(O);
-  if (!n)
-    throw new Error("useLayoutContext must be used within a LayoutProvider");
-  return n;
-}, w = ({
-  title: n,
-  href: s,
-  icon: r,
-  active: t,
-  hasBadge: o
-}) => {
-  const { isCollapsed: m, setIsOpened: d, clientSideHref: _ } = f(), h = _ ? _(s) : s, [p, k] = v.useState(!1);
-  return v.useEffect(() => {
-    if (typeof window < "u") {
-      const l = window.location.pathname === h || window.location.pathname.startsWith(h + "/");
-      k(t ?? l);
-    }
-  }, [t, h]), m ? /* @__PURE__ */ i(H, { children: [
-    /* @__PURE__ */ e(
-      q,
-      {
-        href: s,
-        "aria-label": n,
-        className: u(
-          a.listLink,
-          a.listLinkCollapsed,
-          p && a.active
-        ),
-        onPress: () => d?.(!1),
-        children: /* @__PURE__ */ i(L, { children: [
-          /* @__PURE__ */ e(
-            r,
-            {
-              size: 20,
-              "aria-label": n
-            }
-          ),
-          o && /* @__PURE__ */ e(y, {})
-        ] })
-      }
-    ),
-    /* @__PURE__ */ e(G, { placement: "right", children: n })
-  ] }) : /* @__PURE__ */ i(
-    q,
-    {
-      href: s,
-      "aria-label": n,
-      className: u(a.listLink, p && a.active),
-      onPress: () => d?.(!1),
-      children: [
-        /* @__PURE__ */ i(L, { children: [
-          /* @__PURE__ */ e(r, { size: 20 }),
-          o && /* @__PURE__ */ e(y, {})
-        ] }),
-        n
-      ]
-    }
-  );
-}, ze = { closeMenu: "Close menu", openMenu: "Open menu", maximizeMenu: "Maximize menu", minimizeMenu: "Minimize menu", sidebarMenu: "Sidebar menu", bottomMenu: "Bottom menu", skipToContent: "Skip to main content" }, Be = { closeMenu: "Stäng meny", openMenu: "Öppna meny", maximizeMenu: "Maximera meny", minimizeMenu: "Minimera meny", sidebarMenu: "Sidomeny", bottomMenu: "Bottenmeny", skipToContent: "Hoppa till huvudinnehåll" }, x = {
-  en: ze,
-  sv: Be
-}, Oe = () => {
-  const {
-    items: n,
-    app: s,
-    isOpened: r,
-    isCollapsed: t,
-    setIsCollapsed: o,
-    setIsOpened: m,
-    clientSideRouter: d,
-    clientSideHref: _,
-    id: h
-  } = f(), p = C(x), k = ({ group: l }) => /* @__PURE__ */ e("ul", { className: a.list, children: l.items.map((b, N) => /* @__PURE__ */ e(
-    "li",
-    {
-      className: u(
-        a.listItem,
-        t && a.listItemCollapsed
-      ),
-      children: /* @__PURE__ */ e(w, { ...b })
-    },
-    "link_" + N
-  )) });
-  return v.useEffect(() => {
-    const l = (b) => {
-      b.key === "Escape" && m !== void 0 && m(!1);
-    };
-    return window.addEventListener("keydown", l), () => {
-      window.removeEventListener("keydown", l);
-    };
-  }, [m]), /* @__PURE__ */ i(
-    "aside",
-    {
-      id: h,
-      className: u(
-        a.sidebar,
-        t && a.sidebarCollapsed,
-        r && a.sidebarOpened
-      ),
-      children: [
-        /* @__PURE__ */ i("div", { className: a.sidebarHeader, children: [
-          !t && /* @__PURE__ */ e("p", { className: a.appName, children: s.name }),
-          /* @__PURE__ */ e(
-            I,
-            {
-              variant: "icon",
-              "aria-label": t ? p.format("maximizeMenu") : p.format("minimizeMenu"),
-              onPress: () => o(!t),
-              className: a.collapseButton,
-              children: t ? /* @__PURE__ */ e(X, { size: 20 }) : /* @__PURE__ */ e($, { size: 20 })
-            }
-          )
-        ] }),
-        /* @__PURE__ */ e(
-          "nav",
-          {
-            className: a.sidebarNav,
-            "aria-label": p.format("sidebarMenu"),
-            children: /* @__PURE__ */ e("ul", { className: a.list, children: n.map((l, b) => /* @__PURE__ */ i("li", { children: [
-              l.title && !t && /* @__PURE__ */ e("p", { className: a.listGroupTitle, children: l.title }),
-              d ? /* @__PURE__ */ e(
-                B,
-                {
-                  navigate: d,
-                  useHref: _,
-                  children: /* @__PURE__ */ e(k, { group: l })
-                }
-              ) : /* @__PURE__ */ e(k, { group: l })
-            ] }, "list_" + b)) })
-          }
-        )
-      ]
-    }
-  );
-}, we = () => {
-  const {
-    title: n,
-    user: s,
-    app: r,
-    isOpened: t,
-    setIsOpened: o,
-    setIsCollapsed: m,
-    headerChildren: d,
-    variant: _,
-    id: h
-  } = f(), p = C(x);
-  return _ === "external" ? /* @__PURE__ */ e("header", { className: u(a.header, a.headerExternal), children: /* @__PURE__ */ i("div", { className: a.headerContentExternal, children: [
-    /* @__PURE__ */ i("div", { className: a.logoExternalContainer, children: [
-      /* @__PURE__ */ e(
-        g,
-        {
-          size: "x-small",
-          padding: !1,
-          className: a.logoExternal
-        }
-      ),
-      /* @__PURE__ */ e(
-        g,
-        {
-          size: "small",
-          padding: !1,
-          className: a.logoExternalDesktop
-        }
-      ),
-      /* @__PURE__ */ i("div", { children: [
-        /* @__PURE__ */ e("p", { className: a.userName, children: s.name }),
-        /* @__PURE__ */ e("p", { className: a.userTitle, children: s.title })
-      ] })
-    ] }),
-    /* @__PURE__ */ e("div", { className: a.headerItems, children: d })
-  ] }) }) : /* @__PURE__ */ i(
-    "header",
-    {
-      className: a.header,
-      style: {
-        borderTop: `solid 4px ${r.color ? r.color : W.brandPrimary}`
-      },
-      children: [
-        /* @__PURE__ */ i("div", { className: a.headerContent, children: [
-          /* @__PURE__ */ e("div", { className: a.logo, children: /* @__PURE__ */ e(
-            g,
-            {
-              size: "small",
-              padding: !1
-            }
-          ) }),
-          t !== void 0 && /* @__PURE__ */ e(
-            I,
-            {
-              variant: "icon",
-              className: a.toggleButton,
-              "aria-label": t ? p.format("closeMenu") : p.format("openMenu"),
-              "aria-controls": h,
-              onPressStart: () => {
-                m(!1), o?.(!0);
-              },
-              children: t ? /* @__PURE__ */ e(
-                j,
-                {
-                  size: 20,
-                  "aria-hidden": "true"
-                }
-              ) : /* @__PURE__ */ e(
-                A,
-                {
-                  size: 20,
-                  "aria-hidden": "true"
-                }
-              )
-            }
-          ),
-          /* @__PURE__ */ i("div", { children: [
-            /* @__PURE__ */ e("p", { className: a.userName, children: s.name }),
-            /* @__PURE__ */ e("p", { className: a.userTitle, children: s.title }),
-            /* @__PURE__ */ e("p", { className: a.title, children: n })
-          ] })
-        ] }),
-        /* @__PURE__ */ e("div", { className: a.headerItems, children: d })
-      ]
-    }
-  );
-}, S = ({
-  id: n = "main:first-of-type"
-}) => {
-  const s = () => {
-    const t = document.querySelector(n);
-    t && (t.tabIndex = -1, t.focus(), setTimeout(() => t.removeAttribute("tabindex"), 1e3));
-  }, r = C(x);
-  return /* @__PURE__ */ e(
-    I,
-    {
-      onPress: s,
-      className: a.skipToContent,
-      children: r.format("skipToContent")
-    }
-  );
-}, Pe = () => {
-  const { isOpened: n, setIsOpened: s } = f();
-  return n ? /* @__PURE__ */ e(
-    "div",
-    {
-      className: u(a.backdrop, a.backdropOpened),
-      onClick: () => {
-        s?.(!1);
-      },
-      "aria-hidden": !0
-    }
-  ) : null;
-}, He = () => {
-  const { items: n, clientSideRouter: s, clientSideHref: r } = f(), t = C(x), o = n.at(0)?.items;
-  return /* @__PURE__ */ e(
-    "nav",
-    {
-      className: a.navbar,
-      "aria-label": t.format("bottomMenu"),
-      children: o && /* @__PURE__ */ e("ul", { className: u(a.navbarList), children: s ? /* @__PURE__ */ e(
-        B,
-        {
-          navigate: s,
-          useHref: r,
-          children: /* @__PURE__ */ e(z, { items: o })
-        }
-      ) : /* @__PURE__ */ e(z, { items: o }) })
-    }
-  );
-}, z = ({
-  items: n
-}) => /* @__PURE__ */ e(P, { children: n.map(({ href: s, active: r, icon: t, title: o, hasBadge: m }, d) => /* @__PURE__ */ e("li", { children: /* @__PURE__ */ i(
-  q,
-  {
-    href: s,
-    className: u(a.navbarItem),
-    "data-active": r,
-    "aria-current": r && "page",
-    children: [
-      /* @__PURE__ */ i(L, { children: [
-        /* @__PURE__ */ e(t, { size: 20 }),
-        m && /* @__PURE__ */ e(y, {})
-      ] }),
-      o
-    ]
-  }
-) }, d)) }), c = ({
-  items: n,
-  title: s,
-  user: r,
-  app: t,
-  children: o,
-  headerChildren: m,
-  clientSideRouter: d,
-  clientSideHref: _,
-  variant: h,
-  className: p
-}) => {
-  const [k, l] = v.useState(!1), [b, N] = v.useState(!1), E = v.useId();
-  return h === "external" ? /* @__PURE__ */ e(
-    c.Provider,
-    {
-      items: n,
-      title: s,
-      user: r,
-      app: t,
-      clientSideRouter: d,
-      clientSideHref: _,
-      headerChildren: m,
-      isCollapsed: k,
-      setIsCollapsed: l,
-      variant: h,
-      id: E,
-      children: /* @__PURE__ */ i("div", { className: u(a.baseLayout, p), children: [
-        /* @__PURE__ */ e(S, {}),
-        /* @__PURE__ */ e(c.Header, {}),
-        /* @__PURE__ */ i("div", { className: a.mainContent, children: [
-          /* @__PURE__ */ e(c.Sidebar, {}),
-          /* @__PURE__ */ e(T, { children: /* @__PURE__ */ e("main", { className: a.main, children: /* @__PURE__ */ e("div", { className: a.app, children: o }) }) }),
-          /* @__PURE__ */ e(c.Backdrop, {})
-        ] }),
-        /* @__PURE__ */ e("div", { className: a.navbarWrapper, children: /* @__PURE__ */ e(c.Navbar, {}) })
-      ] })
-    }
-  ) : /* @__PURE__ */ e(
-    c.Provider,
-    {
-      items: n,
-      title: s,
-      user: r,
-      app: t,
-      clientSideRouter: d,
-      clientSideHref: _,
-      headerChildren: m,
-      isCollapsed: k,
-      setIsCollapsed: l,
-      isOpened: b,
-      setIsOpened: N,
-      variant: h,
-      id: E,
-      children: /* @__PURE__ */ i("div", { className: u(a.baseLayout, p), children: [
-        /* @__PURE__ */ e(S, {}),
-        /* @__PURE__ */ e(c.Header, {}),
-        /* @__PURE__ */ i("div", { className: a.mainContent, children: [
-          /* @__PURE__ */ e(c.Sidebar, {}),
-          /* @__PURE__ */ e(T, { children: /* @__PURE__ */ e("main", { className: a.main, children: /* @__PURE__ */ e("div", { className: a.app, children: o }) }) }),
-          /* @__PURE__ */ e(c.Backdrop, {})
-        ] })
-      ] })
-    }
-  );
-};
-c.Provider = Se;
-c.Header = we;
-c.Sidebar = Oe;
-c.SidebarLink = w;
-c.Navbar = He;
-c.Backdrop = Pe;
-export {
-  we as H,
-  c as L,
-  He as N,
-  Oe as S,
-  w as a
-};

package/chunks/TextArea-CRvbqqVZ.js

@@ -1,124 +0,0 @@
-import { jsxs as l, jsx as s, Fragment as N } from "react/jsx-runtime";
-import * as c from "react";
-import { useContextProps as m, TextFieldContext as C, TextField as P, InputContext as p, Input as b, TextArea as g } from "react-aria-components";
-import { a as R, c as f } from "./clsx-AexbMWKp.js";
-import { s as d } from "./TextField.module-DZslrEPC.js";
-import { T as x } from "./Text-TWzJxnto.js";
-import { B as v } from "./Button-wBgWrXj3.js";
-import { u as I } from "./useLocalizedStringFormatter-ZgRJmvHC.js";
-import { F as h } from "./FieldError-C0HRIcAx.js";
-import { C as L } from "./CharacterCounter-DeuE2det.js";
-import { a as y, L as A } from "./Label-Dup4lWaR.js";
-const u = c.forwardRef((e, t) => {
-  [e] = m(e, t, C);
-  const {
-    label: r,
-    description: o,
-    errorMessage: i,
-    showCounter: n,
-    errorPosition: a = "top",
-    size: w = "large",
-    popover: T,
-    children: F
-  } = e;
-  return /* @__PURE__ */ l(
-    P,
-    {
-      ...e,
-      className: R(d.textField, {
-        [d.medium]: w === "medium"
-      }),
-      children: [
-        /* @__PURE__ */ s(y, { popover: T, children: r && /* @__PURE__ */ s(A, { children: r }) }),
-        o && /* @__PURE__ */ s(x, { slot: "description", children: o }),
-        n && /* @__PURE__ */ s(L, { isLonely: !o }),
-        a === "top" && /* @__PURE__ */ s(h, { "data-testid": "fieldError", children: i }),
-        F,
-        a === "bottom" && /* @__PURE__ */ s(
-          h,
-          {
-            "data-testid": "fieldError",
-            className: d.bottomError,
-            children: i
-          }
-        )
-      ]
-    }
-  );
-}), B = { hide: "Hide", show: "Show" }, E = { hide: "Dölj", show: "Visa" }, S = {
-  en: B,
-  sv: E
-}, $ = c.forwardRef(
-  (e, t) => {
-    [e, t] = m(e, t, p);
-    const [r, o] = c.useState(!1), i = () => o((a) => !a), n = I(S);
-    return /* @__PURE__ */ l(N, { children: [
-      r && /* @__PURE__ */ s(
-        x,
-        {
-          slot: "description",
-          className: d.passwordText,
-          children: e.value
-        }
-      ),
-      /* @__PURE__ */ s(
-        v,
-        {
-          variant: "tertiary",
-          onPress: i,
-          className: d.passwordButton,
-          children: r ? n.format("hide") : n.format("show")
-        }
-      )
-    ] });
-  }
-), j = c.forwardRef(
-  ({ skipContext: e = !1, ...t }, r) => {
-    const [o, i] = m(
-      t,
-      r,
-      p
-    ), n = e ? r : i, a = e ? t : o;
-    return /* @__PURE__ */ l("div", { className: d.wrap, children: [
-      /* @__PURE__ */ s(
-        b,
-        {
-          ...a,
-          ref: n,
-          className: f(d.input, a.className)
-        }
-      ),
-      a.type === "password" && /* @__PURE__ */ s($, { ...a })
-    ] });
-  }
-), K = c.forwardRef(
-  ({ className: e, list: t, type: r, min: o, max: i, ...n }, a) => /* @__PURE__ */ s(u, { ...n, children: /* @__PURE__ */ s(
-    j,
-    {
-      className: f(e),
-      list: t,
-      min: o,
-      max: i,
-      ref: a,
-      type: r,
-      skipContext: !0
-    }
-  ) })
-), O = c.forwardRef(
-  ({ className: e, cols: t, rows: r, wrap: o, ...i }, n) => /* @__PURE__ */ s(u, { ...i, children: /* @__PURE__ */ s(
-    g,
-    {
-      className: f(d.textArea, e),
-      cols: t,
-      ref: n,
-      rows: r,
-      wrap: o
-    }
-  ) })
-);
-export {
-  j as I,
-  u as T,
-  K as a,
-  O as b
-};