@tedi-design-system/react 16.0.0-rc.2 → 16.0.0-rc.5

package/src/tedi/components/form/radio/radio.es.js

@@ -1,47 +1,48 @@
-import { jsxs as s, jsx as d } from "react/jsx-runtime";
-import n from "../../../../../external/classnames/index.es.js";
-import m from "react";
-import { FeedbackText as B } from "../feedback-text/feedback-text.es.js";
-import { FormLabel as M } from "../form-label/form-label.es.js";
+import { jsxs as l, jsx as d } from "react/jsx-runtime";
+import c from "../../../../../external/classnames/index.es.js";
+import s from "react";
+import { FeedbackText as M } from "../feedback-text/feedback-text.es.js";
+import { FormLabel as q } from "../form-label/form-label.es.js";
 import i from "./radio.module.scss.es.js";
 import { Row as v } from "../../layout/grid/row.es.js";
-import { Col as N } from "../../layout/grid/col.es.js";
-const J = (C) => {
+import { Col as k } from "../../layout/grid/col.es.js";
+const K = (N) => {
   const {
-    id: a,
-    label: o,
-    value: h,
-    className: g,
-    disabled: f,
-    onChange: r,
-    hideLabel: y,
-    helper: t,
-    checked: l,
-    defaultChecked: R,
-    hover: x,
-    name: j,
+    id: o,
+    label: n,
+    value: m,
+    className: C,
+    disabled: h,
+    onChange: a,
+    hideLabel: g,
+    helper: r,
+    checked: t,
+    defaultChecked: y,
+    hover: R,
+    name: x,
     tooltip: p,
-    size: u = "default",
-    invalid: w,
-    ...F
-  } = C, [_, I] = m.useState(R || !1), c = m.useRef(null), L = m.useMemo(() => r && typeof l < "u" ? l : _, [r, _, l]), $ = (e) => {
-    typeof l > "u" && I(e == null ? void 0 : e.target.checked), r == null || r(h, e == null ? void 0 : e.target.checked);
-  }, b = t ? t.id ?? `${a}-helper` : void 0, z = p ? `${a}-tooltip` : void 0, k = n(i["tedi-radio"], { [i["tedi-radio--disabled"]]: f });
-  return /* @__PURE__ */ s("div", { "data-name": "radio", ...F, children: [
-    /* @__PURE__ */ s(v, { gutter: 0, children: [
-      /* @__PURE__ */ d(N, { width: "auto", children: /* @__PURE__ */ s("div", { className: i["tedi-radio__outer-indicator-wrapper"], children: [
+    size: f = "default",
+    invalid: j,
+    required: w,
+    ...I
+  } = N, [u, L] = s.useState(y || !1), _ = s.useRef(null), $ = s.useMemo(() => a && typeof t < "u" ? t : u, [a, u, t]), z = (e) => {
+    typeof t > "u" && L(e == null ? void 0 : e.target.checked), a == null || a(m, e == null ? void 0 : e.target.checked);
+  }, b = r ? r.id ?? `${o}-helper` : void 0, B = p ? `${o}-tooltip` : void 0, F = c(i["tedi-radio__label"], { [i["tedi-radio--disabled"]]: h });
+  return /* @__PURE__ */ l("div", { "data-name": "radio", ...I, children: [
+    /* @__PURE__ */ l(v, { gutter: 0, children: [
+      /* @__PURE__ */ d(k, { width: "auto", children: /* @__PURE__ */ l("div", { className: i["tedi-radio__outer-indicator-wrapper"], children: [
         /* @__PURE__ */ d(
           "input",
           {
-            id: a,
-            value: h,
-            name: j,
+            id: o,
+            value: m,
+            name: x,
             type: "radio",
-            disabled: f,
-            checked: L,
-            onChange: $,
+            disabled: h,
+            checked: $,
+            onChange: z,
             className: i["tedi-radio__input"],
-            "aria-describedby": [b, z].filter(Boolean).join(" ")
+            "aria-describedby": [b, B].filter(Boolean).join(" ")
           }
         ),
         /* @__PURE__ */ d(
@@ -50,36 +51,37 @@ const J = (C) => {
             "aria-hidden": "true",
             onClick: () => {
               var e;
-              return (e = c.current) == null ? void 0 : e.click();
+              return (e = _.current) == null ? void 0 : e.click();
             },
-            className: n(
+            className: c(
               i["tedi-radio__indicator"],
-              { [i["tedi-radio__indicator--hover"]]: x },
-              { [i[`tedi-radio__indicator--size-${u}`]]: u },
-              { [i["tedi-radio__indicator--invalid"]]: w },
-              g
+              { [i["tedi-radio__indicator--hover"]]: R },
+              { [i[`tedi-radio__indicator--size-${f}`]]: f },
+              { [i["tedi-radio__indicator--invalid"]]: j },
+              C
             ),
             "data-testid": "radio-indicator"
           }
         )
       ] }) }),
-      /* @__PURE__ */ d(N, { children: o && typeof o == "string" ? /* @__PURE__ */ d(
-        M,
+      n && /* @__PURE__ */ d(k, { children: /* @__PURE__ */ d(
+        q,
         {
-          ref: c,
-          className: k,
-          id: a,
+          ref: _,
+          className: F,
+          id: o,
           "data-testid": "radio-label",
-          hideLabel: y,
-          label: o,
-          tooltip: p
+          hideLabel: g,
+          label: n,
+          tooltip: p,
+          required: w
         }
-      ) : /* @__PURE__ */ d("label", { ref: c, htmlFor: a, className: k, "data-testid": "radio-label", children: o }) })
+      ) })
     ] }),
-    t && /* @__PURE__ */ d(B, { id: b, ...t, className: n(i["tedi-radio__helper"], t.className) })
+    r && /* @__PURE__ */ d(M, { id: b, ...r, className: c(i["tedi-radio__helper"], r.className) })
   ] });
 };
 export {
-  J as Radio,
-  J as default
+  K as Radio,
+  K as default
 };