@midas-ds/components 16.5.2 → 16.5.4

package/chunks/{Select-D9db38XE.js → Select-BpSIhRl_.js}

@@ -1,25 +1,25 @@
-import { jsx as e, jsxs as i, Fragment as S } from "react/jsx-runtime";
-import { SelectStateContext as d, SelectValue as v, Button as h, TagList as V, Select as A } from "react-aria-components";
-import { FocusScope as C } from "@react-aria/focus";
-import { a as N, L as b } from "./Label-xWKvOuML.js";
-import { a as y, c as T } from "./clsx-AexbMWKp.js";
-import { T as B } from "./Text-TWzJxnto.js";
+import { jsx as e, jsxs as i, Fragment as V } from "react/jsx-runtime";
+import { SelectStateContext as u, SelectValue as h, Button as _, TagList as A, Select as C } from "react-aria-components";
+import { FocusScope as x } from "@react-aria/focus";
+import { a as z, L as N } from "./Label-xWKvOuML.js";
+import { a as b, c as y } from "./clsx-AexbMWKp.js";
+import { T } from "./Text-TWzJxnto.js";
 import { F as g } from "./FieldError-Bra5aRT3.js";
-import _, { useContext as p } from "react";
-import { C as M } from "./Checkbox-BTAfwDxU.js";
-import { u as m } from "./useLocalizedStringFormatter-BHvsRxDk.js";
-import { useFocusManager as F } from "react-aria";
-import { X as L } from "./x-BXShoIAM.js";
-import { L as I } from "./ListBox-D5BBeZWL.js";
-import { P as G } from "./Popover-BcEtFiU1.js";
-import { a as j, T as k } from "./Tag-CZrQBEgv.js";
-import { C as R } from "./chevron-down-DgT-uSF9.js";
-import '../assets/Select.css';const $ = { clearAll: "Clear all", selectAll: "Select all", selectedItems: "Selected items", selected: "selected" }, w = { clearAll: "Rensa alla", selectAll: "Välj alla", selectedItems: "Valda objekt", selected: "valda" }, u = {
-  en: $,
-  sv: w
-}, P = "_select_vdvx3_1", z = "_triggerContainer_vdvx3_7", E = "_trigger_vdvx3_7", K = "_medium_vdvx3_29", D = "_selectValue_vdvx3_72", W = "_placeholder_vdvx3_78", X = "_multiSelectValue_vdvx3_88", q = "_selectValueTag_vdvx3_112", H = "_clearButton_vdvx3_126", J = "_truncate_vdvx3_138", O = "_popover_vdvx3_175", Q = "_selectAll_vdvx3_201", U = "_tagGroup_vdvx3_264", a = {
-  select: P,
-  triggerContainer: z,
+import p, { useContext as f } from "react";
+import { C as B } from "./Checkbox-BTAfwDxU.js";
+import { u as d } from "./useLocalizedStringFormatter-BHvsRxDk.js";
+import { useFocusManager as M } from "react-aria";
+import { X as F } from "./x-BXShoIAM.js";
+import { L } from "./ListBox-D5BBeZWL.js";
+import { P as I } from "./Popover-BcEtFiU1.js";
+import { a as G, T as j } from "./Tag-CZrQBEgv.js";
+import { C as k } from "./chevron-down-DgT-uSF9.js";
+import '../assets/Select.css';const R = { clearAll: "Clear all", selectAll: "Select all", selectedItems: "Selected items", selected: "selected" }, $ = { clearAll: "Rensa alla", selectAll: "Välj alla", selectedItems: "Valda objekt", selected: "valda" }, m = {
+  en: R,
+  sv: $
+}, w = "_select_e81uz_1", P = "_triggerContainer_e81uz_7", E = "_trigger_e81uz_7", K = "_medium_e81uz_29", D = "_selectValue_e81uz_72", W = "_placeholder_e81uz_78", X = "_multiSelectValue_e81uz_88", q = "_selectValueTag_e81uz_112", H = "_clearButton_e81uz_126", J = "_truncate_e81uz_138", O = "_popover_e81uz_175", Q = "_selectAll_e81uz_201", U = "_tagGroup_e81uz_264", a = {
+  select: w,
+  triggerContainer: P,
   trigger: E,
   medium: K,
   selectValue: D,
@@ -32,11 +32,11 @@ import '../assets/Select.css';const $ = { clearAll: "Clear all", selectAll: "Sel
   selectAll: Q,
   tagGroup: U
 }, Y = () => {
-  const t = _.useContext(d), c = m(u), r = () => t?.setValue(
+  const t = p.useContext(u), c = d(m), r = () => t?.setValue(
     t?.selectionManager.isSelectAll ? null : Array.from(t.collection.getKeys())
   );
   return /* @__PURE__ */ e(
-    M,
+    B,
     {
       className: a.selectAll,
       isIndeterminate: !t?.selectionManager.isSelectAll && !t?.selectionManager.isEmpty,
@@ -48,13 +48,13 @@ import '../assets/Select.css';const $ = { clearAll: "Clear all", selectAll: "Sel
 }, Z = ({
   isDisabled: t
 }) => {
-  const c = m(u), r = (l, o) => l.length === 1 ? o : `${l.length} ${c.format("selected")}`;
+  const c = d(m), r = (l, o) => l.length === 1 ? o : `${l.length} ${c.format("selected")}`;
   return /* @__PURE__ */ e(
-    v,
+    h,
     {
       className: a.multiSelectValue,
       "data-disabled": t || void 0,
-      children: ({ isPlaceholder: l, selectedItems: o, selectedText: s }) => l ? /* @__PURE__ */ e(S, {}) : /* @__PURE__ */ i(
+      children: ({ isPlaceholder: l, selectedItems: o, selectedText: s }) => l ? /* @__PURE__ */ e(V, {}) : /* @__PURE__ */ i(
         "div",
         {
           className: a.selectValueTag,
@@ -70,11 +70,11 @@ import '../assets/Select.css';const $ = { clearAll: "Clear all", selectAll: "Sel
 }, ee = ({
   isDisabled: t
 }) => {
-  const c = _.useContext(d), r = m(u), l = F(), o = () => {
+  const c = p.useContext(u), r = d(m), l = M(), o = () => {
     l?.focusFirst(), c?.setValue(null);
   };
   return /* @__PURE__ */ e(
-    h,
+    _,
     {
       "aria-label": r.format("clearAll"),
       className: a.clearButton,
@@ -82,7 +82,7 @@ import '../assets/Select.css';const $ = { clearAll: "Clear all", selectAll: "Sel
       slot: null,
       isDisabled: t,
       children: /* @__PURE__ */ e(
-        L,
+        F,
         {
           width: 20,
           height: 20
@@ -94,18 +94,18 @@ import '../assets/Select.css';const $ = { clearAll: "Clear all", selectAll: "Sel
   showTags: t,
   isDisabled: c
 }) => {
-  const r = m(u), l = p(d), o = (s) => {
+  const r = d(m), l = f(u), o = (s) => {
     l?.selectionManager.toggleSelection(Array.from(s)[0]);
   };
   return !l?.selectedItems.length || !t ? null : /* @__PURE__ */ e(
-    j,
+    G,
     {
       "aria-label": r.format("selectedItems"),
       className: a.tagGroup,
       onRemove: o,
       selectionBehavior: "toggle",
-      children: /* @__PURE__ */ e(V, { items: l.selectedItems, children: (s) => /* @__PURE__ */ e(
-        k,
+      children: /* @__PURE__ */ e(A, { items: l.selectedItems, children: (s) => /* @__PURE__ */ e(
+        j,
         {
           dismissable: !0,
           id: s.key,
@@ -122,11 +122,11 @@ import '../assets/Select.css';const $ = { clearAll: "Clear all", selectAll: "Sel
   selectionMode: c,
   size: r
 }) => {
-  const l = p(d);
+  const l = f(u);
   return /* @__PURE__ */ i(
-    h,
+    _,
     {
-      className: y(
+      className: b(
         {
           [a.medium]: r === "medium"
         },
@@ -135,7 +135,7 @@ import '../assets/Select.css';const $ = { clearAll: "Clear all", selectAll: "Sel
       "data-invalid": !!l?.displayValidation.isInvalid || void 0,
       children: [
         /* @__PURE__ */ e(
-          v,
+          h,
           {
             className: a.selectValue,
             "data-disabled": t || void 0,
@@ -147,32 +147,32 @@ import '../assets/Select.css';const $ = { clearAll: "Clear all", selectAll: "Sel
           {
             "aria-hidden": "true",
             style: { display: "flex" },
-            children: /* @__PURE__ */ e(R, { size: 20 })
+            children: /* @__PURE__ */ e(k, { size: 20 })
           }
         )
       ]
     }
   );
 };
-function xe({
+function ve({
   children: t,
   description: c,
   errorMessage: r,
   errorPosition: l = "top",
   items: o,
   label: s,
-  popover: f,
-  size: x = "large",
+  popover: S,
+  size: v = "large",
   ...n
 }) {
-  return /* @__PURE__ */ e(C, { children: /* @__PURE__ */ i(
-    A,
+  return /* @__PURE__ */ e(x, { children: /* @__PURE__ */ i(
+    C,
     {
       ...n,
-      className: T(n.className, a.select),
+      className: y(n.className, a.select),
       children: [
-        /* @__PURE__ */ e(N, { popover: f, children: s && /* @__PURE__ */ e(b, { "data-disabled": n.isDisabled || void 0, children: s }) }),
-        c && /* @__PURE__ */ e(B, { slot: "description", children: c }),
+        /* @__PURE__ */ e(z, { popover: S, children: s && /* @__PURE__ */ e(N, { "data-disabled": n.isDisabled || void 0, children: s }) }),
+        c && /* @__PURE__ */ e(T, { slot: "description", children: c }),
         l === "top" && /* @__PURE__ */ e(g, { children: r }),
         /* @__PURE__ */ i(
           "div",
@@ -183,7 +183,7 @@ function xe({
               /* @__PURE__ */ e(
                 le,
                 {
-                  size: x,
+                  size: v,
                   ...n
                 }
               ),
@@ -193,7 +193,7 @@ function xe({
         ),
         l === "bottom" && /* @__PURE__ */ e(g, { children: r }),
         /* @__PURE__ */ i(
-          G,
+          I,
           {
             className: a.popover,
             offset: 0,
@@ -201,7 +201,7 @@ function xe({
             children: [
               n.isSelectableAll && /* @__PURE__ */ e(Y, {}),
               /* @__PURE__ */ e(
-                I,
+                L,
                 {
                   escapeKeyBehavior: "none",
                   items: o,
@@ -217,5 +217,5 @@ function xe({
   ) });
 }
 export {
-  xe as S
+  ve as S
 };