@tedi-design-system/react 14.4.0-rc.11 → 14.4.0-rc.13

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@tedi-design-system/react",
-  "version": "14.4.0-rc.11",
+  "version": "14.4.0-rc.13",
   "type": "module",
   "sideEffects": false,
   "exports": {

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

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

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

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