@midas-ds/components 10.3.0 → 10.4.0

package/Dialog-SqciohRY.js

@@ -0,0 +1,221 @@
+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-CtVrVuMr.js";
+import { $ as K, f as O, h as V, a as w, e as W } from "./utils-DJhAJHk_.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-CfhSYL46.js";
+import { B as J } from "./Button-BZUo7vsZ.js";
+import { a as Q } from "./FocusScope-D_hwN_TJ.js";
+import { H as Y } from "./Heading-NxtGri2i.js";
+import { u as Z } from "./useLocalizedStringFormatter-N0AyjzbM.js";
+import { X as ee } from "./x-JK7i-TQC.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/Dialog-pSSy1zwf.cjs

@@ -0,0 +1 @@
+"use strict";require('./assets/Dialog.css');const u=require("react/jsx-runtime"),l=require("./Dialog-CSnN6baf.cjs"),b=require("./utils-DHNZrQmj.cjs"),v=require("./mergeProps-B5KXZAI3.cjs"),y=require("./filterDOMProps-BS2lrgFA.cjs"),i=require("react"),O=require("./SSRProvider-Bc-sMhsT.cjs"),x=require("./OverlayArrow-DpZ1FqOd.cjs"),D=require("./Button-BXY5ZhqI.cjs"),_=require("./FocusScope-vcXLOQiu.cjs"),q=require("./Heading-CKTR4sOz.cjs"),M=require("./useLocalizedStringFormatter-BO2iZEL0.cjs"),j=require("./x-H8Zrx8-x.cjs");let o=typeof document<"u"&&window.visualViewport;function B(){let n=O.$b5e257d569688ac6$export$535bd6ca7f90a273(),[e,t]=i.useState(()=>n?{width:0,height:0}:E());return i.useEffect(()=>{let a=()=>{t(d=>{let r=E();return r.width===d.width&&r.height===d.height?d:r})};return o?o.addEventListener("resize",a):window.addEventListener("resize",a),()=>{o?o.removeEventListener("resize",a):window.removeEventListener("resize",a)}},[]),e}function E(){return{width:o&&(o==null?void 0:o.width)||window.innerWidth,height:o&&(o==null?void 0:o.height)||window.innerHeight}}function L(n,e,t){let{overlayProps:a,underlayProps:d}=l.$a11501f3d1d39e6c$export$ea8f71083e90600f({...n,isOpen:e.isOpen,onClose:e.close},t);return l.$49c51c25361d4cd2$export$ee0f7cc6afcd1c18({isDisabled:!e.isOpen}),l.$337b884510726a0d$export$14c98a7594375490(),i.useEffect(()=>{if(e.isOpen&&t.current)return l.$5e3802645cc19319$export$1c3ebcada18427bf([t.current])},[e.isOpen,t]),{modalProps:v.$3ef42575df84b30b$export$9d1611c77c2fe928(a),underlayProps:d}}const N=i.createContext(null),h=i.createContext(null),z=i.forwardRef(function(e,t){if(i.useContext(h))return i.createElement(p,{...e,modalRef:t},e.children);let{isDismissable:d,isKeyboardDismissDisabled:r,isOpen:c,defaultOpen:s,onOpenChange:$,children:f,isEntering:g,isExiting:w,UNSTABLE_portalContainer:C,shouldCloseOnInteractOutside:P,...S}=e;return i.createElement(R,{isDismissable:d,isKeyboardDismissDisabled:r,isOpen:c,defaultOpen:s,onOpenChange:$,isEntering:g,isExiting:w,UNSTABLE_portalContainer:C,shouldCloseOnInteractOutside:P},i.createElement(p,{...S,modalRef:t},f))});function H(n,e){[n,e]=b.$64fa3d84918910a7$export$29f1550f4b0d4415(n,e,N);let t=i.useContext(l.$de32f1b87079253c$export$d2f961adcb0afbe),a=x.$fc909762b330b746$export$61c6a8c84e605fb6(n),d=n.isOpen!=null||n.defaultOpen!=null||!t?a:t,r=b.$df56164dff5785e2$export$4338b53315abf666(e),c=i.useRef(null),s=x.$d3f049242431219c$export$45fda7c47f93fd48(r,d.isOpen),$=x.$d3f049242431219c$export$45fda7c47f93fd48(c,d.isOpen),f=s||$||n.isExiting||!1,g=O.$b5e257d569688ac6$export$535bd6ca7f90a273();return!d.isOpen&&!f||g?null:i.createElement(F,{...n,state:d,isExiting:f,overlayRef:r,modalRef:c})}const R=i.forwardRef(H);function F({UNSTABLE_portalContainer:n,...e}){let t=e.modalRef,{state:a}=e,{modalProps:d,underlayProps:r}=L(e,a,t),c=x.$d3f049242431219c$export$6d3443f2c48bfc20(e.overlayRef)||e.isEntering||!1,s=b.$64fa3d84918910a7$export$4d86445c2cf5e3({...e,defaultClassName:"react-aria-ModalOverlay",values:{isEntering:c,isExiting:e.isExiting,state:a}}),$=B(),f={...s.style,"--visual-viewport-height":$.height+"px"};return i.createElement(l.$337b884510726a0d$export$c6fdb837b070b4ff,{isExiting:e.isExiting,portalContainer:n},i.createElement("div",{...v.$3ef42575df84b30b$export$9d1611c77c2fe928(y.$65484d02dcb7eb3e$export$457c3d6518dd4c6f(e),r),...s,style:f,ref:e.overlayRef,"data-entering":c||void 0,"data-exiting":e.isExiting||void 0},i.createElement(b.$64fa3d84918910a7$export$2881499e37b75b9a,{values:[[h,{modalProps:d,modalRef:t,isExiting:e.isExiting,isDismissable:e.isDismissable}],[l.$de32f1b87079253c$export$d2f961adcb0afbe,a]]},s.children)))}function p(n){let{modalProps:e,modalRef:t,isExiting:a,isDismissable:d}=i.useContext(h),r=i.useContext(l.$de32f1b87079253c$export$d2f961adcb0afbe),c=i.useMemo(()=>b.$5dc95899b306f630$export$c9058316764c140e(n.modalRef,t),[n.modalRef,t]),s=b.$df56164dff5785e2$export$4338b53315abf666(c),$=x.$d3f049242431219c$export$6d3443f2c48bfc20(s),f=b.$64fa3d84918910a7$export$4d86445c2cf5e3({...n,defaultClassName:"react-aria-Modal",values:{isEntering:$,isExiting:a,state:r}});return i.createElement("div",{...v.$3ef42575df84b30b$export$9d1611c77c2fe928(y.$65484d02dcb7eb3e$export$457c3d6518dd4c6f(n),e),...f,ref:s,"data-entering":$||void 0,"data-exiting":a||void 0},d&&i.createElement(l.$86ea4cb521eb2e37$export$2317d149ed6f78c4,{onDismiss:r.close}),f.children)}const I="_modal_1b2lr_4",A="_overlay_1b2lr_26",T="_modalHeader_1b2lr_47",U="_modalBody_1b2lr_56",m={modal:I,overlay:A,modalHeader:T,modalBody:U},K={close:"Close"},V={close:"Stäng"},W={en:K,sv:V},X=({children:n,title:e,...t})=>{const a=M.useLocalizedStringFormatter(W);return u.jsx(l.$de32f1b87079253c$export$3ddf2d174ce01153,{...t,children:u.jsx(R,{...t,className:m.overlay,children:u.jsx(_.$9bf71ea28793e738$export$20e40289641fbbb6,{contain:!0,autoFocus:!0,restoreFocus:!0,children:u.jsxs(z,{...t,className:m.modal,children:[u.jsx("div",{className:m.modalHeader,children:u.jsx(D.Button,{slot:"close",variant:"tertiary",icon:j.X,iconPlacement:"right",children:a.format("close")})}),u.jsxs("div",{className:m.modalBody,tabIndex:-1,children:[e&&u.jsx(q.Heading,{level:2,children:e}),n]})]})})})})};exports.Modal=X;

