@midas-ds/components 16.6.0 → 16.6.2

package/chunks/{Select-CRUskZeu.js → Select-BJlDjYWX.js}

@@ -1,12 +1,12 @@
-import { jsx as n, jsxs as y } from "react/jsx-runtime";
+import { jsx as n, jsxs as h } from "react/jsx-runtime";
 import * as w 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 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-D5BBeZWL.js";
-import { b as q, L as X, a as J } from "./ListBoxSection-MZB_5DdD.js";
+import { filterDOMProps as D, mergeProps as x, useId as O, chain as q, useFormReset as N, useObjectRef as R } from "@react-aria/utils";
+import { Section as E, Item as C } from "@react-stately/collections";
+import { Collection as j, FieldErrorContext as G, TextField as H, TagList as $ } from "react-aria-components";
+import { L as W } from "./ListBox-D5BBeZWL.js";
+import { b as U, 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";
@@ -17,13 +17,13 @@ import { useListState as re } from "@react-stately/list";
 import { a as se, T as ae } from "./Tag-CZrQBEgv.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-xWKvOuML.js";
-import { T as ge } from "./Text-TWzJxnto.js";
-import { C as he } from "./Checkbox-BTAfwDxU.js";
-import { X as fe } from "./x-BXShoIAM.js";
+import { a as ue, L as ge } from "./Label-xWKvOuML.js";
+import { T as me } from "./Text-Bxww8mmL.js";
+import { C as fe } from "./Checkbox-BTAfwDxU.js";
+import { X as pe } from "./x-BXShoIAM.js";
 import { u as T } from "./useLocalizedStringFormatter-BHvsRxDk.js";
-import { C as pe } from "./chevron-down-DgT-uSF9.js";
-import { F as ye } from "./FieldError-Bra5aRT3.js";
+import { C as ye } from "./chevron-down-DgT-uSF9.js";
+import { F as he } from "./FieldError-C_3uLAGY.js";
 import '../assets/Select2.css';const A = ({ item: e }) => /* @__PURE__ */ n(
   X,
   {
@@ -32,11 +32,11 @@ 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__ */ n(U, { ...e.value, children: t.collection.getChildren ? /* @__PURE__ */ n(j, { items: t.collection.getChildren(e.key), children: (s) => /* @__PURE__ */ n(A, { item: s }) }) : null }), Se = ({
   state: e,
   ...t
 }) => /* @__PURE__ */ n(
-  U,
+  W,
   {
     ...t,
     ...e,
@@ -68,18 +68,18 @@ function ve(e, t, s) {
     },
     t,
     s
-  ), u = (g) => {
+  ), u = (m) => {
     const { selectedKeys: v, selectionMode: k } = t, P = v.values().next().value;
     if (k === "single")
-      switch (g.key) {
+      switch (m.key) {
         case "ArrowLeft": {
-          g.preventDefault();
+          m.preventDefault();
           const S = v.size > 0 ? o.getKeyAbove(P) : o.getFirstKey();
           S && t.setSelectedKeys([S]);
           break;
         }
         case "ArrowRight": {
-          g.preventDefault();
+          m.preventDefault();
           const S = v.size > 0 ? o.getKeyBelow(P) : o.getFirstKey();
           S && t.setSelectedKeys([S]);
           break;
@@ -88,15 +88,15 @@ function ve(e, t, s) {
   }, { typeSelectProps: c } = oe({
     keyboardDelegate: o,
     selectionManager: t.selectionManager,
-    onTypeSelect(g) {
-      t.setSelectedKeys([g]);
+    onTypeSelect(m) {
+      t.setSelectedKeys([m]);
     }
-  }), { labelProps: b, fieldProps: f } = Y({
+  }), { labelProps: b, fieldProps: p } = Y({
     ...e,
     labelElementType: "span"
   });
   c.onKeyDown = c.onKeyDownCapture, delete c.onKeyDownCapture;
-  const m = D(e, { labelable: !0 }), p = x(c, a, f), K = O();
+  const g = D(e, { labelable: !0 }), y = x(c, a, p), K = O();
   return {
     labelProps: {
       ...b,
@@ -104,24 +104,24 @@ function ve(e, t, s) {
         e.isDisabled || (s.current?.focus(), ee("keyboard"));
       }
     },
-    triggerProps: x(m, {
-      ...p,
-      onKeyDown: N(
-        p.onKeyDown,
+    triggerProps: x(g, {
+      ...y,
+      onKeyDown: q(
+        y.onKeyDown,
         u,
         e.onKeyDown
       ),
       onKeyUp: e.onKeyUp,
       "aria-labelledby": [
-        p["aria-labelledby"],
-        p["aria-label"] && !p["aria-labelledby"] ? p.id : null,
+        y["aria-labelledby"],
+        y["aria-label"] && !y["aria-labelledby"] ? y.id : null,
         K
       ].filter(Boolean).join(" "),
-      onFocus(g) {
-        t.isFocused || (e.onFocus && e.onFocus(g), t.setFocused(!0));
+      onFocus(m) {
+        t.isFocused || (e.onFocus && e.onFocus(m), t.setFocused(!0));
       },
-      onBlur(g) {
-        t.isOpen || (e.onBlur && e.onBlur(g), t.setFocused(!1));
+      onBlur(m) {
+        t.isOpen || (e.onBlur && e.onBlur(m), t.setFocused(!1));
       }
     }),
     valueProps: {
@@ -133,12 +133,12 @@ function ve(e, t, s) {
       autoFocus: t.focusStrategy || !0,
       shouldSelectOnPressUp: !0,
       shouldFocusOnHover: !0,
-      onBlur: (g) => {
-        g.currentTarget.contains(g.relatedTarget) || (e.onBlur && e.onBlur(g), t.setFocused(!1));
+      onBlur: (m) => {
+        m.currentTarget.contains(m.relatedTarget) || (e.onBlur && e.onBlur(m), t.setFocused(!1));
       },
       "aria-labelledby": [
-        f["aria-labelledby"],
-        p["aria-label"] && !f["aria-labelledby"] ? p.id : null
+        p["aria-labelledby"],
+        y["aria-label"] && !p["aria-labelledby"] ? y.id : null
       ].filter(Boolean).join(" ")
     }
   };
@@ -230,7 +230,7 @@ function _e({
   selectRef: l
 }, i, o) {
   const { visuallyHiddenProps: a } = de();
-  return R(l, i.selectedKeys, i.setSelectedKeys), ce(
+  return N(l, i.selectedKeys, i.setSelectedKeys), ce(
     {
       validationBehavior: "native",
       focus: () => o.current?.focus()
@@ -271,9 +271,9 @@ function we(e) {
     {
       ...a,
       "data-testid": "hidden-select-container",
-      children: /* @__PURE__ */ y("label", { children: [
+      children: /* @__PURE__ */ h("label", { children: [
         i,
-        /* @__PURE__ */ y(
+        /* @__PURE__ */ h(
           "select",
           {
             ...d,
@@ -307,7 +307,7 @@ function we(e) {
     }
   ) : null;
 }
-const Ve = "_wrapper_1bht1_7", Me = "_trigger_1bht1_18", Be = "_medium_1bht1_32", Te = "_icon_1bht1_68", Ae = "_tagGroup_1bht1_74", Fe = "_triggerContainer_1bht1_95", ke = "_selectValueTag_1bht1_101", ze = "_clearButton_1bht1_117", Ie = "_truncate_1bht1_129", Le = "_selectAll_1bht1_172", h = {
+const Ve = "_wrapper_odqg7_1", Me = "_trigger_odqg7_12", Be = "_medium_odqg7_26", Te = "_icon_odqg7_62", Ae = "_tagGroup_odqg7_68", Fe = "_triggerContainer_odqg7_89", ke = "_selectValueTag_odqg7_95", ze = "_clearButton_odqg7_111", Ie = "_truncate_odqg7_123", Le = "_selectAll_odqg7_166", f = {
   wrapper: Ve,
   trigger: Me,
   medium: Be,
@@ -321,7 +321,7 @@ const Ve = "_wrapper_1bht1_7", Me = "_trigger_1bht1_18", Be = "_medium_1bht1_32"
 }, 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 = {
   en: De,
   sv: Oe
-}, Ne = ({
+}, qe = ({
   state: { selectedItems: e },
   isDisabled: t,
   parentWidth: s,
@@ -330,16 +330,16 @@ const Ve = "_wrapper_1bht1_7", Me = "_trigger_1bht1_18", Be = "_medium_1bht1_32"
   isClearable: i
 }) => {
   const o = T(F);
-  return /* @__PURE__ */ y(
+  return /* @__PURE__ */ h(
     "div",
     {
-      className: h.selectValueTag,
+      className: f.selectValueTag,
       "data-disabled": t || void 0,
       children: [
         /* @__PURE__ */ n(
           "span",
           {
-            className: h.truncate,
+            className: f.truncate,
             style: { maxWidth: s - 92 },
             children: e?.length && e.length > 1 ? `${e.length} ${o.format("chosen")}` : e?.[0].textValue
           }
@@ -349,12 +349,12 @@ const Ve = "_wrapper_1bht1_7", Me = "_trigger_1bht1_18", Be = "_medium_1bht1_32"
           {
             disabled: t,
             "aria-label": o.format("clearAll"),
-            className: h.clearButton,
+            className: f.clearButton,
             onClick: () => {
               r(), l?.current?.focus();
             },
             children: /* @__PURE__ */ n(
-              fe,
+              pe,
               {
                 width: 20,
                 height: 20
@@ -365,7 +365,7 @@ const Ve = "_wrapper_1bht1_7", Me = "_trigger_1bht1_18", Be = "_medium_1bht1_32"
       ]
     }
   );
-}, Re = ({
+}, Ne = ({
   autoFocus: e,
   excludeFromTabOrder: t,
   isDisabled: s,
@@ -379,23 +379,23 @@ const Ve = "_wrapper_1bht1_7", Me = "_trigger_1bht1_18", Be = "_medium_1bht1_32"
   triggerRef: c,
   ...b
 }) => {
-  const { buttonProps: f } = Z(
+  const { buttonProps: p } = Z(
     { autoFocus: e, excludeFromTabOrder: t, isDisabled: s, ...b },
     c
-  ), m = o === "multiple";
-  return /* @__PURE__ */ y(
+  ), g = o === "multiple";
+  return /* @__PURE__ */ h(
     "div",
     {
-      className: h.triggerContainer,
+      className: f.triggerContainer,
       "data-disabled": s || void 0,
       children: [
-        /* @__PURE__ */ y(
+        /* @__PURE__ */ h(
           "button",
           {
-            ...f,
+            ...p,
             autoFocus: e,
-            className: B(h.trigger, {
-              [h.medium]: r === "medium"
+            className: B(f.trigger, {
+              [f.medium]: r === "medium"
             }),
             "data-disabled": s || void 0,
             "data-invalid": i || void 0,
@@ -403,14 +403,14 @@ const Ve = "_wrapper_1bht1_7", Me = "_trigger_1bht1_18", Be = "_medium_1bht1_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 }),
+              g && !a ? /* @__PURE__ */ n("span", { children: d }) : null,
+              g ? null : /* @__PURE__ */ n("span", { children: a ? a[0].textValue : d }),
               /* @__PURE__ */ n(
                 "div",
                 {
-                  className: h.icon,
+                  className: f.icon,
                   "aria-hidden": "true",
-                  children: /* @__PURE__ */ n(pe, { size: 20 })
+                  children: /* @__PURE__ */ n(ye, { size: 20 })
                 }
               )
             ]
@@ -423,7 +423,7 @@ const Ve = "_wrapper_1bht1_7", Me = "_trigger_1bht1_18", Be = "_medium_1bht1_32"
 }, _ = ({
   state: e,
   errorMessage: t
-}) => /* @__PURE__ */ n(H.Provider, { value: { ...e.displayValidation }, children: /* @__PURE__ */ n(ye, { children: t }) }), Ee = w.forwardRef(
+}) => /* @__PURE__ */ n(G.Provider, { value: { ...e.displayValidation }, children: /* @__PURE__ */ n(he, { children: t }) }), Re = w.forwardRef(
   ({ isClearable: e = !0, popover: t, ...s }, r) => {
     const l = {
       selectionMode: "single",
@@ -433,18 +433,18 @@ const Ve = "_wrapper_1bht1_7", Me = "_trigger_1bht1_18", Be = "_medium_1bht1_32"
       size: "large",
       popover: t,
       ...s
-    }, i = E(r), o = Pe(l), a = T(F), { labelProps: d, triggerProps: u, valueProps: c, menuProps: b } = ve(
+    }, i = R(r), o = Pe(l), a = T(F), { labelProps: d, triggerProps: u, valueProps: c, menuProps: b } = ve(
       l,
       o,
       i
-    ), { width: f } = xe(i.current, {
+    ), { width: p } = xe(i.current, {
       includePadding: !0
     });
-    return /* @__PURE__ */ y(
-      $,
+    return /* @__PURE__ */ h(
+      H,
       {
         ...l,
-        className: B(h.wrapper, l.className),
+        className: B(f.wrapper, l.className),
         children: [
           /* @__PURE__ */ n(
             we,
@@ -455,14 +455,14 @@ const Ve = "_wrapper_1bht1_7", Me = "_trigger_1bht1_18", Be = "_medium_1bht1_32"
             }
           ),
           /* @__PURE__ */ n(ue, { popover: t, children: l.label && /* @__PURE__ */ n(
-            me,
+            ge,
             {
               ...d,
               "data-disabled": l.isDisabled || void 0,
               children: l.label
             }
           ) }),
-          l.description && /* @__PURE__ */ n(ge, { slot: "description", children: l.description }),
+          l.description && /* @__PURE__ */ n(me, { slot: "description", children: l.description }),
           l.errorPosition === "top" && /* @__PURE__ */ n(
             _,
             {
@@ -471,7 +471,7 @@ const Ve = "_wrapper_1bht1_7", Me = "_trigger_1bht1_18", Be = "_medium_1bht1_32"
             }
           ),
           /* @__PURE__ */ n(
-            Re,
+            Ne,
             {
               ...l,
               ...u,
@@ -479,11 +479,11 @@ const Ve = "_wrapper_1bht1_7", Me = "_trigger_1bht1_18", Be = "_medium_1bht1_32"
               triggerRef: i,
               state: o,
               children: l.selectionMode === "multiple" && o.selectedItems ? /* @__PURE__ */ n("span", { ...c, children: /* @__PURE__ */ n(
-                Ne,
+                qe,
                 {
                   ...l,
                   state: o,
-                  parentWidth: f,
+                  parentWidth: p,
                   onClear: () => o.selectionManager.clearSelection(),
                   triggerRef: i
                 }
@@ -497,22 +497,22 @@ const Ve = "_wrapper_1bht1_7", Me = "_trigger_1bht1_18", Be = "_medium_1bht1_32"
               state: o
             }
           ),
-          /* @__PURE__ */ y(
+          /* @__PURE__ */ h(
             J,
             {
               isOpen: o.isOpen,
-              onOpenChange: (m) => {
-                m || o.close();
+              onOpenChange: (g) => {
+                g || o.close();
               },
               triggerRef: i,
-              style: { width: f },
+              style: { width: p },
               children: [
                 l.isSelectableAll && /* @__PURE__ */ n(
-                  he,
+                  fe,
                   {
                     isSelected: o.selectionManager.isSelectAll,
                     isIndeterminate: !o.selectionManager.isSelectAll && !o.selectionManager.isEmpty,
-                    className: h.selectAll,
+                    className: f.selectAll,
                     onChange: () => o.selectionManager.toggleSelectAll(),
                     children: a.format("selectAll")
                   }
@@ -532,18 +532,18 @@ const Ve = "_wrapper_1bht1_7", Me = "_trigger_1bht1_18", Be = "_medium_1bht1_32"
             {
               "aria-label": a.format("selectedItems"),
               selectionBehavior: "toggle",
-              onRemove: (m) => o.selectionManager.toggleSelection(Array.from(m)[0]),
-              className: h.tagGroup,
-              children: /* @__PURE__ */ n(W, { items: o.selectedItems, children: (m) => /* @__PURE__ */ n(
+              onRemove: (g) => o.selectionManager.toggleSelection(Array.from(g)[0]),
+              className: f.tagGroup,
+              children: /* @__PURE__ */ n($, { items: o.selectedItems, children: (g) => /* @__PURE__ */ n(
                 ae,
                 {
-                  textValue: m.textValue,
-                  id: m.key,
+                  textValue: g.textValue,
+                  id: g.key,
                   dismissable: !0,
                   isDisabled: l.isDisabled,
-                  children: m.textValue
+                  children: g.textValue
                 },
-                m.key
+                g.key
               ) })
             }
           )
@@ -551,15 +551,15 @@ const Ve = "_wrapper_1bht1_7", Me = "_trigger_1bht1_18", Be = "_medium_1bht1_32"
       }
     );
   }
-), je = w.forwardRef(
+), Ee = w.forwardRef(
   ({ options: e, ...t }, s) => /* @__PURE__ */ n(
-    Ee,
+    Re,
     {
       ...t,
       items: e,
       ref: s,
       children: (r) => r.children ? /* @__PURE__ */ n(
-        j,
+        E,
         {
           items: r.children,
           title: r.name,
@@ -570,7 +570,7 @@ const Ve = "_wrapper_1bht1_7", Me = "_trigger_1bht1_18", Be = "_medium_1bht1_32"
     }
   )
 );
-je.displayName = "Select";
+Ee.displayName = "Select";
 export {
-  je as S
+  Ee as S
 };