@midas-ds/components 16.1.0 → 16.2.1

package/chunks/{Select-DAlreRs2.js → Select-nL9iJMlf.js}

@@ -1,30 +1,30 @@
-import { jsx as n, jsxs as h } from "react/jsx-runtime";
-import * as _ from "react";
-import { useMemo as z, useState as V, useCallback as I, useEffect as M, useRef as L } from "react";
-import { c as B } from "./clsx-AexbMWKp.js";
-import { filterDOMProps as D, mergeProps as P, useId as O, chain as N, useFormReset as R, useObjectRef as E } from "@react-aria/utils";
-import { Section as j, Item as x } from "@react-stately/collections";
+import { jsx as o, jsxs as h } from "react/jsx-runtime";
+import * as w from "react";
+import { useMemo as z, useState as V, useCallback as I, useEffect as k, useRef as L } from "react";
+import { c as M } from "./clsx-AexbMWKp.js";
+import { filterDOMProps as D, mergeProps as x, useId as O, chain as N, useFormReset as R, useObjectRef as E } from "@react-aria/utils";
+import { Section as j, Item as C } from "@react-stately/collections";
 import { Collection as G, FieldErrorContext as H, TextField as $, TagList as W } from "react-aria-components";
-import { L as U } from "./ListBox-D4tO_OrO.js";
-import { b as q, L as X, a as J } from "./ListBoxSection-DKHba2X0.js";
+import { L as U } from "./ListBox-D5BBeZWL.js";
+import { b as q, L as X, a as J } from "./ListBoxSection-MZB_5DdD.js";
 import { useCollator as Q, useField as Y, useButton as Z } from "react-aria";
 import { setInteractionModality as ee } from "@react-aria/interactions";
 import { useMenuTrigger as te } from "@react-aria/menu";
-import { ListKeyboardDelegate as le, useTypeSelect as oe } from "@react-aria/selection";
-import { useMenuTriggerState as ne } from "@react-stately/menu";
+import { ListKeyboardDelegate as le, useTypeSelect as ne } from "@react-aria/selection";
+import { useMenuTriggerState as oe } from "@react-stately/menu";
 import { useFormValidationState as ie } from "@react-stately/form";
 import { useListState as re } from "@react-stately/list";
 import { a as se, T as ae } from "./Tag-DxBoeE_n.js";
 import { useFormValidation as ce } from "@react-aria/form";
 import { useVisuallyHidden as de } from "@react-aria/visually-hidden";
-import { a as ue, L as me } from "./Label-DqmNWnmm.js";
+import { a as ue, L as me } from "./Label-Dup4lWaR.js";
 import { T as ge } from "./Text-TWzJxnto.js";
-import { C as fe } from "./Checkbox-ClhO-AzB.js";
+import { C as fe } from "./Checkbox-CP6Nv9yx.js";
 import { X as pe } from "./x-BXShoIAM.js";
-import { u as T } from "./useLocalizedStringFormatter-ZgRJmvHC.js";
+import { u as B } from "./useLocalizedStringFormatter-ZgRJmvHC.js";
 import { C as ye } from "./chevron-down-DgT-uSF9.js";
 import { F as he } from "./FieldError-C0HRIcAx.js";
