@plutonhq/core-frontend 0.1.32 → 0.1.34

package/dist-lib/components/Plan/PlanSizeChart/PlanSizeChart.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"PlanSizeChart.js","sources":["../../../../src/components/Plan/PlanSizeChart/PlanSizeChart.tsx"],"sourcesContent":["import { useMemo, useRef, useState, useEffect } from 'react';\r\nimport { Chart as ChartJS, CategoryScale, LinearScale, PointElement, LineElement, Filler, Tooltip, Legend, ChartOptions } from 'chart.js';\r\nimport { Line } from 'react-chartjs-2';\r\nimport Icon from '../../common/Icon/Icon';\r\nimport { Backup } from '../../../@types/backups';\r\nimport { formatBytes, formatNumberToK, isDarkMode } from '../../../utils/helpers';\r\nimport classes from './PlanSizeChart.module.scss';\r\n\r\nChartJS.register(CategoryScale, LinearScale, PointElement, LineElement, Filler, Tooltip, Legend);\r\n\r\ntype RangeKey = '7d' | '14d' | '1m' | '3m' | '6m';\r\n\r\nconst RANGE_OPTIONS: { key: RangeKey; label: string; labelFull: string; days: number }[] = [\r\n   { key: '7d', label: '7d', labelFull: '7 days', days: 7 },\r\n   { key: '14d', label: '14d', labelFull: '14 days', days: 14 },\r\n   { key: '1m', label: '1m', labelFull: '1 month', days: 30 },\r\n   { key: '3m', label: '3m', labelFull: '3 months', days: 90 },\r\n   { key: '6m', label: '6m', labelFull: '6 months', days: 180 },\r\n];\r\n\r\ninterface PlanSizeChartProps {\r\n   backups: Backup[];\r\n}\r\n\r\nconst PlanSizeChart = ({ backups }: PlanSizeChartProps) => {\r\n   const [range, setRange] = useState<RangeKey>('3m');\r\n   const [open, setOpen] = useState(false);\r\n   const dropdownRef = useRef<HTMLDivElement>(null);\r\n\r\n   useEffect(() => {\r\n      if (!open) return;\r\n      const onClick = (e: MouseEvent) => {\r\n         if (dropdownRef.current && !dropdownRef.current.contains(e.target as Node)) {\r\n            setOpen(false);\r\n         }\r\n      };\r\n      document.addEventListener('mousedown', onClick);\r\n      return () => document.removeEventListener('mousedown', onClick);\r\n   }, [open]);\r\n\r\n   const activeRange = RANGE_OPTIONS.find((r) => r.key === range) || RANGE_OPTIONS[3];\r\n\r\n   const filtered = useMemo(() => {\r\n      const cutoff = Date.now() - activeRange.days * 24 * 60 * 60 * 1000;\r\n      // if there is only one backup duplicate the first backup to make 2 items\r\n      // so that the graph is never empty and shows the size even if there is only one backup in the selected range\r\n      const theBackups = backups && backups.length === 1 ? [backups[0], backups[0]] : backups || [];\r\n      return [...theBackups]\r\n         .filter((b) => {\r\n            const t = new Date(b.started).getTime();\r\n            return !isNaN(t) && t >= cutoff;\r\n         })\r\n         .sort((a, b) => new Date(a.started).getTime() - new Date(b.started).getTime());\r\n   }, [backups, activeRange.days]);\r\n\r\n   const labels = filtered.map((b) => new Date(b.started).toLocaleString());\r\n   const sizeData = filtered.map((b) => b.totalSize || 0);\r\n   const filesData = filtered.map((b) => b.totalFiles || 0);\r\n\r\n   const data = {\r\n      labels,\r\n      datasets: [\r\n         {\r\n            label: 'Size',\r\n            data: sizeData,\r\n            yAxisID: 'ySize',\r\n            borderColor: 'transparent',\r\n            backgroundColor: 'rgba(87, 132, 255, 0.12)',\r\n            fill: true,\r\n            tension: 0.4,\r\n            borderWidth: 1.5,\r\n            pointRadius: 0,\r\n            pointHoverRadius: 4,\r\n            pointHoverBackgroundColor: 'rgba(87, 90, 255, 1)',\r\n         },\r\n         {\r\n            label: 'Files',\r\n            data: filesData,\r\n            yAxisID: 'yFiles',\r\n            borderColor: '#9a9bff',\r\n            backgroundColor: 'transparent',\r\n            borderDash: [3, 3],\r\n            fill: false,\r\n            tension: 0.4,\r\n            borderWidth: 1.2,\r\n            pointRadius: 0,\r\n            pointHoverRadius: 4,\r\n            pointHoverBackgroundColor: 'rgba(87, 90, 255, 1)',\r\n         },\r\n      ],\r\n   };\r\n\r\n   const options: ChartOptions<'line'> = {\r\n      responsive: true,\r\n      animation: false,\r\n      maintainAspectRatio: false,\r\n      interaction: { mode: 'index', intersect: false },\r\n      plugins: {\r\n         legend: { display: false },\r\n         tooltip: {\r\n            displayColors: false,\r\n            backgroundColor: isDarkMode ? 'rgba(0, 0, 0, 0.9)' : 'rgba(255, 255, 255, 1)',\r\n            titleColor: isDarkMode ? '#fff' : '#666',\r\n            bodyColor: isDarkMode ? '#ccc' : '#888',\r\n            padding: 8,\r\n            titleFont: { size: 11 },\r\n            bodyFont: { size: 11 },\r\n            callbacks: {\r\n               title: (items) => {\r\n                  const idx = items[0]?.dataIndex ?? 0;\r\n                  const b = filtered[idx];\r\n                  return b ? new Date(b.started).toLocaleString() : '';\r\n               },\r\n               label: (ctx) => {\r\n                  if (ctx.dataset.label === 'Size') return `Size: ${formatBytes(ctx.parsed.y || 0)}`;\r\n                  return `Files: ${formatNumberToK(ctx.parsed.y || 0)}`;\r\n               },\r\n            },\r\n         },\r\n      },\r\n      scales: {\r\n         x: { display: false },\r\n         ySize: { display: false, beginAtZero: true },\r\n         yFiles: { display: false, beginAtZero: true, position: 'right' },\r\n      },\r\n   };\r\n\r\n   return (\r\n      <div className={classes.chartWrap}>\r\n         <div className={classes.rangeSelector} ref={dropdownRef}>\r\n            <button type=\"button\" className={classes.rangeBtn} onClick={() => setOpen((v) => !v)}>\r\n               {activeRange.label}\r\n            </button>\r\n            {open && (\r\n               <ul className={classes.rangeMenu}>\r\n                  {RANGE_OPTIONS.slice()\r\n                     .reverse()\r\n                     .map((opt) => (\r\n                        <li\r\n                           key={opt.key}\r\n                           className={opt.key === range ? classes.active : ''}\r\n                           onClick={() => {\r\n                              setRange(opt.key);\r\n                              setOpen(false);\r\n                           }}\r\n                        >\r\n                           {opt.labelFull}\r\n                        </li>\r\n                     ))}\r\n               </ul>\r\n            )}\r\n         </div>\r\n         {filtered.length === 0 ? (\r\n            <div className={classes.empty}>\r\n               <Icon type=\"folders\" size={16} /> No data in range\r\n            </div>\r\n         ) : (\r\n            <div className={classes.chartCanvas}>\r\n               <Line data={data} options={options} />\r\n            </div>\r\n         )}\r\n      </div>\r\n   );\r\n};\r\n\r\nexport default PlanSizeChart;\r\n"],"names":["ChartJS","CategoryScale","LinearScale","PointElement","LineElement","Filler","Tooltip","Legend","RANGE_OPTIONS","PlanSizeChart","backups","range","setRange","useState","open","setOpen","dropdownRef","useRef","useEffect","onClick","e","activeRange","r","filtered","useMemo","cutoff","b","a","labels","sizeData","filesData","data","options","isDarkMode","items","idx","_a","ctx","formatBytes","formatNumberToK","jsxs","classes","jsx","v","opt","Icon","Line"],"mappings":"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"}

