@epam/ai-dial-ui-kit 0.6.0-rc.14 → 0.6.0-rc.15

package/dist/dial-ui-kit.es.js

@@ -2,7 +2,7 @@ import { jsx as m, jsxs as z, Fragment as Be } from "react/jsx-runtime";
 import ee from "classnames";
 import { useFloating as ud, offset as jg, flip as Kg, shift as qg, arrow as yv, autoUpdate as Yg, useHover as Zg, useFocus as Rv, useDismiss as hd, useRole as gd, useInteractions as pd, useMergeRefs as fd, FloatingPortal as md, FloatingArrow as xv, autoPlacement as Fv, size as Ev, useClick as Dv, FloatingFocusManager as Qg, FloatingOverlay as Pv } from "@floating-ui/react";
 import * as ye from "react";
-import q, { createContext as wa, useState as I, useRef as L, useEffect as xe, useMemo as B, useContext as st, isValidElement as Cd, cloneElement as gc, useCallback as D, memo as mt, useLayoutEffect as qt, PureComponent as Tv, Component as Mv, forwardRef as vd, useImperativeHandle as Dn, createElement as Xo, Suspense as Iv, useId as wd, Children as Av } from "react";
+import q, { createContext as wa, useState as I, useRef as L, useEffect as Re, useMemo as B, useContext as st, isValidElement as Cd, cloneElement as gc, useCallback as D, memo as mt, useLayoutEffect as qt, PureComponent as Tv, Component as Mv, forwardRef as vd, useImperativeHandle as Dn, createElement as Xo, Suspense as Iv, useId as wd, Children as Av } from "react";
 import { IconInfoCircle as bd, IconCircleCheck as kv, IconAlertTriangle as Lv, IconAlertCircle as Ov, IconX as fo, IconMinus as Nv, IconCheck as Xg, IconExclamationCircle as Sd, IconClipboardX as Jg, IconChevronsLeft as Hv, IconChevronsRight as Gv, IconGripVertical as Bv, IconFile as ep, IconFileTypeZip as Vv, IconFileTypeXml as zv, IconFileTypeXls as Wv, IconFileTypeVue as _v, IconFileTypeTxt as Uv, IconFileTypeTsx as $v, IconFileTypeTs as jv, IconFileTypeSvg as Kv, IconFileTypeSql as qv, IconFileTypeRs as Yv, IconFileTypePpt as Zv, IconFileTypePng as Qv, IconFileTypePhp as Xv, IconFileTypePdf as Jv, IconFileTypeJsx as ew, IconFileTypeJs as tw, IconFileTypeJpg as sw, IconFileTypeHtml as iw, IconFileTypeDocx as ow, IconFileTypeDoc as nw, IconFileTypeCsv as rw, IconFileTypeCss as aw, IconFileTypeBmp as lw, IconArrowUpRight as cw, IconFolder as yd, IconChevronLeft as dw, IconChevronRight as tp, IconZoomCancel as uw, IconChevronDown as ba, IconDotsVertical as Pn, IconDots as hw, IconTrashX as Tn, IconEyeOff as sp, IconEye as ip, IconSearch as gw, IconPlus as pw, IconChevronUp as fw, IconAlertCircleFilled as mw, IconCaretRightFilled as Cw, IconArrowLeft as vw, IconFileZip as ww, IconCopyMinus as bw, IconFolderPlus as Sw, IconCopy as Rd, IconDownload as xd, IconPencilMinus as op, IconCircleFilled as Rr, IconFileDescription as yw } from "@tabler/icons-react";
 import Rw, { flushSync as xw, createPortal as Fd } from "react-dom";
 const Ed = "-", Fw = (e) => {
@@ -2779,7 +2779,7 @@ const gi = ({
   }), h = Rv(d.context, {
     enabled: i == null
   }), g = hd(d.context), p = gd(d.context, { role: "tooltip" }), f = pd([u, h, g, p]);
-  return xe(() => {
+  return Re(() => {
     if (!l) return;
     const C = d.refs.reference.current;
     if (!(C instanceof Element)) return;
@@ -3056,7 +3056,7 @@ const c1 = (e) => ({
   }, g = D(() => {
     u.current && cancelAnimationFrame(u.current), u.current = requestAnimationFrame(h);
   }, []);
-  xe(() => {
+  Re(() => {
     g();
     const C = () => g();
     window.addEventListener("resize", C);
@@ -3516,7 +3516,7 @@ const y1 = "flex", R1 = "pb-1 mt-2", x1 = {
   onToggle: c
 }) => {
   const [d, u] = I(s), [h, g] = I(!0), p = B(() => typeof l == "boolean", [l]), f = p ? l : h;
-  xe(() => {
+  Re(() => {
     p && u(l ? s : wl);
   }, [p, l, s]);
   const C = ee([
@@ -4698,7 +4698,7 @@ var Kb = /* @__PURE__ */ mt(function(t) {
     "children"
   ]);
   const [o, n] = qb(i);
-  return xe(() => {
+  return Re(() => {
     if (n) {
       const r = Dp();
       return ++ju, () => {
@@ -4765,7 +4765,7 @@ function Qb() {
   }), bl;
 }
 var Xb = Qb();
-const Jb = /* @__PURE__ */ Zb(Xb), pi = typeof window < "u" ? qt : xe;
+const Jb = /* @__PURE__ */ Zb(Xb), pi = typeof window < "u" ? qt : Re;
 function e0(e, t, s) {
   const [i, o] = I(
     () => t(e)
@@ -5238,7 +5238,7 @@ function m0(e, t, s) {
       s
     ]
   );
-  return xe(() => {
+  return Re(() => {
     i.spec = e;
   }, [
     e
@@ -5338,7 +5338,7 @@ function F0(e, t) {
       t
     ]
   );
-  return xe(() => {
+  return Re(() => {
     s.spec = e;
   }, [
     e
@@ -42946,7 +42946,7 @@ var _C = vd((e, t) => {
   }
 }), $A = (e) => {
   const { initialProps: t, addUpdateCallback: s, CustomComponentClass: i, setMethods: o } = e, [{ key: n, ...r }, a] = I(t);
-  return xe(() => {
+  return Re(() => {
     s((l) => a(l));
   }, []), /* @__PURE__ */ q.createElement(Tu.Provider, { value: { setMethods: o } }, /* @__PURE__ */ q.createElement(i, { key: n, ...r }));
 }, jA = mt($A), KA = 0;
@@ -43420,7 +43420,7 @@ var lk = 1e3, ck = class {
   qt(
     () => Hn(i, s, d.current, u),
     [i]
-  ), xe(() => {
+  ), Re(() => {
     e.setDragSource(l.current);
   }, [i]);
   const p = B(() => !!(i?.componentFromFramework && Ro(i.componentClass)), [i]), f = i?.componentFromFramework, C = i?.componentClass;
@@ -43477,7 +43477,7 @@ var lk = 1e3, ck = class {
     [g]
   );
   const T = B(() => n.toString(), [n]), k = B(() => a.toString(), [a]), F = B(() => c.toString(), [c]), P = B(() => !!(g && g.componentFromFramework && Ro(g.componentClass)), [g]), G = B(() => s.get("reactiveCustomComponents"), []), _ = B(() => s.get("enableFilterHandlers"), []), [H, ie] = I();
-  xe(() => {
+  Re(() => {
     if (g?.componentFromFramework)
       if (G) {
         const U = _ ? hk : JA, se = new U(g.params, () => f((te) => te + 1));
@@ -43543,7 +43543,7 @@ var lk = 1e3, ck = class {
     };
     e.setComp(k, T, C.current, v.current, p.current);
   }, []);
-  qt(() => Hn(h, t, v.current), [h]), xe(() => {
+  qt(() => Hn(h, t, v.current), [h]), Re(() => {
     f.current && e.setDragSource(f.current);
   }, [h]);
   const S = B(() => !!(h?.componentFromFramework && Ro(h.componentClass)), [h]), y = B(() => "ag-header-group-cell " + o.toString(), [o]), R = B(
@@ -43647,7 +43647,7 @@ var lk = 1e3, ck = class {
   );
   return /* @__PURE__ */ q.createElement("div", { ref: a, className: l, style: c, role: "presentation" }, /* @__PURE__ */ q.createElement(oc, { pinned: "left" }), /* @__PURE__ */ q.createElement(oc, { pinned: null }), /* @__PURE__ */ q.createElement(oc, { pinned: "right" }));
 }, Sk = mt(bk), yk = (e, t) => {
-  xe(() => {
+  Re(() => {
     const s = t.current;
     if (s) {
       const i = s.parentElement;
@@ -43704,7 +43704,7 @@ var lk = 1e3, ck = class {
   }
 }, xk = (e) => {
   const t = L(e), s = L(), i = L(!1), o = L(!1), [, n] = I(0);
-  i.current && (o.current = !0), xe(() => (i.current || (s.current = t.current(), i.current = !0), n((r) => r + 1), () => {
+  i.current && (o.current = !0), Re(() => (i.current || (s.current = t.current(), i.current = !0), n((r) => r + 1), () => {
     o.current && s.current?.();
   }), []);
 }, Fk = (e) => {
@@ -43778,7 +43778,7 @@ var lk = 1e3, ck = class {
     const c = l.getGui();
     c && c.parentElement && c.remove(), r.destroyBean(l), o.current = void 0;
   }, []);
-  xe(() => {
+  Re(() => {
     const l = e != null, c = e?.compDetails && !e.compDetails.componentFromFramework, d = t && s == null;
     if (!(l && c && !d)) {
       a();
@@ -43799,7 +43799,7 @@ var lk = 1e3, ck = class {
         return;
       (t ? s : n.current).appendChild(f), o.current = p;
     });
-  }, [e, t, i]), xe(() => a, []);
+  }, [e, t, i]), Re(() => a, []);
 }, jC = Pk, Tk = ({
   cellCtrl: e,
   parent: t
@@ -43965,7 +43965,7 @@ var lk = 1e3, ck = class {
     const { current: me } = fe;
     me.toggleCss("ag-cell-value", !Z), me.toggleCss("ag-cell-inline-editing", !!d && !d.popup), me.toggleCss("ag-cell-popup-editing", !!d && !!d.popup), me.toggleCss("ag-cell-not-inline-editing", !d || !!d.popup);
   });
-  const Re = () => {
+  const xe = () => {
     const { compDetails: me, value: be } = l;
     if (!me)
       return be?.toString?.() ?? be;
@@ -43974,7 +43974,7 @@ var lk = 1e3, ck = class {
       return /* @__PURE__ */ q.createElement(Iv, { fallback: /* @__PURE__ */ q.createElement(Tk, { cellCtrl: e, parent: k }) }, le ? /* @__PURE__ */ q.createElement($, { ...me.params, key: h }) : /* @__PURE__ */ q.createElement($, { ...me.params, key: h, ref: P }));
     }
   }, Ee = () => {
-    const me = () => l == null ? null : Z ? /* @__PURE__ */ q.createElement("span", { role: "presentation", id: `cell-${r}`, className: X, ref: se }, Re()) : Re(), be = ($) => Dk($, oe, k.current, e, R);
+    const me = () => l == null ? null : Z ? /* @__PURE__ */ q.createElement("span", { role: "presentation", id: `cell-${r}`, className: X, ref: se }, xe()) : xe(), be = ($) => Dk($, oe, k.current, e, R);
     return d != null ? d.popup ? /* @__PURE__ */ q.createElement(q.Fragment, null, me(), be(d)) : be(d) : me();
   }, ke = () => /* @__PURE__ */ q.createElement("div", { ref: K, style: p, role: T, "col-id": n }, Z ? /* @__PURE__ */ q.createElement("div", { className: "ag-cell-wrapper", role: "presentation", ref: A }, Ee()) : Ee());
   return e.isCellSpanning() ? /* @__PURE__ */ q.createElement("div", { ref: Ce, className: "ag-spanned-cell-wrapper", role: "presentation" }, ke()) : ke();
@@ -43986,7 +43986,7 @@ var lk = 1e3, ck = class {
   ), [T, k] = I(
     () => c ? e.getInitialTransform(t) : void 0
   ), F = L(null), P = L(), G = L(), _ = L(!1), [H, ie] = I(0);
-  xe(() => {
+  Re(() => {
     if (_.current || !y || H > 10)
       return;
     const K = F.current?.firstChild;
@@ -44016,7 +44016,7 @@ var lk = 1e3, ck = class {
       setTransform: k,
       // i found using React for managing classes at the row level was to slow, as modifying classes caused a lot of
       // React code to execute, so avoiding React for managing CSS Classes made the grid go much faster.
-      toggleCss: (le, Re) => ne.current.toggleCss(le, Re),
+      toggleCss: (le, xe) => ne.current.toggleCss(le, xe),
       setDomOrder: (le) => a.current = le,
       setRowIndex: u,
       setRowId: g,
@@ -44024,9 +44024,9 @@ var lk = 1e3, ck = class {
       setUserStyles: v,
       // if we don't maintain the order, then cols will be ripped out and into the dom
       // when cols reordered, which would stop the CSS transitions from working
-      setCellCtrls: (le, Re) => {
+      setCellCtrls: (le, xe) => {
         const Ee = w.current, ke = fa(Ee, le, a.current);
-        ke !== Ee && (w.current = ke, n ? N.current() : Fn(Re, () => S(ke)));
+        ke !== Ee && (w.current = ke, n ? N.current() : Fn(xe, () => S(ke)));
       },
       showFullWidth: (le) => {
         G.current = le.params, R(le);
@@ -44034,11 +44034,11 @@ var lk = 1e3, ck = class {
       getFullWidthCellRenderer: () => P.current,
       getFullWidthCellRendererParams: () => G.current,
       refreshFullWidth: (le) => {
-        const Re = le();
-        return G.current = Re, V.current ? (R((Ee) => ({
+        const xe = le();
+        return G.current = xe, V.current ? (R((Ee) => ({
           ...Ee,
-          params: Re
-        })), !0) : !P.current || !P.current.refresh ? !1 : P.current.refresh(Re);
+          params: xe
+        })), !0) : !P.current || !P.current.refresh ? !1 : P.current.refresh(xe);
       }
     };
     e.setComp(Ce, K, t, r.current);
@@ -44051,7 +44051,7 @@ var lk = 1e3, ck = class {
     const K = { top: x, transform: T };
     return Object.assign(K, C), K;
   }, [x, T, C]), X = l && y?.componentFromFramework, oe = !l && se != null, fe = B(() => !!(y?.componentFromFramework && Ro(y.componentClass)), [y]), V = L(!1);
-  xe(() => {
+  Re(() => {
     V.current = fe && !!y && !!i.get("reactiveCustomComponents");
   }, [fe, y]);
   const A = () => se?.map((K) => /* @__PURE__ */ q.createElement(
@@ -44239,7 +44239,7 @@ var lk = 1e3, ck = class {
   ), K = B(() => Ht("ag-body", H), [H]), Ce = B(
     () => Ht("ag-floating-top", y ? "ag-invisible" : null, G),
     [G, y]
-  ), le = B(() => Ht("ag-sticky-top", G), [G]), Re = B(
+  ), le = B(() => Ht("ag-sticky-top", G), [G]), xe = B(
     () => Ht("ag-sticky-bottom", f === "0px" ? "ag-invisible" : null, G),
     [G, f]
   ), Ee = B(
@@ -44295,7 +44295,7 @@ var lk = 1e3, ck = class {
     children: ["stickyTopLeft", "stickyTopCenter", "stickyTopRight", "stickyTopFullWidth"]
   }), ve({
     section: se,
-    className: Re,
+    className: xe,
     style: be,
     children: ["stickyBottomLeft", "stickyBottomCenter", "stickyBottomRight", "stickyBottomFullWidth"]
   }), ve({
@@ -44395,7 +44395,7 @@ var lk = 1e3, ck = class {
     };
     G.setComp(_, P, P), d(!0);
   }, []);
-  xe(() => {
+  Re(() => {
     const P = g.current, G = p.current;
     if (!u || !P || !C || !G || e.isDestroyed())
       return;
@@ -44581,7 +44581,7 @@ var lk = 1e3, ck = class {
   }), [e.containerStyle]), f = D((v) => {
     c.current && !a.current?.shouldQueueUpdates() ? v() : n.current.push(v);
   }, []);
-  xe(() => {
+  Re(() => {
     const v = $k(r.current, e);
     r.current = e, f(() => {
       t.current && gy(v, t.current);
@@ -44883,7 +44883,7 @@ const Qk = ee(
     },
     [C, n, se, R, i, E]
   );
-  xe(() => {
+  Re(() => {
     n && R && E(!1);
   }, [n, R, E]);
   const X = D(
@@ -44956,7 +44956,7 @@ const Qk = ee(
     onContextMenu: te,
     onMouseDown: Z
   });
-  return xe(() => {
+  return Re(() => {
     if (!R) return;
     const V = P.reference.current;
     let A = null;
@@ -45062,7 +45062,7 @@ const Qk = ee(
     () => o.filter((v) => !u(v)),
     [o, u]
   ), g = e !== void 0 || t !== void 0;
-  xe(() => {
+  Re(() => {
     if (e !== void 0 && !t) {
       const v = /* @__PURE__ */ new Map();
       o.forEach((b) => {
@@ -45252,8 +45252,8 @@ const QC = ({
             !u && "dial-row-select-visible",
             Ce && "opacity-50 cursor-not-allowed"
           ),
-          onChange: (Re) => {
-            Ce || !A.data || G(A.data, !!Re);
+          onChange: (xe) => {
+            Ce || !A.data || G(A.data, !!xe);
           }
         },
         `${Y}-${K}`
@@ -45275,7 +45275,7 @@ const QC = ({
         return A;
       const K = A.cellRenderer;
       return { ...A, cellRenderer: (le) => {
-        const Re = le.data ? i?.(le.data) ?? [] : [];
+        const xe = le.data ? i?.(le.data) ?? [] : [];
         let Ee = null;
         typeof K == "function" ? Ee = /* @__PURE__ */ m(K, { ...le }) : Ee = U(le);
         const ke = le.data ? p(le.data) : null, me = ke ? l?.has(ke) : !1;
@@ -45283,7 +45283,7 @@ const QC = ({
           It,
           {
             trigger: [Vt.ContextMenu],
-            menu: { items: Re },
+            menu: { items: xe },
             anchorToMouse: !0,
             matchReferenceWidth: !0,
             className: "w-full h-full",
@@ -45340,7 +45340,7 @@ const QC = ({
     }));
     A.api.updateGridOptions({ columnDefs: Y, rowData: t }), A.api.sizeColumnsToFit(), k(A.api), s?.onGridReady?.(A);
   };
-  xe(() => {
+  Re(() => {
     T && T.redrawRows();
   }, [T, P]);
   const V = D(
@@ -45460,7 +45460,7 @@ const Mg = () => typeof window < "u" && window.innerWidth < 640, Ig = () => {
   return e >= 1024 ? ni.Desktop : e < 640 ? ni.Mobile : ni.Tablet;
 }, r8 = () => {
   const [e, t] = I(Ig());
-  return xe(() => {
+  return Re(() => {
     const s = () => t(Ig());
     return window.addEventListener("resize", s), () => window.removeEventListener("resize", s);
   }, []), e;
@@ -45483,11 +45483,11 @@ const Mg = () => typeof window < "u" && window.innerWidth < 640, Ig = () => {
     const R = v.current;
     R && h(R.scrollWidth > R.clientWidth);
   }, []);
-  return xe(() => {
+  return Re(() => {
     y();
     const R = new ResizeObserver(() => y()), x = v.current;
     return x && R.observe(x), () => R.disconnect();
-  }, [e, y]), xe(() => {
+  }, [e, y]), Re(() => {
     const R = w.current, x = v.current;
     if (!R || !x) return;
     const E = R.offsetLeft, T = E + R.offsetWidth, k = x.scrollLeft, F = k + x.clientWidth;
@@ -45878,7 +45878,7 @@ const Mg = () => typeof window < "u" && window.innerWidth < 640, Ig = () => {
   inputRef: E
 }) => {
   const T = L(null), k = fd([E, T]);
-  xe(() => {
+  Re(() => {
     const _ = T.current;
     if (!_) return;
     const H = (ie) => {
@@ -46621,7 +46621,7 @@ const G8 = {
   allowClear: u = !0
 }) => {
   const [h, g] = I(t || "");
-  xe(() => {
+  Re(() => {
     g(t || "");
   }, [t]);
   const p = D(
@@ -46768,7 +46768,7 @@ const G8 = {
     const S = d.filter((y, R) => R !== b);
     u(S), l?.(S);
   };
-  return xe(() => {
+  return Re(() => {
     const b = new ResizeObserver(() => {
       if (c.current) {
         const S = c.current.scrollHeight > c.current.clientHeight + 10;
@@ -46884,9 +46884,9 @@ const $8 = ({
     const $ = _.trim().toLowerCase();
     return $ ? e.filter((Se) => Se.label.toLowerCase().includes($)) : e;
   }, [e, _]);
-  xe(() => {
+  Re(() => {
     !P && !E && H("");
-  }, [E, P]), xe(() => {
+  }, [E, P]), Re(() => {
     E && H(l || "");
   }, [l, E]);
   const Z = D(
@@ -46928,7 +46928,7 @@ const $8 = ({
         fe.forEach((Se) => $.add(Se.value)), Z(Array.from($));
       }
   }, le = se.length > 0;
-  xe(() => {
+  Re(() => {
     P && E && !t && !v && requestAnimationFrame(() => {
       const $ = ie.current;
       if (!$) return;
@@ -46937,9 +46937,9 @@ const $8 = ({
       $.setSelectionRange?.(Se, Se);
     });
   }, [P, E, t, v]);
-  const Re = !t && le ? se[0] : void 0, Ee = B(
-    () => Re ? e.find(($) => $.value === Re) : void 0,
-    [e, Re]
+  const xe = !t && le ? se[0] : void 0, Ee = B(
+    () => xe ? e.find(($) => $.value === xe) : void 0,
+    [e, xe]
   ), ke = D(() => !t || se.length === 0 ? null : /* @__PURE__ */ m(
     nv,
     {
@@ -47816,7 +47816,7 @@ const nL = function(t, s, i) {
   ), w = B(() => p || v(h), [p, h, v]), b = () => {
     g([]), f(!1);
   };
-  xe(() => {
+  Re(() => {
     b();
   }, [o]);
   const [{ isOver: S, canDrop: y }, R] = Ip(
@@ -48235,18 +48235,18 @@ function AL({
   }, [p, o, r]), v = D(() => {
     s && a(e), g(), n?.();
   }, [e, n, s, g]);
-  return xe(() => {
+  return Re(() => {
     t && (a(e), g(), requestAnimationFrame(() => {
       h.current?.focus(), h.current?.select();
     }));
-  }, [t, e, g]), xe(() => {
+  }, [t, e, g]), Re(() => {
     const w = h.current;
     if (!t || !w) return;
     const b = (S) => {
       S.key === "Enter" ? (S.preventDefault(), h.current?.blur()) : S.key === "Escape" && (S.preventDefault(), v());
     };
     return w.addEventListener("keydown", b), () => w.removeEventListener("keydown", b);
-  }, [t, C, v]), xe(() => {
+  }, [t, C, v]), Re(() => {
     if (!t) return;
     const w = h.current;
     if (!w) return;
@@ -48319,7 +48319,11 @@ const va = ({
   ), o = B(
     () => i ? e?.expandedPaths ?? /* @__PURE__ */ new Set() : t,
     [i, e?.expandedPaths, t]
-  ), n = D(
+  );
+  Re(() => {
+    i && e?.expandedPaths && s(new Set(e.expandedPaths));
+  }, [i, e?.expandedPaths]);
+  const n = D(
     (d) => {
       i ? e?.onExpandedPathsChange?.(d) : s(d);
     },
@@ -48624,7 +48628,7 @@ const va = ({
 var dd = /* @__PURE__ */ ((e) => (e.MyFiles = "my_files", e.Shared = "shared", e.Organization = "organization", e))(dd || {}), he = /* @__PURE__ */ ((e) => (e.Duplicate = "duplicate", e.Copy = "copy", e.Move = "move", e.Download = "download", e.Delete = "delete", e.Rename = "rename", e.Info = "info", e.Unshare = "unshare", e))(he || {}), pt = /* @__PURE__ */ ((e) => (e.Replace = "replace", e.Duplicate = "duplicate", e.Cancel = "cancel", e))(pt || {}), Ot = /* @__PURE__ */ ((e) => (e.ReplaceAll = "replaceAll", e.DuplicateAll = "duplicateAll", e.DecideForEach = "decideForEach", e))(Ot || {}), tt = /* @__PURE__ */ ((e) => (e.Copy = "copy", e.Move = "move", e))(tt || {}), no = /* @__PURE__ */ ((e) => (e.Tree = "tree", e.Grid = "grid", e))(no || {}), gt = /* @__PURE__ */ ((e) => (e.Name = "name", e.UpdatedAt = "updatedAt", e.Size = "size", e.Author = "author", e.Owner = "owner", e.Path = "path", e.Actions = "__actions", e))(gt || {});
 const pv = () => {
   const [e, t] = I(Mg());
-  return xe(() => {
+  return Re(() => {
     const s = () => t(Mg());
     return window.addEventListener("resize", s), () => window.removeEventListener("resize", s);
   }, []), e;
@@ -48736,7 +48740,7 @@ function zL({
     d.current = f.map(
       (C) => Math.ceil(C.getBoundingClientRect().width)
     );
-  }, [e, ...n]), xe(() => {
+  }, [e, ...n]), Re(() => {
     if (!r.current) return;
     let f = null;
     const C = () => {
@@ -49254,10 +49258,10 @@ const WL = ({ getSelectionLabel: e, onClearSelection: t, actions: s, selectedCou
         const le = f.get(Ce.sourceUrl);
         if (!le)
           return;
-        const Re = Ce.destinationUrl.split("/").pop();
+        const xe = Ce.destinationUrl.split("/").pop();
         return {
           fileContent: le.fileContent,
-          name: Re
+          name: xe
         };
       }).filter(Boolean);
       K.length > 0 && e?.(K, Y), G();
@@ -49265,16 +49269,16 @@ const WL = ({ getSelectionLabel: e, onClearSelection: t, actions: s, selectedCou
   }), G = D(() => {
     C(/* @__PURE__ */ new Map()), w(null);
   }, []);
-  xe(() => {
+  Re(() => {
     let A = 0;
-    const Y = (Re) => {
-      YL(Re) && Re.dataTransfer.types.includes(vL) && (A++, c(!0));
+    const Y = (xe) => {
+      YL(xe) && xe.dataTransfer.types.includes(vL) && (A++, c(!0));
     }, K = () => {
       A--, A === 0 && c(!1);
     }, Ce = () => {
       A = 0, c(!1);
-    }, le = (Re) => {
-      Re.preventDefault();
+    }, le = (xe) => {
+      xe.preventDefault();
     };
     return window.addEventListener("dragenter", Y), window.addEventListener("dragleave", K), window.addEventListener("drop", Ce), window.addEventListener("dragover", le), () => {
       window.removeEventListener("dragenter", Y), window.removeEventListener("dragleave", K), window.removeEventListener("drop", Ce), window.removeEventListener("dragover", le);
@@ -49320,8 +49324,8 @@ const WL = ({ getSelectionLabel: e, onClearSelection: t, actions: s, selectedCou
         }
       const le = new Map(A.map((ke) => [ke.name, ke]));
       C(le);
-      const Re = H(A, Y);
-      return w({ destinationFolder: Y }), x(Y, Re, {
+      const xe = H(A, Y);
+      return w({ destinationFolder: Y }), x(Y, xe, {
         destinationFolder: Y
       }).hasConflicts ? !1 : (e?.(A, Y), G(), !0);
     },
@@ -49364,25 +49368,25 @@ const WL = ({ getSelectionLabel: e, onClearSelection: t, actions: s, selectedCou
       const le = Ce.map((Ee) => ({
         fileContent: Ee,
         name: Ee.name
-      })), Re = b(le);
-      if (Re.length === 0) {
+      })), xe = b(le);
+      if (xe.length === 0) {
         u(
           o.unsupportedFiles || "Selected files are not supported"
         );
         return;
       }
-      await ie(Re, Y, K);
+      await ie(xe, Y, K);
     },
     [ie, b, o]
   );
-  xe(() => {
+  Re(() => {
     let A = h.current;
     A || (A = document.createElement("input"), A.type = "file", A.multiple = !0, A.style.display = "none", document.body.appendChild(A), h.current = A), i && i.length > 0 ? A.accept = i.join(",") : A.removeAttribute("accept");
     const Y = async () => {
       if (!A?.files?.length) return;
-      const Ce = Array.from(A.files).map((Re) => ({
-        fileContent: Re,
-        name: Re.name
+      const Ce = Array.from(A.files).map((xe) => ({
+        fileContent: xe,
+        name: xe.name
       })), le = b(Ce);
       if (le.length === 0) {
         u(
@@ -49416,17 +49420,17 @@ const WL = ({ getSelectionLabel: e, onClearSelection: t, actions: s, selectedCou
           document.body.removeChild(K);
           return;
         }
-        const Re = le.name.replace(/\.zip$/i, "");
+        const xe = le.name.replace(/\.zip$/i, "");
         if (Y.some(
-          (ke) => ke.nodeType === Ne.FOLDER && ke.name.toLowerCase() === Re.toLowerCase()
+          (ke) => ke.nodeType === Ne.FOLDER && ke.name.toLowerCase() === xe.toLowerCase()
         )) {
           u(
-            o.validationFailed || `Folder with name "${Re}" already exists`
+            o.validationFailed || `Folder with name "${xe}" already exists`
           ), document.body.removeChild(K);
           return;
         }
         try {
-          n(le, Re, A);
+          n(le, xe, A);
         } finally {
           document.body.removeChild(K);
         }
@@ -49617,7 +49621,7 @@ const t7 = ({
     }),
     [i]
   );
-  xe(() => {
+  Re(() => {
     const p = e?.path;
     l.current !== p && o && (n(!1), a(null)), l.current = p;
   }, [e?.path, o]);
@@ -49732,7 +49736,7 @@ function l7({
   allItems: a = []
 }) {
   const [l, c] = I(""), d = L(!1), u = L(!1), h = L([]), g = L(s);
-  xe(() => {
+  Re(() => {
     n != null && c(String(n));
   }, [n]);
   const p = String(
@@ -49756,9 +49760,9 @@ function l7({
     },
     [r, C, v]
   );
-  xe(() => {
+  Re(() => {
     g.current !== s && (g.current = s, (u.current || p) && v());
-  }, [s, v, p]), xe(() => {
+  }, [s, v, p]), Re(() => {
     i.length > 0 && h.current.length === 0 && (h.current = i);
   }, [i]);
   const b = B(() => {
@@ -49858,7 +49862,7 @@ const d7 = ({
   emptyStateDescription: le
 }) => {
   const {
-    selectedPaths: Re,
+    selectedPaths: xe,
     clearSelection: Ee,
     setSelectedPaths: ke
   } = c7({
@@ -49867,11 +49871,11 @@ const d7 = ({
     onSelectedPathsChange: c
   }), me = B(() => {
     const Oe = /* @__PURE__ */ new Map();
-    return Re.forEach((kt) => {
+    return xe.forEach((kt) => {
       const ts = yi(s, kt);
       ts && Oe.set(kt, ts);
     }), Oe;
-  }, [Re, s]), { currentPath: be, setCurrentPath: $, handlePathChange: Se } = jL({
+  }, [xe, s]), { currentPath: be, setCurrentPath: $, handlePathChange: Se } = jL({
     path: o,
     defaultPath: n,
     onPathChange: S,
@@ -49946,7 +49950,7 @@ const d7 = ({
     getCopyHeader: w?.getCopyHeader,
     getMoveHeader: w?.getMoveHeader
   });
-  xe(() => {
+  Re(() => {
     Qs && !Ze && dt(be ?? i?.path ?? "/");
   }, [
     Qs,
@@ -49954,7 +49958,7 @@ const d7 = ({
     be,
     i?.path,
     dt
-  ]), xe(() => {
+  ]), Re(() => {
     Qs || dt(void 0);
   }, [Qs, dt]);
   const {
@@ -50159,7 +50163,7 @@ const d7 = ({
     isTreeCollapsed: Pi,
     toggleTreeCollapse: Ti,
     setIsTreeCollapsed: Ge,
-    selectedPaths: Re,
+    selectedPaths: xe,
     selectedFiles: me,
     setSelectedPaths: ke,
     clearSelection: Ee,
@@ -50921,7 +50925,7 @@ const vv = ({
 ) }) });
 function b7(e) {
   const t = L(null), [s, i] = I(!1);
-  return xe(() => {
+  return Re(() => {
     if (!t.current) return;
     const o = new ResizeObserver(([n]) => {
       const r = n.contentRect.width;
@@ -51149,7 +51153,7 @@ const S7 = ({
     renamedItem: K,
     onRename: Ce,
     onRenameSave: le,
-    onRenameCancel: Re,
+    onRenameCancel: xe,
     onRenameValidate: Ee,
     getDisplayName: ke,
     isDragging: me,
@@ -51560,7 +51564,7 @@ const S7 = ({
                   getContextMenuItems: Xn,
                   renamedPath: Mo === no.Tree ? Y : void 0,
                   onRenameSave: le,
-                  onRenameCancel: Re,
+                  onRenameCancel: xe,
                   onRenameValidate: Ee
                 }
               )
@@ -51581,7 +51585,7 @@ const S7 = ({
     v,
     t,
     s,
-    Re,
+    xe,
     le,
     Ee,
     Mo,
@@ -51731,7 +51735,7 @@ const S7 = ({
                             cancelFolderCreation: Ge,
                             saveFolderCreation: rt,
                             getDisplayName: ke,
-                            onRenameCancel: Re,
+                            onRenameCancel: xe,
                             onRenameSave: le,
                             onRenameValidate: Ee,
                             renameTriggerView: Mo,

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@epam/ai-dial-ui-kit",
-  "version": "0.6.0-rc.14",
+  "version": "0.6.0-rc.15",
   "type": "module",
   "license": "Apache-2.0",
   "description": "A modern UI kit for building AI DIAL interfaces with React",