@plutonhq/core-frontend 0.1.31 → 0.1.33
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist-lib/@types/plans.d.ts +4 -0
- package/dist-lib/@types/plans.d.ts.map +1 -1
- package/dist-lib/components/Plan/AddPlan/AddPlan.d.ts.map +1 -1
- package/dist-lib/components/Plan/AddPlan/AddPlan.js +29 -24
- package/dist-lib/components/Plan/AddPlan/AddPlan.js.map +1 -1
- package/dist-lib/components/Plan/BackupEvents/BackupEvents.js +33 -33
- package/dist-lib/components/Plan/BackupEvents/BackupEvents.js.map +1 -1
- package/dist-lib/components/Plan/BackupEvents/BackupEvents.module.scss.js +36 -36
- package/dist-lib/components/Plan/BackupProgress/BackupProgress.d.ts.map +1 -1
- package/dist-lib/components/Plan/BackupProgress/BackupProgress.js +63 -53
- package/dist-lib/components/Plan/BackupProgress/BackupProgress.js.map +1 -1
- package/dist-lib/components/Plan/BackupProgress/BackupProgress.module.scss.js +32 -32
- package/dist-lib/components/Plan/Backups/Backups.d.ts.map +1 -1
- package/dist-lib/components/Plan/Backups/Backups.js +148 -144
- package/dist-lib/components/Plan/Backups/Backups.js.map +1 -1
- package/dist-lib/components/Plan/Backups/Backups.module.scss.js +34 -32
- package/dist-lib/components/Plan/Backups/Backups.module.scss.js.map +1 -1
- package/dist-lib/components/Plan/FilterPlans/FilterPlans.d.ts +9 -0
- package/dist-lib/components/Plan/FilterPlans/FilterPlans.d.ts.map +1 -0
- package/dist-lib/components/Plan/FilterPlans/FilterPlans.js +117 -0
- package/dist-lib/components/Plan/FilterPlans/FilterPlans.js.map +1 -0
- package/dist-lib/components/Plan/FilterPlans/FilterPlans.module.scss.js +20 -0
- package/dist-lib/components/Plan/FilterPlans/FilterPlans.module.scss.js.map +1 -0
- package/dist-lib/components/Plan/PlanForm/PlanForm.d.ts +4 -2
- package/dist-lib/components/Plan/PlanForm/PlanForm.d.ts.map +1 -1
- package/dist-lib/components/Plan/PlanForm/PlanForm.js +33 -29
- package/dist-lib/components/Plan/PlanForm/PlanForm.js.map +1 -1
- package/dist-lib/components/Plan/PlanIntegrity/PlanIntegrity.d.ts +2 -1
- package/dist-lib/components/Plan/PlanIntegrity/PlanIntegrity.d.ts.map +1 -1
- package/dist-lib/components/Plan/PlanIntegrity/PlanIntegrity.js +85 -57
- package/dist-lib/components/Plan/PlanIntegrity/PlanIntegrity.js.map +1 -1
- package/dist-lib/components/Plan/PlanIntegrity/PlanIntegrity.module.scss.js +11 -9
- package/dist-lib/components/Plan/PlanIntegrity/PlanIntegrity.module.scss.js.map +1 -1
- package/dist-lib/components/Plan/PlanItems/PlanItem.js +1 -1
- package/dist-lib/components/Plan/PlanItems/PlanItem.js.map +1 -1
- package/dist-lib/components/Plan/PlanRepair/PlanRepair.d.ts +9 -0
- package/dist-lib/components/Plan/PlanRepair/PlanRepair.d.ts.map +1 -0
- package/dist-lib/components/Plan/PlanRepair/PlanRepair.js +262 -0
- package/dist-lib/components/Plan/PlanRepair/PlanRepair.js.map +1 -0
- package/dist-lib/components/Plan/PlanRepair/PlanRepair.module.scss.js +14 -0
- package/dist-lib/components/Plan/PlanRepair/PlanRepair.module.scss.js.map +1 -0
- package/dist-lib/components/Plan/PlanSettings/PlanAdvancedSettings.d.ts +4 -2
- package/dist-lib/components/Plan/PlanSettings/PlanAdvancedSettings.d.ts.map +1 -1
- package/dist-lib/components/Plan/PlanSettings/PlanAdvancedSettings.js +24 -22
- package/dist-lib/components/Plan/PlanSettings/PlanAdvancedSettings.js.map +1 -1
- package/dist-lib/components/Plan/PlanSettings/PlanGeneralSettings.d.ts +4 -2
- package/dist-lib/components/Plan/PlanSettings/PlanGeneralSettings.d.ts.map +1 -1
- package/dist-lib/components/Plan/PlanSettings/PlanGeneralSettings.js +39 -28
- package/dist-lib/components/Plan/PlanSettings/PlanGeneralSettings.js.map +1 -1
- package/dist-lib/components/Plan/PlanSettings/PlanSettings.module.scss.js +66 -64
- package/dist-lib/components/Plan/PlanSettings/PlanSettings.module.scss.js.map +1 -1
- package/dist-lib/components/Plan/PlanSizeChart/PlanSizeChart.d.ts +7 -0
- package/dist-lib/components/Plan/PlanSizeChart/PlanSizeChart.d.ts.map +1 -0
- package/dist-lib/components/Plan/PlanSizeChart/PlanSizeChart.js +116 -0
- package/dist-lib/components/Plan/PlanSizeChart/PlanSizeChart.js.map +1 -0
- package/dist-lib/components/Plan/PlanSizeChart/PlanSizeChart.module.scss.js +20 -0
- package/dist-lib/components/Plan/PlanSizeChart/PlanSizeChart.module.scss.js.map +1 -0
- package/dist-lib/components/Plan/PlanStats/PlanStats.d.ts.map +1 -1
- package/dist-lib/components/Plan/PlanStats/PlanStats.js +29 -30
- package/dist-lib/components/Plan/PlanStats/PlanStats.js.map +1 -1
- package/dist-lib/components/Plan/PlanStats/PlanStats.module.scss.js +16 -14
- package/dist-lib/components/Plan/PlanStats/PlanStats.module.scss.js.map +1 -1
- package/dist-lib/components/common/Icon/Icon.d.ts.map +1 -1
- package/dist-lib/components/common/Icon/Icon.js +395 -378
- package/dist-lib/components/common/Icon/Icon.js.map +1 -1
- package/dist-lib/components/common/SortItems/SortItems.d.ts +2 -1
- package/dist-lib/components/common/SortItems/SortItems.d.ts.map +1 -1
- package/dist-lib/components/common/SortItems/SortItems.js +14 -14
- package/dist-lib/components/common/SortItems/SortItems.js.map +1 -1
- package/dist-lib/components/common/SortItems/SortItems.module.scss.js +1 -1
- package/dist-lib/components/common/form/MultiSelect/MultiSelect.module.scss.js +16 -16
- package/dist-lib/components/index.d.ts +2 -0
- package/dist-lib/components/index.d.ts.map +1 -1
- package/dist-lib/components.js +199 -195
- package/dist-lib/components.js.map +1 -1
- package/dist-lib/hooks/usePlanSingleActions.d.ts.map +1 -1
- package/dist-lib/hooks/usePlanSingleActions.js +22 -19
- package/dist-lib/hooks/usePlanSingleActions.js.map +1 -1
- package/dist-lib/node_modules/.pnpm/@kurkle_color@0.3.4/node_modules/@kurkle/color/dist/color.esm.js +449 -0
- package/dist-lib/node_modules/.pnpm/@kurkle_color@0.3.4/node_modules/@kurkle/color/dist/color.esm.js.map +1 -0
- package/dist-lib/node_modules/.pnpm/chart.js@4.5.1/node_modules/chart.js/dist/chart.js +5219 -0
- package/dist-lib/node_modules/.pnpm/chart.js@4.5.1/node_modules/chart.js/dist/chart.js.map +1 -0
- package/dist-lib/node_modules/.pnpm/chart.js@4.5.1/node_modules/chart.js/dist/chunks/helpers.dataset.js +1691 -0
- package/dist-lib/node_modules/.pnpm/chart.js@4.5.1/node_modules/chart.js/dist/chunks/helpers.dataset.js.map +1 -0
- package/dist-lib/node_modules/.pnpm/react-chartjs-2@5.3.1_chart.js@4.5.1_react@18.3.1/node_modules/react-chartjs-2/dist/index.js +93 -0
- package/dist-lib/node_modules/.pnpm/react-chartjs-2@5.3.1_chart.js@4.5.1_react@18.3.1/node_modules/react-chartjs-2/dist/index.js.map +1 -0
- package/dist-lib/routes/Login/Login.d.ts.map +1 -1
- package/dist-lib/routes/Login/Login.js +45 -36
- package/dist-lib/routes/Login/Login.js.map +1 -1
- package/dist-lib/routes/PlanSingle/PlanSingle.d.ts.map +1 -1
- package/dist-lib/routes/PlanSingle/PlanSingle.js +131 -118
- package/dist-lib/routes/PlanSingle/PlanSingle.js.map +1 -1
- package/dist-lib/routes/Plans/Plans.d.ts.map +1 -1
- package/dist-lib/routes/Plans/Plans.js +77 -51
- package/dist-lib/routes/Plans/Plans.js.map +1 -1
- package/dist-lib/services/plans.d.ts +33 -5
- package/dist-lib/services/plans.d.ts.map +1 -1
- package/dist-lib/services/plans.js +92 -67
- package/dist-lib/services/plans.js.map +1 -1
- package/dist-lib/services.js +93 -91
- package/dist-lib/styles/core-frontend.css +1 -1
- package/dist-lib/styles/global.scss +4 -0
- package/dist-lib/utils/helpers.d.ts +2 -0
- package/dist-lib/utils/helpers.d.ts.map +1 -1
- package/dist-lib/utils/helpers.js +68 -42
- package/dist-lib/utils/helpers.js.map +1 -1
- package/dist-lib/utils.js +36 -34
- package/package.json +3 -1
- package/src/@types/plans.ts +5 -0
- package/src/components/Plan/AddPlan/AddPlan.tsx +22 -16
- package/src/components/Plan/BackupEvents/BackupEvents.module.scss +2 -0
- package/src/components/Plan/BackupEvents/BackupEvents.tsx +2 -2
- package/src/components/Plan/BackupProgress/BackupProgress.module.scss +1 -0
- package/src/components/Plan/BackupProgress/BackupProgress.tsx +7 -2
- package/src/components/Plan/Backups/Backups.module.scss +16 -0
- package/src/components/Plan/Backups/Backups.tsx +13 -2
- package/src/components/Plan/FilterPlans/FilterPlans.module.scss +65 -0
- package/src/components/Plan/FilterPlans/FilterPlans.tsx +126 -0
- package/src/components/Plan/PlanForm/PlanForm.tsx +7 -1
- package/src/components/Plan/PlanIntegrity/PlanIntegrity.module.scss +19 -0
- package/src/components/Plan/PlanIntegrity/PlanIntegrity.tsx +40 -3
- package/src/components/Plan/PlanItems/PlanItem.tsx +1 -1
- package/src/components/Plan/PlanRepair/PlanRepair.module.scss +53 -0
- package/src/components/Plan/PlanRepair/PlanRepair.tsx +243 -0
- package/src/components/Plan/PlanSettings/PlanAdvancedSettings.tsx +6 -2
- package/src/components/Plan/PlanSettings/PlanGeneralSettings.tsx +14 -2
- package/src/components/Plan/PlanSettings/PlanSettings.module.scss +8 -0
- package/src/components/Plan/PlanSizeChart/PlanSizeChart.module.scss +76 -0
- package/src/components/Plan/PlanSizeChart/PlanSizeChart.tsx +163 -0
- package/src/components/Plan/PlanStats/PlanStats.module.scss +16 -2
- package/src/components/Plan/PlanStats/PlanStats.tsx +8 -11
- package/src/components/common/Icon/Icon.tsx +21 -0
- package/src/components/common/SortItems/SortItems.module.scss +3 -2
- package/src/components/common/SortItems/SortItems.tsx +6 -3
- package/src/components/common/form/MultiSelect/MultiSelect.module.scss +1 -0
- package/src/components/index.ts +2 -0
- package/src/hooks/usePlanSingleActions.tsx +26 -23
- package/src/routes/Login/Login.tsx +8 -2
- package/src/routes/PlanSingle/PlanSingle.tsx +17 -0
- package/src/routes/Plans/Plans.tsx +70 -35
- package/src/services/plans.ts +40 -4
- package/src/styles/global.scss +4 -0
- package/src/utils/helpers.ts +25 -0
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Backups.js","sources":["../../../../src/components/Plan/Backups/Backups.tsx"],"sourcesContent":["import { useState } from 'react';\r\nimport { toast } from 'react-toastify';\r\nimport { Plan } from '../../../@types/plans';\r\nimport { Backup } from '../../../@types/backups';\r\nimport { formatBytes, formatDateTime, formatDuration, formatNumberToK, timeAgo } from '../../../utils/helpers';\r\nimport Icon from '../../common/Icon/Icon';\r\nimport classes from './Backups.module.scss';\r\nimport ActionModal from '../../common/ActionModal/ActionModal';\r\nimport {\r\n useCancelBackupDownload,\r\n useDeleteBackup,\r\n useDownloadBackup,\r\n useGetBackupDownload,\r\n useUpdateBackup,\r\n useBrowseSnapshot,\r\n} from '../../../services/backups';\r\nimport { useQueryClient } from '@tanstack/react-query';\r\nimport RestoreWizard from '../../Restore/RestoreWizard/RestoreWizard';\r\nimport StatusLabel from '../../common/StatusLabel/StatusLabel';\r\nimport BackupEvents from '../BackupEvents/BackupEvents';\r\nimport Input from '../../common/form/Input/Input';\r\nimport MirrorStatusBadge from '../Mirrors/MirrorStatusBadge';\r\nimport MirrorStorageSelectorModal from '../Mirrors/MirrorStorageSelectorModal';\r\nimport { SidePanel, SnapshotViewer } from '../..';\r\n\r\nconst DownloadLabel = ({ download, downloadBackup }: { download: Backup['download']; downloadBackup: () => void }) => {\r\n if (download?.status === 'started') {\r\n return (\r\n <span\r\n className={classes.downloadLabel}\r\n data-tooltip-id=\"htmlToolTip\"\r\n data-tooltip-place=\"top\"\r\n data-tooltip-html={`<div>Generating Download...</div>`}\r\n >\r\n <Icon type=\"downloading\" size={14} />\r\n </span>\r\n );\r\n } else if (download?.status === 'failed') {\r\n return (\r\n <span\r\n className={`${classes.downloadLabelFailed} ${classes.downloadLabel}`}\r\n data-tooltip-id=\"htmlToolTip\"\r\n data-tooltip-place=\"top\"\r\n data-tooltip-html={`<div><div>Download Generation Failed!</div>${download.error ? `<div>${download.error}<div>` : ''}</div>`}\r\n >\r\n <Icon type=\"error\" size={12} />\r\n </span>\r\n );\r\n } else if (download?.status === 'complete') {\r\n let remainingHours;\r\n if (download?.ended) {\r\n const endTime = download.ended * 1000;\r\n const validUntil = endTime + 24 * 60 * 60 * 1000;\r\n const now = Date.now();\r\n remainingHours = Math.max(0, Math.floor((validUntil - now) / (60 * 60 * 1000)));\r\n }\r\n\r\n return remainingHours ? (\r\n <span\r\n className={`${classes.downloadLabelDone} ${classes.downloadLabel}`}\r\n onClick={downloadBackup}\r\n data-tooltip-id=\"htmlToolTip\"\r\n data-tooltip-place=\"top\"\r\n data-tooltip-html={`<div><div>Download Generated. Click to Download. ${remainingHours ? `Valid for the next ${remainingHours} hours.` : '⚠ Download Expired!'} </div>`}\r\n >\r\n <Icon type=\"download\" size={12} />\r\n </span>\r\n ) : null;\r\n } else {\r\n return;\r\n }\r\n};\r\n\r\nconst Backups = ({\r\n planId,\r\n method,\r\n backups = [],\r\n sourceId,\r\n sourceType,\r\n replicationSettings,\r\n storage,\r\n deviceId,\r\n // snapLimit,\r\n}: {\r\n planId: string;\r\n method: string;\r\n backups: Plan['backups'];\r\n sourceId: string;\r\n sourceType: string;\r\n snapLimit: number;\r\n deviceId: string;\r\n storage: {\r\n id: string;\r\n type: string;\r\n name: string;\r\n };\r\n replicationSettings: Plan['settings']['replication'];\r\n}) => {\r\n const [showSnapOptions, setShowSnapOptions] = useState<false | string>(false);\r\n const [showDeleteModal, setShowDeleteModal] = useState<Backup | false>(false);\r\n const [showRestoreModal, setShowRestoreModal] = useState<Backup | false>(false);\r\n const [showBackupEvents, setShowBackupEvents] = useState<false | string>(false);\r\n const [showSnapshotViewer, setShowSnapshotViewer] = useState<Backup | false>(false);\r\n const [showEditModal, setShowEditModal] = useState<Backup | false>(false);\r\n const [showStorageSelector, setShowStorageSelector] = useState<Backup | false>(false);\r\n const queryClient = useQueryClient();\r\n const deleteBackupMutation = useDeleteBackup();\r\n const updateBackupMutation = useUpdateBackup();\r\n const downloadBackupMutation = useDownloadBackup();\r\n const cancelDownloadMutation = useCancelBackupDownload();\r\n const getDownloadMutation = useGetBackupDownload();\r\n const browseSnapshotMutation = useBrowseSnapshot();\r\n const isSync = method === 'sync';\r\n\r\n const snapshotFiles = browseSnapshotMutation.data?.result;\r\n\r\n console.log('backups :', backups);\r\n\r\n const removeBackup = (backup: Backup) => {\r\n console.log('remove :', backup.id);\r\n deleteBackupMutation.mutate(backup.id, {\r\n onError: () => {\r\n toast.error(`Failed to Remove \"backup-${backup.id}\"`);\r\n },\r\n onSuccess: () => {\r\n queryClient.invalidateQueries({ queryKey: ['plan', planId] });\r\n toast.success(`Backup \"backup-${backup.id}\" Removed Successfully.`);\r\n setShowDeleteModal(false);\r\n },\r\n });\r\n };\r\n\r\n const updateBackup = (backup: Backup) => {\r\n const payload = {\r\n title: backup.title,\r\n description: backup.description,\r\n };\r\n console.log('update :', backup.id, payload);\r\n if (!payload.title && !payload.description) {\r\n return;\r\n }\r\n updateBackupMutation.mutate(\r\n { backupId: backup.id, updatePayload: payload },\r\n {\r\n onError: () => {\r\n toast.error(`Failed to Update \"backup-${backup.id}\"`);\r\n },\r\n onSuccess: () => {\r\n queryClient.invalidateQueries({ queryKey: ['plan', planId] });\r\n toast.success(`Backup \"backup-${backup.id}\" Updated Successfully.`);\r\n setShowEditModal(false);\r\n },\r\n },\r\n );\r\n };\r\n\r\n const handleDownloadClick = (backup: Backup) => {\r\n if (replicationSettings?.enabled && backup.mirrors && backup.mirrors.some((m) => m.status === 'completed')) {\r\n setShowStorageSelector(backup);\r\n } else {\r\n downloadBackup(backup.id);\r\n }\r\n };\r\n\r\n const downloadBackup = (backupId: string, replicationId?: string) => {\r\n toast.promise(downloadBackupMutation.mutateAsync({ backupId, planId, replicationId }), {\r\n pending: 'Sending Download Request...',\r\n success: 'Generating Download. This might take a while..',\r\n error: {\r\n render({ data }: any) {\r\n return `Failed to Generate Download. ${data?.message || 'Unknown Error.'}`;\r\n },\r\n },\r\n });\r\n };\r\n\r\n const cancelDownload = (backupId: string) => {\r\n toast.promise(cancelDownloadMutation.mutateAsync({ backupId, planId }), {\r\n pending: 'Cancelling Download...',\r\n success: 'Download Cancelled',\r\n error: {\r\n render({ data }: any) {\r\n return `Failed to Cancel Download. ${data?.message || 'Unknown Error.'}`;\r\n },\r\n },\r\n });\r\n };\r\n\r\n return (\r\n <div className={classes.backupsTable}>\r\n <div className={classes.backupsTableHead}>\r\n <div>{isSync ? 'Sync' : 'Backup'} ID</div>\r\n <div>Status</div>\r\n <div>Duration</div>\r\n <div>Changes</div>\r\n <div>Size</div>\r\n <div>Date</div>\r\n <div></div>\r\n </div>\r\n <div className={classes.backupsTableContent}>\r\n {backups\r\n .filter((s) => !s.inProgress)\r\n .map((snapshot) => {\r\n const { id, title, description, started, ended, download, status, errorMsg, duration, totalFiles, totalSize, changes, active } =\r\n snapshot;\r\n const isDownloading = download && download.status === 'started';\r\n\r\n return (\r\n <div\r\n key={id}\r\n className={`${classes.backupsTableRow} ${showSnapOptions && showSnapOptions === id ? classes.backupsTableRowActive : ''}`}\r\n >\r\n <div>\r\n <span\r\n className={classes.editIcon}\r\n onClick={() => setShowEditModal(snapshot)}\r\n data-tooltip-id=\"htmlToolTip\"\r\n data-tooltip-html={`Edit Title & Description`}\r\n >\r\n <Icon type=\"edit\" size={12} />\r\n </span>\r\n <span className={classes.backupTitle} onClick={() => !isSync && setShowBackupEvents(id)}>\r\n <Icon type={isSync ? 'sync' : 'box'} size={14} /> {title ? title : isSync ? `sync-${id}` : `backup-${id}`}{' '}\r\n </span>\r\n {description && (\r\n <span className={classes.backupDescription} data-tooltip-id=\"htmlToolTip\" data-tooltip-content={description}>\r\n <Icon type=\"note\" size={13} />\r\n </span>\r\n )}\r\n {!isSync && active && (\r\n <span className={classes.activeBackup} data-tooltip-id=\"htmlToolTip\" data-tooltip-html={`Active Snapshot`}>\r\n <Icon type=\"bolt\" size={14} />\r\n </span>\r\n )}\r\n {replicationSettings?.enabled && snapshot.mirrors && snapshot.mirrors.length > 0 && (\r\n <MirrorStatusBadge mirrors={snapshot.mirrors} planId={planId} backupId={id} replicationSettings={replicationSettings} />\r\n )}\r\n {download && <DownloadLabel download={download} downloadBackup={() => getDownloadMutation.mutate(id)} />}\r\n </div>\r\n <div\r\n className={`${classes.status} ${errorMsg ? classes.statusHasError : ''}`}\r\n data-tooltip-id=\"htmlToolTip\"\r\n data-tooltip-html={`<div><string>Error</string>: ${errorMsg}</div>`}\r\n data-tooltip-hidden={!errorMsg}\r\n >\r\n <StatusLabel status={status} hasError={!!errorMsg} />\r\n </div>\r\n <div title={duration + 's'}>{formatDuration(duration)}</div>\r\n <div\r\n className={classes.changes}\r\n data-tooltip-id=\"htmlToolTip\"\r\n data-tooltip-html={`\r\n <div><b>New Items</b>: ${changes.new}</div>\r\n <div><b>Modified Items</b>: ${changes.modified}</div>\r\n <div><b>Deleted Items</b>: ${changes.removed || 0}</div>\r\n `}\r\n >\r\n <span className={classes.changesNew}>\r\n <Icon type=\"file-new\" size={12} /> {changes.new}\r\n </span>{' '}\r\n <span className={classes.changesModified}>\r\n <Icon type=\"file-modified\" size={12} /> {changes.modified}\r\n </span>{' '}\r\n <span className={classes.changesRemoved}>\r\n <Icon type=\"file-removed\" size={12} /> {changes.removed || 0}\r\n </span>\r\n </div>\r\n <div data-tooltip-id=\"htmlToolTip\" data-tooltip-html={`${formatNumberToK(totalFiles)} Files `}>\r\n {formatBytes(totalSize)}\r\n </div>\r\n <div\r\n data-tooltip-id=\"htmlToolTip\"\r\n data-tooltip-html={`\r\n <div><b>Started</b>: ${formatDateTime(started)}</div>\r\n <div><b>Ended</b>: ${ended ? formatDateTime(ended) : ''}</div>\r\n `}\r\n title={formatDateTime(ended || started)}\r\n >\r\n {ended ? timeAgo(new Date(ended)) : timeAgo(started ? new Date(started) : new Date())}\r\n </div>\r\n <div className={classes.snapOptsBtn}>\r\n <button onClick={() => setShowSnapOptions(showSnapOptions && showSnapOptions === id ? false : id)}>\r\n <Icon type=\"dots-vertical\" size={12} />\r\n </button>\r\n </div>\r\n {showSnapOptions === id && (\r\n <div className={classes.settings}>\r\n {!isSync && status === 'completed' && active && (\r\n <button\r\n className={downloadBackupMutation.isPending || cancelDownloadMutation.isPending ? 'notAllowed' : ''}\r\n disabled={downloadBackupMutation.isPending || cancelDownloadMutation.isPending}\r\n onClick={() => {\r\n if (isDownloading) {\r\n cancelDownload(id);\r\n } else {\r\n handleDownloadClick(snapshot);\r\n }\r\n setShowSnapOptions(false);\r\n }}\r\n >\r\n <Icon type={isDownloading ? 'close' : 'download'} size={14} /> {isDownloading ? 'Cancel Download' : 'Download'}\r\n </button>\r\n )}\r\n {!isSync && status === 'completed' && active && (\r\n <button\r\n onClick={() => {\r\n toast.promise(browseSnapshotMutation.mutateAsync({ backupId: id }), {\r\n pending: 'Getting Snapshot Data...',\r\n error: 'Failed to Get Snapshot Data.',\r\n });\r\n setShowSnapOptions(false);\r\n setShowSnapshotViewer(snapshot);\r\n }}\r\n >\r\n <Icon type=\"folders\" size={14} /> Browse\r\n </button>\r\n )}\r\n {status === 'completed' && active && (\r\n <button\r\n className={isDownloading ? 'notAllowed' : ''}\r\n disabled={isDownloading}\r\n onClick={() => {\r\n if (isDownloading) {\r\n return;\r\n }\r\n setShowRestoreModal(snapshot);\r\n setShowSnapOptions(false);\r\n }}\r\n >\r\n <Icon type=\"restore\" size={14} /> Restore\r\n </button>\r\n )}\r\n <button\r\n className={isDownloading ? 'notAllowed' : ''}\r\n disabled={isDownloading}\r\n onClick={() => {\r\n if (isDownloading) {\r\n return;\r\n }\r\n setShowDeleteModal(snapshot);\r\n setShowSnapOptions(false);\r\n }}\r\n >\r\n <Icon type=\"trash\" size={14} /> Remove\r\n </button>\r\n </div>\r\n )}\r\n </div>\r\n );\r\n })}\r\n {backups.length === 0 && <div className={classes.noBackups}>Hasn't been backed up yet.</div>}\r\n </div>\r\n {showDeleteModal && (\r\n <ActionModal\r\n title=\"Remove Backup\"\r\n message={\r\n <>\r\n Are you sure you want to remove the Backup <strong>\"backup-{showDeleteModal.id}\"</strong>?\r\n </>\r\n }\r\n closeModal={() => !deleteBackupMutation.isPending && setShowDeleteModal(false)}\r\n width=\"400px\"\r\n primaryAction={{\r\n title: 'Yes, Remove Backup',\r\n type: 'danger',\r\n icon: 'trash',\r\n isPending: deleteBackupMutation.isPending,\r\n action: () => removeBackup(showDeleteModal),\r\n }}\r\n />\r\n )}\r\n {showRestoreModal && (\r\n <RestoreWizard\r\n close={() => setShowRestoreModal(false)}\r\n planId={planId}\r\n backupId={showRestoreModal.id}\r\n deviceId={deviceId}\r\n planStorage={storage}\r\n mirrors={\r\n replicationSettings?.enabled && showRestoreModal.mirrors && showRestoreModal.mirrors.some((m) => m.status === 'completed')\r\n ? showRestoreModal.mirrors\r\n : []\r\n }\r\n />\r\n )}\r\n {showBackupEvents && (\r\n <BackupEvents\r\n id={showBackupEvents}\r\n planId={planId}\r\n sourceId={sourceId}\r\n sourceType={sourceType}\r\n close={() => setShowBackupEvents(false)}\r\n />\r\n )}\r\n {showEditModal && (\r\n <ActionModal\r\n title=\"Edit Backup Title & Description\"\r\n message={\r\n <div className={classes.updateModalContent}>\r\n <div className={classes.field}>\r\n <Input\r\n label=\"Title\"\r\n fieldValue={showEditModal.title || ''}\r\n onUpdate={(val) => setShowEditModal({ ...showEditModal, title: val })}\r\n placeholder=\"Enter Backup Title\"\r\n full={true}\r\n inline={false}\r\n />\r\n </div>\r\n <div className={classes.field}>\r\n <Input\r\n label=\"Description\"\r\n fieldValue={showEditModal.description || ''}\r\n onUpdate={(val) => setShowEditModal({ ...showEditModal, description: val })}\r\n placeholder=\"Enter Backup Description\"\r\n full={true}\r\n inline={false}\r\n />\r\n </div>\r\n </div>\r\n }\r\n closeModal={() => !updateBackupMutation.isPending && setShowEditModal(false)}\r\n width=\"400px\"\r\n primaryAction={{\r\n title: 'Update Backup',\r\n type: 'default',\r\n isPending: updateBackupMutation.isPending,\r\n action: () => updateBackup(showEditModal),\r\n }}\r\n />\r\n )}\r\n {showStorageSelector && (\r\n <MirrorStorageSelectorModal\r\n mirrors={showStorageSelector.mirrors || []}\r\n primaryStorage={storage}\r\n onSelect={(replicationId) => {\r\n downloadBackup(showStorageSelector.id, replicationId);\r\n setShowStorageSelector(false);\r\n }}\r\n onClose={() => setShowStorageSelector(false)}\r\n />\r\n )}\r\n {showSnapshotViewer && showSnapshotViewer.id && browseSnapshotMutation.isSuccess && (\r\n <SidePanel width=\"100%\" title=\"Browse Snapshot\" icon={<Icon type={'folders'} size={20} />} close={() => setShowSnapshotViewer(false)}>\r\n <SnapshotViewer\r\n files={snapshotFiles || []}\r\n backup={showSnapshotViewer}\r\n planId={planId}\r\n isSync={isSync}\r\n onClose={() => setShowSnapshotViewer(false)}\r\n mirrors={replicationSettings?.enabled ? showSnapshotViewer.mirrors : undefined}\r\n primaryStorage={replicationSettings?.enabled ? storage : undefined}\r\n />\r\n </SidePanel>\r\n )}\r\n </div>\r\n );\r\n};\r\n\r\nexport default Backups;\r\n"],"names":["DownloadLabel","download","downloadBackup","jsx","classes","Icon","remainingHours","validUntil","now","Backups","planId","method","backups","sourceId","sourceType","replicationSettings","storage","deviceId","showSnapOptions","setShowSnapOptions","useState","showDeleteModal","setShowDeleteModal","showRestoreModal","setShowRestoreModal","showBackupEvents","setShowBackupEvents","showSnapshotViewer","setShowSnapshotViewer","showEditModal","setShowEditModal","showStorageSelector","setShowStorageSelector","queryClient","useQueryClient","deleteBackupMutation","useDeleteBackup","updateBackupMutation","useUpdateBackup","downloadBackupMutation","useDownloadBackup","cancelDownloadMutation","useCancelBackupDownload","getDownloadMutation","useGetBackupDownload","browseSnapshotMutation","useBrowseSnapshot","isSync","snapshotFiles","_a","removeBackup","backup","toast","updateBackup","payload","handleDownloadClick","m","backupId","replicationId","data","cancelDownload","jsxs","s","snapshot","id","title","description","started","ended","status","errorMsg","duration","totalFiles","totalSize","changes","active","isDownloading","MirrorStatusBadge","StatusLabel","formatDuration","formatNumberToK","formatBytes","formatDateTime","timeAgo","ActionModal","Fragment","RestoreWizard","BackupEvents","Input","val","MirrorStorageSelectorModal","SidePanel","SnapshotViewer"],"mappings":"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"}
|
|
1
|
+
{"version":3,"file":"Backups.js","sources":["../../../../src/components/Plan/Backups/Backups.tsx"],"sourcesContent":["import { useState } from 'react';\r\nimport { toast } from 'react-toastify';\r\nimport { Plan } from '../../../@types/plans';\r\nimport { Backup } from '../../../@types/backups';\r\nimport { formatBytes, formatDateTime, formatDuration, formatNumberToK, timeAgo } from '../../../utils/helpers';\r\nimport Icon from '../../common/Icon/Icon';\r\nimport classes from './Backups.module.scss';\r\nimport ActionModal from '../../common/ActionModal/ActionModal';\r\nimport {\r\n useCancelBackupDownload,\r\n useDeleteBackup,\r\n useDownloadBackup,\r\n useGetBackupDownload,\r\n useUpdateBackup,\r\n useBrowseSnapshot,\r\n} from '../../../services/backups';\r\nimport { useQueryClient } from '@tanstack/react-query';\r\nimport RestoreWizard from '../../Restore/RestoreWizard/RestoreWizard';\r\nimport StatusLabel from '../../common/StatusLabel/StatusLabel';\r\nimport BackupEvents from '../BackupEvents/BackupEvents';\r\nimport Input from '../../common/form/Input/Input';\r\nimport MirrorStatusBadge from '../Mirrors/MirrorStatusBadge';\r\nimport MirrorStorageSelectorModal from '../Mirrors/MirrorStorageSelectorModal';\r\nimport { Modal, SidePanel, SnapshotViewer } from '../..';\r\n\r\nconst DownloadLabel = ({ download, downloadBackup }: { download: Backup['download']; downloadBackup: () => void }) => {\r\n if (download?.status === 'started') {\r\n return (\r\n <span\r\n className={classes.downloadLabel}\r\n data-tooltip-id=\"htmlToolTip\"\r\n data-tooltip-place=\"top\"\r\n data-tooltip-html={`<div>Generating Download...</div>`}\r\n >\r\n <Icon type=\"downloading\" size={14} />\r\n </span>\r\n );\r\n } else if (download?.status === 'failed') {\r\n return (\r\n <span\r\n className={`${classes.downloadLabelFailed} ${classes.downloadLabel}`}\r\n data-tooltip-id=\"htmlToolTip\"\r\n data-tooltip-place=\"top\"\r\n data-tooltip-html={`<div><div>Download Generation Failed!</div>${download.error ? `<div>${download.error}<div>` : ''}</div>`}\r\n >\r\n <Icon type=\"error\" size={12} />\r\n </span>\r\n );\r\n } else if (download?.status === 'complete') {\r\n let remainingHours;\r\n if (download?.ended) {\r\n const endTime = download.ended * 1000;\r\n const validUntil = endTime + 24 * 60 * 60 * 1000;\r\n const now = Date.now();\r\n remainingHours = Math.max(0, Math.floor((validUntil - now) / (60 * 60 * 1000)));\r\n }\r\n\r\n return remainingHours ? (\r\n <span\r\n className={`${classes.downloadLabelDone} ${classes.downloadLabel}`}\r\n onClick={downloadBackup}\r\n data-tooltip-id=\"htmlToolTip\"\r\n data-tooltip-place=\"top\"\r\n data-tooltip-html={`<div><div>Download Generated. Click to Download. ${remainingHours ? `Valid for the next ${remainingHours} hours.` : '⚠ Download Expired!'} </div>`}\r\n >\r\n <Icon type=\"download\" size={12} />\r\n </span>\r\n ) : null;\r\n } else {\r\n return;\r\n }\r\n};\r\n\r\nconst Backups = ({\r\n planId,\r\n method,\r\n backups = [],\r\n sourceId,\r\n sourceType,\r\n replicationSettings,\r\n storage,\r\n deviceId,\r\n // snapLimit,\r\n}: {\r\n planId: string;\r\n method: string;\r\n backups: Plan['backups'];\r\n sourceId: string;\r\n sourceType: string;\r\n snapLimit: number;\r\n deviceId: string;\r\n storage: {\r\n id: string;\r\n type: string;\r\n name: string;\r\n };\r\n replicationSettings: Plan['settings']['replication'];\r\n}) => {\r\n const [showSnapOptions, setShowSnapOptions] = useState<false | string>(false);\r\n const [showDeleteModal, setShowDeleteModal] = useState<Backup | false>(false);\r\n const [showRestoreModal, setShowRestoreModal] = useState<Backup | false>(false);\r\n const [showBackupEvents, setShowBackupEvents] = useState<false | string>(false);\r\n const [showSnapshotViewer, setShowSnapshotViewer] = useState<Backup | false>(false);\r\n const [showBackupError, setShowBackupError] = useState<string | false>(false);\r\n const [showEditModal, setShowEditModal] = useState<Backup | false>(false);\r\n const [showStorageSelector, setShowStorageSelector] = useState<Backup | false>(false);\r\n const queryClient = useQueryClient();\r\n const deleteBackupMutation = useDeleteBackup();\r\n const updateBackupMutation = useUpdateBackup();\r\n const downloadBackupMutation = useDownloadBackup();\r\n const cancelDownloadMutation = useCancelBackupDownload();\r\n const getDownloadMutation = useGetBackupDownload();\r\n const browseSnapshotMutation = useBrowseSnapshot();\r\n const isSync = method === 'sync';\r\n\r\n const snapshotFiles = browseSnapshotMutation.data?.result;\r\n\r\n console.log('backups :', backups);\r\n\r\n const removeBackup = (backup: Backup) => {\r\n console.log('remove :', backup.id);\r\n deleteBackupMutation.mutate(backup.id, {\r\n onError: () => {\r\n toast.error(`Failed to Remove \"backup-${backup.id}\"`);\r\n },\r\n onSuccess: () => {\r\n queryClient.invalidateQueries({ queryKey: ['plan', planId] });\r\n toast.success(`Backup \"backup-${backup.id}\" Removed Successfully.`);\r\n setShowDeleteModal(false);\r\n },\r\n });\r\n };\r\n\r\n const updateBackup = (backup: Backup) => {\r\n const payload = {\r\n title: backup.title,\r\n description: backup.description,\r\n };\r\n console.log('update :', backup.id, payload);\r\n if (!payload.title && !payload.description) {\r\n return;\r\n }\r\n updateBackupMutation.mutate(\r\n { backupId: backup.id, updatePayload: payload },\r\n {\r\n onError: () => {\r\n toast.error(`Failed to Update \"backup-${backup.id}\"`);\r\n },\r\n onSuccess: () => {\r\n queryClient.invalidateQueries({ queryKey: ['plan', planId] });\r\n toast.success(`Backup \"backup-${backup.id}\" Updated Successfully.`);\r\n setShowEditModal(false);\r\n },\r\n },\r\n );\r\n };\r\n\r\n const handleDownloadClick = (backup: Backup) => {\r\n if (replicationSettings?.enabled && backup.mirrors && backup.mirrors.some((m) => m.status === 'completed')) {\r\n setShowStorageSelector(backup);\r\n } else {\r\n downloadBackup(backup.id);\r\n }\r\n };\r\n\r\n const downloadBackup = (backupId: string, replicationId?: string) => {\r\n toast.promise(downloadBackupMutation.mutateAsync({ backupId, planId, replicationId }), {\r\n pending: 'Sending Download Request...',\r\n success: 'Generating Download. This might take a while..',\r\n error: {\r\n render({ data }: any) {\r\n return `Failed to Generate Download. ${data?.message || 'Unknown Error.'}`;\r\n },\r\n },\r\n });\r\n };\r\n\r\n const cancelDownload = (backupId: string) => {\r\n toast.promise(cancelDownloadMutation.mutateAsync({ backupId, planId }), {\r\n pending: 'Cancelling Download...',\r\n success: 'Download Cancelled',\r\n error: {\r\n render({ data }: any) {\r\n return `Failed to Cancel Download. ${data?.message || 'Unknown Error.'}`;\r\n },\r\n },\r\n });\r\n };\r\n\r\n return (\r\n <div className={classes.backupsTable}>\r\n <div className={classes.backupsTableHead}>\r\n <div>{isSync ? 'Sync' : 'Backup'} ID</div>\r\n <div>Status</div>\r\n <div>Duration</div>\r\n <div>Changes</div>\r\n <div>Size</div>\r\n <div>Date</div>\r\n <div></div>\r\n </div>\r\n <div className={classes.backupsTableContent}>\r\n {backups\r\n .filter((s) => !s.inProgress)\r\n .map((snapshot) => {\r\n const { id, title, description, started, ended, download, status, errorMsg, duration, totalFiles, totalSize, changes, active } =\r\n snapshot;\r\n const isDownloading = download && download.status === 'started';\r\n\r\n return (\r\n <div\r\n key={id}\r\n className={`${classes.backupsTableRow} ${showSnapOptions && showSnapOptions === id ? classes.backupsTableRowActive : ''}`}\r\n >\r\n <div>\r\n <span\r\n className={classes.editIcon}\r\n onClick={() => setShowEditModal(snapshot)}\r\n data-tooltip-id=\"htmlToolTip\"\r\n data-tooltip-html={`Edit Title & Description`}\r\n >\r\n <Icon type=\"edit\" size={12} />\r\n </span>\r\n <span className={classes.backupTitle} onClick={() => !isSync && setShowBackupEvents(id)}>\r\n <Icon type={isSync ? 'sync' : 'box'} size={14} /> {title ? title : isSync ? `sync-${id}` : `backup-${id}`}{' '}\r\n </span>\r\n {description && (\r\n <span className={classes.backupDescription} data-tooltip-id=\"htmlToolTip\" data-tooltip-content={description}>\r\n <Icon type=\"note\" size={13} />\r\n </span>\r\n )}\r\n {!isSync && active && (\r\n <span className={classes.activeBackup} data-tooltip-id=\"htmlToolTip\" data-tooltip-html={`Active Snapshot`}>\r\n <Icon type=\"bolt\" size={14} />\r\n </span>\r\n )}\r\n {replicationSettings?.enabled && snapshot.mirrors && snapshot.mirrors.length > 0 && (\r\n <MirrorStatusBadge mirrors={snapshot.mirrors} planId={planId} backupId={id} replicationSettings={replicationSettings} />\r\n )}\r\n {download && <DownloadLabel download={download} downloadBackup={() => getDownloadMutation.mutate(id)} />}\r\n </div>\r\n <div\r\n className={`${classes.status} ${errorMsg ? classes.statusHasError : ''}`}\r\n data-tooltip-id=\"htmlToolTip\"\r\n data-tooltip-html={`<div class=\"linebreak-tooltip-content\"><string>Error</string>: ${errorMsg?.slice(0, 120) + (errorMsg && errorMsg.length > 120 ? '...' : '')}</div>`}\r\n data-tooltip-hidden={!errorMsg}\r\n onClick={() => errorMsg && errorMsg.length > 120 && setShowBackupError(errorMsg)}\r\n >\r\n <StatusLabel status={status} hasError={!!errorMsg} />\r\n </div>\r\n <div title={duration + 's'}>{formatDuration(duration)}</div>\r\n <div\r\n className={classes.changes}\r\n data-tooltip-id=\"htmlToolTip\"\r\n data-tooltip-html={`\r\n <div><b>New Items</b>: ${changes.new}</div>\r\n <div><b>Modified Items</b>: ${changes.modified}</div>\r\n <div><b>Deleted Items</b>: ${changes.removed || 0}</div>\r\n `}\r\n >\r\n <span className={classes.changesNew}>\r\n <Icon type=\"file-new\" size={12} /> {changes.new}\r\n </span>{' '}\r\n <span className={classes.changesModified}>\r\n <Icon type=\"file-modified\" size={12} /> {changes.modified}\r\n </span>{' '}\r\n <span className={classes.changesRemoved}>\r\n <Icon type=\"file-removed\" size={12} /> {changes.removed || 0}\r\n </span>\r\n </div>\r\n <div data-tooltip-id=\"htmlToolTip\" data-tooltip-html={`${formatNumberToK(totalFiles)} Files `}>\r\n {formatBytes(totalSize)}\r\n </div>\r\n <div\r\n data-tooltip-id=\"htmlToolTip\"\r\n data-tooltip-html={`\r\n <div><b>Started</b>: ${formatDateTime(started)}</div>\r\n <div><b>Ended</b>: ${ended ? formatDateTime(ended) : ''}</div>\r\n `}\r\n title={formatDateTime(ended || started)}\r\n >\r\n {ended ? timeAgo(new Date(ended)) : timeAgo(started ? new Date(started) : new Date())}\r\n </div>\r\n <div className={classes.snapOptsBtn}>\r\n <button onClick={() => setShowSnapOptions(showSnapOptions && showSnapOptions === id ? false : id)}>\r\n <Icon type=\"dots-vertical\" size={12} />\r\n </button>\r\n </div>\r\n {showSnapOptions === id && (\r\n <div className={classes.settings}>\r\n {!isSync && status === 'completed' && active && (\r\n <button\r\n className={downloadBackupMutation.isPending || cancelDownloadMutation.isPending ? 'notAllowed' : ''}\r\n disabled={downloadBackupMutation.isPending || cancelDownloadMutation.isPending}\r\n onClick={() => {\r\n if (isDownloading) {\r\n cancelDownload(id);\r\n } else {\r\n handleDownloadClick(snapshot);\r\n }\r\n setShowSnapOptions(false);\r\n }}\r\n >\r\n <Icon type={isDownloading ? 'close' : 'download'} size={14} /> {isDownloading ? 'Cancel Download' : 'Download'}\r\n </button>\r\n )}\r\n {!isSync && status === 'completed' && active && (\r\n <button\r\n onClick={() => {\r\n toast.promise(browseSnapshotMutation.mutateAsync({ backupId: id }), {\r\n pending: 'Getting Snapshot Data...',\r\n error: 'Failed to Get Snapshot Data.',\r\n });\r\n setShowSnapOptions(false);\r\n setShowSnapshotViewer(snapshot);\r\n }}\r\n >\r\n <Icon type=\"folders\" size={14} /> Browse\r\n </button>\r\n )}\r\n {status === 'completed' && active && (\r\n <button\r\n className={isDownloading ? 'notAllowed' : ''}\r\n disabled={isDownloading}\r\n onClick={() => {\r\n if (isDownloading) {\r\n return;\r\n }\r\n setShowRestoreModal(snapshot);\r\n setShowSnapOptions(false);\r\n }}\r\n >\r\n <Icon type=\"restore\" size={14} /> Restore\r\n </button>\r\n )}\r\n <button\r\n className={isDownloading ? 'notAllowed' : ''}\r\n disabled={isDownloading}\r\n onClick={() => {\r\n if (isDownloading) {\r\n return;\r\n }\r\n setShowDeleteModal(snapshot);\r\n setShowSnapOptions(false);\r\n }}\r\n >\r\n <Icon type=\"trash\" size={14} /> Remove\r\n </button>\r\n </div>\r\n )}\r\n </div>\r\n );\r\n })}\r\n {backups.length === 0 && <div className={classes.noBackups}>Hasn't been backed up yet.</div>}\r\n </div>\r\n {showDeleteModal && (\r\n <ActionModal\r\n title=\"Remove Backup\"\r\n message={\r\n <>\r\n Are you sure you want to remove the Backup <strong>\"backup-{showDeleteModal.id}\"</strong>?\r\n </>\r\n }\r\n closeModal={() => !deleteBackupMutation.isPending && setShowDeleteModal(false)}\r\n width=\"400px\"\r\n primaryAction={{\r\n title: 'Yes, Remove Backup',\r\n type: 'danger',\r\n icon: 'trash',\r\n isPending: deleteBackupMutation.isPending,\r\n action: () => removeBackup(showDeleteModal),\r\n }}\r\n />\r\n )}\r\n {showRestoreModal && (\r\n <RestoreWizard\r\n close={() => setShowRestoreModal(false)}\r\n planId={planId}\r\n backupId={showRestoreModal.id}\r\n deviceId={deviceId}\r\n planStorage={storage}\r\n mirrors={\r\n replicationSettings?.enabled && showRestoreModal.mirrors && showRestoreModal.mirrors.some((m) => m.status === 'completed')\r\n ? showRestoreModal.mirrors\r\n : []\r\n }\r\n />\r\n )}\r\n {showBackupEvents && (\r\n <BackupEvents\r\n id={showBackupEvents}\r\n planId={planId}\r\n sourceId={sourceId}\r\n sourceType={sourceType}\r\n close={() => setShowBackupEvents(false)}\r\n />\r\n )}\r\n {showEditModal && (\r\n <ActionModal\r\n title=\"Edit Backup Title & Description\"\r\n message={\r\n <div className={classes.updateModalContent}>\r\n <div className={classes.field}>\r\n <Input\r\n label=\"Title\"\r\n fieldValue={showEditModal.title || ''}\r\n onUpdate={(val) => setShowEditModal({ ...showEditModal, title: val })}\r\n placeholder=\"Enter Backup Title\"\r\n full={true}\r\n inline={false}\r\n />\r\n </div>\r\n <div className={classes.field}>\r\n <Input\r\n label=\"Description\"\r\n fieldValue={showEditModal.description || ''}\r\n onUpdate={(val) => setShowEditModal({ ...showEditModal, description: val })}\r\n placeholder=\"Enter Backup Description\"\r\n full={true}\r\n inline={false}\r\n />\r\n </div>\r\n </div>\r\n }\r\n closeModal={() => !updateBackupMutation.isPending && setShowEditModal(false)}\r\n width=\"400px\"\r\n primaryAction={{\r\n title: 'Update Backup',\r\n type: 'default',\r\n isPending: updateBackupMutation.isPending,\r\n action: () => updateBackup(showEditModal),\r\n }}\r\n />\r\n )}\r\n {showStorageSelector && (\r\n <MirrorStorageSelectorModal\r\n mirrors={showStorageSelector.mirrors || []}\r\n primaryStorage={storage}\r\n onSelect={(replicationId) => {\r\n downloadBackup(showStorageSelector.id, replicationId);\r\n setShowStorageSelector(false);\r\n }}\r\n onClose={() => setShowStorageSelector(false)}\r\n />\r\n )}\r\n {showSnapshotViewer && showSnapshotViewer.id && browseSnapshotMutation.isSuccess && (\r\n <SidePanel width=\"100%\" title=\"Browse Snapshot\" icon={<Icon type={'folders'} size={20} />} close={() => setShowSnapshotViewer(false)}>\r\n <SnapshotViewer\r\n files={snapshotFiles || []}\r\n backup={showSnapshotViewer}\r\n planId={planId}\r\n isSync={isSync}\r\n onClose={() => setShowSnapshotViewer(false)}\r\n mirrors={replicationSettings?.enabled ? showSnapshotViewer.mirrors : undefined}\r\n primaryStorage={replicationSettings?.enabled ? storage : undefined}\r\n />\r\n </SidePanel>\r\n )}\r\n {showBackupError && (\r\n <Modal title=\"Error Details\" closeModal={() => setShowBackupError(false)} width={'600px'}>\r\n <div className={`${classes.errorDetailsModal} styled__scrollbar`}>\r\n {showBackupError.split('\\n').map((line, index) => (\r\n <p key={index}>{line}</p>\r\n ))}\r\n </div>\r\n </Modal>\r\n )}\r\n </div>\r\n );\r\n};\r\n\r\nexport default Backups;\r\n"],"names":["DownloadLabel","download","downloadBackup","jsx","classes","Icon","remainingHours","validUntil","now","Backups","planId","method","backups","sourceId","sourceType","replicationSettings","storage","deviceId","showSnapOptions","setShowSnapOptions","useState","showDeleteModal","setShowDeleteModal","showRestoreModal","setShowRestoreModal","showBackupEvents","setShowBackupEvents","showSnapshotViewer","setShowSnapshotViewer","showBackupError","setShowBackupError","showEditModal","setShowEditModal","showStorageSelector","setShowStorageSelector","queryClient","useQueryClient","deleteBackupMutation","useDeleteBackup","updateBackupMutation","useUpdateBackup","downloadBackupMutation","useDownloadBackup","cancelDownloadMutation","useCancelBackupDownload","getDownloadMutation","useGetBackupDownload","browseSnapshotMutation","useBrowseSnapshot","isSync","snapshotFiles","_a","removeBackup","backup","toast","updateBackup","payload","handleDownloadClick","m","backupId","replicationId","data","cancelDownload","jsxs","s","snapshot","id","title","description","started","ended","status","errorMsg","duration","totalFiles","totalSize","changes","active","isDownloading","MirrorStatusBadge","StatusLabel","formatDuration","formatNumberToK","formatBytes","formatDateTime","timeAgo","ActionModal","Fragment","RestoreWizard","BackupEvents","Input","val","MirrorStorageSelectorModal","SidePanel","SnapshotViewer","Modal","line","index"],"mappings":"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"}
|
|
@@ -1,54 +1,56 @@
|
|
|
1
|
-
const a = "
|
|
1
|
+
const a = "_backupsTable_kvSwZ", e = "_noBackups_X4k6A", s = "_backupsTableHead_FxiV3", t = "_backupsTableContent_xwm9J", o = "_backupsTableRow_Ec4Is", n = "_editIcon_z28H5", c = "_backupTitle_3m9ab", l = "_restoreTitle_kcITs", d = "_activeBackup_Hfar8", _ = "_downloadLabel_Eq9V2", b = "_downloadLabelFailed_yi8zj", i = "_downloadLabelDone_BNsYK", p = "_snapOptsBtn_ubC4v", u = "_changes_iZV0q", r = "_changesNew_RIiAm", k = "_changesModified_GxMx8", T = "_changesRemoved_7RppX", w = "_target_eVogn", g = "_status_yGvGa", h = "_statusHasError_eKxlh", v = "_settings_Z6coV", R = "_backupsTableRowActive_Oqax1", B = "_updateModalContent_xWRHd", H = "_field_AxEXG", M = "_errorDetailsModal_HFZ7m", x = {
|
|
2
2
|
backupsTable: a,
|
|
3
3
|
noBackups: e,
|
|
4
|
-
backupsTableHead:
|
|
5
|
-
backupsTableContent:
|
|
4
|
+
backupsTableHead: s,
|
|
5
|
+
backupsTableContent: t,
|
|
6
6
|
backupsTableRow: o,
|
|
7
7
|
editIcon: n,
|
|
8
8
|
backupTitle: c,
|
|
9
9
|
restoreTitle: l,
|
|
10
|
-
activeBackup:
|
|
11
|
-
downloadLabel:
|
|
10
|
+
activeBackup: d,
|
|
11
|
+
downloadLabel: _,
|
|
12
12
|
downloadLabelFailed: b,
|
|
13
|
-
downloadLabelDone:
|
|
14
|
-
snapOptsBtn:
|
|
15
|
-
changes:
|
|
16
|
-
changesNew:
|
|
17
|
-
changesModified:
|
|
18
|
-
changesRemoved:
|
|
19
|
-
target:
|
|
20
|
-
status:
|
|
13
|
+
downloadLabelDone: i,
|
|
14
|
+
snapOptsBtn: p,
|
|
15
|
+
changes: u,
|
|
16
|
+
changesNew: r,
|
|
17
|
+
changesModified: k,
|
|
18
|
+
changesRemoved: T,
|
|
19
|
+
target: w,
|
|
20
|
+
status: g,
|
|
21
21
|
statusHasError: h,
|
|
22
22
|
settings: v,
|
|
23
|
-
backupsTableRowActive:
|
|
24
|
-
updateModalContent:
|
|
25
|
-
field:
|
|
23
|
+
backupsTableRowActive: R,
|
|
24
|
+
updateModalContent: B,
|
|
25
|
+
field: H,
|
|
26
|
+
errorDetailsModal: M
|
|
26
27
|
};
|
|
27
28
|
export {
|
|
28
|
-
|
|
29
|
+
d as activeBackup,
|
|
29
30
|
c as backupTitle,
|
|
30
31
|
a as backupsTable,
|
|
31
|
-
|
|
32
|
-
|
|
32
|
+
t as backupsTableContent,
|
|
33
|
+
s as backupsTableHead,
|
|
33
34
|
o as backupsTableRow,
|
|
34
|
-
|
|
35
|
-
|
|
36
|
-
|
|
37
|
-
|
|
38
|
-
|
|
39
|
-
|
|
40
|
-
|
|
41
|
-
|
|
35
|
+
R as backupsTableRowActive,
|
|
36
|
+
u as changes,
|
|
37
|
+
k as changesModified,
|
|
38
|
+
r as changesNew,
|
|
39
|
+
T as changesRemoved,
|
|
40
|
+
x as default,
|
|
41
|
+
_ as downloadLabel,
|
|
42
|
+
i as downloadLabelDone,
|
|
42
43
|
b as downloadLabelFailed,
|
|
43
44
|
n as editIcon,
|
|
44
|
-
|
|
45
|
+
M as errorDetailsModal,
|
|
46
|
+
H as field,
|
|
45
47
|
e as noBackups,
|
|
46
48
|
l as restoreTitle,
|
|
47
49
|
v as settings,
|
|
48
|
-
|
|
49
|
-
|
|
50
|
+
p as snapOptsBtn,
|
|
51
|
+
g as status,
|
|
50
52
|
h as statusHasError,
|
|
51
|
-
|
|
52
|
-
|
|
53
|
+
w as target,
|
|
54
|
+
B as updateModalContent
|
|
53
55
|
};
|
|
54
56
|
//# sourceMappingURL=Backups.module.scss.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Backups.module.scss.js","sources":[],"sourcesContent":[],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"Backups.module.scss.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;"}
|
|
@@ -0,0 +1,9 @@
|
|
|
1
|
+
import { Plan } from '../../..';
|
|
2
|
+
type FilterPlansProps = {
|
|
3
|
+
onUpdate: (s: Record<PlanFilterTypes, string[]> | null) => void;
|
|
4
|
+
plans: Plan[];
|
|
5
|
+
};
|
|
6
|
+
export type PlanFilterTypes = 'devices' | 'tags' | 'storages' | 'methods';
|
|
7
|
+
declare const FilterPlans: ({ onUpdate, plans }: FilterPlansProps) => import("react/jsx-runtime").JSX.Element;
|
|
8
|
+
export default FilterPlans;
|
|
9
|
+
//# sourceMappingURL=FilterPlans.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"FilterPlans.d.ts","sourceRoot":"","sources":["../../../../src/components/Plan/FilterPlans/FilterPlans.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAE,IAAI,EAAE,MAAM,UAAU,CAAC;AAGhC,KAAK,gBAAgB,GAAG;IACrB,QAAQ,EAAE,CAAC,CAAC,EAAE,MAAM,CAAC,eAAe,EAAE,MAAM,EAAE,CAAC,GAAG,IAAI,KAAK,IAAI,CAAC;IAChE,KAAK,EAAE,IAAI,EAAE,CAAC;CAChB,CAAC;AACF,MAAM,MAAM,eAAe,GAAG,SAAS,GAAG,MAAM,GAAG,UAAU,GAAG,SAAS,CAAC;AAI1E,QAAA,MAAM,WAAW,GAAI,qBAAqB,gBAAgB,4CA8GzD,CAAC;AAEF,eAAe,WAAW,CAAC"}
|
|
@@ -0,0 +1,117 @@
|
|
|
1
|
+
import { jsxs as l, jsx as s } from "react/jsx-runtime";
|
|
2
|
+
import { useState as v, useMemo as S } from "react";
|
|
3
|
+
import i from "./FilterPlans.module.scss.js";
|
|
4
|
+
import m from "../../common/Icon/Icon.js";
|
|
5
|
+
import c from "../../common/form/MultiSelect/MultiSelect.js";
|
|
6
|
+
const g = { devices: [], tags: [], storages: [], methods: [] }, I = ({ onUpdate: h, plans: u }) => {
|
|
7
|
+
const [n, f] = v(!1), [o, d] = v(() => {
|
|
8
|
+
const e = localStorage.getItem("plans_filter");
|
|
9
|
+
return (e ? JSON.parse(e) : null) || g;
|
|
10
|
+
}), p = Object.values(o).some((e) => e.length > 0), r = S(() => {
|
|
11
|
+
const e = { devices: [], tags: [], storages: [], methods: [] };
|
|
12
|
+
return u.forEach((t) => {
|
|
13
|
+
t.tags.forEach((a) => {
|
|
14
|
+
e.tags.find((b) => b.value === a) || e.tags.push({ label: a, value: a });
|
|
15
|
+
}), e.devices.find((a) => a.value === t.device.id) || e.devices.push({ label: t.device.name, value: t.device.id }), e.storages.find((a) => a.value === t.storage.id) || e.storages.push({ label: t.storage.name, value: t.storage.id }), e.methods.find((a) => a.value === t.method) || e.methods.push({ label: t.method, value: t.method });
|
|
16
|
+
}), e;
|
|
17
|
+
}, [u]);
|
|
18
|
+
return /* @__PURE__ */ l("div", { className: i.filterItems, children: [
|
|
19
|
+
/* @__PURE__ */ l(
|
|
20
|
+
"button",
|
|
21
|
+
{
|
|
22
|
+
className: `${i.filterBtn} ${n || p ? i.filterBtnActive : ""}`,
|
|
23
|
+
onClick: () => f(!n),
|
|
24
|
+
"data-tooltip-id": "appTooltip",
|
|
25
|
+
"data-tooltip-content": "Filter",
|
|
26
|
+
"aria-label": "Filter Plans",
|
|
27
|
+
"data-tooltip-place": "top",
|
|
28
|
+
"data-tooltip-delay-show": 500,
|
|
29
|
+
children: [
|
|
30
|
+
/* @__PURE__ */ s(m, { type: "filter", size: 18 }),
|
|
31
|
+
" ",
|
|
32
|
+
p && /* @__PURE__ */ s("span", { className: i.filterCount, children: Object.values(o).reduce((e, t) => e + t.length, 0) })
|
|
33
|
+
]
|
|
34
|
+
}
|
|
35
|
+
),
|
|
36
|
+
n && /* @__PURE__ */ l("div", { className: `${i.dropdown} styled__scrollbar`, children: [
|
|
37
|
+
r.devices.length > 1 && /* @__PURE__ */ l("div", { className: i.field, children: [
|
|
38
|
+
/* @__PURE__ */ s("label", { children: "Devices" }),
|
|
39
|
+
/* @__PURE__ */ s(
|
|
40
|
+
c,
|
|
41
|
+
{
|
|
42
|
+
title: "Devices",
|
|
43
|
+
fieldValue: o.devices,
|
|
44
|
+
options: r.devices,
|
|
45
|
+
onUpdate: (e) => d((t) => ({ ...t, devices: e }))
|
|
46
|
+
}
|
|
47
|
+
)
|
|
48
|
+
] }),
|
|
49
|
+
/* @__PURE__ */ l("div", { className: i.field, children: [
|
|
50
|
+
/* @__PURE__ */ s("label", { children: "Backup Type" }),
|
|
51
|
+
/* @__PURE__ */ s(
|
|
52
|
+
c,
|
|
53
|
+
{
|
|
54
|
+
title: "Backup Type",
|
|
55
|
+
fieldValue: o.methods,
|
|
56
|
+
options: r.methods,
|
|
57
|
+
onUpdate: (e) => d((t) => ({ ...t, methods: e }))
|
|
58
|
+
}
|
|
59
|
+
)
|
|
60
|
+
] }),
|
|
61
|
+
/* @__PURE__ */ l("div", { className: i.field, children: [
|
|
62
|
+
/* @__PURE__ */ s("label", { children: "Storage" }),
|
|
63
|
+
/* @__PURE__ */ s(
|
|
64
|
+
c,
|
|
65
|
+
{
|
|
66
|
+
title: "Storages",
|
|
67
|
+
fieldValue: o.storages,
|
|
68
|
+
options: r.storages,
|
|
69
|
+
onUpdate: (e) => d((t) => ({ ...t, storages: e }))
|
|
70
|
+
}
|
|
71
|
+
)
|
|
72
|
+
] }),
|
|
73
|
+
/* @__PURE__ */ l("div", { className: i.field, children: [
|
|
74
|
+
/* @__PURE__ */ s("label", { children: "Tags" }),
|
|
75
|
+
/* @__PURE__ */ s(
|
|
76
|
+
c,
|
|
77
|
+
{
|
|
78
|
+
title: "Tags",
|
|
79
|
+
fieldValue: o.tags,
|
|
80
|
+
options: r.tags,
|
|
81
|
+
onUpdate: (e) => d((t) => ({ ...t, tags: e }))
|
|
82
|
+
}
|
|
83
|
+
)
|
|
84
|
+
] }),
|
|
85
|
+
/* @__PURE__ */ l("div", { className: i.footer, children: [
|
|
86
|
+
/* @__PURE__ */ l(
|
|
87
|
+
"button",
|
|
88
|
+
{
|
|
89
|
+
onClick: () => {
|
|
90
|
+
localStorage.removeItem("plans_filter"), d(g), h(null), f(!1);
|
|
91
|
+
},
|
|
92
|
+
children: [
|
|
93
|
+
/* @__PURE__ */ s(m, { type: "reload" }),
|
|
94
|
+
" Reset"
|
|
95
|
+
]
|
|
96
|
+
}
|
|
97
|
+
),
|
|
98
|
+
/* @__PURE__ */ l(
|
|
99
|
+
"button",
|
|
100
|
+
{
|
|
101
|
+
onClick: () => {
|
|
102
|
+
localStorage.setItem("plans_filter", JSON.stringify(o)), h(o), f(!1);
|
|
103
|
+
},
|
|
104
|
+
children: [
|
|
105
|
+
/* @__PURE__ */ s(m, { type: "check", size: 12 }),
|
|
106
|
+
" Apply"
|
|
107
|
+
]
|
|
108
|
+
}
|
|
109
|
+
)
|
|
110
|
+
] })
|
|
111
|
+
] })
|
|
112
|
+
] });
|
|
113
|
+
};
|
|
114
|
+
export {
|
|
115
|
+
I as default
|
|
116
|
+
};
|
|
117
|
+
//# sourceMappingURL=FilterPlans.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"FilterPlans.js","sources":["../../../../src/components/Plan/FilterPlans/FilterPlans.tsx"],"sourcesContent":["import { useMemo, useState } from 'react';\r\nimport classes from './FilterPlans.module.scss';\r\nimport { Plan } from '../../..';\r\nimport { Icon, MultiSelect } from '../..';\r\n\r\ntype FilterPlansProps = {\r\n onUpdate: (s: Record<PlanFilterTypes, string[]> | null) => void;\r\n plans: Plan[];\r\n};\r\nexport type PlanFilterTypes = 'devices' | 'tags' | 'storages' | 'methods';\r\n\r\nconst defaultState = { devices: [], tags: [], storages: [], methods: [] };\r\n\r\nconst FilterPlans = ({ onUpdate, plans }: FilterPlansProps) => {\r\n const [showDropDown, setShowDropDown] = useState(false);\r\n const [selected, setSelected] = useState<Record<PlanFilterTypes, string[]>>(() => {\r\n const storedSettingsRaw = localStorage.getItem('plans_filter');\r\n const storedSettings = storedSettingsRaw ? JSON.parse(storedSettingsRaw) : null;\r\n return storedSettings || defaultState;\r\n });\r\n\r\n const hasFilters = Object.values(selected).some((arr) => arr.length > 0);\r\n\r\n const filterableItems = useMemo(() => {\r\n const items: Record<PlanFilterTypes, { label: string; value: string }[]> = { devices: [], tags: [], storages: [], methods: [] };\r\n plans.forEach((plan) => {\r\n plan.tags.forEach((tag) => {\r\n if (!items.tags.find((t) => t.value === tag)) {\r\n items.tags.push({ label: tag, value: tag });\r\n }\r\n });\r\n if (!items.devices.find((t) => t.value === plan.device.id)) {\r\n items.devices.push({ label: plan.device.name, value: plan.device.id });\r\n }\r\n if (!items.storages.find((t) => t.value === plan.storage.id)) {\r\n items.storages.push({ label: plan.storage.name, value: plan.storage.id });\r\n }\r\n if (!items.methods.find((t) => t.value === plan.method)) {\r\n items.methods.push({ label: plan.method, value: plan.method });\r\n }\r\n });\r\n return items;\r\n }, [plans]);\r\n\r\n return (\r\n <div className={classes.filterItems}>\r\n <button\r\n className={`${classes.filterBtn} ${showDropDown || hasFilters ? classes.filterBtnActive : ''}`}\r\n onClick={() => setShowDropDown(!showDropDown)}\r\n data-tooltip-id=\"appTooltip\"\r\n data-tooltip-content=\"Filter\"\r\n aria-label=\"Filter Plans\"\r\n data-tooltip-place=\"top\"\r\n data-tooltip-delay-show={500}\r\n >\r\n <Icon type=\"filter\" size={18} />{' '}\r\n {hasFilters && <span className={classes.filterCount}>{Object.values(selected).reduce((acc, arr) => acc + arr.length, 0)}</span>}\r\n </button>\r\n {showDropDown && (\r\n <div className={`${classes.dropdown} styled__scrollbar`}>\r\n {filterableItems.devices.length > 1 && (\r\n <div className={classes.field}>\r\n <label>Devices</label>\r\n <MultiSelect\r\n title=\"Devices\"\r\n fieldValue={selected.devices}\r\n options={filterableItems.devices}\r\n onUpdate={(devices) => setSelected((selected) => ({ ...selected, devices }))}\r\n />\r\n </div>\r\n )}\r\n <div className={classes.field}>\r\n <label>Backup Type</label>\r\n <MultiSelect\r\n title=\"Backup Type\"\r\n fieldValue={selected.methods}\r\n options={filterableItems.methods}\r\n onUpdate={(methods) => setSelected((selected) => ({ ...selected, methods }))}\r\n />\r\n </div>\r\n <div className={classes.field}>\r\n <label>Storage</label>\r\n <MultiSelect\r\n title=\"Storages\"\r\n fieldValue={selected.storages}\r\n options={filterableItems.storages}\r\n onUpdate={(storages) => setSelected((selected) => ({ ...selected, storages }))}\r\n />\r\n </div>\r\n <div className={classes.field}>\r\n <label>Tags</label>\r\n <MultiSelect\r\n title=\"Tags\"\r\n fieldValue={selected.tags}\r\n options={filterableItems.tags}\r\n onUpdate={(tags) => setSelected((selected) => ({ ...selected, tags }))}\r\n />\r\n </div>\r\n <div className={classes.footer}>\r\n <button\r\n onClick={() => {\r\n localStorage.removeItem('plans_filter');\r\n setSelected(defaultState);\r\n onUpdate(null);\r\n setShowDropDown(false);\r\n }}\r\n >\r\n <Icon type=\"reload\" /> Reset\r\n </button>\r\n <button\r\n onClick={() => {\r\n localStorage.setItem('plans_filter', JSON.stringify(selected));\r\n onUpdate(selected);\r\n setShowDropDown(false);\r\n }}\r\n >\r\n <Icon type=\"check\" size={12} /> Apply\r\n </button>\r\n </div>\r\n </div>\r\n )}\r\n </div>\r\n );\r\n};\r\n\r\nexport default FilterPlans;\r\n"],"names":["defaultState","FilterPlans","onUpdate","plans","showDropDown","setShowDropDown","useState","selected","setSelected","storedSettingsRaw","hasFilters","arr","filterableItems","useMemo","items","plan","tag","t","jsxs","classes","jsx","Icon","acc","MultiSelect","devices","methods","storages","tags"],"mappings":"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"}
|
|
@@ -0,0 +1,20 @@
|
|
|
1
|
+
const t = "_filterItems_TS2uf", e = "_filterBtn_Fwlxx", o = "_filterCount_FoAvx", r = "_filterBtnActive_sxxe4", f = "_dropdown_E9rlJ", n = "_field_reroJ", l = "_footer_aoPOL", i = {
|
|
2
|
+
filterItems: t,
|
|
3
|
+
filterBtn: e,
|
|
4
|
+
filterCount: o,
|
|
5
|
+
filterBtnActive: r,
|
|
6
|
+
dropdown: f,
|
|
7
|
+
field: n,
|
|
8
|
+
footer: l
|
|
9
|
+
};
|
|
10
|
+
export {
|
|
11
|
+
i as default,
|
|
12
|
+
f as dropdown,
|
|
13
|
+
n as field,
|
|
14
|
+
e as filterBtn,
|
|
15
|
+
r as filterBtnActive,
|
|
16
|
+
o as filterCount,
|
|
17
|
+
t as filterItems,
|
|
18
|
+
l as footer
|
|
19
|
+
};
|
|
20
|
+
//# sourceMappingURL=FilterPlans.module.scss.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"FilterPlans.module.scss.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;"}
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import { NewPlanSettings } from '../../../@types/plans';
|
|
1
|
+
import { NewPlanSettings, PlanAddRunSettings } from '../../../@types/plans';
|
|
2
2
|
type PlanFormProps = {
|
|
3
3
|
title: string;
|
|
4
4
|
planSettings: NewPlanSettings;
|
|
@@ -10,7 +10,9 @@ type PlanFormProps = {
|
|
|
10
10
|
storagePath?: string;
|
|
11
11
|
storageId?: string;
|
|
12
12
|
planId?: string;
|
|
13
|
+
runSettings?: PlanAddRunSettings;
|
|
14
|
+
setRunSettings?: (runSettings: PlanAddRunSettings) => void;
|
|
13
15
|
};
|
|
14
|
-
declare const PlanForm: ({ title, planSettings, type, onPlanSettingsChange, onSubmit, isSubmitting, close, storagePath, storageId, planId, }: PlanFormProps) => import("react/jsx-runtime").JSX.Element;
|
|
16
|
+
declare const PlanForm: ({ title, planSettings, type, onPlanSettingsChange, onSubmit, isSubmitting, close, storagePath, storageId, planId, runSettings, setRunSettings, }: PlanFormProps) => import("react/jsx-runtime").JSX.Element;
|
|
15
17
|
export default PlanForm;
|
|
16
18
|
//# sourceMappingURL=PlanForm.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"PlanForm.d.ts","sourceRoot":"","sources":["../../../../src/components/Plan/PlanForm/PlanForm.tsx"],"names":[],"mappings":"AAMA,OAAO,EAAE,eAAe,EAAE,MAAM,uBAAuB,CAAC;
|
|
1
|
+
{"version":3,"file":"PlanForm.d.ts","sourceRoot":"","sources":["../../../../src/components/Plan/PlanForm/PlanForm.tsx"],"names":[],"mappings":"AAMA,OAAO,EAAE,eAAe,EAAE,kBAAkB,EAAE,MAAM,uBAAuB,CAAC;AAY5E,KAAK,aAAa,GAAG;IAClB,KAAK,EAAE,MAAM,CAAC;IACd,YAAY,EAAE,eAAe,CAAC;IAC9B,IAAI,EAAE,KAAK,GAAG,MAAM,CAAC;IACrB,oBAAoB,EAAE,CAAC,QAAQ,EAAE,eAAe,KAAK,IAAI,CAAC;IAC1D,QAAQ,EAAE,MAAM,IAAI,CAAC;IACrB,YAAY,EAAE,OAAO,CAAC;IACtB,KAAK,EAAE,MAAM,IAAI,CAAC;IAClB,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,WAAW,CAAC,EAAE,kBAAkB,CAAC;IACjC,cAAc,CAAC,EAAE,CAAC,WAAW,EAAE,kBAAkB,KAAK,IAAI,CAAC;CAC7D,CAAC;AAEF,QAAA,MAAM,QAAQ,GAAI,kJAaf,aAAa,4CAuPf,CAAC;AAEF,eAAe,QAAQ,CAAC"}
|