@tedi-design-system/react 19.2.0-rc.1 → 19.2.0-rc.2

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@tedi-design-system/react",
-  "version": "19.2.0-rc.1",
+  "version": "19.2.0-rc.2",
   "description": "TEDI Design System React component library — accessible, reusable UI components. Docs & live examples: https://storybook.tedi.ee/react/rc/",
   "type": "module",
   "sideEffects": false,

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

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),w=require("../../../../../external/classnames/index.cjs.js"),W=require("react"),E=require("../../../../../external/react-dropzone/dist/es/index.cjs.js"),G=require("../../../helpers/hooks/use-file-upload.cjs.js"),J=require("../../base/icon/icon.cjs.js"),K=require("../../buttons/button/button.cjs.js"),Q=require("../../misc/attachment/attachment.cjs.js"),X=require("../feedback-text/feedback-text.cjs.js"),Y=require("../form-label/form-label.cjs.js"),n=require("./file-dropzone.module.scss.cjs.js"),Z=require("../../../providers/label-provider/use-labels.cjs.js"),y=require("../../content/list/list.cjs.js"),F=d=>{if(!d)return;const a=d.split(",").reduce((s,u)=>{const i=u.trim();return i&&(i.startsWith(".")?(s["*/*"]=s["*/*"]??[],s["*/*"].push(i)):s[i]=s[i]??[]),s},{});return Object.keys(a).length?a:void 0},_=d=>{const{getLabel:a}=Z.useLabels(),{label:s=a("file-dropzone.label"),className:u,disabled:i=!1,helper:q,id:D,name:N,attachmentProps:p,accept:v,maxSize:m,multiple:b,validateIndividually:L,defaultFiles:I,files:$,onChange:A,onDelete:R,announcementTimeout:T,...P}=d,{innerFiles:x,uploadErrorHelper:r,onFileChange:S,onFileRemove:V,announcement:C}=G.useFileUpload({accept:v,maxSize:m,multiple:b,validateIndividually:L,defaultFiles:I,files:$,onChange:A,onDelete:R,announcementTimeout:T}),M=W.useId(),f=D??M,{getRootProps:O,getInputProps:B,isDragActive:U}=E.useDropzone({disabled:i,accept:F(v),multiple:b,maxSize:m?m*1024**2:void 0,onDrop:(t,l=[])=>{if(i)return;const z=l.filter(h=>h.errors.some(j=>j.code==="file-too-large"||j.code==="file-invalid-type")).map(h=>h.file),c=[...t,...z];if(c.length===0)return;S({target:{files:c}})}}),o=(r==null?void 0:r.type)==="error"?r:q??r,g=o?o.id??`${f}-helper`:void 0,k=w.default(n.default["tedi-file-dropzone"],{[n.default["tedi-file-dropzone--disabled"]]:i},{[n.default["tedi-file-dropzone--invalid"]]:(o==null?void 0:o.type)==="error"},{[n.default["tedi-file-dropzone--valid"]]:(o==null?void 0:o.type)==="valid"},{[n.default["tedi-file-dropzone--drop-over"]]:U},u);return e.jsxs(e.Fragment,{children:[e.jsxs("div",{...O({role:"button",tabIndex:i?-1:0,"aria-disabled":i,"aria-describedby":g}),className:k,children:[e.jsx("input",{...B(),id:f,name:N,className:n.default["tedi-file-dropzone__input"],disabled:i}),e.jsx("div",{className:n.default["tedi-file-dropzone__label-wrapper"],children:e.jsx(Y.FormLabel,{...P,id:f,label:e.jsxs(e.Fragment,{children:[e.jsx(J.Icon,{color:i?"tertiary":"secondary",size:24,name:"attach_file",display:"inline",className:n.default["tedi-file-dropzone__label-icon"]}),s]}),className:n.default["tedi-file-dropzone__label"]})})]}),o&&e.jsx(X.FeedbackText,{...o,id:g}),!!x.length&&e.jsx(y.List,{className:n.default["tedi-file-dropzone__file-list"],style:"none","aria-label":a("file-dropzone.selected-files"),children:x.map(t=>{const l=typeof p=="function"?p(t):p,{actions:z,...c}=l??{};return e.jsxs(y.List.Item,{className:n.default["tedi-file-dropzone__file-list-item"],children:[e.jsx(Q.Attachment,{...c,name:t.name??"",isValid:t.isValid??(l==null?void 0:l.isValid),isLoading:t.isLoading??(l==null?void 0:l.isLoading),actions:e.jsxs(e.Fragment,{children:[z,e.jsx(K.Button,{visualType:"neutral",icon:"delete",onClick:()=>V(t),children:`${a("remove")} ${t.name??""}`})]})}),t.isValid===!1&&e.jsx("span",{className:"sr-only",children:`${a("file-dropzone.failed")} ${t.name??""}`})]},t.id??`${t.name??"file"}-${t.size??""}-${t.lastModified??""}`)})}),e.jsx("div",{className:"sr-only",role:"status","aria-live":"polite","aria-atomic":"true",children:C})]})};_.displayName="FileDropzone";exports.FileDropzone=_;exports.toDropzoneAccept=F;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),K=require("../../../../../external/classnames/index.cjs.js"),Q=require("react"),X=require("../../../../../external/react-dropzone/dist/es/index.cjs.js"),Y=require("../../../helpers/hooks/use-file-upload.cjs.js"),Z=require("../../base/icon/icon.cjs.js"),ee=require("../../buttons/button/button.cjs.js"),ie=require("../../misc/attachment/attachment.cjs.js"),q=require("../feedback-text/feedback-text.cjs.js"),te=require("../form-label/form-label.cjs.js"),o=require("./file-dropzone.module.scss.cjs.js"),oe=require("../../../providers/label-provider/use-labels.cjs.js"),N=require("../../content/list/list.cjs.js"),D=c=>{if(!c)return;const l=c.split(",").reduce((n,f)=>{const t=f.trim();return t&&(t.startsWith(".")?(n["*/*"]=n["*/*"]??[],n["*/*"].push(t)):n[t]=n[t]??[]),n},{});return Object.keys(l).length?l:void 0},I=c=>{const{getLabel:l}=oe.useLabels(),{label:n=l("file-dropzone.label"),className:f,disabled:t=!1,helper:a,id:L,name:$,required:k,attachmentProps:m,accept:h,maxSize:b,multiple:v,validateIndividually:j,defaultFiles:R,files:T,onChange:A,onDelete:B,announcementTimeout:P,showRestrictions:S}=c,{innerFiles:g,errorHelper:V,restrictionsHint:C,onFileChange:E,onFileRemove:M,announcement:O}=Y.useFileUpload({accept:h,maxSize:b,multiple:v,validateIndividually:j,defaultFiles:R,files:T,onChange:A,onDelete:B,announcementTimeout:P,showRestrictions:S}),w=Q.useId(),u=L??w,{getRootProps:H,getInputProps:U,isDragActive:W}=X.useDropzone({disabled:t,accept:D(h),multiple:v,maxSize:b?b*1024**2:void 0,onDrop:(i,r=[])=>{if(t)return;const z=r.filter(x=>x.errors.some(F=>F.code==="file-too-large"||F.code==="file-invalid-type")).map(x=>x.file),p=[...i,...z];if(p.length===0)return;E({target:{files:p}})}}),d=(j&&v?void 0:V)??((a==null?void 0:a.type)==="error"?a:void 0),s=a&&a.type!=="error"?a:C,y=d?d.id??`${u}-error`:void 0,_=s?s.id??`${u}-helper`:void 0,G=[y,_].filter(Boolean).join(" ")||void 0,J=K.default(o.default["tedi-file-dropzone"],{[o.default["tedi-file-dropzone--disabled"]]:t},{[o.default["tedi-file-dropzone--invalid"]]:!!d},{[o.default["tedi-file-dropzone--valid"]]:!d&&(s==null?void 0:s.type)==="valid"},{[o.default["tedi-file-dropzone--drop-over"]]:W},f);return e.jsxs(e.Fragment,{children:[e.jsxs("div",{...H({role:"button",tabIndex:t?-1:0,"aria-disabled":t,"aria-describedby":G}),className:J,children:[e.jsx("input",{...U(),id:u,name:$,className:o.default["tedi-file-dropzone__input"],disabled:t}),e.jsx("div",{className:o.default["tedi-file-dropzone__label-wrapper"],children:e.jsx(te.FormLabel,{id:u,required:k,label:e.jsxs(e.Fragment,{children:[e.jsx(Z.Icon,{color:t?"inherit":"secondary",size:24,name:"attach_file",display:"inline",className:o.default["tedi-file-dropzone__label-icon"]}),n]}),className:o.default["tedi-file-dropzone__label"]})})]}),(d||s)&&e.jsxs("div",{className:o.default["tedi-file-dropzone__feedback"],children:[d&&e.jsx(q.FeedbackText,{...d,id:y}),s&&e.jsx(q.FeedbackText,{...s,id:_})]}),!!g.length&&e.jsx(N.List,{className:o.default["tedi-file-dropzone__file-list"],style:"none","aria-label":l("file-dropzone.selected-files"),children:g.map(i=>{const r=typeof m=="function"?m(i):m,{actions:z,...p}=r??{};return e.jsxs(N.List.Item,{className:o.default["tedi-file-dropzone__file-list-item"],children:[e.jsx(ie.Attachment,{...p,name:i.name??"",isValid:i.isValid??(r==null?void 0:r.isValid),isLoading:i.isLoading??(r==null?void 0:r.isLoading),actions:e.jsxs(e.Fragment,{children:[z,e.jsx(ee.Button,{visualType:"neutral",icon:"delete",onClick:()=>M(i),children:`${l("remove")} ${i.name??""}`})]})}),i.isValid===!1&&e.jsx("span",{className:"sr-only",children:`${l("file-dropzone.failed")} ${i.name??""}`})]},i.id??`${i.name??"file"}-${i.size??""}-${i.lastModified??""}`)})}),e.jsx("div",{className:"sr-only",role:"status","aria-live":"polite","aria-atomic":"true",children:O})]})};I.displayName="FileDropzone";exports.FileDropzone=I;exports.toDropzoneAccept=D;

