@cubone/react-file-manager 1.20.0 → 1.20.1

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

@@ -19,11 +19,11 @@ function fn() {
   _t = 1;
   var e = Pe, r = Symbol.for("react.element"), n = Symbol.for("react.fragment"), s = Object.prototype.hasOwnProperty, a = e.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED.ReactCurrentOwner, i = { key: !0, ref: !0, __self: !0, __source: !0 };
   function c(l, d, p) {
-    var f, h = {}, w = null, S = null;
-    p !== void 0 && (w = "" + p), d.key !== void 0 && (w = "" + d.key), d.ref !== void 0 && (S = d.ref);
+    var f, h = {}, w = null, M = null;
+    p !== void 0 && (w = "" + p), d.key !== void 0 && (w = "" + d.key), d.ref !== void 0 && (M = d.ref);
     for (f in d) s.call(d, f) && !i.hasOwnProperty(f) && (h[f] = d[f]);
     if (l && l.defaultProps) for (f in d = l.defaultProps, d) h[f] === void 0 && (h[f] = d[f]);
-    return { $$typeof: r, type: l, key: w, ref: S, props: h, _owner: a.current };
+    return { $$typeof: r, type: l, key: w, ref: M, props: h, _owner: a.current };
   }
   return ze.Fragment = n, ze.jsx = c, ze.jsxs = c, ze;
 }
@@ -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"), S = Symbol.for("react.offscreen"), M = Symbol.iterator, z = "@@iterator";
+    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) {
       if (o === null || typeof o != "object")
         return null;
-      var m = M && o[M] || o[z];
+      var m = F && o[F] || o[z];
       return typeof m == "function" ? m : null;
     }
     var j = e.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED;
@@ -67,8 +67,8 @@ function hn() {
     }
     var b = !1, u = !1, g = !1, _ = !1, x = !1, R;
     R = Symbol.for("react.module.reference");
