@tedi-design-system/react 15.0.0-rc.9 → 16.0.0-rc.1

package/src/tedi/components/buttons/closing-button/closing-button.d.ts

@@ -1,5 +1,6 @@
 import { MouseEventHandler, ButtonHTMLAttributes } from 'react';
-type ClosingButtonSize = 'medium' | 'large';
+export type ClosingButtonSize = 'default' | 'small';
+export type ClosingButtonIconSize = 18 | 24;
 export interface ClosingButtonProps extends ButtonHTMLAttributes<HTMLButtonElement> {
     /**
      * Additional classes to apply custom styles to the ClosingButton.
@@ -7,7 +8,7 @@ export interface ClosingButtonProps extends ButtonHTMLAttributes<HTMLButtonEleme
     className?: string;
     /**
      * Size of the ClosingButton
-     * @default 'medium'
+     * @default 'default'
      */
     size?: ClosingButtonSize;
     /**
@@ -15,6 +16,7 @@ export interface ClosingButtonProps extends ButtonHTMLAttributes<HTMLButtonEleme
      */
     onClick?: MouseEventHandler<HTMLButtonElement>;
     title?: string;
+    iconSize?: ClosingButtonIconSize;
 }
 export declare const ClosingButton: (props: ClosingButtonProps) => JSX.Element;
 export default ClosingButton;

package/src/tedi/components/buttons/closing-button/closing-button.es.js

@@ -1,31 +1,31 @@
 import { jsx as s } from "react/jsx-runtime";