package/DragAndDrop-BoEd260f.cjs

@@ -0,0 +1 @@
+"use strict";const f=require("./getScrollParent-CsZ9ciml.cjs"),$=require("./mergeProps-B5KXZAI3.cjs"),l=require("react");function d(r,e){let{collection:t,onLoadMore:i,scrollOffset:c=1}=r,u=l.useRef(null),n=$.$8ae05eaa5c114e9c$export$7f54fc3180508a52(o=>{for(let b of o)b.isIntersecting&&i&&i()});$.$f0a04ccd8dbdd83b$export$e5c5a5f917a5871c(()=>(e.current&&(u.current=new IntersectionObserver(n,{root:f.$62d8ded9296f3872$export$cfa2225e87938781(e==null?void 0:e.current),rootMargin:`0px ${100*c}% ${100*c}% ${100*c}%`}),u.current.observe(e.current)),()=>{u.current&&u.current.disconnect()}),[t,n,e,c])}const v=l.createContext({}),a=l.createContext(null),s=l.forwardRef(function(e,t){let{render:i}=l.useContext(a);return l.createElement(l.Fragment,null,i(e,t))});function x(r,e){var t;let i=r==null?void 0:r.renderDropIndicator,c=r==null||(t=r.isVirtualDragging)===null||t===void 0?void 0:t.call(r),u=l.useCallback(n=>{if(c||e!=null&&e.isDropTarget(n))return i?i(n):l.createElement(s,{target:n})},[e==null?void 0:e.target,c,i]);return r!=null&&r.useDropIndicator?u:void 0}function g(r,e,t){var i,c;let u=r.focusedKey,n=null;if(!(e==null||(i=e.isVirtualDragging)===null||i===void 0)&&i.call(e)&&(t==null||(c=t.target)===null||c===void 0?void 0:c.type)==="item"){n=t.target.key;var o;t.target.dropPosition==="after"&&(n=(o=t.collection.getKeyAfter(n))!==null&&o!==void 0?o:n)}return l.useMemo(()=>new Set([u,n].filter(b=>b!=null)),[u,n])}exports.$612b8eb6cb90e02d$export$971707d8a129a1f7=x;exports.$612b8eb6cb90e02d$export$d188a835a7bc5783=v;exports.$612b8eb6cb90e02d$export$d1e8e3fbb7461f6=g;exports.$612b8eb6cb90e02d$export$f55761759794cf55=a;exports.$a5fa973c1850dd36$export$90a12e6abf95cbe0=d;

