@tedi-design-system/react 17.0.0 → 17.1.0-rc.10

package/src/tedi/components/content/text-group/text-group-list/text-group-list.cjs.js

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const r=require("react/jsx-runtime"),s=require("../../../../../../external/classnames/index.cjs.js"),v=require("../../label/label.cjs.js"),t=require("../text-group.module.scss.cjs.js"),y=require("../../../../helpers/hooks/use-breakpoint-props.cjs.js"),m=e=>typeof e=="string"?r.jsx(v.Label,{children:e}):e,a=e=>typeof e=="number"?`${e}%`:e,o=e=>{const{getCurrentBreakpointProps:i}=y.useBreakpointProps(e.defaultServerBreakpoint),{items:d,labelWidth:u="auto",className:n,type:c="vertical",labelAlign:p="left"}=i(e),x=s.default(t.default["tedi-text-group"],t.default["tedi-text-group--list"],t.default[`tedi-text-group--${c}`],n),f=a(u);return r.jsx("dl",{className:x,style:{"--label-width":f},children:d.map((l,g)=>{const b=l.labelAlign??p,h=l.labelWidth!==void 0?{"--label-width":a(l.labelWidth)}:void 0;return r.jsxs("div",{className:t.default["tedi-text-group__row"],style:h,children:[r.jsx("dt",{className:s.default(t.default["tedi-text-group__label"],t.default[`tedi-text-group--align-${b}`]),children:m(l.label)}),r.jsx("dd",{className:s.default(t.default["tedi-text-group__value"]),children:l.value})]},g)})})};o.displayName="TextGroup.List";exports.TextGroupList=o;

package/src/tedi/components/content/text-group/text-group-list/text-group-list.d.ts

@@ -0,0 +1,82 @@
+import { default as React } from 'react';
+import { BreakpointSupport } from '../../../../helpers';
+type TextAlign = 'left' | 'right';
+type TextGroupListBreakpointProps = {
+    /**
+     * Type of text group layout.
+     */
+    type?: 'horizontal';
+    /**
+     * Alignment for the label text.
+     * @default 'left'
+     */
+    labelAlign?: TextAlign;
+    /**
+     * Width for the label column (e.g., `'200px'`, `'30%'`, or a `number`
+     * interpreted as a percent).
+     * @default 'auto'
+     */
+    labelWidth?: string | number;
+} | {
+    /**
+     * Type of text group layout.
+     */
+    type: 'vertical';
+    /**
+     * Alignment for the label text. Vertical layout only supports left
+     * alignment — pass `'right'` only with `type: 'horizontal'`.
+     * @default 'left'
+     */
+    labelAlign?: 'left';
+    /**
+     * Width for the label column (e.g., `'200px'`, `'30%'`, or a `number`
+     * interpreted as a percent).
+     * @default 'auto'
+     */
+    labelWidth?: string | number;
+};
+export interface TextGroupListItem {
+    /**
+     * Label rendered as the `<dt>` for this row. Strings are auto-wrapped in
+     * `<Label>`; any other ReactNode is rendered as-is.
+     */
+    label: React.ReactNode;
+    /**
+     * Value rendered as the `<dd>` for this row.
+     */
+    value: React.ReactNode | React.ReactNode[];
+    /**
+     * Per-row override of the list-level `labelAlign`. Falls back to the list's
+     * value when omitted.
+     */
+    labelAlign?: TextAlign;
+    /**
+     * Per-row override of the list-level `labelWidth`. Falls back to the list's
+     * value when omitted.
+     */
+    labelWidth?: string | number;
+}
+export type TextGroupListProps = BreakpointSupport<TextGroupListBreakpointProps> & {
+    /**
+     * Label / value pairs rendered together inside a **single** `<dl>` element,
+     * preserving the definition-list semantics that stacking N individual
+     * `<TextGroup>`s would break.
+     */
+    items: TextGroupListItem[];
+    /**
+     * Additional class name(s) to apply to the root `<dl>` element.
+     */
+    className?: string;
+};
+/**
+ * Multi-row variant of `TextGroup`. Visually identical to stacking N
+ * `<TextGroup>` rows, but wraps every label / value pair in **one** semantic
+ * `<dl>` — so screen readers announce them as one definition list, not N
+ * fragments. Reuse the same `type` / `labelWidth` / `labelAlign` knobs as the
+ * single-pair component; per-row overrides are available via `items[i]`.
+ */
+export declare const TextGroupList: {
+    (props: TextGroupListProps): JSX.Element;
+    displayName: string;
+};
+export {};

package/src/tedi/components/content/text-group/text-group-list/text-group-list.es.js

