@plutonhq/core-frontend 0.1.24 → 0.1.26

package/dist-lib/components/Plan/SnapshotViewer/SnapshotViewerFile.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"SnapshotViewerFile.js","sources":["../../../../src/components/Plan/SnapshotViewer/SnapshotViewerFile.tsx"],"sourcesContent":["import React, { ReactNode } from 'react';\r\nimport Icon from '../../common/Icon/Icon';\r\nimport FileIcon from '../../common/FileIcon/FileIcon';\r\nimport { formatBytes, formatDateTime, timeAgo } from '../../../utils/helpers';\r\nimport { FileItem } from '../../../@types/system';\r\nimport classes from '../../common/SnapshotBrowser/SnapshotBrowser.module.scss';\r\n\r\ninterface SnapshotViewerFileProps {\r\n   style: React.CSSProperties;\r\n   file: FileItem | { isGoUp: true; path: string; name: string; isDirectory: true };\r\n   isSync?: boolean;\r\n   gridColumns: string;\r\n   onGoUp: () => void;\r\n   onDirectoryClick: (path: string) => void;\r\n   onRestore: (file: FileItem) => void;\r\n   renderFileActions?: (file: FileItem, meta: { fileExtension: string; isDirectory: boolean }) => ReactNode;\r\n}\r\n\r\nconst SnapshotViewerFile = ({\r\n   style,\r\n   file,\r\n   isSync,\r\n   gridColumns,\r\n   onGoUp,\r\n   onDirectoryClick,\r\n   onRestore,\r\n   renderFileActions,\r\n}: SnapshotViewerFileProps) => {\r\n   if (!file) return null;\r\n\r\n   if ('isGoUp' in file && file.isGoUp) {\r\n      return (\r\n         <div\r\n            style={{ ...style, gridTemplateColumns: gridColumns }}\r\n            className={`${classes.snapshotFile} ${classes.fileIsDir} ${classes.goUpButton}`}\r\n            onClick={onGoUp}\r\n         >\r\n            <div className={classes.fileName}>...</div>\r\n            <div></div>\r\n            <div></div>\r\n            {!isSync && <div></div>}\r\n         </div>\r\n      );\r\n   }\r\n\r\n   const typedFile = file as FileItem;\r\n   const fileName = typedFile.name || typedFile.path.split('/').pop() || '';\r\n   const isDirectory = typedFile.isDirectory;\r\n   const fileExtension = fileName.split('.').pop() || '';\r\n\r\n   return (\r\n      <div\r\n         style={{ ...style, gridTemplateColumns: gridColumns }}\r\n         className={`${classes.snapshotFile} ${isDirectory ? classes.fileIsDir : ''}`}\r\n         onClick={() => {\r\n            if (isDirectory) {\r\n               onDirectoryClick(typedFile.path);\r\n            }\r\n         }}\r\n      >\r\n         <div className={classes.fileName}>\r\n            {isDirectory ? <Icon type={'fm-directory'} size={16} /> : <FileIcon filename={fileName} />} {fileName}\r\n         </div>\r\n         <div className={classes.fileModifiedAt} title={formatDateTime(typedFile.modifiedAt)}>\r\n            <i>{timeAgo(new Date(typedFile.modifiedAt))}</i>\r\n         </div>\r\n         <div className={classes.fileSize}>{!isDirectory ? formatBytes(typedFile.size || 0) : ''}</div>\r\n         {!isSync && (\r\n            <div className={classes.fileActions}>\r\n               {renderFileActions?.(typedFile, { fileExtension, isDirectory })}\r\n               <button\r\n                  data-tooltip-id=\"htmlToolTip\"\r\n                  data-tooltip-place=\"top\"\r\n                  data-tooltip-delay-show={500}\r\n                  data-tooltip-html=\"Restore\"\r\n                  onClick={(e) => {\r\n                     e.stopPropagation();\r\n                     onRestore(typedFile);\r\n                  }}\r\n               >\r\n                  <Icon type={'restore'} size={16} />\r\n               </button>\r\n            </div>\r\n         )}\r\n      </div>\r\n   );\r\n};\r\n\r\nexport default SnapshotViewerFile;\r\n"],"names":["SnapshotViewerFile","style","file","isSync","gridColumns","onGoUp","onDirectoryClick","onRestore","renderFileActions","jsxs","classes","jsx","typedFile","fileName","isDirectory","fileExtension","Icon","FileIcon","formatDateTime","formatBytes","e"],"mappings":";;;;;AAkBA,MAAMA,IAAqB,CAAC;AAAA,EACzB,OAAAC;AAAA,EACA,MAAAC;AAAA,EACA,QAAAC;AAAA,EACA,aAAAC;AAAA,EACA,QAAAC;AAAA,EACA,kBAAAC;AAAA,EACA,WAAAC;AAAA,EACA,mBAAAC;AACH,MAA+B;AAC5B,MAAI,CAACN,EAAM,QAAO;AAElB,MAAI,YAAYA,KAAQA,EAAK;AAC1B,WACG,gBAAAO;AAAA,MAAC;AAAA,MAAA;AAAA,QACE,OAAO,EAAE,GAAGR,GAAO,qBAAqBG,EAAA;AAAA,QACxC,WAAW,GAAGM,EAAQ,YAAY,IAAIA,EAAQ,SAAS,IAAIA,EAAQ,UAAU;AAAA,QAC7E,SAASL;AAAA,QAET,UAAA;AAAA,UAAA,gBAAAM,EAAC,OAAA,EAAI,WAAWD,EAAQ,UAAU,UAAA,OAAG;AAAA,4BACpC,OAAA,EAAI;AAAA,4BACJ,OAAA,EAAI;AAAA,UACJ,CAACP,KAAU,gBAAAQ,EAAC,OAAA,CAAA,CAAI;AAAA,QAAA;AAAA,MAAA;AAAA,IAAA;AAK1B,QAAMC,IAAYV,GACZW,IAAWD,EAAU,QAAQA,EAAU,KAAK,MAAM,GAAG,EAAE,IAAA,KAAS,IAChEE,IAAcF,EAAU,aACxBG,IAAgBF,EAAS,MAAM,GAAG,EAAE,SAAS;AAEnD,SACG,gBAAAJ;AAAA,IAAC;AAAA,IAAA;AAAA,MACE,OAAO,EAAE,GAAGR,GAAO,qBAAqBG,EAAA;AAAA,MACxC,WAAW,GAAGM,EAAQ,YAAY,IAAII,IAAcJ,EAAQ,YAAY,EAAE;AAAA,MAC1E,SAAS,MAAM;AACZ,QAAII,KACDR,EAAiBM,EAAU,IAAI;AAAA,MAErC;AAAA,MAEA,UAAA;AAAA,QAAA,gBAAAH,EAAC,OAAA,EAAI,WAAWC,EAAQ,UACpB,UAAA;AAAA,UAAAI,IAAc,gBAAAH,EAACK,GAAA,EAAK,MAAM,gBAAgB,MAAM,IAAI,IAAK,gBAAAL,EAACM,GAAA,EAAS,UAAUJ,EAAA,CAAU;AAAA,UAAG;AAAA,UAAEA;AAAA,QAAA,GAChG;AAAA,0BACC,OAAA,EAAI,WAAWH,EAAQ,gBAAgB,OAAOQ,EAAeN,EAAU,UAAU,GAC/E,UAAA,gBAAAD,EAAC,KAAA,EAAG,YAAQ,IAAI,KAAKC,EAAU,UAAU,CAAC,GAAE,GAC/C;AAAA,QACA,gBAAAD,EAAC,OAAA,EAAI,WAAWD,EAAQ,UAAW,UAACI,IAAiD,KAAnCK,EAAYP,EAAU,QAAQ,CAAC,EAAI,CAAG;AAAA,QACvF,CAACT,KACC,gBAAAM,EAAC,OAAA,EAAI,WAAWC,EAAQ,aACpB,UAAA;AAAA,UAAAF,KAAA,gBAAAA,EAAoBI,GAAW,EAAE,eAAAG,GAAe,aAAAD,EAAA;AAAA,UACjD,gBAAAH;AAAA,YAAC;AAAA,YAAA;AAAA,cACE,mBAAgB;AAAA,cAChB,sBAAmB;AAAA,cACnB,2BAAyB;AAAA,cACzB,qBAAkB;AAAA,cAClB,SAAS,CAACS,MAAM;AACb,gBAAAA,EAAE,gBAAA,GACFb,EAAUK,CAAS;AAAA,cACtB;AAAA,cAEA,UAAA,gBAAAD,EAACK,GAAA,EAAK,MAAM,WAAW,MAAM,GAAA,CAAI;AAAA,YAAA;AAAA,UAAA;AAAA,QACpC,EAAA,CACH;AAAA,MAAA;AAAA,IAAA;AAAA,EAAA;AAIZ;"}

