@midas-ds/components 11.1.0 → 12.0.0

package/{ComboBox-D4MsSPBu.js → ComboBox-Dn3tQzri.js}

@@ -1,39 +1,39 @@
-import { jsxs as be, jsx as f } from "react/jsx-runtime";
+import { jsxs as be, jsx as E } from "react/jsx-runtime";
 import X, { useRef as T, useMemo as ee, useEffect as pe, useState as Q, useCallback as se, forwardRef as su, createContext as he } from "react";
-import { f as re, b as fe, e as ve, $ as ru } from "./Button-CepQFEit.js";
-import { $ as $u, c as au, d as bu, e as Cu, a as xu, f as mu } from "./utils-KLjWgdLR.js";
-import { $ as hu, F as Ce } from "./FieldError-CDCvUjK5.js";
+import { f as re, b as fe, e as ve, $ as ru } from "./Button-DtC_ZOyd.js";
+import { $ as $u, c as au, d as bu, e as Cu, a as xu, f as mu } from "./utils-KYuflGZt.js";
+import { $ as hu, F as Ce } from "./FieldError-BlKkw9YL.js";
 import { $ as fu } from "./Form-CXcEMuBf.js";
-import { a as Ae } from "./Group-B0vQfHDy.js";
-import { $ as Be, a as vu } from "./Input-n-Z20KbW.js";
-import { c as Au, d as Bu, e as Ee, f as Eu } from "./ListBox-CsxDGpCA.js";
-import { o as Tu, h as Du, i as Fu, m as yu } from "./Dialog-DKHo0W9B.js";
-import { $ as Te } from "./Text-DcZqSUN9.js";
-import { b as Lu, c as Su } from "./Collection-D2jVTmDW.js";
+import { a as Ae } from "./Group-B3mRMVy7.js";
+import { $ as Be, a as vu } from "./Input-BnpBRnJz.js";
+import { c as Au, d as Bu, e as Ee, f as Eu } from "./ListBox-y_dw__MI.js";
+import { o as Tu, h as Du, i as Fu, m as yu } from "./Dialog-BuJdAr0D.js";
+import { $ as Te } from "./Text--KL3Auo7.js";
+import { b as Lu, c as Su } from "./Collection-C5vE9MtJ.js";
 import { $ as gu } from "./filterDOMProps-D6KHYVBX.js";
-import { a as ku, g as Pu } from "./OverlayArrow-DB_aVTVM.js";
-import { $ as Ku } from "./useFilter-DginflOU.js";
-import { d as Ou, $ as Iu } from "./useFormValidation-BzzruZKm.js";
-import { e as Ru, f as De, h as wu } from "./SelectionManager-BubxiIKu.js";
-import { $ as Gu } from "./useSingleSelectListState-B0OMoHd_.js";
-import { b as zu } from "./useListState-DNB7JWoj.js";
+import { a as ku, g as Pu } from "./OverlayArrow-DfkRZlgG.js";
+import { $ as Ku } from "./useFilter-BKQT28sh.js";
+import { d as Ou, $ as Iu } from "./useFormValidation-BW2NSTM4.js";
+import { e as Ru, f as De, h as wu } from "./SelectionManager-BdKKuso-.js";
+import { $ as Gu } from "./useSingleSelectListState-D7LjjoUJ.js";
+import { b as zu } from "./useListState-e7cL-FOK.js";
 import { $ as Vu } from "./useControlledState-u436Wbp1.js";
-import { e as Mu, a as xe } from "./mergeProps-C1U1OIeJ.js";
-import { c as ju, b as Nu } from "./utils-CoCR_Fce.js";
-import { c as Uu } from "./usePress-BW47IcyU.js";
-import { $ as me } from "./useLabels-LrKQiY11.js";
+import { e as Mu, a as xe } from "./mergeProps-BYJQ6N1s.js";
+import { c as ju, b as Nu } from "./utils-CuqJqFqQ.js";
+import { c as Uu } from "./usePress-B_jgTf4k.js";
+import { $ as me } from "./useLabels-DZlvh4P4.js";
 import { $ as qu } from "./useUpdateEffect-CCDx8D4X.js";