package/dist-lib/components/Plan/PlanSizeChart/PlanSizeChart.module.scss.js

@@ -0,0 +1,20 @@
+const a = "_chartWrap_bo3py", t = "_chartCanvas_xBRxt", e = "_rangeSelector_6Z1Hx", n = "_rangeBtn_6fPjz", r = "_rangeMenu_xBLqh", c = "_active_oXxJW", s = "_empty_OstSL", o = {
+  chartWrap: a,
+  chartCanvas: t,
+  rangeSelector: e,
+  rangeBtn: n,
+  rangeMenu: r,
+  active: c,
+  empty: s
+};
+export {
+  c as active,
+  t as chartCanvas,
+  a as chartWrap,
+  o as default,
+  s as empty,
+  n as rangeBtn,
+  r as rangeMenu,
+  e as rangeSelector
+};
+//# sourceMappingURL=PlanSizeChart.module.scss.js.map

package/dist-lib/components/Plan/PlanSizeChart/PlanSizeChart.module.scss.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"PlanSizeChart.module.scss.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;"}

package/dist-lib/components/Plan/PlanStats/PlanStats.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"PlanStats.d.ts","sourceRoot":"","sources":["../../../../src/components/Plan/PlanStats/PlanStats.tsx"],"names":[],"mappings":"AACA,OAAO,EAAE,IAAI,EAAE,MAAM,uBAAuB,CAAC;AAM7C,UAAU,cAAc;IACrB,IAAI,EAAE,IAAI,CAAC;IACX,MAAM,EAAE,OAAO,CAAC;IAChB,cAAc,EAAE,GAAG,CAAC;CACtB;AAED,QAAA,MAAM,SAAS,GAAI,kCAAkC,cAAc,4CA0ElE,CAAC;AAEF,eAAe,SAAS,CAAC"}
+{"version":3,"file":"PlanStats.d.ts","sourceRoot":"","sources":["../../../../src/components/Plan/PlanStats/PlanStats.tsx"],"names":[],"mappings":"AACA,OAAO,EAAE,IAAI,EAAE,MAAM,uBAAuB,CAAC;AAQ7C,UAAU,cAAc;IACrB,IAAI,EAAE,IAAI,CAAC;IACX,MAAM,EAAE,OAAO,CAAC;IAChB,cAAc,EAAE,GAAG,CAAC;CACtB;AAED,QAAA,MAAM,SAAS,GAAI,kCAAkC,cAAc,4CAqElE,CAAC;AAEF,eAAe,SAAS,CAAC"}

