@tedi-design-system/react 16.0.0-rc.14 → 16.0.0-rc.15

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@tedi-design-system/react",
-  "version": "16.0.0-rc.14",
+  "version": "16.0.0-rc.15",
   "type": "module",
   "sideEffects": false,
   "exports": {

package/src/tedi/components/form/choice-group/choice-group.cjs.js

@@ -1 +1 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const n=require("react/jsx-runtime"),_=require("../../../../../external/classnames/index.cjs.js"),f=require("react"),Z=require("../feedback-text/feedback-text.cjs.js"),ee=require("../form-label/form-label.cjs.js"),te=require("../checkbox/checkbox.cjs.js"),j=require("./choice-group.module.scss.cjs.js"),re=require("./choice-group-context.cjs.js"),N=require("./components/choice-group-item/choice-group-item.cjs.js"),B=require("../../../helpers/hooks/use-breakpoint.cjs.js"),oe=require("../../../providers/label-provider/use-labels.cjs.js"),ne=require("../../../helpers/hooks/use-breakpoint-props.cjs.js"),F=require("../../layout/grid/row.cjs.js"),ie=require("../../layout/grid/col.cjs.js"),v=m=>{const{getLabel:p}=oe.useLabels(),I=B.useBreakpoint(m.defaultServerBreakpoint),{getCurrentBreakpointProps:R}=ne.useBreakpointProps(m.defaultServerBreakpoint),{id:d,className:T,label:b,required:H,helper:u,items:o,variant:C="default",direction:h=C==="default"||B.isBreakpointBelow(I,"md")?"column":"row",rowProps:x,name:w,inputType:i="radio",value:S,defaultValue:G,onChange:a,hideLabel:P,indeterminateCheck:s,indeterminateCheckProps:g={},color:E,layout:y,showIndicator:$,...O}=R(m),{...W}=g,X=(g==null?void 0:g.indented)??!0,L=(u==null?void 0:u.id)??`${d}-helper`,M=s&&i==="checkbox",[Y,A]=f.useState(()=>{if(G)return G;if(i==="radio"){const e=o.find(l=>l.defaultChecked);return e?e.value:null}return i==="checkbox"?o.filter(e=>e.defaultChecked).map(e=>e.value):null}),q=(e=m.value)=>!!a&&typeof e<"u",r=q(S)?S:Y,k=f.useMemo(()=>(r==null?void 0:r.length)===0,[r==null?void 0:r.length]),c=f.useMemo(()=>{var e;return(r==null?void 0:r.length)===((e=o==null?void 0:o.filter(l=>!l.disabled))==null?void 0:e.length)},[r==null?void 0:r.length,o]),z=f.useMemo(()=>!k&&!c,[c,k]),D=f.useMemo(()=>{const e=c?"all":k?"none":"some";return typeof s=="string"?s:typeof s=="function"?s(e):s?p(e==="all"?"table.filter.remove-all":"table.filter.select-all"):""},[p,s,c,k]),J={name:w,inputType:i,onChange:(e,l)=>{let t=r;i==="checkbox"&&t?t=l?Array.isArray(t)?[...t,e]:[e]:Array.isArray(t)?t.filter(V=>V!==e):t:t=e,q()||A(Array.isArray(t)?[...t]:t),a==null||a(t)},currentValue:r},K=_.default(j.default["tedi-choice-group"],T),Q=_.default(j.default["tedi-choice-group__inner"],x==null?void 0:x.className,{[j.default["tedi-choice-group__inner--indented"]]:M&&X}),U=()=>{var l;const e=c?[]:(l=o==null?void 0:o.filter(t=>!t.disabled))==null?void 0:l.map(t=>t.value);q()||A([...e]),a==null||a(e)};return n.jsx(re.ChoiceGroupContext.Provider,{value:J,children:n.jsxs("fieldset",{...O,className:K,id:d,name:w,"aria-describedby":L,children:[b&&typeof b=="string"?n.jsx(ee.FormLabel,{id:d,label:b,required:H,hideLabel:P,renderWithoutLabel:!0}):n.jsx("label",{htmlFor:d,children:b}),n.jsx(F.Row,{children:n.jsx(ie.Col,{children:o!=null&&o.length?n.jsxs(n.Fragment,{children:[M&&n.jsx(te.Checkbox,{id:`${d}-indeterminate`,value:"indeterminate",name:"indeterminate",...W,label:D,indeterminate:z,checked:c,onChange:U}),n.jsx(F.Row,{direction:h,gutterX:h==="row"&&y==="segmented"?0:2,gutterY:h==="row"&&y==="segmented"?0:1,gap:C==="default"&&(B.isBreakpointBelow(I,"md")||h==="row")?1:0,...x,className:Q,role:i==="radio"?"radiogroup":void 0,"aria-labelledby":i==="radio"?d:void 0,children:o.map(e=>n.jsx(N.ChoiceGroupItem,{...e,color:E,variant:C,type:i,layout:y,showIndicator:$,direction:h},e.id))})]}):n.jsx("p",{children:p("table.filter.no-options")})})}),u&&n.jsx(Z.FeedbackText,{...u,id:L})]})})};v.Item=N.ChoiceGroupItem;exports.ChoiceGroup=v;exports.default=v;
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const o=require("react/jsx-runtime"),_=require("../../../../../external/classnames/index.cjs.js"),h=require("react"),Z=require("../feedback-text/feedback-text.cjs.js"),ee=require("../form-label/form-label.cjs.js"),te=require("../checkbox/checkbox.cjs.js"),j=require("./choice-group.module.scss.cjs.js"),re=require("./choice-group-context.cjs.js"),N=require("./components/choice-group-item/choice-group-item.cjs.js"),B=require("../../../helpers/hooks/use-breakpoint.cjs.js"),ne=require("../../../providers/label-provider/use-labels.cjs.js"),oe=require("../../../helpers/hooks/use-breakpoint-props.cjs.js"),F=require("../../layout/grid/row.cjs.js"),ie=require("../../layout/grid/col.cjs.js"),v=f=>{const{getLabel:m}=ne.useLabels(),I=B.useBreakpoint(f.defaultServerBreakpoint),{getCurrentBreakpointProps:R}=oe.useBreakpointProps(f.defaultServerBreakpoint),{id:d,className:T,label:p,required:H,helper:u,items:n,variant:k="default",direction:C=k==="default"||B.isBreakpointBelow(I,"md")?"column":"row",rowProps:b,name:S,inputType:i="radio",value:G,defaultValue:w,onChange:a,hideLabel:P,indeterminateCheck:s,indeterminateCheckProps:x={},color:E,layout:y="separated",showIndicator:$,...O}=R(f),{...W}=x,X=(x==null?void 0:x.indented)??!0,L=(u==null?void 0:u.id)??`${d}-helper`,M=s&&i==="checkbox",[Y,A]=h.useState(()=>{if(w)return w;if(i==="radio"){const e=n.find(l=>l.defaultChecked);return e?e.value:null}return i==="checkbox"?n.filter(e=>e.defaultChecked).map(e=>e.value):null}),q=(e=f.value)=>!!a&&typeof e<"u",r=q(G)?G:Y,g=h.useMemo(()=>(r==null?void 0:r.length)===0,[r==null?void 0:r.length]),c=h.useMemo(()=>{var e;return(r==null?void 0:r.length)===((e=n==null?void 0:n.filter(l=>!l.disabled))==null?void 0:e.length)},[r==null?void 0:r.length,n]),z=h.useMemo(()=>!g&&!c,[c,g]),D=h.useMemo(()=>{const e=c?"all":g?"none":"some";return typeof s=="string"?s:typeof s=="function"?s(e):s?m(e==="all"?"table.filter.remove-all":"table.filter.select-all"):""},[m,s,c,g]),J={name:S,inputType:i,onChange:(e,l)=>{let t=r;i==="checkbox"&&t?t=l?Array.isArray(t)?[...t,e]:[e]:Array.isArray(t)?t.filter(V=>V!==e):t:t=e,q()||A(Array.isArray(t)?[...t]:t),a==null||a(t)},currentValue:r},K=_.default(j.default["tedi-choice-group"],T),Q=_.default(j.default["tedi-choice-group__inner"],b==null?void 0:b.className,{[j.default["tedi-choice-group__inner--indented"]]:M&&X}),U=()=>{var l;const e=c?[]:(l=n==null?void 0:n.filter(t=>!t.disabled))==null?void 0:l.map(t=>t.value);q()||A([...e]),a==null||a(e)};return o.jsx(re.ChoiceGroupContext.Provider,{value:J,children:o.jsxs("fieldset",{...O,className:K,id:d,name:S,"aria-describedby":L,children:[p&&typeof p=="string"?o.jsx(ee.FormLabel,{id:d,label:p,required:H,hideLabel:P,renderWithoutLabel:!0}):o.jsx("label",{htmlFor:d,children:p}),o.jsx(F.Row,{children:o.jsx(ie.Col,{children:n!=null&&n.length?o.jsxs(o.Fragment,{children:[M&&o.jsx(te.Checkbox,{id:`${d}-indeterminate`,value:"indeterminate",name:"indeterminate",...W,label:D,indeterminate:z,checked:c,onChange:U}),o.jsx(F.Row,{direction:C,gutterX:y==="segmented"?0:2,gutterY:y==="segmented"?0:1,gap:k==="default"&&(B.isBreakpointBelow(I,"md")||C==="row")?1:0,...b,className:Q,role:i==="radio"?"radiogroup":void 0,"aria-labelledby":i==="radio"?d:void 0,children:n.map(e=>o.jsx(N.ChoiceGroupItem,{...e,color:E,variant:k,type:i,layout:y,showIndicator:$,direction:C},e.id))})]}):o.jsx("p",{children:m("table.filter.no-options")})})}),u&&o.jsx(Z.FeedbackText,{...u,id:L})]})})};v.Item=N.ChoiceGroupItem;exports.ChoiceGroup=v;exports.default=v;

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

@@ -1,6 +1,6 @@
-import { jsx as n, jsxs as _, Fragment as Z } from "react/jsx-runtime";
+import { jsx as n, jsxs as w, Fragment as Z } from "react/jsx-runtime";
 import F from "../../../../../external/classnames/index.es.js";
-import y, { useState as ee } from "react";
+import k, { useState as ee } from "react";
 import { FeedbackText as te } from "../feedback-text/feedback-text.es.js";
 import { FormLabel as re } from "../form-label/form-label.es.js";
 import { Checkbox as oe } from "../checkbox/checkbox.es.js";
@@ -8,68 +8,68 @@ import I from "./choice-group.module.scss.es.js";
 import { ChoiceGroupContext as ne } from "./choice-group-context.es.js";
 import { ChoiceGroupItem as j } from "./components/choice-group-item/choice-group-item.es.js";
 import { useBreakpoint as ie, isBreakpointBelow as G } from "../../../helpers/hooks/use-breakpoint.es.js";
-import { useLabels as le } from "../../../providers/label-provider/use-labels.es.js";
-import { useBreakpointProps as ae } from "../../../helpers/hooks/use-breakpoint-props.es.js";
+import { useLabels as ae } from "../../../providers/label-provider/use-labels.es.js";
+import { useBreakpointProps as le } from "../../../helpers/hooks/use-breakpoint-props.es.js";
 import { Row as H } from "../../layout/grid/row.es.js";
 import { Col as de } from "../../layout/grid/col.es.js";
-const se = (u) => {
-  const { getLabel: p } = le(), B = ie(u.defaultServerBreakpoint), { getCurrentBreakpointProps: E } = ae(u.defaultServerBreakpoint), {
+const se = (f) => {
+  const { getLabel: u } = ae(), B = ie(f.defaultServerBreakpoint), { getCurrentBreakpointProps: E } = le(f.defaultServerBreakpoint), {
     id: s,
     className: R,
-    label: h,
+    label: p,
     required: T,
     helper: m,
     items: o,
-    variant: C = "default",
-    direction: f = C === "default" || G(B, "md") ? "column" : "row",
-    rowProps: b,
+    variant: y = "default",
+    direction: C = y === "default" || G(B, "md") ? "column" : "row",
+    rowProps: h,
     name: S,
     inputType: i = "radio",
-    value: w,
-    defaultValue: A,
-    onChange: a,
+    value: A,
+    defaultValue: L,
+    onChange: l,
     hideLabel: $,
     indeterminateCheck: d,
-    indeterminateCheckProps: g = {},
+    indeterminateCheckProps: b = {},
     color: q,
-    layout: x,
+    layout: x = "separated",
     showIndicator: P,
     ...W
-  } = E(u), { ...X } = g, Y = (g == null ? void 0 : g.indented) ?? !0, L = (m == null ? void 0 : m.id) ?? `${s}-helper`, M = d && i === "checkbox", [z, N] = ee(() => {
-    if (A) return A;
+  } = E(f), { ...X } = b, Y = (b == null ? void 0 : b.indented) ?? !0, M = (m == null ? void 0 : m.id) ?? `${s}-helper`, N = d && i === "checkbox", [z, _] = ee(() => {
+    if (L) return L;
     if (i === "radio") {
-      const e = o.find((l) => l.defaultChecked);
+      const e = o.find((a) => a.defaultChecked);
       return e ? e.value : null;
     }
     return i === "checkbox" ? o.filter((e) => e.defaultChecked).map((e) => e.value) : null;
-  }), v = (e = u.value) => !!a && typeof e < "u", r = v(w) ? w : z, k = y.useMemo(() => (r == null ? void 0 : r.length) === 0, [r == null ? void 0 : r.length]), c = y.useMemo(
+  }), v = (e = f.value) => !!l && typeof e < "u", r = v(A) ? A : z, g = k.useMemo(() => (r == null ? void 0 : r.length) === 0, [r == null ? void 0 : r.length]), c = k.useMemo(
     () => {
       var e;
-      return (r == null ? void 0 : r.length) === ((e = o == null ? void 0 : o.filter((l) => !l.disabled)) == null ? void 0 : e.length);
+      return (r == null ? void 0 : r.length) === ((e = o == null ? void 0 : o.filter((a) => !a.disabled)) == null ? void 0 : e.length);
     },
     [r == null ? void 0 : r.length, o]
-  ), D = y.useMemo(() => !k && !c, [c, k]), J = y.useMemo(() => {
-    const e = c ? "all" : k ? "none" : "some";
-    return typeof d == "string" ? d : typeof d == "function" ? d(e) : d ? p(e === "all" ? "table.filter.remove-all" : "table.filter.select-all") : "";
-  }, [p, d, c, k]), K = {
+  ), D = k.useMemo(() => !g && !c, [c, g]), J = k.useMemo(() => {
+    const e = c ? "all" : g ? "none" : "some";
+    return typeof d == "string" ? d : typeof d == "function" ? d(e) : d ? u(e === "all" ? "table.filter.remove-all" : "table.filter.select-all") : "";
+  }, [u, d, c, g]), K = {
     name: S,
     inputType: i,
-    onChange: (e, l) => {
+    onChange: (e, a) => {
       let t = r;
-      i === "checkbox" && t ? t = l ? Array.isArray(t) ? [...t, e] : [e] : Array.isArray(t) ? t.filter((V) => V !== e) : t : t = e, v() || N(Array.isArray(t) ? [...t] : t), a == null || a(t);
+      i === "checkbox" && t ? t = a ? Array.isArray(t) ? [...t, e] : [e] : Array.isArray(t) ? t.filter((V) => V !== e) : t : t = e, v() || _(Array.isArray(t) ? [...t] : t), l == null || l(t);
     },
     currentValue: r
-  }, O = F(I["tedi-choice-group"], R), Q = F(I["tedi-choice-group__inner"], b == null ? void 0 : b.className, {
-    [I["tedi-choice-group__inner--indented"]]: M && Y
+  }, O = F(I["tedi-choice-group"], R), Q = F(I["tedi-choice-group__inner"], h == null ? void 0 : h.className, {
+    [I["tedi-choice-group__inner--indented"]]: N && Y
   }), U = () => {
-    var l;
-    const e = c ? [] : (l = o == null ? void 0 : o.filter((t) => !t.disabled)) == null ? void 0 : l.map((t) => t.value);
-    v() || N([...e]), a == null || a(e);
+    var a;
+    const e = c ? [] : (a = o == null ? void 0 : o.filter((t) => !t.disabled)) == null ? void 0 : a.map((t) => t.value);
+    v() || _([...e]), l == null || l(e);
   };
-  return /* @__PURE__ */ n(ne.Provider, { value: K, children: /* @__PURE__ */ _("fieldset", { ...W, className: O, id: s, name: S, "aria-describedby": L, children: [
-    h && typeof h == "string" ? /* @__PURE__ */ n(re, { id: s, label: h, required: T, hideLabel: $, renderWithoutLabel: !0 }) : /* @__PURE__ */ n("label", { htmlFor: s, children: h }),
-    /* @__PURE__ */ n(H, { children: /* @__PURE__ */ n(de, { children: o != null && o.length ? /* @__PURE__ */ _(Z, { children: [
-      M && /* @__PURE__ */ n(
+  return /* @__PURE__ */ n(ne.Provider, { value: K, children: /* @__PURE__ */ w("fieldset", { ...W, className: O, id: s, name: S, "aria-describedby": M, children: [
+    p && typeof p == "string" ? /* @__PURE__ */ n(re, { id: s, label: p, required: T, hideLabel: $, renderWithoutLabel: !0 }) : /* @__PURE__ */ n("label", { htmlFor: s, children: p }),
+    /* @__PURE__ */ n(H, { children: /* @__PURE__ */ n(de, { children: o != null && o.length ? /* @__PURE__ */ w(Z, { children: [
+      N && /* @__PURE__ */ n(
         oe,
         {
           id: `${s}-indeterminate`,
@@ -85,11 +85,11 @@ const se = (u) => {
       /* @__PURE__ */ n(
         H,
         {
-          direction: f,
-          gutterX: f === "row" && x === "segmented" ? 0 : 2,
-          gutterY: f === "row" && x === "segmented" ? 0 : 1,
-          gap: C === "default" && (G(B, "md") || f === "row") ? 1 : 0,
-          ...b,
+          direction: C,
+          gutterX: x === "segmented" ? 0 : 2,
+          gutterY: x === "segmented" ? 0 : 1,
+          gap: y === "default" && (G(B, "md") || C === "row") ? 1 : 0,
+          ...h,
           className: Q,
           role: i === "radio" ? "radiogroup" : void 0,
           "aria-labelledby": i === "radio" ? s : void 0,
@@ -98,18 +98,18 @@ const se = (u) => {
             {
               ...e,
               color: q,
-              variant: C,
+              variant: y,
               type: i,
               layout: x,
               showIndicator: P,
-              direction: f
+              direction: C
             },
             e.id
           ))
         }
       )
-    ] }) : /* @__PURE__ */ n("p", { children: p("table.filter.no-options") }) }) }),
-    m && /* @__PURE__ */ n(te, { ...m, id: L })
+    ] }) : /* @__PURE__ */ n("p", { children: u("table.filter.no-options") }) }) }),
+    m && /* @__PURE__ */ n(te, { ...m, id: M })
   ] }) });
 };
 se.Item = j;

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

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

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

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

package/src/tedi/components/form/choice-group/components/choice-group-item/choice-group-item.module.scss.cjs.js

@@ -1 +1 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e={"tedi-choice-group-item":"tedi-choice-group-item-427c7527","tedi-choice-group-item--card":"tedi-choice-group-item--card-8fc3694a","tedi-choice-group-item--card__feedback-text":"tedi-choice-group-item--card__feedback-text-f124d2c4","tedi-choice-group-item__input":"tedi-choice-group-item__input-7f8978bd","tedi-choice-group-item--card__label":"tedi-choice-group-item--card__label-3706d8e1","tedi-choice-group-item--disabled":"tedi-choice-group-item--disabled-9e588377","tedi-choice-group-item__feedback-text":"tedi-choice-group-item__feedback-text-c4f883af","tedi-choice-group-item--card-primary":"tedi-choice-group-item--card-primary-17806082","tedi-choice-group-item--checkbox":"tedi-choice-group-item--checkbox-d8e2518f","tedi-choice-group-item--checked":"tedi-choice-group-item--checked-add34e3f","tedi-choice-group-item__indicator":"tedi-choice-group-item__indicator-72d3142f","tedi-choice-group-item__label":"tedi-choice-group-item__label-aa5aae03","tedi-choice-group-item--card-secondary":"tedi-choice-group-item--card-secondary-1ee614f7","tedi-choice-group-item--segmented":"tedi-choice-group-item--segmented-8d812ae2","tedi-choice-group-item--column":"tedi-choice-group-item--column-09c83229","tedi-choice-group-item--row":"tedi-choice-group-item--row-dd5ba42c","tedi-choice-group-item--separated":"tedi-choice-group-item--separated-e086464b","tedi-choice-group-item--radio":"tedi-choice-group-item--radio-2766bb38"};exports.default=e;
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e={"tedi-choice-group-item":"tedi-choice-group-item-427c7527","tedi-choice-group-item--card":"tedi-choice-group-item--card-8fc3694a","tedi-choice-group-item--card__feedback-text":"tedi-choice-group-item--card__feedback-text-f124d2c4","tedi-choice-group-item--card__label":"tedi-choice-group-item--card__label-3706d8e1","tedi-choice-group-item__input":"tedi-choice-group-item__input-7f8978bd","tedi-choice-group-item--disabled":"tedi-choice-group-item--disabled-9e588377","tedi-choice-group-item__feedback-text":"tedi-choice-group-item__feedback-text-c4f883af","tedi-choice-group-item--card-primary":"tedi-choice-group-item--card-primary-17806082","tedi-choice-group-item--checked":"tedi-choice-group-item--checked-add34e3f","tedi-choice-group-item__indicator":"tedi-choice-group-item__indicator-72d3142f","tedi-choice-group-item__label":"tedi-choice-group-item__label-aa5aae03","tedi-choice-group-item--card-secondary":"tedi-choice-group-item--card-secondary-1ee614f7","tedi-choice-group-item--segmented":"tedi-choice-group-item--segmented-8d812ae2","tedi-choice-group-item--column":"tedi-choice-group-item--column-09c83229","tedi-choice-group-item--column-reverse":"tedi-choice-group-item--column-reverse-c38b79f2","tedi-choice-group-item--row":"tedi-choice-group-item--row-dd5ba42c","tedi-choice-group-item--row-reverse":"tedi-choice-group-item--row-reverse-ad23204f","tedi-choice-group-item--separated":"tedi-choice-group-item--separated-e086464b","tedi-choice-group-item--radio":"tedi-choice-group-item--radio-2766bb38"};exports.default=e;

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

@@ -2,19 +2,20 @@ const e = {
   "tedi-choice-group-item": "tedi-choice-group-item-427c7527",
   "tedi-choice-group-item--card": "tedi-choice-group-item--card-8fc3694a",
   "tedi-choice-group-item--card__feedback-text": "tedi-choice-group-item--card__feedback-text-f124d2c4",
-  "tedi-choice-group-item__input": "tedi-choice-group-item__input-7f8978bd",
   "tedi-choice-group-item--card__label": "tedi-choice-group-item--card__label-3706d8e1",
+  "tedi-choice-group-item__input": "tedi-choice-group-item__input-7f8978bd",
   "tedi-choice-group-item--disabled": "tedi-choice-group-item--disabled-9e588377",
   "tedi-choice-group-item__feedback-text": "tedi-choice-group-item__feedback-text-c4f883af",
   "tedi-choice-group-item--card-primary": "tedi-choice-group-item--card-primary-17806082",
-  "tedi-choice-group-item--checkbox": "tedi-choice-group-item--checkbox-d8e2518f",
   "tedi-choice-group-item--checked": "tedi-choice-group-item--checked-add34e3f",
   "tedi-choice-group-item__indicator": "tedi-choice-group-item__indicator-72d3142f",
   "tedi-choice-group-item__label": "tedi-choice-group-item__label-aa5aae03",
   "tedi-choice-group-item--card-secondary": "tedi-choice-group-item--card-secondary-1ee614f7",
   "tedi-choice-group-item--segmented": "tedi-choice-group-item--segmented-8d812ae2",
   "tedi-choice-group-item--column": "tedi-choice-group-item--column-09c83229",
+  "tedi-choice-group-item--column-reverse": "tedi-choice-group-item--column-reverse-c38b79f2",
   "tedi-choice-group-item--row": "tedi-choice-group-item--row-dd5ba42c",
+  "tedi-choice-group-item--row-reverse": "tedi-choice-group-item--row-reverse-ad23204f",
   "tedi-choice-group-item--separated": "tedi-choice-group-item--separated-e086464b",
   "tedi-choice-group-item--radio": "tedi-choice-group-item--radio-2766bb38"
 };