@postgres.ai/shared 4.0.4 → 4.1.0

package/pages/Instance/Info/Disks/Disk/index.js

@@ -1,71 +0,0 @@
-import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
-import { makeStyles } from '@material-ui/core';
-import { formatDistanceToNowStrict } from 'date-fns';
-import { colors } from '@postgres.ai/shared/styles/colors';
-import { formatBytesIEC } from '@postgres.ai/shared/utils/units';
-import { Status as PerformanceStatus } from '@postgres.ai/shared/components/Status';
-import { formatUTC, isValidDate } from '@postgres.ai/shared/utils/date';
-import { Property } from '../../components/Property';
-import { ActionsMenu } from './ActionsMenu';
-import { Status } from './Status';
-import { Marker } from './Marker';
-import { ProgressBar } from './ProgressBar';
-const WARNING_THRESHOLD_PERCENT = 80;
-const useStyles = makeStyles({
-    root: {
-        border: `1px solid ${colors.consoleStroke}`,
-        padding: '6px 8px 8px',
-        borderRadius: '4px',
-        '& + $root': {
-            marginTop: '8px',
-        },
-    },
-    header: {
-        display: 'flex',
-        justifyContent: 'space-between',
-        alignItems: 'center',
-    },
-    titleWrapper: {
-        display: 'flex',
-        flex: '1 1 auto',
-        alignItems: 'center',
-        marginRight: '16px',
-        minWidth: 0,
-    },
-    title: {
-        fontWeight: 700,
-        fontSize: '14px',
-        margin: '0 4px 0 0',
-        whiteSpace: 'nowrap',
-        textOverflow: 'ellipsis',
-        overflow: 'hidden',
-    },
-    content: {
-        marginTop: '8px',
-    },
-    markerUsed: {
-        color: colors.primary.light,
-    },
-    markerFree: {
-        color: colors.gray,
-    },
-    warningMessage: {
-        fontSize: '10px',
-        marginTop: '6px',
-    },
-    uppercaseContent: {
-        textTransform: 'uppercase',
-    },
-}, { index: 1 });
-const getPercent = (value, total) => Math.round((value / total) * 100);
-export const Disk = (props) => {
-    const classes = useStyles();
-    const shouldShowWarning = props.status === 'active' &&
-        getPercent(props.usedDataSize, props.totalDataSize) >
-            WARNING_THRESHOLD_PERCENT;
-    return (_jsxs("div", { className: classes.root, children: [_jsxs("div", { className: classes.header, children: [_jsxs("div", { className: classes.titleWrapper, children: [_jsx("h6", { title: props.name, className: classes.title, children: props.name }), _jsx(ActionsMenu, { poolId: props.id, poolName: props.name, isActive: props.status === 'active' })] }), _jsx(Status, { value: props.status, hasWarning: shouldShowWarning })] }), _jsx(Property, { name: "Mode", classes: { content: classes.uppercaseContent }, children: props.mode }), props.status === 'refreshing' && props.refreshingStartDate && (_jsx("div", { className: classes.content, children: _jsxs(Property, { name: "Refreshing started at", children: [formatUTC(props.refreshingStartDate, 'yyyy-MM-dd HH:mm:ss'), " UTC (", isValidDate(props.refreshingStartDate)
-                            ? formatDistanceToNowStrict(props.refreshingStartDate, {
-                                addSuffix: true,
-                            })
-                            : '-', ")"] }) })), _jsxs("div", { className: classes.content, children: [_jsx(Property, { name: "Clones", children: props.clonesCount }), _jsx(Property, { name: "Snapshots", children: props.snapshotsCount })] }), _jsxs("div", { className: classes.content, children: [_jsx(Property, { name: "Size", children: formatBytesIEC(props.totalDataSize) }), _jsxs(Property, { name: _jsxs(_Fragment, { children: ["Used\u00A0", _jsx(Marker, { className: classes.markerUsed })] }), children: [formatBytesIEC(props.usedDataSize), " /", ' ', getPercent(props.usedDataSize, props.totalDataSize), " %"] }), _jsxs(Property, { name: _jsxs(_Fragment, { children: ["Free\u00A0", _jsx(Marker, { className: classes.markerFree })] }), children: [formatBytesIEC(props.freeDataSize), " /", ' ', getPercent(props.freeDataSize, props.totalDataSize), " %"] })] }), _jsx(ProgressBar, { value: props.usedDataSize, total: props.totalDataSize, thresholdPercent: WARNING_THRESHOLD_PERCENT }), shouldShowWarning && (_jsxs(PerformanceStatus, { type: "warning", className: classes.warningMessage, children: ["+", WARNING_THRESHOLD_PERCENT, "% disk usage may result in performance degradation"] }))] }));
-};

package/pages/Instance/Info/Disks/index.js

@@ -1,24 +0,0 @@
-import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
-/*--------------------------------------------------------------------------
- * Copyright (c) 2019-2021, Postgres.ai, Nikolay Samokhvalov nik@postgres.ai
- * All Rights Reserved. Proprietary and confidential.
- * Unauthorized copying of this file, via any medium is strictly prohibited
- *--------------------------------------------------------------------------
- */
-import { observer } from 'mobx-react-lite';
-import { useStores } from '@postgres.ai/shared/pages/Instance/context';
-import { Section } from '../components/Section';
-import { Disk } from './Disk';
-export const Disks = observer(() => {
-    var _a, _b, _c, _d, _e, _f, _g, _h, _j, _k;
-    const stores = useStores();
-    const { instance, snapshots } = stores.main;
-    if (!instance)
-        return null;
-    if (!snapshots)
-        return null;
-    return (_jsx(Section, { title: "Disks", children: (_k = (_c = (_b = (_a = instance.state) === null || _a === void 0 ? void 0 : _a.pools) === null || _b === void 0 ? void 0 : _b.map((pool) => {
-            var _a, _b, _c, _d, _e;
-            return (_jsx(Disk, { status: pool.status, name: pool.name, id: pool.name, mode: pool.mode, clonesCount: pool.cloneList.length, snapshotsCount: (_b = (_a = snapshots.data) === null || _a === void 0 ? void 0 : _a.filter((snapshot) => snapshot.pool === pool.name).length) !== null && _b !== void 0 ? _b : 0, totalDataSize: pool.fileSystem.size, usedDataSize: pool.fileSystem.used, freeDataSize: pool.fileSystem.free, refreshingStartDate: (_e = (_d = (_c = instance.state) === null || _c === void 0 ? void 0 : _c.retrieving) === null || _d === void 0 ? void 0 : _d.lastRefresh) !== null && _e !== void 0 ? _e : null }, pool.name));
-        })) !== null && _c !== void 0 ? _c : (((_d = instance.state) === null || _d === void 0 ? void 0 : _d.fileSystem) && (_jsx(Disk, { status: 'active', name: 'Main', id: null, mode: "ZFS", clonesCount: (_g = (_f = (_e = instance.state) === null || _e === void 0 ? void 0 : _e.clones) === null || _f === void 0 ? void 0 : _f.length) !== null && _g !== void 0 ? _g : instance.state.cloning.clones.length, snapshotsCount: (_j = (_h = snapshots.data) === null || _h === void 0 ? void 0 : _h.length) !== null && _j !== void 0 ? _j : 0, totalDataSize: instance.state.fileSystem.size, usedDataSize: instance.state.fileSystem.used, freeDataSize: instance.state.fileSystem.free, refreshingStartDate: null })))) !== null && _k !== void 0 ? _k : (_jsxs(_Fragment, { children: ["Disk information is ", _jsx("strong", { children: "unavailable" }), "."] })) }));
-});