mimir-ui-kit 1.62.0 → 1.64.0

package/dist/components/RadioGroup/RadioGroup.js

@@ -1,187 +1,200 @@
-import { jsxs as ee, jsx as S, Fragment as _e } from "react/jsx-runtime";
-import { K as M, w as ke, a as oe, z as te, U as ie, b as Oe, T as we, j as ye, u as Pe, I as Ee, G as Te, p as De } from "../../label-BmphTIGY.js";
-import { W as V, y as W, o as L, H as K, s as ne, n as se, $ as le, b as de, D as ue, a as Ce, u as Ge, c as F } from "../../keyboard-wis2TUql.js";
-import E, { createContext as ce, useId as q, useReducer as xe, useRef as B, useMemo as T, useCallback as ze, useContext as pe, forwardRef as Fe } from "react";
-import { u as Ne } from "../../use-by-comparator-CVuf9KBq.js";
+import { jsxs as ee, jsx as U, Fragment as ke } from "react/jsx-runtime";
+import { K, w as Oe, a as ie, z as ne, U as ae, b as we, T as ye, j as Pe, u as Ee, I as De, G as Re, p as Ce } from "../../label-BmphTIGY.js";
+import { W as q, y as B, o as j, H as J, s as te, n as le, $ as se, b as ue, D as de, a as Ge, u as xe, c as N } from "../../keyboard-wis2TUql.js";
+import D, { createContext as ce, useId as X, useReducer as ze, useRef as Q, useMemo as R, useCallback as Fe, useContext as pe, forwardRef as Ne } from "react";
+import { u as Ae } from "../../use-by-comparator-CVuf9KBq.js";
 import { r as fe } from "../../bugs-diTMAGNw.js";