@@ -0,0 +1,30 @@
+import { jsx as l, jsxs as h } from "react/jsx-runtime";
+import o from "../../../../../../external/classnames/index.es.js";
+import { Label as f } from "../../label/label.es.js";
+import e from "../text-group.module.scss.es.js";
+import { useBreakpointProps as v } from "../../../../helpers/hooks/use-breakpoint-props.es.js";
+const y = (t) => typeof t == "string" ? /* @__PURE__ */ l(f, { children: t }) : t, s = (t) => typeof t == "number" ? `${t}%` : t, L = (t) => {
+  const { getCurrentBreakpointProps: i } = v(t.defaultServerBreakpoint), {
+    items: a,
+    labelWidth: n = "auto",
+    className: d,
+    type: p = "vertical",
+    labelAlign: c = "left"
+  } = i(t), u = o(
+    e["tedi-text-group"],
+    e["tedi-text-group--list"],
+    e[`tedi-text-group--${p}`],
+    d
+  ), m = s(n);
+  return /* @__PURE__ */ l("dl", { className: u, style: { "--label-width": m }, children: a.map((r, g) => {
+    const x = r.labelAlign ?? c, b = r.labelWidth !== void 0 ? { "--label-width": s(r.labelWidth) } : void 0;
+    return /* @__PURE__ */ h("div", { className: e["tedi-text-group__row"], style: b, children: [
+      /* @__PURE__ */ l("dt", { className: o(e["tedi-text-group__label"], e[`tedi-text-group--align-${x}`]), children: y(r.label) }),
+      /* @__PURE__ */ l("dd", { className: o(e["tedi-text-group__value"]), children: r.value })
+    ] }, g);
+  }) });
+};
+L.displayName = "TextGroup.List";
+export {
+  L as TextGroupList
+};

package/src/tedi/components/content/text-group/text-group.cjs.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=require("react/jsx-runtime"),a=require("../../../../../external/classnames/index.cjs.js"),x=require("../label/label.cjs.js"),e=require("./text-group.module.scss.cjs.js"),f=require("../../../helpers/hooks/use-breakpoint-props.cjs.js"),b=u=>{const{getCurrentBreakpointProps:o}=f.useBreakpointProps(u.defaultServerBreakpoint),{label:l,value:s,labelWidth:r="auto",className:i,type:d="vertical",labelAlign:n="left"}=o(u),c=a.default(e.default["tedi-text-group"],e.default[`tedi-text-group--${d}`],i),p=typeof r=="number"?`${r}%`:r;return t.jsxs("dl",{className:c,style:{"--label-width":p},children:[t.jsx("dt",{className:a.default(e.default["tedi-text-group__label"],e.default[`tedi-text-group--align-${n}`]),children:typeof l=="string"?t.jsx(x.Label,{children:l}):l}),t.jsx("dd",{className:a.default(e.default["tedi-text-group__value"]),children:s})]})};exports.TextGroup=b;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const r=require("react/jsx-runtime"),s=require("../../../../../external/classnames/index.cjs.js"),f=require("../label/label.cjs.js"),t=require("./text-group.module.scss.cjs.js"),g=require("./text-group-list/text-group-list.cjs.js"),b=require("../../../helpers/hooks/use-breakpoint-props.cjs.js"),m=e=>typeof e=="string"?r.jsx(f.Label,{children:e}):e,y=e=>typeof e=="number"?`${e}%`:e,o=e=>{const{getCurrentBreakpointProps:l}=b.useBreakpointProps(e.defaultServerBreakpoint),{label:u,value:a,labelWidth:n="auto",className:i,type:d="vertical",labelAlign:c="left"}=l(e),p=s.default(t.default["tedi-text-group"],t.default[`tedi-text-group--${d}`],i),x=y(n);return r.jsxs("dl",{className:p,style:{"--label-width":x},children:[r.jsx("dt",{className:s.default(t.default["tedi-text-group__label"],t.default[`tedi-text-group--align-${c}`]),children:m(u)}),r.jsx("dd",{className:s.default(t.default["tedi-text-group__value"]),children:a})]})};o.displayName="TextGroup";const G=Object.assign(o,{List:g.TextGroupList});exports.TextGroup=G;

package/src/tedi/components/content/text-group/text-group.d.ts

@@ -46,5 +46,13 @@ export type TextGroupProps = BreakpointSupport<TextGroupBreakpointProps> & {
      */
     className?: string;
 };
-export declare const TextGroup: (props: TextGroupProps) => JSX.Element;
+export declare const TextGroup: {
+    (props: TextGroupProps): JSX.Element;
+    displayName: string;
+} & {
+    List: {
+        (props: import('./text-group-list/text-group-list').TextGroupListProps): JSX.Element;
+        displayName: string;
+    };
+};
 export {};

package/src/tedi/components/content/text-group/text-group.es.js