-    function F(o) {
-      return !!(typeof o == "string" || typeof o == "function" || o === s || o === i || x || o === a || o === p || o === f || _ || o === S || 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
+    function S(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.
@@ -575,7 +575,7 @@ Check the top-level render call using <` + T + ">.");
     var Ot = {};
     function kt(o, m, T, B, re, ie) {
       {
-        var Q = F(o);
+        var Q = S(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: S, handlePasting: M } = 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: F } = Je(), { activeLayout: z } = Se(), A = [
     {
       icon: /* @__PURE__ */ t.jsx(mr, { size: 17, strokeWidth: 0.3 }),
       text: "New folder",
@@ -995,18 +995,18 @@ const Be = (e = () => {
     }
   ];
   function C() {
-    M(l);
+    F(l);
   }
   const y = () => {
     f(), p([]);
   };
   return d.length > 0 ? /* @__PURE__ */ t.jsx("div", { className: "toolbar file-selected", children: /* @__PURE__ */ t.jsxs("div", { className: "file-action-container", children: [
     /* @__PURE__ */ t.jsxs("div", { children: [
-      /* @__PURE__ */ t.jsxs("button", { className: "item-action file-action", onClick: () => S(!0), children: [
+      /* @__PURE__ */ t.jsxs("button", { className: "item-action file-action", onClick: () => M(!0), children: [
         /* @__PURE__ */ t.jsx(yr, { size: 18 }),
         /* @__PURE__ */ t.jsx("span", { children: "Cut" })
       ] }),
-      /* @__PURE__ */ t.jsxs("button", { className: "item-action file-action", onClick: () => S(!1), children: [
+      /* @__PURE__ */ t.jsxs("button", { className: "item-action file-action", onClick: () => M(!1), children: [
         /* @__PURE__ */ t.jsx(vr, { strokeWidth: 0.1, size: 17 }),
         /* @__PURE__ */ t.jsx("span", { children: "Copy" })
       ] }),
@@ -1260,16 +1260,16 @@ function ss({
   const d = Mr(n), p = Zn(c ? `${c}` : void 0), [f, h] = Vn(
     s,
     a
-  ), w = fe(f), [S, M] = L(!1), z = qn(), A = i ?? z, j = fe(), C = fe(), y = fe(null), [b, u] = L(null);
+  ), w = fe(f), [M, F] = L(!1), z = qn(), A = i ?? z, 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 F in x) {
-      const D = x[F];
-      D ? R.style[F] = D : R.style.removeProperty(F);
+    for (const S in x) {
+      const D = x[S];
+      D ? R.style[S] = D : R.style.removeProperty(S);
     }
   }
   return ns(() => {
@@ -1279,18 +1279,18 @@ function ss({
     function R(k) {
       return A ? 0 : e ?? es(k);
     }
-    const F = (k) => `height ${R(k)}ms ${r}`, D = (k) => {
+    const S = (k) => `height ${R(k)}ms ${r}`, D = (k) => {
       function N() {
         f ? (_({
           height: "",
           overflow: "",
           transition: "",
           display: ""
-        }), d("expandEnd")) : (_({ transition: "" }), d("collapseEnd")), M(!1);
+        }), d("expandEnd")) : (_({ transition: "" }), d("collapseEnd")), F(!1);
       }
       C.current && Ut(C.current), C.current = Qn(N, k);
     };
-    return M(!0), f ? j.current = requestAnimationFrame(() => {
+    return F(!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 = F(k), y.current.style.height = `${k}px`);
+        D(R(k)), y.current && (y.current.style.transition = S(k), y.current.style.height = `${k}px`);
       });
     }) : j.current = requestAnimationFrame(() => {
       d("collapseStart");
       const k = Kt(y);
       D(R(k)), _({
-        transition: F(k),
+        transition: S(k),
         height: `${k}px`
       }), j.current = requestAnimationFrame(() => {
         d("collapsing"), _({
@@ -1326,7 +1326,7 @@ function ss({
     isExpanded: f,
     setExpanded: h,
     getToggleProps(x) {
-      const { disabled: R, onClick: F, refKey: D, ...k } = {
+      const { disabled: R, onClick: S, refKey: D, ...k } = {
         refKey: "ref",
         onClick() {
         },
@@ -1337,7 +1337,7 @@ function ss({
         "aria-controls": `react-collapsed-panel-${p}`,
         "aria-expanded": f,
         onClick(ee) {
-          R || (F == null || F(ee), h((ve) => !ve));
+          R || (S == null || S(ee), h((ve) => !ve));
         },
         [D || "ref"]: Xt(G, u)
       }, oe = {
@@ -1356,17 +1356,17 @@ function ss({
       };
     },
     getCollapseProps(x) {
-      const { style: R, refKey: F } = { refKey: "ref", style: {}, ...x }, D = x == null ? void 0 : x[F || "ref"];
+      const { style: R, refKey: S } = { refKey: "ref", style: {}, ...x }, D = x == null ? void 0 : x[S || "ref"];
       return {
         id: `react-collapsed-panel-${p}`,
         "aria-hidden": !f,
         "aria-labelledby": `react-collapsed-toggle-${p}`,
         role: "region",
         ...x,
-        [F || "ref"]: Xt(y, D),
+        [S || "ref"]: Xt(y, D),
         style: {
           boxSizing: "border-box",
-          ...!S && !f ? {
+          ...!M && !f ? {
             // collapsed and not animating
             display: g === "0px" ? "none" : "block",
             height: g,
@@ -1400,70 +1400,70 @@ function Gt(e) {
 function Jt(e) {
   return H({ tag: "svg", attr: { viewBox: "0 0 512 512" }, child: [{ tag: "path", attr: { d: "M464 128H272l-54.63-54.63c-6-6-14.14-9.37-22.63-9.37H48C21.49 64 0 85.49 0 112v288c0 26.51 21.49 48 48 48h416c26.51 0 48-21.49 48-48V176c0-26.51-21.49-48-48-48zm0 272H48V112h140.12l54.63 54.63c6 6 14.14 9.37 22.63 9.37H464v224z" }, child: [] }] })(e);
 }
-const Lr = ({ folder: e }) => {
-  const [r, n] = L(!1), [s, a] = L(!1), { currentPath: i, setCurrentPath: c } = Ee(), l = () => {
-    a(!0), c(e.path);
-  }, d = (p) => {
-    p.stopPropagation(), n((f) => !f);
+const Lr = ({ folder: e, onFileOpen: r }) => {
+  const [n, s] = L(!1), [a, i] = L(!1), { currentPath: c, setCurrentPath: l } = Ee(), d = () => {
+    i(!0), r(e), l(e.path);
+  }, p = (f) => {
+    f.stopPropagation(), s((h) => !h);
   };
   return te(() => {
-    a(i === e.path);
-    const p = i.split("/");
-    p.pop(), p.join("/") === e.path && n(!0);
-  }, [i]), e.subDirectories.length > 0 ? /* @__PURE__ */ t.jsxs(t.Fragment, { children: [
+    i(c === e.path);
+    const f = c.split("/");
+    f.pop(), f.join("/") === e.path && s(!0);
+  }, [c]), e.subDirectories.length > 0 ? /* @__PURE__ */ t.jsxs(t.Fragment, { children: [
     /* @__PURE__ */ t.jsxs(
       "div",
       {
-        className: `sb-folders-list-item ${s ? "active-list-item" : ""}`,
-        onClick: l,
+        className: `sb-folders-list-item ${a ? "active-list-item" : ""}`,
+        onClick: d,
         children: [
-          /* @__PURE__ */ t.jsx("span", { onClick: d, children: /* @__PURE__ */ t.jsx(
+          /* @__PURE__ */ t.jsx("span", { onClick: p, children: /* @__PURE__ */ t.jsx(
             En,
             {
               size: 20,
-              className: `folder-icon-default ${r ? "folder-rotate-down" : ""}`
+              className: `folder-icon-default ${n ? "folder-rotate-down" : ""}`
             }
           ) }),
           /* @__PURE__ */ t.jsxs("div", { className: "sb-folder-details", children: [
-            r || s ? /* @__PURE__ */ t.jsx(Gt, { size: 20, className: "folder-open-icon" }) : /* @__PURE__ */ t.jsx(Jt, { size: 17, className: "folder-close-icon" }),
+            n || a ? /* @__PURE__ */ t.jsx(Gt, { size: 20, className: "folder-open-icon" }) : /* @__PURE__ */ t.jsx(Jt, { size: 17, className: "folder-close-icon" }),
             /* @__PURE__ */ t.jsx("span", { className: "sb-folder-name", title: e.name, children: e.name })
           ] })
         ]
       }
     ),
-    /* @__PURE__ */ t.jsx(os, { open: r, children: /* @__PURE__ */ t.jsx("div", { className: "folder-collapsible", children: e.subDirectories.map((p, f) => /* @__PURE__ */ t.jsx(Lr, { folder: p }, f)) }) })
+    /* @__PURE__ */ t.jsx(os, { open: n, children: /* @__PURE__ */ t.jsx("div", { className: "folder-collapsible", children: e.subDirectories.map((f, h) => /* @__PURE__ */ t.jsx(Lr, { folder: f, onFileOpen: r }, h)) }) })
   ] }) : /* @__PURE__ */ t.jsxs(
     "div",
     {
-      className: `sb-folders-list-item ${s ? "active-list-item" : ""}`,
-      onClick: l,
+      className: `sb-folders-list-item ${a ? "active-list-item" : ""}`,
+      onClick: d,
       children: [
         /* @__PURE__ */ t.jsx("span", { className: "non-expanable" }),
         /* @__PURE__ */ t.jsxs("div", { className: "sb-folder-details", children: [
-          s ? /* @__PURE__ */ t.jsx(Gt, { size: 20, className: "folder-open-icon" }) : /* @__PURE__ */ t.jsx(Jt, { size: 17, className: "folder-close-icon" }),
+          a ? /* @__PURE__ */ t.jsx(Gt, { size: 20, className: "folder-open-icon" }) : /* @__PURE__ */ t.jsx(Jt, { size: 17, className: "folder-close-icon" }),
           /* @__PURE__ */ t.jsx("span", { className: "sb-folder-name", title: e.name, children: e.name })
         ] })
       ]
     }
   );
-}, cs = (e) => e == null ? void 0 : e.split("/").slice(0, -1).join("/"), Or = () => {
-  const [e, r] = L([]), { files: n } = Ge(), s = (a, i) => {
-    var c;
-    return i[a] ? (c = i[a]) == null ? void 0 : c.map((l) => ({
-      ...l,
-      subDirectories: s(l.path, i)
+}, cs = (e) => e == null ? void 0 : e.split("/").slice(0, -1).join("/"), Or = ({ onFileOpen: e }) => {
+  const [r, n] = L([]), { files: s } = Ge(), a = (i, c) => {
+    var l;
+    return c[i] ? (l = c[i]) == null ? void 0 : l.map((d) => ({
+      ...d,
+      subDirectories: a(d.path, c)
     })) : [];
   };
   return te(() => {
-    if (Array.isArray(n)) {
-      const a = n.filter((c) => c.isDirectory), i = Object.groupBy(a, ({ path: c }) => cs(c));
-      r(() => s("", i));
+    if (Array.isArray(s)) {
+      const i = s.filter((l) => l.isDirectory), c = Object.groupBy(i, ({ path: l }) => cs(l));
+      n(() => a("", c));
     }
-  }, [n]), /* @__PURE__ */ t.jsx("div", { className: "sb-folders-list", children: (e == null ? void 0 : e.length) > 0 ? /* @__PURE__ */ t.jsx(t.Fragment, { children: e == null ? void 0 : e.map((a, i) => /* @__PURE__ */ t.jsx(Lr, { folder: a }, i)) }) : /* @__PURE__ */ t.jsx("div", { className: "empty-nav-pane", children: "Nothing here yet" }) });
+  }, [s]), /* @__PURE__ */ t.jsx("div", { className: "sb-folders-list", children: (r == null ? void 0 : r.length) > 0 ? /* @__PURE__ */ t.jsx(t.Fragment, { children: r == null ? void 0 : r.map((i, c) => /* @__PURE__ */ t.jsx(Lr, { folder: i, onFileOpen: e }, c)) }) : /* @__PURE__ */ t.jsx("div", { className: "empty-nav-pane", children: "Nothing here yet" }) });
 };
 Or.displayName = "NavigationPane";
 const kr = () => {
-  const [e, r] = L([]), [n, s] = L([]), [a, i] = L([]), [c, l] = L(!1), { currentPath: d, setCurrentPath: p } = Ee(), f = fe(null), h = fe([]), w = fe(null), S = Be(() => {
+  const [e, r] = L([]), [n, s] = L([]), [a, i] = L([]), [c, l] = L(!1), { currentPath: d, setCurrentPath: p } = Ee(), f = fe(null), h = fe([]), w = fe(null), M = Be(() => {
     l(!1);
   });
   te(() => {
@@ -1475,7 +1475,7 @@ const kr = () => {
       }));
     }), s([]), i([]);
   }, [d]);
-  const M = (C) => {
+  const F = (C) => {
     p(C);
   }, z = () => {
     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);
@@ -1500,7 +1500,7 @@ const kr = () => {
         "span",
         {
           className: "folder-name",
-          onClick: () => M(C.path),
+          onClick: () => F(C.path),
           ref: (b) => h.current[y] = b,
           children: [
             y === 0 ? /* @__PURE__ */ t.jsx(bn, {}) : /* @__PURE__ */ t.jsx(Tn, {}),
@@ -1519,11 +1519,11 @@ const kr = () => {
         }
       )
     ] }, y)) }),
-    c && /* @__PURE__ */ t.jsx("ul", { ref: S.ref, className: "hidden-folders-container", children: n.map((C, y) => /* @__PURE__ */ t.jsx(
+    c && /* @__PURE__ */ t.jsx("ul", { ref: M.ref, className: "hidden-folders-container", children: n.map((C, y) => /* @__PURE__ */ t.jsx(
       "li",
       {
         onClick: () => {
-          M(C.path), l(!1);
+          F(C.path), l(!1);
         },
         children: C.name
       },
@@ -1596,7 +1596,7 @@ 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, S] = L("bottom"), M = Be((g) => {
+  const [a, i] = L(r.name), [c, l] = L(!1), [d, p] = L(""), [f, h] = L("right"), [w, M] = L("bottom"), F = Be((g) => {
     g.preventDefault(), g.stopPropagation();
   }), { currentFolder: z, currentPathFiles: A, setCurrentPathFiles: j } = Ee(), { activeLayout: C } = Se(), y = (g) => {
     i(g.target.value), l(!1);
@@ -1618,28 +1618,28 @@ const Xe = (e) => ({
     }
   }, [c]);
   function u() {
-    var R, F;
+    var R, S;
     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 = M.ref.current) == null || R.focus(), (F = M.ref.current) == null || F.select(), M.setIsClicked(!1);
+      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);
       return;
     }
     g === "" && (g = _r("New Folder", !0, _)), Le(n, "onCreateFolder", g, z), j((D) => D.filter((k) => k.key !== r.key)), s.close();
   }
   return te(() => {
     var g, _, x;
-    if ((g = M.ref.current) == null || g.focus(), (_ = M.ref.current) == null || _.select(), (x = M.ref) != null && x.current) {
-      const k = e.current.getBoundingClientRect(), N = M.ref.current, G = N.getBoundingClientRect();
-      k.right - G.left > 313 ? h("right") : h("left"), k.bottom - (G.top + N.clientHeight) > 88 ? S("bottom") : S("top");
+    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();
+      k.right - G.left > 313 ? h("right") : h("left"), k.bottom - (G.top + N.clientHeight) > 88 ? M("bottom") : M("top");
     }
   }, []), te(() => {
-    M.isClicked && u();
-  }, [M.isClicked]), /* @__PURE__ */ t.jsxs(t.Fragment, { children: [
+    F.isClicked && u();
+  }, [F.isClicked]), /* @__PURE__ */ t.jsxs(t.Fragment, { children: [
     /* @__PURE__ */ t.jsx(
       Nr,
       {
-        nameInputRef: M.ref,
+        nameInputRef: F.ref,
         maxLength: ls,
         value: a,
         onChange: y,
@@ -1701,7 +1701,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, S] = L("right"), [M, 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"), [F, z] = L("bottom"), { currentPathFiles: A, 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) => {
@@ -1724,25 +1724,25 @@ const Ar = ({
   function g(x) {
     if (a === "" || a === r.name) {
       j(
-        (R) => R.map((F) => (F.key === r.key && (F.isEditing = !1), F))
+        (R) => R.map((S) => (S.key === r.key && (S.isEditing = !1), S))
       ), s.close();
       return;
     } else if (A.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), F = _e(a);
-      if (R !== F) {
+      const R = _e(r.name), S = _e(a);
+      if (R !== S) {
         l(!0);
         return;
       }
     }
-    p(!1), Le(n, "onRename", r, a), j((R) => R.filter((F) => F.key !== r.key)), s.close();
+    p(!1), Le(n, "onRename", r, a), j((R) => R.filter((S) => S.key !== r.key)), s.close();
   }
   const _ = () => {
-    var x, R, F, D, k, N;
+    var x, R, S, D, k, N;
     if ((R = (x = b.ref) == null ? void 0 : x.current) == null || R.focus(), r.isDirectory)
-      (D = (F = b.ref) == null ? void 0 : F.current) == null || D.select();
+      (D = (S = b.ref) == null ? void 0 : S.current) == null || D.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 +1752,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 ? S("right") : S("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 ? z("bottom") : z("top");
     }
   }, []), te(() => {
     b.isClicked && g(!1), _();
@@ -1776,7 +1776,7 @@ const Ar = ({
       {
         message: f,
         xPlacement: w,
-        yPlacement: M
+        yPlacement: F
       }
     ),
     /* @__PURE__ */ t.jsx(
@@ -1864,8 +1864,8 @@ const Ar = ({
   setLastSelectedFile: f
 }) => {
   var he, E, me, Te;
-  const [h, w] = L(!1), [S, M] = 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: F } = 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), F([])) : a && d.show("previewFile");
+  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");
   }, ve = (Y, ue) => {
     if (l.length > 0 && Y) {
       let Ce = !1, Re = l[0], we = e;
@@ -1874,30 +1874,30 @@ const Ar = ({
         Re = we, we = Qe, Ce = !0;
       }
       const He = R.slice(Re, we + 1);
-      F(Ce ? He.reverse() : He);
-    } else l.length > 0 && ue ? F((Ce) => {
+      S(Ce ? He.reverse() : He);
+    } else l.length > 0 && ue ? S((Ce) => {
       const Re = Ce.filter((we) => we.path !== r.path);
       return Ce.length === Re.length ? [...Ce, r] : Re;
-    }) : F([r]);
+    }) : S([r]);
   }, v = (Y) => {
     if (Y.stopPropagation(), r.isEditing) return;
     ve(Y.shiftKey, Y.ctrlKey);
     const ue = (/* @__PURE__ */ new Date()).getTime();
-    if (ue - S < 300) {
+    if (ue - M < 300) {
       ee();
       return;
     }
-    M(ue);
+    F(ue);
   }, P = (Y) => {
-    Y.key === "Enter" && (Y.stopPropagation(), F([r]), ee());
+    Y.key === "Enter" && (Y.stopPropagation(), S([r]), ee());
   }, V = (Y) => {
-    Y.stopPropagation(), Y.preventDefault(), !r.isEditing && (h || F([r]), f(r), p(Y, !0));
+    Y.stopPropagation(), Y.preventDefault(), !r.isEditing && (h || S([r]), f(r), p(Y, !0));
   }, W = () => {
     A("visible");
   }, I = () => {
     !h && A("hidden");
   }, X = (Y) => {
-    Y.target.checked ? F((ue) => [...ue, r]) : F((ue) => ue.filter((Ce) => Ce.name !== r.name && Ce.path !== r.path)), w(Y.target.checked);
+    Y.target.checked ? S((ue) => [...ue, r]) : S((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) => {
@@ -1986,16 +1986,16 @@ 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"), S = fe(null), M = () => {
-    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) > _, D = !F, k = C - b.top, N = b.height - k > x, G = !N;
-    F ? (c(`${R}px`), w("right")) : D && (c(`${R - _}px`), w("left")), N ? d(`${k + y.scrollTop}px`) : G && d(`${k + y.scrollTop - x}px`);
+  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();
   }, A = (j) => {
     f(j);
   };
   if (te(() => {
-    s && r.current ? M() : (d(0), c(0), f(null));
+    s && r.current ? F() : (d(0), c(0), f(null));
   }, [s]), s)
     return /* @__PURE__ */ t.jsx(
       "div",
@@ -2025,7 +2025,7 @@ const Ar = ({
                     b && /* @__PURE__ */ t.jsx(
                       ms,
                       {
-                        subMenuRef: S,
+                        subMenuRef: M,
                         list: j.children,
                         position: h
                       }
@@ -2044,7 +2044,7 @@ 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: S, setClipBoard: M, 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(), F = () => {
+  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 = () => {
     h.isDirectory ? (u(h.path), a([]), C([])) : r && n.show("previewFile"), c(!1);
   }, D = (O) => {
     z(O), c(!1);
@@ -2057,7 +2057,7 @@ const xs = (e, r, n) => {
   }, ae = () => {
     c(!1), n.show("delete");
   }, oe = () => {
-    c(!1), Le(e, "onRefresh"), M(null);
+    c(!1), Le(e, "onRefresh"), F(null);
   }, ce = () => {
     n.show("createFolder"), c(!1);
   }, ee = () => {
@@ -2115,7 +2115,7 @@ 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: F,
+      onClick: S,
       divider: !0
     },
     {
@@ -2133,7 +2133,7 @@ const xs = (e, r, n) => {
       title: "Paste",
       icon: /* @__PURE__ */ t.jsx(mt, { size: 18 }),
       onClick: k,
-      className: `${S ? "" : "disable-paste"}`,
+      className: `${M ? "" : "disable-paste"}`,
       hidden: !(h != null && h.isDirectory),
       divider: !0
     },
@@ -2229,13 +2229,13 @@ const xs = (e, r, n) => {
     selecCtxItems: f,
     handleContextMenu: h,
     unselectFiles: w,
-    visible: S,
-    setVisible: M,
+    visible: M,
+    setVisible: F,
     setLastSelectedFile: z,
     selectedFileIndexes: A,
     clickPosition: j,
     isSelectionCtx: C
-  } = xs(s, a, i), y = Be(() => M(!1));
+  } = xs(s, a, i), y = Be(() => F(!1));
   return /* @__PURE__ */ t.jsxs(
     "div",
     {
@@ -2258,7 +2258,7 @@ const xs = (e, r, n) => {
             filesViewRef: l,
             selectedFileIndexes: A,
             handleContextMenu: h,
-            setVisible: M,
+            setVisible: F,
             setLastSelectedFile: z
           },
           u
@@ -2269,8 +2269,8 @@ const xs = (e, r, n) => {
             filesViewRef: l,
             contextMenuRef: y.ref,
             menuItems: C ? f : p,
-            visible: S,
-            setVisible: M,
+            visible: M,
+            setVisible: F,
             clickPosition: j
           }
         )
@@ -2323,7 +2323,7 @@ const Ps = ({
   handleFileRemove: c
 }) => {
   var g, _, x, R;
-  const [l, d] = L(0), [p, f] = L(!1), [h, w] = L(!1), [S, M] = L(!1), z = Xe(33), A = fe(), { onError: j } = Ge(), C = (F) => {
+  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) => {
     d(0), s((k) => ({
       ...k,
       [e]: !1
@@ -2332,9 +2332,9 @@ const Ps = ({
       type: "upload",
       message: "Upload failed.",
       response: {
-        status: F.status,
-        statusText: F.statusText,
-        data: F.response
+        status: S.status,
+        statusText: S.statusText,
+        data: S.response
       }
     };
     n(
@@ -2342,9 +2342,9 @@ const Ps = ({
         ...N,
         error: D.message
       } : N)
-    ), M(!0), j(D, r.file);
-  }, y = (F) => {
-    if (!F.error)
+    ), F(!0), j(D, r.file);
+  }, y = (S) => {
+    if (!S.error)
       return new Promise((D, k) => {
         const N = new XMLHttpRequest();
         A.current = N, s((ee) => ({
@@ -2368,27 +2368,27 @@ 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 = F == null ? void 0 : F.appendData;
+        const oe = new FormData(), ce = S == null ? void 0 : S.appendData;
         for (let ee in ce)
           ce[ee] && oe.append(ee, ce[ee]);
-        oe.append("file", F.file), N.send(oe);
+        oe.append("file", S.file), N.send(oe);
       });
   };
   te(() => {
     A.current || y(r);
   }, []);
   const b = () => {
-    A.current && (A.current.abort(), s((F) => ({
-      ...F,
+    A.current && (A.current.abort(), s((S) => ({
+      ...S,
       [e]: !1
     })), w(!0), d(0));
   }, u = () => {
     r != null && r.file && (n(
-      (F) => F.map((D, k) => e === k ? {
+      (S) => S.map((D, k) => e === k ? {
         ...D,
         error: !1
       } : D)
-    ), y({ ...r, error: !1 }), w(!1), M(!1));
+    ), y({ ...r, error: !1 }), w(!1), F(!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 }) }),
@@ -2398,7 +2398,7 @@ const Ps = ({
           /* @__PURE__ */ t.jsx("span", { className: "file-name text-truncate", title: (_ = r.file) == null ? void 0 : _.name, children: (x = r.file) == null ? void 0 : x.name }),
           /* @__PURE__ */ t.jsx("span", { className: "file-size", children: Ze((R = r.file) == null ? void 0 : R.size) })
         ] }),
-        p ? /* @__PURE__ */ t.jsx(as, { title: "Uploaded", className: "upload-success" }) : h || S ? /* @__PURE__ */ t.jsx(Rs, { className: "retry-upload", title: "Retry", onClick: u }) : /* @__PURE__ */ t.jsx(
+        p ? /* @__PURE__ */ t.jsx(as, { title: "Uploaded", className: "upload-success" }) : h || M ? /* @__PURE__ */ t.jsx(Rs, { className: "retry-upload", title: "Retry", onClick: u }) : /* @__PURE__ */ t.jsx(
           "div",
           {
             className: "rm-file",
@@ -2426,8 +2426,8 @@ const Ps = ({
   onFileUploading: s,
   onFileUploaded: a
 }) => {
-  const [i, c] = L([]), [l, d] = L(!1), [p, f] = L({}), { currentFolder: h, currentPathFiles: w } = Ee(), { onError: S } = Ge(), M = fe(null), z = (u) => {
-    u.key === "Enter" && M.current.click();
+  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) => {
     if (n && !n.includes(_e(u.name)))
       return "File type is not allowed.";
@@ -2441,7 +2441,7 @@ const Ps = ({
     ), u.length > 0) {
       const g = u.map((_) => {
         const x = s(_, h), R = A(_);
-        return R && S({ type: "upload", message: R }, _), {
+        return R && M({ type: "upload", message: R }, _), {
           file: _,
           appendData: x,
           ...R && { error: R }
@@ -2486,7 +2486,7 @@ const Ps = ({
         /* @__PURE__ */ t.jsx(
           "input",
           {
-            ref: M,
+            ref: F,
             type: "file",
             id: "chooseFile",
             className: "choose-file-input",
@@ -2518,15 +2518,15 @@ const Ps = ({
     ] })
   ] });
 }, Zt = ["jpg", "jpeg", "png"], Qt = ["mp4", "mov", "avi"], er = ["mp3", "wav", "m4a"], tr = ["txt", "pdf"], Fs = ({ filePreviewPath: e, filePreviewComponent: r }) => {
-  var M;
-  const [n, s] = L(!0), [a, i] = L(!1), { selectedFiles: c } = Fe(), l = Xe(73), d = (M = _e(c[0].name)) == null ? void 0 : M.toLowerCase(), p = `${e}${c[0].path}`, f = yt(
+  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(
     () => r == null ? void 0 : r(c[0]),
     [r]
   ), h = () => {
     s(!1), i(!1);
   }, w = () => {
     s(!1), i(!0);
-  }, S = () => {
+  }, M = () => {
     window.location.href = p;
   };
   return Pe.isValidElement(f) ? f : /* @__PURE__ */ t.jsxs("section", { className: `file-previewer ${d === "pdf" ? "pdf-previewer" : ""}`, children: [
@@ -2543,7 +2543,7 @@ const Ps = ({
         c[0].size && /* @__PURE__ */ t.jsx("span", { children: "-" }),
         /* @__PURE__ */ t.jsx("span", { className: "file-size", children: Ze(c[0].size) })
       ] }),
-      /* @__PURE__ */ t.jsx(Ne, { onClick: S, padding: "0.45rem .9rem", children: /* @__PURE__ */ t.jsxs("div", { className: "download-btn", children: [
+      /* @__PURE__ */ t.jsx(Ne, { onClick: M, padding: "0.45rem .9rem", children: /* @__PURE__ */ t.jsxs("div", { className: "download-btn", children: [
         /* @__PURE__ */ t.jsx(jt, { size: 18 }),
         /* @__PURE__ */ t.jsx("span", { children: "Download" })
       ] }) })
@@ -2618,9 +2618,9 @@ const Ps = ({
     e.show("uploadFile");
   }, w = () => {
     s(!0);
-  }, S = () => {
-    s(!1);
   }, M = () => {
+    s(!1);
+  }, F = () => {
     a(i);
   }, z = () => {
     e.show("rename");
@@ -2643,7 +2643,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, S, e.isActive), ye(xe.paste, M, 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, 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);
 }, Ms = ({
   fileUploadConfig: e,
   onFileUploading: r,
@@ -2658,7 +2658,7 @@ const Ps = ({
 }) => {
   const [f, h] = L(null), { selectedFiles: w } = Fe();
   Ss(p, a);
-  const S = {
+  const M = {
     uploadFile: {
       title: "Upload",
       component: /* @__PURE__ */ t.jsx(
@@ -2692,8 +2692,8 @@ const Ps = ({
   };
   if (te(() => {
     if (p.isActive) {
-      const M = p.actionType;
-      M === "previewFile" && (S[M].title = (w == null ? void 0 : w.name) ?? "Preview"), h(S[M]);
+      const F = p.actionType;
+      F === "previewFile" && (M[F].title = (w == null ? void 0 : w.name) ?? "Preview"), h(M[F]);
     } else
       h(null);
   }, [p.isActive]), f)
@@ -2735,8 +2735,8 @@ const Ps = ({
     handleMouseMove: (f) => {
       if (!a) return;
       f.preventDefault();
-      const w = c.current.getBoundingClientRect(), S = (f.clientX - w.left) / w.width * 100;
-      S >= 15 && S <= 60 && s({ col1: S, col2: 100 - S });
+      const w = c.current.getBoundingClientRect(), M = (f.clientX - w.left) / w.width * 100;
+      M >= 15 && M <= 60 && s({ col1: M, col2: 100 - M });
     }
   };
 };
@@ -2753,7 +2753,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, S = e ? Symbol.for("react.memo") : 60115, M = 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, 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;
   function y(u) {
     if (typeof u == "object" && u !== null) {
       var g = u.$$typeof;
@@ -2771,8 +2771,8 @@ function ks() {
               switch (u = u && u.$$typeof, u) {
                 case l:
                 case f:
+                case F:
                 case M:
-                case S:
                 case c:
                   return u;
                 default:
@@ -2787,7 +2787,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 = M, ne.Memo = S, 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 = F, 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,9 +2800,9 @@ function ks() {
   }, ne.isFragment = function(u) {
     return y(u) === s;
   }, ne.isLazy = function(u) {
-    return y(u) === M;
+    return y(u) === F;
   }, ne.isMemo = function(u) {
-    return y(u) === S;
+    return y(u) === M;
   }, ne.isPortal = function(u) {
     return y(u) === n;
   }, ne.isProfiler = function(u) {
@@ -2812,7 +2812,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 === M || u.$$typeof === S || 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 === 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);
   }, ne.typeOf = y, ne;
 }
 var se = {};
@@ -2827,10 +2827,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, S = e ? Symbol.for("react.memo") : 60115, M = 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, 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;
     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 === M || E.$$typeof === S || 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 === 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);
     }
     function b(E) {
       if (typeof E == "object" && E !== null) {
@@ -2851,8 +2851,8 @@ function _s() {
                 switch (Y) {
                   case l:
                   case f:
+                  case F:
                   case M:
-                  case S:
                   case c:
                     return Y;
                   default:
@@ -2864,7 +2864,7 @@ function _s() {
         }
       }
     }
-    var u = d, g = p, _ = l, x = c, R = r, F = f, D = s, k = M, N = S, G = n, ae = i, oe = a, ce = h, ee = !1;
+    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;
     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,10 +2887,10 @@ function _s() {
       return b(E) === s;
     }
     function O(E) {
-      return b(E) === M;
+      return b(E) === F;
     }
     function $(E) {
-      return b(E) === S;
+      return b(E) === M;
     }
     function q(E) {
       return b(E) === n;
@@ -2904,7 +2904,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 = F, 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 = 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;
 }
 var sr;
@@ -3003,16 +3003,16 @@ function zs() {
               throw w.name = "Invariant Violation", w;
             }
             h = i[f](c, f, d, l, null, r);
-          } catch (M) {
-            h = M;
+          } catch (F) {
+            h = F;
           }
           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)."
           ), h instanceof Error && !(h.message in n)) {
             n[h.message] = !0;
-            var S = p ? p() : "";
+            var M = p ? p() : "";
             e(
-              "Failed " + l + " type: " + h.message + (S ?? "")
+              "Failed " + l + " type: " + h.message + (M ?? "")
             );
           }
         }
@@ -3046,7 +3046,7 @@ function As() {
       if (typeof P == "function")
         return P;
     }
-    var w = "<<anonymous>>", S = {
+    var w = "<<anonymous>>", M = {
       array: j("array"),
       bigint: j("bigint"),
       bool: j("boolean"),
@@ -3060,14 +3060,14 @@ function As() {
       element: b(),
       elementType: u(),
       instanceOf: g,
-      node: F(),
+      node: S(),
       objectOf: x,
       oneOf: _,
       oneOfType: R,
       shape: k,
       exact: N
     };
-    function M(v, P) {
+    function F(v, P) {
       return v === P ? v !== 0 || 1 / v === 1 / P : v !== v && P !== P;
     }
     function z(v, P) {
@@ -3171,7 +3171,7 @@ 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 (M($, v[q]))
+          if (F($, v[q]))
             return null;
         var Z = JSON.stringify(v, function(he, E) {
           var me = ce(E);
@@ -3220,7 +3220,7 @@ function As() {
       }
       return A(W);
     }
-    function F() {
+    function S() {
       function v(P, V, W, I, X) {
         return G(P[V]) ? null : new z("Invalid " + I + " `" + X + "` supplied to " + ("`" + W + "`, expected a ReactNode."));
       }
@@ -3340,7 +3340,7 @@ Valid keys: ` + JSON.stringify(Object.keys(v), null, "  ")
     function ve(v) {
       return !v.constructor || !v.constructor.name ? w : v.constructor.name;
     }
-    return S.checkPropTypes = a, S.resetWarningCache = a.resetWarningCache, S.PropTypes = S, S;
+    return M.checkPropTypes = a, M.resetWarningCache = a.resetWarningCache, M.PropTypes = M, M;
   }, ht;
 }
 var pt, ur;
@@ -3430,8 +3430,8 @@ const K = /* @__PURE__ */ dn(Bs), Hs = (e, r, n) => {
   onDelete: h = () => null,
   onLayoutChange: w = () => {
   },
-  onRefresh: S,
-  onFileOpen: M = () => {
+  onRefresh: M,
+  onFileOpen: F = () => {
   },
   onSelect: z,
   onError: A = () => {
@@ -3445,12 +3445,12 @@ const K = /* @__PURE__ */ dn(Bs), Hs = (e, r, n) => {
   width: _ = "100%",
   initialPath: x = "",
   filePreviewComponent: R,
-  primaryColor: F = "#6155b4",
+  primaryColor: S = "#6155b4",
   fontFamily: D = "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": F,
+    "--file-manager-primary-color": S,
     height: g,
     width: _
   };
@@ -3463,7 +3463,7 @@ const K = /* @__PURE__ */ dn(Bs), Hs = (e, r, n) => {
           allowCreateFolder: !0,
           allowUploadFile: !0,
           onLayoutChange: w,
-          onRefresh: S,
+          onRefresh: M,
           triggerAction: k
         }
       ),
@@ -3476,7 +3476,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, {}),
+              /* @__PURE__ */ t.jsx(Or, { onFileOpen: F }),
               /* @__PURE__ */ t.jsx(
                 "div",
                 {
@@ -3492,8 +3492,8 @@ const K = /* @__PURE__ */ dn(Bs), Hs = (e, r, n) => {
                 {
                   onCreateFolder: s,
                   onRename: p,
-                  onFileOpen: M,
-                  onRefresh: S,
+                  onFileOpen: F,
+                  onRefresh: M,
                   enableFilePreview: C,
                   triggerAction: k
                 }
@@ -3509,7 +3509,7 @@ const K = /* @__PURE__ */ dn(Bs), Hs = (e, r, n) => {
           onFileUploading: a,
           onFileUploaded: i,
           onDelete: h,
-          onRefresh: S,
+          onRefresh: M,
           maxFileSize: y,
           filePreviewPath: b,
           filePreviewComponent: R,

package/package.json

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