-import '../assets/Select2.css';const A = ({ item: e }) => /* @__PURE__ */ n(
+import '../assets/Select2.css';const T = ({ item: e }) => /* @__PURE__ */ o(
   X,
   {
     ...e.value,
@@ -32,10 +32,10 @@ import '../assets/Select2.css';const A = ({ item: e }) => /* @__PURE__ */ n(
     "aria-label": e.textValue,
     children: e.rendered
   }
-), be = ({ section: e, state: t }) => /* @__PURE__ */ n(q, { ...e.value, children: t.collection.getChildren ? /* @__PURE__ */ n(G, { items: t.collection.getChildren(e.key), children: (s) => /* @__PURE__ */ n(A, { item: s }) }) : null }), Se = ({
+), be = ({ section: e, state: t }) => /* @__PURE__ */ o(q, { ...e.value, children: t.collection.getChildren ? /* @__PURE__ */ o(G, { items: t.collection.getChildren(e.key), children: (s) => /* @__PURE__ */ o(T, { item: s }) }) : null }), Se = ({
   state: e,
   ...t
-}) => /* @__PURE__ */ n(
+}) => /* @__PURE__ */ o(
   U,
   {
     ...t,
@@ -43,17 +43,17 @@ import '../assets/Select2.css';const A = ({ item: e }) => /* @__PURE__ */ n(
     escapeKeyBehavior: "none",
     onSelectionChange: e.setSelectedKeys,
     items: e.collection,
-    children: (s) => s.type === "section" ? /* @__PURE__ */ n(
+    children: (s) => s.type === "section" ? /* @__PURE__ */ o(
       be,
       {
         state: e,
         section: s
       }
-    ) : /* @__PURE__ */ n(A, { item: s })
+    ) : /* @__PURE__ */ o(T, { item: s })
   }
 );
 function ve(e, t, s) {
-  const { disallowEmptySelection: r, isDisabled: l } = e, i = Q({ usage: "search", sensitivity: "base" }), o = z(
+  const { disallowEmptySelection: r, isDisabled: l } = e, i = Q({ usage: "search", sensitivity: "base" }), n = z(
     () => new le(
       t.collection,
       t.disabledKeys,
@@ -69,24 +69,24 @@ function ve(e, t, s) {
     t,
     s
   ), u = (g) => {
-    const { selectedKeys: v, selectionMode: k } = t, K = v.values().next().value;
-    if (k === "single")
+    const { selectedKeys: v, selectionMode: F } = t, P = v.values().next().value;
+    if (F === "single")
       switch (g.key) {
         case "ArrowLeft": {
           g.preventDefault();
-          const S = v.size > 0 ? o.getKeyAbove(K) : o.getFirstKey();
+          const S = v.size > 0 ? n.getKeyAbove(P) : n.getFirstKey();
           S && t.setSelectedKeys([S]);
           break;
         }
         case "ArrowRight": {
           g.preventDefault();
-          const S = v.size > 0 ? o.getKeyBelow(K) : o.getFirstKey();
+          const S = v.size > 0 ? n.getKeyBelow(P) : n.getFirstKey();
           S && t.setSelectedKeys([S]);
           break;
         }
       }
-  }, { typeSelectProps: c } = oe({
-    keyboardDelegate: o,
+  }, { typeSelectProps: c } = ne({
+    keyboardDelegate: n,
     selectionManager: t.selectionManager,
     onTypeSelect(g) {
       t.setSelectedKeys([g]);
@@ -96,7 +96,7 @@ function ve(e, t, s) {
     labelElementType: "span"
   });
   c.onKeyDown = c.onKeyDownCapture, delete c.onKeyDownCapture;
-  const m = D(e, { labelable: !0 }), y = P(c, a, p), w = O();
+  const m = D(e, { labelable: !0 }), y = x(c, a, p), K = O();
   return {
     labelProps: {
       ...b,
@@ -104,7 +104,7 @@ function ve(e, t, s) {
         e.isDisabled || (s.current?.focus(), ee("keyboard"));
       }
     },
-    triggerProps: P(m, {
+    triggerProps: x(m, {
       ...y,
       onKeyDown: N(
         y.onKeyDown,
@@ -115,7 +115,7 @@ function ve(e, t, s) {
       "aria-labelledby": [
         y["aria-labelledby"],
         y["aria-label"] && !y["aria-labelledby"] ? y.id : null,
-        w
+        K
       ].filter(Boolean).join(" "),
       onFocus(g) {
         t.isFocused || (e.onFocus && e.onFocus(g), t.setFocused(!0));
@@ -125,7 +125,7 @@ function ve(e, t, s) {
       }
     }),
     valueProps: {
-      id: w
+      id: K
     },
     menuProps: {
       ...d,
@@ -143,12 +143,12 @@ function ve(e, t, s) {
     }
   };
 }
-function we(e) {
+function Ke(e) {
   const {
     collection: t,
     disabledKeys: s,
     selectionManager: r,
-    selectionManager: { setSelectedKeys: l, selectedKeys: i, selectionMode: o }
+    selectionManager: { setSelectedKeys: l, selectedKeys: i, selectionMode: n }
   } = re(e), a = [], d = i.size !== 0 ? Array.from(i).map((u) => {
     const c = t.getItem(u);
     return c || a.push(u), c;
@@ -161,26 +161,26 @@ function we(e) {
     collection: t,
     disabledKeys: s,
     selectionManager: r,
-    selectionMode: o,
+    selectionMode: n,
     selectedKeys: i,
     setSelectedKeys: l.bind(r),
     selectedItems: d
   };
 }
-function Ke(e) {
-  const [t, s] = V(!1), r = ne(e), l = e.selectionMode === "single", i = we({
+function Pe(e) {
+  const [t, s] = V(!1), r = oe(e), l = e.selectionMode === "single", i = Ke({
     ...e,
     onSelectionChange: (c) => {
       e.onSelectionChange && e.onSelectionChange(c), l && r.close();
     }
-  }), o = ie({
+  }), n = ie({
     ...e,
     validationBehavior: "native",
     value: i.selectedKeys
   }), a = i.collection.size === 0, d = !!i.selectedKeys.size, u = I(() => {
-    o.resetValidation(), o.commitValidation();
-  }, [o]);
-  return M(() => {
+    n.resetValidation(), n.commitValidation();
+  }, [n]);
+  return k(() => {
     l && d && u();
   }, [d, l, u]), {
     ...i,
@@ -196,25 +196,25 @@ function Ke(e) {
     },
     isFocused: t,
     setFocused: s,
-    ...o
+    ...n
   };
 }
-function Pe(e, t = {}) {
+function xe(e, t = {}) {
   const [s, r] = V({ width: 0, height: 0 }), l = t.delay === void 0 ? 500 : t.delay, i = !!t.includePadding;
-  return M(() => {
+  return k(() => {
     if (!e) return;
-    const o = new ResizeObserver(
-      xe(([a]) => {
+    const n = new ResizeObserver(
+      Ce(([a]) => {
         const { inlineSize: d, blockSize: u } = i ? a.borderBoxSize[0] : a.contentBoxSize[0];
         r({ width: d, height: u });
       }, l)
     );
-    return o.observe(e), () => {
-      o.disconnect();
+    return n.observe(e), () => {
+      n.disconnect();
     };
   }, [l, e, i]), s;
 }
-function xe(e, t) {
+function Ce(e, t) {
   let s;
   return (r, l) => {
     clearTimeout(s), s = setTimeout(() => {
@@ -222,18 +222,18 @@ function xe(e, t) {
     }, t);
   };
 }
-function Ce({
+function _e({
   autoComplete: e,
   name: t,
   isDisabled: s,
   isRequired: r,
   selectRef: l
-}, i, o) {
+}, i, n) {
   const { visuallyHiddenProps: a } = de();
   return R(l, i.selectedKeys, i.setSelectedKeys), ce(
     {
       validationBehavior: "native",
-      focus: () => o.current?.focus()
+      focus: () => n.current?.focus()
     },
     i,
     l
@@ -260,13 +260,13 @@ function Ce({
     }
   };
 }
-function _e(e) {
-  const { state: t, triggerRef: s, name: r, isDisabled: l } = e, i = `${e.label}-hidden`, o = L(null), { containerProps: a, selectProps: d } = Ce(
-    { ...e, selectRef: o },
+function we(e) {
+  const { state: t, triggerRef: s, name: r, isDisabled: l } = e, i = `${e.label}-hidden`, n = L(null), { containerProps: a, selectProps: d } = _e(
+    { ...e, selectRef: n },
     t,
     s
   );
-  return t.collection.size <= 300 ? /* @__PURE__ */ n(
+  return t.collection.size <= 300 ? /* @__PURE__ */ o(
     "div",
     {
       ...a,
@@ -277,12 +277,12 @@ function _e(e) {
           "select",
           {
             ...d,
-            ref: o,
+            ref: n,
             children: [
-              /* @__PURE__ */ n("option", {}),
+              /* @__PURE__ */ o("option", {}),
               [...t.collection.getKeys()].map((u) => {
                 const c = t.collection.getItem(u);
-                return c && c.type === "item" ? /* @__PURE__ */ n(
+                return c && c.type === "item" ? /* @__PURE__ */ o(
                   "option",
                   {
                     value: c.key,
@@ -296,7 +296,7 @@ function _e(e) {
         )
       ] })
     }
-  ) : r ? /* @__PURE__ */ n(
+  ) : r ? /* @__PURE__ */ o(
     "input",
     {
       type: "hidden",
@@ -307,18 +307,18 @@ function _e(e) {
     }
   ) : null;
 }
-const Ve = "_wrapper_1rw0v_7", Me = "_trigger_1rw0v_18", Be = "_medium_1rw0v_32", Te = "_icon_1rw0v_68", Ae = "_tagGroup_1rw0v_74", Fe = "_triggerContainer_1rw0v_95", ke = "_selectValueTag_1rw0v_101", ze = "_clearButton_1rw0v_117", Ie = "_truncate_1rw0v_129", Le = "_selectAll_1rw0v_172", f = {
+const Ve = "_wrapper_1nkrm_7", ke = "_trigger_1nkrm_18", Me = "_medium_1nkrm_32", Be = "_icon_1nkrm_68", Te = "_tagGroup_1nkrm_74", Ae = "_triggerContainer_1nkrm_95", Fe = "_selectValueTag_1nkrm_101", ze = "_clearButton_1nkrm_117", Ie = "_truncate_1nkrm_129", Le = "_selectAll_1nkrm_172", f = {
   wrapper: Ve,
-  trigger: Me,
-  medium: Be,
-  icon: Te,
-  tagGroup: Ae,
-  triggerContainer: Fe,
-  selectValueTag: ke,
+  trigger: ke,
+  medium: Me,
+  icon: Be,
+  tagGroup: Te,
+  triggerContainer: Ae,
+  selectValueTag: Fe,
   clearButton: ze,
   truncate: Ie,
   selectAll: Le
-}, De = { clearAll: "Clear all", selectAll: "Select all", selectedItems: "Selected items", chosen: "chosen" }, Oe = { clearAll: "Rensa alla", selectAll: "Välj alla", selectedItems: "Valda objekt", chosen: "valda" }, F = {
+}, De = { clearAll: "Clear all", selectAll: "Select all", selectedItems: "Selected items", chosen: "chosen" }, Oe = { clearAll: "Rensa alla", selectAll: "Välj alla", selectedItems: "Valda objekt", chosen: "valda" }, A = {
   en: De,
   sv: Oe
 }, Ne = ({
@@ -329,31 +329,31 @@ const Ve = "_wrapper_1rw0v_7", Me = "_trigger_1rw0v_18", Be = "_medium_1rw0v_32"
   triggerRef: l,
   isClearable: i
 }) => {
-  const o = T(F);
+  const n = B(A);
   return /* @__PURE__ */ h(
     "div",
     {
       className: f.selectValueTag,
       "data-disabled": t || void 0,
       children: [
-        /* @__PURE__ */ n(
+        /* @__PURE__ */ o(
           "span",
           {
             className: f.truncate,
             style: { maxWidth: s - 92 },
-            children: e?.length && e.length > 1 ? `${e.length} ${o.format("chosen")}` : e?.[0].textValue
+            children: e?.length && e.length > 1 ? `${e.length} ${n.format("chosen")}` : e?.[0].textValue
           }
         ),
-        i && /* @__PURE__ */ n(
+        i && /* @__PURE__ */ o(
           "button",
           {
             disabled: t,
-            "aria-label": o.format("clearAll"),
+            "aria-label": n.format("clearAll"),
             className: f.clearButton,
             onClick: () => {
               r(), l?.current?.focus();
             },
-            children: /* @__PURE__ */ n(
+            children: /* @__PURE__ */ o(
               pe,
               {
                 width: 20,
@@ -372,7 +372,7 @@ const Ve = "_wrapper_1rw0v_7", Me = "_trigger_1rw0v_18", Be = "_medium_1rw0v_32"
   size: r = "large",
   isOpen: l,
   isInvalid: i,
-  selectionMode: o,
+  selectionMode: n,
   state: { selectedItems: a },
   placeholder: d,
   children: u,
@@ -382,7 +382,7 @@ const Ve = "_wrapper_1rw0v_7", Me = "_trigger_1rw0v_18", Be = "_medium_1rw0v_32"
   const { buttonProps: p } = Z(
     { autoFocus: e, excludeFromTabOrder: t, isDisabled: s, ...b },
     c
-  ), m = o === "multiple";
+  ), m = n === "multiple";
   return /* @__PURE__ */ h(
     "div",
     {
@@ -394,7 +394,7 @@ const Ve = "_wrapper_1rw0v_7", Me = "_trigger_1rw0v_18", Be = "_medium_1rw0v_32"
           {
             ...p,
             autoFocus: e,
-            className: B(f.trigger, {
+            className: M(f.trigger, {
               [f.medium]: r === "medium"
             }),
             "data-disabled": s || void 0,
@@ -403,14 +403,14 @@ const Ve = "_wrapper_1rw0v_7", Me = "_trigger_1rw0v_18", Be = "_medium_1rw0v_32"
             ref: c,
             type: "button",
             children: [
-              m && !a ? /* @__PURE__ */ n("span", { children: d }) : null,
-              m ? null : /* @__PURE__ */ n("span", { children: a ? a[0].textValue : d }),
-              /* @__PURE__ */ n(
+              m && !a ? /* @__PURE__ */ o("span", { children: d }) : null,
+              m ? null : /* @__PURE__ */ o("span", { children: a ? a[0].textValue : d }),
+              /* @__PURE__ */ o(
                 "div",
                 {
                   className: f.icon,
                   "aria-hidden": "true",
-                  children: /* @__PURE__ */ n(ye, { size: 20 })
+                  children: /* @__PURE__ */ o(ye, { size: 20 })
                 }
               )
             ]
@@ -420,10 +420,10 @@ const Ve = "_wrapper_1rw0v_7", Me = "_trigger_1rw0v_18", Be = "_medium_1rw0v_32"
       ]
     }
   );
-}, C = ({
+}, _ = ({
   state: e,
   errorMessage: t
-}) => /* @__PURE__ */ n(H.Provider, { value: { ...e.displayValidation }, children: /* @__PURE__ */ n(he, { children: t }) }), Ee = _.forwardRef(
+}) => /* @__PURE__ */ o(H.Provider, { value: { ...e.displayValidation }, children: /* @__PURE__ */ o(he, { children: t }) }), Ee = w.forwardRef(
   ({ isClearable: e = !0, popover: t, ...s }, r) => {
     const l = {
       selectionMode: "single",
@@ -433,28 +433,28 @@ const Ve = "_wrapper_1rw0v_7", Me = "_trigger_1rw0v_18", Be = "_medium_1rw0v_32"
       size: "large",
       popover: t,
       ...s
-    }, i = E(r), o = Ke(l), a = T(F), { labelProps: d, triggerProps: u, valueProps: c, menuProps: b } = ve(
+    }, i = E(r), n = Pe(l), a = B(A), { labelProps: d, triggerProps: u, valueProps: c, menuProps: b } = ve(
       l,
-      o,
+      n,
       i
-    ), { width: p } = Pe(i.current, {
+    ), { width: p } = xe(i.current, {
       includePadding: !0
     });
     return /* @__PURE__ */ h(
       $,
       {
         ...l,
-        className: B(f.wrapper, l.className),
+        className: M(f.wrapper, l.className),
         children: [
-          /* @__PURE__ */ n(
-            _e,
+          /* @__PURE__ */ o(
+            we,
             {
               ...l,
-              state: o,
+              state: n,
               triggerRef: i
             }
           ),
-          /* @__PURE__ */ n(ue, { popover: t, children: l.label && /* @__PURE__ */ n(
+          /* @__PURE__ */ o(ue, { popover: t, children: l.label && /* @__PURE__ */ o(
             me,
             {
               ...d,
@@ -462,79 +462,79 @@ const Ve = "_wrapper_1rw0v_7", Me = "_trigger_1rw0v_18", Be = "_medium_1rw0v_32"
               children: l.label
             }
           ) }),
-          l.description && /* @__PURE__ */ n(ge, { slot: "description", children: l.description }),
-          l.errorPosition === "top" && /* @__PURE__ */ n(
-            C,
+          l.description && /* @__PURE__ */ o(ge, { slot: "description", children: l.description }),
+          l.errorPosition === "top" && /* @__PURE__ */ o(
+            _,
             {
               ...l,
-              state: o
+              state: n
             }
           ),
-          /* @__PURE__ */ n(
+          /* @__PURE__ */ o(
             Re,
             {
               ...l,
               ...u,
-              isInvalid: o.displayValidation.isInvalid,
+              isInvalid: n.displayValidation.isInvalid,
               triggerRef: i,
-              state: o,
-              children: l.selectionMode === "multiple" && o.selectedItems ? /* @__PURE__ */ n("span", { ...c, children: /* @__PURE__ */ n(
+              state: n,
+              children: l.selectionMode === "multiple" && n.selectedItems ? /* @__PURE__ */ o("span", { ...c, children: /* @__PURE__ */ o(
                 Ne,
                 {
                   ...l,
-                  state: o,
+                  state: n,
                   parentWidth: p,
-                  onClear: () => o.selectionManager.clearSelection(),
+                  onClear: () => n.selectionManager.clearSelection(),
                   triggerRef: i
                 }
               ) }) : null
             }
           ),
-          l.errorPosition === "bottom" && /* @__PURE__ */ n(
-            C,
+          l.errorPosition === "bottom" && /* @__PURE__ */ o(
+            _,
             {
               ...l,
-              state: o
+              state: n
             }
           ),
           /* @__PURE__ */ h(
             J,
             {
-              isOpen: o.isOpen,
+              isOpen: n.isOpen,
               onOpenChange: (m) => {
-                m || o.close();
+                m || n.close();
               },
               triggerRef: i,
               style: { width: p },
               children: [
-                l.isSelectableAll && /* @__PURE__ */ n(
+                l.isSelectableAll && /* @__PURE__ */ o(
                   fe,
                   {
-                    isSelected: o.selectionManager.isSelectAll,
-                    isIndeterminate: !o.selectionManager.isSelectAll && !o.selectionManager.isEmpty,
+                    isSelected: n.selectionManager.isSelectAll,
+                    isIndeterminate: !n.selectionManager.isSelectAll && !n.selectionManager.isEmpty,
                     className: f.selectAll,
-                    onChange: () => o.selectionManager.toggleSelectAll(),
+                    onChange: () => n.selectionManager.toggleSelectAll(),
                     children: a.format("selectAll")
                   }
                 ),
-                /* @__PURE__ */ n(
+                /* @__PURE__ */ o(
                   Se,
                   {
                     ...b,
-                    state: o
+                    state: n
                   }
                 )
               ]
             }
           ),
-          l.showTags && !!o.selectedItems && /* @__PURE__ */ n(
+          l.showTags && !!n.selectedItems && /* @__PURE__ */ o(
             se,
             {
               "aria-label": a.format("selectedItems"),
               selectionBehavior: "toggle",
-              onRemove: (m) => o.selectionManager.toggleSelection(Array.from(m)[0]),
+              onRemove: (m) => n.selectionManager.toggleSelection(Array.from(m)[0]),
               className: f.tagGroup,
-              children: /* @__PURE__ */ n(W, { items: o.selectedItems, children: (m) => /* @__PURE__ */ n(
+              children: /* @__PURE__ */ o(W, { items: n.selectedItems, children: (m) => /* @__PURE__ */ o(
                 ae,
                 {
                   textValue: m.textValue,
@@ -551,22 +551,22 @@ const Ve = "_wrapper_1rw0v_7", Me = "_trigger_1rw0v_18", Be = "_medium_1rw0v_32"
       }
     );
   }
-), je = _.forwardRef(
-  ({ options: e, ...t }, s) => /* @__PURE__ */ n(
+), je = w.forwardRef(
+  ({ options: e, ...t }, s) => /* @__PURE__ */ o(
     Ee,
     {
       ...t,
       items: e,
       ref: s,
-      children: (r) => r.children ? /* @__PURE__ */ n(
+      children: (r) => r.children ? /* @__PURE__ */ o(
         j,
         {
           items: r.children,
           title: r.name,
-          children: (l) => /* @__PURE__ */ n(x, { textValue: l.textValue, children: l.name })
+          children: (l) => /* @__PURE__ */ o(C, { textValue: l.textValue, children: l.name })
         },
         r.name
-      ) : /* @__PURE__ */ n(x, { textValue: r.textValue, children: r.name })
+      ) : /* @__PURE__ */ o(C, { textValue: r.textValue, children: r.name })
     }
   )
 );