@cubone/react-file-manager 1.20.1 → 1.20.2

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

@@ -40,11 +40,11 @@ var Ae = {};
 var Nt;
 function hn() {
   return Nt || (Nt = 1, process.env.NODE_ENV !== "production" && function() {
-    var e = Pe, r = Symbol.for("react.element"), n = Symbol.for("react.portal"), s = Symbol.for("react.fragment"), a = Symbol.for("react.strict_mode"), i = Symbol.for("react.profiler"), c = Symbol.for("react.provider"), l = Symbol.for("react.context"), d = Symbol.for("react.forward_ref"), p = Symbol.for("react.suspense"), f = Symbol.for("react.suspense_list"), h = Symbol.for("react.memo"), w = Symbol.for("react.lazy"), M = Symbol.for("react.offscreen"), F = Symbol.iterator, z = "@@iterator";
-    function A(o) {
+    var e = Pe, r = Symbol.for("react.element"), n = Symbol.for("react.portal"), s = Symbol.for("react.fragment"), a = Symbol.for("react.strict_mode"), i = Symbol.for("react.profiler"), c = Symbol.for("react.provider"), l = Symbol.for("react.context"), d = Symbol.for("react.forward_ref"), p = Symbol.for("react.suspense"), f = Symbol.for("react.suspense_list"), h = Symbol.for("react.memo"), w = Symbol.for("react.lazy"), M = Symbol.for("react.offscreen"), S = Symbol.iterator, A = "@@iterator";
+    function D(o) {
       if (o === null || typeof o != "object")
         return null;
-      var m = F && o[F] || o[z];
+      var m = S && o[S] || o[A];
       return typeof m == "function" ? m : null;
     }
     var j = e.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED;
@@ -67,14 +67,14 @@ function hn() {
     }
     var b = !1, u = !1, g = !1, _ = !1, x = !1, R;
     R = Symbol.for("react.module.reference");
-    function S(o) {
+    function F(o) {
       return !!(typeof o == "string" || typeof o == "function" || o === s || o === i || x || o === a || o === p || o === f || _ || o === M || b || u || g || typeof o == "object" && o !== null && (o.$$typeof === w || o.$$typeof === h || o.$$typeof === c || o.$$typeof === l || o.$$typeof === d || // This needs to include all possible module reference object
       // types supported by any Flight configuration anywhere since
       // we don't know which Flight build this will end up being used
       // with.
       o.$$typeof === R || o.getModuleId !== void 0));
     }
-    function D(o, m, T) {
+    function z(o, m, T) {
       var B = o.displayName;
       if (B)
         return B;
@@ -114,7 +114,7 @@ function hn() {
             var T = o;
             return k(T._context) + ".Provider";
           case d:
-            return D(o, o.render, "ForwardRef");
+            return z(o, o.render, "ForwardRef");
           case h:
             var B = o.displayName || null;
             return B !== null ? B : N(o.type) || "Memo";
@@ -528,7 +528,7 @@ Check the top-level render call using <` + T + ">.");
         else if (nt(o))
           o._store && (o._store.validated = !0);
         else if (o) {
-          var re = A(o);
+          var re = D(o);
           if (typeof re == "function" && re !== o.entries)
             for (var ie = re.call(o), Q; !(Q = ie.next()).done; )
               nt(Q.value) && Mt(Q.value, m);
@@ -575,7 +575,7 @@ Check the top-level render call using <` + T + ">.");
     var Ot = {};
     function kt(o, m, T, B, re, ie) {
       {
-        var Q = S(o);
+        var Q = F(o);
         if (!Q) {
           var J = "";
           (o === void 0 || typeof o == "object" && o !== null && Object.keys(o).length === 0) && (J += " You likely forgot to export your component from the file it's defined in, or you might have mixed up default and named imports.");
@@ -961,7 +961,7 @@ const Be = (e = () => {
   triggerAction: a
 }) => {
   var b;
-  const [i, c] = L(!1), { currentFolder: l } = Ee(), { selectedFiles: d, setSelectedFiles: p, handleDownload: f } = Fe(), { clipBoard: h, setClipBoard: w, handleCutCopy: M, handlePasting: F } = Je(), { activeLayout: z } = Se(), A = [
+  const [i, c] = L(!1), { currentFolder: l } = Ee(), { selectedFiles: d, setSelectedFiles: p, handleDownload: f } = Fe(), { clipBoard: h, setClipBoard: w, handleCutCopy: M, handlePasting: S } = Je(), { activeLayout: A } = Se(), D = [
     {
       icon: /* @__PURE__ */ t.jsx(mr, { size: 17, strokeWidth: 0.3 }),
       text: "New folder",
@@ -982,7 +982,7 @@ const Be = (e = () => {
     }
   ], j = [
     {
-      icon: z === "grid" ? /* @__PURE__ */ t.jsx(gr, { size: 16 }) : /* @__PURE__ */ t.jsx(qe, { size: 16 }),
+      icon: A === "grid" ? /* @__PURE__ */ t.jsx(gr, { size: 16 }) : /* @__PURE__ */ t.jsx(qe, { size: 16 }),
       title: "Change View",
       onClick: () => c((u) => !u)
     },
@@ -995,7 +995,7 @@ const Be = (e = () => {
     }
   ];
   function C() {
-    F(l);
+    S(l);
   }
   const y = () => {
     f(), p([]);
@@ -1066,7 +1066,7 @@ const Be = (e = () => {
       }
     )
   ] }) }) : /* @__PURE__ */ t.jsx("div", { className: "toolbar", children: /* @__PURE__ */ t.jsxs("div", { className: "fm-toolbar", children: [
-    /* @__PURE__ */ t.jsx("div", { children: A.filter((u) => u.permission).map((u, g) => /* @__PURE__ */ t.jsxs("button", { className: "item-action", onClick: u.onClick, children: [
+    /* @__PURE__ */ t.jsx("div", { children: D.filter((u) => u.permission).map((u, g) => /* @__PURE__ */ t.jsxs("button", { className: "item-action", onClick: u.onClick, children: [
       u.icon,
       /* @__PURE__ */ t.jsx("span", { children: u.text })
     ] }, g)) }),
@@ -1260,16 +1260,16 @@ function ss({
   const d = Mr(n), p = Zn(c ? `${c}` : void 0), [f, h] = Vn(
     s,
     a
-  ), w = fe(f), [M, F] = L(!1), z = qn(), A = i ?? z, j = fe(), C = fe(), y = fe(null), [b, u] = L(null);
+  ), w = fe(f), [M, S] = L(!1), A = qn(), D = i ?? A, j = fe(), C = fe(), y = fe(null), [b, u] = L(null);
   rs(y);
   const g = `${l.collapsedHeight || 0}px`;
   function _(x) {
     if (!y.current)
       return;
     const R = y.current;
-    for (const S in x) {
-      const D = x[S];
-      D ? R.style[S] = D : R.style.removeProperty(S);
+    for (const F in x) {
+      const z = x[F];
+      z ? R.style[F] = z : R.style.removeProperty(F);
     }
   }
   return ns(() => {
@@ -1277,20 +1277,20 @@ function ss({
       return;
     w.current = f;
     function R(k) {
-      return A ? 0 : e ?? es(k);
+      return D ? 0 : e ?? es(k);
     }
-    const S = (k) => `height ${R(k)}ms ${r}`, D = (k) => {
+    const F = (k) => `height ${R(k)}ms ${r}`, z = (k) => {
       function N() {
         f ? (_({
           height: "",
           overflow: "",
           transition: "",
           display: ""
-        }), d("expandEnd")) : (_({ transition: "" }), d("collapseEnd")), F(!1);
+        }), d("expandEnd")) : (_({ transition: "" }), d("collapseEnd")), S(!1);
       }
       C.current && Ut(C.current), C.current = Qn(N, k);
     };
-    return F(!0), f ? j.current = requestAnimationFrame(() => {
+    return S(!0), f ? j.current = requestAnimationFrame(() => {
       d("expandStart"), _({
         display: "block",
         overflow: "hidden",
@@ -1298,13 +1298,13 @@ function ss({
       }), j.current = requestAnimationFrame(() => {
         d("expanding");
         const k = Kt(y);
-        D(R(k)), y.current && (y.current.style.transition = S(k), y.current.style.height = `${k}px`);
+        z(R(k)), y.current && (y.current.style.transition = F(k), y.current.style.height = `${k}px`);
       });
     }) : j.current = requestAnimationFrame(() => {
       d("collapseStart");
       const k = Kt(y);
-      D(R(k)), _({
-        transition: S(k),
+      z(R(k)), _({
+        transition: F(k),
         height: `${k}px`
       }), j.current = requestAnimationFrame(() => {
         d("collapsing"), _({
@@ -1318,7 +1318,7 @@ function ss({
   }, [
     f,
     g,
-    A,
+    D,
     e,
     r,
     d
@@ -1326,20 +1326,20 @@ function ss({
     isExpanded: f,
     setExpanded: h,
     getToggleProps(x) {
-      const { disabled: R, onClick: S, refKey: D, ...k } = {
+      const { disabled: R, onClick: F, refKey: z, ...k } = {
         refKey: "ref",
         onClick() {
         },
         disabled: !1,
         ...x
-      }, N = b ? b.tagName === "BUTTON" : void 0, G = x == null ? void 0 : x[D || "ref"], ae = {
+      }, N = b ? b.tagName === "BUTTON" : void 0, G = x == null ? void 0 : x[z || "ref"], ae = {
         id: `react-collapsed-toggle-${p}`,
         "aria-controls": `react-collapsed-panel-${p}`,
         "aria-expanded": f,
         onClick(ee) {
-          R || (S == null || S(ee), h((ve) => !ve));
+          R || (F == null || F(ee), h((ve) => !ve));
         },
-        [D || "ref"]: Xt(G, u)
+        [z || "ref"]: Xt(G, u)
       }, oe = {
         type: "button",
         disabled: R ? !0 : void 0
@@ -1356,14 +1356,14 @@ function ss({
       };
     },
     getCollapseProps(x) {
-      const { style: R, refKey: S } = { refKey: "ref", style: {}, ...x }, D = x == null ? void 0 : x[S || "ref"];
+      const { style: R, refKey: F } = { refKey: "ref", style: {}, ...x }, z = x == null ? void 0 : x[F || "ref"];
       return {
         id: `react-collapsed-panel-${p}`,
         "aria-hidden": !f,
         "aria-labelledby": `react-collapsed-toggle-${p}`,
         role: "region",
         ...x,
-        [S || "ref"]: Xt(y, D),
+        [F || "ref"]: Xt(y, z),
         style: {
           boxSizing: "border-box",
           ...!M && !f ? {
@@ -1475,14 +1475,14 @@ const kr = () => {
       }));
     }), s([]), i([]);
   }, [d]);
-  const F = (C) => {
+  const S = (C) => {
     p(C);
-  }, z = () => {
+  }, A = () => {
     const C = f.current.clientWidth, y = getComputedStyle(f.current), b = parseFloat(y.paddingLeft), u = n.length > 0 ? 1 : 0, g = parseFloat(y.gap) * (e.length + u);
     return C - (b + g);
-  }, A = () => {
+  }, D = () => {
     var u;
-    const C = z(), y = h.current.reduce((g, _) => _ ? g + _.clientWidth : g, 0), b = ((u = w.current) == null ? void 0 : u.clientWidth) || 0;
+    const C = A(), y = h.current.reduce((g, _) => _ ? g + _.clientWidth : g, 0), b = ((u = w.current) == null ? void 0 : u.clientWidth) || 0;
     return C - (y + b);
   }, j = () => f.current.scrollWidth > f.current.clientWidth;
   return te(() => {
@@ -1490,7 +1490,7 @@ const kr = () => {
     if (j()) {
       const y = e[1], b = (C = h.current[1]) == null ? void 0 : C.clientWidth;
       i((u) => [...u, b]), s((u) => [...u, y]), r((u) => u.filter((g, _) => _ !== 1));
-    } else if (n.length > 0 && A() > a.at(-1)) {
+    } else if (n.length > 0 && D() > a.at(-1)) {
       const y = [e[0], n.at(-1), ...e.slice(1)];
       r(y), s((b) => b.slice(0, -1)), i((b) => b.slice(0, -1));
     }
@@ -1500,7 +1500,7 @@ const kr = () => {
         "span",
         {
           className: "folder-name",
-          onClick: () => F(C.path),
+          onClick: () => S(C.path),
           ref: (b) => h.current[y] = b,
           children: [
             y === 0 ? /* @__PURE__ */ t.jsx(bn, {}) : /* @__PURE__ */ t.jsx(Tn, {}),
@@ -1523,7 +1523,7 @@ const kr = () => {
       "li",
       {
         onClick: () => {
-          F(C.path), l(!1);
+          S(C.path), l(!1);
         },
         children: C.name
       },
@@ -1596,16 +1596,20 @@ const Xe = (e) => ({
     rows: c
   }
 ), zr = ({ message: e, xPlacement: r, yPlacement: n }) => /* @__PURE__ */ t.jsx("p", { className: `error-tooltip ${r} ${n}`, children: e }), ls = 220, us = ({ filesViewRef: e, file: r, onCreateFolder: n, triggerAction: s }) => {
-  const [a, i] = L(r.name), [c, l] = L(!1), [d, p] = L(""), [f, h] = L("right"), [w, M] = L("bottom"), F = Be((g) => {
+  const [a, i] = L(r.name), [c, l] = L(!1), [d, p] = L(""), [f, h] = L("right"), [w, M] = L("bottom"), S = Be((g) => {
     g.preventDefault(), g.stopPropagation();
-  }), { currentFolder: z, currentPathFiles: A, setCurrentPathFiles: j } = Ee(), { activeLayout: C } = Se(), y = (g) => {
+  }), { currentFolder: A, currentPathFiles: D, setCurrentPathFiles: j } = Ee(), { activeLayout: C } = Se(), y = (g) => {
     i(g.target.value), l(!1);
   }, b = (g) => {
     if (g.stopPropagation(), g.key === "Enter") {
       g.preventDefault(), u();
       return;
     }
-    g.key === "Escape" && (g.preventDefault(), s.close(), j((x) => x.filter((R) => R.key !== r.key))), /[\\/:*?"<>|]/.test(g.key) ? (g.preventDefault(), p(
+    if (g.key === "Escape") {
+      g.preventDefault(), s.close(), j((x) => x.filter((R) => R.key !== r.key));
+      return;
+    }
+    /[\\/:*?"<>|]/.test(g.key) ? (g.preventDefault(), p(
       `A file name can't contain any of the following characters: \\ / : * ? " < > |`
     ), l(!0)) : (l(!1), p(""));
   };
@@ -1618,28 +1622,28 @@ const Xe = (e) => ({
     }
   }, [c]);
   function u() {
-    var R, S;
+    var R, F;
     let g = a.trim();
-    const _ = A.filter((D) => !(D.key && D.key === r.key));
-    if (_.find((D) => D.name.toLowerCase() === g.toLowerCase())) {
-      p(`This destination already contains a folder named '${g}'.`), l(!0), (R = F.ref.current) == null || R.focus(), (S = F.ref.current) == null || S.select(), F.setIsClicked(!1);
+    const _ = D.filter((z) => !(z.key && z.key === r.key));
+    if (_.find((z) => z.name.toLowerCase() === g.toLowerCase())) {
+      p(`This destination already contains a folder named '${g}'.`), l(!0), (R = S.ref.current) == null || R.focus(), (F = S.ref.current) == null || F.select(), S.setIsClicked(!1);
       return;
     }
-    g === "" && (g = _r("New Folder", !0, _)), Le(n, "onCreateFolder", g, z), j((D) => D.filter((k) => k.key !== r.key)), s.close();
+    g === "" && (g = _r("New Folder", !0, _)), Le(n, "onCreateFolder", g, A), j((z) => z.filter((k) => k.key !== r.key)), s.close();
   }
   return te(() => {
     var g, _, x;
-    if ((g = F.ref.current) == null || g.focus(), (_ = F.ref.current) == null || _.select(), (x = F.ref) != null && x.current) {
-      const k = e.current.getBoundingClientRect(), N = F.ref.current, G = N.getBoundingClientRect();
+    if ((g = S.ref.current) == null || g.focus(), (_ = S.ref.current) == null || _.select(), (x = S.ref) != null && x.current) {
+      const k = e.current.getBoundingClientRect(), N = S.ref.current, G = N.getBoundingClientRect();
       k.right - G.left > 313 ? h("right") : h("left"), k.bottom - (G.top + N.clientHeight) > 88 ? M("bottom") : M("top");
     }
   }, []), te(() => {
-    F.isClicked && u();
-  }, [F.isClicked]), /* @__PURE__ */ t.jsxs(t.Fragment, { children: [
+    S.isClicked && u();
+  }, [S.isClicked]), /* @__PURE__ */ t.jsxs(t.Fragment, { children: [
     /* @__PURE__ */ t.jsx(
       Nr,
       {
-        nameInputRef: F.ref,
+        nameInputRef: S.ref,
         maxLength: ls,
         value: a,
         onChange: y,
@@ -1701,7 +1705,7 @@ const Ar = ({
     }
   );
 }, _e = (e) => e.split(".").pop(), fs = 220, hs = ({ filesViewRef: e, file: r, onRename: n, triggerAction: s }) => {
-  const [a, i] = L(r == null ? void 0 : r.name), [c, l] = L(!1), [d, p] = L(!1), [f, h] = L(""), [w, M] = L("right"), [F, z] = L("bottom"), { currentPathFiles: A, setCurrentPathFiles: j } = Ee(), { activeLayout: C } = Se(), y = fe(null), b = Be((x) => {
+  const [a, i] = L(r == null ? void 0 : r.name), [c, l] = L(!1), [d, p] = L(!1), [f, h] = L(""), [w, M] = L("right"), [S, A] = L("bottom"), { currentPathFiles: D, setCurrentPathFiles: j } = Ee(), { activeLayout: C } = Se(), y = fe(null), b = Be((x) => {
     var R;
     (R = y.current) != null && R.contains(x.target) || (x.preventDefault(), x.stopPropagation());
   }), u = (x) => {
@@ -1709,6 +1713,12 @@ const Ar = ({
       x.preventDefault(), b.setIsClicked(!0);
       return;
     }
+    if (x.key === "Escape") {
+      x.preventDefault(), j(
+        (F) => F.map((z) => (z.key === r.key && (z.isEditing = !1), z))
+      ), s.close();
+      return;
+    }
     /[\\/:*?"<>|]/.test(x.key) ? (x.preventDefault(), h(
       `A file name can't contain any of the following characters: \\ / : * ? " < > |`
     ), p(!0)) : p(!1);
@@ -1724,25 +1734,25 @@ const Ar = ({
   function g(x) {
     if (a === "" || a === r.name) {
       j(
-        (R) => R.map((S) => (S.key === r.key && (S.isEditing = !1), S))
+        (R) => R.map((F) => (F.key === r.key && (F.isEditing = !1), F))
       ), s.close();
       return;
-    } else if (A.some((R) => R.name === a)) {
+    } else if (D.some((R) => R.name === a)) {
       p(!0), h(`This destination already contains a folder named '${a}'.`), b.setIsClicked(!1);
       return;
     } else if (!r.isDirectory && !x) {
-      const R = _e(r.name), S = _e(a);
-      if (R !== S) {
+      const R = _e(r.name), F = _e(a);
+      if (R !== F) {
         l(!0);
         return;
       }
     }
-    p(!1), Le(n, "onRename", r, a), j((R) => R.filter((S) => S.key !== r.key)), s.close();
+    p(!1), Le(n, "onRename", r, a), j((R) => R.filter((F) => F.key !== r.key)), s.close();
   }
   const _ = () => {
-    var x, R, S, D, k, N;
+    var x, R, F, z, k, N;
     if ((R = (x = b.ref) == null ? void 0 : x.current) == null || R.focus(), r.isDirectory)
-      (D = (S = b.ref) == null ? void 0 : S.current) == null || D.select();
+      (z = (F = b.ref) == null ? void 0 : F.current) == null || z.select();
     else {
       const G = _e(r.name), ae = r.name.length - G.length - 1;
       (N = (k = b.ref) == null ? void 0 : k.current) == null || N.setSelectionRange(0, ae);
@@ -1752,7 +1762,7 @@ const Ar = ({
     var x;
     if (_(), (x = b.ref) != null && x.current) {
       const k = e.current.getBoundingClientRect(), N = b.ref.current, G = N.getBoundingClientRect();
-      k.right - G.left > 313 ? M("right") : M("left"), k.bottom - (G.top + N.clientHeight) > 88 ? z("bottom") : z("top");
+      k.right - G.left > 313 ? M("right") : M("left"), k.bottom - (G.top + N.clientHeight) > 88 ? A("bottom") : A("top");
     }
   }, []), te(() => {
     b.isClicked && g(!1), _();
@@ -1776,7 +1786,7 @@ const Ar = ({
       {
         message: f,
         xPlacement: w,
-        yPlacement: F
+        yPlacement: S
       }
     ),
     /* @__PURE__ */ t.jsx(
@@ -1864,8 +1874,8 @@ const Ar = ({
   setLastSelectedFile: f
 }) => {
   var he, E, me, Te;
-  const [h, w] = L(!1), [M, F] = L(0), [z, A] = L("hidden"), [j, C] = L(""), [y, b] = L(null), { activeLayout: u } = Se(), g = u === "grid" ? 48 : 20, _ = Xe(g), { setCurrentPath: x, currentPathFiles: R } = Ee(), { setSelectedFiles: S } = Fe(), { clipBoard: D, handleCutCopy: k, setClipBoard: N, handlePasting: G } = Je(), ae = fe(null), oe = Xe(it), ce = (D == null ? void 0 : D.isMoving) && D.files.find((Y) => Y.name === r.name && Y.path === r.path), ee = () => {
-    i(r), r.isDirectory ? (x(r.path), S([])) : a && d.show("previewFile");
+  const [h, w] = L(!1), [M, S] = L(0), [A, D] = L("hidden"), [j, C] = L(""), [y, b] = L(null), { activeLayout: u } = Se(), g = u === "grid" ? 48 : 20, _ = Xe(g), { setCurrentPath: x, currentPathFiles: R } = Ee(), { setSelectedFiles: F } = Fe(), { clipBoard: z, handleCutCopy: k, setClipBoard: N, handlePasting: G } = Je(), ae = fe(null), oe = Xe(it), ce = (z == null ? void 0 : z.isMoving) && z.files.find((Y) => Y.name === r.name && Y.path === r.path), ee = () => {
+    i(r), r.isDirectory ? (x(r.path), F([])) : a && d.show("previewFile");
   }, ve = (Y, ue) => {
     if (l.length > 0 && Y) {
       let Ce = !1, Re = l[0], we = e;
@@ -1874,11 +1884,11 @@ const Ar = ({
         Re = we, we = Qe, Ce = !0;
       }
       const He = R.slice(Re, we + 1);
-      S(Ce ? He.reverse() : He);
-    } else l.length > 0 && ue ? S((Ce) => {
+      F(Ce ? He.reverse() : He);
+    } else l.length > 0 && ue ? F((Ce) => {
       const Re = Ce.filter((we) => we.path !== r.path);
       return Ce.length === Re.length ? [...Ce, r] : Re;
-    }) : S([r]);
+    }) : F([r]);
   }, v = (Y) => {
     if (Y.stopPropagation(), r.isEditing) return;
     ve(Y.shiftKey, Y.ctrlKey);
@@ -1887,17 +1897,17 @@ const Ar = ({
       ee();
       return;
     }
-    F(ue);
+    S(ue);
   }, P = (Y) => {
-    Y.key === "Enter" && (Y.stopPropagation(), S([r]), ee());
+    Y.key === "Enter" && (Y.stopPropagation(), F([r]), ee());
   }, V = (Y) => {
-    Y.stopPropagation(), Y.preventDefault(), !r.isEditing && (h || S([r]), f(r), p(Y, !0));
+    Y.stopPropagation(), Y.preventDefault(), !r.isEditing && (h || F([r]), f(r), p(Y, !0));
   }, W = () => {
-    A("visible");
+    D("visible");
   }, I = () => {
-    !h && A("hidden");
+    !h && D("hidden");
   }, X = (Y) => {
-    Y.target.checked ? S((ue) => [...ue, r]) : S((ue) => ue.filter((Ce) => Ce.name !== r.name && Ce.path !== r.path)), w(Y.target.checked);
+    Y.target.checked ? F((ue) => [...ue, r]) : F((ue) => ue.filter((Ce) => Ce.name !== r.name && Ce.path !== r.path)), w(Y.target.checked);
   }, O = (Y) => {
     Y.dataTransfer.setDragImage(ae.current, 30, 50), Y.dataTransfer.effectAllowed = "copy", k(!0);
   }, $ = () => N(null), q = (Y) => {
@@ -1908,7 +1918,7 @@ const Ar = ({
     Y.preventDefault(), !(h || !r.isDirectory) && (G(r), C((ue) => ue && ""), b(null));
   };
   return te(() => {
-    w(l.includes(e)), A(l.includes(e) ? "visible" : "hidden");
+    w(l.includes(e)), D(l.includes(e) ? "visible" : "hidden");
   }, [l]), /* @__PURE__ */ t.jsxs(
     "div",
     {
@@ -1935,7 +1945,7 @@ const Ar = ({
               name: r.name,
               id: r.name,
               checked: h,
-              className: `selection-checkbox ${z}`,
+              className: `selection-checkbox ${A}`,
               onChange: X,
               onClick: (Y) => Y.stopPropagation()
             }
@@ -1986,22 +1996,22 @@ const Ar = ({
   s.icon,
   /* @__PURE__ */ t.jsx("span", { children: s.title })
 ] }, s.title)) }), gs = ({ filesViewRef: e, contextMenuRef: r, menuItems: n, visible: s, clickPosition: a }) => {
-  const [i, c] = L(0), [l, d] = L(0), [p, f] = L(null), [h, w] = L("right"), M = fe(null), F = () => {
-    const { clickX: j, clickY: C } = a, y = e.current, b = y.getBoundingClientRect(), u = y.offsetWidth - y.clientWidth, g = r.current.getBoundingClientRect(), _ = g.width, x = g.height, R = j - b.left, S = b.width - (R + u) > _, D = !S, k = C - b.top, N = b.height - k > x, G = !N;
-    S ? (c(`${R}px`), w("right")) : D && (c(`${R - _}px`), w("left")), N ? d(`${k + y.scrollTop}px`) : G && d(`${k + y.scrollTop - x}px`);
-  }, z = (j) => {
-    j.preventDefault(), j.stopPropagation();
+  const [i, c] = L(0), [l, d] = L(0), [p, f] = L(null), [h, w] = L("right"), M = fe(null), S = () => {
+    const { clickX: j, clickY: C } = a, y = e.current, b = y.getBoundingClientRect(), u = y.offsetWidth - y.clientWidth, g = r.current.getBoundingClientRect(), _ = g.width, x = g.height, R = j - b.left, F = b.width - (R + u) > _, z = !F, k = C - b.top, N = b.height - k > x, G = !N;
+    F ? (c(`${R}px`), w("right")) : z && (c(`${R - _}px`), w("left")), N ? d(`${k + y.scrollTop}px`) : G && d(`${k + y.scrollTop - x}px`);
   }, A = (j) => {
+    j.preventDefault(), j.stopPropagation();
+  }, D = (j) => {
     f(j);
   };
   if (te(() => {
-    s && r.current ? F() : (d(0), c(0), f(null));
+    s && r.current ? S() : (d(0), c(0), f(null));
   }, [s]), s)
     return /* @__PURE__ */ t.jsx(
       "div",
       {
         ref: r,
-        onContextMenu: z,
+        onContextMenu: A,
         onClick: (j) => j.stopPropagation(),
         className: `fm-context-menu ${l ? "visible" : "hidden"}`,
         style: {
@@ -2016,7 +2026,7 @@ const Ar = ({
               {
                 onClick: j.onClick,
                 className: `${j.className ?? ""} ${b ? "active" : ""}`,
-                onMouseOver: () => A(C),
+                onMouseOver: () => D(C),
                 children: [
                   j.icon,
                   /* @__PURE__ */ t.jsx("span", { children: j.title }),
@@ -2044,12 +2054,12 @@ function ys(e) {
   return H({ tag: "svg", attr: { viewBox: "0 0 256 256", fill: "currentColor" }, child: [{ tag: "path", attr: { d: "M245,110.64A16,16,0,0,0,232,104H216V88a16,16,0,0,0-16-16H130.67L102.94,51.2a16.14,16.14,0,0,0-9.6-3.2H40A16,16,0,0,0,24,64V208h0a8,8,0,0,0,8,8H211.1a8,8,0,0,0,7.59-5.47l28.49-85.47A16.05,16.05,0,0,0,245,110.64ZM93.34,64,123.2,86.4A8,8,0,0,0,128,88h72v16H69.77a16,16,0,0,0-15.18,10.94L40,158.7V64Zm112,136H43.1l26.67-80H232Z" }, child: [] }] })(e);
 }
 const xs = (e, r, n) => {
-  const [s, a] = L([]), [i, c] = L(!1), [l, d] = L(!1), [p, f] = L({ clickX: 0, clickY: 0 }), [h, w] = L(null), { clipBoard: M, setClipBoard: F, handleCutCopy: z, handlePasting: A } = Je(), { selectedFiles: j, setSelectedFiles: C, handleDownload: y } = Fe(), { currentPath: b, setCurrentPath: u, currentPathFiles: g, setCurrentPathFiles: _ } = Ee(), { activeLayout: x, setActiveLayout: R } = Se(), S = () => {
+  const [s, a] = L([]), [i, c] = L(!1), [l, d] = L(!1), [p, f] = L({ clickX: 0, clickY: 0 }), [h, w] = L(null), { clipBoard: M, setClipBoard: S, handleCutCopy: A, handlePasting: D } = Je(), { selectedFiles: j, setSelectedFiles: C, handleDownload: y } = Fe(), { currentPath: b, setCurrentPath: u, currentPathFiles: g, setCurrentPathFiles: _ } = Ee(), { activeLayout: x, setActiveLayout: R } = Se(), F = () => {
     h.isDirectory ? (u(h.path), a([]), C([])) : r && n.show("previewFile"), c(!1);
-  }, D = (O) => {
-    z(O), c(!1);
+  }, z = (O) => {
+    A(O), c(!1);
   }, k = () => {
-    A(h), c(!1);
+    D(h), c(!1);
   }, N = () => {
     c(!1), n.show("rename");
   }, G = () => {
@@ -2057,7 +2067,7 @@ const xs = (e, r, n) => {
   }, ae = () => {
     c(!1), n.show("delete");
   }, oe = () => {
-    c(!1), Le(e, "onRefresh"), F(null);
+    c(!1), Le(e, "onRefresh"), S(null);
   }, ce = () => {
     n.show("createFolder"), c(!1);
   }, ee = () => {
@@ -2115,18 +2125,18 @@ const xs = (e, r, n) => {
     {
       title: "Open",
       icon: h != null && h.isDirectory ? /* @__PURE__ */ t.jsx(ys, { size: 20 }) : /* @__PURE__ */ t.jsx(Ue, { size: 16 }),
-      onClick: S,
+      onClick: F,
       divider: !0
     },
     {
       title: "Cut",
       icon: /* @__PURE__ */ t.jsx(yr, { size: 19 }),
-      onClick: () => D(!0)
+      onClick: () => z(!0)
     },
     {
       title: "Copy",
       icon: /* @__PURE__ */ t.jsx(vr, { strokeWidth: 0.1, size: 17 }),
-      onClick: () => D(!1),
+      onClick: () => z(!1),
       divider: !(h != null && h.isDirectory)
     },
     {
@@ -2230,12 +2240,12 @@ const xs = (e, r, n) => {
     handleContextMenu: h,
     unselectFiles: w,
     visible: M,
-    setVisible: F,
-    setLastSelectedFile: z,
-    selectedFileIndexes: A,
+    setVisible: S,
+    setLastSelectedFile: A,
+    selectedFileIndexes: D,
     clickPosition: j,
     isSelectionCtx: C
-  } = xs(s, a, i), y = Be(() => F(!1));
+  } = xs(s, a, i), y = Be(() => S(!1));
   return /* @__PURE__ */ t.jsxs(
     "div",
     {
@@ -2256,10 +2266,10 @@ const xs = (e, r, n) => {
             enableFilePreview: a,
             triggerAction: i,
             filesViewRef: l,
-            selectedFileIndexes: A,
+            selectedFileIndexes: D,
             handleContextMenu: h,
-            setVisible: F,
-            setLastSelectedFile: z
+            setVisible: S,
+            setLastSelectedFile: A
           },
           u
         )) }) : /* @__PURE__ */ t.jsx("div", { className: "empty-folder", children: "This folder is empty." }),
@@ -2270,7 +2280,7 @@ const xs = (e, r, n) => {
             contextMenuRef: y.ref,
             menuItems: C ? f : p,
             visible: M,
-            setVisible: F,
+            setVisible: S,
             clickPosition: j
           }
         )
@@ -2323,31 +2333,31 @@ const Ps = ({
   handleFileRemove: c
 }) => {
   var g, _, x, R;
-  const [l, d] = L(0), [p, f] = L(!1), [h, w] = L(!1), [M, F] = L(!1), z = Xe(33), A = fe(), { onError: j } = Ge(), C = (S) => {
+  const [l, d] = L(0), [p, f] = L(!1), [h, w] = L(!1), [M, S] = L(!1), A = Xe(33), D = fe(), { onError: j } = Ge(), C = (F) => {
     d(0), s((k) => ({
       ...k,
       [e]: !1
     }));
-    const D = {
+    const z = {
       type: "upload",
       message: "Upload failed.",
       response: {
-        status: S.status,
-        statusText: S.statusText,
-        data: S.response
+        status: F.status,
+        statusText: F.statusText,
+        data: F.response
       }
     };
     n(
       (k) => k.map((N, G) => e === G ? {
         ...N,
-        error: D.message
+        error: z.message
       } : N)
-    ), F(!0), j(D, r.file);
-  }, y = (S) => {
-    if (!S.error)
-      return new Promise((D, k) => {
+    ), S(!0), j(z, r.file);
+  }, y = (F) => {
+    if (!F.error)
+      return new Promise((z, k) => {
         const N = new XMLHttpRequest();
-        A.current = N, s((ee) => ({
+        D.current = N, s((ee) => ({
           ...ee,
           [e]: !0
         })), N.upload.onprogress = (ee) => {
@@ -2359,7 +2369,7 @@ const Ps = ({
           s((ee) => ({
             ...ee,
             [e]: !1
-          })), N.status === 200 || N.status === 201 ? (f(!0), i(N.response), D(N.response)) : (k(N.statusText), C(N));
+          })), N.status === 200 || N.status === 201 ? (f(!0), i(N.response), z(N.response)) : (k(N.statusText), C(N));
         }, N.onerror = () => {
           k(N.statusText), C(N);
         };
@@ -2368,30 +2378,30 @@ const Ps = ({
         const ae = a == null ? void 0 : a.headers;
         for (let ee in ae)
           N.setRequestHeader(ee, ae[ee]);
-        const oe = new FormData(), ce = S == null ? void 0 : S.appendData;
+        const oe = new FormData(), ce = F == null ? void 0 : F.appendData;
         for (let ee in ce)
           ce[ee] && oe.append(ee, ce[ee]);
-        oe.append("file", S.file), N.send(oe);
+        oe.append("file", F.file), N.send(oe);
       });
   };
   te(() => {
-    A.current || y(r);
+    D.current || y(r);
   }, []);
   const b = () => {
-    A.current && (A.current.abort(), s((S) => ({
-      ...S,
+    D.current && (D.current.abort(), s((F) => ({
+      ...F,
       [e]: !1
     })), w(!0), d(0));
   }, u = () => {
     r != null && r.file && (n(
-      (S) => S.map((D, k) => e === k ? {
-        ...D,
+      (F) => F.map((z, k) => e === k ? {
+        ...z,
         error: !1
-      } : D)
-    ), y({ ...r, error: !1 }), w(!1), F(!1));
+      } : z)
+    ), y({ ...r, error: !1 }), w(!1), S(!1));
   };
   return r.removed ? null : /* @__PURE__ */ t.jsxs("li", { children: [
-    /* @__PURE__ */ t.jsx("div", { className: "file-icon", children: z[_e((g = r.file) == null ? void 0 : g.name)] ?? /* @__PURE__ */ t.jsx(Ue, { size: 33 }) }),
+    /* @__PURE__ */ t.jsx("div", { className: "file-icon", children: A[_e((g = r.file) == null ? void 0 : g.name)] ?? /* @__PURE__ */ t.jsx(Ue, { size: 33 }) }),
     /* @__PURE__ */ t.jsxs("div", { className: "file", children: [
       /* @__PURE__ */ t.jsxs("div", { className: "file-details", children: [
         /* @__PURE__ */ t.jsxs("div", { className: "file-info", children: [
@@ -2426,9 +2436,9 @@ const Ps = ({
   onFileUploading: s,
   onFileUploaded: a
 }) => {
-  const [i, c] = L([]), [l, d] = L(!1), [p, f] = L({}), { currentFolder: h, currentPathFiles: w } = Ee(), { onError: M } = Ge(), F = fe(null), z = (u) => {
-    u.key === "Enter" && F.current.click();
-  }, A = (u) => {
+  const [i, c] = L([]), [l, d] = L(!1), [p, f] = L({}), { currentFolder: h, currentPathFiles: w } = Ee(), { onError: M } = Ge(), S = fe(null), A = (u) => {
+    u.key === "Enter" && S.current.click();
+  }, D = (u) => {
     if (n && !n.includes(_e(u.name)))
       return "File type is not allowed.";
     if (w.some(
@@ -2440,7 +2450,7 @@ const Ps = ({
       (g) => !i.some((_) => _.file.name.toLowerCase() === g.name.toLowerCase())
     ), u.length > 0) {
       const g = u.map((_) => {
-        const x = s(_, h), R = A(_);
+        const x = s(_, h), R = D(_);
         return R && M({ type: "upload", message: R }, _), {
           file: _,
           appendData: x,
@@ -2481,12 +2491,12 @@ const Ps = ({
           ] })
         }
       ),
-      /* @__PURE__ */ t.jsx("div", { className: "btn-choose-file", children: /* @__PURE__ */ t.jsxs(Ne, { padding: "0", onKeyDown: z, children: [
+      /* @__PURE__ */ t.jsx("div", { className: "btn-choose-file", children: /* @__PURE__ */ t.jsxs(Ne, { padding: "0", onKeyDown: A, children: [
         /* @__PURE__ */ t.jsx("label", { htmlFor: "chooseFile", children: "Choose File" }),
         /* @__PURE__ */ t.jsx(
           "input",
           {
-            ref: F,
+            ref: S,
             type: "file",
             id: "chooseFile",
             className: "choose-file-input",
@@ -2518,8 +2528,8 @@ const Ps = ({
     ] })
   ] });
 }, Zt = ["jpg", "jpeg", "png"], Qt = ["mp4", "mov", "avi"], er = ["mp3", "wav", "m4a"], tr = ["txt", "pdf"], Fs = ({ filePreviewPath: e, filePreviewComponent: r }) => {
-  var F;
-  const [n, s] = L(!0), [a, i] = L(!1), { selectedFiles: c } = Fe(), l = Xe(73), d = (F = _e(c[0].name)) == null ? void 0 : F.toLowerCase(), p = `${e}${c[0].path}`, f = yt(
+  var S;
+  const [n, s] = L(!0), [a, i] = L(!1), { selectedFiles: c } = Fe(), l = Xe(73), d = (S = _e(c[0].name)) == null ? void 0 : S.toLowerCase(), p = `${e}${c[0].path}`, f = yt(
     () => r == null ? void 0 : r(c[0]),
     [r]
   ), h = () => {
@@ -2620,11 +2630,11 @@ const Ps = ({
     s(!0);
   }, M = () => {
     s(!1);
-  }, F = () => {
+  }, S = () => {
     a(i);
-  }, z = () => {
-    e.show("rename");
   }, A = () => {
+    e.show("rename");
+  }, D = () => {
     d();
   }, j = () => {
     e.show("delete");
@@ -2643,7 +2653,7 @@ const Ps = ({
   }, x = () => {
     p("list");
   };
-  ye(xe.createFolder, f, e.isActive), ye(xe.uploadFiles, h, e.isActive), ye(xe.cut, w, e.isActive), ye(xe.copy, M, e.isActive), ye(xe.paste, F, e.isActive), ye(xe.rename, z, e.isActive), ye(xe.download, A, e.isActive), ye(xe.delete, j, e.isActive), ye(xe.jumpToFirst, C, e.isActive), ye(xe.jumpToLast, y, e.isActive), ye(xe.selectAll, b, e.isActive), ye(xe.clearSelection, u, e.isActive), ye(xe.refresh, g, e.isActive), ye(xe.gridLayout, _, e.isActive), ye(xe.listLayout, x, e.isActive);
+  ye(xe.createFolder, f, e.isActive), ye(xe.uploadFiles, h, e.isActive), ye(xe.cut, w, e.isActive), ye(xe.copy, M, e.isActive), ye(xe.paste, S, e.isActive), ye(xe.rename, A, e.isActive), ye(xe.download, D, e.isActive), ye(xe.delete, j, e.isActive), ye(xe.jumpToFirst, C, e.isActive), ye(xe.jumpToLast, y, e.isActive), ye(xe.selectAll, b, e.isActive), ye(xe.clearSelection, u, e.isActive), ye(xe.refresh, g, e.isActive), ye(xe.gridLayout, _, e.isActive), ye(xe.listLayout, x, e.isActive);
 }, Ms = ({
   fileUploadConfig: e,
   onFileUploading: r,
@@ -2692,8 +2702,8 @@ const Ps = ({
   };
   if (te(() => {
     if (p.isActive) {
-      const F = p.actionType;
-      F === "previewFile" && (M[F].title = (w == null ? void 0 : w.name) ?? "Preview"), h(M[F]);
+      const S = p.actionType;
+      S === "previewFile" && (M[S].title = (w == null ? void 0 : w.name) ?? "Preview"), h(M[S]);
     } else
       h(null);
   }, [p.isActive]), f)
@@ -2753,7 +2763,7 @@ var rr;
 function ks() {
   if (rr) return ne;
   rr = 1;
-  var e = typeof Symbol == "function" && Symbol.for, r = e ? Symbol.for("react.element") : 60103, n = e ? Symbol.for("react.portal") : 60106, s = e ? Symbol.for("react.fragment") : 60107, a = e ? Symbol.for("react.strict_mode") : 60108, i = e ? Symbol.for("react.profiler") : 60114, c = e ? Symbol.for("react.provider") : 60109, l = e ? Symbol.for("react.context") : 60110, d = e ? Symbol.for("react.async_mode") : 60111, p = e ? Symbol.for("react.concurrent_mode") : 60111, f = e ? Symbol.for("react.forward_ref") : 60112, h = e ? Symbol.for("react.suspense") : 60113, w = e ? Symbol.for("react.suspense_list") : 60120, M = e ? Symbol.for("react.memo") : 60115, F = e ? Symbol.for("react.lazy") : 60116, z = e ? Symbol.for("react.block") : 60121, A = e ? Symbol.for("react.fundamental") : 60117, j = e ? Symbol.for("react.responder") : 60118, C = e ? Symbol.for("react.scope") : 60119;
+  var e = typeof Symbol == "function" && Symbol.for, r = e ? Symbol.for("react.element") : 60103, n = e ? Symbol.for("react.portal") : 60106, s = e ? Symbol.for("react.fragment") : 60107, a = e ? Symbol.for("react.strict_mode") : 60108, i = e ? Symbol.for("react.profiler") : 60114, c = e ? Symbol.for("react.provider") : 60109, l = e ? Symbol.for("react.context") : 60110, d = e ? Symbol.for("react.async_mode") : 60111, p = e ? Symbol.for("react.concurrent_mode") : 60111, f = e ? Symbol.for("react.forward_ref") : 60112, h = e ? Symbol.for("react.suspense") : 60113, w = e ? Symbol.for("react.suspense_list") : 60120, M = e ? Symbol.for("react.memo") : 60115, S = e ? Symbol.for("react.lazy") : 60116, A = e ? Symbol.for("react.block") : 60121, D = e ? Symbol.for("react.fundamental") : 60117, j = e ? Symbol.for("react.responder") : 60118, C = e ? Symbol.for("react.scope") : 60119;
   function y(u) {
     if (typeof u == "object" && u !== null) {
       var g = u.$$typeof;
@@ -2771,7 +2781,7 @@ function ks() {
               switch (u = u && u.$$typeof, u) {
                 case l:
                 case f:
-                case F:
+                case S:
                 case M:
                 case c:
                   return u;
@@ -2787,7 +2797,7 @@ function ks() {
   function b(u) {
     return y(u) === p;
   }
-  return ne.AsyncMode = d, ne.ConcurrentMode = p, ne.ContextConsumer = l, ne.ContextProvider = c, ne.Element = r, ne.ForwardRef = f, ne.Fragment = s, ne.Lazy = F, ne.Memo = M, ne.Portal = n, ne.Profiler = i, ne.StrictMode = a, ne.Suspense = h, ne.isAsyncMode = function(u) {
+  return ne.AsyncMode = d, ne.ConcurrentMode = p, ne.ContextConsumer = l, ne.ContextProvider = c, ne.Element = r, ne.ForwardRef = f, ne.Fragment = s, ne.Lazy = S, ne.Memo = M, ne.Portal = n, ne.Profiler = i, ne.StrictMode = a, ne.Suspense = h, ne.isAsyncMode = function(u) {
     return b(u) || y(u) === d;
   }, ne.isConcurrentMode = b, ne.isContextConsumer = function(u) {
     return y(u) === l;
@@ -2800,7 +2810,7 @@ function ks() {
   }, ne.isFragment = function(u) {
     return y(u) === s;
   }, ne.isLazy = function(u) {
-    return y(u) === F;
+    return y(u) === S;
   }, ne.isMemo = function(u) {
     return y(u) === M;
   }, ne.isPortal = function(u) {
@@ -2812,7 +2822,7 @@ function ks() {
   }, ne.isSuspense = function(u) {
     return y(u) === h;
   }, ne.isValidElementType = function(u) {
-    return typeof u == "string" || typeof u == "function" || u === s || u === p || u === i || u === a || u === h || u === w || typeof u == "object" && u !== null && (u.$$typeof === F || u.$$typeof === M || u.$$typeof === c || u.$$typeof === l || u.$$typeof === f || u.$$typeof === A || u.$$typeof === j || u.$$typeof === C || u.$$typeof === z);
+    return typeof u == "string" || typeof u == "function" || u === s || u === p || u === i || u === a || u === h || u === w || typeof u == "object" && u !== null && (u.$$typeof === S || u.$$typeof === M || u.$$typeof === c || u.$$typeof === l || u.$$typeof === f || u.$$typeof === D || u.$$typeof === j || u.$$typeof === C || u.$$typeof === A);
   }, ne.typeOf = y, ne;
 }
 var se = {};
@@ -2827,10 +2837,10 @@ var se = {};
 var nr;
 function _s() {
   return nr || (nr = 1, process.env.NODE_ENV !== "production" && function() {
-    var e = typeof Symbol == "function" && Symbol.for, r = e ? Symbol.for("react.element") : 60103, n = e ? Symbol.for("react.portal") : 60106, s = e ? Symbol.for("react.fragment") : 60107, a = e ? Symbol.for("react.strict_mode") : 60108, i = e ? Symbol.for("react.profiler") : 60114, c = e ? Symbol.for("react.provider") : 60109, l = e ? Symbol.for("react.context") : 60110, d = e ? Symbol.for("react.async_mode") : 60111, p = e ? Symbol.for("react.concurrent_mode") : 60111, f = e ? Symbol.for("react.forward_ref") : 60112, h = e ? Symbol.for("react.suspense") : 60113, w = e ? Symbol.for("react.suspense_list") : 60120, M = e ? Symbol.for("react.memo") : 60115, F = e ? Symbol.for("react.lazy") : 60116, z = e ? Symbol.for("react.block") : 60121, A = e ? Symbol.for("react.fundamental") : 60117, j = e ? Symbol.for("react.responder") : 60118, C = e ? Symbol.for("react.scope") : 60119;
+    var e = typeof Symbol == "function" && Symbol.for, r = e ? Symbol.for("react.element") : 60103, n = e ? Symbol.for("react.portal") : 60106, s = e ? Symbol.for("react.fragment") : 60107, a = e ? Symbol.for("react.strict_mode") : 60108, i = e ? Symbol.for("react.profiler") : 60114, c = e ? Symbol.for("react.provider") : 60109, l = e ? Symbol.for("react.context") : 60110, d = e ? Symbol.for("react.async_mode") : 60111, p = e ? Symbol.for("react.concurrent_mode") : 60111, f = e ? Symbol.for("react.forward_ref") : 60112, h = e ? Symbol.for("react.suspense") : 60113, w = e ? Symbol.for("react.suspense_list") : 60120, M = e ? Symbol.for("react.memo") : 60115, S = e ? Symbol.for("react.lazy") : 60116, A = e ? Symbol.for("react.block") : 60121, D = e ? Symbol.for("react.fundamental") : 60117, j = e ? Symbol.for("react.responder") : 60118, C = e ? Symbol.for("react.scope") : 60119;
     function y(E) {
       return typeof E == "string" || typeof E == "function" || // Note: its typeof might be other than 'symbol' or 'number' if it's a polyfill.
-      E === s || E === p || E === i || E === a || E === h || E === w || typeof E == "object" && E !== null && (E.$$typeof === F || E.$$typeof === M || E.$$typeof === c || E.$$typeof === l || E.$$typeof === f || E.$$typeof === A || E.$$typeof === j || E.$$typeof === C || E.$$typeof === z);
+      E === s || E === p || E === i || E === a || E === h || E === w || typeof E == "object" && E !== null && (E.$$typeof === S || E.$$typeof === M || E.$$typeof === c || E.$$typeof === l || E.$$typeof === f || E.$$typeof === D || E.$$typeof === j || E.$$typeof === C || E.$$typeof === A);
     }
     function b(E) {
       if (typeof E == "object" && E !== null) {
@@ -2851,7 +2861,7 @@ function _s() {
                 switch (Y) {
                   case l:
                   case f:
-                  case F:
+                  case S:
                   case M:
                   case c:
                     return Y;
@@ -2864,7 +2874,7 @@ function _s() {
         }
       }
     }
-    var u = d, g = p, _ = l, x = c, R = r, S = f, D = s, k = F, N = M, G = n, ae = i, oe = a, ce = h, ee = !1;
+    var u = d, g = p, _ = l, x = c, R = r, F = f, z = s, k = S, N = M, G = n, ae = i, oe = a, ce = h, ee = !1;
     function ve(E) {
       return ee || (ee = !0, console.warn("The ReactIs.isAsyncMode() alias has been deprecated, and will be removed in React 17+. Update your code to use ReactIs.isConcurrentMode() instead. It has the exact same API.")), v(E) || b(E) === d;
     }
@@ -2887,7 +2897,7 @@ function _s() {
       return b(E) === s;
     }
     function O(E) {
-      return b(E) === F;
+      return b(E) === S;
     }
     function $(E) {
       return b(E) === M;
@@ -2904,7 +2914,7 @@ function _s() {
     function he(E) {
       return b(E) === h;
     }
-    se.AsyncMode = u, se.ConcurrentMode = g, se.ContextConsumer = _, se.ContextProvider = x, se.Element = R, se.ForwardRef = S, se.Fragment = D, se.Lazy = k, se.Memo = N, se.Portal = G, se.Profiler = ae, se.StrictMode = oe, se.Suspense = ce, se.isAsyncMode = ve, se.isConcurrentMode = v, se.isContextConsumer = P, se.isContextProvider = V, se.isElement = W, se.isForwardRef = I, se.isFragment = X, se.isLazy = O, se.isMemo = $, se.isPortal = q, se.isProfiler = Z, se.isStrictMode = U, se.isSuspense = he, se.isValidElementType = y, se.typeOf = b;
+    se.AsyncMode = u, se.ConcurrentMode = g, se.ContextConsumer = _, se.ContextProvider = x, se.Element = R, se.ForwardRef = F, se.Fragment = z, se.Lazy = k, se.Memo = N, se.Portal = G, se.Profiler = ae, se.StrictMode = oe, se.Suspense = ce, se.isAsyncMode = ve, se.isConcurrentMode = v, se.isContextConsumer = P, se.isContextProvider = V, se.isElement = W, se.isForwardRef = I, se.isFragment = X, se.isLazy = O, se.isMemo = $, se.isPortal = q, se.isProfiler = Z, se.isStrictMode = U, se.isSuspense = he, se.isValidElementType = y, se.typeOf = b;
   }()), se;
 }
 var sr;
@@ -3003,8 +3013,8 @@ function zs() {
               throw w.name = "Invariant Violation", w;
             }
             h = i[f](c, f, d, l, null, r);
-          } catch (F) {
-            h = F;
+          } catch (S) {
+            h = S;
           }
           if (h && !(h instanceof Error) && e(
             (d || "React class") + ": type specification of " + l + " `" + f + "` is invalid; the type checker function must return `null` or an `Error` but returned a " + typeof h + ". You may have forgotten to pass an argument to the type checker creator (arrayOf, instanceOf, objectOf, oneOf, oneOfType, and shape all require an argument)."
@@ -3060,21 +3070,21 @@ function As() {
       element: b(),
       elementType: u(),
       instanceOf: g,
-      node: S(),
+      node: F(),
       objectOf: x,
       oneOf: _,
       oneOfType: R,
       shape: k,
       exact: N
     };
-    function F(v, P) {
+    function S(v, P) {
       return v === P ? v !== 0 || 1 / v === 1 / P : v !== v && P !== P;
     }
-    function z(v, P) {
+    function A(v, P) {
       this.message = v, this.data = P && typeof P == "object" ? P : {}, this.stack = "";
     }
-    z.prototype = Error.prototype;
-    function A(v) {
+    A.prototype = Error.prototype;
+    function D(v) {
       if (process.env.NODE_ENV !== "production")
         var P = {}, V = 0;
       function W(X, O, $, q, Z, U, he) {
@@ -3092,7 +3102,7 @@ function As() {
             ), P[me] = !0, V++);
           }
         }
-        return O[$] == null ? X ? O[$] === null ? new z("The " + Z + " `" + U + "` is marked as required " + ("in `" + q + "`, but its value is `null`.")) : new z("The " + Z + " `" + U + "` is marked as required in " + ("`" + q + "`, but its value is `undefined`.")) : null : v(O, $, q, Z, U);
+        return O[$] == null ? X ? O[$] === null ? new A("The " + Z + " `" + U + "` is marked as required " + ("in `" + q + "`, but its value is `null`.")) : new A("The " + Z + " `" + U + "` is marked as required in " + ("`" + q + "`, but its value is `undefined`.")) : null : v(O, $, q, Z, U);
       }
       var I = W.bind(null, !1);
       return I.isRequired = W.bind(null, !0), I;
@@ -3102,26 +3112,26 @@ function As() {
         var q = V[W], Z = oe(q);
         if (Z !== v) {
           var U = ce(q);
-          return new z(
+          return new A(
             "Invalid " + X + " `" + O + "` of type " + ("`" + U + "` supplied to `" + I + "`, expected ") + ("`" + v + "`."),
             { expectedType: v }
           );
         }
         return null;
       }
-      return A(P);
+      return D(P);
     }
     function C() {
-      return A(c);
+      return D(c);
     }
     function y(v) {
       function P(V, W, I, X, O) {
         if (typeof v != "function")
-          return new z("Property `" + O + "` of component `" + I + "` has invalid PropType notation inside arrayOf.");
+          return new A("Property `" + O + "` of component `" + I + "` has invalid PropType notation inside arrayOf.");
         var $ = V[W];
         if (!Array.isArray($)) {
           var q = oe($);
-          return new z("Invalid " + X + " `" + O + "` of type " + ("`" + q + "` supplied to `" + I + "`, expected an array."));
+          return new A("Invalid " + X + " `" + O + "` of type " + ("`" + q + "` supplied to `" + I + "`, expected an array."));
         }
         for (var Z = 0; Z < $.length; Z++) {
           var U = v($, Z, I, X, O + "[" + Z + "]", n);
@@ -3130,39 +3140,39 @@ function As() {
         }
         return null;
       }
-      return A(P);
+      return D(P);
     }
     function b() {
       function v(P, V, W, I, X) {
         var O = P[V];
         if (!l(O)) {
           var $ = oe(O);
-          return new z("Invalid " + I + " `" + X + "` of type " + ("`" + $ + "` supplied to `" + W + "`, expected a single ReactElement."));
+          return new A("Invalid " + I + " `" + X + "` of type " + ("`" + $ + "` supplied to `" + W + "`, expected a single ReactElement."));
         }
         return null;
       }
-      return A(v);
+      return D(v);
     }
     function u() {
       function v(P, V, W, I, X) {
         var O = P[V];
         if (!e.isValidElementType(O)) {
           var $ = oe(O);
-          return new z("Invalid " + I + " `" + X + "` of type " + ("`" + $ + "` supplied to `" + W + "`, expected a single ReactElement type."));
+          return new A("Invalid " + I + " `" + X + "` of type " + ("`" + $ + "` supplied to `" + W + "`, expected a single ReactElement type."));
         }
         return null;
       }
-      return A(v);
+      return D(v);
     }
     function g(v) {
       function P(V, W, I, X, O) {
         if (!(V[W] instanceof v)) {
           var $ = v.name || w, q = ve(V[W]);
-          return new z("Invalid " + X + " `" + O + "` of type " + ("`" + q + "` supplied to `" + I + "`, expected ") + ("instance of `" + $ + "`."));
+          return new A("Invalid " + X + " `" + O + "` of type " + ("`" + q + "` supplied to `" + I + "`, expected ") + ("instance of `" + $ + "`."));
         }
         return null;
       }
-      return A(P);
+      return D(P);
     }
     function _(v) {
       if (!Array.isArray(v))
@@ -3171,23 +3181,23 @@ function As() {
         ) : i("Invalid argument supplied to oneOf, expected an array.")), c;
       function P(V, W, I, X, O) {
         for (var $ = V[W], q = 0; q < v.length; q++)
-          if (F($, v[q]))
+          if (S($, v[q]))
             return null;
         var Z = JSON.stringify(v, function(he, E) {
           var me = ce(E);
           return me === "symbol" ? String(E) : E;
         });
-        return new z("Invalid " + X + " `" + O + "` of value `" + String($) + "` " + ("supplied to `" + I + "`, expected one of " + Z + "."));
+        return new A("Invalid " + X + " `" + O + "` of value `" + String($) + "` " + ("supplied to `" + I + "`, expected one of " + Z + "."));
       }
-      return A(P);
+      return D(P);
     }
     function x(v) {
       function P(V, W, I, X, O) {
         if (typeof v != "function")
-          return new z("Property `" + O + "` of component `" + I + "` has invalid PropType notation inside objectOf.");
+          return new A("Property `" + O + "` of component `" + I + "` has invalid PropType notation inside objectOf.");
         var $ = V[W], q = oe($);
         if (q !== "object")
-          return new z("Invalid " + X + " `" + O + "` of type " + ("`" + q + "` supplied to `" + I + "`, expected an object."));
+          return new A("Invalid " + X + " `" + O + "` of type " + ("`" + q + "` supplied to `" + I + "`, expected an object."));
         for (var Z in $)
           if (s($, Z)) {
             var U = v($, Z, I, X, O + "." + Z, n);
@@ -3196,7 +3206,7 @@ function As() {
           }
         return null;
       }
-      return A(P);
+      return D(P);
     }
     function R(v) {
       if (!Array.isArray(v))
@@ -3216,18 +3226,18 @@ function As() {
           E.data && s(E.data, "expectedType") && Z.push(E.data.expectedType);
         }
         var me = Z.length > 0 ? ", expected one of type [" + Z.join(", ") + "]" : "";
-        return new z("Invalid " + $ + " `" + q + "` supplied to " + ("`" + O + "`" + me + "."));
+        return new A("Invalid " + $ + " `" + q + "` supplied to " + ("`" + O + "`" + me + "."));
       }
-      return A(W);
+      return D(W);
     }
-    function S() {
+    function F() {
       function v(P, V, W, I, X) {
-        return G(P[V]) ? null : new z("Invalid " + I + " `" + X + "` supplied to " + ("`" + W + "`, expected a ReactNode."));
+        return G(P[V]) ? null : new A("Invalid " + I + " `" + X + "` supplied to " + ("`" + W + "`, expected a ReactNode."));
       }
-      return A(v);
+      return D(v);
     }
-    function D(v, P, V, W, I) {
-      return new z(
+    function z(v, P, V, W, I) {
+      return new A(
         (v || "React class") + ": " + P + " type `" + V + "." + W + "` is invalid; it must be a function, usually from the `prop-types` package, but received `" + I + "`."
       );
     }
@@ -3235,31 +3245,31 @@ function As() {
       function P(V, W, I, X, O) {
         var $ = V[W], q = oe($);
         if (q !== "object")
-          return new z("Invalid " + X + " `" + O + "` of type `" + q + "` " + ("supplied to `" + I + "`, expected `object`."));
+          return new A("Invalid " + X + " `" + O + "` of type `" + q + "` " + ("supplied to `" + I + "`, expected `object`."));
         for (var Z in v) {
           var U = v[Z];
           if (typeof U != "function")
-            return D(I, X, O, Z, ce(U));
+            return z(I, X, O, Z, ce(U));
           var he = U($, Z, I, X, O + "." + Z, n);
           if (he)
             return he;
         }
         return null;
       }
-      return A(P);
+      return D(P);
     }
     function N(v) {
       function P(V, W, I, X, O) {
         var $ = V[W], q = oe($);
         if (q !== "object")
-          return new z("Invalid " + X + " `" + O + "` of type `" + q + "` " + ("supplied to `" + I + "`, expected `object`."));
+          return new A("Invalid " + X + " `" + O + "` of type `" + q + "` " + ("supplied to `" + I + "`, expected `object`."));
         var Z = r({}, V[W], v);
         for (var U in Z) {
           var he = v[U];
           if (s(v, U) && typeof he != "function")
-            return D(I, X, O, U, ce(he));
+            return z(I, X, O, U, ce(he));
           if (!he)
-            return new z(
+            return new A(
               "Invalid " + X + " `" + O + "` key `" + U + "` supplied to `" + I + "`.\nBad object: " + JSON.stringify(V[W], null, "  ") + `
 Valid keys: ` + JSON.stringify(Object.keys(v), null, "  ")
             );
@@ -3269,7 +3279,7 @@ Valid keys: ` + JSON.stringify(Object.keys(v), null, "  ")
         }
         return null;
       }
-      return A(P);
+      return D(P);
     }
     function G(v) {
       switch (typeof v) {
@@ -3431,10 +3441,10 @@ const K = /* @__PURE__ */ dn(Bs), Hs = (e, r, n) => {
   onLayoutChange: w = () => {
   },
   onRefresh: M,
-  onFileOpen: F = () => {
+  onFileOpen: S = () => {
   },
-  onSelect: z,
-  onError: A = () => {
+  onSelect: A,
+  onError: D = () => {
   },
   layout: j = "grid",
   enableFilePreview: C = !0,
@@ -3445,18 +3455,18 @@ const K = /* @__PURE__ */ dn(Bs), Hs = (e, r, n) => {
   width: _ = "100%",
   initialPath: x = "",
   filePreviewComponent: R,
-  primaryColor: S = "#6155b4",
-  fontFamily: D = "Nunito Sans, sans-serif"
+  primaryColor: F = "#6155b4",
+  fontFamily: z = "Nunito Sans, sans-serif"
 }) => {
   const k = Ls(), { containerRef: N, colSizes: G, isDragging: ae, handleMouseMove: oe, handleMouseUp: ce, handleMouseDown: ee } = Os(20, 80), ve = {
-    "--file-manager-font-family": D,
-    "--file-manager-primary-color": S,
+    "--file-manager-font-family": z,
+    "--file-manager-primary-color": F,
     height: g,
     width: _
   };
   return /* @__PURE__ */ t.jsxs("main", { className: "file-explorer", onContextMenu: (v) => v.preventDefault(), style: ve, children: [
     /* @__PURE__ */ t.jsx(xt, { loading: n }),
-    /* @__PURE__ */ t.jsx(zn, { filesData: e, onError: A, children: /* @__PURE__ */ t.jsx(Dn, { initialPath: x, children: /* @__PURE__ */ t.jsx(In, { onDownload: f, onSelect: z, children: /* @__PURE__ */ t.jsx($n, { onPaste: d, onCut: c, onCopy: l, children: /* @__PURE__ */ t.jsxs(_n, { layout: j, children: [
+    /* @__PURE__ */ t.jsx(zn, { filesData: e, onError: D, children: /* @__PURE__ */ t.jsx(Dn, { initialPath: x, children: /* @__PURE__ */ t.jsx(In, { onDownload: f, onSelect: A, children: /* @__PURE__ */ t.jsx($n, { onPaste: d, onCut: c, onCopy: l, children: /* @__PURE__ */ t.jsxs(_n, { layout: j, children: [
       /* @__PURE__ */ t.jsx(
         Sr,
         {
@@ -3476,7 +3486,7 @@ const K = /* @__PURE__ */ dn(Bs), Hs = (e, r, n) => {
           className: "files-container",
           children: [
             /* @__PURE__ */ t.jsxs("div", { className: "navigation-pane", style: { width: G.col1 + "%" }, children: [
-              /* @__PURE__ */ t.jsx(Or, { onFileOpen: F }),
+              /* @__PURE__ */ t.jsx(Or, { onFileOpen: S }),
               /* @__PURE__ */ t.jsx(
                 "div",
                 {
@@ -3492,7 +3502,7 @@ const K = /* @__PURE__ */ dn(Bs), Hs = (e, r, n) => {
                 {
                   onCreateFolder: s,
                   onRename: p,
-                  onFileOpen: F,
+                  onFileOpen: S,
                   onRefresh: M,
                   enableFilePreview: C,
                   triggerAction: k

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@cubone/react-file-manager",
   "private": false,
-  "version": "1.20.1",
+  "version": "1.20.2",
   "type": "module",
   "module": "dist/react-file-manager.es.js",
   "files": [