@midas-ds/components 11.0.0 → 11.2.0

package/Dialog-BkUw6PlA.js

@@ -1,221 +0,0 @@
-import { jsx as $, jsxs as v } from "react/jsx-runtime";
-import { e as H, f as I, g as j, h as A, i as x, j as F, k as T, l as U } from "./Dialog-DKHo0W9B.js";
-import { $ as K, b as O, h as V, a as w, f as W } from "./utils-KLjWgdLR.js";
-import { a as g } from "./mergeProps-C1U1OIeJ.js";
-import { $ as R } from "./filterDOMProps-D6KHYVBX.js";
-import f, { useState as k, useEffect as C, forwardRef as _, useContext as u, createContext as P, useRef as X, useMemo as q } from "react";
-import { $ as S } from "./SSRProvider-40TXmsUG.js";
-import { a as G, b as E, c as D } from "./OverlayArrow-DB_aVTVM.js";
-import { B as J } from "./Button-BjMaGya2.js";
-import { a as Q } from "./FocusScope-BCsrRPqD.js";
-import { H as Y } from "./Heading-D2y_kiC0.js";
-import { u as Z } from "./useLocalizedStringFormatter-N0AyjzbM.js";
-import { X as ee } from "./x-C2xUHAEl.js";
-import './assets/Dialog.css';let d = typeof document < "u" && window.visualViewport;
-function te() {
-  let a = S(), [e, t] = k(() => a ? {
-    width: 0,
-    height: 0
-  } : p());
-  return C(() => {
-    let i = () => {
-      t((n) => {
-        let r = p();
-        return r.width === n.width && r.height === n.height ? n : r;
-      });
-    };
-    return d ? d.addEventListener("resize", i) : window.addEventListener("resize", i), () => {
-      d ? d.removeEventListener("resize", i) : window.removeEventListener("resize", i);
-    };
-  }, []), e;
-}
-function p() {
-  return {
-    width: d && (d == null ? void 0 : d.width) || window.innerWidth,
-    height: d && (d == null ? void 0 : d.height) || window.innerHeight
-  };
-}
-function ae(a, e, t) {
-  let { overlayProps: i, underlayProps: n } = H({
-    ...a,
-    isOpen: e.isOpen,
-    onClose: e.close
-  }, t);
-  return I({
-    isDisabled: !e.isOpen
-  }), j(), C(() => {
-    if (e.isOpen && t.current) return A([
-      t.current
-    ]);
-  }, [
-    e.isOpen,
-    t
-  ]), {
-    modalProps: g(i),
-    underlayProps: n
-  };
-}
-const ie = /* @__PURE__ */ P(null), h = /* @__PURE__ */ P(null), ne = /* @__PURE__ */ _(function(e, t) {
-  if (u(h)) return /* @__PURE__ */ f.createElement(y, {
-    ...e,
-    modalRef: t
-  }, e.children);
-  let { isDismissable: n, isKeyboardDismissDisabled: r, isOpen: s, defaultOpen: l, onOpenChange: c, children: o, isEntering: b, isExiting: B, UNSTABLE_portalContainer: N, shouldCloseOnInteractOutside: L, ...z } = e;
-  return /* @__PURE__ */ f.createElement(M, {
-    isDismissable: n,
-    isKeyboardDismissDisabled: r,
-    isOpen: s,
-    defaultOpen: l,
-    onOpenChange: c,
-    isEntering: b,
-    isExiting: B,
-    UNSTABLE_portalContainer: N,
-    shouldCloseOnInteractOutside: L
-  }, /* @__PURE__ */ f.createElement(y, {
-    ...z,
-    modalRef: t
-  }, o));
-});
-function re(a, e) {
-  [a, e] = K(a, e, ie);
-  let t = u(x), i = G(a), n = a.isOpen != null || a.defaultOpen != null || !t ? i : t, r = O(e), s = X(null), l = E(r, n.isOpen), c = E(s, n.isOpen), o = l || c || a.isExiting || !1, b = S();
-  return !n.isOpen && !o || b ? null : /* @__PURE__ */ f.createElement(de, {
-    ...a,
-    state: n,
-    isExiting: o,
-    overlayRef: r,
-    modalRef: s
-  });
-}
-const M = /* @__PURE__ */ _(re);
-function de({ UNSTABLE_portalContainer: a, ...e }) {
-  let t = e.modalRef, { state: i } = e, { modalProps: n, underlayProps: r } = ae(e, i, t), s = D(e.overlayRef) || e.isEntering || !1, l = w({
-    ...e,
-    defaultClassName: "react-aria-ModalOverlay",
-    values: {
-      isEntering: s,
-      isExiting: e.isExiting,
-      state: i
-    }
-  }), c = te(), o = {
-    ...l.style,
-    "--visual-viewport-height": c.height + "px"
-  };
-  return /* @__PURE__ */ f.createElement(T, {
-    isExiting: e.isExiting,
-    portalContainer: a
-  }, /* @__PURE__ */ f.createElement("div", {
-    ...g(R(e), r),
-    ...l,
-    style: o,
-    ref: e.overlayRef,
-    "data-entering": s || void 0,
-    "data-exiting": e.isExiting || void 0
-  }, /* @__PURE__ */ f.createElement(W, {
-    values: [
-      [
-        h,
-        {
-          modalProps: n,
-          modalRef: t,
-          isExiting: e.isExiting,
-          isDismissable: e.isDismissable
-        }
-      ],
-      [
-        x,
-        i
-      ]
-    ]
-  }, l.children)));
-}
-function y(a) {
-  let { modalProps: e, modalRef: t, isExiting: i, isDismissable: n } = u(h), r = u(x), s = q(() => V(a.modalRef, t), [
-    a.modalRef,
-    t
-  ]), l = O(s), c = D(l), o = w({
-    ...a,
-    defaultClassName: "react-aria-Modal",
-    values: {
-      isEntering: c,
-      isExiting: i,
-      state: r
-    }
-  });
-  return /* @__PURE__ */ f.createElement("div", {
-    ...g(R(a), e),
-    ...o,
-    ref: l,
-    "data-entering": c || void 0,
-    "data-exiting": i || void 0
-  }, n && /* @__PURE__ */ f.createElement(F, {
-    onDismiss: r.close
-  }), o.children);
-}
-const le = "_modal_1b2lr_4", se = "_overlay_1b2lr_26", oe = "_modalHeader_1b2lr_47", fe = "_modalBody_1b2lr_56", m = {
-  modal: le,
-  overlay: se,
-  modalHeader: oe,
-  modalBody: fe
-}, ce = {
-  close: "Close"
-}, $e = {
-  close: "Stäng"
-}, me = {
-  en: ce,
-  sv: $e
-}, _e = ({
-  children: a,
-  title: e,
-  ...t
-}) => {
-  const i = Z(me);
-  return /* @__PURE__ */ $(U, { ...t, children: /* @__PURE__ */ $(
-    M,
-    {
-      ...t,
-      className: m.overlay,
-      children: /* @__PURE__ */ $(
-        Q,
-        {
-          contain: !0,
-          autoFocus: !0,
-          restoreFocus: !0,
-          children: /* @__PURE__ */ v(
-            ne,
-            {
-              ...t,
-              className: m.modal,
-              children: [
-                /* @__PURE__ */ $("div", { className: m.modalHeader, children: /* @__PURE__ */ $(
-                  J,
-                  {
-                    slot: "close",
-                    variant: "tertiary",
-                    icon: ee,
-                    iconPlacement: "right",
-                    children: i.format("close")
-                  }
-                ) }),
-                /* @__PURE__ */ v(
-                  "div",
-                  {
-                    className: m.modalBody,
-                    tabIndex: -1,
-                    children: [
-                      e && /* @__PURE__ */ $(Y, { level: 2, children: e }),
-                      a
-                    ]
-                  }
-                )
-              ]
-            }
-          )
-        }
-      )
-    }
-  ) });
-};
-export {
-  _e as M
-};

