@midas-ds/components 1.0.2 → 1.0.3

package/{useFocusable-C-N9wcwm.js → useFocusable-CRSmYEQc.js}

@@ -1,6 +1,6 @@
-import { z as d, e as n, t as i, j as b } from "./useFocusRing-D97-G3fT.js";
+import { C as d, e as n, t as i, j as b } from "./useFocusRing-BKGhL91C.js";
 import l, { useRef as $, useEffect as p, useContext as P } from "react";
-function f(e) {
+function u(e) {
   if (!e) return;
   let t = !0;
   return (o) => {
@@ -13,10 +13,13 @@ function f(e) {
         return o.isDefaultPrevented();
       },
       stopPropagation() {
-        console.error("stopPropagation is now the default behavior for events in React Spectrum. You can use continuePropagation() to revert this behavior.");
+        t ? console.error("stopPropagation is now the default behavior for events in React Spectrum. You can use continuePropagation() to revert this behavior.") : t = !0;
       },
       continuePropagation() {
         t = !1;
+      },
+      isPropagationStopped() {
+        return t;
       }
     };
     e(r), t && o.stopPropagation();
@@ -25,8 +28,8 @@ function f(e) {
 function x(e) {
   return {
     keyboardProps: e.isDisabled ? {} : {
-      onKeyDown: f(e.onKeyDown),
-      onKeyUp: f(e.onKeyUp)
+      onKeyDown: u(e.onKeyDown),
+      onKeyUp: u(e.onKeyUp)
     }
   };
 }
@@ -38,16 +41,16 @@ function D(e) {
   return r;
 }
 function h(e, t) {
-  let { focusProps: o } = d(e), { keyboardProps: r } = x(e), u = n(o, r), c = D(t), s = e.isDisabled ? {} : c, a = $(e.autoFocus);
+  let { focusProps: o } = d(e), { keyboardProps: r } = x(e), f = n(o, r), s = D(t), c = e.isDisabled ? {} : s, a = $(e.autoFocus);
   return p(() => {
     a.current && t.current && i(t.current), a.current = !1;
   }, [
     t
   ]), {
     focusableProps: n({
-      ...u,
+      ...f,
       tabIndex: e.excludeFromTabOrder && !e.isDisabled ? -1 : void 0
-    }, s)
+    }, c)
   };
 }
 export {

package/{useGridSelectionCheckbox-i1rsjlC-.js → useGridSelectionCheckbox-CVEvUCJL.js}

@@ -1,6 +1,6 @@
-import { $ as s } from "./useHighlightSelectionDescription-JVx2MW_e.js";
-import { k as f } from "./useFocusRing-D97-G3fT.js";
-import { $ } from "./useLocalizedStringFormatter-DVCAZqcL.js";
+import { $ as s } from "./useHighlightSelectionDescription-CD74uzLh.js";
+import { l as f } from "./useFocusRing-BKGhL91C.js";
+import { $ } from "./useLocalizedStringFormatter-DsZ-ZWSk.js";
 function d(e) {
   return e && e.__esModule ? e.default : e;
 }

package/useHasTabbableChild-C8y4fwiY.js

@@ -0,0 +1,34 @@
+import { $ as l } from "./FocusScope-C8i7CH6y.js";
+import { k as n } from "./useFocusRing-BKGhL91C.js";
+import { useState as s } from "react";
+function $(e, t) {
+  let a = t == null ? void 0 : t.isDisabled, [b, u] = s(!1);
+  return n(() => {
+    if (e != null && e.current && !a) {
+      let r = () => {
+        if (e.current) {
+          let i = l(e.current, {
+            tabbable: !0
+          });
+          u(!!i.nextNode());
+        }
+      };
+      r();
+      let d = new MutationObserver(r);
+      return d.observe(e.current, {
+        subtree: !0,
+        childList: !0,
+        attributes: !0,
+        attributeFilter: [
+          "tabIndex",
+          "disabled"
+        ]
+      }), () => {
+        d.disconnect();
+      };
+    }
+  }), a ? !1 : b;
+}
+export {
+  $
+};

package/{useHighlightSelectionDescription-JVx2MW_e.js → useHighlightSelectionDescription-CD74uzLh.js}

@@ -1,9 +1,9 @@
-import { b as J } from "./Button-CCevm2s3.js";
-import { $ as B } from "./useLocalizedStringFormatter-DVCAZqcL.js";
+import { b as J } from "./Button-B4vMZbC6.js";
+import { $ as B } from "./useLocalizedStringFormatter-DsZ-ZWSk.js";
 import { useRef as q, useMemo as Q } from "react";
 import { $ as X } from "./useUpdateEffect-Dtz-i14F.js";
-import { $ as Y } from "./useDescription-D4_zk_sA.js";
-import { N as ee } from "./useFocusRing-D97-G3fT.js";
+import { $ as Y } from "./useDescription-BPs7eRff.js";
+import { P as ee } from "./useFocusRing-BKGhL91C.js";
 var D = {};
 D = {
   deselectedItem: (e) => `${e.item} غير المحدد`,
@@ -147,8 +147,8 @@ h = {
   })}.`,
   selectedItem: (e) => `${e.item} sélectionné.`
 };
-var F = {};
-F = {
+var f = {};
+f = {
   deselectedItem: (e) => `${e.item} לא נבחר.`,
   longPressToSelect: "הקשה ארוכה לכניסה למצב בחירה.",
   select: "בחר",
@@ -160,8 +160,8 @@ F = {
   })}.`,
   selectedItem: (e) => `${e.item} נבחר.`
 };