package/{DragAndDrop-o3ruz_SR.js → DragAndDrop-DkSTL28C.js}

@@ -1,5 +1,5 @@
-import { $ } from "./getScrollParent-BhFcYrwL.js";
-import { f as d, $ as b } from "./utils-DIMfEPAt.js";
+import { $ } from "./getScrollParent-CT_L9LUr.js";
+import { d, $ as b } from "./mergeProps-C1U1OIeJ.js";
 import a, { useRef as v, createContext as f, useCallback as s, forwardRef as g, useContext as x, useMemo as m } from "react";
 function w(r, e) {
   let { collection: i, onLoadMore: n, scrollOffset: l = 1 } = r, c = v(null), t = d((u) => {

package/{Dropdown-Df58j43I.js → Dropdown-CkBp70BH.js}

@@ -1,6 +1,6 @@
 import { jsxs as a, jsx as c, Fragment as o } from "react/jsx-runtime";
-import { b as l, a as s, c as d, d as m } from "./Dialog-D14MbJ7o.js";
-import { B as u } from "./Button-Csih3v23.js";
+import { b as l, a as s, c as d, d as m } from "./Dialog-CtVrVuMr.js";
+import { B as u } from "./Button-BZUo7vsZ.js";
 import { c as b } from "./clsx-OuTLNxxd.js";
 import { c as f } from "./createLucideIcon-DeWljiyi.js";
 import './assets/Dropdown.css';/**

package/{Dropdown-CJ6My6EI.cjs → Dropdown-DAsVShlt.cjs}

@@ -1,4 +1,4 @@
-"use strict";require('./assets/Dropdown.css');const e=require("react/jsx-runtime"),t=require("./Dialog-B8GTYbvu.cjs"),s=require("./Button-BoJl6JGM.cjs"),l=require("./clsx-C11secjj.cjs"),a=require("./createLucideIcon-Cg_wkoIA.cjs");/**
+"use strict";require('./assets/Dropdown.css');const e=require("react/jsx-runtime"),t=require("./Dialog-CSnN6baf.cjs"),s=require("./Button-BXY5ZhqI.cjs"),l=require("./clsx-C11secjj.cjs"),a=require("./createLucideIcon-Cg_wkoIA.cjs");/**
  * @license lucide-react v0.453.0 - ISC
  *
  * This source code is licensed under the ISC license.

package/FieldError-B3YFj-an.js

@@ -0,0 +1,23 @@
+import { jsx as t } from "react/jsx-runtime";
+import * as s from "react";
+import { $ as a, a as n } from "./FieldError-BbR-29BM.js";
+import { c as l } from "./clsx-OuTLNxxd.js";
+import { T as m } from "./Text-DlKqpvSa.js";
+import './assets/FieldError.css';const d = "_fieldError_17ine_4", $ = {
+  fieldError: d
+}, _ = s.forwardRef(
+  (e, i) => {
+    const { children: o, isInvalid: c } = e, f = l($.fieldError, e.className), r = s.useContext(a);
+    return !r && c && typeof o != "function" ? /* @__PURE__ */ t(m, { className: f, children: o }) : r != null && r.isInvalid ? /* @__PURE__ */ t(
+      n,
+      {
+        ...e,
+        ref: i,
+        className: f
+      }
+    ) : null;
+  }
+);
+export {
+  _ as F
+};

package/FieldError-BbR-29BM.js

@@ -0,0 +1,28 @@
+import { a as i } from "./utils-DJhAJHk_.js";
+import { $ as c } from "./Text-92cPh38G.js";
+import { $ } from "./filterDOMProps-D6KHYVBX.js";
+import l, { createContext as s, forwardRef as d, useContext as n } from "react";
+const f = /* @__PURE__ */ s(null), b = /* @__PURE__ */ d(function(o, e) {
+  let r = n(f);
+  return r != null && r.isInvalid ? /* @__PURE__ */ l.createElement(u, {
+    ...o,
+    ref: e
+  }) : null;
+}), u = /* @__PURE__ */ d((t, o) => {
+  let e = n(f), r = $(t), a = i({
+    ...t,
+    defaultClassName: "react-aria-FieldError",
+    defaultChildren: e.validationErrors.length === 0 ? void 0 : e.validationErrors.join(" "),
+    values: e
+  });
+  return a.children == null ? null : /* @__PURE__ */ l.createElement(c, {
+    slot: "errorMessage",
+    ...r,
+    ...a,
+    ref: o
+  });
+});
+export {
+  f as $,
+  b as a
+};

package/FieldError-MVsU-Mgw.cjs

@@ -0,0 +1 @@
+"use strict";const c=require("./utils-DHNZrQmj.cjs"),f=require("./Text-CfcjRtke.cjs"),a=require("./filterDOMProps-BS2lrgFA.cjs"),e=require("react"),d=e.createContext(null),i=e.forwardRef(function(o,r){let t=e.useContext(d);return t!=null&&t.isInvalid?e.createElement($,{...o,ref:r}):null}),$=e.forwardRef((n,o)=>{let r=e.useContext(d),t=a.$65484d02dcb7eb3e$export$457c3d6518dd4c6f(n),l=c.$64fa3d84918910a7$export$4d86445c2cf5e3({...n,defaultClassName:"react-aria-FieldError",defaultChildren:r.validationErrors.length===0?void 0:r.validationErrors.join(" "),values:r});return l.children==null?null:e.createElement(f.$514c0188e459b4c0$export$5f1af8db9871e1d6,{slot:"errorMessage",...t,...l,ref:o})});exports.$ee014567cb39d3f0$export$f551688fc98f2e09=i;exports.$ee014567cb39d3f0$export$ff05c3ac10437e03=d;

package/FieldError-bRTpchvr.cjs

@@ -0,0 +1 @@
+"use strict";require('./assets/FieldError.css');const s=require("react/jsx-runtime"),l=require("react"),i=require("./FieldError-MVsU-Mgw.cjs"),u=require("./clsx-C11secjj.cjs"),a=require("./Text-DBHWi5gA.cjs");function d(e){const t=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(e){for(const r in e)if(r!=="default"){const n=Object.getOwnPropertyDescriptor(e,r);Object.defineProperty(t,r,n.get?n:{enumerable:!0,get:()=>e[r]})}}return t.default=e,Object.freeze(t)}const f=d(l),x="_fieldError_17ine_4",b={fieldError:x},j=f.forwardRef((e,t)=>{const{children:r,isInvalid:n}=e,o=u.clsx(b.fieldError,e.className),c=f.useContext(i.$ee014567cb39d3f0$export$ff05c3ac10437e03);return!c&&n&&typeof r!="function"?s.jsx(a.Text,{className:o,children:r}):c!=null&&c.isInvalid?s.jsx(i.$ee014567cb39d3f0$export$f551688fc98f2e09,{...e,ref:t,className:o}):null});exports.FieldError=j;