@jfvilas/react-file-manager 1.0.11 → 1.0.13

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

@@ -592,7 +592,7 @@ class Ke extends Je {
     }
     const p = this.resolve(t, e);
     let f = p == null ? void 0 : p.res;
-    const h = (p == null ? void 0 : p.usedKey) || a, m = (p == null ? void 0 : p.exactUsedKey) || a, v = ["[object Number]", "[object Function]", "[object RegExp]"], S = e.joinArrays !== void 0 ? e.joinArrays : this.options.joinArrays, N = !this.i18nFormat || this.i18nFormat.handleAsObject, M = e.count !== void 0 && !W(e.count), F = Ke.hasDefaultValue(e), A = M ? this.pluralResolver.getSuffix(d, e.count, e) : "", g = e.ordinal && M ? this.pluralResolver.getSuffix(d, e.count, {
+    const m = (p == null ? void 0 : p.usedKey) || a, h = (p == null ? void 0 : p.exactUsedKey) || a, v = ["[object Number]", "[object Function]", "[object RegExp]"], S = e.joinArrays !== void 0 ? e.joinArrays : this.options.joinArrays, N = !this.i18nFormat || this.i18nFormat.handleAsObject, M = e.count !== void 0 && !W(e.count), F = Ke.hasDefaultValue(e), A = M ? this.pluralResolver.getSuffix(d, e.count, e) : "", g = e.ordinal && M ? this.pluralResolver.getSuffix(d, e.count, {
       ordinal: !1
     }) : "", L = M && !e.ordinal && e.count === 0, b = L && e[`defaultValue${this.options.pluralSeparator}zero`] || e[`defaultValue${A}`] || e[`defaultValue${g}`] || e.defaultValue;
     let w = f;
@@ -601,14 +601,14 @@ class Ke extends Je {
     if (N && w && $ && v.indexOf(x) < 0 && !(W(S) && Array.isArray(w))) {
       if (!e.returnObjects && !this.options.returnObjects) {
         this.options.returnedObjectHandler || this.logger.warn("accessing an object - but returnObjects options is not enabled!");
-        const C = this.options.returnedObjectHandler ? this.options.returnedObjectHandler(h, w, {
+        const C = this.options.returnedObjectHandler ? this.options.returnedObjectHandler(m, w, {
           ...e,
           ns: l
         }) : `key '${a} (${this.language})' returned an object instead of string.`;
         return s ? (p.res = C, p.usedParams = this.getUsedParamsDetails(e), p) : C;
       }
       if (i) {
-        const C = Array.isArray(w), P = C ? [] : {}, k = C ? m : h;
+        const C = Array.isArray(w), P = C ? [] : {}, k = C ? h : m;
         for (const T in w)
           if (Object.prototype.hasOwnProperty.call(w, T)) {
             const U = `${k}${i}${T}`;
@@ -682,19 +682,19 @@ class Ke extends Je {
       const p = W(t) && (((u = o == null ? void 0 : o.interpolation) == null ? void 0 : u.skipOnVariables) !== void 0 ? o.interpolation.skipOnVariables : this.options.interpolation.skipOnVariables);
       let f;
       if (p) {
-        const m = t.match(this.interpolator.nestingRegexp);
-        f = m && m.length;
+        const h = t.match(this.interpolator.nestingRegexp);
+        f = h && h.length;
       }
-      let h = o.replace && !W(o.replace) ? o.replace : o;
-      if (this.options.interpolation.defaultVariables && (h = {
+      let m = o.replace && !W(o.replace) ? o.replace : o;
+      if (this.options.interpolation.defaultVariables && (m = {
         ...this.options.interpolation.defaultVariables,
-        ...h
-      }), t = this.interpolator.interpolate(t, h, o.lng || this.language || s.usedLng, o), p) {
-        const m = t.match(this.interpolator.nestingRegexp), v = m && m.length;
+        ...m
+      }), t = this.interpolator.interpolate(t, m, o.lng || this.language || s.usedLng, o), p) {
+        const h = t.match(this.interpolator.nestingRegexp), v = h && h.length;
         f < v && (o.nest = !1);
       }
       !o.lng && s && s.res && (o.lng = this.language || s.usedLng), o.nest !== !1 && (t = this.interpolator.nest(t, function() {
-        for (var m = arguments.length, v = new Array(m), S = 0; S < m; S++)
+        for (var h = arguments.length, v = new Array(h), S = 0; S < h; S++)
           v[S] = arguments[S];
         return (i == null ? void 0 : i[0]) === v[0] && !o.context ? (a.logger.warn(`It seems you are nesting recursively key: ${v[0]} in key: ${e[0]}`), null) : a.translate(...v, e);
       }, o)), o.interpolation && this.interpolator.reset();
@@ -716,7 +716,7 @@ class Ke extends Je {
       s = u;
       let p = d.namespaces;
       this.options.fallbackNS && (p = p.concat(this.options.fallbackNS));
-      const f = e.count !== void 0 && !W(e.count), h = f && !e.ordinal && e.count === 0, m = e.context !== void 0 && (W(e.context) || typeof e.context == "number") && e.context !== "", v = e.lngs ? e.lngs : this.languageUtils.toResolveHierarchy(e.lng || this.language, e.fallbackLng);
+      const f = e.count !== void 0 && !W(e.count), m = f && !e.ordinal && e.count === 0, h = e.context !== void 0 && (W(e.context) || typeof e.context == "number") && e.context !== "", v = e.lngs ? e.lngs : this.languageUtils.toResolveHierarchy(e.lng || this.language, e.fallbackLng);
       p.forEach((S) => {
         var N, M;
         this.isValidLookup(o) || (l = S, !Ot[`${v[0]}-${S}`] && ((N = this.utils) != null && N.hasLoadedNamespace) && !((M = this.utils) != null && M.hasLoadedNamespace(l)) && (Ot[`${v[0]}-${S}`] = !0, this.logger.warn(`key "${s}" for languages "${v.join(", ")}" won't get resolved as namespace "${l}" was not yet loaded`, "This means something IS WRONG in your setup. You access the t function before i18next.init / i18next.loadNamespace / i18next.changeLanguage was done. Wait for the callback or Promise to resolve before accessing it!!!")), v.forEach((F) => {
@@ -730,9 +730,9 @@ class Ke extends Je {
             let b;
             f && (b = this.pluralResolver.getSuffix(F, e.count, e));
             const w = `${this.options.pluralSeparator}zero`, $ = `${this.options.pluralSeparator}ordinal${this.options.pluralSeparator}`;
-            if (f && (A.push(u + b), e.ordinal && b.indexOf($) === 0 && A.push(u + b.replace($, this.options.pluralSeparator)), h && A.push(u + w)), m) {
+            if (f && (A.push(u + b), e.ordinal && b.indexOf($) === 0 && A.push(u + b.replace($, this.options.pluralSeparator)), m && A.push(u + w)), h) {
               const x = `${u}${this.options.contextSeparator}${e.context}`;
-              A.push(x), f && (A.push(x + b), e.ordinal && b.indexOf($) === 0 && A.push(x + b.replace($, this.options.pluralSeparator)), h && A.push(x + w));
+              A.push(x), f && (A.push(x + b), e.ordinal && b.indexOf($) === 0 && A.push(x + b.replace($, this.options.pluralSeparator)), m && A.push(x + w));
             }
           }
           let g;
@@ -935,14 +935,14 @@ class Eo {
       unescapeSuffix: u,
       unescapePrefix: p,
       nestingPrefix: f,
-      nestingPrefixEscaped: h,
-      nestingSuffix: m,
+      nestingPrefixEscaped: m,
+      nestingSuffix: h,
       nestingSuffixEscaped: v,
       nestingOptionsSeparator: S,
       maxReplaces: N,
       alwaysFormat: M
     } = t.interpolation;
-    this.escape = e !== void 0 ? e : wo, this.escapeValue = o !== void 0 ? o : !0, this.useRawValueToEscape = s !== void 0 ? s : !1, this.prefix = i ? Se(i) : a || "{{", this.suffix = l ? Se(l) : r || "}}", this.formatSeparator = d || ",", this.unescapePrefix = u ? "" : p || "-", this.unescapeSuffix = this.unescapePrefix ? "" : u || "", this.nestingPrefix = f ? Se(f) : h || Se("$t("), this.nestingSuffix = m ? Se(m) : v || Se(")"), this.nestingOptionsSeparator = S || ",", this.maxReplaces = N || 1e3, this.alwaysFormat = M !== void 0 ? M : !1, this.resetRegExp();
+    this.escape = e !== void 0 ? e : wo, this.escapeValue = o !== void 0 ? o : !0, this.useRawValueToEscape = s !== void 0 ? s : !1, this.prefix = i ? Se(i) : a || "{{", this.suffix = l ? Se(l) : r || "}}", this.formatSeparator = d || ",", this.unescapePrefix = u ? "" : p || "-", this.unescapeSuffix = this.unescapePrefix ? "" : u || "", this.nestingPrefix = f ? Se(f) : m || Se("$t("), this.nestingSuffix = h ? Se(h) : v || Se(")"), this.nestingOptionsSeparator = S || ",", this.maxReplaces = N || 1e3, this.alwaysFormat = M !== void 0 ? M : !1, this.resetRegExp();
   }
   reset() {
     this.options && this.init(this.options);
@@ -952,18 +952,18 @@ class Eo {
     this.regexp = t(this.regexp, `${this.prefix}(.+?)${this.suffix}`), this.regexpUnescape = t(this.regexpUnescape, `${this.prefix}${this.unescapePrefix}(.+?)${this.unescapeSuffix}${this.suffix}`), this.nestingRegexp = t(this.nestingRegexp, `${this.nestingPrefix}(.+?)${this.nestingSuffix}`);
   }
   interpolate(t, e, o, s) {
-    var h;
+    var m;
     let i, a, l;
-    const r = this.options && this.options.interpolation && this.options.interpolation.defaultVariables || {}, d = (m) => {
-      if (m.indexOf(this.formatSeparator) < 0) {
-        const M = jt(e, r, m, this.options.keySeparator, this.options.ignoreJSONStructure);
+    const r = this.options && this.options.interpolation && this.options.interpolation.defaultVariables || {}, d = (h) => {
+      if (h.indexOf(this.formatSeparator) < 0) {
+        const M = jt(e, r, h, this.options.keySeparator, this.options.ignoreJSONStructure);
         return this.alwaysFormat ? this.format(M, void 0, o, {
           ...s,
           ...e,
-          interpolationkey: m
+          interpolationkey: h
         }) : M;
       }
-      const v = m.split(this.formatSeparator), S = v.shift().trim(), N = v.join(this.formatSeparator).trim();
+      const v = h.split(this.formatSeparator), S = v.shift().trim(), N = v.join(this.formatSeparator).trim();
       return this.format(jt(e, r, S, this.options.keySeparator, this.options.ignoreJSONStructure), N, o, {
         ...s,
         ...e,
@@ -971,15 +971,15 @@ class Eo {
       });
     };
     this.resetRegExp();
-    const u = (s == null ? void 0 : s.missingInterpolationHandler) || this.options.missingInterpolationHandler, p = ((h = s == null ? void 0 : s.interpolation) == null ? void 0 : h.skipOnVariables) !== void 0 ? s.interpolation.skipOnVariables : this.options.interpolation.skipOnVariables;
+    const u = (s == null ? void 0 : s.missingInterpolationHandler) || this.options.missingInterpolationHandler, p = ((m = s == null ? void 0 : s.interpolation) == null ? void 0 : m.skipOnVariables) !== void 0 ? s.interpolation.skipOnVariables : this.options.interpolation.skipOnVariables;
     return [{
       regex: this.regexpUnescape,
-      safeValue: (m) => tt(m)
+      safeValue: (h) => tt(h)
     }, {
       regex: this.regexp,
-      safeValue: (m) => this.escapeValue ? tt(this.escape(m)) : tt(m)
-    }].forEach((m) => {
-      for (l = 0; i = m.regex.exec(t); ) {
+      safeValue: (h) => this.escapeValue ? tt(this.escape(h)) : tt(h)
+    }].forEach((h) => {
+      for (l = 0; i = h.regex.exec(t); ) {
         const v = i[1].trim();
         if (a = d(v), a === void 0)
           if (typeof u == "function") {
@@ -993,8 +993,8 @@ class Eo {
           } else
             this.logger.warn(`missed to pass in variable ${v} for interpolating ${t}`), a = "";
         else !W(a) && !this.useRawValueToEscape && (a = zt(a));
-        const S = m.safeValue(a);
-        if (t = t.replace(i[0], S), p ? (m.regex.lastIndex += a.length, m.regex.lastIndex -= i[0].length) : m.regex.lastIndex = 0, l++, l >= this.maxReplaces)
+        const S = h.safeValue(a);
+        if (t = t.replace(i[0], S), p ? (h.regex.lastIndex += a.length, h.regex.lastIndex -= i[0].length) : h.regex.lastIndex = 0, l++, l >= this.maxReplaces)
           break;
       }
     }), t;
@@ -1007,8 +1007,8 @@ class Eo {
       const p = r.split(new RegExp(`${u}[ ]*{`));
       let f = `{${p[1]}`;
       r = p[0], f = this.interpolate(f, a);
-      const h = f.match(/'/g), m = f.match(/"/g);
-      (((h == null ? void 0 : h.length) ?? 0) % 2 === 0 && !m || m.length % 2 !== 0) && (f = f.replace(/'/g, '"'));
+      const m = f.match(/'/g), h = f.match(/"/g);
+      (((m == null ? void 0 : m.length) ?? 0) % 2 === 0 && !h || h.length % 2 !== 0) && (f = f.replace(/'/g, '"'));
       try {
         a = JSON.parse(f), d && (a = {
           ...d,
@@ -1134,14 +1134,14 @@ class To {
       if (this.formats[d]) {
         let f = l;
         try {
-          const h = ((p = s == null ? void 0 : s.formatParams) == null ? void 0 : p[s.interpolationkey]) || {}, m = h.locale || h.lng || s.locale || s.lng || o;
-          f = this.formats[d](l, m, {
+          const m = ((p = s == null ? void 0 : s.formatParams) == null ? void 0 : p[s.interpolationkey]) || {}, h = m.locale || m.lng || s.locale || s.lng || o;
+          f = this.formats[d](l, h, {
             ...u,
             ...s,
-            ...h
+            ...m
           });
-        } catch (h) {
-          this.logger.warn(h);
+        } catch (m) {
+          this.logger.warn(m);
         }
         return f;
       } else
@@ -1272,19 +1272,19 @@ class Lo extends Je {
     }
     if (!(o == null || o === "")) {
       if ((f = this.backend) != null && f.create) {
-        const h = {
+        const m = {
           ...a,
           isUpdate: i
-        }, m = this.backend.create.bind(this.backend);
-        if (m.length < 6)
+        }, h = this.backend.create.bind(this.backend);
+        if (h.length < 6)
           try {
             let v;
-            m.length === 5 ? v = m(t, e, o, s, h) : v = m(t, e, o, s), v && typeof v.then == "function" ? v.then((S) => l(null, S)).catch(l) : l(null, v);
+            h.length === 5 ? v = h(t, e, o, s, m) : v = h(t, e, o, s), v && typeof v.then == "function" ? v.then((S) => l(null, S)).catch(l) : l(null, v);
           } catch (v) {
             l(v);
           }
         else
-          m(t, e, o, s, l, h);
+          h(t, e, o, s, l, m);
       }
       !t || !t[0] || this.store.addResource(t[0], e, o, s);
     }
@@ -1394,16 +1394,16 @@ class ke extends Je {
         simplifyPluralSuffix: this.options.simplifyPluralSuffix
       }), u && (!this.options.interpolation.format || this.options.interpolation.format === s.interpolation.format) && (f.formatter = i(u), f.formatter.init(f, this.options), this.options.interpolation.format = f.formatter.format.bind(f.formatter)), f.interpolator = new Eo(this.options), f.utils = {
         hasLoadedNamespace: this.hasLoadedNamespace.bind(this)
-      }, f.backendConnector = new Lo(i(this.modules.backend), f.resourceStore, f, this.options), f.backendConnector.on("*", function(h) {
-        for (var m = arguments.length, v = new Array(m > 1 ? m - 1 : 0), S = 1; S < m; S++)
+      }, f.backendConnector = new Lo(i(this.modules.backend), f.resourceStore, f, this.options), f.backendConnector.on("*", function(m) {
+        for (var h = arguments.length, v = new Array(h > 1 ? h - 1 : 0), S = 1; S < h; S++)
           v[S - 1] = arguments[S];
-        t.emit(h, ...v);
-      }), this.modules.languageDetector && (f.languageDetector = i(this.modules.languageDetector), f.languageDetector.init && f.languageDetector.init(f, this.options.detection, this.options)), this.modules.i18nFormat && (f.i18nFormat = i(this.modules.i18nFormat), f.i18nFormat.init && f.i18nFormat.init(this)), this.translator = new Ke(this.services, this.options), this.translator.on("*", function(h) {
-        for (var m = arguments.length, v = new Array(m > 1 ? m - 1 : 0), S = 1; S < m; S++)
+        t.emit(m, ...v);
+      }), this.modules.languageDetector && (f.languageDetector = i(this.modules.languageDetector), f.languageDetector.init && f.languageDetector.init(f, this.options.detection, this.options)), this.modules.i18nFormat && (f.i18nFormat = i(this.modules.i18nFormat), f.i18nFormat.init && f.i18nFormat.init(this)), this.translator = new Ke(this.services, this.options), this.translator.on("*", function(m) {
+        for (var h = arguments.length, v = new Array(h > 1 ? h - 1 : 0), S = 1; S < h; S++)
           v[S - 1] = arguments[S];
-        t.emit(h, ...v);
-      }), this.modules.external.forEach((h) => {
-        h.init && h.init(this);
+        t.emit(m, ...v);
+      }), this.modules.external.forEach((m) => {
+        m.init && m.init(this);
       });
     }
     if (this.format = this.options.interpolation.format, o || (o = Me), this.options.fallbackLng && !this.services.languageDetector && !this.options.lng) {
@@ -1504,8 +1504,8 @@ class ke extends Je {
         };
       r.lng = r.lng || i.lng, r.lngs = r.lngs || i.lngs, r.ns = r.ns || i.ns, r.keyPrefix !== "" && (r.keyPrefix = r.keyPrefix || o || i.keyPrefix);
       const f = s.options.keySeparator || ".";
-      let h;
-      return r.keyPrefix && Array.isArray(a) ? h = a.map((m) => `${r.keyPrefix}${f}${m}`) : h = r.keyPrefix ? `${r.keyPrefix}${f}${a}` : a, s.t(h, r);
+      let m;
+      return r.keyPrefix && Array.isArray(a) ? m = a.map((h) => `${r.keyPrefix}${f}${h}`) : m = r.keyPrefix ? `${r.keyPrefix}${f}${a}` : a, s.t(m, r);
     };
     return W(t) ? i.lng = t : i.lngs = t, i.ns = e, i.keyPrefix = o, i;
   }
@@ -2717,8 +2717,8 @@ const Ro = "مجلد جديد", ko = "رفع", Oo = "لصق", Mo = "تغيير
         u = p - f;
         break;
       case "modified":
-        const h = r.updatedAt ? new Date(r.updatedAt).getTime() : 0, m = d.updatedAt ? new Date(d.updatedAt).getTime() : 0;
-        u = h - m;
+        const m = r.updatedAt ? new Date(r.updatedAt).getTime() : 0, h = d.updatedAt ? new Date(d.updatedAt).getTime() : 0;
+        u = m - h;
         break;
       default:
         u = r.name.localeCompare(d.name);
@@ -2730,13 +2730,13 @@ const Ro = "مجلد جديد", ko = "رفع", Oo = "لصق", Mo = "تغيير
   const { files: o } = Ze(), s = ae(!1), [i, a] = O(""), [l, r] = O(null), [d, u] = O([]), [p, f] = O({ key: "name", direction: "asc" });
   return ee(() => {
     Array.isArray(o) && o.length > 0 ? (u(() => {
-      const h = o.filter((m) => m.path === `${i}/${m.name}`);
-      return n$(h, p.key, p.direction);
-    }), r(() => o.find((h) => h.path === i) ?? null)) : (u([]), r(null));
+      const m = o.filter((h) => h.path === `${i}/${h.name}`);
+      return n$(m, p.key, p.direction);
+    }), r(() => o.find((m) => m.path === i) ?? null)) : (u([]), r(null));
   }, [o, i, p]), ee(() => {
     if (!s.current && Array.isArray(o) && o.length > 0) {
-      const h = o.some((m) => m.isDirectory && m.path === t) ? t : "";
-      a(h), s.current = !0;
+      const m = o.some((h) => h.isDirectory && h.path === t) ? t : "";
+      a(m), s.current = !0;
     }
   }, [o]), /* @__PURE__ */ c(
     Pn.Provider,
@@ -2789,7 +2789,7 @@ const Ro = "مجلد جديد", ko = "رفع", Oo = "لصق", Mo = "تغيير
   return /* @__PURE__ */ c(zn.Provider, { value: { clipBoard: s, setClipBoard: i, handleCutCopy: r, handlePasting: d }, children: n });
 }, Xe = () => Te(zn), Ln = ({ onLayoutChange: n, onRefresh: t, triggerAction: e, permissions: o }) => {
   var A;
-  const [s, i] = O(!1), { currentFolder: a } = he(), { selectedFiles: l, setSelectedFiles: r, handleDownload: d } = $e(), { clipBoard: u, setClipBoard: p, handleCutCopy: f, handlePasting: h } = Xe(), { activeLayout: m } = we(), v = ce(), S = [
+  const [s, i] = O(!1), { currentFolder: a } = he(), { selectedFiles: l, setSelectedFiles: r, handleDownload: d } = $e(), { clipBoard: u, setClipBoard: p, handleCutCopy: f, handlePasting: m } = Xe(), { activeLayout: h } = we(), v = ce(), S = [
     {
       icon: /* @__PURE__ */ c(mn, { size: 17, strokeWidth: 0.3 }),
       text: v("newFolder"),
@@ -2810,7 +2810,7 @@ const Ro = "مجلد جديد", ko = "رفع", Oo = "لصق", Mo = "تغيير
     }
   ], N = [
     {
-      icon: m === "grid" ? /* @__PURE__ */ c(gn, { size: 16 }) : /* @__PURE__ */ c(He, { size: 16 }),
+      icon: h === "grid" ? /* @__PURE__ */ c(gn, { size: 16 }) : /* @__PURE__ */ c(He, { size: 16 }),
       title: v("changeView"),
       onClick: () => i((g) => !g)
     },
@@ -2823,7 +2823,7 @@ const Ro = "مجلد جديد", ko = "رفع", Oo = "لصق", Mo = "تغيير
     }
   ];
   function M() {
-    h(a);
+    m(a);
   }
   const F = () => {
     d(), r([]);
@@ -3087,7 +3087,7 @@ function C$({
   const r = An(e), d = v$(a ? `${a}` : void 0), [u, p] = c$(
     o,
     s
-  ), f = ae(u), [h, m] = O(!1), v = u$(), S = i ?? v, N = ae(), M = ae(), F = ae(null), [A, g] = O(null);
+  ), f = ae(u), [m, h] = O(!1), v = u$(), S = i ?? v, N = ae(), M = ae(), F = ae(null), [A, g] = O(null);
   b$(F);
   const L = `${l.collapsedHeight || 0}px`;
   function b(w) {
@@ -3113,11 +3113,11 @@ function C$({
           overflow: "",
           transition: "",
           display: ""
-        }), r("expandEnd")) : (b({ transition: "" }), r("collapseEnd")), m(!1);
+        }), r("expandEnd")) : (b({ transition: "" }), r("collapseEnd")), h(!1);
       }
       M.current && Wt(M.current), M.current = $$(k, P);
     };
-    return m(!0), u ? N.current = requestAnimationFrame(() => {
+    return h(!0), u ? N.current = requestAnimationFrame(() => {
       r("expandStart"), b({
         display: "block",
         overflow: "hidden",
@@ -3193,7 +3193,7 @@ function C$({
         [x || "ref"]: Kt(F, C),
         style: {
           boxSizing: "border-box",
-          ...!h && !u ? {
+          ...!m && !u ? {
             // collapsed and not animating
             display: L === "0px" ? "none" : "block",
             height: L,
@@ -3231,51 +3231,26 @@ const Rn = ({ folder: n, onFileOpen: t, icons: e }) => {
   const [o, s] = O(!1), [i, a] = O(!1), { currentPath: l, setCurrentPath: r, onFolderChange: d } = he(), u = () => {
     a(!0), t(n), r(n.path), d == null || d(n.path);
   }, p = (f) => {
-    f.stopPropagation(), s((h) => !h);
+    f.stopPropagation(), s((m) => !m);
   };
   return ee(() => {
-    a(l === n.path);
-    const f = l.split("/");
-    f.pop(), f.join("/") === n.path && s(!0);
+    a(l === n.path), l.split("/").pop(), l.startsWith(n.path) && s(!0);
   }, [l]), n.subDirectories.length > 0 ? /* @__PURE__ */ R(pe, { children: [
-    /* @__PURE__ */ R(
-      "div",
-      {
-        className: `sb-folders-list-item ${i ? "active-list-item" : ""}`,
-        onClick: u,
-        children: [
-          /* @__PURE__ */ c("span", { onClick: p, children: /* @__PURE__ */ c(
-            no,
-            {
-              size: 20,
-              className: `folder-icon-default ${o ? "folder-rotate-down" : ""}`
-            }
-          ) }),
-          /* @__PURE__ */ R("div", { className: "sb-folder-details", children: [
-            o ? (
-              //{isOpen || isActive ? (
-              n.class && e && e.get(n.class) ? e.get(n.class).open || e.get(n.class).default : /* @__PURE__ */ c(qt, { size: 20, className: "folder-open-icon" })
-            ) : n.class && e && e.get(n.class) ? e.get(n.class).closed || e.get(n.class).default : /* @__PURE__ */ c(_t, { size: 17, className: "folder-close-icon" }),
-            /* @__PURE__ */ c("span", { className: "sb-folder-name", title: n.name, children: n.name })
-          ] })
-        ]
-      }
-    ),
-    /* @__PURE__ */ c(S$, { open: o, children: /* @__PURE__ */ c("div", { className: "folder-collapsible", children: n.subDirectories.map((f, h) => /* @__PURE__ */ c(Rn, { folder: f, onFileOpen: t, icons: e }, h)) }) })
-  ] }) : /* @__PURE__ */ R(
-    "div",
-    {
-      className: `sb-folders-list-item ${i ? "active-list-item" : ""}`,
-      onClick: u,
-      children: [
-        /* @__PURE__ */ c("span", { className: "non-expanable" }),
-        /* @__PURE__ */ R("div", { className: "sb-folder-details", children: [
-          i ? n.class && e && e.get(n.class) ? e.get(n.class).open || e.get(n.class).default : /* @__PURE__ */ c(qt, { size: 20, className: "folder-open-icon" }) : n.class && e && e.get(n.class) ? e.get(n.class).closed || e.get(n.class).default : /* @__PURE__ */ c(_t, { size: 17, className: "folder-close-icon" }),
-          /* @__PURE__ */ c("span", { className: "sb-folder-name", title: n.name, children: n.name })
-        ] })
-      ]
-    }
-  );
+    /* @__PURE__ */ R("div", { onClick: u, className: `sb-folders-list-item ${i ? "active-list-item" : ""}`, children: [
+      /* @__PURE__ */ c("span", { onClick: p, children: /* @__PURE__ */ c(no, { size: 20, className: `folder-icon-default ${o ? "folder-rotate-down" : ""}` }) }),
+      /* @__PURE__ */ R("div", { className: "sb-folder-details", children: [
+        o ? n.class && e && e.get(n.class) ? e.get(n.class).open || e.get(n.class).default : /* @__PURE__ */ c(qt, { size: 20, className: "folder-open-icon" }) : n.class && e && e.get(n.class) ? e.get(n.class).closed || e.get(n.class).default : /* @__PURE__ */ c(_t, { size: 17, className: "folder-close-icon" }),
+        /* @__PURE__ */ c("span", { className: "sb-folder-name", title: n.name, children: n.name })
+      ] })
+    ] }),
+    /* @__PURE__ */ c(S$, { open: o, children: /* @__PURE__ */ c("div", { className: "folder-collapsible", children: n.subDirectories.map((f, m) => /* @__PURE__ */ c(Rn, { folder: f, onFileOpen: t, icons: e }, m)) }) })
+  ] }) : /* @__PURE__ */ R("div", { onClick: u, className: `sb-folders-list-item ${i ? "active-list-item" : ""}`, children: [
+    /* @__PURE__ */ c("span", { className: "non-expanable" }),
+    /* @__PURE__ */ R("div", { className: "sb-folder-details", children: [
+      i ? n.class && e && e.get(n.class) ? e.get(n.class).open || e.get(n.class).default : /* @__PURE__ */ c(qt, { size: 20, className: "folder-open-icon" }) : n.class && e && e.get(n.class) ? e.get(n.class).closed || e.get(n.class).default : /* @__PURE__ */ c(_t, { size: 17, className: "folder-close-icon" }),
+      /* @__PURE__ */ c("span", { className: "sb-folder-name", title: n.name, children: n.name })
+    ] })
+  ] });
 }, E$ = (n) => n == null ? void 0 : n.split("/").slice(0, -1).join("/"), kn = ({ onFileOpen: n, icons: t }) => {
   const [e, o] = O([]), { files: s } = Ze(), i = ce(), a = (l, r) => {
     var d;
@@ -3308,7 +3283,7 @@ var Gt;
 function T$() {
   if (Gt) return te;
   Gt = 1;
-  var n = typeof Symbol == "function" && Symbol.for, t = n ? Symbol.for("react.element") : 60103, e = n ? Symbol.for("react.portal") : 60106, o = n ? Symbol.for("react.fragment") : 60107, s = n ? Symbol.for("react.strict_mode") : 60108, i = n ? Symbol.for("react.profiler") : 60114, a = n ? Symbol.for("react.provider") : 60109, l = n ? Symbol.for("react.context") : 60110, r = n ? Symbol.for("react.async_mode") : 60111, d = n ? Symbol.for("react.concurrent_mode") : 60111, u = n ? Symbol.for("react.forward_ref") : 60112, p = n ? Symbol.for("react.suspense") : 60113, f = n ? Symbol.for("react.suspense_list") : 60120, h = n ? Symbol.for("react.memo") : 60115, m = n ? Symbol.for("react.lazy") : 60116, v = n ? Symbol.for("react.block") : 60121, S = n ? Symbol.for("react.fundamental") : 60117, N = n ? Symbol.for("react.responder") : 60118, M = n ? Symbol.for("react.scope") : 60119;
+  var n = typeof Symbol == "function" && Symbol.for, t = n ? Symbol.for("react.element") : 60103, e = n ? Symbol.for("react.portal") : 60106, o = n ? Symbol.for("react.fragment") : 60107, s = n ? Symbol.for("react.strict_mode") : 60108, i = n ? Symbol.for("react.profiler") : 60114, a = n ? Symbol.for("react.provider") : 60109, l = n ? Symbol.for("react.context") : 60110, r = n ? Symbol.for("react.async_mode") : 60111, d = n ? Symbol.for("react.concurrent_mode") : 60111, u = n ? Symbol.for("react.forward_ref") : 60112, p = n ? Symbol.for("react.suspense") : 60113, f = n ? Symbol.for("react.suspense_list") : 60120, m = n ? Symbol.for("react.memo") : 60115, h = n ? Symbol.for("react.lazy") : 60116, v = n ? Symbol.for("react.block") : 60121, S = n ? Symbol.for("react.fundamental") : 60117, N = n ? Symbol.for("react.responder") : 60118, M = n ? Symbol.for("react.scope") : 60119;
   function F(g) {
     if (typeof g == "object" && g !== null) {
       var L = g.$$typeof;
@@ -3326,8 +3301,8 @@ function T$() {
               switch (g = g && g.$$typeof, g) {
                 case l:
                 case u:
-                case m:
                 case h:
+                case m:
                 case a:
                   return g;
                 default:
@@ -3342,7 +3317,7 @@ function T$() {
   function A(g) {
     return F(g) === d;
   }
-  return te.AsyncMode = r, te.ConcurrentMode = d, te.ContextConsumer = l, te.ContextProvider = a, te.Element = t, te.ForwardRef = u, te.Fragment = o, te.Lazy = m, te.Memo = h, te.Portal = e, te.Profiler = i, te.StrictMode = s, te.Suspense = p, te.isAsyncMode = function(g) {
+  return te.AsyncMode = r, te.ConcurrentMode = d, te.ContextConsumer = l, te.ContextProvider = a, te.Element = t, te.ForwardRef = u, te.Fragment = o, te.Lazy = h, te.Memo = m, te.Portal = e, te.Profiler = i, te.StrictMode = s, te.Suspense = p, te.isAsyncMode = function(g) {
     return A(g) || F(g) === r;
   }, te.isConcurrentMode = A, te.isContextConsumer = function(g) {
     return F(g) === l;
@@ -3355,9 +3330,9 @@ function T$() {
   }, te.isFragment = function(g) {
     return F(g) === o;
   }, te.isLazy = function(g) {
-    return F(g) === m;
-  }, te.isMemo = function(g) {
     return F(g) === h;
+  }, te.isMemo = function(g) {
+    return F(g) === m;
   }, te.isPortal = function(g) {
     return F(g) === e;
   }, te.isProfiler = function(g) {
@@ -3367,7 +3342,7 @@ function T$() {
   }, te.isSuspense = function(g) {
     return F(g) === p;
   }, te.isValidElementType = function(g) {
-    return typeof g == "string" || typeof g == "function" || g === o || g === d || g === i || g === s || g === p || g === f || typeof g == "object" && g !== null && (g.$$typeof === m || g.$$typeof === h || g.$$typeof === a || g.$$typeof === l || g.$$typeof === u || g.$$typeof === S || g.$$typeof === N || g.$$typeof === M || g.$$typeof === v);
+    return typeof g == "string" || typeof g == "function" || g === o || g === d || g === i || g === s || g === p || g === f || typeof g == "object" && g !== null && (g.$$typeof === h || g.$$typeof === m || g.$$typeof === a || g.$$typeof === l || g.$$typeof === u || g.$$typeof === S || g.$$typeof === N || g.$$typeof === M || g.$$typeof === v);
   }, te.typeOf = F, te;
 }
 var ne = {};
@@ -3382,10 +3357,10 @@ var ne = {};
 var Jt;
 function z$() {
   return Jt || (Jt = 1, process.env.NODE_ENV !== "production" && function() {
-    var n = typeof Symbol == "function" && Symbol.for, t = n ? Symbol.for("react.element") : 60103, e = n ? Symbol.for("react.portal") : 60106, o = n ? Symbol.for("react.fragment") : 60107, s = n ? Symbol.for("react.strict_mode") : 60108, i = n ? Symbol.for("react.profiler") : 60114, a = n ? Symbol.for("react.provider") : 60109, l = n ? Symbol.for("react.context") : 60110, r = n ? Symbol.for("react.async_mode") : 60111, d = n ? Symbol.for("react.concurrent_mode") : 60111, u = n ? Symbol.for("react.forward_ref") : 60112, p = n ? Symbol.for("react.suspense") : 60113, f = n ? Symbol.for("react.suspense_list") : 60120, h = n ? Symbol.for("react.memo") : 60115, m = n ? Symbol.for("react.lazy") : 60116, v = n ? Symbol.for("react.block") : 60121, S = n ? Symbol.for("react.fundamental") : 60117, N = n ? Symbol.for("react.responder") : 60118, M = n ? Symbol.for("react.scope") : 60119;
+    var n = typeof Symbol == "function" && Symbol.for, t = n ? Symbol.for("react.element") : 60103, e = n ? Symbol.for("react.portal") : 60106, o = n ? Symbol.for("react.fragment") : 60107, s = n ? Symbol.for("react.strict_mode") : 60108, i = n ? Symbol.for("react.profiler") : 60114, a = n ? Symbol.for("react.provider") : 60109, l = n ? Symbol.for("react.context") : 60110, r = n ? Symbol.for("react.async_mode") : 60111, d = n ? Symbol.for("react.concurrent_mode") : 60111, u = n ? Symbol.for("react.forward_ref") : 60112, p = n ? Symbol.for("react.suspense") : 60113, f = n ? Symbol.for("react.suspense_list") : 60120, m = n ? Symbol.for("react.memo") : 60115, h = n ? Symbol.for("react.lazy") : 60116, v = n ? Symbol.for("react.block") : 60121, S = n ? Symbol.for("react.fundamental") : 60117, N = n ? Symbol.for("react.responder") : 60118, M = n ? Symbol.for("react.scope") : 60119;
     function F(E) {
       return typeof E == "string" || typeof E == "function" || // Note: its typeof might be other than 'symbol' or 'number' if it's a polyfill.
-      E === o || E === d || E === i || E === s || E === p || E === f || typeof E == "object" && E !== null && (E.$$typeof === m || E.$$typeof === h || E.$$typeof === a || E.$$typeof === l || E.$$typeof === u || E.$$typeof === S || E.$$typeof === N || E.$$typeof === M || E.$$typeof === v);
+      E === o || E === d || E === i || E === s || E === p || E === f || typeof E == "object" && E !== null && (E.$$typeof === h || E.$$typeof === m || E.$$typeof === a || E.$$typeof === l || E.$$typeof === u || E.$$typeof === S || E.$$typeof === N || E.$$typeof === M || E.$$typeof === v);
     }
     function A(E) {
       if (typeof E == "object" && E !== null) {
@@ -3406,8 +3381,8 @@ function z$() {
                 switch (ze) {
                   case l:
                   case u:
-                  case m:
                   case h:
+                  case m:
                   case a:
                     return ze;
                   default:
@@ -3419,7 +3394,7 @@ function z$() {
         }
       }
     }
-    var g = r, L = d, b = l, w = a, $ = t, x = u, C = o, P = m, k = h, T = e, U = i, q = s, Q = p, ie = !1;
+    var g = r, L = d, b = l, w = a, $ = t, x = u, C = o, P = h, k = m, T = e, U = i, q = s, Q = p, ie = !1;
     function _(E) {
       return ie || (ie = !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.")), y(E) || A(E) === r;
     }
@@ -3442,10 +3417,10 @@ function z$() {
       return A(E) === o;
     }
     function Y(E) {
-      return A(E) === m;
+      return A(E) === h;
     }
     function K(E) {
-      return A(E) === h;
+      return A(E) === m;
     }
     function J(E) {
       return A(E) === e;
@@ -3558,16 +3533,16 @@ function A$() {
               throw f.name = "Invariant Violation", f;
             }
             p = i[u](a, u, r, l, null, t);
-          } catch (m) {
-            p = m;
+          } catch (h) {
+            p = h;
           }
           if (p && !(p instanceof Error) && n(
             (r || "React class") + ": type specification of " + l + " `" + u + "` is invalid; the type checker function must return `null` or an `Error` but returned a " + typeof p + ". You may have forgotten to pass an argument to the type checker creator (arrayOf, instanceOf, objectOf, oneOf, oneOfType, and shape all require an argument)."
           ), p instanceof Error && !(p.message in e)) {
             e[p.message] = !0;
-            var h = d ? d() : "";
+            var m = d ? d() : "";
             n(
-              "Failed " + l + " type: " + p.message + (h ?? "")
+              "Failed " + l + " type: " + p.message + (m ?? "")
             );
           }
         }
@@ -3601,7 +3576,7 @@ function R$() {
       if (typeof z == "function")
         return z;
     }
-    var f = "<<anonymous>>", h = {
+    var f = "<<anonymous>>", m = {
       array: N("array"),
       bigint: N("bigint"),
       bool: N("boolean"),
@@ -3622,7 +3597,7 @@ function R$() {
       shape: P,
       exact: k
     };
-    function m(y, z) {
+    function h(y, z) {
       return y === z ? y !== 0 || 1 / y === 1 / z : y !== y && z !== z;
     }
     function v(y, z) {
@@ -3726,7 +3701,7 @@ function R$() {
         ) : i("Invalid argument supplied to oneOf, expected an array.")), a;
       function z(B, j, V, G, Y) {
         for (var K = B[j], J = 0; J < y.length; J++)
-          if (m(K, y[J]))
+          if (h(K, y[J]))
             return null;
         var Z = JSON.stringify(y, function(oe, E) {
           var re = Q(E);
@@ -3895,7 +3870,7 @@ Valid keys: ` + JSON.stringify(Object.keys(y), null, "  ")
     function _(y) {
       return !y.constructor || !y.constructor.name ? f : y.constructor.name;
     }
-    return h.checkPropTypes = s, h.resetWarningCache = s.resetWarningCache, h.PropTypes = h, h;
+    return m.checkPropTypes = s, m.resetWarningCache = s.resetWarningCache, m.PropTypes = m, m;
   }, rt;
 }
 var lt, on;
@@ -3965,7 +3940,7 @@ function D$(n) {
   return H({ attr: { viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round" }, child: [{ tag: "path", attr: { d: "M4 4m0 2a2 2 0 0 1 2 -2h12a2 2 0 0 1 2 2v12a2 2 0 0 1 -2 2h-12a2 2 0 0 1 -2 -2z" }, child: [] }, { tag: "path", attr: { d: "M9 4v16" }, child: [] }, { tag: "path", attr: { d: "M14 10l2 2l-2 2" }, child: [] }] })(n);
 }
 const gt = ({ collapsibleNav: n, isNavigationPaneOpen: t, setNavigationPaneOpen: e }) => {
-  const [o, s] = O([]), [i, a] = O([]), [l, r] = O([]), [d, u] = O(!1), { currentPath: p, setCurrentPath: f, onFolderChange: h } = he(), m = ae(null), v = ae([]), S = ae(null), N = Oe(() => {
+  const [o, s] = O([]), [i, a] = O([]), [l, r] = O([]), [d, u] = O(!1), { currentPath: p, setCurrentPath: f, onFolderChange: m } = he(), h = ae(null), v = ae([]), S = ae(null), N = Oe(() => {
     u(!1);
   }), M = ce(), F = ae(null);
   ee(() => {
@@ -3978,16 +3953,16 @@ const gt = ({ collapsibleNav: n, isNavigationPaneOpen: t, setNavigationPaneOpen:
     }), a([]), r([]);
   }, [p, M]);
   const A = (w) => {
-    f(w), h == null || h(w);
+    f(w), m == null || m(w);
   }, g = () => {
     var q;
-    const w = m.current.clientWidth, $ = getComputedStyle(m.current), x = parseFloat($.paddingLeft), C = n ? 2 : 0, k = n ? ((q = F.current) == null ? void 0 : q.clientWidth) + 1 : 0, T = i.length > 0 ? 1 : 0, U = parseFloat($.gap) * (o.length + T + C);
+    const w = h.current.clientWidth, $ = getComputedStyle(h.current), x = parseFloat($.paddingLeft), C = n ? 2 : 0, k = n ? ((q = F.current) == null ? void 0 : q.clientWidth) + 1 : 0, T = i.length > 0 ? 1 : 0, U = parseFloat($.gap) * (o.length + T + C);
     return w - (x + U + k);
   }, L = () => {
     var C;
     const w = g(), $ = v.current.reduce((P, k) => k ? P + k.clientWidth : P, 0), x = ((C = S.current) == null ? void 0 : C.clientWidth) || 0;
     return w - ($ + x);
-  }, b = () => m.current.scrollWidth > m.current.clientWidth;
+  }, b = () => h.current.scrollWidth > h.current.clientWidth;
   return ee(() => {
     var w;
     if (b()) {
@@ -3998,7 +3973,7 @@ const gt = ({ collapsibleNav: n, isNavigationPaneOpen: t, setNavigationPaneOpen:
       s($), a((x) => x.slice(0, -1)), r((x) => x.slice(0, -1));
     }
   }, [b]), /* @__PURE__ */ R("div", { className: "bread-crumb-container", children: [
-    /* @__PURE__ */ R("div", { className: "breadcrumb", ref: m, children: [
+    /* @__PURE__ */ R("div", { className: "breadcrumb", ref: h, children: [
       n && /* @__PURE__ */ R(pe, { children: [
         /* @__PURE__ */ c(
           "div",
@@ -4125,7 +4100,7 @@ const _e = (n) => ({
     rows: l
   }
 ), Un = ({ message: n, xPlacement: t, yPlacement: e }) => /* @__PURE__ */ c("p", { className: `error-tooltip ${t} ${e}`, children: n }), U$ = 220, j$ = ({ filesViewRef: n, file: t, onCreateFolder: e, triggerAction: o }) => {
-  const [s, i] = O(t.name), [a, l] = O(!1), [r, d] = O(""), [u, p] = O("right"), [f, h] = O("bottom"), m = Oe((b) => {
+  const [s, i] = O(t.name), [a, l] = O(!1), [r, d] = O(""), [u, p] = O("right"), [f, m] = O("bottom"), h = Oe((b) => {
     b.preventDefault(), b.stopPropagation();
   }), { currentFolder: v, currentPathFiles: S, setCurrentPathFiles: N } = he(), { activeLayout: M } = we(), F = ce(), A = (b) => {
     i(b.target.value), l(!1);
@@ -4153,25 +4128,25 @@ const _e = (n) => ({
     let b = s.trim();
     const w = S.filter((P) => !(P.key && P.key === t.key));
     if (w.find((P) => P.name.toLowerCase() === b.toLowerCase())) {
-      d(F("folderExists", { renameFile: b })), l(!0), (x = m.ref.current) == null || x.focus(), (C = m.ref.current) == null || C.select(), m.setIsClicked(!1);
+      d(F("folderExists", { renameFile: b })), l(!0), (x = h.ref.current) == null || x.focus(), (C = h.ref.current) == null || C.select(), h.setIsClicked(!1);
       return;
     }
     b === "" && (b = In("New Folder", !0, w)), xe(e, "onCreateFolder", b, v), N((P) => P.filter((k) => k.key !== t.key)), o.close();
   }
   return ee(() => {
     var b, w, $;
-    if ((b = m.ref.current) == null || b.focus(), (w = m.ref.current) == null || w.select(), ($ = m.ref) != null && $.current) {
-      const k = n.current.getBoundingClientRect(), T = m.ref.current, U = T.getBoundingClientRect();
-      k.right - U.left > 313 ? p("right") : p("left"), k.bottom - (U.top + T.clientHeight) > 88 ? h("bottom") : h("top");
+    if ((b = h.ref.current) == null || b.focus(), (w = h.ref.current) == null || w.select(), ($ = h.ref) != null && $.current) {
+      const k = n.current.getBoundingClientRect(), T = h.ref.current, U = T.getBoundingClientRect();
+      k.right - U.left > 313 ? p("right") : p("left"), k.bottom - (U.top + T.clientHeight) > 88 ? m("bottom") : m("top");
     }
   }, []), ee(() => {
-    m.isClicked && L();
-  }, [m.isClicked]), /* @__PURE__ */ R(pe, { children: [
+    h.isClicked && L();
+  }, [h.isClicked]), /* @__PURE__ */ R(pe, { children: [
     /* @__PURE__ */ c(
       Dn,
       {
         id: "newFolder",
-        nameInputRef: m.ref,
+        nameInputRef: h.ref,
         maxLength: U$,
         value: s,
         onChange: A,
@@ -4241,7 +4216,7 @@ const jn = ({
     }
   );
 }, Ne = (n) => n.split(".").pop(), V$ = 220, B$ = ({ filesViewRef: n, file: t, onRename: e, triggerAction: o }) => {
-  const [s, i] = O(t == null ? void 0 : t.name), [a, l] = O(!1), [r, d] = O(!1), [u, p] = O(""), [f, h] = O("right"), [m, v] = O("bottom"), { currentPathFiles: S, setCurrentPathFiles: N } = he(), { activeLayout: M } = we(), F = ce(), A = ae(null), g = Oe(($) => {
+  const [s, i] = O(t == null ? void 0 : t.name), [a, l] = O(!1), [r, d] = O(!1), [u, p] = O(""), [f, m] = O("right"), [h, v] = O("bottom"), { currentPathFiles: S, setCurrentPathFiles: N } = he(), { activeLayout: M } = we(), F = ce(), A = ae(null), g = Oe(($) => {
     var x;
     (x = A.current) != null && x.contains($.target) || ($.preventDefault(), $.stopPropagation());
   }), L = ($) => {
@@ -4296,7 +4271,7 @@ const jn = ({
     var $;
     if (w(), ($ = g.ref) != null && $.current) {
       const k = n.current.getBoundingClientRect(), T = g.ref.current, U = T.getBoundingClientRect();
-      k.right - U.left > 313 ? h("right") : h("left"), k.bottom - (U.top + T.clientHeight) > 88 ? v("bottom") : v("top");
+      k.right - U.left > 313 ? m("right") : m("left"), k.bottom - (U.top + T.clientHeight) > 88 ? v("bottom") : v("top");
     }
   }, []), ee(() => {
     g.isClicked && b(!1), w();
@@ -4321,7 +4296,7 @@ const jn = ({
       {
         message: u,
         xPlacement: f,
-        yPlacement: m
+        yPlacement: h
       }
     ),
     /* @__PURE__ */ c(
@@ -4401,10 +4376,10 @@ const jn = ({
   handleContextMenu: u,
   setLastSelectedFile: p,
   draggable: f,
-  formatDate: h
+  formatDate: m
 }) => {
   var ze, vt, $t, yt;
-  const [m, v] = O(!1), [S, N] = O(0), [M, F] = O("hidden"), [A, g] = O(""), [L, b] = O(null), { activeLayout: w } = we(), $ = w === "grid" ? 48 : 20, x = _e($), { setCurrentPath: C, currentPathFiles: P, onFolderChange: k } = he(), { setSelectedFiles: T } = $e(), { clipBoard: U, handleCutCopy: q, setClipBoard: Q, handlePasting: ie } = Xe(), _ = ae(null), y = _e(ct), z = (U == null ? void 0 : U.isMoving) && U.files.find((X) => X.name === e.name && X.path === e.path), B = () => {
+  const [h, v] = O(!1), [S, N] = O(0), [M, F] = O("hidden"), [A, g] = O(""), [L, b] = O(null), { activeLayout: w } = we(), $ = w === "grid" ? 48 : 20, x = _e($), { setCurrentPath: C, currentPathFiles: P, onFolderChange: k } = he(), { setSelectedFiles: T } = $e(), { clipBoard: U, handleCutCopy: q, setClipBoard: Q, handlePasting: ie } = Xe(), _ = ae(null), y = _e(ct), z = (U == null ? void 0 : U.isMoving) && U.files.find((X) => X.name === e.name && X.path === e.path), B = () => {
     a(e), e.isDirectory ? (C(e.path), k == null || k(e.path), T([])) : i && d.show("previewFile");
   }, j = (X, fe) => {
     if (r.length > 0 && X) {
@@ -4431,28 +4406,28 @@ const jn = ({
   }, G = (X) => {
     X.key === "Enter" && (X.stopPropagation(), T([e]), B());
   }, Y = (X) => {
-    X.stopPropagation(), X.preventDefault(), !e.isEditing && (m || T([e]), p(e), u(X, !0));
+    X.stopPropagation(), X.preventDefault(), !e.isEditing && (h || T([e]), p(e), u(X, !0));
   }, K = () => {
     F("visible");
   }, J = () => {
-    !m && F("hidden");
+    !h && F("hidden");
   }, Z = (X) => {
     X.target.checked ? T((fe) => [...fe, e]) : T((fe) => fe.filter((ge) => ge.name !== e.name && ge.path !== e.path)), v(X.target.checked);
   }, D = (X) => {
     X.dataTransfer.setDragImage(_.current, 30, 50), X.dataTransfer.effectAllowed = "copy", q(!0);
   }, oe = () => Q(null), E = (X) => {
-    X.preventDefault(), m || !e.isDirectory ? X.dataTransfer.dropEffect = "none" : (b({ x: X.clientX, y: X.clientY + 12 }), X.dataTransfer.dropEffect = "copy", g("file-drop-zone"));
+    X.preventDefault(), h || !e.isDirectory ? X.dataTransfer.dropEffect = "none" : (b({ x: X.clientX, y: X.clientY + 12 }), X.dataTransfer.dropEffect = "copy", g("file-drop-zone"));
   }, re = (X) => {
     X.currentTarget.contains(X.relatedTarget) || (g((fe) => fe && ""), b(null));
   }, ye = (X) => {
-    X.preventDefault(), !(m || !e.isDirectory) && (ie(e), g((fe) => fe && ""), b(null));
+    X.preventDefault(), !(h || !e.isDirectory) && (ie(e), g((fe) => fe && ""), b(null));
   };
   return ee(() => {
     v(r.includes(t)), F(r.includes(t) ? "visible" : "hidden");
-  }, [r]), console.log("show ", e.path, e.isDirectory, e.class, n), /* @__PURE__ */ R(
+  }, [r]), /* @__PURE__ */ R(
     "div",
     {
-      className: `file-item-container ${A} ${m || e.isEditing ? "file-selected" : ""} ${z ? "file-moving" : ""}`,
+      className: `file-item-container ${A} ${h || e.isEditing ? "file-selected" : ""} ${z ? "file-moving" : ""}`,
       tabIndex: 0,
       title: e.name,
       onClick: V,
@@ -4460,7 +4435,7 @@ const jn = ({
       onContextMenu: Y,
       onMouseOver: K,
       onMouseLeave: J,
-      draggable: m && f,
+      draggable: h && f,
       onDragStart: D,
       onDragEnd: oe,
       onDragEnter: E,
@@ -4474,7 +4449,7 @@ const jn = ({
             {
               name: e.name,
               id: e.name,
-              checked: m,
+              checked: h,
               className: `selection-checkbox ${M}`,
               onChange: Z,
               onClick: (X) => X.stopPropagation()
@@ -4504,7 +4479,7 @@ const jn = ({
           ) }) : /* @__PURE__ */ c("span", { className: "text-truncate file-name", children: e.name })
         ] }),
         w === "list" && /* @__PURE__ */ R(pe, { children: [
-          /* @__PURE__ */ c("div", { className: "modified-date", children: h(e.updatedAt) }),
+          /* @__PURE__ */ c("div", { className: "modified-date", children: m(e.updatedAt) }),
           /* @__PURE__ */ c("div", { className: "size", children: (e == null ? void 0 : e.size) > 0 ? Qe(e == null ? void 0 : e.size) : "" })
         ] }),
         L && /* @__PURE__ */ R(
@@ -4530,7 +4505,7 @@ const jn = ({
   o.icon,
   /* @__PURE__ */ c("span", { children: o.title })
 ] }, o.title)) }), K$ = ({ filesViewRef: n, contextMenuRef: t, menuItems: e, visible: o, clickPosition: s }) => {
-  const [i, a] = O(0), [l, r] = O(0), [d, u] = O(null), [p, f] = O("right"), h = ae(null), m = () => {
+  const [i, a] = O(0), [l, r] = O(0), [d, u] = O(null), [p, f] = O("right"), m = ae(null), h = () => {
     const { clickX: N, clickY: M } = s, F = n.current, A = F.getBoundingClientRect(), g = F.offsetWidth - F.clientWidth, L = t.current.getBoundingClientRect(), b = L.width, w = L.height, $ = N - A.left, x = A.width - ($ + g) > b, C = !x, P = M - A.top, k = A.height - P > w, T = !k;
     x ? (a(`${$}px`), f("right")) : C && (a(`${$ - b}px`), f("left")), k ? r(`${P + F.scrollTop}px`) : T && r(`${P + F.scrollTop - w}px`);
   }, v = (N) => {
@@ -4539,7 +4514,7 @@ const jn = ({
     u(N);
   };
   if (ee(() => {
-    o && t.current ? m() : (r(0), a(0), u(null));
+    o && t.current ? h() : (r(0), a(0), u(null));
   }, [o]), o)
     return /* @__PURE__ */ c(
       "div",
@@ -4569,7 +4544,7 @@ const jn = ({
                     A && /* @__PURE__ */ c(
                       Y$,
                       {
-                        subMenuRef: h,
+                        subMenuRef: m,
                         list: N.children,
                         position: p
                       }
@@ -4588,12 +4563,12 @@ function q$(n) {
   return H({ 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: [] }] })(n);
 }
 const _$ = (n, t, e, o, s) => {
-  const [i, a] = O([]), [l, r] = O(!1), [d, u] = O(!1), [p, f] = O({ clickX: 0, clickY: 0 }), [h, m] = O(null), { clipBoard: v, setClipBoard: S, handleCutCopy: N, handlePasting: M } = Xe(), { selectedFiles: F, setSelectedFiles: A, handleDownload: g } = $e(), { currentPath: L, setCurrentPath: b, currentPathFiles: w, setCurrentPathFiles: $, onFolderChange: x } = he(), { activeLayout: C, setActiveLayout: P } = we(), k = ce(), T = () => {
-    s(h), h.isDirectory ? (b(h.path), x == null || x(h.path), a([]), A([])) : t && e.show("previewFile"), r(!1);
+  const [i, a] = O([]), [l, r] = O(!1), [d, u] = O(!1), [p, f] = O({ clickX: 0, clickY: 0 }), [m, h] = O(null), { clipBoard: v, setClipBoard: S, handleCutCopy: N, handlePasting: M } = Xe(), { selectedFiles: F, setSelectedFiles: A, handleDownload: g } = $e(), { currentPath: L, setCurrentPath: b, currentPathFiles: w, setCurrentPathFiles: $, onFolderChange: x } = he(), { activeLayout: C, setActiveLayout: P } = we(), k = ce(), T = () => {
+    s(m), m.isDirectory ? (b(m.path), x == null || x(m.path), a([]), A([])) : t && e.show("previewFile"), r(!1);
   }, U = (D) => {
     N(D), r(!1);
   }, q = () => {
-    M(h), r(!1);
+    M(m), r(!1);
   }, Q = () => {
     r(!1), e.show("rename");
   }, ie = () => {
@@ -4661,7 +4636,7 @@ const _$ = (n, t, e, o, s) => {
   ], G = [
     {
       title: k("open"),
-      icon: h != null && h.isDirectory ? /* @__PURE__ */ c(q$, { size: 20 }) : /* @__PURE__ */ c(Ve, { size: 16 }),
+      icon: m != null && m.isDirectory ? /* @__PURE__ */ c(q$, { size: 20 }) : /* @__PURE__ */ c(Ve, { size: 16 }),
       onClick: T,
       divider: !0
     },
@@ -4669,14 +4644,14 @@ const _$ = (n, t, e, o, s) => {
       title: k("cut"),
       icon: /* @__PURE__ */ c(vn, { size: 19 }),
       onClick: () => U(!0),
-      divider: !(h != null && h.isDirectory) && !o.copy,
+      divider: !(m != null && m.isDirectory) && !o.copy,
       hidden: !o.move
     },
     {
       title: k("copy"),
       icon: /* @__PURE__ */ c(hn, { strokeWidth: 0.1, size: 17 }),
       onClick: () => U(!1),
-      divider: !(h != null && h.isDirectory),
+      divider: !(m != null && m.isDirectory),
       hidden: !o.copy
     },
     {
@@ -4684,7 +4659,7 @@ const _$ = (n, t, e, o, s) => {
       icon: /* @__PURE__ */ c(ut, { size: 18 }),
       onClick: q,
       className: `${v ? "" : "disable-paste"}`,
-      hidden: !(h != null && h.isDirectory) || !o.move && !o.copy,
+      hidden: !(m != null && m.isDirectory) || !o.move && !o.copy,
       divider: !0
     },
     {
@@ -4750,7 +4725,7 @@ const _$ = (n, t, e, o, s) => {
     unselectFiles: J,
     visible: l,
     setVisible: r,
-    setLastSelectedFile: m,
+    setLastSelectedFile: h,
     selectedFileIndexes: i,
     clickPosition: p,
     isSelectionCtx: d
@@ -4826,7 +4801,7 @@ const _$ = (n, t, e, o, s) => {
   permissions: r,
   formatDate: d
 }) => {
-  const { currentPathFiles: u, sortConfig: p, setSortConfig: f } = he(), h = ae(null), { activeLayout: m } = we(), v = ce(), {
+  const { currentPathFiles: u, sortConfig: p, setSortConfig: f } = he(), m = ae(null), { activeLayout: h } = we(), v = ce(), {
     emptySelecCtxItems: S,
     selecCtxItems: N,
     handleContextMenu: M,
@@ -4866,12 +4841,12 @@ const _$ = (n, t, e, o, s) => {
   return /* @__PURE__ */ R(
     "div",
     {
-      ref: h,
-      className: `files ${m}`,
+      ref: m,
+      className: `files ${h}`,
       onContextMenu: M,
       onClick: F,
       children: [
-        m === "list" && /* @__PURE__ */ c(G$, { unselectFiles: F, onSort: C, sortConfig: p }),
+        h === "list" && /* @__PURE__ */ c(G$, { unselectFiles: F, onSort: C, sortConfig: p }),
         (u == null ? void 0 : u.length) > 0 ? /* @__PURE__ */ c(pe, { children: u.map((T, U) => /* @__PURE__ */ c(
           W$,
           {
@@ -4883,7 +4858,7 @@ const _$ = (n, t, e, o, s) => {
             onFileOpen: s,
             enableFilePreview: a,
             triggerAction: l,
-            filesViewRef: h,
+            filesViewRef: m,
             selectedFileIndexes: b,
             handleContextMenu: M,
             setVisible: g,
@@ -4896,7 +4871,7 @@ const _$ = (n, t, e, o, s) => {
         /* @__PURE__ */ c(
           K$,
           {
-            filesViewRef: h,
+            filesViewRef: m,
             contextMenuRef: x.ref,
             menuItems: $ ? k : S,
             visible: A,
@@ -4956,7 +4931,7 @@ const t6 = ({
   handleFileRemove: a
 }) => {
   var b, w, $, x;
-  const [l, r] = O(0), [d, u] = O(!1), [p, f] = O(!1), [h, m] = O(!1), v = _e(33), S = ae(), { onError: N } = Ze(), M = ce(), F = (C) => {
+  const [l, r] = O(0), [d, u] = O(!1), [p, f] = O(!1), [m, h] = O(!1), v = _e(33), S = ae(), { onError: N } = Ze(), M = ce(), F = (C) => {
     r(0), o((k) => ({
       ...k,
       [n]: !1
@@ -4975,7 +4950,7 @@ const t6 = ({
         ...T,
         error: P.message
       } : T)
-    ), m(!0), N(P, t.file);
+    ), h(!0), N(P, t.file);
   }, A = (C) => {
     if (!C.error)
       return new Promise((P, k) => {
@@ -5021,7 +4996,7 @@ const t6 = ({
         ...P,
         error: !1
       } : P)
-    ), A({ ...t, error: !1 }), f(!1), m(!1));
+    ), A({ ...t, error: !1 }), f(!1), h(!1));
   };
   return t.removed ? null : /* @__PURE__ */ R("li", { children: [
     /* @__PURE__ */ c("div", { className: "file-icon", children: v[Ne((b = t.file) == null ? void 0 : b.name)] ?? /* @__PURE__ */ c(Ve, { size: 33 }) }),
@@ -5031,7 +5006,7 @@ const t6 = ({
           /* @__PURE__ */ c("span", { className: "file-name text-truncate", title: (w = t.file) == null ? void 0 : w.name, children: ($ = t.file) == null ? void 0 : $.name }),
           /* @__PURE__ */ c("span", { className: "file-size", children: Qe((x = t.file) == null ? void 0 : x.size) })
         ] }),
-        d ? /* @__PURE__ */ c(F$, { title: M("uploaded"), className: "upload-success" }) : p || h ? /* @__PURE__ */ c(e6, { className: "retry-upload", title: "Retry", onClick: L }) : /* @__PURE__ */ c(
+        d ? /* @__PURE__ */ c(F$, { title: M("uploaded"), className: "upload-success" }) : p || m ? /* @__PURE__ */ c(e6, { className: "retry-upload", title: "Retry", onClick: L }) : /* @__PURE__ */ c(
           "div",
           {
             className: "rm-file",
@@ -5059,8 +5034,8 @@ const t6 = ({
   onFileUploading: o,
   onFileUploaded: s
 }) => {
-  const [i, a] = O([]), [l, r] = O(!1), [d, u] = O({}), { currentFolder: p, currentPathFiles: f } = he(), { onError: h } = Ze(), m = ae(null), v = ce(), S = (L) => {
-    L.key === "Enter" && m.current.click();
+  const [i, a] = O([]), [l, r] = O(!1), [d, u] = O({}), { currentFolder: p, currentPathFiles: f } = he(), { onError: m } = Ze(), h = ae(null), v = ce(), S = (L) => {
+    L.key === "Enter" && h.current.click();
   }, N = (L) => {
     if (e && !e.includes(Ne(L.name)))
       return v("fileTypeNotAllowed");
@@ -5074,7 +5049,7 @@ const t6 = ({
     ), L.length > 0) {
       const b = L.map((w) => {
         const $ = o(w, p), x = N(w);
-        return x && h({ type: "upload", message: x }, w), {
+        return x && m({ type: "upload", message: x }, w), {
           file: w,
           appendData: $,
           ...x && { error: x }
@@ -5119,7 +5094,7 @@ const t6 = ({
         /* @__PURE__ */ c(
           "input",
           {
-            ref: m,
+            ref: h,
             type: "file",
             id: "chooseFile",
             className: "choose-file-input",
@@ -5157,9 +5132,9 @@ const t6 = ({
     [t]
   ), f = () => {
     o(!1), i(!1);
-  }, h = () => {
-    o(!1), i(!0);
   }, m = () => {
+    o(!1), i(!0);
+  }, h = () => {
     window.location.href = d;
   };
   return ve.isValidElement(p) ? p : /* @__PURE__ */ R("section", { className: `file-previewer ${r === "pdf" ? "pdf-previewer" : ""}`, children: [
@@ -5176,7 +5151,7 @@ const t6 = ({
         a[0].size && /* @__PURE__ */ c("span", { children: "-" }),
         /* @__PURE__ */ c("span", { className: "file-size", children: Qe(a[0].size) })
       ] }),
-      /* @__PURE__ */ c(Ee, { onClick: m, padding: "0.45rem .9rem", children: /* @__PURE__ */ R("div", { className: "download-btn", children: [
+      /* @__PURE__ */ c(Ee, { onClick: h, padding: "0.45rem .9rem", children: /* @__PURE__ */ R("div", { className: "download-btn", children: [
         /* @__PURE__ */ c(ht, { size: 18 }),
         /* @__PURE__ */ c("span", { children: u("download") })
       ] }) })
@@ -5190,7 +5165,7 @@ const t6 = ({
           alt: "Preview Unavailable",
           className: `photo-popup-image ${e ? "img-loading" : ""}`,
           onLoad: f,
-          onError: h,
+          onError: m,
           loading: "lazy"
         }
       )
@@ -5202,7 +5177,7 @@ const t6 = ({
       {
         src: d,
         onLoad: f,
-        onError: h,
+        onError: m,
         frameBorder: "0",
         className: `photo-popup-iframe ${e ? "img-loading" : ""}`
       }
@@ -5243,9 +5218,9 @@ const t6 = ({
 }, s6 = (n, t, e) => {
   const { setClipBoard: o, handleCutCopy: s, handlePasting: i } = Xe(), { currentFolder: a, currentPathFiles: l } = he(), { selectedFiles: r, setSelectedFiles: d, handleDownload: u } = $e(), { setActiveLayout: p } = we(), f = () => {
     e.create && n.show("createFolder");
-  }, h = () => {
-    e.upload && n.show("uploadFile");
   }, m = () => {
+    e.upload && n.show("uploadFile");
+  }, h = () => {
     e.move && s(!0);
   }, v = () => {
     e.copy && s(!1);
@@ -5272,7 +5247,7 @@ const t6 = ({
   }, x = () => {
     p("list");
   };
-  de(ue.createFolder, f, n.isActive), de(ue.uploadFiles, h, n.isActive), de(ue.cut, m, n.isActive), de(ue.copy, v, n.isActive), de(ue.paste, S, n.isActive), de(ue.rename, N, n.isActive), de(ue.download, M, n.isActive), de(ue.delete, F, n.isActive), de(ue.jumpToFirst, A, n.isActive), de(ue.jumpToLast, g, n.isActive), de(ue.selectAll, L, n.isActive), de(ue.clearSelection, b, n.isActive), de(ue.refresh, w, n.isActive), de(ue.gridLayout, $, n.isActive), de(ue.listLayout, x, n.isActive);
+  de(ue.createFolder, f, n.isActive), de(ue.uploadFiles, m, n.isActive), de(ue.cut, h, n.isActive), de(ue.copy, v, n.isActive), de(ue.paste, S, n.isActive), de(ue.rename, N, n.isActive), de(ue.download, M, n.isActive), de(ue.delete, F, n.isActive), de(ue.jumpToFirst, A, n.isActive), de(ue.jumpToLast, g, n.isActive), de(ue.selectAll, L, n.isActive), de(ue.clearSelection, b, n.isActive), de(ue.refresh, w, n.isActive), de(ue.gridLayout, $, n.isActive), de(ue.listLayout, x, n.isActive);
 }, i6 = ({
   fileUploadConfig: n,
   onFileUploading: t,
@@ -5286,11 +5261,11 @@ const t6 = ({
   triggerAction: d,
   permissions: u
 }) => {
-  const [p, f] = O(null), { selectedFiles: h } = $e(), m = ce();
+  const [p, f] = O(null), { selectedFiles: m } = $e(), h = ce();
   s6(d, s, u);
   const v = {
     uploadFile: {
-      title: m("upload"),
+      title: h("upload"),
       component: /* @__PURE__ */ c(
         n6,
         {
@@ -5304,12 +5279,12 @@ const t6 = ({
       width: "35%"
     },
     delete: {
-      title: m("delete"),
+      title: h("delete"),
       component: /* @__PURE__ */ c(J$, { triggerAction: d, onDelete: o }),
       width: "25%"
     },
     previewFile: {
-      title: m("preview"),
+      title: h("preview"),
       component: /* @__PURE__ */ c(
         o6,
         {
@@ -5323,7 +5298,7 @@ const t6 = ({
   if (ee(() => {
     if (d.isActive) {
       const S = d.actionType;
-      S === "previewFile" && (v[S].title = (h == null ? void 0 : h.name) ?? m("preview")), f(v[S]);
+      S === "previewFile" && (v[S].title = (m == null ? void 0 : m.name) ?? h("preview")), f(v[S]);
     } else
       f(null);
   }, [d.isActive]), p)
@@ -5365,8 +5340,8 @@ const t6 = ({
     handleMouseMove: (u) => {
       if (!s) return;
       u.preventDefault();
-      const f = a.current.getBoundingClientRect(), h = (u.clientX - f.left) / f.width * 100;
-      h >= 15 && h <= 60 && o({ col1: h, col2: 100 - h });
+      const f = a.current.getBoundingClientRect(), m = (u.clientX - f.left) / f.width * 100;
+      m >= 15 && m <= 60 && o({ col1: m, col2: 100 - m });
     }
   };
 }, l6 = (n, t, e) => {
@@ -5417,8 +5392,8 @@ const t6 = ({
   onPaste: u,
   onRename: p,
   onDownload: f,
-  onDelete: h = () => null,
-  onLayoutChange: m = () => {
+  onDelete: m = () => null,
+  onLayoutChange: h = () => {
   },
   onRefresh: v,
   onFileOpen: S = () => {
@@ -5475,7 +5450,7 @@ const t6 = ({
               /* @__PURE__ */ c(
                 Ln,
                 {
-                  onLayoutChange: m,
+                  onLayoutChange: h,
                   onRefresh: v,
                   triggerAction: G,
                   permissions: re
@@ -5549,7 +5524,7 @@ const t6 = ({
                   fileUploadConfig: e,
                   onFileUploading: a,
                   onFileUploaded: l,
-                  onDelete: h,
+                  onDelete: m,
                   onRefresh: v,
                   maxFileSize: b,
                   filePreviewPath: w,

package/package.json

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