-import r from "../../../../../external/classnames/index.es.js";
-import { Icon as u } from "../../base/icon/icon.es.js";
-import e from "./closing-button.module.scss.es.js";
-import { useLabels as b } from "../../../providers/label-provider/use-labels.es.js";
-const N = (n) => {
-  const { getLabel: i } = b(), { title: o = i("close"), onClick: l, size: t = "medium", className: a, ...c } = n, m = r(
-    e["tedi-closing-button"],
+import b from "../../../../../external/classnames/index.es.js";
+import { Icon as d } from "../../base/icon/icon.es.js";
+import n from "./closing-button.module.scss.es.js";
+import { useLabels as f } from "../../../providers/label-provider/use-labels.es.js";
+const I = (l) => {
+  const { getLabel: i } = f(), { title: o = i("close"), onClick: a, size: c = "default", iconSize: t = 24, className: r, ...m } = l, e = t === 18 ? "small" : c, u = b(
+    n["tedi-closing-button"],
     {
-      [e[`tedi-closing-button--${t}`]]: t
+      [n[`tedi-closing-button--${e}`]]: e
     },
-    a
+    r
   );
   return /* @__PURE__ */ s(
     "button",
     {
       "data-name": "closing-button",
       type: "button",
-      ...c,
-      className: m,
-      onClick: l,
+      ...m,
+      className: u,
+      onClick: a,
       title: o,
       "aria-label": o,
-      children: /* @__PURE__ */ s(u, { name: "close", size: t === "large" ? 24 : 18 })
+      children: /* @__PURE__ */ s(d, { name: "close", size: t ?? 24 })
     }
   );
 };
 export {
-  N as ClosingButton,
-  N as default
+  I as ClosingButton,
+  I as default
 };

package/src/tedi/components/buttons/closing-button/closing-button.module.scss.cjs.js

@@ -1 +1 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const t={"tedi-closing-button":"tedi-closing-button-358111e2","tedi-closing-button--medium":"tedi-closing-button--medium-b18535a5","tedi-closing-button--large":"tedi-closing-button--large-52d00b8a"};exports.default=t;
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const t={"tedi-closing-button":"tedi-closing-button-358111e2","tedi-closing-button--default":"tedi-closing-button--default-22ed12be","tedi-closing-button--small":"tedi-closing-button--small-0e85c3e2"};exports.default=t;

package/src/tedi/components/buttons/closing-button/closing-button.module.scss.es.js

@@ -1,7 +1,7 @@
 const t = {
   "tedi-closing-button": "tedi-closing-button-358111e2",
-  "tedi-closing-button--medium": "tedi-closing-button--medium-b18535a5",
-  "tedi-closing-button--large": "tedi-closing-button--large-52d00b8a"
+  "tedi-closing-button--default": "tedi-closing-button--default-22ed12be",
+  "tedi-closing-button--small": "tedi-closing-button--small-0e85c3e2"
 };
 export {
   t as default

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

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

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

@@ -1,22 +1,42 @@
 import { default as React } from 'react';
 import { BreakpointSupport } from '../../../helpers';
-type TextGroupType = 'vertical' | 'horizontal';
+type TextAlign = 'left' | 'right';
 type TextGroupBreakpointProps = {
     /**
      * Type of text group layout
      */
-    type?: TextGroupType;
+    type?: 'horizontal';
+    /**
+     * Alignment for the label text
+     *  @default 'left'
+     */
+    labelAlign?: TextAlign;
+    /**
+     * Width for the label (e.g., '200px', '30%', etc.)
+     * @default 'auto'
+     */
+    labelWidth?: string | number;
+} | {
+    /**
+     * Type of text group layout
+     */
+    type: 'vertical';
+    /**
+     * Alignment for the label text
+     *  @default 'left'
+     */
+    labelAlign?: 'left';
     /**
      * Width for the label (e.g., '200px', '30%', etc.)
      * @default 'auto'
      */
     labelWidth?: string | number;
 };
-export interface TextGroupProps extends BreakpointSupport<TextGroupBreakpointProps> {
+export type TextGroupProps = BreakpointSupport<TextGroupBreakpointProps> & {
     /**
      * Label for the text group
      */
-    label: string;
+    label: React.ReactNode;
     /**
      * Value displayed alongside the label
      */
@@ -25,6 +45,6 @@ export interface TextGroupProps extends BreakpointSupport<TextGroupBreakpointPro
      * Additional class name(s) to apply to the element
      */
     className?: string;
-}
+};
 export declare const TextGroup: (props: TextGroupProps) => JSX.Element;
 export {};

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

@@ -1,21 +1,22 @@
-import { jsxs as n, jsx as r } from "react/jsx-runtime";
-import l from "../../../../../external/classnames/index.es.js";
-import { Label as u } from "../label/label.es.js";
+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 e from "./text-group.module.scss.es.js";
-import { useBreakpointProps as x } from "../../../helpers/hooks/use-breakpoint-props.es.js";
-const N = (o) => {
-  const { getCurrentBreakpointProps: a } = x(o.defaultServerBreakpoint), {
-    label: s,
+import { useBreakpointProps as f } from "../../../helpers/hooks/use-breakpoint-props.es.js";
+const v = (a) => {
+  const { getCurrentBreakpointProps: s } = f(a.defaultServerBreakpoint), {
+    label: t,
     value: i,
-    labelWidth: t = "auto",
+    labelWidth: r = "auto",
     className: p,
-    type: d = "vertical"
-  } = a(o), m = l(e["tedi-text-group"], e[`tedi-text-group--${d}`], p), c = typeof t == "number" ? `${t}%` : t;
-  return /* @__PURE__ */ n("dl", { className: m, style: { "--label-width": c }, children: [
-    /* @__PURE__ */ r("dt", { className: l(e["tedi-text-group__label"]), children: /* @__PURE__ */ r(u, { children: s }) }),
-    /* @__PURE__ */ r("dd", { className: l(e["tedi-text-group__value"]), children: i })
+    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 })
   ] });
 };
 export {
-  N as TextGroup
+  v 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"};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"};exports.default=t;

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

@@ -2,7 +2,9 @@ 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__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"
 };
 export {
   t as default

package/src/tedi/components/form/file-dropzone/file-dropzone.cjs.js

@@ -1 +1 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("react/jsx-runtime"),y=require("../../../../../external/classnames/index.cjs.js"),F=require("../../../../../external/react-dropzone/dist/es/index.cjs.js"),C=require("../../../helpers/hooks/use-file-upload.cjs.js"),u=require("../../base/icon/icon.cjs.js"),N=require("../../buttons/closing-button/closing-button.cjs.js"),f=require("../feedback-text/feedback-text.cjs.js"),D=require("../form-label/form-label.cjs.js"),t=require("./file-dropzone.module.scss.cjs.js"),I=require("../../cards/card/card.cjs.js"),L=require("../../cards/card/card-content/card-content.cjs.js"),k=require("../../../providers/label-provider/use-labels.cjs.js"),m=require("../../content/list/list.cjs.js"),S=require("../../layout/grid/row.cjs.js"),x=require("../../layout/grid/col.cjs.js"),p=o=>{const{getLabel:s}=k.useLabels(),{label:z=s("file-dropzone.label"),className:b,disabled:a=!1,helper:i,id:c}=o,{innerFiles:d,uploadErrorHelper:n,onFileChange:j,onFileRemove:g}=C.useFileUpload(o),{getRootProps:v,getInputProps:_,isDragActive:q}=F.useDropzone({disabled:a,accept:o.accept?{"application/*":[o.accept]}:void 0,multiple:o.multiple,maxSize:o.maxSize?o.maxSize*1024**2:void 0,onDrop:l=>{if(a)return;j({target:{files:l}})}}),h=y.default(t.default["tedi-file-dropzone"],{[t.default["tedi-file-dropzone--disabled"]]:a},{[t.default["tedi-file-dropzone--invalid"]]:((n==null?void 0:n.type)||(i==null?void 0:i.type))==="error"},{[t.default["tedi-file-dropzone--valid"]]:((n==null?void 0:n.type)||(i==null?void 0:i.type))==="valid"},{[t.default["tedi-file-dropzone--drop-over"]]:q},b),r=i?(i==null?void 0:i.id)??`${c}-helper`:void 0;return e.jsxs(e.Fragment,{children:[e.jsxs("div",{...v({tabIndex:a?-1:0,"aria-disabled":a,"aria-describedby":r}),className:h,children:[e.jsx("input",{..._(),disabled:a}),e.jsxs("div",{className:t.default["tedi-file-dropzone__label-wrapper"],children:[e.jsx(u.Icon,{color:a?"tertiary":"secondary",size:24,name:"attach_file"}),e.jsx(D.FormLabel,{id:c,label:z,className:t.default["tedi-file-dropzone__label"]})]})]}),i?e.jsx(f.FeedbackText,{...i,id:r}):n?e.jsx(f.FeedbackText,{...n,id:r}):null,!!d.length&&e.jsx(m.List,{className:t.default["tedi-file-dropzone__file-list"],style:"none","aria-label":s("file-dropzone.selected-files"),children:d.map(l=>e.jsx(m.List.Item,{className:t.default["tedi-file-dropzone__file-list-item"],children:e.jsx(I.Card,{background:l.isValid===!1?"danger-primary":"tertiary",borderless:!0,className:t.default["tedi-file-dropzone__file-item"],children:e.jsx(L.CardContent,{padding:.5,children:e.jsxs(S.Row,{alignItems:"center",children:[e.jsxs(x.Col,{className:t.default["tedi-file-dropzone__file-name"],children:[l.name," ",l.isValid===!1&&e.jsx(u.Icon,{name:"info",color:"danger",display:"inline",size:18})]}),e.jsx(x.Col,{width:"auto",children:e.jsx(N.ClosingButton,{title:s("remove")+" "+l.name,onClick:()=>g(l)})})]})})})},l.id||l.name))}),e.jsx("div",{className:"sr-only",role:"status","aria-live":"polite","aria-atomic":"true",children:d.length===0?s("file-dropzone.no-file"):s("file-dropzone.files-selected",d.length)})]})};exports.FileDropzone=p;exports.default=p;
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("react/jsx-runtime"),y=require("../../../../../external/classnames/index.cjs.js"),F=require("../../../../../external/react-dropzone/dist/es/index.cjs.js"),C=require("../../../helpers/hooks/use-file-upload.cjs.js"),u=require("../../base/icon/icon.cjs.js"),N=require("../../buttons/closing-button/closing-button.cjs.js"),f=require("../feedback-text/feedback-text.cjs.js"),D=require("../form-label/form-label.cjs.js"),t=require("./file-dropzone.module.scss.cjs.js"),I=require("../../cards/card/card.cjs.js"),L=require("../../cards/card/card-content/card-content.cjs.js"),S=require("../../../providers/label-provider/use-labels.cjs.js"),m=require("../../content/list/list.cjs.js"),k=require("../../layout/grid/row.cjs.js"),x=require("../../layout/grid/col.cjs.js"),p=o=>{const{getLabel:s}=S.useLabels(),{label:z=s("file-dropzone.label"),className:b,disabled:a=!1,helper:i,id:c}=o,{innerFiles:d,uploadErrorHelper:n,onFileChange:j,onFileRemove:g}=C.useFileUpload(o),{getRootProps:v,getInputProps:_,isDragActive:q}=F.useDropzone({disabled:a,accept:o.accept?{"application/*":[o.accept]}:void 0,multiple:o.multiple,maxSize:o.maxSize?o.maxSize*1024**2:void 0,onDrop:l=>{if(a)return;j({target:{files:l}})}}),h=y.default(t.default["tedi-file-dropzone"],{[t.default["tedi-file-dropzone--disabled"]]:a},{[t.default["tedi-file-dropzone--invalid"]]:((n==null?void 0:n.type)||(i==null?void 0:i.type))==="error"},{[t.default["tedi-file-dropzone--valid"]]:((n==null?void 0:n.type)||(i==null?void 0:i.type))==="valid"},{[t.default["tedi-file-dropzone--drop-over"]]:q},b),r=i?(i==null?void 0:i.id)??`${c}-helper`:void 0;return e.jsxs(e.Fragment,{children:[e.jsxs("div",{...v({tabIndex:a?-1:0,"aria-disabled":a,"aria-describedby":r}),className:h,children:[e.jsx("input",{..._(),disabled:a}),e.jsxs("div",{className:t.default["tedi-file-dropzone__label-wrapper"],children:[e.jsx(u.Icon,{color:a?"tertiary":"secondary",size:24,name:"attach_file"}),e.jsx(D.FormLabel,{id:c,label:z,className:t.default["tedi-file-dropzone__label"]})]})]}),i?e.jsx(f.FeedbackText,{...i,id:r}):n?e.jsx(f.FeedbackText,{...n,id:r}):null,!!d.length&&e.jsx(m.List,{className:t.default["tedi-file-dropzone__file-list"],style:"none","aria-label":s("file-dropzone.selected-files"),children:d.map(l=>e.jsx(m.List.Item,{className:t.default["tedi-file-dropzone__file-list-item"],children:e.jsx(I.Card,{background:l.isValid===!1?"danger-primary":"tertiary",borderless:!0,className:t.default["tedi-file-dropzone__file-item"],children:e.jsx(L.CardContent,{padding:.5,children:e.jsxs(k.Row,{alignItems:"center",children:[e.jsxs(x.Col,{className:t.default["tedi-file-dropzone__file-name"],children:[l.name," ",l.isValid===!1&&e.jsx(u.Icon,{name:"info",color:"danger",display:"inline",size:18})]}),e.jsx(x.Col,{width:"auto",children:e.jsx(N.ClosingButton,{iconSize:18,title:s("remove")+" "+l.name,onClick:()=>g(l)})})]})})})},l.id||l.name))}),e.jsx("div",{className:"sr-only",role:"status","aria-live":"polite","aria-atomic":"true",children:d.length===0?s("file-dropzone.no-file"):s("file-dropzone.files-selected",d.length)})]})};exports.FileDropzone=p;exports.default=p;

package/src/tedi/components/form/file-dropzone/file-dropzone.es.js

@@ -5,16 +5,16 @@ import { useFileUpload as D } from "../../../helpers/hooks/use-file-upload.es.js
 import { Icon as f } from "../../base/icon/icon.es.js";
 import { ClosingButton as L } from "../../buttons/closing-button/closing-button.es.js";
 import { FeedbackText as p } from "../feedback-text/feedback-text.es.js";
-import { FormLabel as k } from "../form-label/form-label.es.js";
+import { FormLabel as S } from "../form-label/form-label.es.js";
 import o from "./file-dropzone.module.scss.es.js";
-import { Card as w } from "../../cards/card/card.es.js";
-import { CardContent as R } from "../../cards/card/card-content/card-content.es.js";
-import { useLabels as S } from "../../../providers/label-provider/use-labels.es.js";
+import { Card as k } from "../../cards/card/card.es.js";
+import { CardContent as w } from "../../cards/card/card-content/card-content.es.js";
+import { useLabels as R } from "../../../providers/label-provider/use-labels.es.js";
 import { List as z } from "../../content/list/list.es.js";
 import { Row as j } from "../../layout/grid/row.es.js";
 import { Col as b } from "../../layout/grid/col.es.js";
 const Y = (a) => {
-  const { getLabel: n } = S(), { label: g = n("file-dropzone.label"), className: v, disabled: r = !1, helper: i, id: c } = a, { innerFiles: s, uploadErrorHelper: l, onFileChange: h, onFileRemove: u } = D(a), { getRootProps: y, getInputProps: _, isDragActive: N } = I({
+  const { getLabel: n } = R(), { label: g = n("file-dropzone.label"), className: v, disabled: r = !1, helper: i, id: c } = a, { innerFiles: s, uploadErrorHelper: l, onFileChange: h, onFileRemove: u } = D(a), { getRootProps: y, getInputProps: _, isDragActive: N } = I({
     disabled: r,
     accept: a.accept ? { "application/*": [a.accept] } : void 0,
     multiple: a.multiple,
@@ -47,7 +47,7 @@ const Y = (a) => {
           /* @__PURE__ */ e("input", { ..._(), disabled: r }),
           /* @__PURE__ */ d("div", { className: o["tedi-file-dropzone__label-wrapper"], children: [
             /* @__PURE__ */ e(f, { color: r ? "tertiary" : "secondary", size: 24, name: "attach_file" }),
-            /* @__PURE__ */ e(k, { id: c, label: g, className: o["tedi-file-dropzone__label"] })
+            /* @__PURE__ */ e(S, { id: c, label: g, className: o["tedi-file-dropzone__label"] })
           ] })
         ]
       }
@@ -60,18 +60,25 @@ const Y = (a) => {
         style: "none",
         "aria-label": n("file-dropzone.selected-files"),
         children: s.map((t) => /* @__PURE__ */ e(z.Item, { className: o["tedi-file-dropzone__file-list-item"], children: /* @__PURE__ */ e(
-          w,
+          k,
           {
             background: t.isValid === !1 ? "danger-primary" : "tertiary",
             borderless: !0,
             className: o["tedi-file-dropzone__file-item"],
-            children: /* @__PURE__ */ e(R, { padding: 0.5, children: /* @__PURE__ */ d(j, { alignItems: "center", children: [
+            children: /* @__PURE__ */ e(w, { padding: 0.5, children: /* @__PURE__ */ d(j, { alignItems: "center", children: [
               /* @__PURE__ */ d(b, { className: o["tedi-file-dropzone__file-name"], children: [
                 t.name,
                 " ",
                 t.isValid === !1 && /* @__PURE__ */ e(f, { name: "info", color: "danger", display: "inline", size: 18 })
               ] }),
-              /* @__PURE__ */ e(b, { width: "auto", children: /* @__PURE__ */ e(L, { title: n("remove") + " " + t.name, onClick: () => u(t) }) })
+              /* @__PURE__ */ e(b, { width: "auto", children: /* @__PURE__ */ e(
+                L,
+                {
+                  iconSize: 18,
+                  title: n("remove") + " " + t.name,
+                  onClick: () => u(t)
+                }
+              ) })
             ] }) })
           }
         ) }, t.id || t.name))

package/src/tedi/components/form/file-upload/file-upload.cjs.js

@@ -1 +1 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("react/jsx-runtime"),f=require("../../../../../external/classnames/index.cjs.js"),P=require("react"),W=require("../../../helpers/hooks/use-file-upload.cjs.js"),A=require("../../base/typography/text/text.cjs.js"),v=require("../../buttons/button/button.cjs.js"),E=require("../../buttons/closing-button/closing-button.cjs.js"),G=require("../form-label/form-label.cjs.js"),J=require("../../misc/separator/separator.cjs.js"),K=require("../../tags/tag/tag.cjs.js"),y=require("../feedback-text/feedback-text.cjs.js"),a=require("./file-upload.module.scss.cjs.js"),Q=require("../../../providers/label-provider/use-labels.cjs.js"),F=require("../../../helpers/hooks/use-breakpoint.cjs.js"),X=require("../../layout/grid/row.cjs.js"),q=require("../../layout/grid/col.cjs.js"),L=B=>{const{getLabel:d}=Q.useLabels(),{id:r,name:C,accept:g,multiple:_,onChange:m,className:N,defaultFiles:k,onDelete:T,hasClearButton:U=!0,files:u,readOnly:p,disabled:s=!1,maxSize:$,validateIndividually:w=!1,size:c="default",helper:i,...M}=B,{innerFiles:b,uploadErrorHelper:t,onFileChange:R,onFileRemove:S,handleClear:h,announcement:z}=W.useFileUpload({accept:g,maxSize:$,multiple:_,validateIndividually:w,defaultFiles:k,onChange:m,onDelete:T,files:u}),I=F.useBreakpoint(),V=f.default(a.default["tedi-file-upload"],{[a.default["tedi-file-upload--disabled"]]:s},N),x=i?(i==null?void 0:i.id)??`${r}-helper`:void 0,n=P.useMemo(()=>u&&m?u:b,[u,b,m]),O=(l,o)=>{const D=l.isValid===!1?`${l.name} (${d("file-upload.failed")})`:l.name;return e.jsx("li",{children:e.jsx(K.Tag,{color:l.isValid===!1?"danger":"primary",onClose:!l.isLoading&&!s&&!p?()=>S(l):void 0,isLoading:l.isLoading,"aria-label":D,children:l.name})},o)},j=()=>{if(n.length>1)return e.jsx("ul",{className:f.default(a.default["tedi-file-upload__items"],a.default["tedi-file-upload__truncate-list"]),children:n.map((l,o)=>O(l,o))});if(n.length===1){const l=n[0],o=l.isValid===!1?`${l.name} (${d("file-upload.failed")})`:l.name;return e.jsx(A.Text,{"aria-label":o,className:f.default(a.default["tedi-file-upload__items"],a.default["tedi-file-upload__truncate"]),children:l.name})}return null};return e.jsxs(e.Fragment,{children:[e.jsx("div",{className:a.default["tedi-file-upload__label-wrapper"],children:e.jsx(G.FormLabel,{id:r,...M,renderWithoutLabel:p,className:a.default["tedi-file-upload__label"],size:c})}),e.jsx("div",{"aria-live":"polite","aria-atomic":"true",className:"sr-only",children:z}),p?j():e.jsx("div",{className:f.default(a.default["tedi-file-upload__container"],{[a.default["tedi-file-upload--disabled"]]:s,[a.default["tedi-file-upload--error"]]:((t==null?void 0:t.type)||(i==null?void 0:i.type))==="error",[a.default["tedi-file-upload--valid"]]:((t==null?void 0:t.type)||(i==null?void 0:i.type))==="valid"},{[a.default[`tedi-file-upload__container--${c}`]]:c}),children:e.jsx("div",{className:a.default["tedi-file-upload__content"],children:e.jsxs(X.Row,{children:[e.jsx(q.Col,{className:"display-flex",children:j()}),e.jsx(q.Col,{xs:12,md:"auto",children:e.jsxs("div",{className:V,children:[e.jsx("input",{id:r,type:"file",name:C,accept:g,onChange:R,multiple:_,disabled:s,"aria-invalid":!!t&&t.type==="error","aria-describedby":x}),U&&n.length>0&&!s&&e.jsxs(e.Fragment,{children:[F.isBreakpointBelow(I,"md")?e.jsx(v.Button,{visualType:"neutral",iconLeft:"close",disabled:s,onClick:h,className:a.default["tedi-file-upload__button"],children:d("clear")}):e.jsx(E.ClosingButton,{onClick:h,size:"medium",title:d("clear")}),e.jsx(J.Separator,{axis:"vertical",height:1.5,spacing:.5,color:"primary"})]}),e.jsx(v.Button,{visualType:"neutral",iconLeft:"file_upload",disabled:s,onClick:()=>{var l;return(l=document.getElementById(r))==null?void 0:l.click()},className:a.default["tedi-file-upload__button"],size:c,children:d("file-upload.add")})]})})]})})}),i?e.jsx(y.FeedbackText,{...i,id:x}):t?e.jsx(y.FeedbackText,{...t,id:x}):null]})};exports.FileUpload=L;exports.default=L;
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("react/jsx-runtime"),f=require("../../../../../external/classnames/index.cjs.js"),P=require("react"),W=require("../../../helpers/hooks/use-file-upload.cjs.js"),A=require("../../base/typography/text/text.cjs.js"),v=require("../../buttons/button/button.cjs.js"),E=require("../../buttons/closing-button/closing-button.cjs.js"),G=require("../form-label/form-label.cjs.js"),J=require("../../misc/separator/separator.cjs.js"),K=require("../../tags/tag/tag.cjs.js"),y=require("../feedback-text/feedback-text.cjs.js"),a=require("./file-upload.module.scss.cjs.js"),Q=require("../../../providers/label-provider/use-labels.cjs.js"),F=require("../../../helpers/hooks/use-breakpoint.cjs.js"),X=require("../../layout/grid/row.cjs.js"),q=require("../../layout/grid/col.cjs.js"),L=B=>{const{getLabel:n}=Q.useLabels(),{id:r,name:C,accept:g,multiple:_,onChange:p,className:N,defaultFiles:k,onDelete:T,hasClearButton:U=!0,files:u,readOnly:m,disabled:s=!1,maxSize:$,validateIndividually:w=!1,size:c="default",helper:i,...S}=B,{innerFiles:b,uploadErrorHelper:t,onFileChange:M,onFileRemove:R,handleClear:h,announcement:z}=W.useFileUpload({accept:g,maxSize:$,multiple:_,validateIndividually:w,defaultFiles:k,onChange:p,onDelete:T,files:u}),I=F.useBreakpoint(),V=f.default(a.default["tedi-file-upload"],{[a.default["tedi-file-upload--disabled"]]:s},N),x=i?(i==null?void 0:i.id)??`${r}-helper`:void 0,d=P.useMemo(()=>u&&p?u:b,[u,b,p]),O=(l,o)=>{const D=l.isValid===!1?`${l.name} (${n("file-upload.failed")})`:l.name;return e.jsx("li",{children:e.jsx(K.Tag,{color:l.isValid===!1?"danger":"primary",onClose:!l.isLoading&&!s&&!m?()=>R(l):void 0,isLoading:l.isLoading,"aria-label":D,children:l.name})},o)},j=()=>{if(d.length>1)return e.jsx("ul",{className:f.default(a.default["tedi-file-upload__items"],a.default["tedi-file-upload__truncate-list"]),children:d.map((l,o)=>O(l,o))});if(d.length===1){const l=d[0],o=l.isValid===!1?`${l.name} (${n("file-upload.failed")})`:l.name;return e.jsx(A.Text,{"aria-label":o,className:f.default(a.default["tedi-file-upload__items"],a.default["tedi-file-upload__truncate"]),children:l.name})}return null};return e.jsxs(e.Fragment,{children:[e.jsx("div",{className:a.default["tedi-file-upload__label-wrapper"],children:e.jsx(G.FormLabel,{id:r,...S,renderWithoutLabel:m,className:a.default["tedi-file-upload__label"],size:c})}),e.jsx("div",{"aria-live":"polite","aria-atomic":"true",className:"sr-only",children:z}),m?j():e.jsx("div",{className:f.default(a.default["tedi-file-upload__container"],{[a.default["tedi-file-upload--disabled"]]:s,[a.default["tedi-file-upload--error"]]:((t==null?void 0:t.type)||(i==null?void 0:i.type))==="error",[a.default["tedi-file-upload--valid"]]:((t==null?void 0:t.type)||(i==null?void 0:i.type))==="valid"},{[a.default[`tedi-file-upload__container--${c}`]]:c}),children:e.jsx("div",{className:a.default["tedi-file-upload__content"],children:e.jsxs(X.Row,{children:[e.jsx(q.Col,{className:"display-flex",children:j()}),e.jsx(q.Col,{xs:12,md:"auto",children:e.jsxs("div",{className:V,children:[e.jsx("input",{id:r,type:"file",name:C,accept:g,onChange:M,multiple:_,disabled:s,"aria-invalid":!!t&&t.type==="error","aria-describedby":x}),U&&d.length>0&&!s&&e.jsxs(e.Fragment,{children:[F.isBreakpointBelow(I,"md")?e.jsx(v.Button,{visualType:"neutral",iconLeft:"close",disabled:s,onClick:h,className:a.default["tedi-file-upload__button"],children:n("clear")}):e.jsx(E.ClosingButton,{onClick:h,iconSize:18,title:n("clear")}),e.jsx(J.Separator,{axis:"vertical",height:1.5,spacing:.5,color:"primary"})]}),e.jsx(v.Button,{visualType:"neutral",iconLeft:"file_upload",disabled:s,onClick:()=>{var l;return(l=document.getElementById(r))==null?void 0:l.click()},className:a.default["tedi-file-upload__button"],size:c,children:n("file-upload.add")})]})})]})})}),i?e.jsx(y.FeedbackText,{...i,id:x}):t?e.jsx(y.FeedbackText,{...t,id:x}):null]})};exports.FileUpload=L;exports.default=L;

package/src/tedi/components/form/file-upload/file-upload.es.js

@@ -25,15 +25,15 @@ const he = (B) => {
     defaultFiles: T,
     onDelete: w,
     hasClearButton: z = !0,
-    files: m,
+    files: c,
     readOnly: h,
     disabled: o = !1,
     maxSize: I,
     validateIndividually: R = !1,
-    size: c = "default",
+    size: m = "default",
     helper: a,
-    ...U
-  } = B, { innerFiles: v, uploadErrorHelper: t, onFileChange: V, onFileRemove: j, handleClear: y, announcement: M } = A({
+    ...S
+  } = B, { innerFiles: v, uploadErrorHelper: t, onFileChange: U, onFileRemove: V, handleClear: y, announcement: j } = A({
     accept: g,
     maxSize: I,
     multiple: b,
@@ -41,14 +41,14 @@ const he = (B) => {
     defaultFiles: T,
     onChange: f,
     onDelete: w,
-    files: m
-  }), S = X(), D = p(l["tedi-file-upload"], { [l["tedi-file-upload--disabled"]]: o }, $), _ = a ? (a == null ? void 0 : a.id) ?? `${s}-helper` : void 0, d = q.useMemo(() => m && f ? m : v, [m, v, f]), O = (e, r) => {
+    files: c
+  }), M = X(), D = p(l["tedi-file-upload"], { [l["tedi-file-upload--disabled"]]: o }, $), _ = a ? (a == null ? void 0 : a.id) ?? `${s}-helper` : void 0, d = q.useMemo(() => c && f ? c : v, [c, v, f]), O = (e, r) => {
     const W = e.isValid === !1 ? `${e.name} (${n("file-upload.failed")})` : e.name;
     return /* @__PURE__ */ i("li", { children: /* @__PURE__ */ i(
       P,
       {
         color: e.isValid === !1 ? "danger" : "primary",
-        onClose: !e.isLoading && !o && !h ? () => j(e) : void 0,
+        onClose: !e.isLoading && !o && !h ? () => V(e) : void 0,
         isLoading: e.isLoading,
         "aria-label": W,
         children: e.name
@@ -75,13 +75,13 @@ const he = (B) => {
       J,
       {
         id: s,
-        ...U,
+        ...S,
         renderWithoutLabel: h,
         className: l["tedi-file-upload__label"],
-        size: c
+        size: m
       }
     ) }),
-    /* @__PURE__ */ i("div", { "aria-live": "polite", "aria-atomic": "true", className: "sr-only", children: M }),
+    /* @__PURE__ */ i("div", { "aria-live": "polite", "aria-atomic": "true", className: "sr-only", children: j }),
     h ? F() : /* @__PURE__ */ i(
       "div",
       {
@@ -92,7 +92,7 @@ const he = (B) => {
             [l["tedi-file-upload--error"]]: ((t == null ? void 0 : t.type) || (a == null ? void 0 : a.type)) === "error",
             [l["tedi-file-upload--valid"]]: ((t == null ? void 0 : t.type) || (a == null ? void 0 : a.type)) === "valid"
           },
-          { [l[`tedi-file-upload__container--${c}`]]: c }
+          { [l[`tedi-file-upload__container--${m}`]]: m }
         ),
         children: /* @__PURE__ */ i("div", { className: l["tedi-file-upload__content"], children: /* @__PURE__ */ u(Z, { children: [
           /* @__PURE__ */ i(x, { className: "display-flex", children: F() }),
@@ -104,7 +104,7 @@ const he = (B) => {
                 type: "file",
                 name: k,
                 accept: g,
-                onChange: V,
+                onChange: U,
                 multiple: b,
                 disabled: o,
                 "aria-invalid": !!t && t.type === "error",
@@ -112,7 +112,7 @@ const he = (B) => {
               }
             ),
             z && d.length > 0 && !o && /* @__PURE__ */ u(N, { children: [
-              Y(S, "md") ? /* @__PURE__ */ i(
+              Y(M, "md") ? /* @__PURE__ */ i(
                 C,
                 {
                   visualType: "neutral",
@@ -122,7 +122,7 @@ const he = (B) => {
                   className: l["tedi-file-upload__button"],
                   children: n("clear")
                 }
-              ) : /* @__PURE__ */ i(G, { onClick: y, size: "medium", title: n("clear") }),
+              ) : /* @__PURE__ */ i(G, { onClick: y, iconSize: 18, title: n("clear") }),
               /* @__PURE__ */ i(K, { axis: "vertical", height: 1.5, spacing: 0.5, color: "primary" })
             ] }),
             /* @__PURE__ */ i(
@@ -136,7 +136,7 @@ const he = (B) => {
                   return (e = document.getElementById(s)) == null ? void 0 : e.click();
                 },
                 className: l["tedi-file-upload__button"],
-                size: c,
+                size: m,
                 children: n("file-upload.add")
               }
             )

package/src/tedi/components/form/select/components/select-clear-indicator.cjs.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),l=require("../../../buttons/closing-button/closing-button.cjs.js"),n=require("../../../misc/separator/separator.cjs.js"),o=require("../select.module.scss.cjs.js"),c=require("../../../../providers/label-provider/use-labels.cjs.js"),i=({isClearIndicatorVisible:r,innerProps:{ref:t,...s}})=>{const{getLabel:a}=c.useLabels();return r?e.jsxs(e.Fragment,{children:[e.jsx(l.ClosingButton,{tabIndex:0,ref:t,...s,children:a("clear")}),e.jsx(n.Separator,{color:"primary",axis:"vertical",className:o.default["tedi-select__separator"]})]}):null};exports.SelectClearIndicator=i;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),o=require("../../../buttons/closing-button/closing-button.cjs.js"),a=require("../../../misc/separator/separator.cjs.js"),l=require("../select.module.scss.cjs.js"),c=require("../../../../providers/label-provider/use-labels.cjs.js"),i=({isClearIndicatorVisible:r,innerProps:{ref:t,...s}})=>{const{getLabel:n}=c.useLabels();return r?e.jsxs(e.Fragment,{children:[e.jsx(o.ClosingButton,{tabIndex:0,ref:t,iconSize:18,...s,children:n("clear")}),e.jsx(a.Separator,{color:"primary",axis:"vertical",className:l.default["tedi-select__separator"]})]}):null};exports.SelectClearIndicator=i;

package/src/tedi/components/form/select/components/select-clear-indicator.es.js

@@ -1,16 +1,16 @@
-import { jsxs as s, Fragment as l, jsx as r } from "react/jsx-runtime";
-import { ClosingButton as i } from "../../../buttons/closing-button/closing-button.es.js";
-import { Separator as m } from "../../../misc/separator/separator.es.js";
-import n from "../select.module.scss.es.js";
+import { jsxs as i, Fragment as s, jsx as r } from "react/jsx-runtime";
+import { ClosingButton as l } from "../../../buttons/closing-button/closing-button.es.js";
+import { Separator as n } from "../../../misc/separator/separator.es.js";
+import m from "../select.module.scss.es.js";
 import { useLabels as c } from "../../../../providers/label-provider/use-labels.es.js";
 const b = ({
   isClearIndicatorVisible: e,
-  innerProps: { ref: t, ...o }
+  innerProps: { ref: o, ...t }
 }) => {
   const { getLabel: a } = c();
-  return e ? /* @__PURE__ */ s(l, { children: [
-    /* @__PURE__ */ r(i, { tabIndex: 0, ref: t, ...o, children: a("clear") }),
-    /* @__PURE__ */ r(m, { color: "primary", axis: "vertical", className: n["tedi-select__separator"] })
+  return e ? /* @__PURE__ */ i(s, { children: [
+    /* @__PURE__ */ r(l, { tabIndex: 0, ref: o, iconSize: 18, ...t, children: a("clear") }),
+    /* @__PURE__ */ r(n, { color: "primary", axis: "vertical", className: m["tedi-select__separator"] })
   ] }) : null;
 };
 export {

package/src/tedi/components/form/select/components/select-multi-value-remove.cjs.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=require("react/jsx-runtime"),i=require("../../../buttons/closing-button/closing-button.cjs.js"),n=require("../../../misc/separator/separator.cjs.js"),s=require("../select.module.scss.cjs.js"),u=require("../../../../providers/label-provider/use-labels.cjs.js"),d=({innerProps:l,data:a})=>{const{getLabel:r}=u.useLabels(),o=e=>{l.onClick&&l.onClick(e)},c=e=>{(e.key==="Enter"||e.key===" ")&&o(e)};return t.jsxs(t.Fragment,{children:[t.jsx(i.ClosingButton,{onMouseDown:e=>e.stopPropagation(),onClick:o,onKeyDown:c,className:s.default["tedi-select__multi-value-clear"],title:`${r("clear")} ${a.label}`}),t.jsx(n.Separator,{color:"primary",axis:"vertical",className:s.default["tedi-select__separator"]})]})};exports.SelectMultiValueRemove=d;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=require("react/jsx-runtime"),i=require("../../../buttons/closing-button/closing-button.cjs.js"),n=require("../../../misc/separator/separator.cjs.js"),s=require("../select.module.scss.cjs.js"),u=require("../../../../providers/label-provider/use-labels.cjs.js"),d=({innerProps:l,data:a})=>{const{getLabel:r}=u.useLabels(),o=e=>{l.onClick&&l.onClick(e)},c=e=>{(e.key==="Enter"||e.key===" ")&&o(e)};return t.jsxs(t.Fragment,{children:[t.jsx(i.ClosingButton,{onMouseDown:e=>e.stopPropagation(),onClick:o,onKeyDown:c,className:s.default["tedi-select__multi-value-clear"],iconSize:18,title:`${r("clear")} ${a.label}`}),t.jsx(n.Separator,{color:"primary",axis:"vertical",className:s.default["tedi-select__separator"]})]})};exports.SelectMultiValueRemove=d;

package/src/tedi/components/form/select/components/select-multi-value-remove.es.js

@@ -17,6 +17,7 @@ const g = ({ innerProps: o, data: a }) => {
           (e.key === "Enter" || e.key === " ") && t(e);
         },
         className: r["tedi-select__multi-value-clear"],
+        iconSize: 18,
         title: `${i("clear")} ${a.label}`
       }
     ),

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

@@ -1 +1 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const l=require("react/jsx-runtime"),p=require("../../../../../external/classnames/index.cjs.js"),r=require("react"),ce=require("../../base/icon/icon.cjs.js"),fe=require("../../buttons/closing-button/closing-button.cjs.js"),xe=require("../../misc/separator/separator.cjs.js"),U=require("../feedback-text/feedback-text.cjs.js"),pe=require("../form-label/form-label.cjs.js"),a=require("./textfield.module.scss.cjs.js"),me=require("../../../helpers/hooks/use-breakpoint-props.cjs.js"),be=require("../../../providers/label-provider/use-labels.cjs.js"),I=r.forwardRef((f,G)=>{const{getCurrentBreakpointProps:J}=me.useBreakpointProps(f.defaultServerBreakpoint),{id:u,label:g,className:Q,inputClassName:q,disabled:s,required:A,hideLabel:h,invalid:o,readOnly:B,icon:c,onIconClick:m,size:n,placeholder:T,isArrowsHidden:M=!0,isClearable:R,onClear:b,onChange:d,onChangeEvent:y,onKeyUp:X,onKeyDown:Y,onKeyPress:ye,defaultValue:Z,value:j,onFocus:w,onBlur:F,onClick:ee,helper:t,input:P,name:$,isTextArea:v,...te}=J(f)||{},{getLabel:L}=be.useLabels(),x=r.useRef(null),S=r.useRef(null),[V,z]=r.useState(j??Z??""),_=r.useMemo(()=>{var e;if(t)return Array.isArray(t)?((e=t[0])==null?void 0:e.id)??`${u}-helper`:t.id??`${u}-helper`},[t,u]),N=r.useMemo(()=>j??V,[j,V]),k=R&&N;r.useImperativeHandle(G,()=>({get input(){return x.current},get inner(){return S.current}}));const C=r.useMemo(()=>Array.isArray(t)?o||t.some(e=>e.type==="error"):o||(t==null?void 0:t.type)==="error",[o,t]),re=r.useMemo(()=>!t||Array.isArray(t)&&t.length===0?!1:Array.isArray(t)?!o&&t.every(e=>e.type==="valid"):!o&&t.type==="valid",[o,t]),ae=n==="large"?"default":n,H=r.useCallback(e=>{const i={size:n==="large"?24:n==="small"?16:18,className:p.default(a.default["tedi-textfield__icon"])},de=typeof e=="string"?{...i,name:e}:{...i,...e,className:p.default(i.className,e==null?void 0:e.className)},ue=l.jsx(ce.Icon,{...de}),oe=m?"button":"div";return l.jsx(oe,{className:a.default["tedi-textfield__icon-wrapper"],type:m?"button":void 0,onClick:s?void 0:m,disabled:s,tabIndex:s?-1:0,children:ue})},[s,m,n]),K=r.useCallback(e=>{const i=e.currentTarget.value;z(i),d==null||d(i),y==null||y(e)},[d,y]),E=r.useCallback(()=>{z(""),d==null||d(""),b==null||b()},[d,b]),O=r.useCallback((e,i)=>!!v,[v]),W=r.useCallback((e,i)=>!v,[v]),le=r.useMemo(()=>{const e={...P,id:u,name:$,...h?{"aria-label":g}:{},"aria-describedby":_,"aria-disabled":s||void 0,className:p.default(a.default["tedi-textfield__input"],q,{[a.default["tedi-textfield__input--hidden-arrows"]]:M}),disabled:s,required:A,"aria-invalid":C||void 0,placeholder:T,readOnly:B,onChange:K,value:N,onBlur:F,onFocus:w};return O(f,x)?l.jsx("textarea",{...e,ref:x}):W(f,x)?l.jsx("input",{...e,ref:x}):null},[P,u,$,h,g,_,s,q,M,A,C,T,B,K,N,F,w,O,f,W]),D=r.useMemo(()=>{const e={size:n==="large"?"large":"medium",onClick:s?()=>{}:E,disabled:s,"aria-disabled":s||void 0,title:`${L("clear")}`,className:p.default(a.default["tedi-textfield__clear-button"])};return l.jsx(fe.ClosingButton,{...e})},[E,s,L,n]),se=r.useMemo(()=>l.jsxs("div",{className:a.default["tedi-textfield__right-area"],children:[k&&D,k&&c?l.jsx(xe.Separator,{color:"primary",axis:"vertical",className:a.default["tedi-textfield__separator"]}):null,c&&H(c)]}),[H,c,D,k]),ie=p.default(a.default["tedi-textfield"],{[a.default[`tedi-textfield--${n}`]]:n},{[a.default["tedi-textfield--with-icon"]]:c},{[a.default["tedi-textfield--invalid"]]:C},{[a.default["tedi-textfield--valid"]]:re},{[a.default["tedi-textfield--clearable"]]:k},Q),ne=()=>!t||Array.isArray(t)&&t.length===0?null:l.jsx("div",{className:a.default["tedi-textfield__feedback-wrapper"],children:Array.isArray(t)?t.map((e,i)=>l.jsx(U.FeedbackText,{...e,id:`${_}-${i}`},i)):l.jsx(U.FeedbackText,{...t,id:_})});return l.jsxs("div",{"data-name":"textfield",...te,className:ie,children:[l.jsx(pe.FormLabel,{id:u,label:g,required:A,hideLabel:h,size:ae}),l.jsxs("div",{className:a.default["tedi-textfield__inner"],onKeyDown:Y,onKeyUp:X,onClick:ee,tabIndex:s?-1:0,ref:S,children:[le,R||c?se:null]}),ne()]})});I.displayName="TextField";exports.TextField=I;exports.default=I;
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const l=require("react/jsx-runtime"),p=require("../../../../../external/classnames/index.cjs.js"),r=require("react"),ce=require("../../base/icon/icon.cjs.js"),fe=require("../../buttons/closing-button/closing-button.cjs.js"),xe=require("../../misc/separator/separator.cjs.js"),U=require("../feedback-text/feedback-text.cjs.js"),pe=require("../form-label/form-label.cjs.js"),a=require("./textfield.module.scss.cjs.js"),me=require("../../../helpers/hooks/use-breakpoint-props.cjs.js"),be=require("../../../providers/label-provider/use-labels.cjs.js"),ye={large:24,default:18},I=r.forwardRef((f,G)=>{const{getCurrentBreakpointProps:J}=me.useBreakpointProps(f.defaultServerBreakpoint),{id:u,label:k,className:Q,inputClassName:q,disabled:i,required:A,hideLabel:h,invalid:o,readOnly:B,icon:c,onIconClick:m,size:n,placeholder:T,isArrowsHidden:M=!0,isClearable:R,onClear:b,onChange:d,onChangeEvent:y,onKeyUp:X,onKeyDown:Y,onKeyPress:ve,defaultValue:Z,value:j,onFocus:w,onBlur:F,onClick:ee,helper:t,input:P,name:S,isTextArea:v,...te}=J(f)||{},{getLabel:$}=be.useLabels(),x=r.useRef(null),z=r.useRef(null),[L,V]=r.useState(j??Z??""),_=r.useMemo(()=>{var e;if(t)return Array.isArray(t)?((e=t[0])==null?void 0:e.id)??`${u}-helper`:t.id??`${u}-helper`},[t,u]),N=r.useMemo(()=>j??L,[j,L]),g=R&&N;r.useImperativeHandle(G,()=>({get input(){return x.current},get inner(){return z.current}}));const C=r.useMemo(()=>Array.isArray(t)?o||t.some(e=>e.type==="error"):o||(t==null?void 0:t.type)==="error",[o,t]),re=r.useMemo(()=>!t||Array.isArray(t)&&t.length===0?!1:Array.isArray(t)?!o&&t.every(e=>e.type==="valid"):!o&&t.type==="valid",[o,t]),ae=n==="large"?"default":n,H=r.useCallback(e=>{const s={size:n==="large"?24:n==="small"?16:18,className:p.default(a.default["tedi-textfield__icon"])},de=typeof e=="string"?{...s,name:e}:{...s,...e,className:p.default(s.className,e==null?void 0:e.className)},ue=l.jsx(ce.Icon,{...de}),oe=m?"button":"div";return l.jsx(oe,{className:a.default["tedi-textfield__icon-wrapper"],type:m?"button":void 0,onClick:i?void 0:m,disabled:i,tabIndex:i?-1:0,children:ue})},[i,m,n]),K=r.useCallback(e=>{const s=e.currentTarget.value;V(s),d==null||d(s),y==null||y(e)},[d,y]),E=r.useCallback(()=>{V(""),d==null||d(""),b==null||b()},[d,b]),O=r.useCallback((e,s)=>!!v,[v]),W=r.useCallback((e,s)=>!v,[v]),le=r.useMemo(()=>{const e={...P,id:u,name:S,...h?{"aria-label":k}:{},"aria-describedby":_,"aria-disabled":i||void 0,className:p.default(a.default["tedi-textfield__input"],q,{[a.default["tedi-textfield__input--hidden-arrows"]]:M}),disabled:i,required:A,"aria-invalid":C||void 0,placeholder:T,readOnly:B,onChange:K,value:N,onBlur:F,onFocus:w};return O(f,x)?l.jsx("textarea",{...e,ref:x}):W(f,x)?l.jsx("input",{...e,ref:x}):null},[P,u,S,h,k,_,i,q,M,A,C,T,B,K,N,F,w,O,f,W]),D=r.useMemo(()=>{const e={iconSize:ye[n==="large"?"large":"default"],onClick:i?()=>{}:E,disabled:i,"aria-disabled":i||void 0,title:`${$("clear")}`,className:p.default(a.default["tedi-textfield__clear-button"])};return l.jsx(fe.ClosingButton,{...e})},[E,i,$,n]),ie=r.useMemo(()=>l.jsxs("div",{className:a.default["tedi-textfield__right-area"],children:[g&&D,g&&c?l.jsx(xe.Separator,{color:"primary",axis:"vertical",className:a.default["tedi-textfield__separator"]}):null,c&&H(c)]}),[H,c,D,g]),se=p.default(a.default["tedi-textfield"],{[a.default[`tedi-textfield--${n}`]]:n},{[a.default["tedi-textfield--with-icon"]]:c},{[a.default["tedi-textfield--invalid"]]:C},{[a.default["tedi-textfield--valid"]]:re},{[a.default["tedi-textfield--clearable"]]:g},Q),ne=()=>!t||Array.isArray(t)&&t.length===0?null:l.jsx("div",{className:a.default["tedi-textfield__feedback-wrapper"],children:Array.isArray(t)?t.map((e,s)=>l.jsx(U.FeedbackText,{...e,id:`${_}-${s}`},s)):l.jsx(U.FeedbackText,{...t,id:_})});return l.jsxs("div",{"data-name":"textfield",...te,className:se,children:[l.jsx(pe.FormLabel,{id:u,label:k,required:A,hideLabel:h,size:ae}),l.jsxs("div",{className:a.default["tedi-textfield__inner"],onKeyDown:Y,onKeyUp:X,onClick:ee,tabIndex:i?-1:0,ref:z,children:[le,R||c?ie:null]}),ne()]})});I.displayName="TextField";exports.TextField=I;exports.default=I;