@epam/ai-dial-react-file-manager 0.1.0-dev.22 → 0.1.0-dev.23

package/dist/ai-dial-react-file-manager.es.js

@@ -458,7 +458,16 @@ const lr = (e) => {
     return a ?? (t?.length ? `Unsupported file type. Supported types: ${rr(t)}.` : "Unsupported file type.");
   if (!s)
     return n ?? `File is too large. Maximum size: ${rn(r)}.`;
-}, ur = (e) => e.replace(/\/+$/, "").split("/").filter(Boolean).length, Kt = (e) => {
+}, ur = new Intl.Collator(void 0, {
+  sensitivity: "base",
+  numeric: !0
+}), hr = (e, t, r, a, n) => {
+  if (typeof e == "string" && typeof t == "string" && e && t) {
+    const s = ur.compare(e, t);
+    return s === 0 ? 0 : s > 0 ? 1 : -1;
+  }
+  return e === t ? 0 : e ? t ? e > t ? 1 : -1 : n ? 1 : -1 : n ? -1 : 1;
+}, pr = (e) => e.replace(/\/+$/, "").split("/").filter(Boolean).length, Kt = (e) => {
   const t = `${sa} `, r = new RegExp(`^${sa} (\\d+)$`), a = new Set(
     e.map((i) => i.name.toLowerCase())
   ), n = e.map((i) => {
@@ -469,7 +478,7 @@ const lr = (e) => {
   for (; a.has(s.toLowerCase()); )
     l++, s = `${t}${l}`;
   return s;
-}, hr = (e) => {
+}, fr = (e) => {
   const [t, r] = z(e?.showHiddenFiles ?? !1), a = !!e?.onShowHiddenFilesChange, n = a ? e.showHiddenFiles ?? !1 : t, s = d(
     (i) => {
       a ? e?.onShowHiddenFilesChange?.(i) : r(i);
@@ -484,7 +493,7 @@ const lr = (e) => {
     toggleHiddenFilesVisibility: l,
     setAreHiddenFilesVisible: s
   };
-}, pr = (e) => {
+}, mr = (e) => {
   const [t, r] = z(
     e?.collapsed ?? !1
   ), a = !!e?.onCollapseChange, n = a ? e.collapsed ?? !1 : t, s = d(
@@ -652,7 +661,7 @@ const lr = (e) => {
     handleCancelAll: D,
     handleDecideForEach: h
   };
-}, fr = ({
+}, Cr = ({
   getDestinationFiles: e,
   onCopyFiles: t,
   onMoveToFiles: r,
@@ -799,7 +808,7 @@ const lr = (e) => {
     handleConflictDecideForEach: we,
     sourceFolder: b
   };
-}, mr = ({
+}, gr = ({
   path: e,
   defaultPath: t,
   onPathChange: r,
@@ -823,7 +832,7 @@ const lr = (e) => {
     setCurrentPath: p,
     handlePathChange: C
   };
-}, Cr = ({
+}, vr = ({
   onDeleteFiles: e,
   onDeleteSuccess: t
 }) => {
@@ -857,7 +866,7 @@ const lr = (e) => {
     closeDeleteConfirmation: C,
     confirmDelete: c
   };
-}, gr = ({
+}, yr = ({
   onDownloadFiles: e,
   customDownloadItemsAction: t,
   onDownloadSuccess: r
@@ -868,7 +877,7 @@ const lr = (e) => {
     },
     [e, r, t]
   )
-}), vr = (e) => "dataTransfer" in e && e.dataTransfer !== null, yr = ({
+}), wr = (e) => "dataTransfer" in e && e.dataTransfer !== null, Nr = ({
   onUploadFiles: e,
   onValidateUpload: t,
   maxFileSize: r,
@@ -933,7 +942,7 @@ const lr = (e) => {
     if (!i || !h) return;
     let R = 0;
     const H = (me) => {
-      vr(me) && me.dataTransfer.types.includes(Zs) && (R++, u(!0));
+      wr(me) && me.dataTransfer.types.includes(Zs) && (R++, u(!0));
     }, $ = () => {
       R--, R === 0 && u(!1);
     }, J = () => {
@@ -1210,22 +1219,22 @@ const lr = (e) => {
   hiddenItemWarning: `${Eo.Warning}__A dot at the start of the name will make the item hidden`
 }, Ea = {
   consecutiveDotsError: "Name cannot contain consecutive dots"
-}, wr = {
+}, Dr = {
   emptyName: "Name cannot be empty",
   duplicateName: "An item with this name already exists",
   hiddenItemWarning: Fa.hiddenItemWarning,
   consecutiveDotsError: Ea.consecutiveDotsError
 };
-function Nr(e) {
+function xr(e) {
   let t = e.length;
   for (; t > 0 && e[t - 1] === "/"; ) t--;
   return e.slice(0, t);
 }
-function Dr(e, t) {
-  const r = Nr(e), a = r.lastIndexOf("/");
+function br(e, t) {
+  const r = xr(e), a = r.lastIndexOf("/");
   return a === -1 ? t : r.slice(0, a + 1) + t;
 }
-function xr(e) {
+function Tr(e) {
   const t = e.lastIndexOf(".");
   return t === -1 || t === 0 ? e : e.substring(0, t);
 }
@@ -1233,7 +1242,7 @@ function ca(e) {
   const t = e.lastIndexOf(".");
   return t === -1 || t === 0 ? "" : e.substring(t);
 }
-const br = ({
+const Rr = ({
   items: e,
   onRenameValidate: t,
   validationMessages: r,
@@ -1241,7 +1250,7 @@ const br = ({
 }) => {
   const [n, s] = z(), l = j(
     () => ({
-      ...wr,
+      ...Dr,
       ...r
     }),
     [r]
@@ -1269,7 +1278,7 @@ const br = ({
         s(void 0);
         return;
       }
-      const b = Dr(
+      const b = br(
         n.path,
         m
       ), D = n.parentPath;
@@ -1316,7 +1325,7 @@ const br = ({
       return null;
     },
     [t, l, e]
-  ), u = d((y) => y.nodeType === L.ITEM ? xr(y.name) : y.name, []);
+  ), u = d((y) => y.nodeType === L.ITEM ? Tr(y.name) : y.name, []);
   return {
     renamedPath: i,
     renamedItem: n,
@@ -1372,7 +1381,7 @@ const br = ({
     collapsePath: C,
     isControlled: a
   };
-}, Tr = ({
+}, Ir = ({
   newActions: e,
   currentFolder: t,
   onUploadFiles: r,
@@ -1430,12 +1439,12 @@ const br = ({
     isNewButtonVisible: p,
     isNewButtonDisabled: C
   };
-}, Rr = {
+}, Fr = {
   emptyName: "Folder name cannot be empty",
   duplicateName: "A folder with this name already exists",
   hiddenItemWarning: Fa.hiddenItemWarning,
   consecutiveDotsError: Ea.consecutiveDotsError
-}, Ir = ({
+}, Er = ({
   currentFolder: e,
   onCreateFolder: t,
   onValidateFolderName: r,
@@ -1448,7 +1457,7 @@ const br = ({
     null
   ), [m, b] = z(""), D = ce(e?.path), h = j(
     () => ({
-      ...Rr,
+      ...Fr,
       ...a
     }),
     [a]
@@ -1571,7 +1580,7 @@ const br = ({
     saveFolderCreation: V,
     validateFolderName: M
   };
-}, Fr = ({
+}, Sr = ({
   additionalButtons: e,
   expandedPathsLength: t,
   collapseAll: r
@@ -1592,7 +1601,7 @@ const br = ({
       )
     ] }), [e, a, r])
   };
-}, Er = ({ onGetInfo: e }) => {
+}, Ar = ({ onGetInfo: e }) => {
   const [t, r] = z(!1), [a, n] = z(void 0), s = d(
     async (i) => {
       n(i), r(!0), e && await e(i);
@@ -1608,7 +1617,7 @@ const br = ({
     closeMetadataPopup: l
   };
 };
-function Sr(e) {
+function Pr(e) {
   const t = [];
   function r(a) {
     for (const n of a)
@@ -1620,7 +1629,7 @@ function da(e, t) {
   const r = Ft(t);
   return e.filter((a) => Ft(a.name).includes(r));
 }
-function Ar({
+function Mr({
   onSearchFiles: e,
   clearSearchResults: t,
   currentPath: r,
@@ -1673,7 +1682,7 @@ function Ar({
     }
     if (!b || !i.length)
       return [];
-    const F = Sr(i);
+    const F = Pr(i);
     return da(F, b);
   }, [
     e,
@@ -1693,7 +1702,7 @@ function Ar({
     searchResultsRows: x
   };
 }
-function Pr({
+function kr({
   selectedPaths: e,
   defaultSelectedPaths: t,
   onSelectedPathsChange: r
@@ -1717,7 +1726,7 @@ function Pr({
     isControlled: a
   };
 }
-const Mr = ({
+const Or = ({
   managerLabel: e,
   children: t,
   className: r,
@@ -1808,7 +1817,7 @@ const Mr = ({
     selectedPaths: Ze,
     clearSelection: Xe,
     setSelectedPaths: it
-  } = Pr({
+  } = kr({
     selectedPaths: p,
     defaultSelectedPaths: C,
     onSelectedPathsChange: c
@@ -1862,7 +1871,7 @@ const Mr = ({
       it(K);
     }
   }, [a, Ze, it]);
-  const { currentPath: de, setCurrentPath: Fe, handlePathChange: qe } = mr({
+  const { currentPath: de, setCurrentPath: Fe, handlePathChange: qe } = gr({
     path: s,
     defaultPath: l,
     onPathChange: F,
@@ -1879,10 +1888,10 @@ const Mr = ({
       T?.setDestinationFolderPath ? T.setDestinationFolderPath(E) : no(E);
     },
     [T]
-  ), { areHiddenFilesVisible: lt, toggleHiddenFilesVisibility: yn } = hr({
+  ), { areHiddenFilesVisible: lt, toggleHiddenFilesVisibility: yn } = fr({
     showHiddenFiles: v,
     onShowHiddenFilesChange: u
-  }), { isTreeCollapsed: wn, toggleTreeCollapse: vt, setIsTreeCollapsed: oo } = pr({
+  }), { isTreeCollapsed: wn, toggleTreeCollapse: vt, setIsTreeCollapsed: oo } = mr({
     collapsed: y?.collapsed,
     onCollapseChange: y?.onCollapseChange
   }), {
@@ -1893,7 +1902,7 @@ const Mr = ({
     renameCancelHandler: io,
     renameValidateHandler: lo,
     getDisplayName: Ot
-  } = br({
+  } = Rr({
     items: a,
     onRenameValidate: B,
     validationMessages: k,
@@ -1906,7 +1915,7 @@ const Mr = ({
     handleSearchChange: _t,
     handleSearchClear: le,
     searchResultsRows: Dn
-  } = Ar({
+  } = Mr({
     onSearchFiles: Se,
     clearSearchResults: $,
     currentPath: de,
@@ -1920,7 +1929,7 @@ const Mr = ({
     () => It(a, de) ?? a[0],
     [a, de]
   ), Le = d(
-    (E, K) => !K || !E ? !1 : ur(E.path) > K,
+    (E, K) => !K || !E ? !1 : pr(E.path) > K,
     []
   ), Me = d(() => {
     Pt?.();
@@ -1943,7 +1952,7 @@ const Mr = ({
     handleConflictCancel: fo,
     handleConflictDecideForEach: mo,
     sourceFolder: Co
-  } = fr({
+  } = Cr({
     getDestinationFiles: (E) => It(a, E)?.items ?? [],
     onCopyFiles: M,
     onMoveToFiles: V,
@@ -1962,10 +1971,10 @@ const Mr = ({
     openDeleteConfirmation: Pn,
     closeDeleteConfirmation: Mn,
     confirmDelete: Dt
-  } = Cr({
+  } = vr({
     onDeleteFiles: A,
     onDeleteSuccess: Xe
-  }), { handleDownloadFiles: ot } = gr({
+  }), { handleDownloadFiles: ot } = yr({
     onDownloadFiles: _,
     customDownloadItemsAction: un,
     onDownloadSuccess: Xe
@@ -1988,7 +1997,7 @@ const Mr = ({
     handleUploadConflictDuplicate: Do,
     handleUploadConflictCancel: xo,
     handleUploadConflictDecideForEach: $t
-  } = yr({
+  } = Nr({
     onUploadFiles: Jn,
     onValidateUpload: Y,
     maxFileSize: xe,
@@ -2040,7 +2049,7 @@ const Mr = ({
     cancelFolderCreation: Aa,
     saveFolderCreation: Pa,
     validateFolderName: Ma
-  } = Ir({
+  } = Er({
     currentFolder: se,
     onCreateFolder: Qn,
     onValidateFolderName: W,
@@ -2059,7 +2068,7 @@ const Mr = ({
     ve,
     Le,
     Me
-  ]), { newActions: ka, isNewButtonVisible: Oa, isNewButtonDisabled: La } = Tr(
+  ]), { newActions: ka, isNewButtonVisible: Oa, isNewButtonDisabled: La } = Ir(
     {
       newActions: h?.newActions,
       currentFolder: se,
@@ -2197,7 +2206,7 @@ const Mr = ({
   ), { expandedPaths: bt, setExpandedPaths: jt, collapseAll: Ha } = Sa({
     expandedPaths: y?.expandedPaths,
     onExpandedPathsChange: y?.onExpandedPathsChange
-  }), { additionalButtons: Ua } = Fr({
+  }), { additionalButtons: Ua } = Sr({
     collapseAll: Ha,
     expandedPathsLength: bt.size,
     additionalButtons: y?.additionalButtons
@@ -2280,7 +2289,7 @@ const Mr = ({
     selectedFileForMetadata: Xa,
     openMetadataPopup: qa,
     closeMetadataPopup: Yo
-  } = Er({ onGetInfo: G }), Ya = d(() => {
+  } = Ar({ onGetInfo: G }), Ya = d(() => {
     Yo(), De?.clearMetadata?.();
   }, [Yo, De]), Ka = j(() => {
     if (Q)
@@ -2446,7 +2455,7 @@ const Mr = ({
     onNewFolderDepthExceeded: Pt
   };
   return /* @__PURE__ */ o(Ia.Provider, { value: Qa, children: t });
-}, kr = ({
+}, Lr = ({
   disabledGridRowIds: e,
   gridRows: t,
   getDisabledTooltip: r,
@@ -2533,7 +2542,7 @@ const Mr = ({
     const r = () => t(ua());
     return window.addEventListener("resize", r), () => window.removeEventListener("resize", r);
   }, []), e;
-}, Or = ({
+}, zr = ({
   onClose: e,
   onConfirm: t,
   onFolderPopupPathChange: r,
@@ -2667,7 +2676,7 @@ const Mr = ({
       children: /* @__PURE__ */ X("div", { className: "bg-layer-sunken h-full flex flex-col", children: [
         T && /* @__PURE__ */ o("div", { className: "px-6 mb-4 pt-4", children: /* @__PURE__ */ o(ws, { ...T }) }),
         /* @__PURE__ */ o("div", { className: "flex-1 min-h-0", children: /* @__PURE__ */ o(
-          di,
+          hi,
           {
             ...F,
             gridClassName: "size-full",
@@ -2700,7 +2709,7 @@ const Mr = ({
     }
   );
 };
-function Lr({
+function _r({
   actions: e,
   direction: t = tn.Normal,
   moreButtonWidth: r = ya,
@@ -2766,17 +2775,17 @@ function Lr({
     }
   };
 }
-const zr = 12, _r = 8, Br = ({ getSelectionLabel: e, onClearSelection: t, actions: r, selectedCount: a }) => {
+const Br = 12, Wr = 8, Hr = ({ getSelectionLabel: e, onClearSelection: t, actions: r, selectedCount: a }) => {
   const n = Vo(), {
     refs: { containerRef: s, leftSectionRef: l, measureRef: i },
     visibleActions: p,
     hiddenActions: C
-  } = Lr({
+  } = _r({
     actions: r,
     direction: tn.Reverse,
     dependencies: [n],
-    actionsGap: zr,
-    containerPadding: _r
+    actionsGap: Br,
+    containerPadding: Wr
   }), c = e(a);
   return /* @__PURE__ */ X(Ie, { children: [
     /* @__PURE__ */ o(
@@ -2839,7 +2848,7 @@ const zr = 12, _r = 8, Br = ({ getSelectionLabel: e, onClearSelection: t, action
       }
     )
   ] });
-}, Wr = ({
+}, Ur = ({
   open: e,
   itemsToDelete: t,
   onClose: r,
@@ -2888,7 +2897,7 @@ const zr = 12, _r = 8, Br = ({ getSelectionLabel: e, onClearSelection: t, action
       children: u
     }
   );
-}, ha = (e) => e.split("/").map((t) => t.trim()).filter(Boolean), Hr = "w-full flex items-center justify-between gap-4", Ur = "min-w-0 h-[38px] flex-1 overflow-hidden bg-layer-raised px-3 flex items-center rounded", Gr = "w-[260px]", Vr = ({
+}, ha = (e) => e.split("/").map((t) => t.trim()).filter(Boolean), Gr = "w-full flex items-center justify-between gap-4", Vr = "min-w-0 h-[38px] flex-1 overflow-hidden bg-layer-raised px-3 flex items-center rounded", $r = "w-[260px]", jr = ({
   ariaLabel: e = "Breadcrumb",
   labelClassName: t,
   onItemClick: r,
@@ -2982,7 +2991,7 @@ const zr = 12, _r = 8, Br = ({ getSelectionLabel: e, onClearSelection: t, action
         x(!1), m?.("");
       }
     }
-  ) : /* @__PURE__ */ o("div", { className: Ur, children: /* @__PURE__ */ o(
+  ) : /* @__PURE__ */ o("div", { className: Vr, children: /* @__PURE__ */ o(
     xs,
     {
       pathItems: f,
@@ -3003,7 +3012,7 @@ const zr = 12, _r = 8, Br = ({ getSelectionLabel: e, onClearSelection: t, action
     "div",
     {
       className: Ee(
-        Hr,
+        Gr,
         {
           "gap-3": h
         },
@@ -3015,7 +3024,7 @@ const zr = 12, _r = 8, Br = ({ getSelectionLabel: e, onClearSelection: t, action
         c && /* @__PURE__ */ o(
           "div",
           {
-            className: Ee(Gr, {
+            className: Ee($r, {
               "w-[40px]": h && !T,
               "w-full": h && T
             }),
@@ -3041,7 +3050,7 @@ const zr = 12, _r = 8, Br = ({ getSelectionLabel: e, onClearSelection: t, action
       ]
     }
   );
-}, $r = ({
+}, Zr = ({
   tabs: e,
   activeTab: t,
   onTabChange: r,
@@ -3137,7 +3146,7 @@ const zr = 12, _r = 8, Br = ({ getSelectionLabel: e, onClearSelection: t, action
     /* @__PURE__ */ o("div", { className: "flex-1 min-w-0", children: D() }),
     /* @__PURE__ */ o("div", { className: "flex gap-2 shrink-0 items-center", children: m ? f() : h() })
   ] });
-}, jr = 100, Qt = 16, Ue = "text-secondary", Hn = "text-primary min-w-0", Zr = "text-primary break-words min-w-0", Jt = "bg-layer-sunken", Xr = ({
+}, Xr = 100, Qt = 16, Ue = "text-secondary", Hn = "text-primary min-w-0", qr = "text-primary break-words min-w-0", Jt = "bg-layer-sunken", Yr = ({
   open: e,
   onClose: t,
   fileMetadata: r,
@@ -3162,7 +3171,7 @@ const zr = 12, _r = 8, Br = ({ getSelectionLabel: e, onClearSelection: t, action
       "div",
       {
         className: "grid gap-4 items-center dial-small-text",
-        style: { gridTemplateColumns: `${jr}px 1fr` },
+        style: { gridTemplateColumns: `${Xr}px 1fr` },
         children: a ? /* @__PURE__ */ X(Ie, { children: [
           /* @__PURE__ */ o("div", { className: Ue, children: s }),
           /* @__PURE__ */ o(
@@ -3238,15 +3247,15 @@ const zr = 12, _r = 8, Br = ({ getSelectionLabel: e, onClearSelection: t, action
           /* @__PURE__ */ o("div", { className: Ue, children: C }),
           /* @__PURE__ */ o("div", { className: Hn, children: /* @__PURE__ */ o(Tt, { text: r.author || "—" }) }),
           /* @__PURE__ */ o("div", { className: Ue, children: l }),
-          /* @__PURE__ */ o("div", { className: Zr, children: decodeURIComponent(r.path) })
+          /* @__PURE__ */ o("div", { className: qr, children: decodeURIComponent(r.path) })
         ] }) : null
       }
     ) })
   }
-), qr = {
+), Kr = {
   size: 10,
   stroke: 2
-}, Yr = 26, en = "__new_folder", Kr = ({
+}, Qr = 26, en = "__new_folder", Jr = ({
   name: e,
   type: t,
   shared: r = !1,
@@ -3303,7 +3312,7 @@ const zr = 12, _r = 8, Br = ({ getSelectionLabel: e, onClearSelection: t, action
       }
     )
   ) : null;
-}, Qr = ({
+}, ei = ({
   name: e,
   type: t,
   elementId: r,
@@ -3351,7 +3360,7 @@ const zr = 12, _r = 8, Br = ({ getSelectionLabel: e, onClearSelection: t, action
   };
   return /* @__PURE__ */ X("div", { className: "flex gap-2 items-center", ...Ss, children: [
     /* @__PURE__ */ o(
-      Kr,
+      Jr,
       {
         name: e,
         type: t,
@@ -3455,7 +3464,7 @@ const zr = 12, _r = 8, Br = ({ getSelectionLabel: e, onClearSelection: t, action
     );
   }
   return /* @__PURE__ */ o(
-    Qr,
+    ei,
     {
       type: t,
       name: x,
@@ -3471,7 +3480,7 @@ const zr = 12, _r = 8, Br = ({ getSelectionLabel: e, onClearSelection: t, action
       sharedIndicatorClassName: m
     }
   );
-}, Jr = ({
+}, ti = ({
   items: e,
   showFiles: t = !1,
   expandedPaths: r,
@@ -3537,7 +3546,7 @@ const zr = 12, _r = 8, Br = ({ getSelectionLabel: e, onClearSelection: t, action
             children: /* @__PURE__ */ X(
               "div",
               {
-                style: { paddingLeft: `${k * Yr}px` },
+                style: { paddingLeft: `${k * Qr}px` },
                 className: Ee(
                   "py-1 pr-3 gap-2 dial-small-paragraph-text flex justify-between hover:bg-control-accent-alpha-hover rounded group/item w-full relative",
                   Oe
@@ -3560,7 +3569,7 @@ const zr = 12, _r = 8, Br = ({ getSelectionLabel: e, onClearSelection: t, action
                         ue && /* @__PURE__ */ o(
                           cs,
                           {
-                            ...qr,
+                            ...Kr,
                             className: an(
                               "flex-shrink-0",
                               Ne && "rotate-90 transition-all",
@@ -3631,7 +3640,7 @@ const zr = 12, _r = 8, Br = ({ getSelectionLabel: e, onClearSelection: t, action
       icon: C
     }
   ) });
-}, ei = ({
+}, ni = ({
   selectedFiles: e,
   actionLabels: t,
   onDuplicate: r,
@@ -3760,7 +3769,7 @@ const zr = 12, _r = 8, Br = ({ getSelectionLabel: e, onClearSelection: t, action
   u,
   v,
   y
-]), ti = ({
+]), oi = ({
   id: e,
   name: t,
   nodeType: r,
@@ -3800,7 +3809,7 @@ const zr = 12, _r = 8, Br = ({ getSelectionLabel: e, onClearSelection: t, action
       ) }) : null
     ] })
   }
-) }) }), ni = (e) => (t, r, a) => ({
+) }) }), ai = (e) => (t, r, a) => ({
   colId: ye.Name,
   field: "name",
   headerName: e,
@@ -3879,7 +3888,7 @@ const zr = 12, _r = 8, Br = ({ getSelectionLabel: e, onClearSelection: t, action
     }
     if (a)
       return /* @__PURE__ */ o(
-        ti,
+        oi,
         {
           id: n.data.id,
           name: n.data.name,
@@ -3927,7 +3936,7 @@ const zr = 12, _r = 8, Br = ({ getSelectionLabel: e, onClearSelection: t, action
       }
     );
   }
-}), oi = (e) => (t, r) => ({
+}), si = (e) => (t, r) => ({
   colId: ye.UpdatedAt,
   field: "updatedAt",
   headerName: e,
@@ -3948,7 +3957,7 @@ const zr = 12, _r = 8, Br = ({ getSelectionLabel: e, onClearSelection: t, action
       r || Os
     ).format(s) : "";
   }
-}), ai = (e) => ({
+}), ri = (e) => ({
   colId: ye.Size,
   field: "size",
   headerName: e,
@@ -3956,7 +3965,7 @@ const zr = 12, _r = 8, Br = ({ getSelectionLabel: e, onClearSelection: t, action
   suppressSizeToFit: !0,
   cellRenderer: (t) => t.data.nodeType === L.ITEM ? rn(t.data.contentLength) : "",
   filterValueGetter: (t) => t.data.nodeType === L.ITEM ? rn(t.data.contentLength) : ""
-}), si = (e) => {
+}), ii = (e) => {
   const t = e.event;
   if (!(t?.target ?? null)?.closest("input") || !t) return !1;
   switch (t.key) {
@@ -3971,7 +3980,7 @@ const zr = 12, _r = 8, Br = ({ getSelectionLabel: e, onClearSelection: t, action
       return !1;
   }
 };
-function ri({
+function li({
   userColumnDefs: e,
   filterable: t,
   dateLocale: r,
@@ -3984,7 +3993,7 @@ function ri({
   rootItemPath: C
 }) {
   const c = j(() => [
-    ni("Name")(r, a, s),
+    ai("Name")(r, a, s),
     {
       colId: ye.Path,
       field: "path",
@@ -4006,8 +4015,8 @@ function ri({
         return /* @__PURE__ */ o(Tt, { text: m, hideTooltip: y });
       }
     },
-    oi("Modified Date")(r, a),
-    ai("Size"),
+    si("Modified Date")(r, a),
+    ri("Size"),
     {
       colId: ye.Author,
       field: "author",
@@ -4040,7 +4049,7 @@ function ri({
         filter: t ? m.filter : !1,
         floatingFilter: t ? m.floatingFilter : !1
       };
-      return g(m) && !m.suppressKeyboardEvent && (b.suppressKeyboardEvent = si), b;
+      return g(m) && !m.suppressKeyboardEvent && (b.suppressKeyboardEvent = ii), b;
     });
   }, [
     i,
@@ -4054,14 +4063,14 @@ function ri({
     e
   ]) };
 }
-const ii = () => {
+const ci = () => {
   const e = fs(Ia);
   if (!e)
     throw new Error(
       "useFileManagerContext must be used within <FileManagerProvider>"
     );
   return e;
-}, li = ({
+}, di = ({
   actionLabels: e,
   onDuplicate: t,
   onCopy: r,
@@ -4232,7 +4241,7 @@ const ii = () => {
   h,
   T,
   f
-]), ci = ({
+]), ui = ({
   onGridAddSibling: e,
   onGridAddChild: t,
   onTreeAddSibling: r,
@@ -4268,7 +4277,7 @@ const ii = () => {
     onGridCreateChildFolder: p,
     onTreeCreateChildFolder: C
   };
-}, di = (e) => /* @__PURE__ */ o(Mr, { ...e, children: /* @__PURE__ */ o(ui, {}) }), ui = () => {
+}, hi = (e) => /* @__PURE__ */ o(Or, { ...e, children: /* @__PURE__ */ o(pi, {}) }), pi = () => {
   const {
     managerLabel: e,
     className: t,
@@ -4394,7 +4403,7 @@ const ii = () => {
     showHiddenFileSwitcherInDestinationPopup: le,
     showCreateFolderButtonInDestinationPopup: Dn,
     newFolderDefaultName: se
-  } = ii(), {
+  } = ci(), {
     width: Le = $s,
     header: Me = js,
     containerClassName: xn = Us,
@@ -4406,7 +4415,7 @@ const ii = () => {
     onTreeCreateSiblingFolder: En,
     onGridCreateChildFolder: ho,
     onTreeCreateChildFolder: Sn
-  } = ci({
+  } = ui({
     onGridAddSibling: G,
     onGridAddChild: ne,
     onTreeAddSibling: he,
@@ -4598,7 +4607,7 @@ const ii = () => {
       A(N), U?.(ee);
     },
     [U, A]
-  ), On = ei({
+  ), On = ni({
     selectedFiles: M,
     actionLabels: c?.actionLabels,
     onDuplicate: W,
@@ -4631,7 +4640,7 @@ const ii = () => {
       children: [
         e,
         /* @__PURE__ */ o(
-          $r,
+          Zr,
           {
             ...C,
             onTabChange: Gt,
@@ -4651,7 +4660,7 @@ const ii = () => {
       role: "toolbar",
       "aria-label": "File Manager Toolbar",
       children: /* @__PURE__ */ o(
-        Br,
+        Hr,
         {
           ...c,
           selectedCount: O.size,
@@ -4708,7 +4717,7 @@ const ii = () => {
               isOpened: !x,
               onToggle: F,
               children: /* @__PURE__ */ o(
-                Jr,
+                ti,
                 {
                   ...Tn,
                   items: r,
@@ -4765,7 +4774,7 @@ const ii = () => {
     Qe,
     Ct,
     se
-  ]), Ln = li({
+  ]), Ln = di({
     actionLabels: p?.actionLabels,
     onDuplicate: (N) => W([N]),
     onCopy: (N) => {
@@ -4805,7 +4814,7 @@ const ii = () => {
     isRowDisabled: Do,
     allowedFileTypes: D,
     buttonClassName: ze ? "" : Vs
-  }), { columnDefs: $t } = ri({
+  }), { columnDefs: $t } = li({
     userColumnDefs: fo,
     filterable: mo,
     dateLocale: Co,
@@ -4858,6 +4867,7 @@ const ii = () => {
       rowHeight: ra,
       rowClass: "group/grid-row",
       defaultColDef: {
+        comparator: hr,
         ...ot.additionalGridOptions?.defaultColDef,
         floatingFilter: i?.searchable ? !1 : ot.additionalGridOptions?.defaultColDef?.floatingFilter
       },
@@ -4980,7 +4990,7 @@ const ii = () => {
               }),
               children: [
                 l && /* @__PURE__ */ o(
-                  Vr,
+                  jr,
                   {
                     ...i ?? {},
                     makeHref: (N) => N.join("/"),
@@ -5007,7 +5017,7 @@ const ii = () => {
                     children: [
                       bo,
                       /* @__PURE__ */ o(
-                        kr,
+                        Lr,
                         {
                           disabledGridRowIds: ct,
                           gridRows: S,
@@ -5025,7 +5035,7 @@ const ii = () => {
           )
         ] }),
         /* @__PURE__ */ o(
-          Wr,
+          Ur,
           {
             ...v,
             open: $,
@@ -5035,7 +5045,7 @@ const ii = () => {
           }
         ),
         /* @__PURE__ */ o(
-          Or,
+          zr,
           {
             ...u,
             open: xe,
@@ -5093,7 +5103,7 @@ const ii = () => {
           }
         ),
         /* @__PURE__ */ o(
-          Xr,
+          Yr,
           {
             open: qe,
             onClose: kt,
@@ -5112,7 +5122,7 @@ const ii = () => {
       ]
     }
   ) });
-}, yi = (e, t = nn.MyFiles) => {
+}, Ni = (e, t = nn.MyFiles) => {
   const r = Object.values(nn).includes(
     t
   ) ? t : nn.MyFiles, [a, n] = z(r), s = (i) => {
@@ -5132,8 +5142,8 @@ const ii = () => {
 };
 export {
   ge as DestinationFolderMode,
-  Or as DialDestinationFolderPopup,
-  di as DialFileManager,
+  zr as DialDestinationFolderPopup,
+  hi as DialFileManager,
   w as DialFileManagerActions,
   Ce as DialFileManagerConflictActions,
   ke as DialFileManagerConflictStrategies,
@@ -5141,16 +5151,16 @@ export {
   L as DialFileNodeType,
   St as DialFilePermission,
   Qs as DialFileResourceType,
-  Jr as DialFoldersTree,
+  ti as DialFoldersTree,
   ye as FileManagerColumnKey,
   ut as FileManagerCreateFolderTriggerView,
   Be as FileManagerCreateFolderType,
-  Mr as FileManagerProvider,
+  Or as FileManagerProvider,
   Rt as FileManagerRenameTriggerView,
   nr as GridSelectionMode,
-  ni as NAME_COLUMN,
-  ai as SIZE_COLUMN,
-  oi as UPDATED_AT_COLUMN,
-  yi as useDialFileManagerTabs,
-  ii as useFileManagerContext
+  ai as NAME_COLUMN,
+  ri as SIZE_COLUMN,
+  si as UPDATED_AT_COLUMN,
+  Ni as useDialFileManagerTabs,
+  ci as useFileManagerContext
 };

package/dist/src/components/FileManager/utils.d.ts

@@ -54,5 +54,6 @@ export declare const splitPathAndName: (fullPath: string) => {
 };
 export declare const isFileSelectable: (file: Pick<DialFile, "contentLength" | "contentType" | "name">, allowedFileTypes?: DialFileAcceptType[], maxSelectableFileSize?: number) => boolean;
 export declare const getRowTooltip: (file: FileManagerGridRow, allowedFileTypes?: DialFileAcceptType[], maxSelectableFileSize?: number, unsupportedFileTypeTooltip?: string, fileTooLargeTooltip?: string) => string | undefined;
+export declare const baseColumnComparator: (a: string | number | undefined, b: string | number | undefined, _nodeA?: unknown, _nodeB?: unknown, isInverted?: boolean) => number;
 export declare const getFolderNestingDepth: (folderPath: string) => number;
 export declare const getNextFolderName: (existingFolders: DialFile[]) => string;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@epam/ai-dial-react-file-manager",
-  "version": "0.1.0-dev.22",
+  "version": "0.1.0-dev.23",
   "type": "module",
   "license": "Apache-2.0",
   "description": "React file manager package for AI DIAL interfaces",