@reportportal/ui-kit 0.0.1-alpha.102 → 0.0.1-alpha.103

package/dist/attachedFile.js

@@ -1,4 +1,4 @@
-import { A as a } from "./index-e27a72a8.js";
+import { A as a } from "./index-803576c3.js";
 import "react/jsx-runtime";
 import "react";
 import "./bind-06a7ff84.js";

package/dist/components/fileDropArea/attachedFilesList/attachedFilesList.d.ts

@@ -9,6 +9,7 @@ export interface AttachmentFile {
     isUploadFailed?: boolean;
     isUploading?: boolean;
     validationErrors?: FileValidationError[];
+    customErrorMessage?: string;
 }
 interface AttachedFilesListProps {
     files: AttachmentFile[];

package/dist/components/fileDropArea/hooks/useFileProcessing.d.ts

@@ -5,9 +5,9 @@ interface FileProcessingOptions extends FileValidationOptions {
     onFilesAdded: (files: FileWithValidation[]) => void;
 }
 export declare const useFileProcessing: ({ maxFileSize, acceptFileMimeTypes, onFilesAdded, }: FileProcessingOptions) => {
-    onDrop: (acceptedFiles: File[]) => void;
-    handleFileInputChange: (event: ChangeEvent<HTMLInputElement>) => void;
     error: ValidationError | null;
+    handleFileInputChange: (event: ChangeEvent<HTMLInputElement>) => void;
     clearError: () => void;
+    onDrop: (acceptedFiles: File[]) => void;
 };
 export {};

package/dist/components/fileDropArea/types.d.ts

@@ -49,6 +49,7 @@ export interface FileValidationOptions {
 export interface FileWithValidation {
     file: File;
     validationErrors: FileValidationError[];
+    customErrorMessage?: string;
 }
 export interface FileDropAreaBaseConfig extends FileValidationOptions {
     messages: FileValidationMessages;

package/dist/components/fileDropArea/utils/getValidationErrorMessage.d.ts

@@ -1,3 +1,3 @@
 import { FileValidationError, FileValidationMessages } from '../types';
 
-export declare const getValidationErrorMessage: (errors: FileValidationError[], messages: FileValidationMessages) => string | null;
+export declare const getValidationErrorMessage: (errors: FileValidationError[], messages: FileValidationMessages, customErrorMessage?: string) => string | null;

package/dist/fileDropArea.js

@@ -1,47 +1,47 @@
 import { jsx as f, jsxs as F } from "react/jsx-runtime";
-import { c as h } from "./bind-06a7ff84.js";
-import { useState as C, useCallback as d, useRef as A, createContext as L, useMemo as z, useContext as M } from "react";
-import { g as k, A as B } from "./index-e27a72a8.js";
-import { B as S } from "./button-97d9e587.js";
+import { c as E } from "./bind-06a7ff84.js";
+import { useState as C, useCallback as d, useRef as A, createContext as L, useMemo as z, useContext as M, useEffect as k } from "react";
+import { g as B, A as S } from "./index-803576c3.js";
+import { B as P } from "./button-97d9e587.js";
 import w from "react-dropzone";
 import "./close-4d480ef7.js";
 import "./xls-995781cc.js";
-function P(e) {
+function Z(e) {
   return Number.isSafeInteger(e) && e >= 0;
 }
 function U(e) {
-  return e != null && typeof e != "function" && P(e.length);
-}
-function Z(e) {
-  return e == null ? e === void 0 ? "[object Undefined]" : "[object Null]" : Object.prototype.toString.call(e);
+  return e != null && typeof e != "function" && Z(e.length);
 }
 function V(e) {
-  return ArrayBuffer.isView(e) && !(e instanceof DataView);
+  return e == null ? e === void 0 ? "[object Undefined]" : "[object Null]" : Object.prototype.toString.call(e);
 }
 function $(e) {
-  return e !== null && typeof e == "object" && Z(e) === "[object Arguments]";
+  return ArrayBuffer.isView(e) && !(e instanceof DataView);
 }
 function W(e) {
+  return e !== null && typeof e == "object" && V(e) === "[object Arguments]";
+}
+function X(e) {
   const r = e == null ? void 0 : e.constructor, t = typeof r == "function" ? r.prototype : Object.prototype;
   return e === t;
 }
-function X(e) {
-  return V(e);
+function q(e) {
+  return $(e);
 }
-function E(e) {
+function g(e) {
   if (e == null)
     return !0;
   if (U(e))
-    return typeof e.splice != "function" && typeof e != "string" && (typeof Buffer > "u" || !Buffer.isBuffer(e)) && !X(e) && !$(e) ? !1 : e.length === 0;
+    return typeof e.splice != "function" && typeof e != "string" && (typeof Buffer > "u" || !Buffer.isBuffer(e)) && !q(e) && !W(e) ? !1 : e.length === 0;
   if (typeof e == "object") {
     if (e instanceof Map || e instanceof Set)
       return e.size === 0;
     const r = Object.keys(e);
-    return W(e) ? r.filter((t) => t !== "constructor").length === 0 : r.length === 0;
+    return X(e) ? r.filter((t) => t !== "constructor").length === 0 : r.length === 0;
   }
   return !0;
 }
-const me = {
+const ge = {
   png: "image/png",
   jpeg: "image/jpeg",
   gif: "image/gif",
@@ -76,111 +76,111 @@ const me = {
   gtar: "application/x-gtar",
   kml: "application/vnd.google-earth.kml+xml"
 };
-var g = /* @__PURE__ */ ((e) => (e.INCORRECT_FILE_SIZE = "INCORRECT_FILE_SIZE", e.INCORRECT_FILE_FORMAT = "INCORRECT_FILE_FORMAT", e))(g || {});
-const q = (e, r) => {
-  const { maxFileSize: t, acceptFileMimeTypes: i = [] } = r, n = [];
-  if (t && e.size > t && n.push(g.INCORRECT_FILE_SIZE), !E(i)) {
-    const s = k(e.name);
-    i.some(
-      (o) => o.startsWith(".") ? s === o.slice(1) : e.type === o
-    ) || n.push(g.INCORRECT_FILE_FORMAT);
+var h = /* @__PURE__ */ ((e) => (e.INCORRECT_FILE_SIZE = "INCORRECT_FILE_SIZE", e.INCORRECT_FILE_FORMAT = "INCORRECT_FILE_FORMAT", e))(h || {});
+const Y = (e, r) => {
+  const { maxFileSize: t, acceptFileMimeTypes: o = [] } = r, a = [];
+  if (t && e.size > t && a.push(h.INCORRECT_FILE_SIZE), !g(o)) {
+    const s = B(e.name);
+    o.some(
+      (c) => c.startsWith(".") ? s === c.slice(1) : e.type === c
+    ) || a.push(h.INCORRECT_FILE_FORMAT);
   }
-  return n;
-}, I = (e, r) => E(e) ? null : {
-  [g.INCORRECT_FILE_SIZE]: r.incorrectFileSize,
-  [g.INCORRECT_FILE_FORMAT]: r.incorrectFileFormat
-}[e[0]], Y = 128, b = Y * 1024 * 1024, G = ({
+  return a;
+}, I = (e, r, t) => t || (g(e) ? null : {
+  [h.INCORRECT_FILE_SIZE]: r.incorrectFileSize,
+  [h.INCORRECT_FILE_FORMAT]: r.incorrectFileFormat
+}[e[0]]), G = 128, b = G * 1024 * 1024, H = ({
   maxFileSize: e = b,
   acceptFileMimeTypes: r = [],
   onFilesAdded: t
 }) => {
-  const [i, n] = C(null), s = d(
-    (a) => {
-      n(null);
-      const p = a.map((u) => ({
-        file: u,
-        validationErrors: q(u, { maxFileSize: e, acceptFileMimeTypes: r })
+  const [o, a] = C(null), s = d(
+    (i) => {
+      a(null);
+      const p = i.map((_) => ({
+        file: _,
+        validationErrors: Y(_, { maxFileSize: e, acceptFileMimeTypes: r })
       }));
       t(p);
       const m = p.find(
-        ({ validationErrors: u }) => !E(u)
+        ({ validationErrors: _ }) => !g(_)
       );
-      m && n(m.validationErrors[0]);
+      m && a(m.validationErrors[0]);
     },
     [e, r, t]
   ), l = d(
-    (a) => {
-      s(a);
+    (i) => {
+      s(i);
     },
     [s]
-  ), o = d(
-    (a) => {
-      const { files: p } = a.currentTarget;
-      p && s([...p]), a.currentTarget.value = "";
+  ), c = d(
+    (i) => {
+      const { files: p } = i.currentTarget;
+      p && s([...p]), i.currentTarget.value = "";
     },
     [s]
-  ), c = d(() => {
-    n(null);
+  ), n = d(() => {
+    a(null);
   }, []);
   return {
-    onDrop: l,
-    handleFileInputChange: o,
-    error: i,
-    clearError: c
+    error: o,
+    handleFileInputChange: c,
+    clearError: n,
+    onDrop: l
   };
-}, H = ({
+}, J = ({
   maxFileSize: e = b,
   acceptFileMimeTypes: r = [],
   onFilesAdded: t
 }) => {
-  const { onDrop: i, handleFileInputChange: n, error: s, clearError: l } = G({
+  const { onDrop: o, handleFileInputChange: a, error: s, clearError: l } = H({
     maxFileSize: e,
     acceptFileMimeTypes: r,
     onFilesAdded: t
-  }), o = d(() => {
+  }), c = d(() => {
     l();
   }, [l]);
   return {
     error: s,
-    onDrop: i,
-    handleDropzoneClick: o,
-    handleFileInputChange: n,
+    onDrop: o,
+    handleDropzoneClick: c,
+    handleFileInputChange: a,
     clearError: l
   };
-}, J = ({ isOverlay: e = !1 }) => {
-  const [r, t] = C(!1), i = A(null), n = d((a) => {
+}, K = ({ isOverlay: e = !1 }) => {
+  const [r, t] = C(!1), o = A(null), a = d((i) => {
     var p;
-    a.preventDefault(), (p = a.dataTransfer) != null && p.types.includes("Files") && t(!0);
-  }, []), s = d((a) => {
-    a.preventDefault(), i.current && !i.current.contains(a.relatedTarget) && t(!1);
-  }, []), l = d((a) => {
-    a.preventDefault();
-  }, []), o = d((a) => {
-    a.preventDefault(), t(!1);
+    i.preventDefault(), (p = i.dataTransfer) != null && p.types.includes("Files") && t(!0);
+  }, []), s = d((i) => {
+    i.preventDefault(), o.current && !o.current.contains(i.relatedTarget) && t(!1);
+  }, []), l = d((i) => {
+    i.preventDefault();
+  }, []), c = d((i) => {
+    i.preventDefault(), t(!1);
   }, []);
   return {
     handlers: e ? {
-      ref: i,
-      onDragEnter: n,
+      ref: o,
+      onDragEnter: a,
       onDragLeave: s,
       onDragOver: l,
-      onDrop: o
+      onDrop: c
     } : {},
     ...e && { isDragActive: r }
   };
 }, y = L(null);
 y.displayName = "FileDropAreaContext";
-const K = ({
+const Q = ({
   children: e,
   ...r
 }) => {
-  const t = A(null), i = d((l) => {
+  const t = A(null), o = d((l) => {
     t.current = l;
-  }, []), n = d(() => {
+  }, []), a = d(() => {
     r.isDisabled || !t.current || (r.clearError(), t.current());
   }, [r]), s = z(
-    () => ({ ...r, registerOpenFunction: i, openFileDialog: n }),
-    [r, i, n]
+    () => ({ ...r, registerOpenFunction: o, openFileDialog: a }),
+    [r, o, a]
   );
   return /* @__PURE__ */ f(y.Provider, { value: s, children: e });
 }, v = () => {
@@ -188,166 +188,171 @@ const K = ({
   if (!e)
     throw new Error("useFileDropAreaContext must be used within a FileDropAreaProvider");
   return e;
-}, Q = ({
+}, ee = ({
   children: e,
   className: r,
   variant: t = "text",
-  ...i
+  ...o
 }) => {
-  const { openFileDialog: n, isDisabled: s } = v();
+  const { openFileDialog: a, isDisabled: s } = v();
   return /* @__PURE__ */ f(
-    S,
+    P,
     {
-      ...i,
+      ...o,
       variant: t,
       adjustWidthOn: "content",
       disabled: s,
       className: r,
-      onClick: (o) => {
-        o.stopPropagation(), n();
+      onClick: (c) => {
+        c.stopPropagation(), a();
       },
       children: e
     }
   );
 }, D = {
-  "file-drop-area": "_file-drop-area_1fufl_16",
-  "file-drop-area--active": "_file-drop-area--active_1fufl_27",
-  "file-drop-area--disabled": "_file-drop-area--disabled_1fufl_31",
-  "file-drop-area--error": "_file-drop-area--error_1fufl_35",
-  "file-drop-area__content": "_file-drop-area__content_1fufl_38",
-  "file-drop-area__icon": "_file-drop-area__icon_1fufl_45",
-  "file-drop-area__text": "_file-drop-area__text_1fufl_53",
-  "file-drop-area__description": "_file-drop-area__description_1fufl_59",
-  "file-drop-area__browse-button": "_file-drop-area__browse-button_1fufl_72",
-  "file-drop-area__file-size-info": "_file-drop-area__file-size-info_1fufl_75",
-  "file-drop-area__hidden-input": "_file-drop-area__hidden-input_1fufl_79",
-  "file-drop-area__error-message": "_file-drop-area__error-message_1fufl_82",
-  "file-drop-area--overlay": "_file-drop-area--overlay_1fufl_88",
-  "file-drop-area--overlay-mode": "_file-drop-area--overlay-mode_1fufl_106"
-}, ee = h.bind(D), re = ({ className: e }) => {
+  "file-drop-area": "_file-drop-area_1s34r_16",
+  "file-drop-area--active": "_file-drop-area--active_1s34r_28",
+  "file-drop-area--disabled": "_file-drop-area--disabled_1s34r_32",
+  "file-drop-area--error": "_file-drop-area--error_1s34r_36",
+  "file-drop-area__content": "_file-drop-area__content_1s34r_39",
+  "file-drop-area__icon": "_file-drop-area__icon_1s34r_46",
+  "file-drop-area__text": "_file-drop-area__text_1s34r_54",
+  "file-drop-area__description": "_file-drop-area__description_1s34r_60",
+  "file-drop-area__browse-button": "_file-drop-area__browse-button_1s34r_73",
+  "file-drop-area__file-size-info": "_file-drop-area__file-size-info_1s34r_76",
+  "file-drop-area__hidden-input": "_file-drop-area__hidden-input_1s34r_80",
+  "file-drop-area__error-message": "_file-drop-area__error-message_1s34r_83",
+  "file-drop-area--overlay": "_file-drop-area--overlay_1s34r_89",
+  "file-drop-area--overlay-mode": "_file-drop-area--overlay-mode_1s34r_107"
+}, re = E.bind(D), te = ({ className: e }) => {
   const { error: r, messages: t } = v();
   return r ? /* @__PURE__ */ f(
     "div",
     {
-      className: ee("file-drop-area__error-message", e),
+      className: re("file-drop-area__error-message", e),
       role: "alert",
       "aria-live": "assertive",
       "aria-atomic": "true",
       children: I([r], t) || r
     }
   ) : null;
-}, _ = h.bind(D), te = ({ icon: e, description: r, fileSizeMessage: t, className: i }) => {
+}, u = E.bind(D), oe = ({ icon: e, description: r, fileSizeMessage: t, className: o }) => {
   const {
-    variant: n = "default",
+    variant: a = "default",
     error: s,
     isDisabled: l,
-    isMultipleFiles: o,
-    overlayProps: c,
-    onDrop: a,
+    isMultipleFiles: c,
+    overlayProps: n,
+    onDrop: i,
     handleDropzoneClick: p,
     registerOpenFunction: m
-  } = v(), u = n === "overlay";
-  return /* @__PURE__ */ f(w, { multiple: o, disabled: l, noClick: u, onDrop: a, children: ({ getRootProps: R, getInputProps: T, isDragActive: N, open: O }) => {
+  } = v(), _ = a === "overlay";
+  return /* @__PURE__ */ f(w, { multiple: c, disabled: l, noClick: _, onDrop: i, children: ({ getRootProps: R, getInputProps: T, isDragActive: N, open: O }) => {
     m(O);
-    const j = u ? !!(c != null && c.isDragActive) : N;
+    const j = _ ? !!(n != null && n.isDragActive) : N;
     return /* @__PURE__ */ F(
       "div",
       {
         ...R({
-          className: _("file-drop-area", i, {
+          className: u("file-drop-area", o, {
             "file-drop-area--active": j,
             "file-drop-area--disabled": l,
             "file-drop-area--error": !!s,
-            "file-drop-area--overlay-mode": u
+            "file-drop-area--overlay-mode": _
           }),
-          onClick: u ? void 0 : p
+          onClick: _ ? void 0 : p
         }),
         children: [
           /* @__PURE__ */ f("input", { ...T() }),
-          /* @__PURE__ */ F("div", { className: _("file-drop-area__content"), children: [
-            /* @__PURE__ */ f("div", { className: _("file-drop-area__icon"), children: e }),
-            /* @__PURE__ */ F("div", { className: _("file-drop-area__text"), children: [
-              r && /* @__PURE__ */ f("div", { className: _("file-drop-area__description"), children: r }),
-              t && /* @__PURE__ */ f("div", { className: _("file-drop-area__file-size-info"), children: t })
+          /* @__PURE__ */ F("div", { className: u("file-drop-area__content"), children: [
+            /* @__PURE__ */ f("div", { className: u("file-drop-area__icon"), children: e }),
+            /* @__PURE__ */ F("div", { className: u("file-drop-area__text"), children: [
+              r && /* @__PURE__ */ f("div", { className: u("file-drop-area__description"), children: r }),
+              t && /* @__PURE__ */ f("div", { className: u("file-drop-area__file-size-info"), children: t })
             ] })
           ] })
         ]
       }
     );
   } });
-}, oe = {
-  "attached-files-list": "_attached-files-list_lg6ri_16"
-}, ie = h.bind(oe), ne = ({
+}, ie = {
+  "attached-files-list": "_attached-files-list_14nn3_16"
+}, ne = E.bind(ie), ae = ({
   files: e,
   className: r,
   onRemoveFile: t,
-  onDownloadFile: i
+  onDownloadFile: o
 }) => {
-  const { messages: n } = v(), s = d(
-    (o) => () => t(o.id),
+  const { messages: a, clearError: s } = v();
+  k(() => {
+    e.some((i) => !g(i.validationErrors)) && s();
+  }, [e, s]);
+  const l = d(
+    (n) => () => t(n.id),
     [t]
-  ), l = d(
-    (o) => () => i == null ? void 0 : i(o),
-    [i]
+  ), c = d(
+    (n) => () => o == null ? void 0 : o(n),
+    [o]
   );
-  return E(e) ? null : /* @__PURE__ */ f("div", { className: ie("attached-files-list", r), children: e.map((o) => {
-    const c = I(
-      o.validationErrors ?? [],
-      n
-    ), a = !o.isUploadFailed && c;
+  return g(e) ? null : /* @__PURE__ */ f("div", { className: ne("attached-files-list", r), children: e.map((n) => {
+    const i = I(
+      n.validationErrors ?? [],
+      a,
+      n.customErrorMessage
+    );
     return /* @__PURE__ */ f(
-      B,
+      S,
       {
-        fileName: o.fileName,
-        size: o.size,
-        uploadingProgress: o.uploadingProgress,
-        isUploadFailed: o.isUploadFailed || !!c,
-        isUploading: o.isUploading,
-        onRemove: s(o),
-        ...a && { uploadFailedMessage: c },
-        ...i && { onDownload: l(o) }
+        fileName: n.fileName,
+        size: n.size,
+        uploadingProgress: n.uploadingProgress,
+        isUploadFailed: n.isUploadFailed || !!i,
+        isUploading: n.isUploading,
+        onRemove: l(n),
+        ...i && { uploadFailedMessage: i },
+        ...o && { onDownload: c(n) }
       },
-      o.id
+      n.id
     );
   }) });
-}, ae = h.bind(D), x = ({
+}, se = E.bind(D), x = ({
   maxFileSize: e,
   acceptFileMimeTypes: r,
   isMultipleFiles: t,
-  isDisabled: i,
-  variant: n = "default",
+  isDisabled: o,
+  variant: a = "default",
   children: s,
   messages: l,
-  onFilesAdded: o
+  onFilesAdded: c
 }) => {
-  const c = n === "overlay", a = H({
+  const n = a === "overlay", i = J({
     maxFileSize: e,
     acceptFileMimeTypes: r,
     messages: l,
     isMultipleFiles: t,
-    isDisabled: i,
-    onFilesAdded: o
-  }), p = J({
-    isOverlay: c
+    isDisabled: o,
+    onFilesAdded: c
+  }), p = K({
+    isOverlay: n
   });
   return /* @__PURE__ */ f(
-    K,
+    Q,
     {
-      ...a,
-      variant: n,
+      ...i,
+      variant: a,
       messages: l,
       overlayProps: p,
-      isDisabled: i,
+      isDisabled: o,
       isMultipleFiles: t,
-      children: (() => c ? /* @__PURE__ */ f("div", { className: ae("file-drop-area--overlay"), ...p.handlers, children: s }) : s)()
+      children: (() => n ? /* @__PURE__ */ f("div", { className: se("file-drop-area--overlay"), ...p.handlers, children: s }) : s)()
     }
   );
 };
-x.DropZone = te;
-x.BrowseButton = Q;
-x.Error = re;
-x.AttachedFilesList = ne;
+x.DropZone = oe;
+x.BrowseButton = ee;
+x.Error = te;
+x.AttachedFilesList = ae;
 export {
   x as FileDropArea,
-  me as MIME_TYPES
+  ge as MIME_TYPES
 };

package/dist/index-803576c3.js

@@ -0,0 +1,110 @@
+import { jsxs as h, jsx as t } from "react/jsx-runtime";
+import { useMemo as o, useCallback as m } from "react";
+import { c as C } from "./bind-06a7ff84.js";
+import { S } from "./close-4d480ef7.js";
+import { a as w, b as E, S as j, d as y, e as I, c as l, f as x } from "./xls-995781cc.js";
+const k = (_) => {
+  var c;
+  const d = _.split(".");
+  return d.length > 1 && ((c = d.at(-1)) == null ? void 0 : c.toLowerCase()) || "";
+}, L = {
+  "attached-file": "_attached-file_1x0ei_16",
+  "attached-file__file-name": "_attached-file__file-name_1x0ei_29",
+  "attached-file--failed": "_attached-file--failed_1x0ei_32",
+  "attached-file__name-text": "_attached-file__name-text_1x0ei_36",
+  "attached-file__icon": "_attached-file__icon_1x0ei_39",
+  "attached-file--uploading": "_attached-file--uploading_1x0ei_45",
+  "attached-file--full-width": "_attached-file--full-width_1x0ei_57",
+  "attached-file__file-icon": "_attached-file__file-icon_1x0ei_66",
+  "attached-file__info": "_attached-file__info_1x0ei_78",
+  "attached-file__download-icon": "_attached-file__download-icon_1x0ei_108",
+  "attached-file__file-details": "_attached-file__file-details_1x0ei_117",
+  "attached-file__error-message": "_attached-file__error-message_1x0ei_122",
+  "attached-file__upload-progress": "_attached-file__upload-progress_1x0ei_127",
+  "attached-file__upload-progress-bar": "_attached-file__upload-progress-bar_1x0ei_137",
+  "attached-file__remove-button": "_attached-file__remove-button_1x0ei_141",
+  "attached-file__remove-button--disabled": "_attached-file__remove-button--disabled_1x0ei_163"
+}, e = C.bind(L), A = {
+  csv: j,
+  jar: y,
+  pdf: I,
+  jpg: l,
+  jpeg: l,
+  png: l,
+  gif: l,
+  svg: l,
+  webp: l,
+  xls: x,
+  xlsx: x
+}, M = (_) => A[_.toLowerCase()] ?? E, X = ({
+  fileName: _,
+  size: d,
+  uploadingProgress: c = 0,
+  isUploadFailed: i = !1,
+  uploadFailedMessage: p,
+  isUploading: a = !1,
+  isFullWidth: u = !1,
+  onDownload: f,
+  onRemove: s
+}) => {
+  const r = o(() => k(_), [_]), g = r.toUpperCase(), b = o(() => M(r), [r]), v = m(
+    (n) => {
+      n.stopPropagation(), a || s == null || s();
+    },
+    [a, s]
+  ), N = m(
+    (n) => {
+      n.stopPropagation(), !i && !a && f && f();
+    },
+    [i, a, f]
+  );
+  return /* @__PURE__ */ h(
+    "div",
+    {
+      className: e("attached-file", {
+        "attached-file--failed": i,
+        "attached-file--uploading": a,
+        "attached-file--full-width": u
+      }),
+      children: [
+        /* @__PURE__ */ t("div", { className: e("attached-file__icon"), children: /* @__PURE__ */ t("div", { className: e("attached-file__file-icon"), children: /* @__PURE__ */ t(b, {}) }) }),
+        /* @__PURE__ */ h("div", { className: e("attached-file__info"), children: [
+          f ? /* @__PURE__ */ h("button", { type: "button", className: e("attached-file__file-name"), onClick: N, children: [
+            /* @__PURE__ */ t("span", { className: e("attached-file__name-text"), children: _ }),
+            !a && !i && /* @__PURE__ */ t("span", { className: e("attached-file__download-icon"), children: /* @__PURE__ */ t(w, {}) })
+          ] }) : /* @__PURE__ */ t("div", { className: e("attached-file__file-name"), children: /* @__PURE__ */ t("span", { className: e("attached-file__name-text"), children: _ }) }),
+          !i && /* @__PURE__ */ h("div", { className: e("attached-file__file-details"), children: [
+            g,
+            ", ",
+            d,
+            " MB"
+          ] }),
+          i && /* @__PURE__ */ t("div", { className: e("attached-file__error-message"), children: p })
+        ] }),
+        s && /* @__PURE__ */ t(
+          "button",
+          {
+            type: "button",
+            className: e("attached-file__remove-button", {
+              "attached-file__remove-button--disabled": a
+            }),
+            disabled: a,
+            onClick: v,
+            children: /* @__PURE__ */ t(S, {})
+          }
+        ),
+        a && c > 0 && /* @__PURE__ */ t("div", { className: e("attached-file__upload-progress"), children: /* @__PURE__ */ t(
+          "div",
+          {
+            className: e("attached-file__upload-progress-bar"),
+            style: { width: `${c}%` }
+          }
+        ) })
+      ]
+    }
+  );
+};
+export {
+  X as A,
+  k as g
+};

package/dist/index.js

@@ -1,4 +1,4 @@
-import { A as u } from "./index-e27a72a8.js";
+import { A as u } from "./index-803576c3.js";
 import { B as F } from "./baseIconButton-251479f7.js";
 import { B as D } from "./breadcrumbs-8e5ca8d7.js";
 import { B as g } from "./bubblesLoader-f3ffa240.js";