@midas-ds/components 16.5.2 → 16.5.3

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

@@ -1,23 +1,23 @@
-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 { 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 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 { F as g } from "./FieldError-Bra5aRT3.js";
-import _, { useContext as p } from "react";
+import p, { useContext as f } from "react";
 import { C as M } from "./Checkbox-BTAfwDxU.js";
-import { u as m } from "./useLocalizedStringFormatter-BHvsRxDk.js";
+import { u as d } 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 = {
+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" }, m = {
   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 = {
+}, P = "_select_1us8o_1", z = "_triggerContainer_1us8o_7", E = "_trigger_1us8o_7", K = "_medium_1us8o_29", D = "_selectValue_1us8o_72", W = "_placeholder_1us8o_78", X = "_multiSelectValue_1us8o_88", q = "_selectValueTag_1us8o_112", H = "_clearButton_1us8o_126", J = "_truncate_1us8o_138", O = "_popover_1us8o_175", Q = "_selectAll_1us8o_201", U = "_tagGroup_1us8o_264", s = {
   select: P,
   triggerContainer: z,
   trigger: E,
@@ -32,35 +32,35 @@ 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), o = d(m), c = () => t?.setValue(
     t?.selectionManager.isSelectAll ? null : Array.from(t.collection.getKeys())
   );
   return /* @__PURE__ */ e(
     M,
     {
-      className: a.selectAll,
+      className: s.selectAll,
       isIndeterminate: !t?.selectionManager.isSelectAll && !t?.selectionManager.isEmpty,
       isSelected: t?.selectionManager.isSelectAll,
-      onChange: r,
-      children: c.format("selectAll")
+      onChange: c,
+      children: o.format("selectAll")
     }
   );
 }, Z = ({
   isDisabled: t
 }) => {
-  const c = m(u), r = (l, o) => l.length === 1 ? o : `${l.length} ${c.format("selected")}`;
+  const o = d(m), c = (l, r) => l.length === 1 ? r : `${l.length} ${o.format("selected")}`;
   return /* @__PURE__ */ e(
-    v,
+    h,
     {
-      className: a.multiSelectValue,
+      className: s.multiSelectValue,
       "data-disabled": t || void 0,
-      children: ({ isPlaceholder: l, selectedItems: o, selectedText: s }) => l ? /* @__PURE__ */ e(S, {}) : /* @__PURE__ */ i(
+      children: ({ isPlaceholder: l, selectedItems: r, selectedText: a }) => l ? /* @__PURE__ */ e(V, {}) : /* @__PURE__ */ i(
         "div",
         {
-          className: a.selectValueTag,
+          className: s.selectValueTag,
           "data-disabled": t || void 0,
           children: [
-            /* @__PURE__ */ e("span", { className: a.truncate, children: r(o, s) }),
+            /* @__PURE__ */ e("span", { className: s.truncate, children: c(r, a) }),
             /* @__PURE__ */ e(ee, { isDisabled: t })
           ]
         }
@@ -70,15 +70,15 @@ import '../assets/Select.css';const $ = { clearAll: "Clear all", selectAll: "Sel
 }, ee = ({
   isDisabled: t
 }) => {
-  const c = _.useContext(d), r = m(u), l = F(), o = () => {
-    l?.focusFirst(), c?.setValue(null);
+  const o = p.useContext(u), c = d(m), l = F(), r = () => {
+    l?.focusFirst(), o?.setValue(null);
   };
   return /* @__PURE__ */ e(
-    h,
+    _,
     {
-      "aria-label": r.format("clearAll"),
-      className: a.clearButton,
-      onPress: o,
+      "aria-label": c.format("clearAll"),
+      className: s.clearButton,
+      onPress: r,
       slot: null,
       isDisabled: t,
       children: /* @__PURE__ */ e(
@@ -92,54 +92,54 @@ import '../assets/Select.css';const $ = { clearAll: "Clear all", selectAll: "Sel
   );
 }, te = ({
   showTags: t,
-  isDisabled: c
+  isDisabled: o
 }) => {
-  const r = m(u), l = p(d), o = (s) => {
-    l?.selectionManager.toggleSelection(Array.from(s)[0]);
+  const c = d(m), l = f(u), r = (a) => {
+    l?.selectionManager.toggleSelection(Array.from(a)[0]);
   };
   return !l?.selectedItems.length || !t ? null : /* @__PURE__ */ e(
     j,
     {
-      "aria-label": r.format("selectedItems"),
-      className: a.tagGroup,
-      onRemove: o,
+      "aria-label": c.format("selectedItems"),
+      className: s.tagGroup,
+      onRemove: r,
       selectionBehavior: "toggle",
-      children: /* @__PURE__ */ e(V, { items: l.selectedItems, children: (s) => /* @__PURE__ */ e(
+      children: /* @__PURE__ */ e(A, { items: l.selectedItems, children: (a) => /* @__PURE__ */ e(
         k,
         {
           dismissable: !0,
-          id: s.key,
-          isDisabled: c,
-          textValue: s.textValue,
-          children: s.textValue
+          id: a.key,
+          isDisabled: o,
+          textValue: a.textValue,
+          children: a.textValue
         },
-        s.key
+        a.key
       ) })
     }
   );
 }, le = ({
   isDisabled: t,
-  selectionMode: c,
-  size: r
+  selectionMode: o,
+  size: c
 }) => {
-  const l = p(d);
+  const l = f(u);
   return /* @__PURE__ */ i(
-    h,
+    _,
     {
       className: y(
         {
-          [a.medium]: r === "medium"
+          [s.medium]: c === "medium"
         },
-        a.trigger
+        s.trigger
       ),
       "data-invalid": !!l?.displayValidation.isInvalid || void 0,
       children: [
         /* @__PURE__ */ e(
-          v,
+          h,
           {
-            className: a.selectValue,
+            className: s.selectValue,
             "data-disabled": t || void 0,
-            children: ({ selectedText: o, defaultChildren: s }) => /* @__PURE__ */ e("div", { className: a.placeholder, children: /* @__PURE__ */ e("span", { className: a.truncate, children: c === "multiple" && o ? null : o || s }) })
+            children: ({ selectedText: r, defaultChildren: a }) => /* @__PURE__ */ e("div", { className: s.placeholder, children: /* @__PURE__ */ e("span", { className: s.truncate, children: o === "multiple" && r ? null : r || a }) })
           }
         ),
         /* @__PURE__ */ e(
@@ -154,36 +154,36 @@ import '../assets/Select.css';const $ = { clearAll: "Clear all", selectAll: "Sel
     }
   );
 };
-function xe({
+function ve({
   children: t,
-  description: c,
-  errorMessage: r,
+  description: o,
+  errorMessage: c,
   errorPosition: l = "top",
-  items: o,
-  label: s,
-  popover: f,
-  size: x = "large",
+  items: r,
+  label: a,
+  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: T(n.className, s.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 }),
-        l === "top" && /* @__PURE__ */ e(g, { children: r }),
+        /* @__PURE__ */ e(N, { popover: S, children: a && /* @__PURE__ */ e(b, { "data-disabled": n.isDisabled || void 0, children: a }) }),
+        o && /* @__PURE__ */ e(B, { slot: "description", children: o }),
+        l === "top" && /* @__PURE__ */ e(g, { children: c }),
         /* @__PURE__ */ i(
           "div",
           {
-            className: a.triggerContainer,
+            className: s.triggerContainer,
             "data-disabled": n.isDisabled || void 0,
             children: [
               /* @__PURE__ */ e(
                 le,
                 {
-                  size: x,
+                  size: v,
                   ...n
                 }
               ),
@@ -191,11 +191,11 @@ function xe({
             ]
           }
         ),
-        l === "bottom" && /* @__PURE__ */ e(g, { children: r }),
+        l === "bottom" && /* @__PURE__ */ e(g, { children: c }),
         /* @__PURE__ */ i(
           G,
           {
-            className: a.popover,
+            className: s.popover,
             offset: 0,
             hideArrow: !0,
             children: [
@@ -204,7 +204,7 @@ function xe({
                 I,
                 {
                   escapeKeyBehavior: "none",
-                  items: o,
+                  items: r,
                   children: t
                 }
               )
@@ -217,5 +217,5 @@ function xe({
   ) });
 }
 export {
-  xe as S
+  ve as S
 };