ydb-embedded-ui 20.0.0 → 20.2.0
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/assets/icons/sso-user.svg +12 -0
- package/dist/components/DiskStateProgressBar/AllModeCapacityAlertIndicator.d.ts +6 -0
- package/dist/components/DiskStateProgressBar/AllModeCapacityAlertIndicator.js +14 -0
- package/dist/components/DiskStateProgressBar/AllModeCapacityAlertIndicator.js.map +1 -0
- package/dist/components/DiskStateProgressBar/AllModeIndicators.d.ts +6 -0
- package/dist/components/DiskStateProgressBar/AllModeIndicators.js +10 -0
- package/dist/components/DiskStateProgressBar/AllModeIndicators.js.map +1 -0
- package/dist/components/DiskStateProgressBar/DiskBarLabel.d.ts +7 -0
- package/dist/components/DiskStateProgressBar/DiskBarLabel.js +10 -0
- package/dist/components/DiskStateProgressBar/DiskBarLabel.js.map +1 -0
- package/dist/components/DiskStateProgressBar/DiskIndicator.d.ts +12 -0
- package/dist/components/DiskStateProgressBar/DiskIndicator.js +17 -0
- package/dist/components/DiskStateProgressBar/DiskIndicator.js.map +1 -0
- package/dist/components/DiskStateProgressBar/DiskStateProgressBar.d.ts +12 -18
- package/dist/components/DiskStateProgressBar/DiskStateProgressBar.js +19 -94
- package/dist/components/DiskStateProgressBar/DiskStateProgressBar.js.map +1 -1
- package/dist/components/DiskStateProgressBar/DiskStateProgressBar.scss +67 -1
- package/dist/components/DiskStateProgressBar/PDiskAllModeIndicators.d.ts +6 -0
- package/dist/components/DiskStateProgressBar/PDiskAllModeIndicators.js +10 -0
- package/dist/components/DiskStateProgressBar/PDiskAllModeIndicators.js.map +1 -0
- package/dist/components/Drawer/Drawer.js +3 -1
- package/dist/components/Drawer/Drawer.js.map +1 -1
- package/dist/components/Drawer/i18n/en.json +3 -0
- package/dist/components/Drawer/i18n/index.d.ts +2 -0
- package/dist/components/Drawer/i18n/index.js +5 -0
- package/dist/components/Drawer/i18n/index.js.map +1 -0
- package/dist/components/EnableFullscreenButton/EnableFullscreenButton.js +1 -1
- package/dist/components/EnableFullscreenButton/EnableFullscreenButton.js.map +1 -1
- package/dist/components/EntityStatus/EntityStatus.js +2 -2
- package/dist/components/EntityStatus/EntityStatus.js.map +1 -1
- package/dist/components/PDiskInfo/i18n/index.d.ts +1 -1
- package/dist/components/VDisk/VDisk.d.ts +2 -2
- package/dist/components/VDisk/VDisk.js +72 -24
- package/dist/components/VDisk/VDisk.js.map +1 -1
- package/dist/containers/AsideNavigation/AsideNavigation.d.ts +1 -0
- package/dist/containers/AsideNavigation/AsideNavigation.js +4 -1
- package/dist/containers/AsideNavigation/AsideNavigation.js.map +1 -1
- package/dist/containers/AsideNavigation/Navigation.js +1 -1
- package/dist/containers/AsideNavigation/Navigation.js.map +1 -1
- package/dist/containers/AsideNavigation/SsoUserIcon/SsoUserIcon.d.ts +1 -0
- package/dist/containers/AsideNavigation/SsoUserIcon/SsoUserIcon.js +7 -0
- package/dist/containers/AsideNavigation/SsoUserIcon/SsoUserIcon.js.map +1 -0
- package/dist/containers/AsideNavigation/YdbInternalUser/YdbInternalUser.d.ts +3 -2
- package/dist/containers/AsideNavigation/YdbInternalUser/YdbInternalUser.js +2 -2
- package/dist/containers/AsideNavigation/YdbInternalUser/YdbInternalUser.js.map +1 -1
- package/dist/containers/AsideNavigation/YdbInternalUser/YdbInternalUser.scss +4 -0
- package/dist/containers/AsideNavigation/i18n/en.json +1 -0
- package/dist/containers/AsideNavigation/i18n/index.d.ts +1 -1
- package/dist/containers/PDiskPage/PDiskSpaceDistribution/PDiskSpaceDistribution.js +8 -4
- package/dist/containers/PDiskPage/PDiskSpaceDistribution/PDiskSpaceDistribution.js.map +1 -1
- package/dist/containers/Storage/Disks/Disks.js.map +1 -1
- package/dist/containers/Storage/Disks/Disks.scss +3 -0
- package/dist/containers/Storage/Disks/constants.d.ts +3 -0
- package/dist/containers/Storage/Disks/constants.js +5 -0
- package/dist/containers/Storage/Disks/constants.js.map +1 -1
- package/dist/containers/Storage/PDisk/PDisk.js +108 -4
- package/dist/containers/Storage/PDisk/PDisk.js.map +1 -1
- package/dist/containers/Storage/PDisk/i18n/en.json +6 -0
- package/dist/containers/Storage/PDisk/i18n/index.d.ts +1 -0
- package/dist/containers/Storage/PDisk/i18n/index.js +5 -0
- package/dist/containers/Storage/PDisk/i18n/index.js.map +1 -0
- package/dist/containers/Storage/PaginatedStorageGroupsTable/columns/columns.js +7 -2
- package/dist/containers/Storage/PaginatedStorageGroupsTable/columns/columns.js.map +1 -1
- package/dist/containers/Storage/PaginatedStorageGroupsTable/columns/hooks.js +10 -3
- package/dist/containers/Storage/PaginatedStorageGroupsTable/columns/hooks.js.map +1 -1
- package/dist/containers/Storage/PaginatedStorageGroupsTable/columns/types.d.ts +1 -0
- package/dist/containers/Storage/StorageExpertModePanel/StorageExpertModePanel.js +2 -0
- package/dist/containers/Storage/StorageExpertModePanel/StorageExpertModePanel.js.map +1 -1
- package/dist/containers/Storage/StorageExpertModePanel/components/AllLegend.d.ts +3 -1
- package/dist/containers/Storage/StorageExpertModePanel/components/AllLegend.js +4 -4
- package/dist/containers/Storage/StorageExpertModePanel/components/AllLegend.js.map +1 -1
- package/dist/containers/Storage/useStoragePDiskDisplayStateGetter.js +174 -69
- package/dist/containers/Storage/useStoragePDiskDisplayStateGetter.js.map +1 -1
- package/dist/containers/Storage/useStorageVDiskDisplayStateGetter.d.ts +2 -2
- package/dist/containers/Storage/useStorageVDiskDisplayStateGetter.js +86 -49
- package/dist/containers/Storage/useStorageVDiskDisplayStateGetter.js.map +1 -1
- package/dist/containers/Tenant/Diagnostics/Overview/TableInfo/ManagePartitioningDialog/ManagePartitioningDialog.js +7 -3
- package/dist/containers/Tenant/Diagnostics/Overview/TableInfo/ManagePartitioningDialog/ManagePartitioningDialog.js.map +1 -1
- package/dist/containers/Tenant/Diagnostics/Overview/TableInfo/ManagePartitioningDialog/constants.js +1 -0
- package/dist/containers/Tenant/Diagnostics/Overview/TableInfo/ManagePartitioningDialog/constants.js.map +1 -1
- package/dist/containers/Tenant/Diagnostics/Overview/TableInfo/ManagePartitioningDialog/i18n/en.json +1 -0
- package/dist/containers/Tenant/Diagnostics/Overview/TableInfo/ManagePartitioningDialog/i18n/index.d.ts +1 -1
- package/dist/containers/Tenant/Diagnostics/Overview/TableInfo/ManagePartitioningDialog/types.d.ts +10 -2
- package/dist/containers/Tenant/Diagnostics/Overview/TableInfo/ManagePartitioningDialog/utils.d.ts +10 -2
- package/dist/containers/Tenant/Diagnostics/Overview/TableInfo/ManagePartitioningDialog/utils.js +31 -18
- package/dist/containers/Tenant/Diagnostics/Overview/TableInfo/ManagePartitioningDialog/utils.js.map +1 -1
- package/dist/containers/Tenant/Diagnostics/Overview/TableInfo/prepareTableInfo/preparePartitionConfig.js +12 -7
- package/dist/containers/Tenant/Diagnostics/Overview/TableInfo/prepareTableInfo/preparePartitionConfig.js.map +1 -1
- package/dist/containers/Tenant/Diagnostics/Overview/TableInfo/utils.js +17 -3
- package/dist/containers/Tenant/Diagnostics/Overview/TableInfo/utils.js.map +1 -1
- package/dist/containers/Tenant/Healthcheck/components/HealthcheckDrawer.js +1 -1
- package/dist/containers/Tenant/Healthcheck/components/HealthcheckDrawer.js.map +1 -1
- package/dist/containers/Tenant/Healthcheck/components/HealthcheckRefresh.js +1 -1
- package/dist/containers/Tenant/Healthcheck/components/HealthcheckRefresh.js.map +1 -1
- package/dist/containers/Versions/Versions.js +1 -1
- package/dist/containers/Versions/Versions.js.map +1 -1
- package/dist/containers/Versions/Versions.scss +4 -0
- package/dist/store/reducers/tablePartitioning/tablePartitioning.d.ts +1 -1
- package/dist/store/reducers/tablePartitioning/tablePartitioning.js +6 -3
- package/dist/store/reducers/tablePartitioning/tablePartitioning.js.map +1 -1
- package/dist/types/store/partitioning.d.ts +9 -2
- package/dist/utils/disks/displayState.d.ts +38 -10
- package/dist/utils/disks/displayState.js +12 -5
- package/dist/utils/disks/displayState.js.map +1 -1
- package/dist/utils/disks/getDiskBarTone.d.ts +10 -0
- package/dist/utils/disks/getDiskBarTone.js +21 -0
- package/dist/utils/disks/getDiskBarTone.js.map +1 -0
- package/dist/utils/disks/pdiskState.d.ts +6 -2
- package/dist/utils/disks/pdiskState.js.map +1 -1
- package/dist/utils/disks/types.d.ts +1 -0
- package/dist/utils/hooks/useWhoami.d.ts +1 -1
- package/dist/utils/hooks/useWhoami.js +2 -1
- package/dist/utils/hooks/useWhoami.js.map +1 -1
- package/dist/utils/user.d.ts +6 -0
- package/dist/utils/user.js +24 -0
- package/dist/utils/user.js.map +1 -0
- package/dist/utils/versions/clusterVersionColors.js +3 -4
- package/dist/utils/versions/clusterVersionColors.js.map +1 -1
- package/dist/utils/versions/getVersionsColors.d.ts +1 -0
- package/dist/utils/versions/getVersionsColors.js +68 -26
- package/dist/utils/versions/getVersionsColors.js.map +1 -1
- package/dist/utils/versions/parseVersion.d.ts +4 -0
- package/dist/utils/versions/parseVersion.js +17 -0
- package/dist/utils/versions/parseVersion.js.map +1 -1
- package/package.json +1 -1
|
@@ -0,0 +1,12 @@
|
|
|
1
|
+
<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="36 25 43 43" fill="none">
|
|
2
|
+
<path d="M78 46C78 57.598 68.598 67 57 67C45.402 67 36 57.598 36 46C36 34.402 45.402 25 57 25C68.598 25 78 34.402 78 46Z" fill="var(--g-color-base-background)"/>
|
|
3
|
+
<path d="M57 25.5C68.3218 25.5 77.5 34.6782 77.5 46C77.5 57.3218 68.3218 66.5 57 66.5C45.6782 66.5 36.5 57.3218 36.5 46C36.5 34.6782 45.6782 25.5 57 25.5Z" fill="url(#sso-user-image)" stroke="var(--g-color-line-generic)"/>
|
|
4
|
+
<rect x="63" y="52" width="16" height="16" rx="8" fill="var(--g-color-base-background)"/>
|
|
5
|
+
<path fill-rule="evenodd" clip-rule="evenodd" d="M67.036 58.714C67.2922 58.4578 67.7078 58.4578 67.964 58.714C68.2203 58.9703 68.2203 59.3858 67.964 59.6421L67.3279 60.2783C66.8778 60.7283 66.625 61.3387 66.625 61.9752C66.625 63.3006 67.6994 64.375 69.0248 64.375C69.6613 64.375 70.2717 64.1222 70.7217 63.6721L71.3579 63.036C71.6142 62.7797 72.0297 62.7797 72.286 63.036C72.5422 63.2922 72.5422 63.7078 72.286 63.964L71.6498 64.6002C70.9536 65.2964 70.0094 65.6875 69.0248 65.6875C66.9746 65.6875 65.3125 64.0254 65.3125 61.9752C65.3125 60.9906 65.7036 60.0464 66.3998 59.3502L67.036 58.714ZM74.036 60.3579C73.7797 60.6142 73.7797 61.0297 74.036 61.286C74.2922 61.5422 74.7078 61.5422 74.964 61.286L75.6002 60.6498C76.2964 59.9536 76.6875 59.0094 76.6875 58.0248C76.6875 55.9746 75.0254 54.3125 72.9752 54.3125C71.9906 54.3125 71.0464 54.7036 70.3502 55.3998L69.714 56.036C69.4578 56.2922 69.4578 56.7078 69.714 56.964C69.9703 57.2203 70.3858 57.2203 70.6421 56.964L71.2783 56.3279C71.7283 55.8778 72.3387 55.625 72.9752 55.625C74.3006 55.625 75.375 56.6994 75.375 58.0248C75.375 58.6613 75.1222 59.2717 74.6721 59.7217L74.036 60.3579ZM73.214 58.714C73.4703 58.4578 73.4703 58.0422 73.214 57.786C72.9578 57.5297 72.5422 57.5297 72.286 57.786L68.786 61.286C68.5297 61.5422 68.5297 61.9578 68.786 62.214C69.0422 62.4703 69.4578 62.4703 69.714 62.214L73.214 58.714Z" fill="currentColor"/>
|
|
6
|
+
<defs>
|
|
7
|
+
<pattern id="sso-user-image" patternContentUnits="objectBoundingBox" width="1" height="1">
|
|
8
|
+
<use xlink:href="#sso-user-image-data" transform="scale(0.01)"/>
|
|
9
|
+
</pattern>
|
|
10
|
+
<image id="sso-user-image-data" width="100" height="100" preserveAspectRatio="none" xlink:href="data:image/png;base64,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"/>
|
|
11
|
+
</defs>
|
|
12
|
+
</svg>
|
|
@@ -0,0 +1,6 @@
|
|
|
1
|
+
import type { IconData } from '@gravity-ui/uikit';
|
|
2
|
+
interface AllModeCapacityAlertIndicatorProps {
|
|
3
|
+
indicator?: IconData | string;
|
|
4
|
+
}
|
|
5
|
+
export declare function AllModeCapacityAlertIndicator({ indicator }: AllModeCapacityAlertIndicatorProps): string | import("react/jsx-runtime").JSX.Element | null;
|
|
6
|
+
export {};
|
|
@@ -0,0 +1,14 @@
|
|
|
1
|
+
import { jsx as _jsx } from "react/jsx-runtime";
|
|
2
|
+
import { Icon } from '@gravity-ui/uikit';
|
|
3
|
+
import { cn } from '../../utils/cn';
|
|
4
|
+
const b = cn('storage-disk-progress-bar');
|
|
5
|
+
export function AllModeCapacityAlertIndicator({ indicator }) {
|
|
6
|
+
if (!indicator) {
|
|
7
|
+
return null;
|
|
8
|
+
}
|
|
9
|
+
if (typeof indicator === 'string') {
|
|
10
|
+
return indicator;
|
|
11
|
+
}
|
|
12
|
+
return (_jsx(Icon, { className: b('all-mode-capacity-alert-indicator-icon'), data: indicator, size: 12 }));
|
|
13
|
+
}
|
|
14
|
+
//# sourceMappingURL=AllModeCapacityAlertIndicator.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"AllModeCapacityAlertIndicator.js","sourceRoot":"","sources":["../../../src/components/DiskStateProgressBar/AllModeCapacityAlertIndicator.tsx"],"names":[],"mappings":";AACA,OAAO,EAAC,IAAI,EAAC,MAAM,mBAAmB,CAAC;AAEvC,OAAO,EAAC,EAAE,EAAC,MAAM,gBAAgB,CAAC;AAElC,MAAM,CAAC,GAAG,EAAE,CAAC,2BAA2B,CAAC,CAAC;AAM1C,MAAM,UAAU,6BAA6B,CAAC,EAAC,SAAS,EAAqC;IACzF,IAAI,CAAC,SAAS,EAAE,CAAC;QACb,OAAO,IAAI,CAAC;IAChB,CAAC;IAED,IAAI,OAAO,SAAS,KAAK,QAAQ,EAAE,CAAC;QAChC,OAAO,SAAS,CAAC;IACrB,CAAC;IAED,OAAO,CACH,KAAC,IAAI,IAAC,SAAS,EAAE,CAAC,CAAC,wCAAwC,CAAC,EAAE,IAAI,EAAE,SAAS,EAAE,IAAI,EAAE,EAAE,GAAI,CAC9F,CAAC;AACN,CAAC"}
|
|
@@ -0,0 +1,6 @@
|
|
|
1
|
+
import type { AllModeIndicatorsState } from '../../utils/disks/displayState';
|
|
2
|
+
interface AllModeIndicatorsProps {
|
|
3
|
+
indicators: AllModeIndicatorsState;
|
|
4
|
+
}
|
|
5
|
+
export declare function AllModeIndicators({ indicators }: AllModeIndicatorsProps): import("react/jsx-runtime").JSX.Element;
|
|
6
|
+
export {};
|
|
@@ -0,0 +1,10 @@
|
|
|
1
|
+
import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
|
|
2
|
+
import { Icon, Text } from '@gravity-ui/uikit';
|
|
3
|
+
import { cn } from '../../utils/cn';
|
|
4
|
+
import { AllModeCapacityAlertIndicator } from './AllModeCapacityAlertIndicator';
|
|
5
|
+
import { DiskIconGroup } from './DiskIndicator';
|
|
6
|
+
const b = cn('storage-disk-progress-bar');
|
|
7
|
+
export function AllModeIndicators({ indicators }) {
|
|
8
|
+
return (_jsxs("div", { className: b('all-mode-indicators'), children: [_jsx(Text, { as: "span", variant: "caption-2", color: "primary", className: b('all-mode-capacity-alert-indicator-slot'), children: _jsx(AllModeCapacityAlertIndicator, { indicator: indicators.capacityAlert }) }), _jsx("span", { className: b('all-mode-front-queues-indicator-slot'), children: indicators.frontQueues && _jsx(Icon, { data: indicators.frontQueues, size: 12 }) }), _jsx("div", { className: b('all-mode-compaction-indicator-slot'), children: indicators.compaction && _jsx(DiskIconGroup, { icons: indicators.compaction }) })] }));
|
|
9
|
+
}
|
|
10
|
+
//# sourceMappingURL=AllModeIndicators.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"AllModeIndicators.js","sourceRoot":"","sources":["../../../src/components/DiskStateProgressBar/AllModeIndicators.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAC,IAAI,EAAE,IAAI,EAAC,MAAM,mBAAmB,CAAC;AAE7C,OAAO,EAAC,EAAE,EAAC,MAAM,gBAAgB,CAAC;AAGlC,OAAO,EAAC,6BAA6B,EAAC,MAAM,iCAAiC,CAAC;AAC9E,OAAO,EAAC,aAAa,EAAC,MAAM,iBAAiB,CAAC;AAE9C,MAAM,CAAC,GAAG,EAAE,CAAC,2BAA2B,CAAC,CAAC;AAM1C,MAAM,UAAU,iBAAiB,CAAC,EAAC,UAAU,EAAyB;IAClE,OAAO,CACH,eAAK,SAAS,EAAE,CAAC,CAAC,qBAAqB,CAAC,aACpC,KAAC,IAAI,IACD,EAAE,EAAC,MAAM,EACT,OAAO,EAAC,WAAW,EACnB,KAAK,EAAC,SAAS,EACf,SAAS,EAAE,CAAC,CAAC,wCAAwC,CAAC,YAEtD,KAAC,6BAA6B,IAAC,SAAS,EAAE,UAAU,CAAC,aAAa,GAAI,GACnE,EACP,eAAM,SAAS,EAAE,CAAC,CAAC,sCAAsC,CAAC,YACrD,UAAU,CAAC,WAAW,IAAI,KAAC,IAAI,IAAC,IAAI,EAAE,UAAU,CAAC,WAAW,EAAE,IAAI,EAAE,EAAE,GAAI,GACxE,EACP,cAAK,SAAS,EAAE,CAAC,CAAC,oCAAoC,CAAC,YAClD,UAAU,CAAC,UAAU,IAAI,KAAC,aAAa,IAAC,KAAK,EAAE,UAAU,CAAC,UAAU,GAAI,GACvE,IACJ,CACT,CAAC;AACN,CAAC"}
|
|
@@ -0,0 +1,7 @@
|
|
|
1
|
+
import React from 'react';
|
|
2
|
+
interface DiskBarLabelProps {
|
|
3
|
+
children: React.ReactNode;
|
|
4
|
+
variant?: 'percentage' | 'placeholder' | 'compact-placeholder';
|
|
5
|
+
}
|
|
6
|
+
export declare function DiskBarLabel({ children, variant }: DiskBarLabelProps): import("react/jsx-runtime").JSX.Element;
|
|
7
|
+
export {};
|
|
@@ -0,0 +1,10 @@
|
|
|
1
|
+
import { jsx as _jsx } from "react/jsx-runtime";
|
|
2
|
+
import { cn } from '../../utils/cn';
|
|
3
|
+
const b = cn('storage-disk-progress-bar');
|
|
4
|
+
export function DiskBarLabel({ children, variant = 'percentage' }) {
|
|
5
|
+
return (_jsx("div", { className: b('title', {
|
|
6
|
+
text: variant === 'placeholder',
|
|
7
|
+
compact: variant === 'compact-placeholder',
|
|
8
|
+
}), children: children }));
|
|
9
|
+
}
|
|
10
|
+
//# sourceMappingURL=DiskBarLabel.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"DiskBarLabel.js","sourceRoot":"","sources":["../../../src/components/DiskStateProgressBar/DiskBarLabel.tsx"],"names":[],"mappings":";AAEA,OAAO,EAAC,EAAE,EAAC,MAAM,gBAAgB,CAAC;AAElC,MAAM,CAAC,GAAG,EAAE,CAAC,2BAA2B,CAAC,CAAC;AAO1C,MAAM,UAAU,YAAY,CAAC,EAAC,QAAQ,EAAE,OAAO,GAAG,YAAY,EAAoB;IAC9E,OAAO,CACH,cACI,SAAS,EAAE,CAAC,CAAC,OAAO,EAAE;YAClB,IAAI,EAAE,OAAO,KAAK,aAAa;YAC/B,OAAO,EAAE,OAAO,KAAK,qBAAqB;SAC7C,CAAC,YAED,QAAQ,GACP,CACT,CAAC;AACN,CAAC"}
|
|
@@ -0,0 +1,12 @@
|
|
|
1
|
+
import type { DiskIndicatorValue } from '../../utils/disks/displayState';
|
|
2
|
+
import type { IconWithColor } from '../../utils/disks/iconCalculators';
|
|
3
|
+
interface DiskIconGroupProps {
|
|
4
|
+
icons: IconWithColor[];
|
|
5
|
+
}
|
|
6
|
+
export declare function DiskIconGroup({ icons }: DiskIconGroupProps): import("react/jsx-runtime").JSX.Element;
|
|
7
|
+
interface DiskIndicatorProps {
|
|
8
|
+
value: DiskIndicatorValue;
|
|
9
|
+
placement?: 'inline' | 'overlap';
|
|
10
|
+
}
|
|
11
|
+
export declare function DiskIndicator({ value, placement }: DiskIndicatorProps): import("react/jsx-runtime").JSX.Element;
|
|
12
|
+
export {};
|
|
@@ -0,0 +1,17 @@
|
|
|
1
|
+
import { jsx as _jsx } from "react/jsx-runtime";
|
|
2
|
+
import { Icon } from '@gravity-ui/uikit';
|
|
3
|
+
import { cn } from '../../utils/cn';
|
|
4
|
+
const b = cn('storage-disk-progress-bar');
|
|
5
|
+
export function DiskIconGroup({ icons }) {
|
|
6
|
+
return (_jsx("div", { className: b('icon-group'), children: icons.map(({ icon, color }, index) => (_jsx(Icon, { className: b('icon', { overlapped: index > 0 }), data: icon, size: 10, style: color ? { color } : undefined }, index))) }));
|
|
7
|
+
}
|
|
8
|
+
export function DiskIndicator({ value, placement = 'inline' }) {
|
|
9
|
+
if (typeof value === 'string') {
|
|
10
|
+
return _jsx("div", { className: b('text-label'), children: value });
|
|
11
|
+
}
|
|
12
|
+
if (Array.isArray(value)) {
|
|
13
|
+
return _jsx(DiskIconGroup, { icons: value });
|
|
14
|
+
}
|
|
15
|
+
return (_jsx(Icon, { className: b('icon', { 'overlap-top-left': placement === 'overlap' }), data: value, size: 12 }));
|
|
16
|
+
}
|
|
17
|
+
//# sourceMappingURL=DiskIndicator.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"DiskIndicator.js","sourceRoot":"","sources":["../../../src/components/DiskStateProgressBar/DiskIndicator.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAC,IAAI,EAAC,MAAM,mBAAmB,CAAC;AAEvC,OAAO,EAAC,EAAE,EAAC,MAAM,gBAAgB,CAAC;AAIlC,MAAM,CAAC,GAAG,EAAE,CAAC,2BAA2B,CAAC,CAAC;AAM1C,MAAM,UAAU,aAAa,CAAC,EAAC,KAAK,EAAqB;IACrD,OAAO,CACH,cAAK,SAAS,EAAE,CAAC,CAAC,YAAY,CAAC,YAC1B,KAAK,CAAC,GAAG,CAAC,CAAC,EAAC,IAAI,EAAE,KAAK,EAAC,EAAE,KAAK,EAAE,EAAE,CAAC,CACjC,KAAC,IAAI,IAED,SAAS,EAAE,CAAC,CAAC,MAAM,EAAE,EAAC,UAAU,EAAE,KAAK,GAAG,CAAC,EAAC,CAAC,EAC7C,IAAI,EAAE,IAAI,EACV,IAAI,EAAE,EAAE,EACR,KAAK,EAAE,KAAK,CAAC,CAAC,CAAC,EAAC,KAAK,EAAC,CAAC,CAAC,CAAC,SAAS,IAJ7B,KAAK,CAKZ,CACL,CAAC,GACA,CACT,CAAC;AACN,CAAC;AAOD,MAAM,UAAU,aAAa,CAAC,EAAC,KAAK,EAAE,SAAS,GAAG,QAAQ,EAAqB;IAC3E,IAAI,OAAO,KAAK,KAAK,QAAQ,EAAE,CAAC;QAC5B,OAAO,cAAK,SAAS,EAAE,CAAC,CAAC,YAAY,CAAC,YAAG,KAAK,GAAO,CAAC;IAC1D,CAAC;IAED,IAAI,KAAK,CAAC,OAAO,CAAC,KAAK,CAAC,EAAE,CAAC;QACvB,OAAO,KAAC,aAAa,IAAC,KAAK,EAAE,KAAK,GAAI,CAAC;IAC3C,CAAC;IAED,OAAO,CACH,KAAC,IAAI,IACD,SAAS,EAAE,CAAC,CAAC,MAAM,EAAE,EAAC,kBAAkB,EAAE,SAAS,KAAK,SAAS,EAAC,CAAC,EACnE,IAAI,EAAE,KAAK,EACX,IAAI,EAAE,EAAE,GACV,CACL,CAAC;AACN,CAAC"}
|
|
@@ -1,31 +1,25 @@
|
|
|
1
1
|
import React from 'react';
|
|
2
|
-
import type {
|
|
3
|
-
import type {
|
|
2
|
+
import type { DiskDisplayMode } from '../../utils/disks/displayState';
|
|
3
|
+
import type { DiskBarTone } from '../../utils/disks/types';
|
|
4
4
|
import './DiskStateProgressBar.scss';
|
|
5
5
|
interface DiskStateProgressBarProps {
|
|
6
|
-
|
|
7
|
-
|
|
8
|
-
|
|
6
|
+
allocation?: number;
|
|
7
|
+
tone: DiskBarTone;
|
|
8
|
+
mode?: DiskDisplayMode;
|
|
9
9
|
compact?: boolean;
|
|
10
10
|
faded?: boolean;
|
|
11
11
|
inactive?: boolean;
|
|
12
12
|
empty?: boolean;
|
|
13
13
|
striped?: boolean;
|
|
14
|
+
filled?: boolean;
|
|
15
|
+
leading?: React.ReactNode;
|
|
14
16
|
content?: React.ReactNode;
|
|
17
|
+
overlay?: React.ReactNode;
|
|
15
18
|
className?: string;
|
|
16
|
-
isDonor?: boolean;
|
|
17
|
-
withIcon?: boolean;
|
|
18
|
-
icon?: IconData | IconWithColor[] | string;
|
|
19
|
-
capacityAlertIndicator?: IconData | string;
|
|
20
|
-
frontQueuesIndicator?: IconData;
|
|
21
|
-
compactionIndicator?: IconWithColor[];
|
|
22
|
-
allModeHasIssues?: boolean;
|
|
23
|
-
modeModifier?: string;
|
|
24
19
|
highlighted?: boolean;
|
|
25
|
-
|
|
26
|
-
|
|
27
|
-
|
|
28
|
-
isLegendInactive?: boolean;
|
|
20
|
+
strongFill?: boolean;
|
|
21
|
+
borderless?: boolean;
|
|
22
|
+
overflowVisible?: boolean;
|
|
29
23
|
}
|
|
30
|
-
export declare function DiskStateProgressBar({
|
|
24
|
+
export declare function DiskStateProgressBar({ allocation, tone, mode, compact, faded, inactive, empty, striped, filled, leading, content, overlay, className, highlighted, strongFill, borderless, overflowVisible, }: DiskStateProgressBarProps): import("react/jsx-runtime").JSX.Element;
|
|
31
25
|
export {};
|
|
@@ -1,33 +1,15 @@
|
|
|
1
1
|
import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
|
|
2
|
-
import {
|
|
3
|
-
import { Flex, Icon, Text } from '@gravity-ui/uikit';
|
|
2
|
+
import { Flex } from '@gravity-ui/uikit';
|
|
4
3
|
import { SETTING_KEYS } from '../../store/reducers/settings/constants';
|
|
5
4
|
import { cn } from '../../utils/cn';
|
|
6
|
-
import { DONOR_COLOR, NOT_AVAILABLE_SEVERITY } from '../../utils/disks/constants';
|
|
7
|
-
import { getDisplaySeverityColor, getVDiskStatusIcon } from '../../utils/disks/helpers';
|
|
8
5
|
import { useSetting } from '../../utils/hooks';
|
|
9
6
|
import { isNumeric } from '../../utils/utils';
|
|
10
7
|
import './DiskStateProgressBar.scss';
|
|
11
8
|
const b = cn('storage-disk-progress-bar');
|
|
12
|
-
function
|
|
13
|
-
|
|
14
|
-
return null;
|
|
15
|
-
}
|
|
16
|
-
if (typeof indicator === 'string') {
|
|
17
|
-
return indicator;
|
|
18
|
-
}
|
|
19
|
-
return (_jsx(Icon, { className: b('all-mode-capacity-alert-indicator-icon'), data: indicator, size: 12 }));
|
|
20
|
-
}
|
|
21
|
-
function renderIconGroup(icons) {
|
|
22
|
-
return (_jsx("div", { className: b('icon-group'), children: icons.map(({ icon, color }, index) => (_jsx(Icon, { className: b('icon', { overlapped: index > 0 }), data: icon, size: 10, style: color ? { color } : undefined }, index))) }));
|
|
23
|
-
}
|
|
24
|
-
function shouldUseLightGreyStyle(icon) {
|
|
25
|
-
if (Array.isArray(icon)) {
|
|
26
|
-
return icon.some(({ icon: itemIcon }) => itemIcon === CircleQuestionFill);
|
|
27
|
-
}
|
|
28
|
-
return icon === CircleQuestionFill;
|
|
9
|
+
function getToneModifier(tone) {
|
|
10
|
+
return tone === 'LightGrey' ? 'light-grey' : tone.toLowerCase();
|
|
29
11
|
}
|
|
30
|
-
export function DiskStateProgressBar({
|
|
12
|
+
export function DiskStateProgressBar({ allocation, tone, mode, compact, faded, inactive, empty, striped, filled, leading, content, overlay, className, highlighted, strongFill, borderless, overflowVisible, }) {
|
|
31
13
|
const [inverted] = useSetting(SETTING_KEYS.INVERTED_DISKS);
|
|
32
14
|
const mods = {
|
|
33
15
|
inverted,
|
|
@@ -36,84 +18,27 @@ export function DiskStateProgressBar({ diskAllocatedPercent = -1, hideAllocatedP
|
|
|
36
18
|
empty,
|
|
37
19
|
inactive,
|
|
38
20
|
striped,
|
|
21
|
+
filled,
|
|
39
22
|
highlighted,
|
|
40
|
-
'all-mode-has-issues':
|
|
41
|
-
'legend-inactive':
|
|
42
|
-
'overlap-icon-at-top-left':
|
|
43
|
-
|
|
44
|
-
severity === NOT_AVAILABLE_SEVERITY &&
|
|
45
|
-
shouldUseLightGreyStyle(providedIcon),
|
|
23
|
+
'all-mode-has-issues': mode === 'all' && strongFill,
|
|
24
|
+
'legend-inactive': borderless,
|
|
25
|
+
'overlap-icon-at-top-left': overflowVisible,
|
|
26
|
+
[getToneModifier(tone)]: true,
|
|
46
27
|
};
|
|
47
|
-
|
|
48
|
-
|
|
49
|
-
mods[modeModifier] = true;
|
|
28
|
+
if (mode) {
|
|
29
|
+
mods[`mode-${mode.toLowerCase()}`] = true;
|
|
50
30
|
mods['expert-mode'] = true;
|
|
51
31
|
}
|
|
52
|
-
|
|
53
|
-
|
|
54
|
-
|
|
55
|
-
|
|
56
|
-
|
|
57
|
-
if (color) {
|
|
58
|
-
mods[color.toLocaleLowerCase()] = true;
|
|
59
|
-
}
|
|
60
|
-
}
|
|
61
|
-
const hasAllocatedPercent = isNumeric(diskAllocatedPercent) && diskAllocatedPercent >= 0;
|
|
62
|
-
const hideLegendContent = isLegendInactive && !isDonor;
|
|
63
|
-
const renderAllocatedPercent = () => {
|
|
64
|
-
if (compact) {
|
|
65
|
-
return null;
|
|
66
|
-
}
|
|
67
|
-
if (!hasAllocatedPercent) {
|
|
68
|
-
return null;
|
|
69
|
-
}
|
|
70
|
-
// diskAllocatedPercent could be more than 100
|
|
71
|
-
let fillWidth = Math.min(diskAllocatedPercent, 100);
|
|
32
|
+
const hasAllocation = isNumeric(allocation) && allocation >= 0;
|
|
33
|
+
let allocationElement = null;
|
|
34
|
+
if (!compact && hasAllocation) {
|
|
35
|
+
// Allocation could be more than 100.
|
|
36
|
+
let fillWidth = Math.min(allocation, 100);
|
|
72
37
|
if (inverted) {
|
|
73
|
-
fillWidth = Math.max(100 -
|
|
74
|
-
}
|
|
75
|
-
return _jsx("div", { className: b('fill-bar', mods), style: { width: `${fillWidth}%` } });
|
|
76
|
-
};
|
|
77
|
-
const renderContent = () => {
|
|
78
|
-
if (hideLegendContent) {
|
|
79
|
-
return null;
|
|
80
|
-
}
|
|
81
|
-
if (content) {
|
|
82
|
-
return content;
|
|
83
|
-
}
|
|
84
|
-
if (!compact && hasAllocatedPercent && !hideAllocatedPercentLabel) {
|
|
85
|
-
return _jsx("div", { className: b('title'), children: `${Math.floor(diskAllocatedPercent)}%` });
|
|
86
|
-
}
|
|
87
|
-
if (!compact &&
|
|
88
|
-
(!hasAllocatedPercent || prioritizeNoDataPlaceholder) &&
|
|
89
|
-
noDataPlaceholder) {
|
|
90
|
-
return _jsx("div", { className: b('title', { text: true }), children: noDataPlaceholder });
|
|
91
|
-
}
|
|
92
|
-
if (compact && severity === NOT_AVAILABLE_SEVERITY && noDataPlaceholder) {
|
|
93
|
-
return _jsx("div", { className: b('title', { compact: true }), children: noDataPlaceholder });
|
|
94
|
-
}
|
|
95
|
-
return null;
|
|
96
|
-
};
|
|
97
|
-
let iconElement = null;
|
|
98
|
-
if (withIcon && !hideLegendContent) {
|
|
99
|
-
// Use provided icon if available, otherwise calculate
|
|
100
|
-
const icon = providedIcon !== null && providedIcon !== void 0 ? providedIcon : getVDiskStatusIcon(severity, isDonor);
|
|
101
|
-
if (icon) {
|
|
102
|
-
// Check if icon is a string (text label for space mode)
|
|
103
|
-
if (typeof icon === 'string') {
|
|
104
|
-
iconElement = _jsx("div", { className: b('text-label'), children: icon });
|
|
105
|
-
}
|
|
106
|
-
else if (Array.isArray(icon)) {
|
|
107
|
-
iconElement = renderIconGroup(icon);
|
|
108
|
-
}
|
|
109
|
-
else {
|
|
110
|
-
iconElement = (_jsx(Icon, { className: b('icon', { 'overlap-top-left': overlapIconAtTopLeft }), data: icon, size: 12 }));
|
|
111
|
-
}
|
|
38
|
+
fillWidth = Math.max(100 - allocation, 0);
|
|
112
39
|
}
|
|
40
|
+
allocationElement = (_jsx("div", { className: b('fill-bar', mods), style: { width: `${fillWidth}%` } }));
|
|
113
41
|
}
|
|
114
|
-
|
|
115
|
-
const justifyContent = hasIcon ? 'space-between' : 'flex-end';
|
|
116
|
-
const showAllModeIndicators = !compact && modeModifier === 'mode-all';
|
|
117
|
-
return (_jsxs(Flex, { alignItems: "center", justifyContent: justifyContent, className: b(mods, className), role: "meter", "aria-label": "Disk allocated space", "aria-valuemin": 0, "aria-valuemax": 100, "aria-valuenow": hasAllocatedPercent ? diskAllocatedPercent : undefined, children: [iconElement, renderAllocatedPercent(), renderContent(), showAllModeIndicators && (_jsxs("div", { className: b('all-mode-indicators'), children: [_jsx(Text, { as: "span", variant: "caption-2", color: "primary", className: b('all-mode-capacity-alert-indicator-slot'), children: renderCapacityAlertIndicator(capacityAlertIndicator) }), _jsx("span", { className: b('all-mode-front-queues-indicator-slot'), children: frontQueuesIndicator && _jsx(Icon, { data: frontQueuesIndicator, size: 12 }) }), _jsx("div", { className: b('all-mode-compaction-indicator-slot'), children: compactionIndicator && renderIconGroup(compactionIndicator) })] }))] }));
|
|
42
|
+
return (_jsxs(Flex, { alignItems: "center", justifyContent: leading ? 'space-between' : 'flex-end', className: b(mods, className), role: "meter", "aria-label": "Disk allocated space", "aria-valuemin": 0, "aria-valuemax": 100, "aria-valuenow": hasAllocation ? allocation : undefined, children: [leading, allocationElement, content, overlay] }));
|
|
118
43
|
}
|
|
119
44
|
//# sourceMappingURL=DiskStateProgressBar.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"DiskStateProgressBar.js","sourceRoot":"","sources":["../../../src/components/DiskStateProgressBar/DiskStateProgressBar.tsx"],"names":[],"mappings":";AAEA,OAAO,EAAC,
|
|
1
|
+
{"version":3,"file":"DiskStateProgressBar.js","sourceRoot":"","sources":["../../../src/components/DiskStateProgressBar/DiskStateProgressBar.tsx"],"names":[],"mappings":";AAEA,OAAO,EAAC,IAAI,EAAC,MAAM,mBAAmB,CAAC;AAEvC,OAAO,EAAC,YAAY,EAAC,MAAM,yCAAyC,CAAC;AACrE,OAAO,EAAC,EAAE,EAAC,MAAM,gBAAgB,CAAC;AAGlC,OAAO,EAAC,UAAU,EAAC,MAAM,mBAAmB,CAAC;AAC7C,OAAO,EAAC,SAAS,EAAC,MAAM,mBAAmB,CAAC;AAE5C,OAAO,6BAA6B,CAAC;AAErC,MAAM,CAAC,GAAG,EAAE,CAAC,2BAA2B,CAAC,CAAC;AAsB1C,SAAS,eAAe,CAAC,IAAiB;IACtC,OAAO,IAAI,KAAK,WAAW,CAAC,CAAC,CAAC,YAAY,CAAC,CAAC,CAAC,IAAI,CAAC,WAAW,EAAE,CAAC;AACpE,CAAC;AAED,MAAM,UAAU,oBAAoB,CAAC,EACjC,UAAU,EACV,IAAI,EACJ,IAAI,EACJ,OAAO,EACP,KAAK,EACL,QAAQ,EACR,KAAK,EACL,OAAO,EACP,MAAM,EACN,OAAO,EACP,OAAO,EACP,OAAO,EACP,SAAS,EACT,WAAW,EACX,UAAU,EACV,UAAU,EACV,eAAe,GACS;IACxB,MAAM,CAAC,QAAQ,CAAC,GAAG,UAAU,CAAsB,YAAY,CAAC,cAAc,CAAC,CAAC;IAEhF,MAAM,IAAI,GAAwC;QAC9C,QAAQ;QACR,OAAO;QACP,KAAK;QACL,KAAK;QACL,QAAQ;QACR,OAAO;QACP,MAAM;QACN,WAAW;QACX,qBAAqB,EAAE,IAAI,KAAK,KAAK,IAAI,UAAU;QACnD,iBAAiB,EAAE,UAAU;QAC7B,0BAA0B,EAAE,eAAe;QAC3C,CAAC,eAAe,CAAC,IAAI,CAAC,CAAC,EAAE,IAAI;KAChC,CAAC;IAEF,IAAI,IAAI,EAAE,CAAC;QACP,IAAI,CAAC,QAAQ,IAAI,CAAC,WAAW,EAAE,EAAE,CAAC,GAAG,IAAI,CAAC;QAC1C,IAAI,CAAC,aAAa,CAAC,GAAG,IAAI,CAAC;IAC/B,CAAC;IAED,MAAM,aAAa,GAAG,SAAS,CAAC,UAAU,CAAC,IAAI,UAAU,IAAI,CAAC,CAAC;IAE/D,IAAI,iBAAiB,GAAoB,IAAI,CAAC;IAC9C,IAAI,CAAC,OAAO,IAAI,aAAa,EAAE,CAAC;QAC5B,qCAAqC;QACrC,IAAI,SAAS,GAAG,IAAI,CAAC,GAAG,CAAC,UAAU,EAAE,GAAG,CAAC,CAAC;QAC1C,IAAI,QAAQ,EAAE,CAAC;YACX,SAAS,GAAG,IAAI,CAAC,GAAG,CAAC,GAAG,GAAG,UAAU,EAAE,CAAC,CAAC,CAAC;QAC9C,CAAC;QAED,iBAAiB,GAAG,CAChB,cAAK,SAAS,EAAE,CAAC,CAAC,UAAU,EAAE,IAAI,CAAC,EAAE,KAAK,EAAE,EAAC,KAAK,EAAE,GAAG,SAAS,GAAG,EAAC,GAAI,CAC3E,CAAC;IACN,CAAC;IAED,OAAO,CACH,MAAC,IAAI,IACD,UAAU,EAAC,QAAQ,EACnB,cAAc,EAAE,OAAO,CAAC,CAAC,CAAC,eAAe,CAAC,CAAC,CAAC,UAAU,EACtD,SAAS,EAAE,CAAC,CAAC,IAAI,EAAE,SAAS,CAAC,EAC7B,IAAI,EAAC,OAAO,gBACD,sBAAsB,mBAClB,CAAC,mBACD,GAAG,mBACH,aAAa,CAAC,CAAC,CAAC,UAAU,CAAC,CAAC,CAAC,SAAS,aAEpD,OAAO,EACP,iBAAiB,EACjB,OAAO,EACP,OAAO,IACL,CACV,CAAC;AACN,CAAC"}
|
|
@@ -75,6 +75,22 @@
|
|
|
75
75
|
--entity-state-background-color: var(--g-color-base-neutral-light-hover);
|
|
76
76
|
}
|
|
77
77
|
|
|
78
|
+
&#{$block}_mode-space {
|
|
79
|
+
--entity-state-border-color: var(--g-color-line-generic);
|
|
80
|
+
--entity-state-background-color: var(--g-color-base-generic-medium);
|
|
81
|
+
--entity-state-fill-color: var(--g-color-base-neutral-medium);
|
|
82
|
+
--entity-state-icon-color: rgba(162, 162, 162, 1);
|
|
83
|
+
|
|
84
|
+
&#{$block}_filled {
|
|
85
|
+
--entity-state-icon-color: var(--ydb-progress-bar-font-color);
|
|
86
|
+
}
|
|
87
|
+
|
|
88
|
+
&#{$block}_highlighted {
|
|
89
|
+
--entity-state-background-color: var(--g-color-base-generic-medium-hover);
|
|
90
|
+
--entity-state-fill-color: var(--g-color-base-neutral-medium-hover);
|
|
91
|
+
}
|
|
92
|
+
}
|
|
93
|
+
|
|
78
94
|
&#{$block}_mode-compaction,
|
|
79
95
|
&#{$block}_mode-device {
|
|
80
96
|
--entity-state-background-color: transparent;
|
|
@@ -377,12 +393,21 @@
|
|
|
377
393
|
border-radius: $outer-compact-border-radius;
|
|
378
394
|
background-color: var(
|
|
379
395
|
--entity-state-compact-background-color,
|
|
380
|
-
var(--entity-state-
|
|
396
|
+
var(--entity-state-background-color)
|
|
381
397
|
);
|
|
398
|
+
|
|
399
|
+
&#{$block}_filled {
|
|
400
|
+
// Compact disks have no fill-bar element, so reproduce it with a full-size overlay.
|
|
401
|
+
background-image: linear-gradient(
|
|
402
|
+
var(--entity-state-fill-color),
|
|
403
|
+
var(--entity-state-fill-color)
|
|
404
|
+
);
|
|
405
|
+
}
|
|
382
406
|
}
|
|
383
407
|
|
|
384
408
|
&_faded {
|
|
385
409
|
background-color: unset;
|
|
410
|
+
background-image: none;
|
|
386
411
|
}
|
|
387
412
|
|
|
388
413
|
&_inactive {
|
|
@@ -393,6 +418,7 @@
|
|
|
393
418
|
color: var(--g-color-text-hint);
|
|
394
419
|
border-style: dashed;
|
|
395
420
|
background-color: unset;
|
|
421
|
+
background-image: none;
|
|
396
422
|
}
|
|
397
423
|
|
|
398
424
|
&_striped {
|
|
@@ -472,6 +498,28 @@
|
|
|
472
498
|
}
|
|
473
499
|
}
|
|
474
500
|
|
|
501
|
+
&__pdisk-all-mode-indicators {
|
|
502
|
+
position: absolute;
|
|
503
|
+
z-index: 2;
|
|
504
|
+
inset: 0;
|
|
505
|
+
|
|
506
|
+
display: grid;
|
|
507
|
+
justify-content: start;
|
|
508
|
+
align-items: center;
|
|
509
|
+
grid-template-columns: 16px 12px 12px 12px 18px;
|
|
510
|
+
column-gap: var(--g-spacing-1);
|
|
511
|
+
|
|
512
|
+
box-sizing: border-box;
|
|
513
|
+
padding-inline: 5px;
|
|
514
|
+
|
|
515
|
+
pointer-events: none;
|
|
516
|
+
|
|
517
|
+
#{$block}_grey &,
|
|
518
|
+
#{$block}_striped & {
|
|
519
|
+
padding-inline: 6px;
|
|
520
|
+
}
|
|
521
|
+
}
|
|
522
|
+
|
|
475
523
|
&__all-mode-capacity-alert-indicator-slot {
|
|
476
524
|
display: inline-flex;
|
|
477
525
|
justify-content: center;
|
|
@@ -496,6 +544,24 @@
|
|
|
496
544
|
align-items: center;
|
|
497
545
|
}
|
|
498
546
|
|
|
547
|
+
&__pdisk-all-mode-capacity-alert-indicator-slot,
|
|
548
|
+
&__pdisk-all-mode-drive-indicator-slot,
|
|
549
|
+
&__pdisk-all-mode-decommit-indicator-slot,
|
|
550
|
+
&__pdisk-all-mode-maintenance-indicator-slot,
|
|
551
|
+
&__pdisk-all-mode-device-indicator-slot {
|
|
552
|
+
display: inline-flex;
|
|
553
|
+
justify-content: center;
|
|
554
|
+
align-items: center;
|
|
555
|
+
|
|
556
|
+
min-width: 0;
|
|
557
|
+
}
|
|
558
|
+
|
|
559
|
+
&__pdisk-all-mode-device-indicator-slot {
|
|
560
|
+
#{$block}__icon-group {
|
|
561
|
+
margin-left: 0;
|
|
562
|
+
}
|
|
563
|
+
}
|
|
564
|
+
|
|
499
565
|
&__title {
|
|
500
566
|
position: relative;
|
|
501
567
|
z-index: 2;
|
|
@@ -0,0 +1,6 @@
|
|
|
1
|
+
import type { PDiskAllModeIndicatorsState } from '../../utils/disks/displayState';
|
|
2
|
+
interface PDiskAllModeIndicatorsProps {
|
|
3
|
+
indicators: PDiskAllModeIndicatorsState;
|
|
4
|
+
}
|
|
5
|
+
export declare function PDiskAllModeIndicators({ indicators }: PDiskAllModeIndicatorsProps): import("react/jsx-runtime").JSX.Element;
|
|
6
|
+
export {};
|
|
@@ -0,0 +1,10 @@
|
|
|
1
|
+
import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
|
|
2
|
+
import { Icon, Text } from '@gravity-ui/uikit';
|
|
3
|
+
import { cn } from '../../utils/cn';
|
|
4
|
+
import { AllModeCapacityAlertIndicator } from './AllModeCapacityAlertIndicator';
|
|
5
|
+
import { DiskIconGroup } from './DiskIndicator';
|
|
6
|
+
const b = cn('storage-disk-progress-bar');
|
|
7
|
+
export function PDiskAllModeIndicators({ indicators }) {
|
|
8
|
+
return (_jsxs("div", { className: b('pdisk-all-mode-indicators'), children: [_jsx(Text, { as: "span", variant: "caption-2", color: "primary", className: b('pdisk-all-mode-capacity-alert-indicator-slot'), children: _jsx(AllModeCapacityAlertIndicator, { indicator: indicators.capacityAlert }) }), _jsx("span", { className: b('pdisk-all-mode-drive-indicator-slot'), children: indicators.drive && _jsx(Icon, { data: indicators.drive, size: 12 }) }), _jsx("span", { className: b('pdisk-all-mode-decommit-indicator-slot'), children: indicators.decommit && _jsx(Icon, { data: indicators.decommit, size: 12 }) }), _jsx("span", { className: b('pdisk-all-mode-maintenance-indicator-slot'), children: indicators.maintenance && _jsx(Icon, { data: indicators.maintenance, size: 12 }) }), _jsx("span", { className: b('pdisk-all-mode-device-indicator-slot'), children: indicators.device && _jsx(DiskIconGroup, { icons: indicators.device }) })] }));
|
|
9
|
+
}
|
|
10
|
+
//# sourceMappingURL=PDiskAllModeIndicators.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"PDiskAllModeIndicators.js","sourceRoot":"","sources":["../../../src/components/DiskStateProgressBar/PDiskAllModeIndicators.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAC,IAAI,EAAE,IAAI,EAAC,MAAM,mBAAmB,CAAC;AAE7C,OAAO,EAAC,EAAE,EAAC,MAAM,gBAAgB,CAAC;AAGlC,OAAO,EAAC,6BAA6B,EAAC,MAAM,iCAAiC,CAAC;AAC9E,OAAO,EAAC,aAAa,EAAC,MAAM,iBAAiB,CAAC;AAE9C,MAAM,CAAC,GAAG,EAAE,CAAC,2BAA2B,CAAC,CAAC;AAM1C,MAAM,UAAU,sBAAsB,CAAC,EAAC,UAAU,EAA8B;IAC5E,OAAO,CACH,eAAK,SAAS,EAAE,CAAC,CAAC,2BAA2B,CAAC,aAC1C,KAAC,IAAI,IACD,EAAE,EAAC,MAAM,EACT,OAAO,EAAC,WAAW,EACnB,KAAK,EAAC,SAAS,EACf,SAAS,EAAE,CAAC,CAAC,8CAA8C,CAAC,YAE5D,KAAC,6BAA6B,IAAC,SAAS,EAAE,UAAU,CAAC,aAAa,GAAI,GACnE,EACP,eAAM,SAAS,EAAE,CAAC,CAAC,qCAAqC,CAAC,YACpD,UAAU,CAAC,KAAK,IAAI,KAAC,IAAI,IAAC,IAAI,EAAE,UAAU,CAAC,KAAK,EAAE,IAAI,EAAE,EAAE,GAAI,GAC5D,EACP,eAAM,SAAS,EAAE,CAAC,CAAC,wCAAwC,CAAC,YACvD,UAAU,CAAC,QAAQ,IAAI,KAAC,IAAI,IAAC,IAAI,EAAE,UAAU,CAAC,QAAQ,EAAE,IAAI,EAAE,EAAE,GAAI,GAClE,EACP,eAAM,SAAS,EAAE,CAAC,CAAC,2CAA2C,CAAC,YAC1D,UAAU,CAAC,WAAW,IAAI,KAAC,IAAI,IAAC,IAAI,EAAE,UAAU,CAAC,WAAW,EAAE,IAAI,EAAE,EAAE,GAAI,GACxE,EACP,eAAM,SAAS,EAAE,CAAC,CAAC,sCAAsC,CAAC,YACrD,UAAU,CAAC,MAAM,IAAI,KAAC,aAAa,IAAC,KAAK,EAAE,UAAU,CAAC,MAAM,GAAI,GAC9D,IACL,CACT,CAAC;AACN,CAAC"}
|
|
@@ -8,6 +8,7 @@ import { useSetting } from '../../utils/hooks/useSetting';
|
|
|
8
8
|
import { CopyLinkButton } from '../CopyLinkButton/CopyLinkButton';
|
|
9
9
|
import { isClickInRightInset, useDrawerContextInternal } from './DrawerContext';
|
|
10
10
|
import { normalizeDrawerWidthFromResize, normalizeDrawerWidthFromSavedString, } from './DrawerWidthUtils';
|
|
11
|
+
import i18n from './i18n';
|
|
11
12
|
import './Drawer.scss';
|
|
12
13
|
const DEFAULT_DRAWER_WIDTH_PERCENTS = 60;
|
|
13
14
|
const DEFAULT_DRAWER_WIDTH = 600;
|
|
@@ -113,11 +114,12 @@ export const DrawerWrapper = ({ children, renderDrawerContent, isDrawerVisible,
|
|
|
113
114
|
};
|
|
114
115
|
}, []);
|
|
115
116
|
const renderDrawerHeader = () => {
|
|
117
|
+
const closeTitle = i18n('action_close');
|
|
116
118
|
const controls = [];
|
|
117
119
|
for (const control of drawerControls) {
|
|
118
120
|
switch (control.type) {
|
|
119
121
|
case 'close':
|
|
120
|
-
controls.push(_jsx(ActionTooltip, { title:
|
|
122
|
+
controls.push(_jsx(ActionTooltip, { title: closeTitle, children: _jsx(Button, { view: "flat", onClick: onCloseDrawer, "aria-label": closeTitle, children: _jsx(Icon, { data: Xmark, size: 16 }) }) }, "close"));
|
|
121
123
|
break;
|
|
122
124
|
case 'copyLink':
|
|
123
125
|
controls.push(_jsx(CopyLinkButton, { text: control.link }, "copyLink"));
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Drawer.js","sourceRoot":"","sources":["../../../src/components/Drawer/Drawer.tsx"],"names":[],"mappings":";AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,OAAO,EAAC,KAAK,EAAC,MAAM,mBAAmB,CAAC;AACxC,OAAO,EAAC,aAAa,EAAE,MAAM,EAAE,IAAI,EAAE,MAAM,IAAI,aAAa,EAAE,IAAI,EAAE,IAAI,EAAC,MAAM,mBAAmB,CAAC;AACnG,OAAO,EAAC,QAAQ,EAAC,MAAM,QAAQ,CAAC;AAEhC,OAAO,EAAC,EAAE,EAAC,MAAM,gBAAgB,CAAC;AAClC,OAAO,EAAC,UAAU,EAAC,MAAM,8BAA8B,CAAC;AACxD,OAAO,EAAC,cAAc,EAAC,MAAM,kCAAkC,CAAC;AAEhE,OAAO,EAAC,mBAAmB,EAAE,wBAAwB,EAAC,MAAM,iBAAiB,CAAC;AAC9E,OAAO,EACH,8BAA8B,EAC9B,mCAAmC,GACtC,MAAM,oBAAoB,CAAC;
|
|
1
|
+
{"version":3,"file":"Drawer.js","sourceRoot":"","sources":["../../../src/components/Drawer/Drawer.tsx"],"names":[],"mappings":"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"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/components/Drawer/i18n/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAC,eAAe,EAAC,MAAM,qBAAqB,CAAC;AAEpD,OAAO,EAAE,MAAM,WAAW,CAAC;AAE3B,MAAM,SAAS,GAAG,YAAY,CAAC;AAE/B,eAAe,eAAe,CAAC,SAAS,EAAE,EAAC,EAAE,EAAC,CAAC,CAAC"}
|
|
@@ -9,6 +9,6 @@ export function EnableFullscreenButton({ disabled, view = 'flat-secondary', }) {
|
|
|
9
9
|
const onEnableFullscreen = () => {
|
|
10
10
|
dispatch(enableFullscreen());
|
|
11
11
|
};
|
|
12
|
-
return (_jsx(ActionTooltip, { title: i18n('title_fullscreen'), children: _jsx(Button, { onClick: onEnableFullscreen, view: view, disabled: disabled, children: _jsx(Icon, { data: SquareDashed }) }) }));
|
|
12
|
+
return (_jsx(ActionTooltip, { title: i18n('title_fullscreen'), children: _jsx(Button, { onClick: onEnableFullscreen, view: view, disabled: disabled, "aria-label": i18n('title_fullscreen'), children: _jsx(Icon, { data: SquareDashed }) }) }));
|
|
13
13
|
}
|
|
14
14
|
//# sourceMappingURL=EnableFullscreenButton.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"EnableFullscreenButton.js","sourceRoot":"","sources":["../../../src/components/EnableFullscreenButton/EnableFullscreenButton.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAC,YAAY,EAAC,MAAM,mBAAmB,CAAC;AAE/C,OAAO,EAAC,aAAa,EAAE,MAAM,EAAE,IAAI,EAAC,MAAM,mBAAmB,CAAC;AAE9D,OAAO,EAAC,gBAAgB,EAAC,MAAM,iCAAiC,CAAC;AACjE,OAAO,EAAC,gBAAgB,EAAC,MAAM,mBAAmB,CAAC;AAEnD,OAAO,IAAI,MAAM,QAAQ,CAAC;AAO1B,MAAM,UAAU,sBAAsB,CAAC,EACnC,QAAQ,EACR,IAAI,GAAG,gBAAgB,GACG;IAC1B,MAAM,QAAQ,GAAG,gBAAgB,EAAE,CAAC;IACpC,MAAM,kBAAkB,GAAG,GAAG,EAAE;QAC5B,QAAQ,CAAC,gBAAgB,EAAE,CAAC,CAAC;IACjC,CAAC,CAAC;IACF,OAAO,CACH,KAAC,aAAa,IAAC,KAAK,EAAE,IAAI,CAAC,kBAAkB,CAAC,YAC1C,KAAC,MAAM,
|
|
1
|
+
{"version":3,"file":"EnableFullscreenButton.js","sourceRoot":"","sources":["../../../src/components/EnableFullscreenButton/EnableFullscreenButton.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAC,YAAY,EAAC,MAAM,mBAAmB,CAAC;AAE/C,OAAO,EAAC,aAAa,EAAE,MAAM,EAAE,IAAI,EAAC,MAAM,mBAAmB,CAAC;AAE9D,OAAO,EAAC,gBAAgB,EAAC,MAAM,iCAAiC,CAAC;AACjE,OAAO,EAAC,gBAAgB,EAAC,MAAM,mBAAmB,CAAC;AAEnD,OAAO,IAAI,MAAM,QAAQ,CAAC;AAO1B,MAAM,UAAU,sBAAsB,CAAC,EACnC,QAAQ,EACR,IAAI,GAAG,gBAAgB,GACG;IAC1B,MAAM,QAAQ,GAAG,gBAAgB,EAAE,CAAC;IACpC,MAAM,kBAAkB,GAAG,GAAG,EAAE;QAC5B,QAAQ,CAAC,gBAAgB,EAAE,CAAC,CAAC;IACjC,CAAC,CAAC;IACF,OAAO,CACH,KAAC,aAAa,IAAC,KAAK,EAAE,IAAI,CAAC,kBAAkB,CAAC,YAC1C,KAAC,MAAM,IACH,OAAO,EAAE,kBAAkB,EAC3B,IAAI,EAAE,IAAI,EACV,QAAQ,EAAE,QAAQ,gBACN,IAAI,CAAC,kBAAkB,CAAC,YAEpC,KAAC,IAAI,IAAC,IAAI,EAAE,YAAY,GAAI,GACvB,GACG,CACnB,CAAC;AACN,CAAC"}
|
|
@@ -12,7 +12,7 @@ const EFlagToLabelTheme = {
|
|
|
12
12
|
[EFlag.Blue]: 'info',
|
|
13
13
|
[EFlag.Green]: 'success',
|
|
14
14
|
[EFlag.Grey]: 'unknown',
|
|
15
|
-
[EFlag.Orange]: '
|
|
15
|
+
[EFlag.Orange]: 'danger',
|
|
16
16
|
[EFlag.Yellow]: 'warning',
|
|
17
17
|
};
|
|
18
18
|
const EFlagToStatusName = {
|
|
@@ -38,7 +38,7 @@ const EFlagToStatusName = {
|
|
|
38
38
|
function EntityStatusLabel({ children, status, withStatusName = true, note, size = 'm', iconSize = 14, onClick, }) {
|
|
39
39
|
const theme = EFlagToLabelTheme[status];
|
|
40
40
|
const isClickable = Boolean(onClick);
|
|
41
|
-
return (_jsx(ActionTooltip, { title: EFlagToDescription[status], disabled: Boolean(note), children: _jsx(Label, { theme: theme
|
|
41
|
+
return (_jsx(ActionTooltip, { title: EFlagToDescription[status], disabled: Boolean(note), children: _jsx(Label, { theme: theme, icon: _jsx(StatusIcon, { size: iconSize, status: status }), size: size, className: b({ clickable: isClickable }), onClick: onClick, interactive: isClickable, children: _jsxs(Flex, { gap: "2", wrap: "nowrap", children: [children, withStatusName ? EFlagToStatusName[status] : null, note && _jsx(HelpMark, { className: b('note'), children: note })] }) }) }));
|
|
42
42
|
}
|
|
43
43
|
export function EntityStatus({ className, children }) {
|
|
44
44
|
return (_jsx(Flex, { gap: "2", wrap: "nowrap", alignItems: "center", className: b(null, className), children: children }));
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"EntityStatus.js","sourceRoot":"","sources":["../../../src/components/EntityStatus/EntityStatus.tsx"],"names":[],"mappings":";AAGA,OAAO,EAAC,aAAa,EAAE,IAAI,EAAE,QAAQ,EAAE,KAAK,EAAC,MAAM,mBAAmB,CAAC;AAEvE,OAAO,EAAC,KAAK,EAAC,MAAM,uBAAuB,CAAC;AAC5C,OAAO,EAAC,EAAE,EAAC,MAAM,gBAAgB,CAAC;AAClC,OAAO,EAAC,UAAU,EAAC,MAAM,6BAA6B,CAAC;AAEvD,OAAO,IAAI,MAAM,QAAQ,CAAC;AAC1B,OAAO,EAAC,kBAAkB,EAAC,MAAM,SAAS,CAAC;AAE3C,OAAO,qBAAqB,CAAC;AAE7B,MAAM,CAAC,GAAG,EAAE,CAAC,mBAAmB,CAAC,CAAC;AAElC,MAAM,iBAAiB,
|
|
1
|
+
{"version":3,"file":"EntityStatus.js","sourceRoot":"","sources":["../../../src/components/EntityStatus/EntityStatus.tsx"],"names":[],"mappings":"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"}
|