-var z = {};
-z = {
+var F = {};
+F = {
   deselectedItem: (e) => `Stavka ${e.item} nije odabrana.`,
   longPressToSelect: "Dugo pritisnite za ulazak u način odabira.",
   select: "Odaberite",
@@ -173,8 +173,8 @@ z = {
   })}.`,
   selectedItem: (e) => `Stavka ${e.item} je odabrana.`
 };
-var f = {};
-f = {
+var z = {};
+z = {
   deselectedItem: (e) => `${e.item} nincs kijelölve.`,
   longPressToSelect: "Nyomja hosszan a kijelöléshez.",
   select: "Kijelölés",
@@ -264,8 +264,8 @@ j = {
   })}.`,
   selectedItem: (e) => `${e.item} er valgt.`
 };
-var N = {};
-N = {
+var M = {};
+M = {
   deselectedItem: (e) => `${e.item} niet geselecteerd.`,
   longPressToSelect: "Druk lang om de selectiemodus te openen.",
   select: "Selecteren",
@@ -277,8 +277,8 @@ N = {
   })}.`,
   selectedItem: (e) => `${e.item} geselecteerd.`
 };
-var M = {};
-M = {
+var N = {};
+N = {
   deselectedItem: (e) => `Nie zaznaczono ${e.item}.`,
   longPressToSelect: "Naciśnij i przytrzymaj, aby wejść do trybu wyboru.",
   select: "Zaznacz",
@@ -459,17 +459,17 @@ m = {
   "et-EE": k,
   "fi-FI": I,
   "fr-FR": h,
-  "he-IL": F,
-  "hr-HR": z,
-  "hu-HU": f,
+  "he-IL": f,
+  "hr-HR": F,
+  "hu-HU": z,
   "it-IT": S,
   "ja-JP": y,
   "ko-KR": T,
   "lt-LT": g,
   "lv-LV": P,
   "nb-NO": j,
-  "nl-NL": N,
-  "pl-PL": M,
+  "nl-NL": M,
+  "pl-PL": N,
   "pt-BR": w,
   "pt-PT": V,
   "ro-RO": _,

package/useListState-DKnP5TB5.js

@@ -0,0 +1,119 @@
+import { $ as C, a as T, b as V } from "./SelectionManager-8o40f7mx.js";
+import { useMemo as m, useCallback as W, useRef as z, useEffect as F } from "react";
+class D {
+  *[Symbol.iterator]() {
+    yield* this.iterable;
+  }
+  get size() {
+    return this.keyMap.size;
+  }
+  getKeys() {
+    return this.keyMap.keys();
+  }
+  getKeyBefore(l) {
+    let n = this.keyMap.get(l);
+    var e;
+    return n && (e = n.prevKey) !== null && e !== void 0 ? e : null;
+  }
+  getKeyAfter(l) {
+    let n = this.keyMap.get(l);
+    var e;
+    return n && (e = n.nextKey) !== null && e !== void 0 ? e : null;
+  }
+  getFirstKey() {
+    return this.firstKey;
+  }
+  getLastKey() {
+    return this.lastKey;
+  }
+  getItem(l) {
+    var n;
+    return (n = this.keyMap.get(l)) !== null && n !== void 0 ? n : null;
+  }
+  at(l) {
+    const n = [
+      ...this.getKeys()
+    ];
+    return this.getItem(n[l]);
+  }
+  getChildren(l) {
+    let n = this.keyMap.get(l);
+    return (n == null ? void 0 : n.childNodes) || [];
+  }
+  constructor(l) {
+    this.keyMap = /* @__PURE__ */ new Map(), this.firstKey = null, this.lastKey = null, this.iterable = l;
+    let n = (u) => {
+      if (this.keyMap.set(u.key, u), u.childNodes && u.type === "section") for (let t of u.childNodes) n(t);
+    };
+    for (let u of l) n(u);
+    let e = null, K = 0;
+    for (let [u, t] of this.keyMap)
+      e ? (e.nextKey = u, t.prevKey = e.key) : (this.firstKey = u, t.prevKey = void 0), t.type === "item" && (t.index = K++), e = t, e.nextKey = void 0;
+    var c;
+    this.lastKey = (c = e == null ? void 0 : e.key) !== null && c !== void 0 ? c : null;
+  }
+}
+function A(d) {
+  let { filter: l, layoutDelegate: n } = d, e = C(d), K = m(() => d.disabledKeys ? new Set(d.disabledKeys) : /* @__PURE__ */ new Set(), [
+    d.disabledKeys
+  ]), c = W((y) => l ? new D(l(y)) : new D(y), [
+    l
+  ]), u = m(() => ({
+    suppressTextValueWarning: d.suppressTextValueWarning
+  }), [
+    d.suppressTextValueWarning
+  ]), t = T(d, c, u), g = m(() => new V(t, e, {
+    layoutDelegate: n
+  }), [
+    t,
+    e,
+    n
+  ]);
+  const o = z(null);
+  return F(() => {
+    if (e.focusedKey != null && !t.getItem(e.focusedKey) && o.current) {
+      const i = o.current.getItem(e.focusedKey), x = [
+        ...o.current.getKeys()
+      ].map((r) => {
+        const f = o.current.getItem(r);
+        return (f == null ? void 0 : f.type) === "item" ? f : null;
+      }).filter((r) => r !== null), s = [
+        ...t.getKeys()
+      ].map((r) => {
+        const f = t.getItem(r);
+        return (f == null ? void 0 : f.type) === "item" ? f : null;
+      }).filter((r) => r !== null);
+      var y, h;
+      const w = ((y = x == null ? void 0 : x.length) !== null && y !== void 0 ? y : 0) - ((h = s == null ? void 0 : s.length) !== null && h !== void 0 ? h : 0);
+      var k, p, b;
+      let a = Math.min(w > 1 ? Math.max(((k = i == null ? void 0 : i.index) !== null && k !== void 0 ? k : 0) - w + 1, 0) : (p = i == null ? void 0 : i.index) !== null && p !== void 0 ? p : 0, ((b = s == null ? void 0 : s.length) !== null && b !== void 0 ? b : 0) - 1), v = null, S = !1;
+      for (; a >= 0; ) {
+        if (!g.isDisabled(s[a].key)) {
+          v = s[a];
+          break;
+        }
+        if (a < s.length - 1 && !S) a++;
+        else {
+          S = !0;
+          var $, M;
+          a > (($ = i == null ? void 0 : i.index) !== null && $ !== void 0 ? $ : 0) && (a = (M = i == null ? void 0 : i.index) !== null && M !== void 0 ? M : 0), a--;
+        }
+      }
+      e.setFocusedKey(v ? v.key : null);
+    }
+    o.current = t;
+  }, [
+    t,
+    g,
+    e,
+    e.focusedKey
+  ]), {
+    collection: t,
+    disabledKeys: K,
+    selectionManager: g
+  };
+}
+export {
+  A as $,
+  D as a
+};

package/{useLocalizedStringFormatter-DVCAZqcL.js → useLocalizedStringFormatter-DsZ-ZWSk.js}

@@ -1,13 +1,13 @@
-import { $ } from "./context-ScOIq_Gu.js";
+import { $ } from "./context-Bnqknrce.js";
 import { useMemo as b } from "react";
 const g = Symbol.for("react-aria.i18n.locale"), h = Symbol.for("react-aria.i18n.strings");
 let i;
 class c {
   /** Returns a localized string for the given key and locale. */
   getStringForLocale(e, t) {
-    let a = this.getStringsForLocale(t)[e];
-    if (!a) throw new Error(`Could not find intl message ${e} in ${t} locale`);
-    return a;
+    let n = this.getStringsForLocale(t)[e];
+    if (!n) throw new Error(`Could not find intl message ${e} in ${t} locale`);
+    return n;
   }
   /** Returns all localized strings for the given locale. */
   getStringsForLocale(e) {
@@ -18,11 +18,11 @@ class c {
     if (typeof window > "u") return null;
     let t = window[g];
     if (i === void 0) {
-      let a = window[h];
-      if (!a) return null;
+      let n = window[h];
+      if (!n) return null;
       i = {};
-      for (let o in a) i[o] = new c({
-        [t]: a[o]
+      for (let l in n) i[l] = new c({
+        [t]: n[l]
       }, t);
     }
     let r = i == null ? void 0 : i[e];
@@ -33,16 +33,16 @@ class c {
     this.strings = Object.fromEntries(Object.entries(e).filter(([, r]) => r)), this.defaultLocale = t;
   }
 }
-function w(n, e, t = "en-US") {
-  if (e[n]) return e[n];
-  let r = m(n);
+function w(a, e, t = "en-US") {
+  if (e[a]) return e[a];
+  let r = m(a);
   if (e[r]) return e[r];
-  for (let a in e)
-    if (a.startsWith(r + "-")) return e[a];
+  for (let n in e)
+    if (n.startsWith(r + "-")) return e[n];
   return e[t];
 }
-function m(n) {
-  return Intl.Locale ? new Intl.Locale(n).language : n.split("-")[0];
+function m(a) {
+  return Intl.Locale ? new Intl.Locale(a).language : a.split("-")[0];
 }
 const s = /* @__PURE__ */ new Map(), f = /* @__PURE__ */ new Map();
 class p {
@@ -52,14 +52,14 @@ class p {
     return typeof r == "function" ? r(t, this) : r;
   }
   plural(e, t, r = "cardinal") {
-    let a = t["=" + e];
-    if (a) return typeof a == "function" ? a() : a;
-    let o = this.locale + ":" + r, l = s.get(o);
-    l || (l = new Intl.PluralRules(this.locale, {
+    let n = t["=" + e];
+    if (n) return typeof n == "function" ? n() : n;
+    let l = this.locale + ":" + r, o = s.get(l);
+    o || (o = new Intl.PluralRules(this.locale, {
       type: r
-    }), s.set(o, l));
-    let d = l.select(e);
-    return a = t[d] || t.other, typeof a == "function" ? a() : a;
+    }), s.set(l, o));
+    let d = o.select(e);
+    return n = t[d] || t.other, typeof n == "function" ? n() : n;
   }
   number(e) {
     let t = f.get(this.locale);
@@ -74,15 +74,15 @@ class p {
   }
 }
 const u = /* @__PURE__ */ new WeakMap();
-function y(n) {
-  let e = u.get(n);
-  return e || (e = new c(n), u.set(n, e)), e;
+function y(a) {
+  let e = u.get(a);
+  return e || (e = new c(a), u.set(a, e)), e;
 }
-function S(n, e) {
-  return e && c.getGlobalDictionaryForPackage(e) || y(n);
+function S(a, e) {
+  return e && c.getGlobalDictionaryForPackage(e) || y(a);
 }
-function F(n, e) {
-  let { locale: t } = $(), r = S(n, e);
+function F(a, e) {
+  let { locale: t } = $(), r = S(a, e);
   return b(() => new p(t, r), [
     t,
     r

package/{useSingleSelectListState-CmX9_L5H.js → useSingleSelectListState-BHTLh8Ob.js}

@@ -1,5 +1,5 @@
-import { $ as f } from "./useListState-DSOTbsL3.js";
-import { $ as y } from "./useControlledState-S_TYcV_c.js";
+import { $ as r } from "./useListState-DKnP5TB5.js";
+import { $ as y } from "./useControlledState-DrAoodI6.js";
 import { useMemo as K } from "react";
 function S(l) {
   var t;
@@ -7,7 +7,7 @@ function S(l) {
     e
   ] : [], [
     e
-  ]), { collection: o, disabledKeys: s, selectionManager: u } = f({
+  ]), { collection: o, disabledKeys: s, selectionManager: u } = r({
     ...l,
     selectionMode: "single",
     disallowEmptySelection: !0,
@@ -19,14 +19,14 @@ function S(l) {
       let a = (n = d.values().next().value) !== null && n !== void 0 ? n : null;
       a === e && l.onSelectionChange && l.onSelectionChange(a), c(a);
     }
-  }), r = e != null ? o.getItem(e) : null;
+  }), f = e != null ? o.getItem(e) : null;
   return {
     collection: o,
     disabledKeys: s,
     selectionManager: u,
     selectedKey: e,
     setSelectedKey: c,
-    selectedItem: r
+    selectedItem: f
   };
 }
 export {

package/Button-CCevm2s3.js

@@ -1,183 +0,0 @@
-import { m as I, e as m, n as C, a as w, c as F, b as N, d as O, k as x } from "./useFocusRing-D97-G3fT.js";
-import L, { createContext as E, useRef as S, useEffect as V } from "react";
-import { $ as M } from "./Hidden-BQWDvze4.js";
-import { $ as R } from "./useFocusable-C-N9wcwm.js";
-function k(e, t) {
-  let {
-    elementType: n = "button",
-    isDisabled: i,
-    onPress: a,
-    onPressStart: r,
-    onPressEnd: s,
-    onPressUp: l,
-    onPressChange: $,
-    preventFocusOnPress: p,
-    allowFocusWhenDisabled: h,
-    // @ts-ignore
-    onClick: f,
-    href: P,
-    target: u,
-    rel: b,
-    type: o = "button"
-  } = e, c;
-  n === "button" ? c = {
-    type: o,
-    disabled: i
-  } : c = {
-    role: "button",
-    tabIndex: i ? void 0 : 0,
-    href: n === "a" && !i ? P : void 0,
-    target: n === "a" ? u : void 0,
-    type: n === "input" ? o : void 0,
-    disabled: n === "input" ? i : void 0,
-    "aria-disabled": !i || n === "input" ? void 0 : i,
-    rel: n === "a" ? b : void 0
-  };
-  let { pressProps: v, isPressed: T } = I({
-    onPressStart: r,
-    onPressEnd: s,
-    onPressChange: $,
-    onPress: a,
-    onPressUp: l,
-    isDisabled: i,
-    preventFocusOnPress: p,
-    ref: t
-  }), { focusableProps: g } = R(e, t);
-  h && (g.tabIndex = i ? -1 : g.tabIndex);
-  let _ = m(g, v, C(e, {
-    labelable: !0
-  }));
-  return {
-    isPressed: T,
-    buttonProps: m(c, _, {
-      "aria-haspopup": e["aria-haspopup"],
-      "aria-expanded": e["aria-expanded"],
-      "aria-controls": e["aria-controls"],
-      "aria-pressed": e["aria-pressed"],
-      onClick: (D) => {
-        f && (f(D), console.warn("onClick is deprecated, please use onPress"));
-      }
-    })
-  };
-}
-const A = 7e3;
-let d = null;
-function y(e, t = "assertive", n = A) {
-  d ? d.announce(e, t, n) : (d = new H(), (typeof IS_REACT_ACT_ENVIRONMENT == "boolean" ? IS_REACT_ACT_ENVIRONMENT : typeof jest < "u") ? d.announce(e, t, n) : setTimeout(() => {
-    d != null && d.isAttached() && (d == null || d.announce(e, t, n));
-  }, 100));
-}
-function J(e) {
-  d && d.clear(e);
-}
-class H {
-  isAttached() {
-    var t;
-    return (t = this.node) === null || t === void 0 ? void 0 : t.isConnected;
-  }
-  createLog(t) {
-    let n = document.createElement("div");
-    return n.setAttribute("role", "log"), n.setAttribute("aria-live", t), n.setAttribute("aria-relevant", "additions"), n;
-  }
-  destroy() {
-    this.node && (document.body.removeChild(this.node), this.node = null);
-  }
-  announce(t, n = "assertive", i = A) {
-    var a, r;
-    if (!this.node) return;
-    let s = document.createElement("div");
-    typeof t == "object" ? (s.setAttribute("role", "img"), s.setAttribute("aria-labelledby", t["aria-labelledby"])) : s.textContent = t, n === "assertive" ? (a = this.assertiveLog) === null || a === void 0 || a.appendChild(s) : (r = this.politeLog) === null || r === void 0 || r.appendChild(s), t !== "" && setTimeout(() => {
-      s.remove();
-    }, i);
-  }
-  clear(t) {
-    this.node && ((!t || t === "assertive") && this.assertiveLog && (this.assertiveLog.innerHTML = ""), (!t || t === "polite") && this.politeLog && (this.politeLog.innerHTML = ""));
-  }
-  constructor() {
-    this.node = null, this.assertiveLog = null, this.politeLog = null, typeof document < "u" && (this.node = document.createElement("div"), this.node.dataset.liveAnnouncer = "true", Object.assign(this.node.style, {
-      border: 0,
-      clip: "rect(0 0 0 0)",
-      clipPath: "inset(50%)",
-      height: "1px",
-      margin: "-1px",
-      overflow: "hidden",
-      padding: 0,
-      position: "absolute",
-      width: "1px",
-      whiteSpace: "nowrap"
-    }), this.assertiveLog = this.createLog("assertive"), this.node.appendChild(this.assertiveLog), this.politeLog = this.createLog("polite"), this.node.appendChild(this.politeLog), document.body.prepend(this.node));
-  }
-}
-const U = /* @__PURE__ */ E(null), j = /* @__PURE__ */ new Set([
-  "form",
-  "formAction",
-  "formEncType",
-  "formMethod",
-  "formNoValidate",
-  "formTarget",
-  "name",
-  "value"
-]), B = /* @__PURE__ */ E({});
-function K(e, t) {
-  [e, t] = w(e, t, B), e = W(e);
-  let n = e, { isPending: i } = n, { buttonProps: a, isPressed: r } = k(e, t), { focusProps: s, isFocused: l, isFocusVisible: $ } = F(e), { hoverProps: p, isHovered: h } = N({
-    ...e,
-    isDisabled: e.isDisabled || i
-  }), f = {
-    isHovered: h,
-    isPressed: (n.isPressed || r) && !i,
-    isFocused: l,
-    isFocusVisible: $,
-    isDisabled: e.isDisabled || !1,
-    isPending: i ?? !1
-  }, P = O({
-    ...e,
-    values: f,
-    defaultClassName: "react-aria-Button"
-  }), u = x(a.id), b = x(), o = a["aria-labelledby"];
-  i && (o ? o = `${o} ${b}` : a["aria-label"] && (o = `${u} ${b}`));
-  let c = S(i);
-  return V(() => {
-    let v = {
-      "aria-labelledby": o || u
-    };
-    (!c.current && l && i || c.current && l && !i) && y(v, "assertive"), c.current = i;
-  }, [
-    i,
-    l,
-    o,
-    u
-  ]), /* @__PURE__ */ L.createElement("button", {
-    ...C(e, {
-      propNames: j
-    }),
-    ...m(a, s, p),
-    ...P,
-    id: u,
-    ref: t,
-    "aria-labelledby": o,
-    slot: e.slot || void 0,
-    "aria-disabled": i ? "true" : a["aria-disabled"],
-    "data-disabled": e.isDisabled || void 0,
-    "data-pressed": f.isPressed || void 0,
-    "data-hovered": h || void 0,
-    "data-focused": l || void 0,
-    "data-pending": i || void 0,
-    "data-focus-visible": $ || void 0
-  }, /* @__PURE__ */ L.createElement(U.Provider, {
-    value: {
-      id: b
-    }
-  }, P.children));
-}
-function W(e) {
-  return e.isPending && (e.onPress = void 0, e.onPressStart = void 0, e.onPressEnd = void 0, e.onPressChange = void 0, e.onPressUp = void 0, e.onKeyDown = void 0, e.onKeyUp = void 0, e.onClick = void 0, e.href = void 0), e;
-}
-const Q = /* @__PURE__ */ M(K);
-export {
-  Q as $,
-  B as a,
-  y as b,
-  k as c,
-  J as d
-};