package/Layout-BwLxIwtY.cjs

@@ -1,16 +0,0 @@
-"use strict";require('./assets/Layout.css');const e=require("react/jsx-runtime"),E=require("./GridItem-XgHmZWXY.cjs"),O=require("react"),h=require("./clsx-C11secjj.cjs"),L=require("./Button-Dq6ugqxT.cjs"),C=require("./Link-CidjjqHb.cjs"),I=require("./Tooltip-pN5W3IK6.cjs"),j=require("./BadgeContainer-DWVHS5dn.cjs"),y=require("./createLucideIcon-CTVXwe6i.cjs"),T=require("./usePress-BooY_CAy.cjs"),f=require("./useLocalizedStringFormatter-BO2iZEL0.cjs"),H=require("./tokens-BF-dPard.cjs"),k=require("./Logo-BpH0HC91.cjs"),G=require("./x-rV-nu490.cjs");function D(a){const t=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(a){for(const o in a)if(o!=="default"){const n=Object.getOwnPropertyDescriptor(a,o);Object.defineProperty(t,o,n.get?n:{enumerable:!0,get:()=>a[o]})}}return t.default=a,Object.freeze(t)}const _=D(O);/**
- * @license lucide-react v0.525.0 - ISC
- *
- * This source code is licensed under the ISC license.
- * See the LICENSE file in the root directory of this source tree.
- */const F=[["path",{d:"M4 12h16",key:"1lakjw"}],["path",{d:"M4 18h16",key:"19g7jn"}],["path",{d:"M4 6h16",key:"1o0s65"}]],R=y.createLucideIcon("menu",F);/**
- * @license lucide-react v0.525.0 - ISC
- *
- * This source code is licensed under the ISC license.
- * See the LICENSE file in the root directory of this source tree.
- */const W=[["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"}]],A=y.createLucideIcon("panel-left-close",W);/**
- * @license lucide-react v0.525.0 - ISC
- *
- * This source code is licensed under the ISC license.
- * See the LICENSE file in the root directory of this source tree.
- */const X=[["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"}]],J=y.createLucideIcon("panel-left-open",X),K="_baseLayout_12xoh_4",Q="_mainContent_12xoh_13",U="_header_12xoh_18",V="_headerExternal_12xoh_29",Y="_headerContent_12xoh_44",Z="_logo_12xoh_63",ee="_headerItems_12xoh_72",se="_toggleButton_12xoh_78",ae="_sidebar_12xoh_86",te="_main_12xoh_13",ne="_app_12xoh_123",oe="_sidebarOpened_12xoh_132",re="_sidebarHeader_12xoh_136",ie="_appName_12xoh_148",le="_collapseButton_12xoh_155",ce="_sidebarCollapsed_12xoh_164",de="_userName_12xoh_174",xe="_userTitle_12xoh_193",me="_title_12xoh_205",ue="_sidebarNav_12xoh_216",he="_list_12xoh_222",pe="_listGroupTitle_12xoh_229",_e="_listItem_12xoh_236",be="_listItemCollapsed_12xoh_241",je="_listLink_12xoh_245",ve="_listLinkCollapsed_12xoh_290",Ne="_active_12xoh_295",fe="_backdrop_12xoh_309",ge="_backdropOpened_12xoh_319",ke="_skipToContent_12xoh_337",Ce="_navbar_12xoh_351",Le="_navbarList_12xoh_363",ye="_navbarItem_12xoh_385",Me="_headerContentExternal_12xoh_425",Se="_logoExternalContainer_12xoh_433",Ee="_logoExternal_12xoh_433",Ie="_logoExternalDesktop_12xoh_445",ze="_navbarWrapper_12xoh_454",s={baseLayout:K,mainContent:Q,header:U,headerExternal:V,headerContent:Y,logo:Z,headerItems:ee,toggleButton:se,sidebar:ae,main:te,app:ne,sidebarOpened:oe,sidebarHeader:re,appName:ie,collapseButton:le,sidebarCollapsed:ce,userName:de,userTitle:xe,title:me,sidebarNav:ue,list:he,listGroupTitle:pe,listItem:_e,listItemCollapsed:be,listLink:je,listLinkCollapsed:ve,active:Ne,backdrop:fe,backdropOpened:ge,skipToContent:ke,navbar:Ce,navbarList:Le,navbarItem:ye,headerContentExternal:Me,logoExternalContainer:Se,logoExternal:Ee,logoExternalDesktop:Ie,navbarWrapper:ze},$=_.createContext(void 0),Be=({items:a,title:t,user:o,app:n,children:r,clientSideRouter:l,clientSideHref:i,headerChildren:x,isCollapsed:m,setIsCollapsed:u,isOpened:b,setIsOpened:d,variant:p,id:v})=>e.jsx($.Provider,{value:{items:a,title:t,user:o,app:n,headerChildren:x,isCollapsed:m,setIsCollapsed:u,isOpened:b,setIsOpened:d,clientSideRouter:l,clientSideHref:i,variant:p,id:v},children:r}),N=()=>{const a=_.useContext($);if(!a)throw new Error("useLayoutContext must be used within a LayoutProvider");return a},M=({title:a,href:t,icon:o,active:n,hasBadge:r})=>{const{isCollapsed:l,setIsOpened:i}=N(),[x,m]=_.useState(!1);return _.useEffect(()=>{typeof window<"u"&&m(n??window.location.pathname===t)},[n,t]),l?e.jsxs(I.TooltipTrigger,{children:[e.jsx(C.$4f118338184dc1d9$export$a6c7ac8248d6e38a,{href:t,"aria-label":a,className:h.clsx(s.listLink,s.listLinkCollapsed,x&&s.active),onPress:()=>i==null?void 0:i(!1),children:e.jsxs(j.BadgeContainer,{children:[e.jsx(o,{size:20,"aria-label":a}),r&&e.jsx(j.Badge,{})]})}),e.jsx(I.Tooltip,{placement:"right",children:a})]}):e.jsxs(C.$4f118338184dc1d9$export$a6c7ac8248d6e38a,{href:t,"aria-label":a,className:h.clsx(s.listLink,x&&s.active),onPress:()=>i==null?void 0:i(!1),children:[e.jsxs(j.BadgeContainer,{children:[e.jsx(o,{size:20}),r&&e.jsx(j.Badge,{})]}),a]})},Te={closeMenu:"Close menu",openMenu:"Open menu",maximizeMenu:"Maximize menu",minimizeMenu:"Minimize menu",sidebarMenu:"Sidebar menu",bottomMenu:"Bottom menu",skipToContent:"Skip to main content"},$e={closeMenu:"Stäng meny",openMenu:"Öppna meny",maximizeMenu:"Maximera meny",minimizeMenu:"Minimera meny",sidebarMenu:"Sidomeny",bottomMenu:"Bottenmeny",skipToContent:"Hoppa till huvudinnehåll"},g={en:Te,sv:$e},q=()=>{const{items:a,app:t,isOpened:o,isCollapsed:n,setIsCollapsed:r,setIsOpened:l,clientSideRouter:i,clientSideHref:x,id:m}=N(),u=f.useLocalizedStringFormatter(g),b=({group:d})=>e.jsx("ul",{className:s.list,children:d.items.map((p,v)=>e.jsx("li",{className:h.clsx(s.listItem,n&&s.listItemCollapsed),children:e.jsx(M,{...p})},"link_"+v))});return _.useEffect(()=>{const d=p=>{p.key==="Escape"&&l!==void 0&&l(!1)};return window.addEventListener("keydown",d),()=>{window.removeEventListener("keydown",d)}},[l]),e.jsxs("aside",{id:m,className:h.clsx(s.sidebar,n&&s.sidebarCollapsed,o&&s.sidebarOpened),children:[e.jsxs("div",{className:s.sidebarHeader,children:[!n&&e.jsx("p",{className:s.appName,children:t.name}),e.jsx(L.Button,{variant:"icon","aria-label":n?u.format("maximizeMenu"):u.format("minimizeMenu"),onPress:()=>r(!n),className:s.collapseButton,children:n?e.jsx(J,{size:20}):e.jsx(A,{size:20})})]}),e.jsx("nav",{className:s.sidebarNav,"aria-label":u.format("sidebarMenu"),children:e.jsx("ul",{className:s.list,children:a.map((d,p)=>e.jsxs("li",{children:[d.title&&!n&&e.jsx("p",{className:s.listGroupTitle,children:d.title}),i?e.jsx(T.$ea8dcbcb9ea1b556$export$323e4fc2fa4753fb,{navigate:i,useHref:x,children:e.jsx(b,{group:d})}):e.jsx(b,{group:d})]},"list_"+p))})})]})},w=()=>{const{title:a,user:t,app:o,isOpened:n,setIsOpened:r,setIsCollapsed:l,headerChildren:i,variant:x,id:m}=N(),u=f.useLocalizedStringFormatter(g);return x==="external"?e.jsx("header",{className:h.clsx(s.header,s.headerExternal),children:e.jsxs("div",{className:s.headerContentExternal,children:[e.jsxs("div",{className:s.logoExternalContainer,children:[e.jsx(k.Logo,{size:"x-small",padding:!1,className:s.logoExternal}),e.jsx(k.Logo,{size:"small",padding:!1,className:s.logoExternalDesktop}),e.jsxs("div",{children:[e.jsx("p",{className:s.userName,children:t.name}),e.jsx("p",{className:s.userTitle,children:t.title})]})]}),e.jsx("div",{className:s.headerItems,children:i})]})}):e.jsxs("header",{className:s.header,style:{borderTop:`solid 4px ${o.color?o.color:H.semantic.brandPrimary}`},children:[e.jsxs("div",{className:s.headerContent,children:[e.jsx("div",{className:s.logo,children:e.jsx(k.Logo,{size:"small",padding:!1})}),n!==void 0&&e.jsx(L.Button,{variant:"icon",className:s.toggleButton,"aria-label":n?u.format("closeMenu"):u.format("openMenu"),"aria-controls":m,onPressStart:()=>{l(!1),r==null||r(!0)},children:n?e.jsx(G.X,{size:20,"aria-hidden":"true"}):e.jsx(R,{size:20,"aria-hidden":"true"})}),e.jsxs("div",{children:[e.jsx("p",{className:s.userName,children:t.name}),e.jsx("p",{className:s.userTitle,children:t.title}),e.jsx("p",{className:s.title,children:a})]})]}),e.jsx("div",{className:s.headerItems,children:i})]})},z=({id:a="#main:first-of-type"})=>{const t=()=>{const n=document.querySelector(a);n&&(n.tabIndex=-1,n.focus(),setTimeout(()=>n.removeAttribute("tabindex"),1e3))},o=f.useLocalizedStringFormatter(g);return e.jsx(L.Button,{onPress:t,className:s.skipToContent,children:o.format("skipToContent")})},qe=()=>{const{isOpened:a,setIsOpened:t}=N();return a?e.jsx("div",{className:h.clsx(s.backdrop,s.backdropOpened),onClick:()=>{t==null||t(!1)},"aria-hidden":!0}):null},P=()=>{var l;const{items:a,clientSideRouter:t,clientSideHref:o}=N(),n=f.useLocalizedStringFormatter(g),r=(l=a.at(0))==null?void 0:l.items;return e.jsx("nav",{className:s.navbar,"aria-label":n.format("bottomMenu"),children:r&&e.jsx("ul",{className:h.clsx(s.navbarList),children:t?e.jsx(T.$ea8dcbcb9ea1b556$export$323e4fc2fa4753fb,{navigate:t,useHref:o,children:e.jsx(B,{items:r})}):e.jsx(B,{items:r})})})},B=({items:a})=>e.jsx(e.Fragment,{children:a.map(({href:t,active:o,icon:n,title:r,hasBadge:l},i)=>e.jsx("li",{children:e.jsxs(C.$4f118338184dc1d9$export$a6c7ac8248d6e38a,{href:t,className:h.clsx(s.navbarItem),"data-active":o,"aria-current":o&&"page",children:[e.jsxs(j.BadgeContainer,{children:[e.jsx(n,{size:20}),l&&e.jsx(j.Badge,{})]}),r]})},i))}),c=({items:a,title:t,user:o,app:n,children:r,headerChildren:l,clientSideRouter:i,clientSideHref:x,variant:m,className:u})=>{const[b,d]=_.useState(!1),[p,v]=_.useState(!1),S=_.useId();return m==="external"?e.jsx(c.Provider,{items:a,title:t,user:o,app:n,clientSideRouter:i,clientSideHref:x,headerChildren:l,isCollapsed:b,setIsCollapsed:d,variant:m,id:S,children:e.jsxs("div",{className:h.clsx(s.baseLayout,u),children:[e.jsx(z,{}),e.jsx(c.Header,{}),e.jsxs("div",{className:s.mainContent,children:[e.jsx(c.Sidebar,{}),e.jsx(E.GridItem,{children:e.jsx("main",{className:s.main,children:e.jsx("div",{className:s.app,children:r})})}),e.jsx(c.Backdrop,{})]}),e.jsx("div",{className:s.navbarWrapper,children:e.jsx(c.Navbar,{})})]})}):e.jsx(c.Provider,{items:a,title:t,user:o,app:n,clientSideRouter:i,clientSideHref:x,headerChildren:l,isCollapsed:b,setIsCollapsed:d,isOpened:p,setIsOpened:v,variant:m,id:S,children:e.jsxs("div",{className:h.clsx(s.baseLayout,u),children:[e.jsx(z,{}),e.jsx(c.Header,{}),e.jsxs("div",{className:s.mainContent,children:[e.jsx(c.Sidebar,{}),e.jsx(E.GridItem,{children:e.jsx("main",{className:s.main,children:e.jsx("div",{className:s.app,children:r})})}),e.jsx(c.Backdrop,{})]})]})})};c.Provider=Be;c.Header=w;c.Sidebar=q;c.SidebarLink=M;c.Navbar=P;c.Backdrop=qe;exports.Header=w;exports.Layout=c;exports.Navbar=P;exports.Sidebar=q;exports.SidebarLink=M;