@tedi-design-system/react 19.1.2-rc.1 → 19.1.2-rc.3

package/src/tedi/components/form/choice-group/components/choice-group-item/choice-group-item.es.js

@@ -1,104 +1,98 @@
-import { jsx as s, jsxs as _, Fragment as H } from "react/jsx-runtime";
-import u from "../../../../../../../external/classnames/index.es.js";
-import L from "react";
-import { Checkbox as S } from "../../../checkbox/checkbox.es.js";
-import { FeedbackText as V } from "../../../feedback-text/feedback-text.es.js";
-import { Radio as q } from "../../../radio/radio.es.js";
-import { ChoiceGroupContext as z } from "../../choice-group-context.es.js";
+import { jsx as d, jsxs as v, Fragment as M } from "react/jsx-runtime";
+import m from "../../../../../../../external/classnames/index.es.js";
+import R from "react";
+import { Checkbox as T } from "../../../checkbox/checkbox.es.js";
+import { FeedbackText as H } from "../../../feedback-text/feedback-text.es.js";
+import { Radio as L } from "../../../radio/radio.es.js";
+import { ChoiceGroupContext as S } from "../../choice-group-context.es.js";
 import e from "./choice-group-item.module.scss.es.js";
-import { useBreakpointProps as D } from "../../../../../helpers/hooks/use-breakpoint-props.es.js";
-import { Col as J } from "../../../../layout/grid/col.es.js";
-const oe = (l) => {
-  const { getCurrentBreakpointProps: $ } = D(l.defaultServerBreakpoint), {
-    id: c,
+import { useBreakpointProps as V } from "../../../../../helpers/hooks/use-breakpoint-props.es.js";
+import { Col as q } from "../../../../layout/grid/col.es.js";
+const te = (n) => {
+  const { getCurrentBreakpointProps: x } = V(n.defaultServerBreakpoint), {
+    id: o,
     label: C,
-    value: r,
-    className: B,
-    direction: h,
-    disabled: a,
-    colProps: I = h === "column" ? { width: 12 } : { width: "auto" },
+    value: c,
+    className: $,
+    direction: u,
+    disabled: r,
+    colProps: B = u === "column" ? { width: 12 } : { width: "auto" },
     onChange: p,
-    hideLabel: j,
-    helper: d,
-    tooltip: w,
-    type: t = "radio",
-    variant: m = "default",
-    color: E = "primary",
-    layout: F,
-    showIndicator: b,
-    justifyContent: y = "start"
-  } = $(l), { currentValue: n, name: v, onChange: f, inputType: G } = L.useContext(z), o = Array.isArray(n) ? n.includes(r) : r === n, P = n === void 0 ? l.defaultChecked : o, x = (i, k) => {
-    f == null || f(i, k), p == null || p(i, k);
-  }, R = u(
-    e[`tedi-choice-group-item--${F === "separated" ? "separated" : "segmented"}`],
-    h && e[`tedi-choice-group-item--${h}`]
-  ), A = u(
+    hideLabel: I,
+    helper: t,
+    tooltip: j,
+    type: h = "radio",
+    variant: l = "default",
+    color: w = "primary",
+    layout: E,
+    showIndicator: k,
+    justifyContent: b = "start"
+  } = x(n), { currentValue: a, name: y, onChange: f, inputType: F } = R.useContext(S), s = Array.isArray(a) ? a.includes(c) : c === a, G = a === void 0 ? n.defaultChecked : s, N = (i, g) => {
+    f == null || f(i, g), p == null || p(i, g);
+  }, P = m(
+    e[`tedi-choice-group-item--${E === "separated" ? "separated" : "segmented"}`],
+    u && e[`tedi-choice-group-item--${u}`]
+  ), A = m(
     e["tedi-choice-group-item"],
-    e[`tedi-choice-group-item--${m}`],
-    e[`tedi-choice-group-item--${m}-${E}`],
-    b && e["tedi-choice-group-item--indicator"],
-    t && e[`tedi-choice-group-item--${t}`],
-    { [e["tedi-choice-group-item--disabled"]]: a },
-    { [e["tedi-choice-group-item--checked"]]: o },
-    { [`justify-content-${y}`]: y }
-  ), M = t === "radio" ? q : S, T = (i) => {
-    var N;
-    a || m !== "card" || i.target.closest("input, label") || (N = document.getElementById(c)) == null || N.click();
-  }, g = t === "radio";
-  return /* @__PURE__ */ s(J, { ...I, className: R, children: /* @__PURE__ */ s(
-    "div",
+    e[`tedi-choice-group-item--${l}`],
+    e[`tedi-choice-group-item--${l}-${w}`],
+    k && e["tedi-choice-group-item--indicator"],
+    h && e[`tedi-choice-group-item--${h}`],
+    { [e["tedi-choice-group-item--disabled"]]: r },
+    { [e["tedi-choice-group-item--checked"]]: s },
+    { [`justify-content-${b}`]: b }
+  );
+  return /* @__PURE__ */ d(q, { ...B, className: P, children: /* @__PURE__ */ d("div", { className: A, onClick: (i) => {
+    var _;
+    r || l !== "card" || i.target.closest("input, label") || (_ = document.getElementById(o)) == null || _.click();
+  }, "aria-disabled": r || void 0, children: l === "default" || k ? /* @__PURE__ */ d(
+    h === "radio" ? L : T,
     {
-      className: A,
-      tabIndex: g || a ? -1 : 0,
-      onClick: T,
-      role: g ? void 0 : t,
-      "aria-checked": g ? void 0 : o,
-      children: m === "default" || b ? /* @__PURE__ */ s(
-        M,
+      id: o,
+      label: C,
+      value: c,
+      name: y,
+      className: m(e["tedi-choice-group-item__indicator"], $),
+      disabled: r,
+      checked: s,
+      defaultChecked: G,
+      onChange: N,
+      hideLabel: I,
+      helper: t ? { ...t, className: m(e["tedi-choice-group-item__feedback-text"], t.className) } : void 0,
+      tooltip: j,
+      "data-testid": "choice-group-item-indicator"
+    }
+  ) : /* @__PURE__ */ v(M, { children: [
+    /* @__PURE__ */ d(
+      "input",
+      {
+        id: o,
+        value: c,
+        name: y,
+        type: F,
+        disabled: r,
+        checked: s,
+        defaultChecked: a === void 0 ? n.defaultChecked : void 0,
+        onChange: (i) => {
+          N(c, i.target.checked);
+        },
+        className: "visually-hidden"
+      }
+    ),
+    /* @__PURE__ */ v("label", { htmlFor: o, className: e["tedi-choice-group-item__label"], children: [
+      C,
+      t && /* @__PURE__ */ d(
+        H,
         {
-          id: c,
-          label: C,
-          value: r,
-          name: v,
-          className: u(e["tedi-choice-group-item__indicator"], B),
-          disabled: a,
-          checked: o,
-          defaultChecked: P,
-          onChange: x,
-          hideLabel: j,
-          helper: d ? { ...d, className: u(e["tedi-choice-group-item__feedback-text"], d.className) } : void 0,
-          tooltip: w,
-          "data-testid": "choice-group-item-indicator"
+          ...t,
+          id: t.id ?? `${o}-helper`,
+          className: e["tedi-choice-group-item__feedback-text"]
         }
-      ) : /* @__PURE__ */ _(H, { children: [
-        /* @__PURE__ */ s(
-          "input",
-          {
-            id: c,
-            value: r,
-            name: v,
-            type: G,
-            disabled: a,
-            checked: o,
-            defaultChecked: n === void 0 ? l.defaultChecked : void 0,
-            onChange: (i) => {
-              x(r, i.target.checked);
-            },
-            className: "visually-hidden",
-            role: t === "radio" ? "radio" : void 0,
-            "aria-checked": o,
-            tabIndex: -1
-          }
-        ),
-        /* @__PURE__ */ _("label", { htmlFor: c, className: e["tedi-choice-group-item__label"], children: [
-          C,
-          d && /* @__PURE__ */ s(V, { ...d, id: c, className: e["tedi-choice-group-item__feedback-text"] })
-        ] })
-      ] })
-    }
-  ) });
+      )
+    ] })
+  ] }) }) });
 };
 export {
-  oe as ChoiceGroupItem,
-  oe as default
+  te as ChoiceGroupItem,
+  te as default
 };