-import { o as $e } from "./useHover-DQvJ3Y-W.js";
-import { a as Wu } from "./Separator-CEZ5y7tZ.js";
-import { a as Xu } from "./ListKeyboardDelegate-C-sPNj0f.js";
-import { $ as Zu } from "./useLocalizedStringFormatter-CL9MUZ8A.js";
-import { $ as Hu } from "./useTextField-DjxayZsV.js";
+import { o as $e } from "./useHover-D8fja4GW.js";
+import { a as Wu } from "./Separator-CggS0R7Q.js";
+import { a as Xu } from "./ListKeyboardDelegate-mcrZobNa.js";
+import { $ as Zu } from "./useLocalizedStringFormatter-CSEh15AZ.js";
+import { $ as Hu } from "./useTextField-DFkSHoQN.js";
 import { c as ae } from "./clsx-OuTLNxxd.js";
-import { a as Ju, L as Yu } from "./Label-DA6FZwy0.js";
-import { T as _u } from "./Text-BPcfhYQ9.js";
-import { b as Qu, L as en, a as un, c as nn } from "./ListBoxSection-Cc2cx0_S.js";
+import { a as Ju, L as Yu } from "./Label-ByWt6Lfh.js";
+import { T as _u } from "./Text-BUDAzDjW.js";
+import { b as Qu, L as en, a as un, c as nn } from "./ListBoxSection-Cv-gN76G.js";
 import { C as on } from "./chevron-down-DmZMdOiC.js";
