@reportportal/ui-kit 0.0.1-alpha.251 → 0.0.1-alpha.253

package/dist/attachedFile.js

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

package/dist/{breadcrumbs-5730e318.js → breadcrumbs-0a228139.js}

@@ -1,12 +1,12 @@
-import { jsx as e, jsxs as S, Fragment as j } from "react/jsx-runtime";
+import { jsx as e, jsxs as S, Fragment as $ } from "react/jsx-runtime";
 import { c as h } from "./bind-06a7ff84.js";
-import { take as E, drop as P } from "es-toolkit";
-import { createContext as O, useContext as H, useRef as R, useState as y, useEffect as W } from "react";
+import { take as j, drop as E } from "es-toolkit";
+import { createContext as P, useContext as I, useRef as H, useState as T, useEffect as R } from "react";
 import { Popover as D } from "./popover.js";
-import { S as F, a as I } from "./tree-c3dd3d45.js";
+import { S as W, a as F } from "./tree-c3dd3d45.js";
 import { i as B } from "./isEmpty-ccacb5ff.js";
-const M = O(void 0), A = ({ children: r, LinkComponent: l }) => /* @__PURE__ */ e(M.Provider, { value: { LinkComponent: l }, children: r }), L = () => {
-  const r = H(M);
+const M = P(void 0), A = ({ children: r, LinkComponent: l }) => /* @__PURE__ */ e(M.Provider, { value: { LinkComponent: l }, children: r }), L = () => {
+  const r = I(M);
   if (r === void 0)
     throw new Error("useBreadcrumbsContext must be used within a BreadcrumbsProvider");
   return r;
@@ -24,14 +24,14 @@ const M = O(void 0), A = ({ children: r, LinkComponent: l }) => /* @__PURE__ */
 }) => _ ? l ? r ? /* @__PURE__ */ e(r, { className: v("link"), to: l, onClick: t, children: n }) : /* @__PURE__ */ e("a", { className: v("link"), href: typeof l == "string" ? l : "#", onClick: t, children: n }) : t ? /* @__PURE__ */ e("button", { type: "button", className: v("link"), onClick: t, children: n }) : n : n, m = ({
   titleTailNumChars: r = 8,
   descriptor: { title: l, link: t, onClick: _, className: n },
-  isClickable: k = !0,
+  isClickable: p = !0,
   variant: b = "default"
 }) => {
-  const { LinkComponent: x } = L(), s = R(null), [p, d] = y(null);
-  W(() => {
+  const { LinkComponent: x } = L(), s = H(null), [z, d] = T(null);
+  R(() => {
     if (s.current) {
-      const { offsetWidth: T, scrollWidth: z, dataset: u } = s.current;
-      if (T < z) {
+      const { offsetWidth: w, scrollWidth: f, dataset: u } = s.current;
+      if (w < f) {
         const c = typeof l == "string" ? l : "";
         u.tail = c.slice(c.length - r), d(c);
       }
@@ -42,49 +42,62 @@ const M = O(void 0), A = ({ children: r, LinkComponent: l }) => /* @__PURE__ */
     "div",
     {
       className: v("breadcrumb", b),
-      title: p || void 0,
+      title: z || void 0,
       "data-testid": "breadcrumb",
-      children: J({ LinkComponent: x, link: t, onClick: _, isClickable: k, breadcrumbContent: a })
+      children: J({ LinkComponent: x, link: t, onClick: _, isClickable: p, breadcrumbContent: a })
     }
   );
-}, K = {
-  "hidden-breadcrumbs-trigger": "_hidden-breadcrumbs-trigger_14kki_1",
-  "hidden-breadcrumbs-content": "_hidden-breadcrumbs-content_14kki_8",
-  "hidden-breadcrumb-item": "_hidden-breadcrumb-item_14kki_14",
-  "level-2": "_level-2_14kki_18",
-  "level-3": "_level-3_14kki_31",
-  "level-4": "_level-4_14kki_44",
-  "level-5": "_level-5_14kki_57",
-  "level-6": "_level-6_14kki_70",
-  "level-7": "_level-7_14kki_83",
-  "level-8": "_level-8_14kki_96",
-  "level-9": "_level-9_14kki_109",
-  "level-10": "_level-10_14kki_122",
-  "level-11": "_level-11_14kki_135",
-  "level-12": "_level-12_14kki_148",
-  "level-13": "_level-13_14kki_161",
-  "level-14": "_level-14_14kki_174",
-  "level-15": "_level-15_14kki_187",
-  "level-16": "_level-16_14kki_200",
-  "level-17": "_level-17_14kki_213",
-  "level-18": "_level-18_14kki_226",
-  "level-19": "_level-19_14kki_239",
-  "level-20": "_level-20_14kki_252",
-  "level-21": "_level-21_14kki_265",
-  "level-22": "_level-22_14kki_278",
-  "level-23": "_level-23_14kki_291",
-  "level-24": "_level-24_14kki_304",
-  "level-25": "_level-25_14kki_317"
-}, C = h.bind(K), Q = ({ descriptors: r }) => /* @__PURE__ */ e("div", { className: C("hidden-breadcrumbs-content"), "data-testid": "hidden-breadcrumbs-content", children: r.map((l, t) => /* @__PURE__ */ e("div", { className: C("hidden-breadcrumb-item", `level-${t + 1}`), children: /* @__PURE__ */ e(m, { descriptor: l }) }, t)) }), V = ({ descriptors: r }) => /* @__PURE__ */ e(
-  D,
-  {
-    content: /* @__PURE__ */ e(Q, { descriptors: r }),
-    placement: "bottom-start",
-    children: /* @__PURE__ */ e("div", { className: C("hidden-breadcrumbs-trigger"), "data-testid": "hidden-breadcrumbs-trigger", children: /* @__PURE__ */ e(F, {}) })
-  }
-), Y = "_opened_zxn5r_1", Z = {
+}, K = "_active_60pvi_7", Q = {
+  "hidden-breadcrumbs-trigger": "_hidden-breadcrumbs-trigger_60pvi_1",
+  active: K,
+  "hidden-breadcrumbs-content": "_hidden-breadcrumbs-content_60pvi_11",
+  "hidden-breadcrumb-item": "_hidden-breadcrumb-item_60pvi_17",
+  "level-2": "_level-2_60pvi_21",
+  "level-3": "_level-3_60pvi_34",
+  "level-4": "_level-4_60pvi_47",
+  "level-5": "_level-5_60pvi_60",
+  "level-6": "_level-6_60pvi_73",
+  "level-7": "_level-7_60pvi_86",
+  "level-8": "_level-8_60pvi_99",
+  "level-9": "_level-9_60pvi_112",
+  "level-10": "_level-10_60pvi_125",
+  "level-11": "_level-11_60pvi_138",
+  "level-12": "_level-12_60pvi_151",
+  "level-13": "_level-13_60pvi_164",
+  "level-14": "_level-14_60pvi_177",
+  "level-15": "_level-15_60pvi_190",
+  "level-16": "_level-16_60pvi_203",
+  "level-17": "_level-17_60pvi_216",
+  "level-18": "_level-18_60pvi_229",
+  "level-19": "_level-19_60pvi_242",
+  "level-20": "_level-20_60pvi_255",
+  "level-21": "_level-21_60pvi_268",
+  "level-22": "_level-22_60pvi_281",
+  "level-23": "_level-23_60pvi_294",
+  "level-24": "_level-24_60pvi_307",
+  "level-25": "_level-25_60pvi_320"
+}, C = h.bind(Q), V = ({ descriptors: r }) => /* @__PURE__ */ e("div", { className: C("hidden-breadcrumbs-content"), "data-testid": "hidden-breadcrumbs-content", children: r.map((l, t) => /* @__PURE__ */ e("div", { className: C("hidden-breadcrumb-item", `level-${t + 1}`), children: /* @__PURE__ */ e(m, { descriptor: l }) }, t)) }), Y = ({ descriptors: r }) => {
+  const [l, t] = T(!1);
+  return /* @__PURE__ */ e(
+    D,
+    {
+      content: /* @__PURE__ */ e(V, { descriptors: r }),
+      placement: "bottom-start",
+      isOpened: l,
+      setIsOpened: t,
+      children: /* @__PURE__ */ e(
+        "div",
+        {
+          className: C("hidden-breadcrumbs-trigger", { active: l }),
+          "data-testid": "hidden-breadcrumbs-trigger",
+          children: /* @__PURE__ */ e(W, {})
+        }
+      )
+    }
+  );
+}, Z = "_opened_zxn5r_1", ee = {
   "tree-button": "_tree-button_zxn5r_1",
-  opened: Y,
+  opened: Z,
   "tree-menu-node": "_tree-menu-node_zxn5r_8",
   "tree-menu-children": "_tree-menu-children_zxn5r_9",
   "tree-menu-item": "_tree-menu-item_zxn5r_15",
@@ -112,49 +125,49 @@ const M = O(void 0), A = ({ children: r, LinkComponent: l }) => /* @__PURE__ */
   "level-23": "_level-23_zxn5r_292",
   "level-24": "_level-24_zxn5r_305",
   "level-25": "_level-25_zxn5r_318"
-}, o = h.bind(Z), ee = ({ descriptor: r, level: l }) => /* @__PURE__ */ e("div", { className: o("tree-menu-item", `level-${l}`), children: /* @__PURE__ */ e(m, { descriptor: r, variant: "dark" }) }), $ = (r, l) => r.map((t, _) => /* @__PURE__ */ S("div", { className: o("tree-menu-node"), children: [
-  /* @__PURE__ */ e(ee, { descriptor: t, level: l }),
-  t.children && t.children.length > 0 && /* @__PURE__ */ e("div", { className: o("tree-menu-children"), children: $(t.children, l + 1) })
-] }, _)), le = ({ tree: r }) => {
-  const [l, t] = y(!1);
+}, o = h.bind(ee), le = ({ descriptor: r, level: l }) => /* @__PURE__ */ e("div", { className: o("tree-menu-item", `level-${l}`), children: /* @__PURE__ */ e(m, { descriptor: r, variant: "dark" }) }), O = (r, l) => r.map((t, _) => /* @__PURE__ */ S("div", { className: o("tree-menu-node"), children: [
+  /* @__PURE__ */ e(le, { descriptor: t, level: l }),
+  t.children && t.children.length > 0 && /* @__PURE__ */ e("div", { className: o("tree-menu-children"), children: O(t.children, l + 1) })
+] }, _)), re = ({ tree: r }) => {
+  const [l, t] = T(!1);
   return /* @__PURE__ */ e(
     D,
     {
-      content: /* @__PURE__ */ e("div", { className: o("tree-menu"), children: $(r, 1) }),
+      content: /* @__PURE__ */ e("div", { className: o("tree-menu"), children: O(r, 1) }),
       placement: "bottom-start",
       isOpened: l,
       setIsOpened: t,
-      children: /* @__PURE__ */ e("div", { className: o("tree-button", { opened: l }), children: /* @__PURE__ */ e(I, {}) })
+      children: /* @__PURE__ */ e("div", { className: o("tree-button", { opened: l }), children: /* @__PURE__ */ e(F, {}) })
     }
   );
-}, re = "_breadcrumbs_1cb9j_1", te = {
+}, te = "_breadcrumbs_1cb9j_1", ne = {
   "breadcrumbs-container": "_breadcrumbs-container_1cb9j_1",
-  breadcrumbs: re,
+  breadcrumbs: te,
   "breadcrumb-item": "_breadcrumb-item_1cb9j_15",
   "hidden-breadcrumbs": "_hidden-breadcrumbs_1cb9j_23",
   "back-button": "_back-button_1cb9j_43"
-}, i = h.bind(te), ne = 5, me = ({
+}, i = h.bind(ne), _e = 5, oe = ({
   descriptors: r = [],
   dataAutomationId: l,
   LinkComponent: t,
   tree: _,
   isBackButton: n = !1,
-  isLastClickable: k = !1,
+  isLastClickable: p = !1,
   isSingleItemClickable: b = !1,
-  maxShownDescriptors: x = ne,
+  maxShownDescriptors: x = _e,
   titleTailNumChars: s,
-  className: p
+  className: z
 }) => {
-  const [d, ...a] = r, z = Math.max(1, Math.floor(x)) - 1, u = Math.max(0, a.length - z), c = ((N) => ({
+  const [d, ...a] = r, f = Math.max(1, Math.floor(x)) - 1, u = Math.max(0, a.length - f), c = ((g) => ({
     1: 55,
     2: 24,
     3: 18,
     4: 13
-  })[N] ?? 12)(r.length), w = E(a, u), f = P(a, u);
+  })[g] ?? 12)(r.length), y = j(a, u), N = E(a, u);
   return /* @__PURE__ */ e(A, { LinkComponent: t, children: /* @__PURE__ */ e(
     "div",
     {
-      className: i("breadcrumbs-container", p),
+      className: i("breadcrumbs-container", z),
       "data-automation-id": l,
       "data-testid": l,
       children: n && d ? /* @__PURE__ */ e("div", { className: i("breadcrumbs"), children: /* @__PURE__ */ e("div", { className: i("breadcrumb-item", "back-button"), "data-testid": "back-breadcrumb", children: /* @__PURE__ */ e(
@@ -163,8 +176,8 @@ const M = O(void 0), A = ({ children: r, LinkComponent: l }) => /* @__PURE__ */
           descriptor: d,
           titleTailNumChars: s ?? c
         }
-      ) }) }) : /* @__PURE__ */ S(j, { children: [
-        _ && /* @__PURE__ */ e("div", { className: i("tree"), children: /* @__PURE__ */ e(le, { tree: _ }) }),
+      ) }) }) : /* @__PURE__ */ S($, { children: [
+        _ && /* @__PURE__ */ e("div", { className: i("tree"), children: /* @__PURE__ */ e(re, { tree: _ }) }),
         /* @__PURE__ */ S("div", { className: i("breadcrumbs"), children: [
           d && /* @__PURE__ */ e("div", { className: i("breadcrumb-item"), children: /* @__PURE__ */ e(
             m,
@@ -174,20 +187,20 @@ const M = O(void 0), A = ({ children: r, LinkComponent: l }) => /* @__PURE__ */
               isClickable: b || !B(a)
             }
           ) }),
-          !B(w) && /* @__PURE__ */ e("div", { className: i("breadcrumb-item", "hidden-breadcrumbs"), children: /* @__PURE__ */ e(V, { descriptors: w }) }),
-          !B(f) && f.map((N, g) => /* @__PURE__ */ e("div", { className: i("breadcrumb-item"), children: /* @__PURE__ */ e(
+          !B(y) && /* @__PURE__ */ e("div", { className: i("breadcrumb-item", "hidden-breadcrumbs"), children: /* @__PURE__ */ e(Y, { descriptors: y }) }),
+          !B(N) && N.map((g, k) => /* @__PURE__ */ e("div", { className: i("breadcrumb-item"), children: /* @__PURE__ */ e(
             m,
             {
-              descriptor: N,
+              descriptor: g,
               titleTailNumChars: s ?? c,
-              isClickable: k || g !== f.length - 1
+              isClickable: p || k !== N.length - 1
             }
-          ) }, g))
+          ) }, k))
         ] })
       ] })
     }
   ) });
 };
 export {
-  me as B
+  oe as B
 };

package/dist/breadcrumbs.js

@@ -1,4 +1,4 @@
-import { B as m } from "./breadcrumbs-5730e318.js";
+import { B as m } from "./breadcrumbs-0a228139.js";
 import "react/jsx-runtime";
 import "./bind-06a7ff84.js";
 import "es-toolkit";

package/dist/{fieldNumber-b4aa4d7e.js → fieldNumber-c5ecb471.js}

@@ -1,12 +1,12 @@
-import { jsxs as a, Fragment as W, jsx as r } from "react/jsx-runtime";
+import { jsxs as d, Fragment as W, jsx as r } from "react/jsx-runtime";
 import { useRef as y, useId as B, useMemo as w } from "react";
-import { c as v } from "./bind-06a7ff84.js";
+import { c as H } from "./bind-06a7ff84.js";
 import { K as e } from "./keyCodes-f63c0e11.js";
-import { B as D } from "./baseIconButton-251479f7.js";
-import { S as H } from "./minus-2857540f.js";
-import { S as k } from "./plus-199fb2a8.js";
-import { FieldLabel as P } from "./fieldLabel.js";
-const b = 5, I = 0.4, Y = 16 + I, G = [
+import { B as h } from "./baseIconButton-251479f7.js";
+import { S as k } from "./minus-2857540f.js";
+import { S as P } from "./plus-199fb2a8.js";
+import { FieldLabel as b } from "./fieldLabel.js";
+const G = 5, I = 0.4, Y = 16 + I, X = [
   e.TAB_KEY_CODE,
   e.BACKSPACE_KEY_CODE,
   e.ARROW_LEFT_KEY_CODE,
@@ -24,84 +24,84 @@ const b = 5, I = 0.4, Y = 16 + I, G = [
   e.NUM_LOCK_7_KEY_CODE,
   e.NUM_LOCK_8_KEY_CODE,
   e.NUM_LOCK_9_KEY_CODE
-], X = "_sign_3v3h5_7", $ = "_error_3v3h5_22", j = "_disabled_3v3h5_27", z = "_input_3v3h5_12", q = {
-  "field-number": "_field-number_3v3h5_1",
-  sign: X,
-  "input-container": "_input-container_3v3h5_12",
-  error: $,
-  disabled: j,
-  "input-field": "_input-field_3v3h5_38",
-  input: z,
-  "additional-content": "_additional-content_3v3h5_84",
-  "error-text": "_error-text_3v3h5_88"
-}, c = v.bind(q), rn = ({
+], $ = "_sign_12dg8_7", j = "_error_12dg8_22", z = "_disabled_12dg8_27", q = "_input_12dg8_12", J = {
+  "field-number": "_field-number_12dg8_1",
+  sign: $,
+  "input-container": "_input-container_12dg8_12",
+  error: j,
+  disabled: z,
+  "input-field": "_input-field_12dg8_38",
+  input: q,
+  "additional-content": "_additional-content_12dg8_85",
+  "error-text": "_error-text_12dg8_89"
+}, c = H.bind(J), rn = ({
   value: i = "",
-  placeholder: L = "0",
+  placeholder: g = "0",
   disabled: t = !1,
   onChange: l,
-  onFocus: d,
+  onFocus: a,
   onBlur: N,
   label: f,
   postfix: E = "",
   min: s = 0,
   max: o = Number.MAX_SAFE_INTEGER,
-  title: A,
+  title: L,
   error: C,
-  id: h,
-  ...M
+  id: m,
+  ...A
 }) => {
-  const u = y(null), m = B(), O = (n) => Number.isNaN(n) ? s : n === Number.POSITIVE_INFINITY ? o : n === Number.NEGATIVE_INFINITY || n < s ? s : n > o ? o : n, R = (n) => {
+  const u = y(null), p = B(), O = (n) => Number.isNaN(n) ? s : n === Number.POSITIVE_INFINITY ? o : n === Number.NEGATIVE_INFINITY || n < s ? s : n > o ? o : n, M = (n) => {
     const _ = n.target.value.replace(/^0(?=\d+|^\d)/g, "");
     if (_ === "") {
       l("");
       return;
     }
     l(+_);
-  }, T = (n) => {
+  }, R = (n) => {
     N && N(n);
-    const _ = +n.currentTarget.value, p = O(_);
-    p !== _ && l(p);
-  }, U = (n) => {
+    const _ = +n.currentTarget.value, D = O(_);
+    D !== _ && l(D);
+  }, T = (n) => {
     const { keyCode: _ } = n;
-    G.includes(_) || (_ < e.NUMBER_START_KEY_CODE || _ > e.NUMBER_END_KEY_CODE || n.shiftKey) && n.preventDefault();
-  }, F = () => {
+    X.includes(_) || (_ < e.NUMBER_START_KEY_CODE || _ > e.NUMBER_END_KEY_CODE || n.shiftKey) && n.preventDefault();
+  }, U = () => {
     const _ = O(+i) - 1;
     _ >= s && _ <= o && l(_);
-  }, g = () => {
+  }, F = () => {
     const _ = O(+i) + 1;
     _ >= s && _ <= o && l(_);
-  }, K = L + E, S = w(() => {
+  }, K = g + E, S = w(() => {
     let n = (String(i) || K).length;
-    return E && !i && (n += 1), n ? n > Y ? `${Y}ch` : `${n + I}ch` : `${b}ch`;
+    return E && !i && (n += 1), n ? n > Y ? `${Y}ch` : `${n + I}ch` : `${G}ch`;
   }, [K, E, i]), V = () => {
-    u && u.current && u.current.focus(), d && d();
+    u && u.current && u.current.focus(), a && a();
   };
-  return /* @__PURE__ */ a(W, { children: [
-    /* @__PURE__ */ a("div", { className: c("field-number", { disabled: t }), children: [
-      f && /* @__PURE__ */ r(P, { htmlFor: h ?? m, children: f }),
-      /* @__PURE__ */ a(
+  return /* @__PURE__ */ d(W, { children: [
+    /* @__PURE__ */ d("div", { className: c("field-number", { disabled: t }), children: [
+      f && /* @__PURE__ */ r(b, { htmlFor: m ?? p, children: f }),
+      /* @__PURE__ */ d(
         "div",
         {
           className: c("input-container", {
             error: C,
             disabled: t
           }),
-          title: A,
+          title: L,
           children: [
             /* @__PURE__ */ r(
-              D,
+              h,
               {
                 className: c("sign", "minus"),
                 disabled: t,
-                onClick: F,
-                children: /* @__PURE__ */ r(H, {})
+                onClick: U,
+                children: /* @__PURE__ */ r(k, {})
               }
             ),
-            /* @__PURE__ */ a("span", { className: c("input-field", { disabled: t }), onClick: V, children: [
+            /* @__PURE__ */ d("span", { className: c("input-field", { disabled: t }), onClick: V, children: [
               /* @__PURE__ */ r(
                 "input",
                 {
-                  id: h ?? m,
+                  id: m ?? p,
                   ref: u,
                   className: c("input"),
                   type: "number",
@@ -110,23 +110,23 @@ const b = 5, I = 0.4, Y = 16 + I, G = [
                   disabled: t,
                   min: s,
                   max: o,
-                  onKeyDown: t ? void 0 : U,
-                  onChange: t ? void 0 : R,
-                  onFocus: t ? void 0 : d,
-                  onBlur: t ? void 0 : T,
+                  onKeyDown: t ? void 0 : T,
+                  onChange: t ? void 0 : M,
+                  onFocus: t ? void 0 : a,
+                  onBlur: t ? void 0 : R,
                   style: { width: S },
-                  ...M
+                  ...A
                 }
               ),
               !!E && (i === 0 || !!i) && /* @__PURE__ */ r("span", { children: E.slice(0, 1) })
             ] }),
             /* @__PURE__ */ r(
-              D,
+              h,
               {
                 className: c("sign", "plus"),
                 disabled: t,
-                onClick: g,
-                children: /* @__PURE__ */ r(k, {})
+                onClick: F,
+                children: /* @__PURE__ */ r(P, {})
               }
             )
           ]

package/dist/fieldNumber.js

@@ -1,4 +1,4 @@
-import { F as m } from "./fieldNumber-b4aa4d7e.js";
+import { F as m } from "./fieldNumber-c5ecb471.js";
 import "react/jsx-runtime";
 import "react";
 import "./bind-06a7ff84.js";

package/dist/fileDropArea.js

@@ -1,7 +1,7 @@
 import { jsx as _, jsxs as F } from "react/jsx-runtime";
 import { c as h } from "./bind-06a7ff84.js";
 import { useState as I, useCallback as d, useRef as A, createContext as L, useMemo as M, useContext as j, useEffect as k } from "react";
-import { g as B, A as P } from "./index-e0731146.js";
+import { g as B, A as P } from "./index-8c921599.js";
 import { i as v } from "./isEmpty-ccacb5ff.js";
 import { B as S } from "./button-7ab874f3.js";
 import Z from "react-dropzone";

package/dist/{index-e0731146.js → index-8c921599.js}

@@ -1,13 +1,13 @@
-import { jsxs as s, jsx as a, Fragment as p } from "react/jsx-runtime";
-import { useMemo as g, useCallback as u } from "react";
-import { c as E } from "./bind-06a7ff84.js";
-import { S as I } from "./close-4d480ef7.js";
-import { b as j, g as k, a as A, S as M, d as P, e as B, c as d, f as b } from "./download-4950d639.js";
-const F = (e) => {
-  var c;
-  const n = e.split(".");
-  return n.length > 1 && ((c = n.pop()) == null ? void 0 : c.toLowerCase()) || "";
-}, O = (e) => e.length <= 15 ? e : e.slice(0, 4) + "..." + e.slice(-8), J = {
+import { jsxs as d, jsx as a, Fragment as b } from "react/jsx-runtime";
+import { useMemo as y, useCallback as m } from "react";
+import { c as j } from "./bind-06a7ff84.js";
+import { S as A } from "./close-4d480ef7.js";
+import { b as F, g as M, a as B, S as P, d as K, e as O, c as n, f as v } from "./download-4950d639.js";
+const J = (e) => {
+  var i;
+  const h = e.split(".");
+  return h.length > 1 && ((i = h.pop()) == null ? void 0 : i.toLowerCase()) || "";
+}, T = (e) => e.length <= 15 ? e : e.slice(0, 4) + "..." + e.slice(-8), X = {
   "attached-file": "_attached-file_1yz71_16",
   "attached-file__file-name": "_attached-file__file-name_1yz71_29",
   "attached-file__download-icon": "_attached-file__download-icon_1yz71_32",
@@ -27,78 +27,88 @@ const F = (e) => {
   "attached-file__upload-progress-bar": "_attached-file__upload-progress-bar_1yz71_179",
   "attached-file__remove-button": "_attached-file__remove-button_1yz71_183",
   "attached-file__remove-button--disabled": "_attached-file__remove-button--disabled_1yz71_205"
-}, t = E.bind(J), T = {
-  csv: M,
-  jar: P,
-  pdf: B,
-  jpg: d,
-  jpeg: d,
-  png: d,
-  gif: d,
-  svg: d,
-  webp: d,
-  xls: b,
-  xlsx: b
-}, X = (e) => T[e.toLowerCase()] ?? j, Q = ({
+}, t = j.bind(X), $ = {
+  csv: P,
+  jar: K,
+  pdf: O,
+  jpg: n,
+  jpeg: n,
+  png: n,
+  gif: n,
+  svg: n,
+  webp: n,
+  xls: v,
+  xlsx: v
+}, q = (e) => $[e.toLowerCase()] ?? F, Y = ({
   fileName: e,
-  size: n,
-  uploadingProgress: c = 0,
-  isUploadFailed: _ = !1,
-  uploadFailedMessage: y,
+  size: h,
+  uploadingProgress: i = 0,
+  isUploadFailed: s = !1,
+  uploadFailedMessage: x,
   isUploading: l = !1,
-  isFullWidth: v = !1,
-  onDownload: h,
+  isFullWidth: z = !1,
+  onDownload: _,
   onRemove: f,
-  withPreview: x = !1,
-  textPosition: z = "right",
-  imageSrc: m
+  withPreview: C = !1,
+  textPosition: L = "right",
+  imageSrc: u
 }) => {
-  const o = g(() => F(e), [e]), C = o.toUpperCase(), L = g(() => X(o), [o]), S = h ? k : A, N = u(
-    (r) => {
-      r.stopPropagation(), l || f == null || f();
+  const p = y(() => J(e), [e]), S = p.toUpperCase(), N = y(() => q(p), [p]), E = _ ? M : B, k = m(
+    (o) => {
+      o.stopPropagation(), l || f == null || f();
     },
     [l, f]
-  ), w = u(
-    (r) => {
-      r.stopPropagation(), !_ && !l && h && h();
+  ), c = L === "bottom", g = !c && !s && !l && !!_, r = m(() => {
+    g && (_ == null || _());
+  }, [g, _]), w = m(() => {
+    r();
+  }, [r]), I = m(
+    (o) => {
+      (o.key === "Enter" || o.key === " ") && (o.preventDefault(), r());
     },
-    [_, l, h]
-  ), i = z === "bottom";
-  return /* @__PURE__ */ s(
+    [r]
+  );
+  return /* @__PURE__ */ d(
     "div",
     {
       className: t("attached-file", {
-        "attached-file--failed": _,
+        "attached-file--failed": s,
         "attached-file--uploading": l,
-        "attached-file--full-width": v,
-        "attached-file--bottom-placed": i
+        "attached-file--full-width": z,
+        "attached-file--bottom-placed": c
       }),
+      ...g && {
+        role: "button",
+        tabIndex: 0,
+        onClick: w,
+        onKeyDown: I
+      },
       children: [
-        /* @__PURE__ */ a("div", { className: t("attached-file__icon"), children: x && m ? /* @__PURE__ */ a("img", { className: t("attached-file__thumbnail"), src: m, alt: e }) : /* @__PURE__ */ a("div", { className: t("attached-file__file-icon"), children: /* @__PURE__ */ a(L, {}) }) }),
-        /* @__PURE__ */ s("div", { className: t("attached-file__info"), children: [
-          !i && h ? /* @__PURE__ */ s("button", { type: "button", className: t("attached-file__file-name"), onClick: w, children: [
+        /* @__PURE__ */ a("div", { className: t("attached-file__icon"), children: C && u ? /* @__PURE__ */ a("img", { className: t("attached-file__thumbnail"), src: u, alt: e }) : /* @__PURE__ */ a("div", { className: t("attached-file__file-icon"), children: /* @__PURE__ */ a(N, {}) }) }),
+        /* @__PURE__ */ d("div", { className: t("attached-file__info"), children: [
+          !c && _ ? /* @__PURE__ */ d("div", { className: t("attached-file__file-name"), children: [
             /* @__PURE__ */ a("span", { className: t("attached-file__name-text"), children: e }),
-            !l && !_ && /* @__PURE__ */ a("span", { className: t("attached-file__download-icon"), children: /* @__PURE__ */ a(S, {}) })
+            !l && !s && /* @__PURE__ */ a("span", { className: t("attached-file__download-icon"), children: /* @__PURE__ */ a(E, {}) })
           ] }) : /* @__PURE__ */ a(
             "div",
             {
               className: t("attached-file__file-name", {
-                "attached-file__file-name--bottom-placed": i
+                "attached-file__file-name--bottom-placed": c
               }),
-              children: /* @__PURE__ */ a("span", { className: t("attached-file__name-text"), children: i ? O(e) : e })
+              children: /* @__PURE__ */ a("span", { className: t("attached-file__name-text"), children: c ? T(e) : e })
             }
           ),
-          i ? null : /* @__PURE__ */ s(p, { children: [
-            !_ && /* @__PURE__ */ s("div", { className: t("attached-file__file-details"), children: [
-              C,
+          c ? null : /* @__PURE__ */ d(b, { children: [
+            !s && /* @__PURE__ */ d("div", { className: t("attached-file__file-details"), children: [
+              S,
               ", ",
-              n,
+              h,
               " MB"
             ] }),
-            _ && /* @__PURE__ */ a("div", { className: t("attached-file__error-message"), children: y })
+            s && /* @__PURE__ */ a("div", { className: t("attached-file__error-message"), children: x })
           ] })
         ] }),
-        i ? null : /* @__PURE__ */ s(p, { children: [
+        c ? null : /* @__PURE__ */ d(b, { children: [
           f && /* @__PURE__ */ a(
             "button",
             {
@@ -107,15 +117,15 @@ const F = (e) => {
                 "attached-file__remove-button--disabled": l
               }),
               disabled: l,
-              onClick: N,
-              children: /* @__PURE__ */ a(I, {})
+              onClick: k,
+              children: /* @__PURE__ */ a(A, {})
             }
           ),
-          l && c > 0 && /* @__PURE__ */ a("div", { className: t("attached-file__upload-progress"), children: /* @__PURE__ */ a(
+          l && i > 0 && /* @__PURE__ */ a("div", { className: t("attached-file__upload-progress"), children: /* @__PURE__ */ a(
             "div",
             {
               className: t("attached-file__upload-progress-bar"),
-              style: { width: `${c}%` }
+              style: { width: `${i}%` }
             }
           ) })
         ] })
@@ -124,6 +134,6 @@ const F = (e) => {
   );
 };
 export {
-  Q as A,
-  F as g
+  Y as A,
+  J as g
 };