package/dist-lib/components/Plan/PlanStats/PlanStats.js

@@ -1,24 +1,25 @@
 import { jsxs as i, jsx as e } from "react/jsx-runtime";
-import s from "../../common/Icon/Icon.js";
-import { formatIntervalDisplay as T, formatNumberToK as S, formatBytes as z } from "../../../utils/helpers.js";
-import x from "../PlanHistory/PlanHistory.js";
+import n from "../../common/Icon/Icon.js";
+import { formatIntervalDisplay as y, formatNumberToK as S, formatBytes as u } from "../../../utils/helpers.js";
+import z from "../PlanHistory/PlanHistory.js";
+import b from "../PlanSizeChart/PlanSizeChart.js";
 import t from "./PlanStats.module.scss.js";
-import u from "../PlanStorageInfo/PlanStorageInfo.js";
-const A = ({ plan: o, isSync: r, lastBackupItem: n }) => {
-  const { sourceConfig: a, storage: m, storagePath: g, isActive: h, settings: f } = o, { interval: N } = f, p = (n == null ? void 0 : n.totalFiles) || 0, v = (n == null ? void 0 : n.totalSize) || 0, y = (l) => {
+import x from "../PlanStorageInfo/PlanStorageInfo.js";
+const F = ({ plan: o, isSync: r, lastBackupItem: s }) => {
+  const { sourceConfig: a, storage: p, storagePath: m, isActive: h, settings: v } = o, { interval: g } = v, f = (s == null ? void 0 : s.totalFiles) || 0, N = (s == null ? void 0 : s.totalSize) || 0, T = (l) => {
     let d = "";
     return l && l.includes && l.includes.length > 0 && (d += "<div><strong>Includes</strong></div>", d += l.includes.map((c) => `<div>${o.device.name} -> ${c}</div>`).join("")), l && l.excludes && l.excludes.length > 0 && (d += "<div><strong>Excludes</strong></div>", d += l.excludes.map((c) => `<div>${c}</div>`).join("")), d;
   };
   return /* @__PURE__ */ i("div", { className: t.planStats, children: [
     /* @__PURE__ */ i("div", { className: t.sources, children: [
       /* @__PURE__ */ i("div", { className: t.widgetTitle, children: [
-        /* @__PURE__ */ e(s, { type: "backup", size: 12 }),
+        /* @__PURE__ */ e(n, { type: "backup", size: 12 }),
         " ",
         r ? "Syncing" : "Backing Up"
       ] }),
       /* @__PURE__ */ i("div", { className: t.sourceContent, children: [
-        /* @__PURE__ */ i("div", { "data-tooltip-id": "htmlToolTip", "data-tooltip-place": "top", "data-tooltip-html": y(a), children: [
-          /* @__PURE__ */ e(s, { type: "folders", size: 18 }),
+        /* @__PURE__ */ i("div", { "data-tooltip-id": "htmlToolTip", "data-tooltip-place": "top", "data-tooltip-html": T(a), children: [
+          /* @__PURE__ */ e(n, { type: "folders", size: 18 }),
           /* @__PURE__ */ i("span", { children: [
             a == null ? void 0 : a.includes.length,
             " Sources"
@@ -29,52 +30,50 @@ const A = ({ plan: o, isSync: r, lastBackupItem: n }) => {
           {
             "data-tooltip-id": "htmlToolTip",
             "data-tooltip-place": "top",
-            "data-tooltip-html": h ? `${r ? "Syncing" : "Copying"} changes ${T(N)}` : "Plan is Not Active",
+            "data-tooltip-html": h ? `${r ? "Syncing" : "Copying"} changes ${y(g)}` : "Plan is Not Active",
             children: [
-              /* @__PURE__ */ e(s, { type: h ? r ? "reload" : "copy" : "pause", size: 16 }),
+              /* @__PURE__ */ e(n, { type: h ? r ? "reload" : "copy" : "pause", size: 16 }),
               /* @__PURE__ */ e("div", { className: t.sourceArrow, children: "→" })
             ]
           }
         ),
         /* @__PURE__ */ e(
-          u,
+          x,
           {
             disableTooltip: !1,
             inline: !1,
             replicationSettings: o.settings.replication,
-            storage: m,
-            storagePath: g
+            storage: p,
+            storagePath: m
           }
         )
       ] })
     ] }),
     /* @__PURE__ */ i("div", { className: t.snapshots, children: [
       /* @__PURE__ */ i("div", { className: t.widgetTitle, children: [
-        /* @__PURE__ */ e(s, { type: "folders", size: 12 }),
-        " Source Stats"
-      ] }),
-      /* @__PURE__ */ i("div", { className: t.snapshotsContent, children: [
-        /* @__PURE__ */ i("div", { children: [
-          /* @__PURE__ */ e("span", { children: p ? S(p) : 0 }),
-          /* @__PURE__ */ e("span", { children: "Files" })
-        ] }),
-        /* @__PURE__ */ e("div", {}),
-        /* @__PURE__ */ i("div", { children: [
-          /* @__PURE__ */ e("span", { children: v ? z(v) : "0.00B" }),
-          /* @__PURE__ */ e("span", { children: "Size" })
+        /* @__PURE__ */ e(n, { type: "folders", size: 12 }),
+        " Stats",
+        " ",
+        /* @__PURE__ */ i("span", { className: t.widgetSubTitle, children: [
+          S(f),
+          " files ",
+          /* @__PURE__ */ e("i", { children: "|" }),
+          " ",
+          u(N)
         ] })
-      ] })
+      ] }),
+      /* @__PURE__ */ e("div", { className: t.snapshotsContent, children: /* @__PURE__ */ e(b, { backups: o.backups }) })
     ] }),
     /* @__PURE__ */ i("div", { className: t.health, children: [
       /* @__PURE__ */ i("div", { className: t.widgetTitle, children: [
-        /* @__PURE__ */ e(s, { type: "speed", size: 12 }),
+        /* @__PURE__ */ e(n, { type: "speed", size: 12 }),
         " Health"
       ] }),
-      /* @__PURE__ */ e("div", { className: t.healthContent, children: /* @__PURE__ */ e(x, { planId: o.id, history: o.backups, itemsCount: 90 }) })
+      /* @__PURE__ */ e("div", { className: t.healthContent, children: /* @__PURE__ */ e(z, { planId: o.id, history: o.backups, itemsCount: 90 }) })
     ] })
   ] });
 };
 export {
-  A as default
+  F as default
 };
 //# sourceMappingURL=PlanStats.js.map

package/dist-lib/components/Plan/PlanStats/PlanStats.js.map

@@ -1 +1 @@
-{"version":3,"file":"PlanStats.js","sources":["../../../../src/components/Plan/PlanStats/PlanStats.tsx"],"sourcesContent":["import Icon from '../../common/Icon/Icon';\r\nimport { Plan } from '../../../@types/plans';\r\nimport { formatBytes, formatNumberToK, formatIntervalDisplay } from '../../../utils/helpers';\r\nimport PlanHistory from '../PlanHistory/PlanHistory';\r\nimport classes from './PlanStats.module.scss';\r\nimport PlanStorageInfo from '../PlanStorageInfo/PlanStorageInfo';\r\n\r\ninterface PlanStatsProps {\r\n   plan: Plan;\r\n   isSync: boolean;\r\n   lastBackupItem: any;\r\n}\r\n\r\nconst PlanStats = ({ plan, isSync, lastBackupItem }: PlanStatsProps) => {\r\n   const { sourceConfig, storage, storagePath, isActive, settings } = plan;\r\n   const { interval } = settings;\r\n\r\n   const totalFiles = lastBackupItem?.totalFiles || 0;\r\n   const totalSize = lastBackupItem?.totalSize || 0;\r\n\r\n   const sourceTooltipHTML = (sources: Plan['sourceConfig']) => {\r\n      let html = '';\r\n      if (sources && sources.includes && sources.includes.length > 0) {\r\n         html += `<div><strong>Includes</strong></div>`;\r\n         html += sources.includes.map((p) => `<div>${plan.device.name} -> ${p}</div>`).join('');\r\n      }\r\n      if (sources && sources.excludes && sources.excludes.length > 0) {\r\n         html += `<div><strong>Excludes</strong></div>`;\r\n         html += sources.excludes.map((p) => `<div>${p}</div>`).join('');\r\n      }\r\n      return html;\r\n   };\r\n\r\n   return (\r\n      <div className={classes.planStats}>\r\n         <div className={classes.sources}>\r\n            <div className={classes.widgetTitle}>\r\n               <Icon type=\"backup\" size={12} /> {isSync ? 'Syncing' : 'Backing Up'}\r\n            </div>\r\n            <div className={classes.sourceContent}>\r\n               <div data-tooltip-id=\"htmlToolTip\" data-tooltip-place=\"top\" data-tooltip-html={sourceTooltipHTML(sourceConfig)}>\r\n                  <Icon type=\"folders\" size={18} />\r\n                  <span>{sourceConfig?.includes.length} Sources</span>\r\n               </div>\r\n               <div\r\n                  data-tooltip-id=\"htmlToolTip\"\r\n                  data-tooltip-place=\"top\"\r\n                  data-tooltip-html={isActive ? `${isSync ? 'Syncing' : 'Copying'} changes ${formatIntervalDisplay(interval)}` : 'Plan is Not Active'}\r\n               >\r\n                  <Icon type={isActive ? (isSync ? 'reload' : 'copy') : 'pause'} size={16} />\r\n                  <div className={classes.sourceArrow}>→</div>\r\n               </div>\r\n               <PlanStorageInfo\r\n                  disableTooltip={false}\r\n                  inline={false}\r\n                  replicationSettings={plan.settings.replication}\r\n                  storage={storage}\r\n                  storagePath={storagePath}\r\n               />\r\n            </div>\r\n         </div>\r\n         <div className={classes.snapshots}>\r\n            <div className={classes.widgetTitle}>\r\n               <Icon type=\"folders\" size={12} /> Source Stats\r\n            </div>\r\n            <div className={classes.snapshotsContent}>\r\n               <div>\r\n                  <span>{totalFiles ? formatNumberToK(totalFiles) : 0}</span>\r\n                  <span>Files</span>\r\n               </div>\r\n               <div></div>\r\n               <div>\r\n                  <span>{totalSize ? formatBytes(totalSize) : '0.00B'}</span>\r\n                  <span>Size</span>\r\n               </div>\r\n            </div>\r\n         </div>\r\n         <div className={classes.health}>\r\n            <div className={classes.widgetTitle}>\r\n               <Icon type=\"speed\" size={12} /> Health\r\n            </div>\r\n            <div className={classes.healthContent}>\r\n               <PlanHistory planId={plan.id} history={plan.backups} itemsCount={90} />\r\n            </div>\r\n         </div>\r\n      </div>\r\n   );\r\n};\r\n\r\nexport default PlanStats;\r\n"],"names":["PlanStats","plan","isSync","lastBackupItem","sourceConfig","storage","storagePath","isActive","settings","interval","totalFiles","totalSize","sourceTooltipHTML","sources","html","p","jsxs","classes","jsx","Icon","formatIntervalDisplay","PlanStorageInfo","formatNumberToK","formatBytes","PlanHistory"],"mappings":";;;;;;AAaA,MAAMA,IAAY,CAAC,EAAE,MAAAC,GAAM,QAAAC,GAAQ,gBAAAC,QAAqC;AACrE,QAAM,EAAE,cAAAC,GAAc,SAAAC,GAAS,aAAAC,GAAa,UAAAC,GAAU,UAAAC,MAAaP,GAC7D,EAAE,UAAAQ,MAAaD,GAEfE,KAAaP,KAAA,gBAAAA,EAAgB,eAAc,GAC3CQ,KAAYR,KAAA,gBAAAA,EAAgB,cAAa,GAEzCS,IAAoB,CAACC,MAAkC;AAC1D,QAAIC,IAAO;AACX,WAAID,KAAWA,EAAQ,YAAYA,EAAQ,SAAS,SAAS,MAC1DC,KAAQ,wCACRA,KAAQD,EAAQ,SAAS,IAAI,CAACE,MAAM,QAAQd,EAAK,OAAO,IAAI,OAAOc,CAAC,QAAQ,EAAE,KAAK,EAAE,IAEpFF,KAAWA,EAAQ,YAAYA,EAAQ,SAAS,SAAS,MAC1DC,KAAQ,wCACRA,KAAQD,EAAQ,SAAS,IAAI,CAACE,MAAM,QAAQA,CAAC,QAAQ,EAAE,KAAK,EAAE,IAE1DD;AAAA,EACV;AAEA,SACG,gBAAAE,EAAC,OAAA,EAAI,WAAWC,EAAQ,WACrB,UAAA;AAAA,IAAA,gBAAAD,EAAC,OAAA,EAAI,WAAWC,EAAQ,SACrB,UAAA;AAAA,MAAA,gBAAAD,EAAC,OAAA,EAAI,WAAWC,EAAQ,aACrB,UAAA;AAAA,QAAA,gBAAAC,EAACC,GAAA,EAAK,MAAK,UAAS,MAAM,IAAI;AAAA,QAAE;AAAA,QAAEjB,IAAS,YAAY;AAAA,MAAA,GAC1D;AAAA,MACA,gBAAAc,EAAC,OAAA,EAAI,WAAWC,EAAQ,eACrB,UAAA;AAAA,QAAA,gBAAAD,EAAC,OAAA,EAAI,mBAAgB,eAAc,sBAAmB,OAAM,qBAAmBJ,EAAkBR,CAAY,GAC1G,UAAA;AAAA,UAAA,gBAAAc,EAACC,GAAA,EAAK,MAAK,WAAU,MAAM,IAAI;AAAA,4BAC9B,QAAA,EAAM,UAAA;AAAA,YAAAf,KAAA,gBAAAA,EAAc,SAAS;AAAA,YAAO;AAAA,UAAA,EAAA,CAAQ;AAAA,QAAA,GAChD;AAAA,QACA,gBAAAY;AAAA,UAAC;AAAA,UAAA;AAAA,YACE,mBAAgB;AAAA,YAChB,sBAAmB;AAAA,YACnB,qBAAmBT,IAAW,GAAGL,IAAS,YAAY,SAAS,YAAYkB,EAAsBX,CAAQ,CAAC,KAAK;AAAA,YAE/G,UAAA;AAAA,cAAA,gBAAAS,EAACC,GAAA,EAAK,MAAMZ,IAAYL,IAAS,WAAW,SAAU,SAAS,MAAM,GAAA,CAAI;AAAA,cACzE,gBAAAgB,EAAC,OAAA,EAAI,WAAWD,EAAQ,aAAa,UAAA,IAAA,CAAC;AAAA,YAAA;AAAA,UAAA;AAAA,QAAA;AAAA,QAEzC,gBAAAC;AAAA,UAACG;AAAA,UAAA;AAAA,YACE,gBAAgB;AAAA,YAChB,QAAQ;AAAA,YACR,qBAAqBpB,EAAK,SAAS;AAAA,YACnC,SAAAI;AAAA,YACA,aAAAC;AAAA,UAAA;AAAA,QAAA;AAAA,MACH,EAAA,CACH;AAAA,IAAA,GACH;AAAA,IACA,gBAAAU,EAAC,OAAA,EAAI,WAAWC,EAAQ,WACrB,UAAA;AAAA,MAAA,gBAAAD,EAAC,OAAA,EAAI,WAAWC,EAAQ,aACrB,UAAA;AAAA,QAAA,gBAAAC,EAACC,GAAA,EAAK,MAAK,WAAU,MAAM,IAAI;AAAA,QAAE;AAAA,MAAA,GACpC;AAAA,MACA,gBAAAH,EAAC,OAAA,EAAI,WAAWC,EAAQ,kBACrB,UAAA;AAAA,QAAA,gBAAAD,EAAC,OAAA,EACE,UAAA;AAAA,UAAA,gBAAAE,EAAC,QAAA,EAAM,UAAAR,IAAaY,EAAgBZ,CAAU,IAAI,GAAE;AAAA,UACpD,gBAAAQ,EAAC,UAAK,UAAA,QAAA,CAAK;AAAA,QAAA,GACd;AAAA,0BACC,OAAA,EAAI;AAAA,0BACJ,OAAA,EACE,UAAA;AAAA,UAAA,gBAAAA,EAAC,QAAA,EAAM,UAAAP,IAAYY,EAAYZ,CAAS,IAAI,SAAQ;AAAA,UACpD,gBAAAO,EAAC,UAAK,UAAA,OAAA,CAAI;AAAA,QAAA,EAAA,CACb;AAAA,MAAA,EAAA,CACH;AAAA,IAAA,GACH;AAAA,IACA,gBAAAF,EAAC,OAAA,EAAI,WAAWC,EAAQ,QACrB,UAAA;AAAA,MAAA,gBAAAD,EAAC,OAAA,EAAI,WAAWC,EAAQ,aACrB,UAAA;AAAA,QAAA,gBAAAC,EAACC,GAAA,EAAK,MAAK,SAAQ,MAAM,IAAI;AAAA,QAAE;AAAA,MAAA,GAClC;AAAA,MACA,gBAAAD,EAAC,OAAA,EAAI,WAAWD,EAAQ,eACrB,UAAA,gBAAAC,EAACM,GAAA,EAAY,QAAQvB,EAAK,IAAI,SAASA,EAAK,SAAS,YAAY,IAAI,EAAA,CACxE;AAAA,IAAA,EAAA,CACH;AAAA,EAAA,GACH;AAEN;"}
+{"version":3,"file":"PlanStats.js","sources":["../../../../src/components/Plan/PlanStats/PlanStats.tsx"],"sourcesContent":["import Icon from '../../common/Icon/Icon';\r\nimport { Plan } from '../../../@types/plans';\r\nimport { formatIntervalDisplay } from '../../../utils/helpers';\r\nimport PlanHistory from '../PlanHistory/PlanHistory';\r\nimport PlanSizeChart from '../PlanSizeChart/PlanSizeChart';\r\nimport classes from './PlanStats.module.scss';\r\nimport PlanStorageInfo from '../PlanStorageInfo/PlanStorageInfo';\r\nimport { formatBytes, formatNumberToK } from '../../../utils/helpers';\r\n\r\ninterface PlanStatsProps {\r\n   plan: Plan;\r\n   isSync: boolean;\r\n   lastBackupItem: any;\r\n}\r\n\r\nconst PlanStats = ({ plan, isSync, lastBackupItem }: PlanStatsProps) => {\r\n   const { sourceConfig, storage, storagePath, isActive, settings } = plan;\r\n   const { interval } = settings;\r\n\r\n   const totalFiles = lastBackupItem?.totalFiles || 0;\r\n   const totalSize = lastBackupItem?.totalSize || 0;\r\n\r\n   const sourceTooltipHTML = (sources: Plan['sourceConfig']) => {\r\n      let html = '';\r\n      if (sources && sources.includes && sources.includes.length > 0) {\r\n         html += `<div><strong>Includes</strong></div>`;\r\n         html += sources.includes.map((p) => `<div>${plan.device.name} -> ${p}</div>`).join('');\r\n      }\r\n      if (sources && sources.excludes && sources.excludes.length > 0) {\r\n         html += `<div><strong>Excludes</strong></div>`;\r\n         html += sources.excludes.map((p) => `<div>${p}</div>`).join('');\r\n      }\r\n      return html;\r\n   };\r\n\r\n   return (\r\n      <div className={classes.planStats}>\r\n         <div className={classes.sources}>\r\n            <div className={classes.widgetTitle}>\r\n               <Icon type=\"backup\" size={12} /> {isSync ? 'Syncing' : 'Backing Up'}\r\n            </div>\r\n            <div className={classes.sourceContent}>\r\n               <div data-tooltip-id=\"htmlToolTip\" data-tooltip-place=\"top\" data-tooltip-html={sourceTooltipHTML(sourceConfig)}>\r\n                  <Icon type=\"folders\" size={18} />\r\n                  <span>{sourceConfig?.includes.length} Sources</span>\r\n               </div>\r\n               <div\r\n                  data-tooltip-id=\"htmlToolTip\"\r\n                  data-tooltip-place=\"top\"\r\n                  data-tooltip-html={isActive ? `${isSync ? 'Syncing' : 'Copying'} changes ${formatIntervalDisplay(interval)}` : 'Plan is Not Active'}\r\n               >\r\n                  <Icon type={isActive ? (isSync ? 'reload' : 'copy') : 'pause'} size={16} />\r\n                  <div className={classes.sourceArrow}>→</div>\r\n               </div>\r\n               <PlanStorageInfo\r\n                  disableTooltip={false}\r\n                  inline={false}\r\n                  replicationSettings={plan.settings.replication}\r\n                  storage={storage}\r\n                  storagePath={storagePath}\r\n               />\r\n            </div>\r\n         </div>\r\n         <div className={classes.snapshots}>\r\n            <div className={classes.widgetTitle}>\r\n               <Icon type=\"folders\" size={12} /> Stats{' '}\r\n               <span className={classes.widgetSubTitle}>\r\n                  {formatNumberToK(totalFiles)} files <i>|</i> {formatBytes(totalSize)}\r\n               </span>\r\n            </div>\r\n            <div className={classes.snapshotsContent}>\r\n               <PlanSizeChart backups={plan.backups} />\r\n            </div>\r\n         </div>\r\n         <div className={classes.health}>\r\n            <div className={classes.widgetTitle}>\r\n               <Icon type=\"speed\" size={12} /> Health\r\n            </div>\r\n            <div className={classes.healthContent}>\r\n               <PlanHistory planId={plan.id} history={plan.backups} itemsCount={90} />\r\n            </div>\r\n         </div>\r\n      </div>\r\n   );\r\n};\r\n\r\nexport default PlanStats;\r\n"],"names":["PlanStats","plan","isSync","lastBackupItem","sourceConfig","storage","storagePath","isActive","settings","interval","totalFiles","totalSize","sourceTooltipHTML","sources","html","p","jsxs","classes","jsx","Icon","formatIntervalDisplay","PlanStorageInfo","formatNumberToK","formatBytes","PlanSizeChart","PlanHistory"],"mappings":"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"}

package/dist-lib/components/Plan/PlanStats/PlanStats.module.scss.js

@@ -1,22 +1,24 @@
-const s = "_planStats_Q8GaX", t = "_widgetTitle_2cQ1i", o = "_sources_Ddf4g", n = "_snapshots_LJ3RW", e = "_health_BlVH1", c = "_sourceContent_X5Yf9", a = "_sourceArrow_XqRux", r = "_snapshotsContent_juzd3", _ = {
-  planStats: s,
-  widgetTitle: t,
-  sources: o,
+const t = "_planStats_I6QMh", s = "_widgetTitle_5fzuw", o = "_widgetSubTitle_C8nLq", e = "_sources_GOFPP", n = "_snapshots_scBR4", c = "_health_S6a4I", a = "_sourceContent_BOF4S", _ = "_sourceArrow_W4iFP", r = "_snapshotsContent_Och1K", h = {
+  planStats: t,
+  widgetTitle: s,
+  widgetSubTitle: o,
+  sources: e,
   snapshots: n,
-  health: e,
-  sourceContent: c,
-  sourceArrow: a,
+  health: c,
+  sourceContent: a,
+  sourceArrow: _,
   snapshotsContent: r
 };
 export {
-  _ as default,
-  e as health,
-  s as planStats,
+  h as default,
+  c as health,
+  t as planStats,
   n as snapshots,
   r as snapshotsContent,
-  a as sourceArrow,
-  c as sourceContent,
-  o as sources,
-  t as widgetTitle
+  _ as sourceArrow,
+  a as sourceContent,
+  e as sources,
+  o as widgetSubTitle,
+  s as widgetTitle
 };
 //# sourceMappingURL=PlanStats.module.scss.js.map

package/dist-lib/components/Plan/PlanStats/PlanStats.module.scss.js.map

@@ -1 +1 @@
-{"version":3,"file":"PlanStats.module.scss.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;"}
+{"version":3,"file":"PlanStats.module.scss.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;"}

package/dist-lib/components/common/FileManager/FileManager.module.scss.js

@@ -1,34 +1,36 @@
-const e = "_fileManager_aDrwc", i = "_navigationBar_1AroU", t = "_currentPath_cVdV9", n = "_fileList_AXO80", a = "_empty_pIu2Y", l = "_fileHeader_pDFDU", o = "_fileListContainer_k31sv", s = "_fileRow_mUxpD", f = "_selected_40OaM", _ = "_fileName_HLD33", c = "_fileNameText_OCYAF", r = "_fileSize_TQRkB", m = "_loading_CmWSR", d = "_mobileFileInfo_KiAvd", g = {
+const e = "_fileManager_P4pn0", i = "_navigationBar_x4ZpO", t = "_currentPath_9bxS8", l = "_fileList_EuASU", n = "_empty_fDxgu", a = "_fileHeader_rdcxy", o = "_fileListContainer_865J4", f = "_fileRow_dcz21", _ = "_selected_K7B0e", s = "_fileName_8odvK", c = "_fileNameText_BEWX5", r = "_fileSize_InVxT", d = "_fileDate_dfRAk", m = "_loading_Wi2lx", g = "_mobileFileInfo_At6wj", x = {
   fileManager: e,
   navigationBar: i,
   currentPath: t,
-  fileList: n,
-  empty: a,
-  fileHeader: l,
+  fileList: l,
+  empty: n,
+  fileHeader: a,
   fileListContainer: o,
-  fileRow: s,
-  selected: f,
-  fileName: _,
+  fileRow: f,
+  selected: _,
+  fileName: s,
   fileNameText: c,
   fileSize: r,
+  fileDate: d,
   loading: m,
-  mobileFileInfo: d
+  mobileFileInfo: g
 };
 export {
   t as currentPath,
-  g as default,
-  a as empty,
-  l as fileHeader,
-  n as fileList,
+  x as default,
+  n as empty,
+  d as fileDate,
+  a as fileHeader,
+  l as fileList,
   o as fileListContainer,
   e as fileManager,
-  _ as fileName,
+  s as fileName,
   c as fileNameText,
-  s as fileRow,
+  f as fileRow,
   r as fileSize,
   m as loading,
-  d as mobileFileInfo,
+  g as mobileFileInfo,
   i as navigationBar,
-  f as selected
+  _ as selected
 };
 //# sourceMappingURL=FileManager.module.scss.js.map

package/dist-lib/components/common/FileManager/FileManager.module.scss.js.map

@@ -1 +1 @@
-{"version":3,"file":"FileManager.module.scss.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;"}
+{"version":3,"file":"FileManager.module.scss.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;"}

package/dist-lib/components/common/Icon/Icon.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Icon.d.ts","sourceRoot":"","sources":["../../../../src/components/common/Icon/Icon.tsx"],"names":[],"mappings":"AAEA,KAAK,SAAS,GAAG;IACd,IAAI,EAAE,MAAM,CAAC;IACb,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,OAAO,CAAC,EAAE,MAAM,CAAC;CACnB,CAAC;AAOF,QAAA,MAAM,IAAI,GAAI,uCAAuE,SAAS,4CAo/C7F,CAAC;AAmBF,eAAe,IAAI,CAAC"}
+{"version":3,"file":"Icon.d.ts","sourceRoot":"","sources":["../../../../src/components/common/Icon/Icon.tsx"],"names":[],"mappings":"AAEA,KAAK,SAAS,GAAG;IACd,IAAI,EAAE,MAAM,CAAC;IACb,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,OAAO,CAAC,EAAE,MAAM,CAAC;CACnB,CAAC;AAOF,QAAA,MAAM,IAAI,GAAI,uCAAuE,SAAS,4CAygD7F,CAAC;AAmBF,eAAe,IAAI,CAAC"}