@midas-ds/components 12.0.0 → 12.1.1

package/Radio-C98ly9yx.js

@@ -0,0 +1,333 @@
+import { jsx as g, jsxs as J } from "react/jsx-runtime";
+import { a as Q } from "./Group-C73mD_-i.js";
+import { $ as L, b as X, h as Y, e as Z, a as N, c as ee, d as ae, f as ie } from "./utils-Cpcjg55U.js";
+import { $ as re, F as k } from "./FieldError-DdvFyIf4.js";
+import { $ as de } from "./Form-CXcEMuBf.js";
+import { b as le } from "./Button-DD5_S-tD.js";
+import { $ as oe } from "./Text-Be7WIOwv.js";
+import { a as R, c as se } from "./mergeProps-BSsN7Bgk.js";
+import { $ as F } from "./filterDOMProps-wsa9OcNI.js";
+import _, { useMemo as G, useState as q, forwardRef as T, createContext as B } from "react";
+import { a as te, b as ne, $ as ce } from "./useFormValidation-L0UHvOsP.js";
+import { b as O } from "./usePress-DMUpU0GU.js";
+import { a as fe } from "./useFocusable-DXlMChFC.js";
+import { h as ue } from "./utils-DFIwp4PB.js";
+import { $ as be } from "./FocusScope-Bj40Ir-g.js";
+import { $ as $e } from "./useFocusWithin-ClMkhYcq.js";
+import { $ as ve } from "./useField-BMegM8fA.js";
+import { $ as pe } from "./context-CGNJ3grH.js";
+import { $ as me } from "./useFocusRing-DMo8ctYV.js";
+import { $ as Pe } from "./useHover-D6bNIkU0.js";
+import { $ as he } from "./VisuallyHidden-CGEtjAP7.js";
+import { $ as xe } from "./useControlledState-u436Wbp1.js";
+import { c as W } from "./clsx-OuTLNxxd.js";
+import { a as Re, L as ye } from "./Label-C5TNJ0Ku.js";
+import { T as Ve } from "./Text-CmlsaWMA.js";
+import './assets/Radio.css';const A = /* @__PURE__ */ new WeakMap();
+function ge(a, e, r) {
+  let { value: l, children: t, "aria-label": d, "aria-labelledby": n, onPressStart: i, onPressEnd: f, onPressChange: u, onPress: o, onPressUp: s, onClick: $ } = a;
+  const b = a.isDisabled || e.isDisabled;
+  let y = t != null, m = d != null || n != null;
+  !y && !m && process.env.NODE_ENV !== "production" && console.warn("If you do not provide children, you must specify an aria-label for accessibility");
+  let P = e.selectedValue === l, D = (C) => {
+    C.stopPropagation(), e.setSelectedValue(l);
+  }, { pressProps: I, isPressed: V } = O({
+    onPressStart: i,
+    onPressEnd: f,
+    onPressChange: u,
+    onPress: o,
+    onPressUp: s,
+    onClick: $,
+    isDisabled: b
+  }), { pressProps: E, isPressed: p } = O({
+    onPressStart: i,
+    onPressEnd: f,
+    onPressChange: u,
+    onPressUp: s,
+    onClick: $,
+    isDisabled: b,
+    onPress(C) {
+      var S;
+      o == null || o(C), e.setSelectedValue(l), (S = r.current) === null || S === void 0 || S.focus();
+    }
+  }), { focusableProps: c } = fe(R(a, {
+    onFocus: () => e.setLastFocusedValue(l)
+  }), r), h = R(I, c), v = F(a, {
+    labelable: !0
+  }), x = -1;
+  e.selectedValue != null ? e.selectedValue === l && (x = 0) : (e.lastFocusedValue === l || e.lastFocusedValue == null) && (x = 0), b && (x = void 0);
+  let { name: H, form: j, descriptionId: K, errorMessageId: z, validationBehavior: M } = A.get(e);
+  return te(r, e.defaultSelectedValue, e.setSelectedValue), ne({
+    validationBehavior: M
+  }, e, r), {
+    labelProps: R(E, {
+      onClick: (C) => C.preventDefault()
+    }),
+    inputProps: R(v, {
+      ...h,
+      type: "radio",
+      name: H,
+      form: j,
+      tabIndex: x,
+      disabled: b,
+      required: e.isRequired && M === "native",
+      checked: P,
+      value: l,
+      onChange: D,
+      "aria-describedby": [
+        a["aria-describedby"],
+        e.isInvalid ? z : null,
+        K
+      ].filter(Boolean).join(" ") || void 0
+    }),
+    isDisabled: b,
+    isSelected: P,
+    isPressed: V || p
+  };
+}
+function De(a, e) {
+  let { name: r, form: l, isReadOnly: t, isRequired: d, isDisabled: n, orientation: i = "vertical", validationBehavior: f = "aria" } = a, { direction: u } = pe(), { isInvalid: o, validationErrors: s, validationDetails: $ } = e.displayValidation, { labelProps: b, fieldProps: y, descriptionProps: m, errorMessageProps: P } = ve({
+    ...a,
+    // Radio group is not an HTML input element so it
+    // shouldn't be labeled by a <label> element.
+    labelElementType: "span",
+    isInvalid: e.isInvalid,
+    errorMessage: a.errorMessage || s
+  }), D = F(a, {
+    labelable: !0
+  }), { focusWithinProps: I } = $e({
+    onBlurWithin(p) {
+      var c;
+      (c = a.onBlur) === null || c === void 0 || c.call(a, p), e.selectedValue || e.setLastFocusedValue(null);
+    },
+    onFocusWithin: a.onFocus,
+    onFocusWithinChange: a.onFocusChange
+  }), V = (p) => {
+    let c;
+    switch (p.key) {
+      case "ArrowRight":
+        u === "rtl" && i !== "vertical" ? c = "prev" : c = "next";
+        break;
+      case "ArrowLeft":
+        u === "rtl" && i !== "vertical" ? c = "next" : c = "prev";
+        break;
+      case "ArrowDown":
+        c = "next";
+        break;
+      case "ArrowUp":
+        c = "prev";
+        break;
+      default:
+        return;
+    }
+    p.preventDefault();
+    let h = be(p.currentTarget, {
+      from: p.target,
+      accept: (x) => x instanceof ue(x).HTMLInputElement && x.type === "radio"
+    }), v;
+    c === "next" ? (v = h.nextNode(), v || (h.currentNode = p.currentTarget, v = h.firstChild())) : (v = h.previousNode(), v || (h.currentNode = p.currentTarget, v = h.lastChild())), v && (v.focus(), e.setSelectedValue(v.value));
+  }, E = se(r);
+  return A.set(e, {
+    name: E,
+    form: l,
+    descriptionId: m.id,
+    errorMessageId: P.id,
+    validationBehavior: f
+  }), {
+    radioGroupProps: R(D, {
+      // https://www.w3.org/TR/wai-aria-1.2/#radiogroup
+      role: "radiogroup",
+      onKeyDown: V,
+      "aria-invalid": e.isInvalid || void 0,
+      "aria-errormessage": a["aria-errormessage"],
+      "aria-readonly": t || void 0,
+      "aria-required": d || void 0,
+      "aria-disabled": n || void 0,
+      "aria-orientation": i,
+      ...y,
+      ...I
+    }),
+    labelProps: b,
+    descriptionProps: m,
+    errorMessageProps: P,
+    isInvalid: o,
+    validationErrors: s,
+    validationDetails: $
+  };
+}
+let Ie = Math.round(Math.random() * 1e10), _e = 0;
+function Ce(a) {
+  let e = G(() => a.name || `radio-group-${Ie}-${++_e}`, [
+    a.name
+  ]);
+  var r;
+  let [l, t] = xe(a.value, (r = a.defaultValue) !== null && r !== void 0 ? r : null, a.onChange), [d] = q(l), [n, i] = q(null), f = ce({
+    ...a,
+    value: l
+  }), u = ($) => {
+    !a.isReadOnly && !a.isDisabled && (t($), f.commitValidation());
+  }, o = f.displayValidation.isInvalid;
+  var s;
+  return {
+    ...f,
+    name: e,
+    selectedValue: l,
+    defaultSelectedValue: a.value !== void 0 ? d : (s = a.defaultValue) !== null && s !== void 0 ? s : null,
+    setSelectedValue: u,
+    lastFocusedValue: n,
+    setLastFocusedValue: i,
+    isDisabled: a.isDisabled || !1,
+    isReadOnly: a.isReadOnly || !1,
+    isRequired: a.isRequired || !1,
+    validationState: a.validationState || (o ? "invalid" : null),
+    isInvalid: o
+  };
+}
+const Fe = /* @__PURE__ */ B(null), Ee = /* @__PURE__ */ B(null), U = /* @__PURE__ */ B(null), Se = /* @__PURE__ */ T(function(e, r) {
+  [e, r] = L(e, r, Fe);
+  let { validationBehavior: l } = ee(de) || {};
+  var t, d;
+  let n = (d = (t = e.validationBehavior) !== null && t !== void 0 ? t : l) !== null && d !== void 0 ? d : "native", i = Ce({
+    ...e,
+    validationBehavior: n
+  }), [f, u] = ae(!e["aria-label"] && !e["aria-labelledby"]), { radioGroupProps: o, labelProps: s, descriptionProps: $, errorMessageProps: b, ...y } = De({
+    ...e,
+    label: u,
+    validationBehavior: n
+  }, i), m = N({
+    ...e,
+    values: {
+      orientation: e.orientation || "vertical",
+      isDisabled: i.isDisabled,
+      isReadOnly: i.isReadOnly,
+      isRequired: i.isRequired,
+      isInvalid: i.isInvalid,
+      state: i
+    },
+    defaultClassName: "react-aria-RadioGroup"
+  }), P = F(e, {
+    global: !0
+  });
+  return /* @__PURE__ */ _.createElement("div", {
+    ...R(P, m, o),
+    ref: r,
+    slot: e.slot || void 0,
+    "data-orientation": e.orientation || "vertical",
+    "data-invalid": i.isInvalid || void 0,
+    "data-disabled": i.isDisabled || void 0,
+    "data-readonly": i.isReadOnly || void 0,
+    "data-required": i.isRequired || void 0
+  }, /* @__PURE__ */ _.createElement(ie, {
+    values: [
+      [
+        U,
+        i
+      ],
+      [
+        le,
+        {
+          ...s,
+          ref: f,
+          elementType: "span"
+        }
+      ],
+      [
+        oe,
+        {
+          slots: {
+            description: $,
+            errorMessage: b
+          }
+        }
+      ],
+      [
+        re,
+        y
+      ]
+    ]
+  }, m.children));
+}), we = /* @__PURE__ */ T(function(e, r) {
+  let { inputRef: l = null, ...t } = e;
+  [e, r] = L(t, r, Ee);
+  let d = _.useContext(U), n = X(G(() => Y(l, e.inputRef !== void 0 ? e.inputRef : null), [
+    l,
+    e.inputRef
+  ])), { labelProps: i, inputProps: f, isSelected: u, isDisabled: o, isPressed: s } = ge({
+    ...Z(e),
+    // ReactNode type doesn't allow function children.
+    children: typeof e.children == "function" ? !0 : e.children
+  }, d, n), { isFocused: $, isFocusVisible: b, focusProps: y } = me(), m = o || d.isReadOnly, { hoverProps: P, isHovered: D } = Pe({
+    ...e,
+    isDisabled: m
+  }), I = N({
+    ...e,
+    defaultClassName: "react-aria-Radio",
+    values: {
+      isSelected: u,
+      isPressed: s,
+      isHovered: D,
+      isFocused: $,
+      isFocusVisible: b,
+      isDisabled: o,
+      isReadOnly: d.isReadOnly,
+      isInvalid: d.isInvalid,
+      isRequired: d.isRequired
+    }
+  }), V = F(e, {
+    global: !0
+  });
+  return delete V.id, delete V.onClick, /* @__PURE__ */ _.createElement("label", {
+    ...R(V, i, P, I),
+    ref: r,
+    "data-selected": u || void 0,
+    "data-pressed": s || void 0,
+    "data-hovered": D || void 0,
+    "data-focused": $ || void 0,
+    "data-focus-visible": b || void 0,
+    "data-disabled": o || void 0,
+    "data-readonly": d.isReadOnly || void 0,
+    "data-invalid": d.isInvalid || void 0,
+    "data-required": d.isRequired || void 0
+  }, /* @__PURE__ */ _.createElement(he, {
+    elementType: "span"
+  }, /* @__PURE__ */ _.createElement("input", {
+    ...R(f, y),
+    ref: n
+  })), I.children);
+}), Be = "_radioGroup_1hwrt_1", Me = "_wrap_1hwrt_12", ke = "_radio_1hwrt_1", w = {
+  radioGroup: Be,
+  wrap: Me,
+  radio: ke
+}, sa = ({
+  label: a,
+  description: e,
+  errorMessage: r,
+  children: l,
+  className: t,
+  errorPosition: d = "top",
+  popover: n,
+  ...i
+}) => /* @__PURE__ */ J(
+  Se,
+  {
+    ...i,
+    className: W(w.radioGroup, t),
+    children: [
+      /* @__PURE__ */ g(Re, { popover: n, children: a && /* @__PURE__ */ g(ye, { children: a }) }),
+      e && /* @__PURE__ */ g(Ve, { slot: "description", children: e }),
+      d === "top" && /* @__PURE__ */ g(k, { "data-testid": "fieldError", children: r }),
+      /* @__PURE__ */ g(Q, { className: w.wrap, children: l }),
+      d === "bottom" && /* @__PURE__ */ g(k, { "data-testid": "fieldError", children: r })
+    ]
+  }
+), ta = ({ className: a, ...e }) => /* @__PURE__ */ g(
+  we,
+  {
+    className: W(w.radio, a),
+    ...e
+  }
+);
+export {
+  ta as R,
+  sa as a
+};