-import { u as tn } from "./useLocalizedStringFormatter-N0AyjzbM.js";
+import { u as tn } from "./useLocalizedStringFormatter-aOhh7wdl.js";
 import './assets/ComboBox.css';var Fe = {};
 Fe = {
   buttonLabel: "عرض المقترحات",
@@ -755,22 +755,22 @@ function ln(e) {
   return e && e.__esModule ? e.default : e;
 }
 function cn(e, u) {
-  let { buttonRef: i, popoverRef: a, inputRef: t, listBoxRef: d, keyboardDelegate: v, layoutDelegate: b, shouldFocusWrap: x, isReadOnly: F, isDisabled: g } = e, m = T(null);
+  let { buttonRef: i, popoverRef: a, inputRef: t, listBoxRef: d, keyboardDelegate: f, layoutDelegate: b, shouldFocusWrap: x, isReadOnly: F, isDisabled: g } = e, m = T(null);
   i = i ?? m;
-  let A = Zu(ln(iu), "@react-aria/combobox"), { menuTriggerProps: B, menuProps: E } = Tu({
+  let v = Zu(ln(iu), "@react-aria/combobox"), { menuTriggerProps: A, menuProps: B } = Tu({
     type: "listbox",
     isDisabled: g || F
   }, u, i);
   Au.set(u, {
-    id: E.id
+    id: B.id
   });
-  let { collection: h } = u, { disabledKeys: S } = u.selectionManager, l = ee(() => v || new Xu({
+  let { collection: h } = u, { disabledKeys: S } = u.selectionManager, l = ee(() => f || new Xu({
     collection: h,
     disabledKeys: S,
     ref: d,
     layoutDelegate: b
   }), [
-    v,
+    f,
     b,
     h,
     S,
@@ -839,12 +839,12 @@ function cn(e, u) {
       (c = t.current) === null || c === void 0 || c.focus(), u.toggle(n.pointerType === "keyboard" || n.pointerType === "virtual" ? "first" : null, "manual");
     }
   }, r = me({
-    id: B.id,
-    "aria-label": A.format("buttonLabel"),
+    id: A.id,
+    "aria-label": v.format("buttonLabel"),
     "aria-labelledby": e["aria-labelledby"] || y.id
   }), k = me({
-    id: E.id,
-    "aria-label": A.format("listboxLabel"),
+    id: B.id,
+    "aria-label": v.format("listboxLabel"),
     "aria-labelledby": e["aria-labelledby"] || y.id
   }), I = T(0), M = (n) => {
     if (g || F) return;
@@ -867,7 +867,7 @@ function cn(e, u) {
     if ($e() && D != null && w != null && w !== Y.current) {
       let c = u.selectionManager.isSelected(w), p = R != null ? u.collection.getItem(R) : null, O = (p == null ? void 0 : p["aria-label"]) || (typeof (p == null ? void 0 : p.rendered) == "string" ? p.rendered : "") || "";
       var n;
-      let ie = A.format("focusAnnouncement", {
+      let ie = v.format("focusAnnouncement", {
         isGroupChange: (n = p && R !== J.current) !== null && n !== void 0 ? n : !1,
         groupTitle: O,
         groupCount: p ? [
@@ -884,7 +884,7 @@ function cn(e, u) {
   pe(() => {
     let n = u.isOpen !== te.current && (u.selectionManager.focusedKey == null || $e());
     if (u.isOpen && (n || K !== _.current)) {
-      let c = A.format("countAnnouncement", {
+      let c = v.format("countAnnouncement", {
         optionCount: K
       });
       re(c);
@@ -894,7 +894,7 @@ function cn(e, u) {
   let le = T(u.selectedKey);
   return pe(() => {
     if ($e() && u.isFocused && u.selectedItem && u.selectedKey !== le.current) {
-      let n = u.selectedItem["aria-label"] || u.selectedItem.textValue || "", c = A.format("selectedAnnouncement", {
+      let n = u.selectedItem["aria-label"] || u.selectedItem.textValue || "", c = v.format("selectedAnnouncement", {
         optionText: n
       });
       re(c);
@@ -916,7 +916,7 @@ function cn(e, u) {
   ]), {
     labelProps: y,
     buttonProps: {
-      ...B,
+      ...A,
       ...r,
       excludeFromTabOrder: !0,
       preventFocusOnPress: !0,
@@ -926,8 +926,8 @@ function cn(e, u) {
     },
     inputProps: xe(L, {
       role: "combobox",
-      "aria-expanded": B["aria-expanded"],
-      "aria-controls": u.isOpen ? E.id : void 0,
+      "aria-expanded": A["aria-expanded"],
+      "aria-controls": u.isOpen ? B.id : void 0,
       // TODO: readd proper logic for completionMode = complete (aria-autocomplete: both)
       "aria-autocomplete": "list",
       "aria-activedescendant": D ? Bu(u, D.key) : void 0,
@@ -937,7 +937,7 @@ function cn(e, u) {
       // This disable's the macOS Safari spell check auto corrections.
       spellCheck: "false"
     }),
-    listBoxProps: xe(E, k, {
+    listBoxProps: xe(B, k, {
       autoFocus: u.focusStrategy || !0,
       shouldUseVirtualFocus: !0,
       shouldSelectOnPressUp: !0,
@@ -953,14 +953,14 @@ function cn(e, u) {
 }
 function pn(e) {
   var u;
-  let { defaultFilter: i, menuTrigger: a = "input", allowsEmptyCollection: t = !1, allowsCustomValue: d, shouldCloseOnBlur: v = !0 } = e, [b, x] = Q(!1), [F, g] = Q(!1), [m, A] = Q(null), B = (o) => {
+  let { defaultFilter: i, menuTrigger: a = "input", allowsEmptyCollection: t = !1, allowsCustomValue: d, shouldCloseOnBlur: f = !0 } = e, [b, x] = Q(!1), [F, g] = Q(!1), [m, v] = Q(null), A = (o) => {
     e.onSelectionChange && e.onSelectionChange(o), o === l && (w(), P());
   };
-  var E;
+  var B;
   let { collection: h, selectionManager: S, selectedKey: l, setSelectedKey: G, selectedItem: ue, disabledKeys: ne } = Gu({
     ...e,
-    onSelectionChange: B,
-    items: (E = e.items) !== null && E !== void 0 ? E : e.defaultItems
+    onSelectionChange: A,
+    items: (B = e.items) !== null && B !== void 0 ? B : e.defaultItems
   }), z = e.defaultInputValue;
   if (z == null) {
     var N, U;
@@ -983,7 +983,7 @@ function pn(e) {
     defaultOpen: void 0
   }), k = (o = null, $) => {
     let C = $ === "manual" || $ === "focus" && a === "focus";
-    (t || L.size > 0 || C && y.size > 0 || e.items) && (C && !r.isOpen && e.items === void 0 && x(!0), V.current = $, A(o), r.open());
+    (t || L.size > 0 || C && y.size > 0 || e.items) && (C && !r.isOpen && e.items === void 0 && x(!0), V.current = $, v(o), r.open());
   }, I = (o = null, $) => {
     let C = $ === "manual" || $ === "focus" && a === "focus";
     !(t || L.size > 0 || C && y.size > 0 || e.items) && !r.isOpen || (C && !r.isOpen && e.items === void 0 && x(!0), r.isOpen || (V.current = $), D(o));
@@ -994,7 +994,7 @@ function pn(e) {
     y,
     L
   ]), D = se((o = null) => {
-    r.isOpen && M(), A(o), r.toggle();
+    r.isOpen && M(), v(o), r.toggle();
   }, [
     r,
     M
@@ -1053,7 +1053,7 @@ function pn(e) {
   let ie = () => {
     r.isOpen && S.focusedKey != null ? l === S.focusedKey ? p() : G(S.focusedKey) : O();
   }, de = T(s), ce = (o) => {
-    o ? (de.current = s, a === "focus" && !e.isReadOnly && k(null, "focus")) : (v && O(), s !== de.current && le.commitValidation()), g(o);
+    o ? (de.current = s, a === "focus" && !e.isReadOnly && k(null, "focus")) : (f && O(), s !== de.current && le.commitValidation()), g(o);
   }, pu = ee(() => r.isOpen ? b ? y : L : Z, [
     r.isOpen,
     y,
@@ -1089,12 +1089,12 @@ function cu(e, u, i, a) {
   let t = [];
   for (let d of u)
     if (d.type === "section" && d.hasChildNodes) {
-      let v = cu(e, De(d, e), i, a);
+      let f = cu(e, De(d, e), i, a);
       [
-        ...v
+        ...f
       ].some((b) => b.type === "item") && t.push({
         ...d,
-        childNodes: v
+        childNodes: f
       });
     } else d.type === "item" && a(d.textValue, i) ? t.push({
       ...d
@@ -1105,7 +1105,7 @@ function cu(e, u, i, a) {
 }
 const sn = /* @__PURE__ */ he(null), rn = /* @__PURE__ */ he(null), $n = /* @__PURE__ */ su(function(u, i) {
   [u, i] = $u(u, i, sn);
-  let { children: a, isDisabled: t = !1, isInvalid: d = !1, isRequired: v = !1 } = u, b = ee(() => {
+  let { children: a, isDisabled: t = !1, isInvalid: d = !1, isRequired: f = !1 } = u, b = ee(() => {
     var x;
     return /* @__PURE__ */ X.createElement(Ee.Provider, {
       value: {
@@ -1115,14 +1115,14 @@ const sn = /* @__PURE__ */ he(null), rn = /* @__PURE__ */ he(null), $n = /* @__P
       isOpen: !1,
       isDisabled: t,
       isInvalid: d,
-      isRequired: v,
+      isRequired: f,
       defaultChildren: null
     }) : a);
   }, [
     a,
     t,
     d,
-    v,
+    f,
     u.items,
     u.defaultItems
   ]);
@@ -1143,9 +1143,9 @@ const sn = /* @__PURE__ */ he(null), rn = /* @__PURE__ */ he(null), $n = /* @__P
 function bn({ props: e, collection: u, comboBoxRef: i }) {
   let { name: a, formValue: t = "key", allowsCustomValue: d } = e;
   d && (t = "text");
-  let { validationBehavior: v } = au(fu) || {};
+  let { validationBehavior: f } = au(fu) || {};
   var b, x;
-  let F = (x = (b = e.validationBehavior) !== null && b !== void 0 ? b : v) !== null && x !== void 0 ? x : "native", { contains: g } = Ku({
+  let F = (x = (b = e.validationBehavior) !== null && b !== void 0 ? b : f) !== null && x !== void 0 ? x : "native", { contains: g } = Ku({
     sensitivity: "base"
   }), m = pn({
     defaultFilter: e.defaultFilter || g,
@@ -1155,28 +1155,28 @@ function bn({ props: e, collection: u, comboBoxRef: i }) {
     children: void 0,
     collection: u,
     validationBehavior: F
-  }), A = T(null), B = T(null), E = T(null), h = T(null), [S, l] = bu(!e["aria-label"] && !e["aria-labelledby"]), { buttonProps: G, inputProps: ue, listBoxProps: ne, labelProps: z, descriptionProps: N, errorMessageProps: U, ...s } = cn({
+  }), v = T(null), A = T(null), B = T(null), h = T(null), [S, l] = bu(!e["aria-label"] && !e["aria-labelledby"]), { buttonProps: G, inputProps: ue, listBoxProps: ne, labelProps: z, descriptionProps: N, errorMessageProps: U, ...s } = cn({
     ...Cu(e),
     label: l,
-    inputRef: B,
-    buttonRef: A,
-    listBoxRef: E,
+    inputRef: A,
+    buttonRef: v,
+    listBoxRef: B,
     popoverRef: h,
     name: t === "text" ? a : void 0,
     validationBehavior: F
   }, m), [q, y] = Q(null), L = se(() => {
-    if (B.current) {
+    if (A.current) {
       var r;
-      let k = (r = A.current) === null || r === void 0 ? void 0 : r.getBoundingClientRect(), I = B.current.getBoundingClientRect(), M = k ? Math.min(k.left, I.left) : I.left, D = k ? Math.max(k.right, I.right) : I.right;
+      let k = (r = v.current) === null || r === void 0 ? void 0 : r.getBoundingClientRect(), I = A.current.getBoundingClientRect(), M = k ? Math.min(k.left, I.left) : I.left, D = k ? Math.max(k.right, I.right) : I.right;
       y(D - M + "px");
     }
   }, [
+    v,
     A,
-    B,
     y
   ]);
   Pu({
-    ref: B,
+    ref: A,
     onResize: L
   });
   let Z = ee(() => ({
@@ -1213,7 +1213,7 @@ function bn({ props: e, collection: u, comboBoxRef: i }) {
         ve,
         {
           ...G,
-          ref: A,
+          ref: v,
           isPressed: m.isOpen
         }
       ],
@@ -1221,7 +1221,7 @@ function bn({ props: e, collection: u, comboBoxRef: i }) {
         Be,
         {
           ...ue,
-          ref: B
+          ref: A
         }
       ],
       [
@@ -1232,8 +1232,8 @@ function bn({ props: e, collection: u, comboBoxRef: i }) {
         yu,
         {
           ref: h,
-          triggerRef: B,
-          scrollRef: E,
+          triggerRef: A,
+          scrollRef: B,
           placement: "bottom start",
           isNonModal: !0,
           trigger: "ComboBox",
@@ -1247,7 +1247,7 @@ function bn({ props: e, collection: u, comboBoxRef: i }) {
         Ee,
         {
           ...ne,
-          ref: E
+          ref: B
         }
       ],
       [
@@ -1306,21 +1306,21 @@ const Cn = "_combobox_zftmk_4", xn = "_inputField_zftmk_9", mn = "_medium_zftmk_
   en: An,
   sv: Bn
 };
-function po({
+function co({
   label: e,
   description: u,
   errorMessage: i,
   children: a,
   items: t,
   className: d,
-  errorPosition: v = "top",
+  errorPosition: f = "top",
   size: b = "large",
   popover: x,
   ...F
 }) {
-  const g = X.useRef(null), m = tn(En), A = (B) => {
-    var E;
-    B.currentTarget.value && ((E = g.current) == null || E.select());
+  const g = X.useRef(null), m = tn(En), v = (A) => {
+    var B;
+    A.currentTarget.value && ((B = g.current) == null || B.select());
   };
   return /* @__PURE__ */ be(
     $n,
@@ -1328,33 +1328,33 @@ function po({
       className: ae(W.combobox, d),
       ...F,
       children: [
-        /* @__PURE__ */ f(Ju, { popover: x, children: e && /* @__PURE__ */ f(Yu, { children: e }) }),
-        u && /* @__PURE__ */ f(_u, { slot: "description", children: u }),
-        v === "top" && /* @__PURE__ */ f(Ce, { "data-testid": "fieldError", children: i }),
+        /* @__PURE__ */ E(Ju, { popover: x, children: e && /* @__PURE__ */ E(Yu, { children: e }) }),
+        u && /* @__PURE__ */ E(_u, { slot: "description", children: u }),
+        f === "top" && /* @__PURE__ */ E(Ce, { "data-testid": "fieldError", children: i }),
         /* @__PURE__ */ be("div", { className: W.wrap, children: [
-          /* @__PURE__ */ f(
+          /* @__PURE__ */ E(
             vu,
             {
               className: ae(W.inputField, {
                 [W.medium]: b === "medium"
               }),
-              onMouseUp: A,
+              onMouseUp: v,
               ref: g
             }
           ),
-          /* @__PURE__ */ f(
+          /* @__PURE__ */ E(
             ru,
             {
               className: ae(W.button, {
                 [W.medium]: b === "medium"
               }),
               "aria-label": m.format("showList"),
-              children: /* @__PURE__ */ f(
+              children: /* @__PURE__ */ E(
                 "div",
                 {
                   className: W.icon,
                   "aria-hidden": "true",
-                  children: /* @__PURE__ */ f(
+                  children: /* @__PURE__ */ E(
                     on,
                     {
                       size: 20,
@@ -1366,24 +1366,20 @@ function po({
             }
           )
         ] }),
-        v === "bottom" && /* @__PURE__ */ f(Ce, { "data-testid": "fieldError", children: i }),
-        /* @__PURE__ */ f(Qu, { children: /* @__PURE__ */ f(en, { items: t, children: a }) })
+        f === "bottom" && /* @__PURE__ */ E(Ce, { "data-testid": "fieldError", children: i }),
+        /* @__PURE__ */ E(Qu, { children: /* @__PURE__ */ E(en, { items: t, children: a }) })
       ]
     }
   );
 }
 function Tn(e) {
-  return /* @__PURE__ */ f(un, { ...e });
-}
-function Dn(e) {
-  return /* @__PURE__ */ f(nn, { ...e, children: /* @__PURE__ */ f(Su, { items: e.children, children: (u) => /* @__PURE__ */ f(Tn, { children: u.name }, u.id) }) });
+  return /* @__PURE__ */ E(un, { ...e });
 }
-function so(e) {
-  return /* @__PURE__ */ f(Dn, { ...e });
+function po(e) {
+  return /* @__PURE__ */ E(nn, { ...e, children: /* @__PURE__ */ E(Su, { items: e.children, children: (u) => /* @__PURE__ */ E(Tn, { children: u.name }, u.id) }) });
 }
 export {
-  po as C,
+  co as C,
   Tn as a,
-  Dn as b,
-  so as c
+  po as b
 };