-import { P as re, F as j, T as ae, _ as Ae } from "../../focus-management-BAl0GmRk.js";
-import { c as H } from "../../index-DIxK0V-G.js";
-import '../../assets/RadioGroup.css';var Ie = ((e) => (e[e.RegisterOption = 0] = "RegisterOption", e[e.UnregisterOption = 1] = "UnregisterOption", e))(Ie || {});
-let Se = { 0(e, r) {
-  let o = [...e.options, { id: r.id, element: r.element, propsRef: r.propsRef }];
-  return { ...e, options: Ae(o, (a) => a.element.current) };
-}, 1(e, r) {
-  let o = e.options.slice(), a = e.options.findIndex((u) => u.id === r.id);
-  return a === -1 ? e : (o.splice(a, 1), { ...e, options: o });
-} }, J = ce(null);
-J.displayName = "RadioGroupDataContext";
-function X(e) {
-  let r = pe(J);
-  if (r === null) {
-    let o = new Error(`<${e} /> is missing a parent <RadioGroup /> component.`);
-    throw Error.captureStackTrace && Error.captureStackTrace(o, X), o;
+import { P as re, F as W, T as oe, _ as Se } from "../../focus-management-BAl0GmRk.js";
+import { c as V } from "../../index-DIxK0V-G.js";
+import '../../assets/RadioGroup.css';var Le = ((e) => (e[e.RegisterOption = 0] = "RegisterOption", e[e.UnregisterOption = 1] = "UnregisterOption", e))(Le || {});
+let Ue = { 0(e, o) {
+  let n = [...e.options, { id: o.id, element: o.element, propsRef: o.propsRef }];
+  return { ...e, options: Se(n, (i) => i.element.current) };
+}, 1(e, o) {
+  let n = e.options.slice(), i = e.options.findIndex((d) => d.id === o.id);
+  return i === -1 ? e : (n.splice(i, 1), { ...e, options: n });
+} }, Y = ce(null);
+Y.displayName = "RadioGroupDataContext";
+function Z(e) {
+  let o = pe(Y);
+  if (o === null) {
+    let n = new Error(`<${e} /> is missing a parent <RadioGroup /> component.`);
+    throw Error.captureStackTrace && Error.captureStackTrace(n, Z), n;
   }
-  return r;
+  return o;
 }
-let Q = ce(null);
-Q.displayName = "RadioGroupActionsContext";
-function Y(e) {
-  let r = pe(Q);
-  if (r === null) {
-    let o = new Error(`<${e} /> is missing a parent <RadioGroup /> component.`);
-    throw Error.captureStackTrace && Error.captureStackTrace(o, Y), o;
+let T = ce(null);
+T.displayName = "RadioGroupActionsContext";
+function I(e) {
+  let o = pe(T);
+  if (o === null) {
+    let n = new Error(`<${e} /> is missing a parent <RadioGroup /> component.`);
+    throw Error.captureStackTrace && Error.captureStackTrace(n, I), n;
   }
-  return r;
+  return o;
 }
-function Le(e, r) {
-  return Ce(r.type, Se, e, r);
+function je(e, o) {
+  return Ge(o.type, Ue, e, o);
 }
-let Ue = "div";
-function je(e, r) {
-  let o = q(), a = oe(), { id: u = `headlessui-radiogroup-${o}`, value: _, form: v, name: c, onChange: s, by: m, disabled: l = a || !1, defaultValue: n, ...k } = e, d = Ne(m), [O, D] = xe(Le, { options: [] }), p = O.options, [w, N] = te(), [C, y] = ie(), P = B(null), G = W(P, r), $ = Oe(n), [t, x] = we(_, s, $), z = T(() => p.find((i) => !i.propsRef.current.disabled), [p]), g = T(() => p.some((i) => d(i.propsRef.current.value, t)), [p, t]), f = L((i) => {
-    var A;
-    if (l || d(i, t)) return !1;
-    let R = (A = p.find((U) => d(U.propsRef.current.value, i))) == null ? void 0 : A.propsRef.current;
-    return R != null && R.disabled ? !1 : (x == null || x(i), !0);
-  }), be = L((i) => {
-    let A = P.current;
-    if (!A) return;
-    let R = Ge(A), U = p.filter((b) => b.propsRef.current.disabled === !1).map((b) => b.element.current);
-    switch (i.key) {
-      case F.Enter:
-        De(i.currentTarget);
+let He = "div";
+function We(e, o) {
+  let n = X(), i = ie(), { id: d = `headlessui-radiogroup-${n}`, value: w, form: h, name: r, onChange: a, by: m, disabled: s = i || !1, defaultValue: c, ...v } = e, u = Ae(m), [g, C] = ze(je, { options: [] }), p = g.options, [y, A] = ne(), [G, P] = ae(), E = Q(null), x = B(E, o), k = we(c), [t, z] = ye(w, a, k), F = R(() => p.find((l) => !l.propsRef.current.disabled), [p]), O = R(() => p.some((l) => u(l.propsRef.current.value, t)), [p, t]), f = j((l) => {
+    var S;
+    if (s || u(l, t)) return !1;
+    let _ = (S = p.find((H) => u(H.propsRef.current.value, l))) == null ? void 0 : S.propsRef.current;
+    return _ != null && _.disabled ? !1 : (z == null || z(l), !0);
+  }), be = j((l) => {
+    let S = E.current;
+    if (!S) return;
+    let _ = xe(S), H = p.filter((b) => b.propsRef.current.disabled === !1).map((b) => b.element.current);
+    switch (l.key) {
+      case N.Enter:
+        Ce(l.currentTarget);
         break;
-      case F.ArrowLeft:
-      case F.ArrowUp:
-        if (i.preventDefault(), i.stopPropagation(), re(U, j.Previous | j.WrapAround) === ae.Success) {
-          let b = p.find((I) => I.element.current === (R == null ? void 0 : R.activeElement));
+      case N.ArrowLeft:
+      case N.ArrowUp:
+        if (l.preventDefault(), l.stopPropagation(), re(H, W.Previous | W.WrapAround) === oe.Success) {
+          let b = p.find((L) => L.element.current === (_ == null ? void 0 : _.activeElement));
           b && f(b.propsRef.current.value);
         }
         break;
-      case F.ArrowRight:
-      case F.ArrowDown:
-        if (i.preventDefault(), i.stopPropagation(), re(U, j.Next | j.WrapAround) === ae.Success) {
-          let b = p.find((I) => I.element.current === (R == null ? void 0 : R.activeElement));
+      case N.ArrowRight:
+      case N.ArrowDown:
+        if (l.preventDefault(), l.stopPropagation(), re(H, W.Next | W.WrapAround) === oe.Success) {
+          let b = p.find((L) => L.element.current === (_ == null ? void 0 : _.activeElement));
           b && f(b.propsRef.current.value);
         }
         break;
-      case F.Space:
+      case N.Space:
         {
-          i.preventDefault(), i.stopPropagation();
-          let b = p.find((I) => I.element.current === (R == null ? void 0 : R.activeElement));
+          l.preventDefault(), l.stopPropagation();
+          let b = p.find((L) => L.element.current === (_ == null ? void 0 : _.activeElement));
           b && f(b.propsRef.current.value);
         }
         break;
     }
-  }), Z = L((i) => (D({ type: 0, ...i }), () => D({ type: 1, id: i.id }))), ve = T(() => ({ value: t, firstOption: z, containsCheckedOption: g, disabled: l, compare: d, ...O }), [t, z, g, l, d, O]), he = T(() => ({ registerOption: Z, change: f }), [Z, f]), Re = { ref: G, id: u, role: "radiogroup", "aria-labelledby": w, "aria-describedby": C, onKeyDown: be }, $e = T(() => ({ value: t }), [t]), ge = ze(() => {
-    if ($ !== void 0) return f($);
-  }, [f, $]);
-  return E.createElement(y, { name: "RadioGroup.Description" }, E.createElement(N, { name: "RadioGroup.Label" }, E.createElement(Q.Provider, { value: he }, E.createElement(J.Provider, { value: ve }, c != null && E.createElement(ye, { disabled: l, data: { [c]: t || "on" }, overrides: { type: "radio", checked: t != null }, form: v, onReset: ge }), K({ ourProps: Re, theirProps: k, slot: $e, defaultTag: Ue, name: "RadioGroup" })))));
+  }), M = j((l) => (C({ type: 0, ...l }), () => C({ type: 1, id: l.id }))), ve = R(() => ({ value: t, firstOption: F, containsCheckedOption: O, disabled: s, compare: u, ...g }), [t, F, O, s, u, g]), he = R(() => ({ registerOption: M, change: f }), [M, f]), $e = { ref: x, id: d, role: "radiogroup", "aria-labelledby": y, "aria-describedby": G, onKeyDown: be }, ge = R(() => ({ value: t }), [t]), _e = Fe(() => {
+    if (k !== void 0) return f(k);
+  }, [f, k]);
+  return D.createElement(P, { name: "RadioGroup.Description" }, D.createElement(A, { name: "RadioGroup.Label" }, D.createElement(T.Provider, { value: he }, D.createElement(Y.Provider, { value: ve }, r != null && D.createElement(Pe, { disabled: s, data: { [r]: t || "on" }, overrides: { type: "radio", checked: t != null }, form: h, onReset: _e }), J({ ourProps: $e, theirProps: v, slot: ge, defaultTag: He, name: "RadioGroup" })))));
 }
-let He = "div";
-function Me(e, r) {
-  var o;
-  let a = X("RadioGroup.Option"), u = Y("RadioGroup.Option"), _ = q(), { id: v = `headlessui-radiogroup-option-${_}`, value: c, disabled: s = a.disabled || !1, autoFocus: m = !1, ...l } = e, n = B(null), k = W(n, r), [d, O] = te(), [D, p] = ie(), w = ne({ value: c, disabled: s });
-  se(() => u.registerOption({ id: v, element: n, propsRef: w }), [v, u, n, w]);
-  let N = L((g) => {
+let Ve = "div";
+function Ke(e, o) {
+  var n;
+  let i = Z("RadioGroup.Option"), d = I("RadioGroup.Option"), w = X(), { id: h = `headlessui-radiogroup-option-${w}`, value: r, disabled: a = i.disabled || !1, autoFocus: m = !1, ...s } = e, c = Q(null), v = B(c, o), [u, g] = ne(), [C, p] = ae(), y = te({ value: r, disabled: a });
+  le(() => d.registerOption({ id: h, element: c, propsRef: y }), [h, d, c, y]);
+  let A = j((O) => {
     var f;
-    if (fe(g.currentTarget)) return g.preventDefault();
-    u.change(c) && ((f = n.current) == null || f.focus());
-  }), C = ((o = a.firstOption) == null ? void 0 : o.id) === v, { isFocusVisible: y, focusProps: P } = le({ autoFocus: m }), { isHovered: G, hoverProps: $ } = de({ isDisabled: s }), t = a.compare(a.value, c), x = ue({ ref: k, id: v, role: "radio", "aria-checked": t ? "true" : "false", "aria-labelledby": d, "aria-describedby": D, "aria-disabled": s ? !0 : void 0, tabIndex: s ? -1 : t || !a.containsCheckedOption && C ? 0 : -1, onClick: s ? void 0 : N, autoFocus: m }, P, $), z = T(() => ({ checked: t, disabled: s, active: y, hover: G, focus: y, autofocus: m }), [t, s, G, y, m]);
-  return E.createElement(p, { name: "RadioGroup.Description" }, E.createElement(O, { name: "RadioGroup.Label" }, K({ ourProps: x, theirProps: l, slot: z, defaultTag: He, name: "RadioGroup.Option" })));
+    if (fe(O.currentTarget)) return O.preventDefault();
+    d.change(r) && ((f = c.current) == null || f.focus());
+  }), G = ((n = i.firstOption) == null ? void 0 : n.id) === h, { isFocusVisible: P, focusProps: E } = se({ autoFocus: m }), { isHovered: x, hoverProps: k } = ue({ isDisabled: a }), t = i.compare(i.value, r), z = de({ ref: v, id: h, role: "radio", "aria-checked": t ? "true" : "false", "aria-labelledby": u, "aria-describedby": C, "aria-disabled": a ? !0 : void 0, tabIndex: a ? -1 : t || !i.containsCheckedOption && G ? 0 : -1, onClick: a ? void 0 : A, autoFocus: m }, E, k), F = R(() => ({ checked: t, disabled: a, active: P, hover: x, focus: P, autofocus: m }), [t, a, x, P, m]);
+  return D.createElement(p, { name: "RadioGroup.Description" }, D.createElement(g, { name: "RadioGroup.Label" }, J({ ourProps: z, theirProps: s, slot: F, defaultTag: Ve, name: "RadioGroup.Option" })));
 }
-let Ve = "span";
-function We(e, r) {
-  var o;
-  let a = X("Radio"), u = Y("Radio"), _ = q(), v = Pe(), c = oe(), { id: s = v || `headlessui-radio-${_}`, value: m, disabled: l = a.disabled || c || !1, autoFocus: n = !1, ...k } = e, d = B(null), O = W(d, r), D = Ee(), p = Te(), w = ne({ value: m, disabled: l });
-  se(() => u.registerOption({ id: s, element: d, propsRef: w }), [s, u, d, w]);
-  let N = L((g) => {
+let qe = "span";
+function Be(e, o) {
+  var n;
+  let i = Z("Radio"), d = I("Radio"), w = X(), h = Ee(), r = ie(), { id: a = h || `headlessui-radio-${w}`, value: m, disabled: s = i.disabled || r || !1, autoFocus: c = !1, ...v } = e, u = Q(null), g = B(u, o), C = De(), p = Re(), y = te({ value: m, disabled: s });
+  le(() => d.registerOption({ id: a, element: u, propsRef: y }), [a, d, u, y]);
+  let A = j((O) => {
     var f;
-    if (fe(g.currentTarget)) return g.preventDefault();
-    u.change(m) && ((f = d.current) == null || f.focus());
-  }), { isFocusVisible: C, focusProps: y } = le({ autoFocus: n }), { isHovered: P, hoverProps: G } = de({ isDisabled: l }), $ = ((o = a.firstOption) == null ? void 0 : o.id) === s, t = a.compare(a.value, m), x = ue({ ref: O, id: s, role: "radio", "aria-checked": t ? "true" : "false", "aria-labelledby": D, "aria-describedby": p, "aria-disabled": l ? !0 : void 0, tabIndex: l ? -1 : t || !a.containsCheckedOption && $ ? 0 : -1, autoFocus: n, onClick: l ? void 0 : N }, y, G), z = T(() => ({ checked: t, disabled: l, hover: P, focus: C, autofocus: n }), [t, l, P, C, n]);
-  return K({ ourProps: x, theirProps: k, slot: z, defaultTag: Ve, name: "Radio" });
+    if (fe(O.currentTarget)) return O.preventDefault();
+    d.change(m) && ((f = u.current) == null || f.focus());
+  }), { isFocusVisible: G, focusProps: P } = se({ autoFocus: c }), { isHovered: E, hoverProps: x } = ue({ isDisabled: s }), k = ((n = i.firstOption) == null ? void 0 : n.id) === a, t = i.compare(i.value, m), z = de({ ref: g, id: a, role: "radio", "aria-checked": t ? "true" : "false", "aria-labelledby": C, "aria-describedby": p, "aria-disabled": s ? !0 : void 0, tabIndex: s ? -1 : t || !i.containsCheckedOption && k ? 0 : -1, autoFocus: c, onClick: s ? void 0 : A }, P, x), F = R(() => ({ checked: t, disabled: s, hover: E, focus: G, autofocus: c }), [t, s, E, G, c]);
+  return J({ ourProps: z, theirProps: v, slot: F, defaultTag: qe, name: "Radio" });
 }
-let Ke = V(je), qe = V(Me), me = V(We), Be = M, Je = ke, Xe = Object.assign(Ke, { Option: qe, Radio: me, Label: Be, Description: Je });
-const Qe = "_group_po2hz_2", Ye = "_radio_po2hz_17", Ze = "_disabled_po2hz_39", er = "_label_po2hz_50", rr = "_frame_po2hz_63", ar = "_checked_po2hz_72", h = {
-  group: Qe,
+let Je = q(We), Xe = q(Ke), me = q(Be), Qe = K, Ye = Oe, Ze = Object.assign(Je, { Option: Xe, Radio: me, Label: Qe, Description: Ye });
+const Te = "_group_po2hz_2", Ie = "_radio_po2hz_17", Me = "_disabled_po2hz_39", er = "_label_po2hz_50", rr = "_frame_po2hz_63", or = "_checked_po2hz_72", $ = {
+  group: Te,
   "content-wrapper": "_content-wrapper_po2hz_7",
   "radio-wrapper": "_radio-wrapper_po2hz_17",
-  radio: Ye,
-  disabled: Ze,
+  radio: Ie,
+  disabled: Me,
   label: er,
   frame: rr,
-  checked: ar
-}, cr = Fe(
+  checked: or
+}, cr = Ne(
   ({
     options: e,
-    value: r,
-    onChange: o,
-    label: a,
-    classNameRadioWrapper: u,
-    classNameRadioSpan: _,
-    classNameContentWrapper: v,
-    ...c
-  }, s) => {
-    const m = H(
-      h["radio-wrapper"],
-      u,
+    value: o,
+    onChange: n,
+    label: i,
+    classNameRadioWrapper: d,
+    classNameRadioSpan: w,
+    classNameContentWrapper: h,
+    dataTestIdReactMap: r,
+    ...a
+  }, m) => {
+    const s = V(
+      $["radio-wrapper"],
+      d,
       {
-        [h.disabled]: c.disabled
+        [$.disabled]: a.disabled
       }
     );
     return /* @__PURE__ */ ee(
-      Xe,
+      Ze,
       {
-        ref: s,
-        value: r,
-        className: h.group,
-        onChange: o,
-        ...c,
+        "data-testid-react": r == null ? void 0 : r.group,
+        ref: m,
+        value: o,
+        className: $.group,
+        onChange: n,
+        ...a,
         children: [
-          a && /* @__PURE__ */ S(M, { as: "p", className: h.label, children: a }),
-          /* @__PURE__ */ S(
+          i && /* @__PURE__ */ U(
+            K,
+            {
+              "data-testid-react": r == null ? void 0 : r.label,
+              as: "p",
+              className: $.label,
+              children: i
+            }
+          ),
+          /* @__PURE__ */ U(
             "div",
             {
-              className: H(
-                h["content-wrapper"],
-                v
+              "data-testid-react": r == null ? void 0 : r.contentWrapper,
+              className: V(
+                $["content-wrapper"],
+                h
               ),
-              children: e.map(({ label: l, value: n }) => /* @__PURE__ */ S(
+              children: e.map(({ label: c, value: v }) => /* @__PURE__ */ U(
                 me,
                 {
+                  "data-testid-react": r == null ? void 0 : r.radio,
                   as: "span",
-                  value: n,
-                  disabled: c.disabled,
-                  className: m,
-                  "data-testid": `radio-option-${n}`,
-                  children: ({ checked: k, disabled: d }) => /* @__PURE__ */ ee(_e, { children: [
-                    /* @__PURE__ */ S(
-                      M,
+                  value: v,
+                  disabled: a.disabled,
+                  className: s,
+                  "data-testid": `radio-option-${v}`,
+                  children: ({ checked: u, disabled: g }) => /* @__PURE__ */ ee(ke, { children: [
+                    /* @__PURE__ */ U(
+                      K,
                       {
                         as: "span",
-                        className: H(
-                          h.radio,
+                        className: V(
+                          $.radio,
                           {
-                            [h.disabled]: c.disabled
+                            [$.disabled]: a.disabled
                           },
-                          _
+                          w
                         ),
-                        children: /* @__PURE__ */ S(
+                        children: /* @__PURE__ */ U(
                           "span",
                           {
-                            className: H(h.frame, {
-                              [h.checked]: k,
-                              [h.disabled]: d
+                            "data-testid-react": r == null ? void 0 : r.frame,
+                            className: V($.frame, {
+                              [$.checked]: u,
+                              [$.disabled]: g
                             })
                           }
                         )
                       }
                     ),
-                    l
+                    c
                   ] })
                 },
-                typeof n == "string" ? n : String(n)
+                typeof v == "string" ? v : String(v)
               ))
             }
           )

package/dist/components/SelectSearch/SelectSearch.d.ts

@@ -34,4 +34,5 @@ export declare const SelectSearch: import('react').ForwardRefExoticComponent<Pic
     highlightMatches?: boolean;
     searchInHeaderGroupItems?: boolean;
     isModal?: boolean;
+    dataTestIdReactMap?: import('../..').TDataTestIdReactMap<"selectSearch" | "container" | "input" | "options" | "option" | "groupHeader" | "clearButton" | "loadingIndicator">;
 } & import('react').RefAttributes<HTMLElement>>;