package/src/tedi/components/form/file-dropzone/file-dropzone.d.ts

@@ -1,9 +1,12 @@
 import { FileUploadFile, UseFileUploadProps } from '../../../helpers/hooks/use-file-upload';
 import { AttachmentProps } from '../../misc/attachment/attachment';
 import { FeedbackTextProps } from '../feedback-text/feedback-text';
-import { FormLabelProps } from '../form-label/form-label';
 export type FileDropzoneAttachmentProps = Partial<Omit<AttachmentProps, 'name'>> | ((file: FileUploadFile) => Partial<Omit<AttachmentProps, 'name'>>);
-export interface FileDropzoneProps extends Omit<FormLabelProps, 'size' | 'hideLabel' | 'label'>, UseFileUploadProps {
+export interface FileDropzoneProps extends UseFileUploadProps {
+    /**
+     * Unique identifier for the underlying file input. Auto-generated when omitted.
+     */
+    id?: string;
     /**
      * Additional CSS class names to apply to the dropzone for custom styling
      */
@@ -12,10 +15,14 @@ export interface FileDropzoneProps extends Omit<FormLabelProps, 'size' | 'hideLa
      * The name attribute for the file input, used for form submission and identifying the field.
      */
     name: string;
+    /**
+     * Marks the field as required — adds the required indicator to the label.
+     */
+    required?: boolean;
     /**
      * The text label displayed for the file dropzone, providing context for users.
      * Defaults to the `LabelProvider`'s localised `file-dropzone.label` (e.g. "Lohista
-     * failid siia või klõpsa, et sirvida" in Estonian).
+     * failid siia või klõpsa failide valimiseks" in Estonian).
      */
     label?: string;
     /**

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

@@ -1,116 +1,116 @@
-import { jsxs as d, Fragment as b, jsx as n } from "react/jsx-runtime";
-import k from "../../../../../external/classnames/index.es.js";
-import q from "react";
-import { useDropzone as E } from "../../../../../external/react-dropzone/dist/es/index.es.js";
-import { useFileUpload as G } from "../../../helpers/hooks/use-file-upload.es.js";
-import { Icon as J } from "../../base/icon/icon.es.js";
-import { Button as K } from "../../buttons/button/button.es.js";
-import { Attachment as Q } from "../../misc/attachment/attachment.es.js";
-import { FeedbackText as X } from "../feedback-text/feedback-text.es.js";
-import { FormLabel as Y } from "../form-label/form-label.es.js";
+import { jsxs as c, Fragment as _, jsx as t } from "react/jsx-runtime";
+import K from "../../../../../external/classnames/index.es.js";
+import Q from "react";
+import { useDropzone as X } from "../../../../../external/react-dropzone/dist/es/index.es.js";
+import { useFileUpload as Y } from "../../../helpers/hooks/use-file-upload.es.js";
+import { Icon as Z } from "../../base/icon/icon.es.js";
+import { Button as ee } from "../../buttons/button/button.es.js";
+import { Attachment as ie } from "../../misc/attachment/attachment.es.js";
+import { FeedbackText as x } from "../feedback-text/feedback-text.es.js";
+import { FormLabel as oe } from "../form-label/form-label.es.js";
 import o from "./file-dropzone.module.scss.es.js";
-import { useLabels as Z } from "../../../providers/label-provider/use-labels.es.js";
-import { List as I } from "../../content/list/list.es.js";
-const H = (m) => {
+import { useLabels as te } from "../../../providers/label-provider/use-labels.es.js";
+import { List as L } from "../../content/list/list.es.js";
+const re = (m) => {
   if (!m) return;
-  const a = m.split(",").reduce((l, c) => {
-    const i = c.trim();
-    return i && (i.startsWith(".") ? (l["*/*"] = l["*/*"] ?? [], l["*/*"].push(i)) : l[i] = l[i] ?? []), l;
+  const a = m.split(",").reduce((r, u) => {
+    const i = u.trim();
+    return i && (i.startsWith(".") ? (r["*/*"] = r["*/*"] ?? [], r["*/*"].push(i)) : r[i] = r[i] ?? []), r;
   }, {});
   return Object.keys(a).length ? a : void 0;
-}, ee = (m) => {
-  const { getLabel: a } = Z(), {
-    label: l = a("file-dropzone.label"),
-    className: c,
+}, ne = (m) => {
+  const { getLabel: a } = te(), {
+    label: r = a("file-dropzone.label"),
+    className: u,
     disabled: i = !1,
-    helper: D,
-    id: $,
-    name: x,
-    attachmentProps: f,
-    accept: y,
-    maxSize: u,
-    multiple: g,
-    validateIndividually: L,
-    defaultFiles: j,
-    files: A,
-    onChange: R,
-    onDelete: V,
-    announcementTimeout: C,
-    ...P
-  } = m, { innerFiles: _, uploadErrorHelper: s, onFileChange: T, onFileRemove: B, announcement: M } = G({
-    accept: y,
-    maxSize: u,
-    multiple: g,
-    validateIndividually: L,
-    defaultFiles: j,
-    files: A,
-    onChange: R,
-    onDelete: V,
-    announcementTimeout: C
-  }), O = q.useId(), h = $ ?? O, { getRootProps: S, getInputProps: w, isDragActive: U } = E({
+    helper: s,
+    id: j,
+    name: R,
+    required: k,
+    attachmentProps: v,
+    accept: g,
+    maxSize: h,
+    multiple: z,
+    validateIndividually: N,
+    defaultFiles: A,
+    files: B,
+    onChange: V,
+    onDelete: C,
+    announcementTimeout: E,
+    showRestrictions: P
+  } = m, { innerFiles: F, errorHelper: T, restrictionsHint: w, onFileChange: H, onFileRemove: M, announcement: O } = Y({
+    accept: g,
+    maxSize: h,
+    multiple: z,
+    validateIndividually: N,
+    defaultFiles: A,
+    files: B,
+    onChange: V,
+    onDelete: C,
+    announcementTimeout: E,
+    showRestrictions: P
+  }), S = Q.useId(), p = j ?? S, { getRootProps: q, getInputProps: U, isDragActive: W } = X({
     disabled: i,
-    accept: H(y),
-    multiple: g,
-    maxSize: u ? u * 1024 ** 2 : void 0,
-    onDrop: (e, r = []) => {
+    accept: re(g),
+    multiple: z,
+    maxSize: h ? h * 1024 ** 2 : void 0,
+    onDrop: (e, n = []) => {
       if (i) return;
-      const v = r.filter(
-        (z) => z.errors.some((F) => F.code === "file-too-large" || F.code === "file-invalid-type")
-      ).map((z) => z.file), p = [...e, ...v];
-      if (p.length === 0) return;
-      T({
-        target: { files: p }
+      const b = n.filter(
+        (y) => y.errors.some((D) => D.code === "file-too-large" || D.code === "file-invalid-type")
+      ).map((y) => y.file), f = [...e, ...b];
+      if (f.length === 0) return;
+      H({
+        target: { files: f }
       });
     }
-  }), t = (s == null ? void 0 : s.type) === "error" ? s : D ?? s, N = t ? t.id ?? `${h}-helper` : void 0, W = k(
+  }), d = (N && z ? void 0 : T) ?? ((s == null ? void 0 : s.type) === "error" ? s : void 0), l = s && s.type !== "error" ? s : w, I = d ? d.id ?? `${p}-error` : void 0, $ = l ? l.id ?? `${p}-helper` : void 0, G = [I, $].filter(Boolean).join(" ") || void 0, J = K(
     o["tedi-file-dropzone"],
     { [o["tedi-file-dropzone--disabled"]]: i },
-    // Drive the visual state from the same `feedback` that is rendered, so the
-    // invalid/valid styling never diverges from the message shown.
-    { [o["tedi-file-dropzone--invalid"]]: (t == null ? void 0 : t.type) === "error" },
-    { [o["tedi-file-dropzone--valid"]]: (t == null ? void 0 : t.type) === "valid" },
-    { [o["tedi-file-dropzone--drop-over"]]: U },
-    c
+    { [o["tedi-file-dropzone--invalid"]]: !!d },
+    { [o["tedi-file-dropzone--valid"]]: !d && (l == null ? void 0 : l.type) === "valid" },
+    { [o["tedi-file-dropzone--drop-over"]]: W },
+    u
   );
-  return /* @__PURE__ */ d(b, { children: [
-    /* @__PURE__ */ d(
+  return /* @__PURE__ */ c(_, { children: [
+    /* @__PURE__ */ c(
       "div",
       {
-        ...S({
+        ...q({
           role: "button",
           tabIndex: i ? -1 : 0,
           "aria-disabled": i,
-          "aria-describedby": N
+          "aria-describedby": G
         }),
-        className: W,
+        className: J,
         children: [
-          /* @__PURE__ */ n(
+          /* @__PURE__ */ t(
             "input",
             {
-              ...w(),
-              id: h,
-              name: x,
+              ...U(),
+              id: p,
+              name: R,
               className: o["tedi-file-dropzone__input"],
               disabled: i
             }
           ),
-          /* @__PURE__ */ n("div", { className: o["tedi-file-dropzone__label-wrapper"], children: /* @__PURE__ */ n(
-            Y,
+          /* @__PURE__ */ t("div", { className: o["tedi-file-dropzone__label-wrapper"], children: /* @__PURE__ */ t(
+            oe,
             {
-              ...P,
-              id: h,
-              label: /* @__PURE__ */ d(b, { children: [
-                /* @__PURE__ */ n(
-                  J,
+              id: p,
+              required: k,
+              label: /* @__PURE__ */ c(_, { children: [
+                /* @__PURE__ */ t(
+                  Z,
                   {
-                    color: i ? "tertiary" : "secondary",
+                    color: i ? "inherit" : "secondary",
                     size: 24,
                     name: "attach_file",
                     display: "inline",
                     className: o["tedi-file-dropzone__label-icon"]
                   }
                 ),
-                l
+                r
               ] }),
               className: o["tedi-file-dropzone__label"]
             }
@@ -118,34 +118,37 @@ const H = (m) => {
         ]
       }
     ),
-    t && /* @__PURE__ */ n(X, { ...t, id: N }),
-    !!_.length && /* @__PURE__ */ n(
-      I,
+    (d || l) && /* @__PURE__ */ c("div", { className: o["tedi-file-dropzone__feedback"], children: [
+      d && /* @__PURE__ */ t(x, { ...d, id: I }),
+      l && /* @__PURE__ */ t(x, { ...l, id: $ })
+    ] }),
+    !!F.length && /* @__PURE__ */ t(
+      L,
       {
         className: o["tedi-file-dropzone__file-list"],
         style: "none",
         "aria-label": a("file-dropzone.selected-files"),
-        children: _.map((e) => {
-          const r = typeof f == "function" ? f(e) : f, { actions: v, ...p } = r ?? {};
-          return /* @__PURE__ */ d(
-            I.Item,
+        children: F.map((e) => {
+          const n = typeof v == "function" ? v(e) : v, { actions: b, ...f } = n ?? {};
+          return /* @__PURE__ */ c(
+            L.Item,
             {
               className: o["tedi-file-dropzone__file-list-item"],
               children: [
-                /* @__PURE__ */ n(
-                  Q,
+                /* @__PURE__ */ t(
+                  ie,
                   {
-                    ...p,
+                    ...f,
                     name: e.name ?? "",
-                    isValid: e.isValid ?? (r == null ? void 0 : r.isValid),
-                    isLoading: e.isLoading ?? (r == null ? void 0 : r.isLoading),
-                    actions: /* @__PURE__ */ d(b, { children: [
-                      v,
-                      /* @__PURE__ */ n(K, { visualType: "neutral", icon: "delete", onClick: () => B(e), children: `${a("remove")} ${e.name ?? ""}` })
+                    isValid: e.isValid ?? (n == null ? void 0 : n.isValid),
+                    isLoading: e.isLoading ?? (n == null ? void 0 : n.isLoading),
+                    actions: /* @__PURE__ */ c(_, { children: [
+                      b,
+                      /* @__PURE__ */ t(ee, { visualType: "neutral", icon: "delete", onClick: () => M(e), children: `${a("remove")} ${e.name ?? ""}` })
                     ] })
                   }
                 ),
-                e.isValid === !1 && /* @__PURE__ */ n("span", { className: "sr-only", children: `${a("file-dropzone.failed")} ${e.name ?? ""}` })
+                e.isValid === !1 && /* @__PURE__ */ t("span", { className: "sr-only", children: `${a("file-dropzone.failed")} ${e.name ?? ""}` })
               ]
             },
             e.id ?? `${e.name ?? "file"}-${e.size ?? ""}-${e.lastModified ?? ""}`
@@ -153,11 +156,11 @@ const H = (m) => {
         })
       }
     ),
-    /* @__PURE__ */ n("div", { className: "sr-only", role: "status", "aria-live": "polite", "aria-atomic": "true", children: M })
+    /* @__PURE__ */ t("div", { className: "sr-only", role: "status", "aria-live": "polite", "aria-atomic": "true", children: O })
   ] });
 };
-ee.displayName = "FileDropzone";
+ne.displayName = "FileDropzone";
 export {
-  ee as FileDropzone,
-  H as toDropzoneAccept
+  ne as FileDropzone,
+  re as toDropzoneAccept
 };

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

@@ -1 +1 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e={"tedi-file-dropzone":"tedi-file-dropzone-70698e52","tedi-file-dropzone__label-wrapper":"tedi-file-dropzone__label-wrapper-78360685","tedi-file-dropzone__label":"tedi-file-dropzone__label-5c15bc34","tedi-file-dropzone__label-icon":"tedi-file-dropzone__label-icon-180ef5ad","tedi-file-dropzone--disabled":"tedi-file-dropzone--disabled-0e01143d","tedi-file-dropzone--invalid":"tedi-file-dropzone--invalid-159cce6d","tedi-file-dropzone--valid":"tedi-file-dropzone--valid-d2d3ef3d","tedi-file-dropzone--drop-over":"tedi-file-dropzone--drop-over-3e31af77","tedi-file-dropzone__input":"tedi-file-dropzone__input-c3c90d60","tedi-file-dropzone__file-list":"tedi-file-dropzone__file-list-c1ededa3","tedi-file-dropzone__file-list-item":"tedi-file-dropzone__file-list-item-3ad71621"};exports.default=e;
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e={"tedi-file-dropzone":"tedi-file-dropzone-70698e52","tedi-file-dropzone--drop-over":"tedi-file-dropzone--drop-over-3e31af77","tedi-file-dropzone--invalid":"tedi-file-dropzone--invalid-159cce6d","tedi-file-dropzone--valid":"tedi-file-dropzone--valid-d2d3ef3d","tedi-file-dropzone--disabled":"tedi-file-dropzone--disabled-0e01143d","tedi-file-dropzone__label-wrapper":"tedi-file-dropzone__label-wrapper-78360685","tedi-file-dropzone__label":"tedi-file-dropzone__label-5c15bc34","tedi-file-dropzone__label-icon":"tedi-file-dropzone__label-icon-180ef5ad","tedi-file-dropzone__input":"tedi-file-dropzone__input-c3c90d60","tedi-file-dropzone__feedback":"tedi-file-dropzone__feedback-782071d4","tedi-file-dropzone__file-list":"tedi-file-dropzone__file-list-c1ededa3","tedi-file-dropzone__file-list-item":"tedi-file-dropzone__file-list-item-3ad71621"};exports.default=e;

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

@@ -1,13 +1,14 @@
 const e = {
   "tedi-file-dropzone": "tedi-file-dropzone-70698e52",
+  "tedi-file-dropzone--drop-over": "tedi-file-dropzone--drop-over-3e31af77",
+  "tedi-file-dropzone--invalid": "tedi-file-dropzone--invalid-159cce6d",
+  "tedi-file-dropzone--valid": "tedi-file-dropzone--valid-d2d3ef3d",
+  "tedi-file-dropzone--disabled": "tedi-file-dropzone--disabled-0e01143d",
   "tedi-file-dropzone__label-wrapper": "tedi-file-dropzone__label-wrapper-78360685",
   "tedi-file-dropzone__label": "tedi-file-dropzone__label-5c15bc34",
   "tedi-file-dropzone__label-icon": "tedi-file-dropzone__label-icon-180ef5ad",
-  "tedi-file-dropzone--disabled": "tedi-file-dropzone--disabled-0e01143d",
-  "tedi-file-dropzone--invalid": "tedi-file-dropzone--invalid-159cce6d",
-  "tedi-file-dropzone--valid": "tedi-file-dropzone--valid-d2d3ef3d",
-  "tedi-file-dropzone--drop-over": "tedi-file-dropzone--drop-over-3e31af77",
   "tedi-file-dropzone__input": "tedi-file-dropzone__input-c3c90d60",
+  "tedi-file-dropzone__feedback": "tedi-file-dropzone__feedback-782071d4",
   "tedi-file-dropzone__file-list": "tedi-file-dropzone__file-list-c1ededa3",
   "tedi-file-dropzone__file-list-item": "tedi-file-dropzone__file-list-item-3ad71621"
 };

package/src/tedi/helpers/hooks/use-file-upload.cjs.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const u=require("react"),_=require("../../providers/label-provider/use-labels.cjs.js"),q=({accept:F,maxSize:o},f)=>{if(!F&&!o)return;const p=[F&&`${f("file-upload.accept")} ${F.replaceAll(",",", ")}`,o&&`${f("file-upload.max-size")} ${o}MB`].filter(Boolean).join(". ");return p.length?{text:p}:void 0},B=()=>`${Date.now()}-${Math.random().toString(36).slice(2)}`,k=100,P=F=>{const{getLabel:o}=_.useLabels(),{accept:f,maxSize:p,multiple:$=!1,validateIndividually:b=!1,defaultFiles:H=[],onChange:l,onDelete:m,files:x,announcementTimeout:M=5e3,showRestrictions:L=!0}=F,g=x!==void 0,[A,j]=u.useState(H),c=g?x:A,C=L?q({accept:f,maxSize:p},o):void 0,[N,h]=u.useState(void 0),V=N??C,[z,w]=u.useState(""),y=u.useRef(!0),v=u.useRef(),T=u.useRef();u.useEffect(()=>()=>{y.current=!1,v.current&&clearTimeout(v.current),T.current&&clearTimeout(T.current)},[]);const E=u.useCallback(e=>{!e||!y.current||(w(""),v.current&&clearTimeout(v.current),T.current&&clearTimeout(T.current),v.current=setTimeout(()=>{y.current&&(w(e),T.current=setTimeout(()=>{y.current&&w("")},M))},k))},[M]),a=u.useRef(null),I=e=>{var i;if(!f)return!0;const s=f.split(",").map(d=>d.trim().toLowerCase()),n=e.name.includes(".")?`.${(i=e.name.split(".").pop())==null?void 0:i.toLowerCase()}`:"",r=e.type.toLowerCase();return s.includes(n)||s.includes(r)},O=e=>{const s=e.reduce((n,{type:r,file:i})=>(n[r].push(i.name),n),{extension:[],size:[]});return Object.entries(s).filter(([n,r])=>r.length).map(([n,r])=>{const i=r.map(d=>`'${d}'`).join(", ");return o(`file-upload.${n}-rejected`,i)}).join(". ")};return{innerFiles:c,uploadErrorHelper:V,onFileChange:e=>{if(e.target.files){const s=Array.from(e.target.files),n=[],r=s.map(t=>{const R=I(t),S=!p||t.size<=p*1024**2;R||n.push({type:"extension",file:t}),S||n.push({type:"size",file:t});const U=new File([t],t.name,{type:t.type,lastModified:t.lastModified});return Object.assign(U,{id:B(),isLoading:!1,isValid:R&&S})});let i;if(!$)i=r.length>0&&r[0].isValid?[r[0]]:c;else if(b)i=[...c,...r];else{const t=r.filter(R=>R.isValid);i=t.length>0?[...c,...t]:c}const d=i.filter(t=>!c.includes(t)).length;if(d>0&&!g&&j(i),l==null||l(i),n.length){const t=O(n);h({type:"error",text:t}),E(t)}else h(void 0),d>0&&E(o("file-upload.success-added",d.toString()));e.target.value="",a.current&&(a.current.value="")}},onFileRemove:e=>{const s=c.filter(n=>n!==e);g||j(s),m==null||m(e),l==null||l(s),s.length===0&&h(void 0),E(o("file-upload.removed",e.name??"")),a.current&&(a.current.value="")},handleClear:()=>{const e=[...c];return e.forEach(s=>m==null?void 0:m(s)),g||j([]),l==null||l([]),h(void 0),E(o("file-upload.cleared")),a.current&&(a.current.value=""),e},fileInputRef:a,announcement:z}};exports.useFileUpload=P;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const p=require("react"),W=require("../../providers/label-provider/use-labels.cjs.js"),C=s=>{if(s<1024)return`${s} B`;const n=["KB","MB","GB","TB"];let c=s/1024,d=0;for(;c>=1024&&d<n.length-1;)c/=1024,d+=1;return`${Math.round(c*10)/10} ${n[d]}`},G=({accept:s,maxSize:n},c)=>{if(!s&&!n)return;const d=[s&&`${c("file-upload.accept")} ${s.replaceAll(",",", ")}`,n&&`${c("file-upload.max-size")} ${C(n*1024**2)}`].filter(Boolean).join(". ");return d.length?{text:d}:void 0},K=()=>`${Date.now()}-${Math.random().toString(36).slice(2)}`,z=(s,n)=>s.name===n.name&&s.size===n.size&&s.lastModified===n.lastModified,P=100,Y=s=>{const{getLabel:n}=W.useLabels(),{accept:c,maxSize:d,multiple:A=!1,validateIndividually:I=!1,defaultFiles:N=[],onChange:f,onDelete:h,files:B,announcementTimeout:H=5e3,showRestrictions:b=!0}=s,$=B!==void 0,[O,x]=p.useState(N),u=$?B:O,L=b?G({accept:c,maxSize:d},n):void 0,[V,E]=p.useState(void 0),U=V??L,[_,R]=p.useState(""),M=p.useRef(!0),v=p.useRef(),T=p.useRef();p.useEffect(()=>()=>{M.current=!1,v.current&&clearTimeout(v.current),T.current&&clearTimeout(T.current)},[]);const j=p.useCallback(t=>{!t||!M.current||(R(""),v.current&&clearTimeout(v.current),T.current&&clearTimeout(T.current),v.current=setTimeout(()=>{M.current&&(R(t),T.current=setTimeout(()=>{M.current&&R("")},H))},P))},[H]),F=p.useRef(null),k=t=>{var m;if(!c)return!0;const l=c.split(",").map(o=>o.trim().toLowerCase()),r=t.name.includes(".")?`.${(m=t.name.split(".").pop())==null?void 0:m.toLowerCase()}`:"",i=t.type.toLowerCase();return l.some(o=>o==="*"||o==="*/*"?!0:o.endsWith("/*")?i.startsWith(o.slice(0,-1)):o===r||o===i)},q=t=>{const l=t.reduce((r,{type:i,file:m})=>(r[i].push(m.name),r),{extension:[],size:[]});return Object.entries(l).filter(([r,i])=>i.length).map(([r,i])=>{const m=i.map(o=>`'${o}'`).join(", ");return n(`file-upload.${r}-rejected`,m)}).join(". ")};return{innerFiles:u,uploadErrorHelper:U,errorHelper:V,restrictionsHint:L,onFileChange:t=>{if(t.target.files){const l=Array.from(t.target.files),r=[],i=l.map(e=>{const a=k(e),w=!d||e.size<=d*1024**2;a||r.push({type:"extension",file:e}),w||r.push({type:"size",file:e});const S=new File([e],e.name,{type:e.type,lastModified:e.lastModified});return Object.assign(S,{id:K(),isLoading:!1,isValid:a&&w})}),m=e=>e.filter((a,w)=>!u.some(S=>z(S,a))&&e.findIndex(S=>z(S,a))===w),o=A?Array.from(new Set(i.filter(e=>u.some(a=>z(a,e))).map(e=>e.name??""))):[];let g;if(!A)g=i.length>0&&i[0].isValid?[i[0]]:u;else if(I){const e=m(i);g=e.length>0?[...u,...e]:u}else{const e=m(i.filter(a=>a.isValid));g=e.length>0?[...u,...e]:u}const y=g.filter(e=>!u.includes(e)).length;if(y>0&&!$&&x(g),f==null||f(g),r.length){const e=q(r);E({type:"error",text:e}),j(e)}else{E(void 0);const e=[y>0&&n("file-upload.success-added",y.toString()),o.length&&n("file-upload.duplicates-skipped",o.map(a=>`'${a}'`).join(", "))].filter(Boolean);e.length&&j(e.join(". "))}t.target.value="",F.current&&(F.current.value="")}},onFileRemove:t=>{const l=u.filter(r=>r!==t);$||x(l),h==null||h(t),f==null||f(l),(l.length===0||t.isValid===!1&&!l.some(r=>r.isValid===!1))&&E(void 0),j(n("file-upload.removed",t.name??"")),F.current&&(F.current.value="")},handleClear:()=>{const t=[...u];return t.forEach(l=>h==null?void 0:h(l)),$||x([]),f==null||f([]),E(void 0),j(n("file-upload.cleared")),F.current&&(F.current.value=""),t},fileInputRef:F,announcement:_}};exports.formatFileSize=C;exports.useFileUpload=Y;

package/src/tedi/helpers/hooks/use-file-upload.d.ts

@@ -76,9 +76,17 @@ export interface UseFileUploadProps {
      */
     showRestrictions?: boolean;
 }
+/**
+ * Formats a byte count into a readable size (`512 KB`, `2.5 MB`, …). Uses 1024-based
+ * units to stay consistent with the size validation (`maxSize * 1024 ** 2`), and rolls
+ * sub-1-unit values down so `0.5 MB` reads as `512 KB` rather than `0.5MB` (#888).
+ */
+export declare const formatFileSize: (bytes: number) => string;
 export declare const useFileUpload: (props: UseFileUploadProps) => {
     innerFiles: FileUploadFile[];
     uploadErrorHelper: FeedbackTextProps | undefined;
+    errorHelper: FeedbackTextProps | undefined;
+    restrictionsHint: FeedbackTextProps | undefined;
     onFileChange: (event: React.ChangeEvent<HTMLInputElement>) => void;
     onFileRemove: (file: FileUploadFile) => void;
     handleClear: () => FileUploadFile[];