@@ -1,22 +1,27 @@
-import { jsxs as u, jsx as l } from "react/jsx-runtime";
-import o from "../../../../../external/classnames/index.es.js";
-import { Label as x } from "../label/label.es.js";
+import { jsxs as x, jsx as o } from "react/jsx-runtime";
+import r from "../../../../../external/classnames/index.es.js";
+import { Label as f } from "../label/label.es.js";
 import e from "./text-group.module.scss.es.js";
-import { useBreakpointProps as f } from "../../../helpers/hooks/use-breakpoint-props.es.js";
-const v = (a) => {
-  const { getCurrentBreakpointProps: s } = f(a.defaultServerBreakpoint), {
-    label: t,
+import { TextGroupList as g } from "./text-group-list/text-group-list.es.js";
+import { useBreakpointProps as b } from "../../../helpers/hooks/use-breakpoint-props.es.js";
+const y = (t) => typeof t == "string" ? /* @__PURE__ */ o(f, { children: t }) : t, h = (t) => typeof t == "number" ? `${t}%` : t, s = (t) => {
+  const { getCurrentBreakpointProps: l } = b(t.defaultServerBreakpoint), {
+    label: a,
     value: i,
-    labelWidth: r = "auto",
+    labelWidth: n = "auto",
     className: p,
-    type: n = "vertical",
-    labelAlign: d = "left"
-  } = s(a), m = o(e["tedi-text-group"], e[`tedi-text-group--${n}`], p), c = typeof r == "number" ? `${r}%` : r;
-  return /* @__PURE__ */ u("dl", { className: m, style: { "--label-width": c }, children: [
-    /* @__PURE__ */ l("dt", { className: o(e["tedi-text-group__label"], e[`tedi-text-group--align-${d}`]), children: typeof t == "string" ? /* @__PURE__ */ l(x, { children: t }) : t }),
-    /* @__PURE__ */ l("dd", { className: o(e["tedi-text-group__value"]), children: i })
+    type: c = "vertical",
+    labelAlign: m = "left"
+  } = l(t), d = r(e["tedi-text-group"], e[`tedi-text-group--${c}`], p), u = h(n);
+  return /* @__PURE__ */ x("dl", { className: d, style: { "--label-width": u }, children: [
+    /* @__PURE__ */ o("dt", { className: r(e["tedi-text-group__label"], e[`tedi-text-group--align-${m}`]), children: y(a) }),
+    /* @__PURE__ */ o("dd", { className: r(e["tedi-text-group__value"]), children: i })
   ] });
 };
+s.displayName = "TextGroup";
+const _ = Object.assign(s, {
+  List: g
+});
 export {
-  v as TextGroup
+  _ as TextGroup
 };

package/src/tedi/components/content/text-group/text-group.module.scss.cjs.js

@@ -1 +1 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const t={"tedi-text-group":"tedi-text-group-be3b15d8","tedi-text-group--horizontal":"tedi-text-group--horizontal-9d91c910","tedi-text-group__label":"tedi-text-group__label-a8904597","tedi-text-group__value":"tedi-text-group__value-4bbf1a22","tedi-text-group--align-left":"tedi-text-group--align-left-cc82fd31","tedi-text-group--align-right":"tedi-text-group--align-right-0eebe973"};exports.default=t;
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const t={"tedi-text-group":"tedi-text-group-be3b15d8","tedi-text-group--horizontal":"tedi-text-group--horizontal-9d91c910","tedi-text-group__label":"tedi-text-group__label-a8904597","tedi-text-group__value":"tedi-text-group__value-4bbf1a22","tedi-text-group--align-left":"tedi-text-group--align-left-cc82fd31","tedi-text-group--align-right":"tedi-text-group--align-right-0eebe973","tedi-text-group--list":"tedi-text-group--list-bd143f34","tedi-text-group__row":"tedi-text-group__row-fc6928bf"};exports.default=t;

package/src/tedi/components/content/text-group/text-group.module.scss.es.js

@@ -4,7 +4,9 @@ const t = {
   "tedi-text-group__label": "tedi-text-group__label-a8904597",
   "tedi-text-group__value": "tedi-text-group__value-4bbf1a22",
   "tedi-text-group--align-left": "tedi-text-group--align-left-cc82fd31",
-  "tedi-text-group--align-right": "tedi-text-group--align-right-0eebe973"
+  "tedi-text-group--align-right": "tedi-text-group--align-right-0eebe973",
+  "tedi-text-group--list": "tedi-text-group--list-bd143f34",
+  "tedi-text-group__row": "tedi-text-group__row-fc6928bf"
 };
 export {
   t as default

package/src/tedi/components/content/truncate/truncate.cjs.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const u=require("react/jsx-runtime"),l=require("react"),g=require("../../base/typography/text/text.cjs.js"),b=require("../../buttons/button/button.cjs.js"),h=require("../../../helpers/hooks/use-breakpoint-props.cjs.js"),q=require("../../../providers/label-provider/use-labels.cjs.js"),y=n=>{const{getCurrentBreakpointProps:d}=h.useBreakpointProps(n.defaultServerBreakpoint),{children:t,className:p,maxLength:r=200,ellipsis:c="...",expandable:x=!0,button:e}=d(n),{getLabel:o}=q.useLabels(),[s,T]=l.useState(!0),k=l.useMemo(()=>t.slice(0,r).trimEnd()+c+" ",[t,r,c]);return u.jsxs(g.Text,{element:"span",color:"secondary",className:p,children:[t.length>=r&&s?k:t,t.length>=r&&x&&u.jsx(b.Button,{style:{display:s?void 0:"block"},visualType:"link","aria-expanded":!s,...e,onClick:a=>{var i;(i=e==null?void 0:e.onClick)==null||i.call(e,a,s),T(m=>!m)},children:o(s?"truncate.see-more":"truncate.see-less")})]})};exports.Truncate=y;
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const i=require("react/jsx-runtime"),l=require("react"),b=require("../../base/typography/text/text.cjs.js"),h=require("../../buttons/button/button.cjs.js"),q=require("../../../helpers/hooks/use-breakpoint-props.cjs.js"),v=require("../../../providers/label-provider/use-labels.cjs.js"),d=n=>{const{getCurrentBreakpointProps:p}=q.useBreakpointProps(n.defaultServerBreakpoint),{children:t,className:x,maxLength:r=200,ellipsis:c="...",expandable:T=!0,button:e}=p(n),{getLabel:u}=v.useLabels(),[s,k]=l.useState(!0),m=l.useMemo(()=>t.slice(0,r).trimEnd()+c+" ",[t,r,c]);return i.jsxs(b.Text,{element:"span",color:"secondary",className:x,children:[t.length>=r&&s?m:t,t.length>=r&&T&&i.jsx(h.Button,{style:{display:s?void 0:"block"},visualType:"link","aria-expanded":!s,...e,onClick:a=>{var o;(o=e==null?void 0:e.onClick)==null||o.call(e,a,s),k(g=>!g)},children:u(s?"truncate.see-more":"truncate.see-less")})]})};exports.Truncate=d;exports.default=d;

package/src/tedi/components/content/truncate/truncate.es.js

@@ -1,36 +1,37 @@
-import { jsxs as T, jsx as f } from "react/jsx-runtime";
+import { jsxs as f, jsx as T } from "react/jsx-runtime";
 import { useState as k, useMemo as h } from "react";
 import { Text as g } from "../../base/typography/text/text.es.js";
 import { Button as y } from "../../buttons/button/button.es.js";
 import { useBreakpointProps as B } from "../../../helpers/hooks/use-breakpoint-props.es.js";
 import { useLabels as v } from "../../../providers/label-provider/use-labels.es.js";
 const E = (n) => {
-  const { getCurrentBreakpointProps: l } = B(n.defaultServerBreakpoint), {
+  const { getCurrentBreakpointProps: c } = B(n.defaultServerBreakpoint), {
     children: t,
     className: m,
     maxLength: s = 200,
     ellipsis: o = "...",
     expandable: d = !0,
     button: e
-  } = l(n), { getLabel: i } = v(), [r, p] = k(!0), u = h(() => t.slice(0, s).trimEnd() + o + " ", [t, s, o]);
-  return /* @__PURE__ */ T(g, { element: "span", color: "secondary", className: m, children: [
+  } = c(n), { getLabel: a } = v(), [r, p] = k(!0), u = h(() => t.slice(0, s).trimEnd() + o + " ", [t, s, o]);
+  return /* @__PURE__ */ f(g, { element: "span", color: "secondary", className: m, children: [
     t.length >= s && r ? u : t,
-    t.length >= s && d && /* @__PURE__ */ f(
+    t.length >= s && d && /* @__PURE__ */ T(
       y,
       {
         style: { display: r ? void 0 : "block" },
         visualType: "link",
         "aria-expanded": !r,
         ...e,
-        onClick: (a) => {
-          var c;
-          (c = e == null ? void 0 : e.onClick) == null || c.call(e, a, r), p((x) => !x);
+        onClick: (i) => {
+          var l;
+          (l = e == null ? void 0 : e.onClick) == null || l.call(e, i, r), p((x) => !x);
         },
-        children: i(r ? "truncate.see-more" : "truncate.see-less")
+        children: a(r ? "truncate.see-more" : "truncate.see-less")
       }
     )
   ] });
 };
 export {
-  E as Truncate
+  E as Truncate,
+  E as default
 };

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

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const o=require("react/jsx-runtime"),M=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"),ne=require("../../../providers/label-provider/use-labels.cjs.js"),B=require("../../../helpers/hooks/use-breakpoint.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"),_=f=>{const{getLabel:m}=ne.useLabels(),I=B.default(f.defaultServerBreakpoint),{getCurrentBreakpointProps:R}=oe.useBreakpointProps(f.defaultServerBreakpoint),{id:d,className:T,label:p,required:H,helper:u,items:n,variant:k="default",direction:y=k==="default"||B.isBreakpointBelow(I,"md")?"column":"row",rowProps:b,name:v,inputType:i="radio",value:S,defaultValue:G,onChange:a,hideLabel:P,indeterminateCheck:s,indeterminateCheckProps:x={},color:E,layout:C="separated",showIndicator:$,...O}=R(f),{...W}=x,X=(x==null?void 0:x.indented)??!0,w=(u==null?void 0:u.id)??`${d}-helper`,L=s&&i==="checkbox",[Y,A]=h.useState(()=>{if(G)return G;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(S)?S: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:v,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=M.default(j.default["tedi-choice-group"],T),Q=M.default(j.default["tedi-choice-group__inner"],b==null?void 0:b.className,{[j.default["tedi-choice-group__inner--indented"]]:L&&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:v,"aria-describedby":w,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:[L&&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:y,gutterX:C==="segmented"?0:2,gutterY:C==="segmented"?0:1,gap:k==="default"&&(B.isBreakpointBelow(I,"md")||y==="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:C,showIndicator:$,direction:y},e.id))})]}):o.jsx("p",{children:m("table.filter.no-options")})})}),u&&o.jsx(Z.FeedbackText,{...u,id:w})]})})};_.Item=N.ChoiceGroupItem;exports.ChoiceGroup=_;
+"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"),ne=require("../../../providers/label-provider/use-labels.cjs.js"),B=require("../../../helpers/hooks/use-breakpoint.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

@@ -8,12 +8,12 @@ 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 { useLabels as ie } from "../../../providers/label-provider/use-labels.es.js";
-import le, { isBreakpointBelow as G } from "../../../helpers/hooks/use-breakpoint.es.js";
-import { useBreakpointProps as ae } from "../../../helpers/hooks/use-breakpoint-props.es.js";
+import { useBreakpoint as ae, isBreakpointBelow as G } from "../../../helpers/hooks/use-breakpoint.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 = (f) => {
-  const { getLabel: u } = ie(), B = le(f.defaultServerBreakpoint), { getCurrentBreakpointProps: E } = ae(f.defaultServerBreakpoint), {
+  const { getLabel: u } = ie(), B = ae(f.defaultServerBreakpoint), { getCurrentBreakpointProps: E } = le(f.defaultServerBreakpoint), {
     id: s,
     className: R,
     label: p,
@@ -27,7 +27,7 @@ const se = (f) => {
     inputType: i = "radio",
     value: A,
     defaultValue: L,
-    onChange: a,
+    onChange: l,
     hideLabel: $,
     indeterminateCheck: d,
     indeterminateCheckProps: b = {},
@@ -38,14 +38,14 @@ const se = (f) => {
   } = 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 = f.value) => !!a && 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(
+  }), 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 = k.useMemo(() => !g && !c, [c, g]), J = k.useMemo(() => {
@@ -54,17 +54,17 @@ const se = (f) => {
   }, [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() || _(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"], 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() || _([...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__ */ 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 }),
@@ -114,5 +114,6 @@ const se = (f) => {
 };
 se.Item = j;
 export {
-  se as ChoiceGroup
+  se as ChoiceGroup,
+  se as default
 };

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

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

@@ -1,105 +1,105 @@
-import { jsx as l, jsxs as _, Fragment as M } from "react/jsx-runtime";
+import { jsx as s, jsxs as _, Fragment as H } 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";
-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 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 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 = (s) => {
-  const { getCurrentBreakpointProps: v } = V(s.defaultServerBreakpoint), {
-    id: i,
-    label: k,
-    value: c,
-    className: I,
+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,
+    label: C,
+    value: r,
+    className: B,
     direction: h,
-    disabled: r,
-    colProps: $ = h === "column" ? { width: 12 } : { width: "auto" },
+    disabled: a,
+    colProps: I = h === "column" ? { width: 12 } : { width: "auto" },
     onChange: p,
-    hideLabel: B,
-    helper: a,
-    tooltip: j,
-    type: d = "radio",
+    hideLabel: j,
+    helper: d,
+    tooltip: w,
+    type: o = "radio",
     variant: m = "default",
-    color: w = "primary",
-    layout: E,
-    showIndicator: C,
-    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"}`],
+    color: E = "primary",
+    layout: F,
+    showIndicator: b,
+    justifyContent: y = "start"
+  } = $(l), { currentValue: n, name: v, onChange: f, inputType: G } = L.useContext(z), t = Array.isArray(n) ? n.includes(r) : r === n, P = n === void 0 ? l.defaultChecked : t, 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(
     e["tedi-choice-group-item"],
     e[`tedi-choice-group-item--${m}`],
-    e[`tedi-choice-group-item--${m}-${w}`],
-    C && e["tedi-choice-group-item--indicator"],
-    d && e[`tedi-choice-group-item--${d}`],
-    { [e["tedi-choice-group-item--disabled"]]: r },
+    e[`tedi-choice-group-item--${m}-${E}`],
+    b && e["tedi-choice-group-item--indicator"],
+    o && e[`tedi-choice-group-item--${o}`],
+    { [e["tedi-choice-group-item--disabled"]]: a },
     { [e["tedi-choice-group-item--checked"]]: t },
-    { [`justify-content-${b}`]: b }
-  );
-  return /* @__PURE__ */ l(q, { ...$, className: P, children: /* @__PURE__ */ l(
+    { [`justify-content-${y}`]: y }
+  ), M = o === "radio" ? q : S, T = (i) => {
+    var N;
+    a || m !== "card" || i.target.closest("input, label") || (N = document.getElementById(c)) == null || N.click();
+  }, g = o === "radio";
+  return /* @__PURE__ */ s(J, { ...I, className: R, children: /* @__PURE__ */ s(
     "div",
     {
       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,
+      tabIndex: g || a ? -1 : 0,
+      onClick: T,
+      role: g ? void 0 : o,
+      "aria-checked": g ? void 0 : t,
+      children: m === "default" || b ? /* @__PURE__ */ s(
+        M,
         {
-          id: i,
-          label: k,
-          value: c,
-          name: y,
-          className: u(e["tedi-choice-group-item__indicator"], I),
-          disabled: r,
+          id: c,
+          label: C,
+          value: r,
+          name: v,
+          className: u(e["tedi-choice-group-item__indicator"], B),
+          disabled: a,
           checked: t,
-          defaultChecked: G,
+          defaultChecked: P,
           onChange: x,
-          hideLabel: B,
-          helper: a ? { ...a, className: u(e["tedi-choice-group-item__feedback-text"], a.className) } : void 0,
-          tooltip: j,
+          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",
           "aria-checked": t
         }
-      ) : /* @__PURE__ */ _(M, { children: [
-        /* @__PURE__ */ l(
+      ) : /* @__PURE__ */ _(H, { children: [
+        /* @__PURE__ */ s(
           "input",
           {
-            id: i,
-            value: c,
-            name: y,
-            type: F,
-            disabled: r,
+            id: c,
+            value: r,
+            name: v,
+            type: G,
+            disabled: a,
             checked: t,
-            defaultChecked: n === void 0 ? s.defaultChecked : void 0,
-            onChange: (o) => {
-              x(c, o.target.checked);
+            defaultChecked: n === void 0 ? l.defaultChecked : void 0,
+            onChange: (i) => {
+              x(r, i.target.checked);
             },
             className: "visually-hidden",
-            role: d === "radio" ? "radio" : void 0,
+            role: o === "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__ */ _("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 {
-  te as ChoiceGroupItem,
-  te as default
+  oe as ChoiceGroupItem,
+  oe as default
 };

package/src/tedi/components/form/date-field/date-field.cjs.js

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const m=require("react/jsx-runtime"),D=require("../../../../../external/@floating-ui/react/dist/floating-ui.react.cjs.js"),X=require("../../../../../external/classnames/index.cjs.js"),a=require("react"),He=require("../../content/calendar/calendar.cjs.js"),Je=require("../multi-value-field/multi-value-field.cjs.js"),Ke=require("../textfield/textfield.cjs.js"),x=require("./date-field.module.scss.cjs.js"),Qe=require("../../../../../external/react-day-picker/dist/esm/locale/et.cjs.js"),Xe=require("../../../../../external/@floating-ui/dom/dist/floating-ui.dom.cjs.js"),R=require("../../../../../external/@floating-ui/react-dom/dist/floating-ui.react-dom.cjs.js"),Ze=require("../../../helpers/hooks/use-breakpoint-props.cjs.js"),ue=require("../../../helpers/hooks/use-breakpoint.cjs.js"),et=require("../../../../../external/react-day-picker/dist/esm/utils/dateMatchModifiers.cjs.js"),tt=4,ce=8,de=a.forwardRef((P,F)=>{const{getCurrentBreakpointProps:fe}=Ze.useBreakpointProps(P.defaultServerBreakpoint),{useNativePicker:pe=!1,enableCalendar:c=!0,calendarTrigger:T="button",numberOfMonths:E}=fe(P),{id:Z,mode:d="single",label:ee,selected:C,onSelect:r,disabled:N,placeholder:me,className:he,formatDate:u,required:I,showOutsideDays:ge=!0,parseDate:ye,monthYearSelectType:be,selectionLevel:v="days",locale:De=Qe.et,localeCode:V="et-EE",initialMonth:$,closeOnSelect:xe,footer:_e,defaultValue:q,minDate:S,maxDate:U,disablePast:te,disableFuture:ie,shouldDisableMonth:W,shouldDisableYear:Y,readOnly:L,availableDays:Me,inputProps:h,useNativePicker:it,enableCalendar:at,calendarTrigger:rt,numberOfMonths:nt,defaultServerBreakpoint:st,sm:ot,md:lt,lg:ut,xl:ct,xxl:dt,...ke}=P,f=pe&&d==="single",Fe=ue.useBreakpoint(P.defaultServerBreakpoint),Ce=ue.isBreakpointBelow(Fe,"md")&&typeof E=="number"&&E>1?1:E,[Ne,y]=a.useState(C??q),[p,_]=a.useState(!1),[we,ae]=a.useState(v),[Ae,M]=a.useState(""),s=C!==void 0,o=s?C:Ne,re=a.useRef(null),Pe=a.useCallback(e=>{re.current=e,typeof F=="function"?F(e):F&&(F.current=e)},[F]),ve=e=>{if(!e)return"";const i=e.getFullYear(),t=String(e.getMonth()+1).padStart(2,"0"),n=String(e.getDate()).padStart(2,"0");return`${i}-${t}-${n}`},qe=f&&o instanceof Date?ve(o):"",z=a.useCallback((e,i)=>e instanceof Date?e:Array.isArray(e)&&e.length>0?[...e].sort((t,n)=>t.getTime()-n.getTime())[0]:e&&typeof e=="object"&&"from"in e&&e.from instanceof Date?e.from:e&&typeof e=="object"&&"to"in e&&e.to instanceof Date?e.to:i??new Date,[]),[je,G]=a.useState(()=>z(o,$));a.useEffect(()=>{p||G(z(o,$))},[o,$,p,z]),a.useEffect(()=>{p&&ae(v)},[p,v]),a.useEffect(()=>{s&&y(C)},[C,s]);const b=a.useMemo(()=>new Intl.DateTimeFormat(V,{day:"2-digit",month:"2-digit",year:"numeric"}),[V]),k=a.useCallback(e=>{if(!e)return"";if(e instanceof Date)return b.format(e);if(Array.isArray(e))return e.map(i=>b.format(i)).join(", ");if(e.from){const i=b.format(e.from);return e.to?`${i} – ${b.format(e.to)}`:i}return""},[b]),H=xe??d==="single",ne=d==="multiple"&&Array.isArray(o)?o.map((e,i)=>({id:i,label:u?u(e):k(e),date:e})):[],J=a.useMemo(()=>{const e=[];return N&&(Array.isArray(N)?e.push(...N):e.push(N)),S&&e.push({before:S}),U&&e.push({after:U}),te&&e.push({before:new Date}),ie&&e.push({after:new Date}),W&&e.push(i=>W(i)),Y&&e.push(i=>Y(i)),e},[N,S,U,te,ie,W,Y]),se=a.useCallback(e=>et.dateMatchModifiers(e,J),[J]),Be=(e,i,t,n)=>{if(s||y(e),r==null||r(e,i,t,n),e){const g=u?u(e):k(e);M(g)}else M("");H&&_(!1)},Oe=e=>{if(se(e))return;s||y(e),r==null||r(e,e,{},{});const i=u?u(e):k(e);M(i),H&&_(!1)},Re=a.useMemo(()=>{const e=new Date(2099,11,31),i=b.formatToParts(e),t=[],n=[];for(const l of i)l.type==="day"||l.type==="month"||l.type==="year"?t.push(l.type):l.type==="literal"&&t.length>0&&n.length<2&&n.push(l.value);const g=l=>l.replace(/[.*+?^${}()|[\]\\]/g,"\\$&"),Ye=t.map((l,w)=>{const B=l==="year"?"\\d{4}":"\\d{2}";return`${w>0?g(n[w-1]??""):""}(${B})`}).join(""),Le=new RegExp(`^${Ye}$`);return l=>{const w=l.match(Le);if(!w)return;const B={};t.forEach((ze,Ge)=>{B[ze]=Number(w[Ge+1])});const{day:O,month:K,year:Q}=B;if(O===void 0||K===void 0||Q===void 0)return;const A=new Date(Q,K-1,O);if(!(isNaN(A.getTime())||A.getFullYear()!==Q||A.getMonth()!==K-1||A.getDate()!==O))return A}},[b]),Te=e=>{M(e);const t=(ye??(d==="single"?Re:()=>{}))(e);(d==="single"&&t instanceof Date||d==="multiple"&&Array.isArray(t)||d==="range"&&t&&!Array.isArray(t)&&"from"in t)&&(t instanceof Date&&se(t)||(s||y(t),r==null||r(t,t,{},{}),t instanceof Date&&G(t),H&&_(!1)))};a.useEffect(()=>{if(s){const e=u?u(o):k(o);M(e)}},[o,s,u,k]),a.useEffect(()=>{if(!s&&q){const e=u?u(q):k(q);M(e)}},[]);const Ee=D.useFloating({open:p,onOpenChange:_,placement:T==="input"?"bottom-start":"bottom-end",middleware:[R.offset(tt),R.flip(),R.shift({padding:ce}),R.size({padding:ce,apply({availableWidth:e,elements:i}){const t=i.floating;t.style.width="max-content",t.style.maxWidth="",t.getBoundingClientRect().width>e?(t.style.width="min-content",t.style.maxWidth=`${e}px`):(t.style.width="",t.style.maxWidth="")}})],whileElementsMounted:Xe.autoUpdate}),{refs:oe,context:j,x:Ie,y:Ve,strategy:$e}=Ee,Se=D.useClick(j),le=D.useInteractions([...c&&!f&&T==="input"?[Se]:[],D.useDismiss(j),D.useRole(j,{role:"dialog"})]),Ue=()=>{var i;const e=(i=re.current)==null?void 0:i.input;if(e){if(typeof e.showPicker=="function")try{e.showPicker();return}catch{}e.focus()}},We=e=>{if(!e){s||y(void 0),r==null||r(void 0,void 0,{},{});return}const[i,t,n]=e.split("-").map(Number);if(!i||!t||!n)return;const g=new Date(i,t-1,n);Number.isNaN(g.getTime())||(s||y(g),r==null||r(g,g,{},{}))};return m.jsxs(m.Fragment,{children:[m.jsx("div",{className:X.default(x.default["tedi-date-field__container"],he),...le.getReferenceProps(),ref:oe.setReference,children:d==="multiple"?m.jsx(Je.MultiValueField,{...h,id:Z,label:ee,values:ne.map(e=>e.label),icon:"calendar_today",onIconClick:()=>c&&_(e=>!e),iconButtonProps:c?{"aria-expanded":p,"aria-haspopup":"dialog"}:void 0,isClearable:!0,required:I,onChange:e=>{if(!Array.isArray(o))return;const i=ne.filter(t=>e.includes(t.label)).map(t=>t.date);s||y(i),r==null||r(i,{},{},{})},className:X.default(x.default["tedi-date-field__textfield"],{[x.default["tedi-date-field__icon--disabled"]]:!c||L})}):m.jsx(Ke.TextField,{...h,ref:Pe,id:Z,label:ee,readOnly:L,value:f?qe:Ae,placeholder:me,icon:"calendar_today",isClearable:!0,onIconClick:()=>{c&&(f?Ue():_(e=>!e))},iconButtonProps:c&&!f?{"aria-expanded":p,"aria-haspopup":"dialog"}:void 0,onChange:e=>f?We(e):Te(e),required:I,className:X.default(x.default["tedi-date-field__textfield"],{[x.default["tedi-date-field__textfield--disabled"]]:h==null?void 0:h.disabled,[x.default["tedi-date-field__icon--disabled"]]:!c||L}),input:{...h==null?void 0:h.input,...f&&{type:"date"},...c&&!f&&T==="input"?{"aria-haspopup":"dialog","aria-expanded":p}:{}}})}),c&&!f&&m.jsx(D.FloatingPortal,{children:p&&m.jsx(D.FloatingFocusManager,{context:j,modal:!1,initialFocus:-1,children:m.jsx("div",{ref:oe.setFloating,...le.getFloatingProps({style:{position:$e,top:Ve??0,left:Ie??0}}),children:m.jsx(He.Calendar,{...ke,numberOfMonths:Ce,view:we,selectionLevel:v,currentMonth:je,setCurrentMonth:G,setView:ae,mode:d,value:o,locale:De,localeCode:V,showOutsideDays:ge,disabledMatchers:J,required:I,availableDays:Me,footer:_e,monthYearSelectType:be,handleSelect:Be,applyValue:Oe,className:x.default["tedi-date-field__calendar"]})})})})]})});de.displayName="DateField";exports.DateField=de;