package/dist-lib/components/Restore/RestoreFileSelector/RestoreFileSelector.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"RestoreFileSelector.d.ts","sourceRoot":"","sources":["../../../../src/components/Restore/RestoreFileSelector/RestoreFileSelector.tsx"],"names":[],"mappings":"AAGA,OAAO,EAAE,eAAe,EAAE,MAAM,0BAA0B,CAAC;AAM3D,UAAU,wBAAwB;IAC/B,QAAQ,EAAE;QACP,QAAQ,EAAE,GAAG,CAAC,MAAM,CAAC,CAAC;QACtB,QAAQ,EAAE,GAAG,CAAC,MAAM,CAAC,CAAC;KACxB,CAAC;IACF,QAAQ,EAAE,MAAM,CAAC;IACjB,KAAK,EAAE,eAAe,EAAE,CAAC;IACzB,SAAS,EAAE,OAAO,CAAC;IACnB,aAAa,EAAE,MAAM,GAAG,IAAI,CAAC;IAC7B,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,mBAAmB,CAAC,EAAE,CAAC,IAAI,EAAE,eAAe,KAAK,OAAO,CAAC;IACzD,QAAQ,EAAE,CAAC,QAAQ,EAAE,wBAAwB,CAAC,UAAU,CAAC,KAAK,IAAI,CAAC;CACrE;AAKD,QAAA,MAAM,mBAAmB,GAAI,0FAA0F,wBAAwB,4CAye9I,CAAC;AAEF,eAAe,mBAAmB,CAAC"}
+{"version":3,"file":"RestoreFileSelector.d.ts","sourceRoot":"","sources":["../../../../src/components/Restore/RestoreFileSelector/RestoreFileSelector.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAE,eAAe,EAAE,MAAM,0BAA0B,CAAC;AAS3D,UAAU,wBAAwB;IAC/B,QAAQ,EAAE;QACP,QAAQ,EAAE,GAAG,CAAC,MAAM,CAAC,CAAC;QACtB,QAAQ,EAAE,GAAG,CAAC,MAAM,CAAC,CAAC;KACxB,CAAC;IACF,QAAQ,EAAE,MAAM,CAAC;IACjB,KAAK,EAAE,eAAe,EAAE,CAAC;IACzB,SAAS,EAAE,OAAO,CAAC;IACnB,aAAa,EAAE,MAAM,GAAG,IAAI,CAAC;IAC7B,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,mBAAmB,CAAC,EAAE,CAAC,IAAI,EAAE,eAAe,KAAK,OAAO,CAAC;IACzD,QAAQ,EAAE,CAAC,QAAQ,EAAE,wBAAwB,CAAC,UAAU,CAAC,KAAK,IAAI,CAAC;CACrE;AAMD,QAAA,MAAM,mBAAmB,GAAI,0FAA0F,wBAAwB,4CAua9I,CAAC;AAEF,eAAe,mBAAmB,CAAC"}

package/dist-lib/components/Restore/RestoreFileSelector/RestoreFileSelector.js

@@ -1,268 +1,258 @@
-import { jsxs as a, jsx as n } from "react/jsx-runtime";
-import { useState as x, useMemo as C } from "react";
-import { FixedSizeList as ie } from "react-window";
-import $ from "../../common/Icon/Icon.js";
-import { calculateDirectorySizes as le, formatNumberToK as A, formatBytes as L, sortFileItems as V, formatDateTime as ne, isMobile as ae } from "../../../utils/helpers.js";
-import oe from "../../common/FileIcon/FileIcon.js";
-import c from "./RestoreFileSelector.module.scss.js";
-import { getPathSeparator as I, splitPath as g, getParentPath as M, normalizePath as P } from "../../../utils/restore.js";
-const de = ae(), he = de ? 65 : 45, Ne = ({ selected: T, files: o, isLoading: q, errorFetching: J, showChange: R, onSelect: O, fileSelectCondition: E }) => {
-  const [p, b] = x(""), [k, Q] = x(""), [u, X] = x("name"), [y, _] = x("asc"), [m, Y] = x(() => ({
-    include: new Set(T.includes),
-    exclude: new Set(T.excludes)
+import { jsxs as n, jsx as l, Fragment as ne } from "react/jsx-runtime";
+import { useState as P, useMemo as b, useEffect as le } from "react";
+import I from "../../common/Icon/Icon.js";
+import { calculateDirectorySizes as ae, formatNumberToK as T, formatBytes as A, sortFileItems as O, formatDateTime as de, isMobile as me } from "../../../utils/helpers.js";
+import ue from "../../common/FileIcon/FileIcon.js";
+import o from "./RestoreFileSelector.module.scss.js";
+import { getPathSeparator as V, splitPath as v, getParentPath as M, normalizePath as g } from "../../../utils/restore.js";
+import { useSnapshotNavigation as he } from "../../common/SnapshotBrowser/hooks/useSnapshotNavigation.js";
+import S from "../../common/SnapshotBrowser/SnapshotBrowser.module.scss.js";
+import fe from "../../common/SnapshotBrowser/SnapshotBrowserToolbar.js";
+import pe from "../../common/SnapshotBrowser/SnapshotBrowserDirectories.js";
+import Se from "../../common/SnapshotBrowser/SnapshotBrowserFileList.js";
+import ye from "../../common/SnapshotBrowser/SnapshotBrowserGoUpRow.js";
+const ge = me(), xe = ge ? 65 : 45, W = "1fr 180px minmax(80px, auto)", ke = ({ selected: L, files: a, isLoading: q, errorFetching: J, showChange: R, onSelect: Q, fileSelectCondition: D }) => {
+  const [B, X] = P(""), [m, Y] = P("name"), [p, G] = P("asc"), [d, Z] = P(() => ({
+    include: new Set(L.includes),
+    exclude: new Set(L.excludes)
   }));
-  console.log("[RestoreFileSelector] files :", o);
-  const Z = (e) => {
+  console.log("[RestoreFileSelector] files :", a);
+  const ee = (e) => {
     const r = [];
-    return o.forEach((t) => {
+    return a.forEach((t) => {
       (t.path.startsWith(e + "/") || t.path.startsWith(e + "\\")) && r.push(t.path);
     }), r;
-  }, D = (e) => m.exclude.has(e) || Array.from(m.exclude).some(
+  }, N = (e) => d.exclude.has(e) || Array.from(d.exclude).some(
     (s) => e.startsWith(s + "/") || e.startsWith(s + "\\")
-  ) ? !1 : m.include.size === 0 || m.include.has(e) ? !0 : Array.from(m.include).some(
+  ) ? !1 : d.include.size === 0 || d.include.has(e) ? !0 : Array.from(d.include).some(
     (s) => e.startsWith(s + "/") || e.startsWith(s + "\\")
-  ), H = (e) => Array.from(m.include).find((r) => e.startsWith(r + "/") || e.startsWith(r + "\\")) || null, [z, j] = x(() => {
+  ), _ = (e) => Array.from(d.include).find((r) => e.startsWith(r + "/") || e.startsWith(r + "\\")) || null, [j, te] = P(() => {
     const e = /* @__PURE__ */ new Set();
-    return o.forEach((r) => {
-      const t = I(r.path), s = g(r.path);
+    return a.forEach((r) => {
+      const t = V(r.path), s = v(r.path);
       let i = "";
-      s.forEach((l, f) => {
-        i = i ? `${i}${t}${l}` : l, f < 3 && e.add(i);
+      s.forEach((c, h) => {
+        i = i ? `${i}${t}${c}` : c, h < 3 && e.add(i);
       });
     }), e;
-  }), F = C(() => {
-    const e = {}, r = le(o);
-    return o.filter((t) => t.path.toLowerCase().includes(k.toLowerCase())).forEach((t) => {
+  }), x = b(() => {
+    const e = {}, r = ae(a);
+    return a.filter((t) => t.path.toLowerCase().includes(B.toLowerCase())).forEach((t) => {
       let s = t;
-      const i = M(s.path), l = P(i) || "/";
-      s.isDirectory && (s.size = r[s.path] || 0), e[l] || (e[l] = []), e[l].push(s);
+      const i = M(s.path), c = g(i) || "/";
+      s.isDirectory && (s.size = r[s.path] || 0), e[c] || (e[c] = []), e[c].push(s);
     }), e;
-  }, [o, k]);
-  console.log("fileSystem :", F);
-  const B = C(() => {
-    const r = o.filter((t) => t.isDirectory).map((t) => P(t.path)).sort((t, s) => {
-      const i = g(t), l = g(s), f = Math.min(i.length, l.length);
-      for (let d = 0; d < f; d++) {
-        const h = i[d].localeCompare(l[d]);
-        if (h !== 0)
-          return h;
-      }
-      return i.length - l.length;
-    });
-    return console.log("SelectedFolder :", r[0]), b(r[0] || ""), r;
-  }, [o]), w = C(() => {
+  }, [a, B]);
+  console.log("fileSystem :", x);
+  const y = b(() => a.filter((t) => t.isDirectory).map((t) => g(t.path)).sort((t, s) => {
+    const i = v(t), c = v(s), h = Math.min(i.length, c.length);
+    for (let f = 0; f < h; f++) {
+      const z = i[f].localeCompare(c[f]);
+      if (z !== 0)
+        return z;
+    }
+    return i.length - c.length;
+  }), [a]), { selectedFolder: u, setSelectedFolder: F, hasSubdirectories: se, isVisible: re, expandParentFolders: H, toggleFolder: ie } = he(
+    y,
+    j,
+    te,
+    { splitPath: v, getPathSeparator: V, hasLeadingSeparator: !1 }
+  );
+  le(() => {
+    y.length > 0 && u === "" && F(y[0]);
+  }, [y, u, F]);
+  const C = b(() => {
     let e = 0, r = 0;
-    const t = E ? o.filter((s) => E(s)) : o;
+    const t = D ? a.filter((s) => D(s)) : a;
     return t.forEach((s) => {
-      D(s.path) && (e++, s.isDirectory || (r += s.size));
+      N(s.path) && (e++, s.isDirectory || (r += s.size));
     }), {
       selectedFiles: e,
       totalFiles: t.length,
       selectedBytes: r,
       totalBytes: t.reduce((s, i) => s + (i.isDirectory ? 0 : i.size), 0)
     };
-  }, [o, m]), ee = (e) => {
-    const r = I(e);
-    return B.some((t) => t !== e && t.startsWith(e + r));
-  }, W = (e) => {
-    u === e ? _(y === "asc" ? "desc" : "asc") : (X(e), _("asc"));
-  }, G = (e) => {
-    const r = new Set(z), t = I(e), s = g(e);
-    let i = "";
-    s.forEach((l) => {
-      i = i ? `${i}${t}${l}` : l, r.add(i);
-    }), j(r);
-  }, te = (e) => {
-    const r = new Set(z);
-    z.has(e) ? r.delete(e) : r.add(e), j(r);
-  }, se = (e) => {
-    const r = I(e), s = g(e).slice(0, -1);
-    let i = "";
-    return s.every((l) => (i = i ? `${i}${r}${l}` : l, z.has(i)));
-  }, K = (e, r) => {
-    const t = { ...m }, s = D(e);
+  }, [a, d]), $ = (e) => {
+    m === e ? G(p === "asc" ? "desc" : "asc") : (Y(e), G("asc"));
+  }, U = (e, r) => {
+    const t = { ...d }, s = N(e);
     if (r) {
-      const i = Z(e);
-      s ? (t.exclude.add(e), t.include.delete(e), i.forEach((l) => {
-        t.include.delete(l), t.exclude.delete(l);
-      })) : (t.exclude.delete(e), t.include.size > 0 && (H(e) || t.include.add(e)), i.forEach((l) => {
-        t.include.delete(l), t.exclude.delete(l);
+      const i = ee(e);
+      s ? (t.exclude.add(e), t.include.delete(e), i.forEach((c) => {
+        t.include.delete(c), t.exclude.delete(c);
+      })) : (t.exclude.delete(e), t.include.size > 0 && (_(e) || t.include.add(e)), i.forEach((c) => {
+        t.include.delete(c), t.exclude.delete(c);
       }));
     } else
-      s ? (t.exclude.add(e), t.include.delete(e)) : (t.exclude.delete(e), t.include.size > 0 ? H(e) || t.include.add(e) : Array.from(t.exclude).some(
-        (l) => e.startsWith(l + "/") || e.startsWith(l + "\\")
+      s ? (t.exclude.add(e), t.include.delete(e)) : (t.exclude.delete(e), t.include.size > 0 ? _(e) || t.include.add(e) : Array.from(t.exclude).some(
+        (c) => e.startsWith(c + "/") || e.startsWith(c + "\\")
       ) && t.include.add(e));
-    Y({
+    Z({
       include: new Set(t.include),
       exclude: new Set(t.exclude)
-    }), O({
+    }), Q({
       includes: t.include,
       excludes: t.exclude
     });
-  }, re = (e) => {
+  }, ce = (e) => {
     let r = [];
-    !e && F[""] ? r = F[""] : r = F[e] || [];
+    !e && x[""] ? r = x[""] : r = x[e] || [];
     const t = r.filter((i) => i.isDirectory), s = r.filter((i) => !i.isDirectory);
     return [
-      ...V(t, u, y),
-      ...V(s, u, y)
+      ...O(t, m, p),
+      ...O(s, m, p)
     ];
-  }, U = C(() => {
-    if (!p) return [];
-    const e = re(p);
-    return M(p) !== p ? [null, ...e] : e;
-  }, [p, F, u, y]), ce = ({ index: e, style: r }) => {
-    const t = U[e];
+  }, K = b(() => {
+    if (!u) return [];
+    const e = ce(u);
+    return M(u) !== u ? [null, ...e] : e;
+  }, [u, x, m, p]), oe = ({ index: e, style: r }) => {
+    const t = K[e];
     if (t === null)
-      return /* @__PURE__ */ n(
-        "div",
+      return /* @__PURE__ */ l(
+        ye,
         {
           style: r,
-          className: `${c.file} ${c.fileIsDir} ${c.goUpButton}`,
-          onClick: () => {
-            const N = M(p), S = P(N);
-            !S || S === "" || (G(S), b(S));
+          onGoUp: () => {
+            const k = M(u), E = g(k);
+            !E || E === "" || (H(E), F(E));
           },
-          children: /* @__PURE__ */ n("div", { className: c.fileName, children: "..." })
+          gridTemplateColumns: W
         }
       );
-    const s = t, i = g(s.path), l = i[i.length - 1], f = P(s.path), d = B.includes(f), h = D(s.path), v = E ? E(s) : !0;
-    return /* @__PURE__ */ a(
+    const s = t, i = v(s.path), c = i[i.length - 1], h = g(s.path), f = y.includes(h), z = N(s.path), w = D ? D(s) : !0;
+    return /* @__PURE__ */ n(
       "div",
       {
-        style: r,
-        className: `${c.file} ${d ? c.fileIsDir : ""} ${R && s.changeType === "modified" ? c.fileModified : ""} ${R && s.changeType === "removed" ? c.fileRemoved : ""}`,
+        style: { ...r, gridTemplateColumns: W },
+        className: `${S.snapshotFile} ${f ? S.fileIsDir : ""} ${R && s.changeType === "modified" ? o.fileModified : ""} ${R && s.changeType === "removed" ? o.fileRemoved : ""}`,
         onClick: () => {
-          d && (G(f), b(f));
+          f && (H(h), F(h));
         },
         children: [
-          /* @__PURE__ */ a("div", { className: c.fileName, children: [
-            /* @__PURE__ */ n(
+          /* @__PURE__ */ n("div", { className: S.fileName, children: [
+            /* @__PURE__ */ l(
               "button",
               {
-                className: `${c.selectButton} ${h ? c.selected : ""} ${v ? "" : c.notSelectable}`,
-                onClick: (N) => {
-                  v && (N.stopPropagation(), K(s.path, !1));
+                className: `${o.selectButton} ${z ? o.selected : ""} ${w ? "" : o.notSelectable}`,
+                onClick: (k) => {
+                  w && (k.stopPropagation(), U(s.path, !1));
                 },
-                disabled: !v,
-                children: v ? /* @__PURE__ */ n($, { type: h ? "check-circle-filled" : "check-circle", size: 13 }) : null
+                disabled: !w,
+                children: w ? /* @__PURE__ */ l(I, { type: z ? "check-circle-filled" : "check-circle", size: 13 }) : null
               }
             ),
-            d ? /* @__PURE__ */ n($, { type: d ? "fm-directory" : "fm-file", size: 16 }) : /* @__PURE__ */ n(oe, { filename: l || "" }),
+            f ? /* @__PURE__ */ l(I, { type: f ? "fm-directory" : "fm-file", size: 16 }) : /* @__PURE__ */ l(ue, { filename: c || "" }),
             " ",
-            l
+            c
           ] }),
-          /* @__PURE__ */ n("div", { className: c.fileModified, children: ne(s.modifiedAt) }),
-          /* @__PURE__ */ n("div", { className: c.fileSize, children: L(s.size || 0) })
+          /* @__PURE__ */ l("div", { className: o.fileModified, children: de(s.modifiedAt) }),
+          /* @__PURE__ */ l("div", { className: o.fileSize, children: A(s.size || 0) })
         ]
       },
       s.path
     );
   };
-  return /* @__PURE__ */ a("div", { className: c.restoreFileSelector, children: [
-    q && /* @__PURE__ */ a("div", { className: c.loader, children: [
-      /* @__PURE__ */ n($, { type: "loading", size: 24 }),
+  return /* @__PURE__ */ n("div", { className: o.restoreFileSelector, children: [
+    q && /* @__PURE__ */ n("div", { className: o.loader, children: [
+      /* @__PURE__ */ l(I, { type: "loading", size: 24 }),
       " Loading Snapshot Content.."
     ] }),
-    /* @__PURE__ */ a("div", { className: c.restoredFileBrowser, children: [
-      /* @__PURE__ */ a("div", { className: c.toolbar, children: [
-        /* @__PURE__ */ n("div", { className: c.toolbarLeft, children: /* @__PURE__ */ a("div", { className: c.stats, children: [
-          /* @__PURE__ */ n("strong", { children: "Summary: " }),
-          A(w.selectedFiles),
-          "/",
-          A(w.totalFiles),
-          " Items ",
-          " • ",
-          L(w.selectedBytes),
-          "/",
-          L(w.totalBytes),
-          m.exclude.size > 0 && /* @__PURE__ */ a("div", { className: c.excludedStat, children: [
+    /* @__PURE__ */ n("div", { className: S.snapshotBrowser, children: [
+      /* @__PURE__ */ l(
+        fe,
+        {
+          search: B,
+          onSearchChange: X,
+          leftContent: /* @__PURE__ */ n("div", { className: S.stats, children: [
+            /* @__PURE__ */ l("strong", { children: "Summary: " }),
+            T(C.selectedFiles),
+            "/",
+            T(C.totalFiles),
+            " Items ",
             " • ",
-            /* @__PURE__ */ a("span", { children: [
-              "Excluded:",
-              " ",
-              /* @__PURE__ */ a("i", { title: Array.from(m.exclude).join(`
+            A(C.selectedBytes),
+            "/",
+            A(C.totalBytes),
+            d.exclude.size > 0 && /* @__PURE__ */ n("div", { className: o.excludedStat, children: [
+              " • ",
+              /* @__PURE__ */ n("span", { children: [
+                "Excluded:",
+                " ",
+                /* @__PURE__ */ n("i", { title: Array.from(d.exclude).join(`
 `), children: [
-                A(m.exclude.size),
-                " Items"
+                  T(d.exclude.size),
+                  " Items"
+                ] })
               ] })
             ] })
           ] })
-        ] }) }),
-        /* @__PURE__ */ n("div", { className: c.toolbarRight, children: /* @__PURE__ */ a("div", { className: c.search, children: [
-          /* @__PURE__ */ n($, { type: "search", size: 16 }),
-          /* @__PURE__ */ n("input", { type: "text", placeholder: "Search in current Directory...", value: k, onChange: (e) => Q(e.target.value) })
-        ] }) })
-      ] }),
-      /* @__PURE__ */ a("div", { className: c.browserContent, children: [
-        /* @__PURE__ */ a("div", { className: `${c.sidebar} styled__scrollbar`, children: [
-          /* @__PURE__ */ n("div", { className: c.sidebarHeader, children: "Directories" }),
-          B.map((e) => {
-            var d;
-            const r = g(e), t = r[r.length - 1], s = r.length - 1, i = z.has(e), l = ee(e), f = D(((d = o.find((h) => h.isDirectory && P(h.path) === e)) == null ? void 0 : d.path) || e);
-            return s === 0 || se(e) ? /* @__PURE__ */ a(
-              "div",
-              {
-                className: `${c.directory} ${p === e ? c.selected : ""} ${l ? "" : c.directoryEmpty}`,
-                style: { paddingLeft: `${s * 20}px` },
-                onClick: () => b(e),
-                children: [
-                  l ? /* @__PURE__ */ n(
-                    "button",
-                    {
-                      className: `${c.toggleButton} ${i ? c.active : ""}`,
-                      onClick: (h) => {
-                        h.stopPropagation(), te(e);
-                      },
-                      children: i ? "-" : "+"
-                    }
-                  ) : /* @__PURE__ */ n("span", { className: `${c.togglePlaceholder}` }),
-                  /* @__PURE__ */ a("div", { className: c.dirName, children: [
-                    /* @__PURE__ */ n($, { type: "fm-directory", size: 14 }),
-                    /* @__PURE__ */ n(
-                      "button",
-                      {
-                        className: `${c.selectButton} ${f ? c.selected : ""}`,
-                        onClick: (h) => {
-                          var N;
-                          h.stopPropagation();
-                          const v = ((N = o.find((S) => S.isDirectory && P(S.path) === e)) == null ? void 0 : N.path) || e;
-                          K(v, !0);
-                        },
-                        children: /* @__PURE__ */ n($, { type: f ? "check-circle-filled" : "check-circle", size: 13 })
-                      }
-                    ),
-                    t
-                  ] })
-                ]
-              },
-              e
-            ) : null;
-          })
-        ] }),
-        /* @__PURE__ */ n("div", { className: `${c.content} styled__scrollbar`, children: /* @__PURE__ */ a("div", { className: c.fileList, children: [
-          /* @__PURE__ */ a("div", { className: c.header, children: [
-            /* @__PURE__ */ a("div", { onClick: () => W("name"), className: u === "name" ? c.activeSort : "", children: [
-              "Name ",
-              u === "name" && (y === "asc" ? "↑" : "↓")
-            ] }),
-            /* @__PURE__ */ a("div", { onClick: () => W("modifiedAt"), className: u === "modifiedAt" ? c.activeSort : "", children: [
-              "Last Modified ",
-              u === "modifiedAt" && (y === "asc" ? "↑" : "↓")
-            ] }),
-            /* @__PURE__ */ a("div", { onClick: () => W("size"), className: u === "size" ? c.activeSort : "", children: [
-              "Size ",
-              u === "size" && (y === "asc" ? "↑" : "↓")
-            ] })
-          ] }),
-          p ? /* @__PURE__ */ n(ie, { height: window.innerHeight - 370, itemCount: U.length, itemSize: he, width: "100%", children: ce }) : /* @__PURE__ */ n("div", { className: c.fileListEmpty, children: "Select a folder from the left to browse it's content" }),
-          J && /* @__PURE__ */ n("div", { className: c.error, children: "Failed to load files. Please try again." })
-        ] }) })
+        }
+      ),
+      /* @__PURE__ */ n("div", { className: S.browserContent, children: [
+        /* @__PURE__ */ l(
+          pe,
+          {
+            directories: y,
+            selectedFolder: u,
+            expandedFolders: j,
+            onDirectoryClick: (e) => F(e),
+            onToggleFolder: ie,
+            isVisible: re,
+            hasSubdirectories: se,
+            renderDirectoryExtra: (e) => {
+              var t;
+              const r = N(((t = a.find((s) => s.isDirectory && g(s.path) === e)) == null ? void 0 : t.path) || e);
+              return /* @__PURE__ */ l(
+                "button",
+                {
+                  className: `${o.selectButton} ${r ? o.selected : ""}`,
+                  onClick: (s) => {
+                    var c;
+                    s.stopPropagation();
+                    const i = ((c = a.find((h) => h.isDirectory && g(h.path) === e)) == null ? void 0 : c.path) || e;
+                    U(i, !0);
+                  },
+                  children: /* @__PURE__ */ l(I, { type: r ? "check-circle-filled" : "check-circle", size: 13 })
+                }
+              );
+            }
+          }
+        ),
+        /* @__PURE__ */ n("div", { className: `${S.content} styled__scrollbar`, children: [
+          /* @__PURE__ */ l(
+            Se,
+            {
+              files: K,
+              height: window.innerHeight - 370,
+              itemSize: xe,
+              headerContent: /* @__PURE__ */ n(ne, { children: [
+                /* @__PURE__ */ n("div", { onClick: () => $("name"), className: m === "name" ? o.activeSort : "", children: [
+                  "Name ",
+                  m === "name" && (p === "asc" ? "↑" : "↓")
+                ] }),
+                /* @__PURE__ */ n("div", { onClick: () => $("modifiedAt"), className: m === "modifiedAt" ? o.activeSort : "", children: [
+                  "Last Modified ",
+                  m === "modifiedAt" && (p === "asc" ? "↑" : "↓")
+                ] }),
+                /* @__PURE__ */ n("div", { onClick: () => $("size"), className: m === "size" ? o.activeSort : "", children: [
+                  "Size ",
+                  m === "size" && (p === "asc" ? "↑" : "↓")
+                ] })
+              ] }),
+              renderRow: oe,
+              selectedFolder: u || null,
+              gridTemplateColumns: W,
+              emptyMessage: "Select a folder from the left to browse it's content"
+            }
+          ),
+          J && /* @__PURE__ */ l("div", { className: o.error, children: "Failed to load files. Please try again." })
+        ] })
       ] })
     ] })
   ] });
 };
 export {
-  Ne as default
+  ke as default
 };
 //# sourceMappingURL=RestoreFileSelector.js.map