ydb-embedded-ui 22.1.0 → 22.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/components/DiskStateProgressBar/AllModeIndicators.js +4 -1
- package/dist/components/DiskStateProgressBar/AllModeIndicators.js.map +1 -1
- package/dist/components/DiskStateProgressBar/DiskIndicator.js +5 -1
- package/dist/components/DiskStateProgressBar/DiskIndicator.js.map +1 -1
- package/dist/components/DiskStateProgressBar/DiskStateProgressBar.scss +50 -8
- package/dist/components/PDiskInfo/PDiskInfo.js +2 -1
- package/dist/components/PDiskInfo/PDiskInfo.js.map +1 -1
- package/dist/components/PDiskPopup/PDiskPopup.js +5 -1
- package/dist/components/PDiskPopup/PDiskPopup.js.map +1 -1
- package/dist/components/PaginatedTable/PaginatedTable.js +27 -15
- package/dist/components/PaginatedTable/PaginatedTable.js.map +1 -1
- package/dist/components/PaginatedTable/PaginatedTableContext.d.ts +2 -3
- package/dist/components/PaginatedTable/PaginatedTableContext.js +10 -11
- package/dist/components/PaginatedTable/PaginatedTableContext.js.map +1 -1
- package/dist/components/PaginatedTable/TableChunk.d.ts +1 -1
- package/dist/components/PaginatedTable/TableChunk.js +2 -1
- package/dist/components/PaginatedTable/TableChunk.js.map +1 -1
- package/dist/components/PaginatedTable/TableChunksRenderer.d.ts +1 -1
- package/dist/components/PaginatedTable/tableCounts.d.ts +19 -0
- package/dist/components/PaginatedTable/tableCounts.js +30 -0
- package/dist/components/PaginatedTable/tableCounts.js.map +1 -0
- package/dist/components/VDisk/VDisk.d.ts +2 -1
- package/dist/components/VDisk/VDisk.js +17 -7
- package/dist/components/VDisk/VDisk.js.map +1 -1
- package/dist/components/VDisk/VDiskWithDonorsStack.d.ts +3 -2
- package/dist/components/VDisk/VDiskWithDonorsStack.js +2 -1
- package/dist/components/VDisk/VDiskWithDonorsStack.js.map +1 -1
- package/dist/components/VDisk/i18n/en.json +3 -1
- package/dist/components/VDisk/i18n/index.d.ts +1 -1
- package/dist/containers/Storage/Disks/Disks.js +1 -3
- package/dist/containers/Storage/Disks/Disks.js.map +1 -1
- package/dist/containers/Storage/PDisk/PDisk.js +9 -2
- package/dist/containers/Storage/PDisk/PDisk.js.map +1 -1
- package/dist/containers/Storage/PDisk/i18n/en.json +1 -0
- package/dist/containers/Storage/PDisk/i18n/index.d.ts +1 -1
- package/dist/containers/Storage/StorageExpertModePanel/StorageGroupsExpertModePanel.js +2 -0
- package/dist/containers/Storage/StorageExpertModePanel/StorageGroupsExpertModePanel.js.map +1 -1
- package/dist/containers/Storage/StorageExpertModePanel/components/DriveTypeLegend.d.ts +1 -0
- package/dist/containers/Storage/StorageExpertModePanel/components/DriveTypeLegend.js +7 -0
- package/dist/containers/Storage/StorageExpertModePanel/components/DriveTypeLegend.js.map +1 -0
- package/dist/containers/Storage/StorageExpertModePanel/components/renderExpertModeLegend.js +5 -0
- package/dist/containers/Storage/StorageExpertModePanel/components/renderExpertModeLegend.js.map +1 -1
- package/dist/containers/Storage/StorageExpertModePanel/constants.d.ts +3 -0
- package/dist/containers/Storage/StorageExpertModePanel/constants.js +1 -0
- package/dist/containers/Storage/StorageExpertModePanel/constants.js.map +1 -1
- package/dist/containers/Storage/StorageExpertModePanel/i18n/en.json +4 -0
- package/dist/containers/Storage/StorageExpertModePanel/i18n/index.d.ts +1 -1
- package/dist/containers/Storage/useStoragePDiskDisplayStateGetter.js +7 -0
- package/dist/containers/Storage/useStoragePDiskDisplayStateGetter.js.map +1 -1
- package/dist/containers/Storage/useStorageQueryParams.d.ts +4 -4
- package/dist/containers/Storage/useStorageVDiskDisplayStateGetter.js +10 -1
- package/dist/containers/Storage/useStorageVDiskDisplayStateGetter.js.map +1 -1
- package/dist/containers/VDiskPage/VDiskPage.js +9 -1
- package/dist/containers/VDiskPage/VDiskPage.js.map +1 -1
- package/dist/store/reducers/table/table.js +6 -0
- package/dist/store/reducers/table/table.js.map +1 -1
- package/dist/store/reducers/topic/topic.js +7 -1
- package/dist/store/reducers/topic/topic.js.map +1 -1
- package/dist/uiFactory/types.d.ts +6 -0
- package/dist/utils/disks/displayState.d.ts +3 -2
- package/dist/utils/disks/displayState.js.map +1 -1
- package/dist/utils/disks/driveType.d.ts +3 -0
- package/dist/utils/disks/driveType.js +27 -0
- package/dist/utils/disks/driveType.js.map +1 -0
- package/dist/utils/disks/getDiskBarTone.d.ts +3 -2
- package/dist/utils/disks/getDiskBarTone.js +4 -1
- package/dist/utils/disks/getDiskBarTone.js.map +1 -1
- package/dist/utils/disks/getPDiskType.d.ts +1 -0
- package/dist/utils/disks/getPDiskType.js +3 -0
- package/dist/utils/disks/getPDiskType.js.map +1 -1
- package/dist/utils/disks/groupBy.d.ts +1 -0
- package/dist/utils/disks/groupBy.js +1 -0
- package/dist/utils/disks/groupBy.js.map +1 -1
- package/dist/utils/disks/iconCalculators.d.ts +1 -1
- package/dist/utils/disks/iconCalculators.js +2 -2
- package/dist/utils/disks/iconCalculators.js.map +1 -1
- package/dist/utils/disks/types.d.ts +1 -1
- package/dist/utils/objectCreationMetrics.d.ts +5 -0
- package/dist/utils/objectCreationMetrics.js +38 -0
- package/dist/utils/objectCreationMetrics.js.map +1 -0
- package/package.json +1 -1
- package/src/components/DiskStateProgressBar/AllModeIndicators.tsx +12 -1
- package/src/components/DiskStateProgressBar/DiskIndicator.tsx +9 -1
- package/src/components/DiskStateProgressBar/DiskStateProgressBar.scss +50 -8
- package/src/components/PDiskInfo/PDiskInfo.tsx +2 -1
- package/src/components/PDiskPopup/PDiskPopup.tsx +5 -1
- package/src/components/PaginatedTable/PaginatedTable.tsx +34 -24
- package/src/components/PaginatedTable/PaginatedTableContext.tsx +14 -19
- package/src/components/PaginatedTable/TableChunk.tsx +3 -2
- package/src/components/PaginatedTable/TableChunksRenderer.tsx +1 -1
- package/src/components/PaginatedTable/tableCounts.ts +50 -0
- package/src/components/VDisk/VDisk.tsx +28 -5
- package/src/components/VDisk/VDiskWithDonorsStack.tsx +5 -1
- package/src/components/VDisk/i18n/en.json +3 -1
- package/src/containers/Storage/Disks/Disks.tsx +2 -4
- package/src/containers/Storage/PDisk/PDisk.tsx +11 -2
- package/src/containers/Storage/PDisk/i18n/en.json +1 -0
- package/src/containers/Storage/StorageExpertModePanel/StorageGroupsExpertModePanel.tsx +2 -0
- package/src/containers/Storage/StorageExpertModePanel/components/DriveTypeLegend.tsx +22 -0
- package/src/containers/Storage/StorageExpertModePanel/components/renderExpertModeLegend.tsx +5 -0
- package/src/containers/Storage/StorageExpertModePanel/constants.ts +1 -0
- package/src/containers/Storage/StorageExpertModePanel/i18n/en.json +4 -0
- package/src/containers/Storage/useStoragePDiskDisplayStateGetter.ts +8 -0
- package/src/containers/Storage/useStorageVDiskDisplayStateGetter.ts +11 -1
- package/src/containers/VDiskPage/VDiskPage.tsx +9 -1
- package/src/store/reducers/table/table.ts +6 -0
- package/src/store/reducers/topic/topic.ts +7 -1
- package/src/uiFactory/types.ts +6 -0
- package/src/utils/disks/displayState.ts +3 -1
- package/src/utils/disks/driveType.ts +30 -0
- package/src/utils/disks/getDiskBarTone.ts +7 -1
- package/src/utils/disks/getPDiskType.ts +4 -0
- package/src/utils/disks/groupBy.ts +1 -0
- package/src/utils/disks/iconCalculators.ts +2 -2
- package/src/utils/disks/types.ts +1 -1
- package/src/utils/objectCreationMetrics.ts +47 -0
|
@@ -1,4 +1,5 @@
|
|
|
1
1
|
import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
|
|
2
|
+
import { CircleQuestionFill } from '@gravity-ui/icons';
|
|
2
3
|
import { Icon, Text } from '@gravity-ui/uikit';
|
|
3
4
|
import { cn } from '../../utils/cn';
|
|
4
5
|
import { AllModeCapacityAlertIndicator } from './AllModeCapacityAlertIndicator';
|
|
@@ -7,6 +8,8 @@ const b = cn('storage-disk-progress-bar');
|
|
|
7
8
|
export function AllModeIndicators({ indicators, size = 'm' }) {
|
|
8
9
|
const iconSize = size === 's' ? 8 : 12;
|
|
9
10
|
const iconGroupSize = size === 's' ? 8 : 10;
|
|
10
|
-
return (_jsxs("div", { className: b('all-mode-indicators', { size }), children: [_jsx(Text, { as: "span", variant: "caption-2", color: "primary", className: b('all-mode-capacity-alert-indicator-slot', { size }), children: _jsx(AllModeCapacityAlertIndicator, { indicator: indicators.capacityAlert, iconSize: iconSize }) }), _jsx("span", { className: b('all-mode-front-queues-indicator-slot'), children: indicators.frontQueues && _jsx(Icon, {
|
|
11
|
+
return (_jsxs("div", { className: b('all-mode-indicators', { size }), children: [_jsx(Text, { as: "span", variant: "caption-2", color: "primary", className: b('all-mode-capacity-alert-indicator-slot', { size }), children: _jsx(AllModeCapacityAlertIndicator, { indicator: indicators.capacityAlert, iconSize: iconSize }) }), _jsx("span", { className: b('all-mode-front-queues-indicator-slot'), children: indicators.frontQueues && (_jsx(Icon, { className: indicators.frontQueues === CircleQuestionFill
|
|
12
|
+
? b('all-mode-missing-data-indicator-icon')
|
|
13
|
+
: undefined, data: indicators.frontQueues, size: iconSize })) }), _jsx("div", { className: b('all-mode-compaction-indicator-slot'), children: indicators.compaction && (_jsx(DiskIconGroup, { icons: indicators.compaction, size: iconGroupSize, className: b('all-mode-compaction-icons', { size }) })) })] }));
|
|
11
14
|
}
|
|
12
15
|
//# sourceMappingURL=AllModeIndicators.js.map
|
|
@@ -1 +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;AAO1C,MAAM,UAAU,iBAAiB,CAAC,EAAC,UAAU,EAAE,IAAI,GAAG,GAAG,EAAyB;IAC9E,MAAM,QAAQ,GAAG,IAAI,KAAK,GAAG,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,EAAE,CAAC;IACvC,MAAM,aAAa,GAAG,IAAI,KAAK,GAAG,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,EAAE,CAAC;IAE5C,OAAO,CACH,eAAK,SAAS,EAAE,CAAC,CAAC,qBAAqB,EAAE,EAAC,IAAI,EAAC,CAAC,aAC5C,KAAC,IAAI,IACD,EAAE,EAAC,MAAM,EACT,OAAO,EAAC,WAAW,EACnB,KAAK,EAAC,SAAS,EACf,SAAS,EAAE,CAAC,CAAC,wCAAwC,EAAE,EAAC,IAAI,EAAC,CAAC,YAE9D,KAAC,6BAA6B,IAC1B,SAAS,EAAE,UAAU,CAAC,aAAa,EACnC,QAAQ,EAAE,QAAQ,GACpB,GACC,EACP,eAAM,SAAS,EAAE,CAAC,CAAC,sCAAsC,CAAC,YACrD,UAAU,CAAC,WAAW,IAAI,KAAC,IAAI,
|
|
1
|
+
{"version":3,"file":"AllModeIndicators.js","sourceRoot":"","sources":["../../../src/components/DiskStateProgressBar/AllModeIndicators.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAC,kBAAkB,EAAC,MAAM,mBAAmB,CAAC;AACrD,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;AAO1C,MAAM,UAAU,iBAAiB,CAAC,EAAC,UAAU,EAAE,IAAI,GAAG,GAAG,EAAyB;IAC9E,MAAM,QAAQ,GAAG,IAAI,KAAK,GAAG,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,EAAE,CAAC;IACvC,MAAM,aAAa,GAAG,IAAI,KAAK,GAAG,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,EAAE,CAAC;IAE5C,OAAO,CACH,eAAK,SAAS,EAAE,CAAC,CAAC,qBAAqB,EAAE,EAAC,IAAI,EAAC,CAAC,aAC5C,KAAC,IAAI,IACD,EAAE,EAAC,MAAM,EACT,OAAO,EAAC,WAAW,EACnB,KAAK,EAAC,SAAS,EACf,SAAS,EAAE,CAAC,CAAC,wCAAwC,EAAE,EAAC,IAAI,EAAC,CAAC,YAE9D,KAAC,6BAA6B,IAC1B,SAAS,EAAE,UAAU,CAAC,aAAa,EACnC,QAAQ,EAAE,QAAQ,GACpB,GACC,EACP,eAAM,SAAS,EAAE,CAAC,CAAC,sCAAsC,CAAC,YACrD,UAAU,CAAC,WAAW,IAAI,CACvB,KAAC,IAAI,IACD,SAAS,EACL,UAAU,CAAC,WAAW,KAAK,kBAAkB;wBACzC,CAAC,CAAC,CAAC,CAAC,sCAAsC,CAAC;wBAC3C,CAAC,CAAC,SAAS,EAEnB,IAAI,EAAE,UAAU,CAAC,WAAW,EAC5B,IAAI,EAAE,QAAQ,GAChB,CACL,GACE,EACP,cAAK,SAAS,EAAE,CAAC,CAAC,oCAAoC,CAAC,YAClD,UAAU,CAAC,UAAU,IAAI,CACtB,KAAC,aAAa,IACV,KAAK,EAAE,UAAU,CAAC,UAAU,EAC5B,IAAI,EAAE,aAAa,EACnB,SAAS,EAAE,CAAC,CAAC,2BAA2B,EAAE,EAAC,IAAI,EAAC,CAAC,GACnD,CACL,GACC,IACJ,CACT,CAAC;AACN,CAAC"}
|
|
@@ -1,4 +1,5 @@
|
|
|
1
1
|
import { jsx as _jsx } from "react/jsx-runtime";
|
|
2
|
+
import { CircleQuestionFill } from '@gravity-ui/icons';
|
|
2
3
|
import { Icon } from '@gravity-ui/uikit';
|
|
3
4
|
import { cn } from '../../utils/cn';
|
|
4
5
|
const b = cn('storage-disk-progress-bar');
|
|
@@ -12,6 +13,9 @@ export function DiskIndicator({ value, placement = 'inline', iconSize = 12, icon
|
|
|
12
13
|
if (Array.isArray(value)) {
|
|
13
14
|
return _jsx(DiskIconGroup, { icons: value, size: iconGroupSize, className: className });
|
|
14
15
|
}
|
|
15
|
-
return (_jsx(Icon, { className: b('icon', {
|
|
16
|
+
return (_jsx(Icon, { className: b('icon', {
|
|
17
|
+
'overlap-top-left': placement === 'overlap',
|
|
18
|
+
'missing-data': value === CircleQuestionFill,
|
|
19
|
+
}, className), data: value, size: iconSize }));
|
|
16
20
|
}
|
|
17
21
|
//# sourceMappingURL=DiskIndicator.js.map
|
|
@@ -1 +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;AAQ1C,MAAM,UAAU,aAAa,CAAC,EAAC,KAAK,EAAE,IAAI,GAAG,EAAE,EAAE,SAAS,EAAqB;IAC3E,OAAO,CACH,cAAK,SAAS,EAAE,CAAC,CAAC,YAAY,EAAE,SAAS,CAAC,YACrC,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,IAAI,EACV,KAAK,EAAE,KAAK,CAAC,CAAC,CAAC,EAAC,KAAK,EAAC,CAAC,CAAC,CAAC,SAAS,IAJ7B,KAAK,CAKZ,CACL,CAAC,GACA,CACT,CAAC;AACN,CAAC;AAUD,MAAM,UAAU,aAAa,CAAC,EAC1B,KAAK,EACL,SAAS,GAAG,QAAQ,EACpB,QAAQ,GAAG,EAAE,EACb,aAAa,EACb,SAAS,GACQ;IACjB,IAAI,OAAO,KAAK,KAAK,QAAQ,EAAE,CAAC;QAC5B,OAAO,cAAK,SAAS,EAAE,CAAC,CAAC,YAAY,EAAE,SAAS,CAAC,YAAG,KAAK,GAAO,CAAC;IACrE,CAAC;IAED,IAAI,KAAK,CAAC,OAAO,CAAC,KAAK,CAAC,EAAE,CAAC;QACvB,OAAO,KAAC,aAAa,IAAC,KAAK,EAAE,KAAK,EAAE,IAAI,EAAE,aAAa,EAAE,SAAS,EAAE,SAAS,GAAI,CAAC;IACtF,CAAC;IAED,OAAO,CACH,KAAC,IAAI,IACD,SAAS,EAAE,CAAC,
|
|
1
|
+
{"version":3,"file":"DiskIndicator.js","sourceRoot":"","sources":["../../../src/components/DiskStateProgressBar/DiskIndicator.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAC,kBAAkB,EAAC,MAAM,mBAAmB,CAAC;AACrD,OAAO,EAAC,IAAI,EAAC,MAAM,mBAAmB,CAAC;AAEvC,OAAO,EAAC,EAAE,EAAC,MAAM,gBAAgB,CAAC;AAIlC,MAAM,CAAC,GAAG,EAAE,CAAC,2BAA2B,CAAC,CAAC;AAQ1C,MAAM,UAAU,aAAa,CAAC,EAAC,KAAK,EAAE,IAAI,GAAG,EAAE,EAAE,SAAS,EAAqB;IAC3E,OAAO,CACH,cAAK,SAAS,EAAE,CAAC,CAAC,YAAY,EAAE,SAAS,CAAC,YACrC,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,IAAI,EACV,KAAK,EAAE,KAAK,CAAC,CAAC,CAAC,EAAC,KAAK,EAAC,CAAC,CAAC,CAAC,SAAS,IAJ7B,KAAK,CAKZ,CACL,CAAC,GACA,CACT,CAAC;AACN,CAAC;AAUD,MAAM,UAAU,aAAa,CAAC,EAC1B,KAAK,EACL,SAAS,GAAG,QAAQ,EACpB,QAAQ,GAAG,EAAE,EACb,aAAa,EACb,SAAS,GACQ;IACjB,IAAI,OAAO,KAAK,KAAK,QAAQ,EAAE,CAAC;QAC5B,OAAO,cAAK,SAAS,EAAE,CAAC,CAAC,YAAY,EAAE,SAAS,CAAC,YAAG,KAAK,GAAO,CAAC;IACrE,CAAC;IAED,IAAI,KAAK,CAAC,OAAO,CAAC,KAAK,CAAC,EAAE,CAAC;QACvB,OAAO,KAAC,aAAa,IAAC,KAAK,EAAE,KAAK,EAAE,IAAI,EAAE,aAAa,EAAE,SAAS,EAAE,SAAS,GAAI,CAAC;IACtF,CAAC;IAED,OAAO,CACH,KAAC,IAAI,IACD,SAAS,EAAE,CAAC,CACR,MAAM,EACN;YACI,kBAAkB,EAAE,SAAS,KAAK,SAAS;YAC3C,cAAc,EAAE,KAAK,KAAK,kBAAkB;SAC/C,EACD,SAAS,CACZ,EACD,IAAI,EAAE,KAAK,EACX,IAAI,EAAE,QAAQ,GAChB,CACL,CAAC;AACN,CAAC"}
|
|
@@ -60,7 +60,8 @@
|
|
|
60
60
|
|
|
61
61
|
border: $border-width solid var(--entity-state-border-color);
|
|
62
62
|
|
|
63
|
-
&#{$block}_striped
|
|
63
|
+
&#{$block}_striped,
|
|
64
|
+
&#{$block}_borderless {
|
|
64
65
|
border: none;
|
|
65
66
|
}
|
|
66
67
|
|
|
@@ -133,6 +134,36 @@
|
|
|
133
134
|
--entity-state-icon-color: var(--g-color-text-info);
|
|
134
135
|
}
|
|
135
136
|
|
|
137
|
+
&_mode-drivetype {
|
|
138
|
+
@each $type, $theme, $intensity in (ssd misc medium, hdd utility light, nvme info light) {
|
|
139
|
+
&#{$block}_#{$type} {
|
|
140
|
+
--entity-state-background-color: var(--g-color-base-#{$theme}-#{$intensity});
|
|
141
|
+
--ydb-progress-bar-font-color: var(--g-color-text-#{$theme});
|
|
142
|
+
|
|
143
|
+
&#{$block}_highlighted {
|
|
144
|
+
--entity-state-background-color: var(
|
|
145
|
+
--g-color-base-#{$theme}-#{$intensity}-hover
|
|
146
|
+
);
|
|
147
|
+
}
|
|
148
|
+
}
|
|
149
|
+
}
|
|
150
|
+
#{$block}__text-label {
|
|
151
|
+
overflow: hidden;
|
|
152
|
+
flex-shrink: 1;
|
|
153
|
+
|
|
154
|
+
min-width: 0;
|
|
155
|
+
padding-right: var(--g-spacing-1);
|
|
156
|
+
|
|
157
|
+
white-space: nowrap;
|
|
158
|
+
|
|
159
|
+
mask-image: linear-gradient(
|
|
160
|
+
to right,
|
|
161
|
+
#000 calc(100% - var(--g-spacing-1)),
|
|
162
|
+
transparent
|
|
163
|
+
);
|
|
164
|
+
}
|
|
165
|
+
}
|
|
166
|
+
|
|
136
167
|
&_mode-all {
|
|
137
168
|
&#{$block}_green {
|
|
138
169
|
--entity-state-background-color: transparent;
|
|
@@ -358,18 +389,19 @@
|
|
|
358
389
|
|
|
359
390
|
// Keep N/D colors independent from expert mode-specific backgrounds.
|
|
360
391
|
&_grey {
|
|
361
|
-
--ydb-progress-bar-font-color: var(--g-color-text-
|
|
392
|
+
--ydb-progress-bar-font-color: var(--g-color-text-primary);
|
|
393
|
+
--entity-state-font-color: var(--g-color-text-primary);
|
|
362
394
|
--entity-state-icon-color: var(--g-color-text-secondary);
|
|
363
395
|
--entity-state-border-color: none;
|
|
364
|
-
--entity-state-background-color: var(--g-color-base-neutral-
|
|
365
|
-
--entity-state-fill-color: var(--g-color-base-neutral-
|
|
396
|
+
--entity-state-background-color: var(--g-color-base-neutral-medium);
|
|
397
|
+
--entity-state-fill-color: var(--g-color-base-neutral-medium);
|
|
366
398
|
|
|
367
|
-
color: var(--g-color-text-
|
|
399
|
+
color: var(--g-color-text-primary);
|
|
368
400
|
border: none;
|
|
369
401
|
|
|
370
402
|
&#{$block}_highlighted {
|
|
371
|
-
--entity-state-background-color: var(--g-color-base-neutral-
|
|
372
|
-
--entity-state-fill-color: var(--g-color-base-neutral-
|
|
403
|
+
--entity-state-background-color: var(--g-color-base-neutral-medium-hover);
|
|
404
|
+
--entity-state-fill-color: var(--g-color-base-neutral-medium-hover);
|
|
373
405
|
}
|
|
374
406
|
}
|
|
375
407
|
|
|
@@ -528,7 +560,7 @@
|
|
|
528
560
|
}
|
|
529
561
|
|
|
530
562
|
&__all-mode-missing-data-indicator-icon {
|
|
531
|
-
color:
|
|
563
|
+
color: var(--g-color-text-hint);
|
|
532
564
|
}
|
|
533
565
|
|
|
534
566
|
&__all-mode-front-queues-indicator-slot {
|
|
@@ -576,6 +608,12 @@
|
|
|
576
608
|
|
|
577
609
|
color: var(--ydb-progress-bar-font-color);
|
|
578
610
|
|
|
611
|
+
&_text,
|
|
612
|
+
&_compact {
|
|
613
|
+
color: var(--g-color-text-primary);
|
|
614
|
+
@include mixins.text-caption-2();
|
|
615
|
+
}
|
|
616
|
+
|
|
579
617
|
&_text {
|
|
580
618
|
margin-right: var(--g-spacing-1);
|
|
581
619
|
}
|
|
@@ -621,6 +659,10 @@
|
|
|
621
659
|
|
|
622
660
|
color: var(--entity-state-icon-color, var(--entity-state-border-color));
|
|
623
661
|
|
|
662
|
+
&_missing-data {
|
|
663
|
+
color: var(--g-color-text-hint);
|
|
664
|
+
}
|
|
665
|
+
|
|
624
666
|
&_overlap-top-left {
|
|
625
667
|
position: absolute;
|
|
626
668
|
z-index: 3;
|
|
@@ -5,6 +5,7 @@ import { valueIsDefined } from '../../utils';
|
|
|
5
5
|
import { formatBytes } from '../../utils/bytesParsers';
|
|
6
6
|
import { formatStorageValuesToGb } from '../../utils/dataFormatters/dataFormatters';
|
|
7
7
|
import { createPDiskDeveloperUILink, useHasDeveloperUi } from '../../utils/developerUI/developerUI';
|
|
8
|
+
import { formatPDiskType } from '../../utils/disks/getPDiskType';
|
|
8
9
|
import { getPDiskCapacityInfoItems, toInfoViewerItems } from '../DiskCapacityInfo/DiskCapacityInfo';
|
|
9
10
|
import { InfoViewer } from '../InfoViewer/InfoViewer';
|
|
10
11
|
import { LinkWithIcon } from '../LinkWithIcon/LinkWithIcon';
|
|
@@ -17,7 +18,7 @@ function getPDiskInfo({ pDisk, nodeId, withPDiskPageLink, hasDeveloperUi, capaci
|
|
|
17
18
|
const { PDiskId, Path, Guid, Category, Type, Device, Realtime, State, SerialNumber, TotalSize, AllocatedSize, AllocatedPercent, StatusV2, NumActiveSlots, ExpectedSlotCount, LogUsedSize, LogTotalSize, SystemSize, SharedWithOs, } = pDisk || {};
|
|
18
19
|
const generalInfo = [];
|
|
19
20
|
if (valueIsDefined(Category)) {
|
|
20
|
-
generalInfo.push({ label: pDiskInfoKeyset('type'), value: Type });
|
|
21
|
+
generalInfo.push({ label: pDiskInfoKeyset('type'), value: formatPDiskType(Type) });
|
|
21
22
|
}
|
|
22
23
|
if (valueIsDefined(Path)) {
|
|
23
24
|
generalInfo.push({ label: pDiskInfoKeyset('path'), value: Path });
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"PDiskInfo.js","sourceRoot":"","sources":["../../../src/components/PDiskInfo/PDiskInfo.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAC,IAAI,EAAC,MAAM,mBAAmB,CAAC;AAEvC,OAAO,EAAC,oCAAoC,EAAC,MAAM,yCAAyC,CAAC;AAC7F,OAAO,EAAC,cAAc,EAAC,MAAM,aAAa,CAAC;AAC3C,OAAO,EAAC,WAAW,EAAC,MAAM,0BAA0B,CAAC;AACrD,OAAO,EAAC,uBAAuB,EAAC,MAAM,2CAA2C,CAAC;AAClF,OAAO,EAAC,0BAA0B,EAAE,iBAAiB,EAAC,MAAM,qCAAqC,CAAC;
|
|
1
|
+
{"version":3,"file":"PDiskInfo.js","sourceRoot":"","sources":["../../../src/components/PDiskInfo/PDiskInfo.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAC,IAAI,EAAC,MAAM,mBAAmB,CAAC;AAEvC,OAAO,EAAC,oCAAoC,EAAC,MAAM,yCAAyC,CAAC;AAC7F,OAAO,EAAC,cAAc,EAAC,MAAM,aAAa,CAAC;AAC3C,OAAO,EAAC,WAAW,EAAC,MAAM,0BAA0B,CAAC;AACrD,OAAO,EAAC,uBAAuB,EAAC,MAAM,2CAA2C,CAAC;AAClF,OAAO,EAAC,0BAA0B,EAAE,iBAAiB,EAAC,MAAM,qCAAqC,CAAC;AAClG,OAAO,EAAC,eAAe,EAAC,MAAM,gCAAgC,CAAC;AAE/D,OAAO,EAAC,yBAAyB,EAAE,iBAAiB,EAAC,MAAM,sCAAsC,CAAC;AAElG,OAAO,EAAC,UAAU,EAAC,MAAM,0BAA0B,CAAC;AACpD,OAAO,EAAC,YAAY,EAAC,MAAM,8BAA8B,CAAC;AAC1D,OAAO,EAAC,aAAa,EAAC,MAAM,gCAAgC,CAAC;AAC7D,OAAO,EAAC,cAAc,EAAC,MAAM,kCAAkC,CAAC;AAChE,OAAO,EAAC,UAAU,EAAC,MAAM,0BAA0B,CAAC;AAEpD,OAAO,EAAC,eAAe,EAAC,MAAM,QAAQ,CAAC;AAUvC,sCAAsC;AACtC,SAAS,YAAY,CAA0B,EAC3C,KAAK,EACL,MAAM,EACN,iBAAiB,EACjB,cAAc,EACd,sBAAsB,GACD;IACrB,MAAM,EACF,OAAO,EACP,IAAI,EACJ,IAAI,EACJ,QAAQ,EACR,IAAI,EACJ,MAAM,EACN,QAAQ,EACR,KAAK,EACL,YAAY,EACZ,SAAS,EACT,aAAa,EACb,gBAAgB,EAChB,QAAQ,EACR,cAAc,EACd,iBAAiB,EACjB,WAAW,EACX,YAAY,EACZ,UAAU,EACV,YAAY,GACf,GAAG,KAAK,IAAI,EAAE,CAAC;IAEhB,MAAM,WAAW,GAAqB,EAAE,CAAC;IAEzC,IAAI,cAAc,CAAC,QAAQ,CAAC,EAAE,CAAC;QAC3B,WAAW,CAAC,IAAI,CAAC,EAAC,KAAK,EAAE,eAAe,CAAC,MAAM,CAAC,EAAE,KAAK,EAAE,eAAe,CAAC,IAAI,CAAC,EAAC,CAAC,CAAC;IACrF,CAAC;IACD,IAAI,cAAc,CAAC,IAAI,CAAC,EAAE,CAAC;QACvB,WAAW,CAAC,IAAI,CAAC,EAAC,KAAK,EAAE,eAAe,CAAC,MAAM,CAAC,EAAE,KAAK,EAAE,IAAI,EAAC,CAAC,CAAC;IACpE,CAAC;IACD,IAAI,cAAc,CAAC,IAAI,CAAC,EAAE,CAAC;QACvB,WAAW,CAAC,IAAI,CAAC,EAAC,KAAK,EAAE,eAAe,CAAC,MAAM,CAAC,EAAE,KAAK,EAAE,IAAI,EAAC,CAAC,CAAC;IACpE,CAAC;IACD,2CAA2C;IAC3C,IAAI,YAAY,EAAE,CAAC;QACf,WAAW,CAAC,IAAI,CAAC;YACb,KAAK,EAAE,eAAe,CAAC,eAAe,CAAC;YACvC,KAAK,EAAE,YAAY;SACtB,CAAC,CAAC;IACP,CAAC;IACD,IAAI,YAAY,EAAE,CAAC;QACf,WAAW,CAAC,IAAI,CAAC;YACb,KAAK,EAAE,eAAe,CAAC,gBAAgB,CAAC;YACxC,KAAK,EAAE,eAAe,CAAC,KAAK,CAAC;SAChC,CAAC,CAAC;IACP,CAAC;IAED,MAAM,UAAU,GAAqB,EAAE,CAAC;IAExC,IAAI,cAAc,CAAC,QAAQ,CAAC,EAAE,CAAC;QAC3B,UAAU,CAAC,IAAI,CAAC,EAAC,KAAK,EAAE,eAAe,CAAC,cAAc,CAAC,EAAE,KAAK,EAAE,QAAQ,EAAC,CAAC,CAAC;IAC/E,CAAC;IACD,IAAI,cAAc,CAAC,KAAK,CAAC,EAAE,CAAC;QACxB,UAAU,CAAC,IAAI,CAAC,EAAC,KAAK,EAAE,eAAe,CAAC,OAAO,CAAC,EAAE,KAAK,EAAE,KAAK,EAAC,CAAC,CAAC;IACrE,CAAC;IACD,IAAI,cAAc,CAAC,MAAM,CAAC,EAAE,CAAC;QACzB,UAAU,CAAC,IAAI,CAAC;YACZ,KAAK,EAAE,eAAe,CAAC,QAAQ,CAAC;YAChC,KAAK,EAAE,KAAC,UAAU,IAAC,MAAM,EAAE,MAAM,GAAI;SACxC,CAAC,CAAC;IACP,CAAC;IACD,IAAI,cAAc,CAAC,QAAQ,CAAC,EAAE,CAAC;QAC3B,UAAU,CAAC,IAAI,CAAC;YACZ,KAAK,EAAE,eAAe,CAAC,UAAU,CAAC;YAClC,KAAK,EAAE,KAAC,UAAU,IAAC,MAAM,EAAE,QAAQ,GAAI;SAC1C,CAAC,CAAC;IACP,CAAC;IAED,MAAM,cAAc,GAAqB,EAAE,CAAC;IAE5C,MAAM,kBAAkB,GACpB,CAAC,iBAAiB,IAAI,cAAc,CAAC,IAAI,cAAc,CAAC,OAAO,CAAC,IAAI,cAAc,CAAC,MAAM,CAAC,CAAC;IAE/F,IAAI,kBAAkB,EAAE,CAAC;QACrB,MAAM,uBAAuB,GAAG,0BAA0B,CAAC;YACvD,MAAM;YACN,OAAO,EAAE,OAAO;SACnB,CAAC,CAAC;QAEH,cAAc,CAAC,IAAI,CAAC;YAChB,KAAK,EAAE,eAAe,CAAC,OAAO,CAAC;YAC/B,KAAK,EAAE,CACH,MAAC,IAAI,IAAC,IAAI,EAAC,MAAM,EAAC,GAAG,EAAE,CAAC,aACnB,iBAAiB,IAAI,KAAC,aAAa,IAAC,OAAO,EAAE,OAAO,EAAE,MAAM,EAAE,MAAM,GAAI,EACxE,cAAc,IAAI,CACf,KAAC,YAAY,IACT,KAAK,EAAE,eAAe,CAAC,cAAc,CAAC,EACtC,GAAG,EAAE,uBAAuB,GAC9B,CACL,IACE,CACV;SACJ,CAAC,CAAC;IACP,CAAC;IAED,IAAI,sBAAsB,EAAE,CAAC;QACzB,MAAM,iBAAiB,GAAG,CAAC,GAAG,WAAW,CAAC,CAAC;QAC3C,MAAM,WAAW,GAAG,CAAC,GAAG,UAAU,CAAC,CAAC;QACpC,MAAM,aAAa,GAAG,yBAAyB,CAAC,KAAK,EAAE;YACnD,SAAS,EAAE,IAAI;YACf,iBAAiB,EAAE,KAAK;SAC3B,CAAC,CAAC;QACH,MAAM,YAAY,GAAG,aAAa,CAAC,IAAI,CAAC,CAAC,EAAC,EAAE,EAAC,EAAE,EAAE,CAAC,EAAE,KAAK,oBAAoB,CAAC,CAAC;QAC/E,MAAM,oBAAoB,GAAG,aAAa,CAAC,MAAM,CAAC,CAAC,EAAC,EAAE,EAAC,EAAE,EAAE,CAAC,EAAE,KAAK,oBAAoB,CAAC,CAAC;QAEzF,IAAI,YAAY,EAAE,CAAC;YACf,iBAAiB,CAAC,IAAI,CAAC,GAAG,iBAAiB,CAAC,CAAC,YAAY,CAAC,CAAC,CAAC,CAAC;QACjE,CAAC;QACD,iBAAiB,CAAC,IAAI,CAAC,GAAG,cAAc,CAAC,CAAC;QAC1C,WAAW,CAAC,IAAI,CAAC,GAAG,iBAAiB,CAAC,oBAAoB,CAAC,CAAC,CAAC;QAE7D,IAAI,cAAc,CAAC,WAAW,CAAC,IAAI,cAAc,CAAC,YAAY,CAAC,EAAE,CAAC;YAC9D,WAAW,CAAC,IAAI,CAAC;gBACb,KAAK,EAAE,eAAe,CAAC,UAAU,CAAC;gBAClC,KAAK,EAAE,CACH,KAAC,cAAc,IACX,KAAK,EAAE,WAAW,EAClB,QAAQ,EAAE,YAAY,EACtB,YAAY,EAAE,uBAAuB,GACvC,CACL;aACJ,CAAC,CAAC;QACP,CAAC;QACD,IAAI,cAAc,CAAC,UAAU,CAAC,EAAE,CAAC;YAC7B,WAAW,CAAC,IAAI,CAAC;gBACb,KAAK,EAAE,eAAe,CAAC,aAAa,CAAC;gBACrC,KAAK,EAAE,WAAW,CAAC,EAAC,KAAK,EAAE,UAAU,EAAC,CAAC;aAC1C,CAAC,CAAC;QACP,CAAC;QAED,OAAO,CAAC,iBAAiB,EAAE,WAAW,CAAC,CAAC;IAC5C,CAAC;IAED,MAAM,SAAS,GAAqB,EAAE,CAAC;IAEvC,MAAM,YAAY,GACd,MAAM,CAAC,QAAQ,CAAC,MAAM,CAAC,aAAa,CAAC,CAAC,IAAI,MAAM,CAAC,QAAQ,CAAC,MAAM,CAAC,SAAS,CAAC,CAAC,CAAC;IACjF,SAAS,CAAC,IAAI,CAAC;QACX,KAAK,EAAE,eAAe,CAAC,OAAO,CAAC;QAC/B,KAAK,EAAE,YAAY;YACf,CAAC,CAAC,uBAAuB,CAAC,MAAM,CAAC,aAAa,CAAC,EAAE,MAAM,CAAC,SAAS,CAAC,CAAC,CAAC,IAAI,CAAC,KAAK,CAAC;YAC/E,CAAC,CAAC,eAAe,CAAC,eAAe,CAAC;KACzC,CAAC,CAAC;IACH,IAAI,CAAC,KAAK,CAAC,MAAM,CAAC,gBAAgB,CAAC,CAAC,EAAE,CAAC;QACnC,SAAS,CAAC,IAAI,CAAC;YACX,KAAK,EAAE,eAAe,CAAC,OAAO,CAAC;YAC/B,KAAK,EAAE,GAAG,gBAAgB,GAAG;SAChC,CAAC,CAAC;IACP,CAAC;IACD,IAAI,cAAc,CAAC,cAAc,CAAC,IAAI,cAAc,CAAC,iBAAiB,CAAC,EAAE,CAAC;QACtE,SAAS,CAAC,IAAI,CAAC;YACX,KAAK,EAAE,eAAe,CAAC,OAAO,CAAC;YAC/B,KAAK,EAAE,KAAC,cAAc,IAAC,KAAK,EAAE,cAAc,EAAE,QAAQ,EAAE,iBAAiB,GAAI;SAChF,CAAC,CAAC;IACP,CAAC;IACD,IAAI,cAAc,CAAC,WAAW,CAAC,IAAI,cAAc,CAAC,YAAY,CAAC,EAAE,CAAC;QAC9D,SAAS,CAAC,IAAI,CAAC;YACX,KAAK,EAAE,eAAe,CAAC,UAAU,CAAC;YAClC,KAAK,EAAE,CACH,KAAC,cAAc,IACX,KAAK,EAAE,WAAW,EAClB,QAAQ,EAAE,YAAY,EACtB,YAAY,EAAE,uBAAuB,GACvC,CACL;SACJ,CAAC,CAAC;IACP,CAAC;IACD,IAAI,cAAc,CAAC,UAAU,CAAC,EAAE,CAAC;QAC7B,SAAS,CAAC,IAAI,CAAC;YACX,KAAK,EAAE,eAAe,CAAC,aAAa,CAAC;YACrC,KAAK,EAAE,WAAW,CAAC,EAAC,KAAK,EAAE,UAAU,EAAC,CAAC;SAC1C,CAAC,CAAC;IACP,CAAC;IAED,OAAO,CAAC,WAAW,EAAE,UAAU,EAAE,SAAS,EAAE,cAAc,CAAC,CAAC;AAChE,CAAC;AAMD,MAAM,UAAU,SAAS,CAA0B,EAC/C,KAAK,EACL,MAAM,EACN,iBAAiB,EACjB,SAAS,GACO;IAChB,MAAM,cAAc,GAAG,iBAAiB,EAAE,CAAC;IAC3C,MAAM,sBAAsB,GAAG,oCAAoC,EAAE,CAAC;IAEtE,MAAM,UAAU,GAAG,YAAY,CAAC;QAC5B,KAAK;QACL,MAAM;QACN,iBAAiB;QACjB,cAAc;QACd,sBAAsB;KACzB,CAAC,CAAC;IAEH,IAAI,sBAAsB,EAAE,CAAC;QACzB,MAAM,CAAC,iBAAiB,EAAE,WAAW,CAAC,GAAG,UAAU,CAAC;QAEpD,OAAO,CACH,MAAC,IAAI,IAAC,SAAS,EAAE,SAAS,EAAE,GAAG,EAAE,CAAC,EAAE,SAAS,EAAC,KAAK,EAAC,IAAI,mBACpD,KAAC,IAAI,IAAC,SAAS,EAAC,QAAQ,EAAC,GAAG,EAAE,CAAC,EAAE,KAAK,EAAE,GAAG,YACvC,KAAC,UAAU,IAAC,IAAI,EAAE,iBAAiB,EAAE,gBAAgB,EAAE,GAAG,EAAE,CAAC,IAAI,GAAI,GAClE,EACP,KAAC,IAAI,IAAC,SAAS,EAAC,QAAQ,EAAC,GAAG,EAAE,CAAC,EAAE,KAAK,EAAE,GAAG,YACvC,KAAC,UAAU,IAAC,IAAI,EAAE,WAAW,EAAE,gBAAgB,EAAE,GAAG,EAAE,CAAC,IAAI,GAAI,GAC5D,IACJ,CACV,CAAC;IACN,CAAC;IAED,MAAM,CAAC,WAAW,EAAE,UAAU,EAAE,SAAS,EAAE,cAAc,CAAC,GAAG,UAAU,CAAC;IAExE,OAAO,CACH,MAAC,IAAI,IAAC,SAAS,EAAE,SAAS,EAAE,GAAG,EAAE,CAAC,EAAE,SAAS,EAAC,KAAK,EAAC,IAAI,mBACpD,MAAC,IAAI,IAAC,SAAS,EAAC,QAAQ,EAAC,GAAG,EAAE,CAAC,EAAE,KAAK,EAAE,GAAG,aACvC,KAAC,UAAU,IAAC,IAAI,EAAE,WAAW,EAAE,gBAAgB,EAAE,GAAG,EAAE,CAAC,IAAI,GAAI,EAC/D,KAAC,UAAU,IAAC,IAAI,EAAE,SAAS,EAAE,gBAAgB,EAAE,GAAG,EAAE,CAAC,IAAI,GAAI,IAC1D,EACP,MAAC,IAAI,IAAC,SAAS,EAAC,QAAQ,EAAC,GAAG,EAAE,CAAC,EAAE,KAAK,EAAE,GAAG,aACvC,KAAC,UAAU,IAAC,IAAI,EAAE,UAAU,EAAE,gBAAgB,EAAE,GAAG,EAAE,CAAC,IAAI,GAAI,EAC9D,KAAC,UAAU,IAAC,IAAI,EAAE,cAAc,EAAE,gBAAgB,EAAE,GAAG,EAAE,CAAC,IAAI,GAAI,IAC/D,IACJ,CACV,CAAC;AACN,CAAC"}
|
|
@@ -11,6 +11,7 @@ import { BRAND_BUTTON_CLASS, EMPTY_DATA_PLACEHOLDER } from '../../utils/constant
|
|
|
11
11
|
import { createPDiskDeveloperUILink, useHasDeveloperUi } from '../../utils/developerUI/developerUI';
|
|
12
12
|
import { getStateSeverity } from '../../utils/disks/calculatePDiskSeverity';
|
|
13
13
|
import { NUMERIC_SEVERITY_TO_LABEL_VIEW } from '../../utils/disks/constants';
|
|
14
|
+
import { formatPDiskType } from '../../utils/disks/getPDiskType';
|
|
14
15
|
import { useTypedSelector } from '../../utils/hooks';
|
|
15
16
|
import { useDatabaseFromQuery } from '../../utils/hooks/useDatabaseFromQuery';
|
|
16
17
|
import { bytesToGB, isNumeric } from '../../utils/utils';
|
|
@@ -24,7 +25,10 @@ const errorColors = [EFlag.Orange, EFlag.Red, EFlag.Yellow];
|
|
|
24
25
|
export const preparePDiskData = (data, nodeData, capacityMetricsEnabled = false) => {
|
|
25
26
|
const { AvailableSize, TotalSize, NodeId, Path, Realtime, Type, Device } = data;
|
|
26
27
|
const pdiskData = [
|
|
27
|
-
{
|
|
28
|
+
{
|
|
29
|
+
name: pDiskPopupKeyset('label_type'),
|
|
30
|
+
content: formatPDiskType(Type) || pDiskPopupKeyset('value_unknown'),
|
|
31
|
+
},
|
|
28
32
|
];
|
|
29
33
|
if (NodeId) {
|
|
30
34
|
pdiskData.push({
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"PDiskPopup.js","sourceRoot":"","sources":["../../../src/components/PDiskPopup/PDiskPopup.tsx"],"names":[],"mappings":";AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,OAAO,EAAC,MAAM,EAAC,MAAM,mBAAmB,CAAC;AACzC,OAAO,EAAC,IAAI,EAAE,KAAK,EAAC,MAAM,mBAAmB,CAAC;AAC9C,OAAO,EAAC,KAAK,EAAC,MAAM,QAAQ,CAAC;AAE7B,OAAO,EAAC,gBAAgB,EAAC,MAAM,cAAc,CAAC;AAC9C,OAAO,EAAC,oCAAoC,EAAC,MAAM,yCAAyC,CAAC;AAC7F,OAAO,EAAC,cAAc,EAAC,MAAM,gCAAgC,CAAC;AAC9D,OAAO,EAAC,KAAK,EAAC,MAAM,uBAAuB,CAAC;AAC5C,OAAO,EAAC,kBAAkB,EAAE,sBAAsB,EAAC,MAAM,uBAAuB,CAAC;AACjF,OAAO,EAAC,0BAA0B,EAAE,iBAAiB,EAAC,MAAM,qCAAqC,CAAC;AAClG,OAAO,EAAC,gBAAgB,EAAC,MAAM,0CAA0C,CAAC;AAC1E,OAAO,EAAC,8BAA8B,EAAC,MAAM,6BAA6B,CAAC;
|
|
1
|
+
{"version":3,"file":"PDiskPopup.js","sourceRoot":"","sources":["../../../src/components/PDiskPopup/PDiskPopup.tsx"],"names":[],"mappings":"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"}
|
|
@@ -1,6 +1,7 @@
|
|
|
1
1
|
import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
|
|
2
2
|
import React from 'react';
|
|
3
3
|
import isEqual from 'lodash/isEqual';
|
|
4
|
+
import omit from 'lodash/omit';
|
|
4
5
|
import { useStore } from 'react-redux';
|
|
5
6
|
import { tableDataApi } from '../../store/reducers/tableData';
|
|
6
7
|
import { KeyboardNavigation } from './KeyboardNavigation';
|
|
@@ -17,7 +18,7 @@ const DEFAULT_PAGINATION_LIMIT = 20;
|
|
|
17
18
|
export const PaginatedTable = ({ limit: chunkSize = DEFAULT_PAGINATION_LIMIT, initialEntitiesCount, fetchData, filters: rawFilters, tableName, columns, getRowClassName, onRowClick, rowHeight = DEFAULT_TABLE_ROW_HEIGHT, scrollContainerRef, onColumnsResize, renderErrorMessage, renderEmptyDataMessage, containerClassName, onDataFetched, keepCache = true, fetchOverscan, onKeyboardActivate, getKeyboardRowKey, getKeyboardRowLabel, }) => {
|
|
18
19
|
const store = useStore();
|
|
19
20
|
// Get state and setters from context
|
|
20
|
-
const { tableState, noBatching, setSortParams,
|
|
21
|
+
const { tableState, noBatching, setSortParams, dispatchCounts } = usePaginatedTableState();
|
|
21
22
|
const { sortParams, foundEntities } = tableState;
|
|
22
23
|
const activeSortParams = isSortColumnAvailable(sortParams, columns) ? sortParams : undefined;
|
|
23
24
|
const tableRef = React.useRef(null);
|
|
@@ -27,6 +28,21 @@ export const PaginatedTable = ({ limit: chunkSize = DEFAULT_PAGINATION_LIMIT, in
|
|
|
27
28
|
React.useEffect(() => {
|
|
28
29
|
setFilters(rawFilters);
|
|
29
30
|
}, [rawFilters]);
|
|
31
|
+
const nextCountsQuery = omit(getTableChunkQueryParams({
|
|
32
|
+
offset: 0,
|
|
33
|
+
limit: chunkSize,
|
|
34
|
+
fetchData,
|
|
35
|
+
filters,
|
|
36
|
+
sortParams: activeSortParams,
|
|
37
|
+
columns,
|
|
38
|
+
tableName,
|
|
39
|
+
noBatching,
|
|
40
|
+
}), 'offset', 'fetchData');
|
|
41
|
+
const [countsQuery, setCountsQuery] = React.useState(nextCountsQuery);
|
|
42
|
+
// Resizing columns must not replay cached chunk responses through a new callback.
|
|
43
|
+
if (!isEqual(countsQuery, nextCountsQuery)) {
|
|
44
|
+
setCountsQuery(nextCountsQuery);
|
|
45
|
+
}
|
|
30
46
|
const getQueryParams = (offset) => getTableChunkQueryParams({
|
|
31
47
|
offset,
|
|
32
48
|
limit: chunkSize,
|
|
@@ -93,13 +109,14 @@ export const PaginatedTable = ({ limit: chunkSize = DEFAULT_PAGINATION_LIMIT, in
|
|
|
93
109
|
}
|
|
94
110
|
};
|
|
95
111
|
const handleDataFetched = React.useCallback((data) => {
|
|
96
|
-
|
|
97
|
-
|
|
98
|
-
|
|
99
|
-
|
|
100
|
-
|
|
101
|
-
}
|
|
102
|
-
|
|
112
|
+
dispatchCounts({
|
|
113
|
+
type: 'dataReceived',
|
|
114
|
+
query: countsQuery,
|
|
115
|
+
total: data.total,
|
|
116
|
+
found: data.found,
|
|
117
|
+
});
|
|
118
|
+
onDataFetched === null || onDataFetched === void 0 ? void 0 : onDataFetched(data);
|
|
119
|
+
}, [countsQuery, dispatchCounts, onDataFetched]);
|
|
103
120
|
// Set will-change: transform on scroll container if not already set
|
|
104
121
|
React.useLayoutEffect(() => {
|
|
105
122
|
const scrollContainer = scrollContainerRef.current;
|
|
@@ -110,14 +127,9 @@ export const PaginatedTable = ({ limit: chunkSize = DEFAULT_PAGINATION_LIMIT, in
|
|
|
110
127
|
}
|
|
111
128
|
}
|
|
112
129
|
}, [scrollContainerRef.current]);
|
|
113
|
-
// Reset table on initialization and filters change
|
|
114
130
|
React.useLayoutEffect(() => {
|
|
115
|
-
|
|
116
|
-
|
|
117
|
-
setTotalEntities(defaultTotal);
|
|
118
|
-
setFoundEntities(defaultFound);
|
|
119
|
-
setIsInitialLoad(true);
|
|
120
|
-
}, [initialEntitiesCount, setTotalEntities, setFoundEntities, setIsInitialLoad]);
|
|
131
|
+
dispatchCounts({ type: 'initialize', query: countsQuery, initialEntitiesCount });
|
|
132
|
+
}, [countsQuery, initialEntitiesCount, dispatchCounts]);
|
|
121
133
|
const renderTable = () => (_jsxs("table", { className: b('table'), children: [_jsx(TableHead, { columns: columns, onSort: setSortParams, onColumnsResize: onColumnsResize }), _jsx("tbody", { children: _jsx(TableChunksRenderer, { scrollContainerRef: scrollContainerRef, tableRef: tableRef, foundEntities: foundEntities, chunkSize: chunkSize, rowHeight: rowHeight, columns: columns, fetchData: fetchData, filters: filters, tableName: tableName, sortParams: activeSortParams, getRowClassName: getRowClassName, onRowClick: onRowClick, renderErrorMessage: renderErrorMessage, renderEmptyDataMessage: renderEmptyDataMessage, onDataFetched: handleDataFetched, onActiveChunkOffsetsChange: handleActiveChunkOffsetsChange, keepCache: keepCache, fetchOverscan: fetchOverscan }) })] }));
|
|
122
134
|
return (_jsx(KeyboardNavigation, { tableRef: tableRef, scrollContainerRef: scrollContainerRef, onActivate: onKeyboardActivate ? activateRow : undefined, getRowKey: getKeyboardRowKey ? getRowKey : undefined, getRowLabel: getKeyboardRowLabel ? getRowLabel : undefined, findRowIndex: getKeyboardRowKey ? findRowIndex : undefined, getRowLookupRevision: getKeyboardRowKey ? getRowLookupRevision : undefined, isRowLookupPending: getKeyboardRowKey ? isRowLookupPending : undefined, subscribe: store.subscribe, rowCount: foundEntities, rowHeight: rowHeight, filters: rawFilters, sortParams: activeSortParams, className: b(null, containerClassName), children: renderTable() }));
|
|
123
135
|
};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"PaginatedTable.js","sourceRoot":"","sources":["../../../src/components/PaginatedTable/PaginatedTable.tsx"],"names":[],"mappings":";AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,OAAO,OAAO,MAAM,gBAAgB,CAAC;AACrC,OAAO,EAAC,QAAQ,EAAC,MAAM,aAAa,CAAC;AAGrC,OAAO,EAAC,YAAY,EAAC,MAAM,gCAAgC,CAAC;AAE5D,OAAO,EAAC,kBAAkB,EAAC,MAAM,sBAAsB,CAAC;AACxD,OAAO,EAAC,sBAAsB,EAAC,MAAM,yBAAyB,CAAC;AAC/D,OAAO,EAAC,mBAAmB,EAAC,MAAM,uBAAuB,CAAC;AAC1D,OAAO,EAAC,SAAS,EAAC,MAAM,aAAa,CAAC;AAEtC,OAAO,EAAC,wBAAwB,EAAC,MAAM,aAAa,CAAC;AACrD,OAAO,EAAC,wBAAwB,EAAC,MAAM,4BAA4B,CAAC;AACpE,OAAO,EAAC,sBAAsB,EAAE,oBAAoB,EAAC,MAAM,aAAa,CAAC;AACzE,OAAO,EAAC,CAAC,EAAC,MAAM,UAAU,CAAC;AAW3B,OAAO,EAAC,qBAAqB,EAAC,MAAM,SAAS,CAAC;AAE9C,OAAO,uBAAuB,CAAC;AAyB/B,MAAM,wBAAwB,GAAG,EAAE,CAAC;AAEpC,MAAM,CAAC,MAAM,cAAc,GAAG,CAAO,EACjC,KAAK,EAAE,SAAS,GAAG,wBAAwB,EAC3C,oBAAoB,EACpB,SAAS,EACT,OAAO,EAAE,UAAU,EACnB,SAAS,EACT,OAAO,EACP,eAAe,EACf,UAAU,EACV,SAAS,GAAG,wBAAwB,EACpC,kBAAkB,EAClB,eAAe,EACf,kBAAkB,EAClB,sBAAsB,EACtB,kBAAkB,EAClB,aAAa,EACb,SAAS,GAAG,IAAI,EAChB,aAAa,EACb,kBAAkB,EAClB,iBAAiB,EACjB,mBAAmB,GACK,EAAE,EAAE;IAC5B,MAAM,KAAK,GAAG,QAAQ,EAAa,CAAC;IACpC,qCAAqC;IACrC,MAAM,
|
|
1
|
+
{"version":3,"file":"PaginatedTable.js","sourceRoot":"","sources":["../../../src/components/PaginatedTable/PaginatedTable.tsx"],"names":[],"mappings":"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"}
|
|
@@ -1,12 +1,11 @@
|
|
|
1
1
|
import React from 'react';
|
|
2
|
+
import type { TableCountsAction } from './tableCounts';
|
|
2
3
|
import type { PaginatedTableState } from './types';
|
|
3
4
|
interface PaginatedTableStateContextType {
|
|
4
5
|
tableState: PaginatedTableState;
|
|
5
6
|
noBatching?: boolean;
|
|
6
7
|
setSortParams: (params: PaginatedTableState['sortParams']) => void;
|
|
7
|
-
|
|
8
|
-
setFoundEntities: (found: number) => void;
|
|
9
|
-
setIsInitialLoad: (isInitial: boolean) => void;
|
|
8
|
+
dispatchCounts: React.Dispatch<TableCountsAction>;
|
|
10
9
|
}
|
|
11
10
|
export declare const PaginatedTableStateContext: React.Context<PaginatedTableStateContextType>;
|
|
12
11
|
interface PaginatedTableStateProviderProps {
|
|
@@ -1,5 +1,6 @@
|
|
|
1
1
|
import { jsx as _jsx } from "react/jsx-runtime";
|
|
2
2
|
import React from 'react';
|
|
3
|
+
import { tableCountsReducer } from './tableCounts';
|
|
3
4
|
// Default state for the table
|
|
4
5
|
const defaultTableState = {
|
|
5
6
|
sortParams: undefined,
|
|
@@ -11,18 +12,18 @@ const defaultTableState = {
|
|
|
11
12
|
export const PaginatedTableStateContext = React.createContext({
|
|
12
13
|
tableState: defaultTableState,
|
|
13
14
|
setSortParams: () => undefined,
|
|
14
|
-
|
|
15
|
-
setFoundEntities: () => undefined,
|
|
16
|
-
setIsInitialLoad: () => undefined,
|
|
15
|
+
dispatchCounts: () => undefined,
|
|
17
16
|
});
|
|
18
17
|
// Provider component
|
|
19
18
|
export const PaginatedTableProvider = ({ children, initialState = {}, noBatching, }) => {
|
|
20
19
|
var _a, _b, _c, _d;
|
|
21
|
-
// Use individual state variables for each field
|
|
22
20
|
const [sortParams, setSortParams] = React.useState((_a = initialState.sortParams) !== null && _a !== void 0 ? _a : defaultTableState.sortParams);
|
|
23
|
-
const [totalEntities,
|
|
24
|
-
|
|
25
|
-
|
|
21
|
+
const [{ totalEntities, foundEntities, isInitialLoad }, dispatchCounts] = React.useReducer(tableCountsReducer, {
|
|
22
|
+
totalEntities: (_b = initialState.totalEntities) !== null && _b !== void 0 ? _b : defaultTableState.totalEntities,
|
|
23
|
+
foundEntities: (_c = initialState.foundEntities) !== null && _c !== void 0 ? _c : defaultTableState.foundEntities,
|
|
24
|
+
isInitialLoad: (_d = initialState.isInitialLoad) !== null && _d !== void 0 ? _d : defaultTableState.isInitialLoad,
|
|
25
|
+
hasLoadedData: initialState.isInitialLoad === false,
|
|
26
|
+
});
|
|
26
27
|
// Construct tableState from individual state variables
|
|
27
28
|
const tableState = React.useMemo(() => ({
|
|
28
29
|
sortParams,
|
|
@@ -30,14 +31,12 @@ export const PaginatedTableProvider = ({ children, initialState = {}, noBatching
|
|
|
30
31
|
foundEntities,
|
|
31
32
|
isInitialLoad,
|
|
32
33
|
}), [sortParams, totalEntities, foundEntities, isInitialLoad]);
|
|
33
|
-
// Create the context value with the constructed tableState and
|
|
34
|
+
// Create the context value with the constructed tableState and its update functions
|
|
34
35
|
const contextValue = React.useMemo(() => ({
|
|
35
36
|
tableState,
|
|
36
37
|
noBatching,
|
|
37
38
|
setSortParams,
|
|
38
|
-
|
|
39
|
-
setFoundEntities,
|
|
40
|
-
setIsInitialLoad,
|
|
39
|
+
dispatchCounts,
|
|
41
40
|
}), [tableState, noBatching]);
|
|
42
41
|
return (_jsx(PaginatedTableStateContext.Provider, { value: contextValue, children: children }));
|
|
43
42
|
};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"PaginatedTableContext.js","sourceRoot":"","sources":["../../../src/components/PaginatedTable/PaginatedTableContext.tsx"],"names":[],"mappings":";AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;
|
|
1
|
+
{"version":3,"file":"PaginatedTableContext.js","sourceRoot":"","sources":["../../../src/components/PaginatedTable/PaginatedTableContext.tsx"],"names":[],"mappings":";AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAG1B,OAAO,EAAC,kBAAkB,EAAC,MAAM,eAAe,CAAC;AAGjD,8BAA8B;AAC9B,MAAM,iBAAiB,GAAwB;IAC3C,UAAU,EAAE,SAAS;IACrB,aAAa,EAAE,CAAC;IAChB,aAAa,EAAE,CAAC;IAChB,aAAa,EAAE,IAAI;CACtB,CAAC;AAaF,2CAA2C;AAC3C,MAAM,CAAC,MAAM,0BAA0B,GAAG,KAAK,CAAC,aAAa,CAAiC;IAC1F,UAAU,EAAE,iBAAiB;IAC7B,aAAa,EAAE,GAAG,EAAE,CAAC,SAAS;IAC9B,cAAc,EAAE,GAAG,EAAE,CAAC,SAAS;CAClC,CAAC,CAAC;AASH,qBAAqB;AACrB,MAAM,CAAC,MAAM,sBAAsB,GAAG,CAAC,EACnC,QAAQ,EACR,YAAY,GAAG,EAAE,EACjB,UAAU,GACqB,EAAE,EAAE;;IACnC,MAAM,CAAC,UAAU,EAAE,aAAa,CAAC,GAAG,KAAK,CAAC,QAAQ,CAC9C,MAAA,YAAY,CAAC,UAAU,mCAAI,iBAAiB,CAAC,UAAU,CAC1D,CAAC;IACF,MAAM,CAAC,EAAC,aAAa,EAAE,aAAa,EAAE,aAAa,EAAC,EAAE,cAAc,CAAC,GAAG,KAAK,CAAC,UAAU,CACpF,kBAAkB,EAClB;QACI,aAAa,EAAE,MAAA,YAAY,CAAC,aAAa,mCAAI,iBAAiB,CAAC,aAAa;QAC5E,aAAa,EAAE,MAAA,YAAY,CAAC,aAAa,mCAAI,iBAAiB,CAAC,aAAa;QAC5E,aAAa,EAAE,MAAA,YAAY,CAAC,aAAa,mCAAI,iBAAiB,CAAC,aAAa;QAC5E,aAAa,EAAE,YAAY,CAAC,aAAa,KAAK,KAAK;KACtD,CACJ,CAAC;IAEF,uDAAuD;IACvD,MAAM,UAAU,GAAG,KAAK,CAAC,OAAO,CAC5B,GAAG,EAAE,CAAC,CAAC;QACH,UAAU;QACV,aAAa;QACb,aAAa;QACb,aAAa;KAChB,CAAC,EACF,CAAC,UAAU,EAAE,aAAa,EAAE,aAAa,EAAE,aAAa,CAAC,CAC5D,CAAC;IAEF,oFAAoF;IACpF,MAAM,YAAY,GAAG,KAAK,CAAC,OAAO,CAC9B,GAAG,EAAE,CAAC,CAAC;QACH,UAAU;QACV,UAAU;QACV,aAAa;QACb,cAAc;KACjB,CAAC,EACF,CAAC,UAAU,EAAE,UAAU,CAAC,CAC3B,CAAC;IAEF,OAAO,CACH,KAAC,0BAA0B,CAAC,QAAQ,IAAC,KAAK,EAAE,YAAY,YACnD,QAAQ,GACyB,CACzC,CAAC;AACN,CAAC,CAAC;AAEF,wCAAwC;AACxC,MAAM,CAAC,MAAM,sBAAsB,GAAG,GAAG,EAAE;IACvC,MAAM,OAAO,GAAG,KAAK,CAAC,UAAU,CAAC,0BAA0B,CAAC,CAAC;IAE7D,IAAI,OAAO,KAAK,SAAS,EAAE,CAAC;QACxB,MAAM,IAAI,KAAK,CAAC,0EAA0E,CAAC,CAAC;IAChG,CAAC;IAED,OAAO,OAAO,CAAC;AACnB,CAAC,CAAC"}
|
|
@@ -16,7 +16,7 @@ interface TableChunkProps<T, F> {
|
|
|
16
16
|
onRowClick?: OnRowClick<T>;
|
|
17
17
|
renderErrorMessage?: RenderErrorMessage;
|
|
18
18
|
renderEmptyDataMessage?: RenderEmptyDataMessage;
|
|
19
|
-
onDataFetched: (data
|
|
19
|
+
onDataFetched: (data: PaginatedTableData<T>) => void;
|
|
20
20
|
keepCache?: boolean;
|
|
21
21
|
}
|
|
22
22
|
export declare const TableChunk: <T, F>({ id, chunkSize, calculatedCount, rowHeight, columns, fetchData, tableName, filters, sortParams, getRowClassName, onRowClick, renderErrorMessage, renderEmptyDataMessage, onDataFetched, shouldFetch, shouldRender, keepCache, }: TableChunkProps<T, F>) => import("react/jsx-runtime").JSX.Element | import("react/jsx-runtime").JSX.Element[] | null;
|
|
@@ -43,8 +43,9 @@ export const TableChunk = typedMemo(function TableChunk({ id, chunkSize, calcula
|
|
|
43
43
|
window.clearTimeout(timeout);
|
|
44
44
|
};
|
|
45
45
|
}, [shouldFetch, isTimeoutActive]);
|
|
46
|
-
React.
|
|
46
|
+
React.useLayoutEffect(() => {
|
|
47
47
|
if (currentData) {
|
|
48
|
+
// Consumers derive row dimensions from the response before loaded rows are painted.
|
|
48
49
|
onDataFetched({
|
|
49
50
|
...currentData,
|
|
50
51
|
data: currentData.data,
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"TableChunk.js","sourceRoot":"","sources":["../../../src/components/PaginatedTable/TableChunk.tsx"],"names":[],"mappings":";AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,OAAO,EAAC,YAAY,EAAC,MAAM,gCAAgC,CAAC;AAE5D,OAAO,EAAC,QAAQ,EAAC,MAAM,aAAa,CAAC;AACrC,OAAO,EAAC,sBAAsB,EAAC,MAAM,mBAAmB,CAAC;AACzD,OAAO,EAAC,aAAa,EAAC,MAAM,yBAAyB,CAAC;AAEtD,OAAO,EAAC,sBAAsB,EAAC,MAAM,yBAAyB,CAAC;AAC/D,OAAO,EAAC,aAAa,EAAE,eAAe,EAAE,QAAQ,EAAC,MAAM,YAAY,CAAC;AAEpE,OAAO,EAAC,wBAAwB,EAAC,MAAM,4BAA4B,CAAC;AACpE,OAAO,IAAI,MAAM,QAAQ,CAAC;AAW1B,OAAO,EAAC,SAAS,EAAC,MAAM,SAAS,CAAC;AAElC,MAAM,gBAAgB,GAAG,GAAG,CAAC;AAwB7B,yFAAyF;AACzF,MAAM,CAAC,MAAM,UAAU,GAAG,SAAS,CAAC,SAAS,UAAU,CAAO,EAC1D,EAAE,EACF,SAAS,EACT,eAAe,EACf,SAAS,EACT,OAAO,EACP,SAAS,EACT,SAAS,EACT,OAAO,EACP,UAAU,EACV,eAAe,EACf,UAAU,EACV,kBAAkB,EAClB,sBAAsB,EACtB,aAAa,EACb,WAAW,EACX,YAAY,EACZ,SAAS,GACW;;IACpB,MAAM,CAAC,eAAe,EAAE,kBAAkB,CAAC,GAAG,KAAK,CAAC,QAAQ,CAAC,IAAI,CAAC,CAAC;IACnE,MAAM,CAAC,mBAAmB,CAAC,GAAG,sBAAsB,EAAE,CAAC;IACvD,MAAM,EAAC,UAAU,EAAC,GAAG,sBAAsB,EAAE,CAAC;IAE9C,MAAM,WAAW,GAAG,wBAAwB,CAAC;QACzC,MAAM,EAAE,EAAE,GAAG,SAAS;QACtB,KAAK,EAAE,SAAS;QAChB,SAAS;QACT,OAAO;QACP,UAAU;QACV,OAAO;QACP,SAAS;QACT,UAAU;KACb,CAAC,CAAC;IAEH,YAAY,CAAC,uBAAuB,CAAC,WAAW,EAAE;QAC9C,IAAI,EAAE,eAAe,IAAI,CAAC,WAAW;QACrC,eAAe,EAAE,mBAAmB;QACpC,yBAAyB,EAAE,CAAC,SAAS;KACxC,CAAC,CAAC;IAEH,MAAM,EAAC,WAAW,EAAE,KAAK,EAAC,GAAG,YAAY,CAAC,SAAS,CAAC,eAAe,CAAC,aAAa,CAAC,WAAW,CAAC,CAAC;IAE/F,KAAK,CAAC,SAAS,CAAC,GAAG,EAAE;QACjB,IAAI,OAAO,GAAG,CAAC,CAAC;QAEhB,IAAI,WAAW,IAAI,eAAe,EAAE,CAAC;YACjC,OAAO,GAAG,MAAM,CAAC,UAAU,CAAC,GAAG,EAAE;gBAC7B,kBAAkB,CAAC,KAAK,CAAC,CAAC;YAC9B,CAAC,EAAE,gBAAgB,CAAC,CAAC;QACzB,CAAC;QAED,OAAO,GAAG,EAAE;YACR,MAAM,CAAC,YAAY,CAAC,OAAO,CAAC,CAAC;QACjC,CAAC,CAAC;IACN,CAAC,EAAE,CAAC,WAAW,EAAE,eAAe,CAAC,CAAC,CAAC;IAEnC,KAAK,CAAC,
|
|
1
|
+
{"version":3,"file":"TableChunk.js","sourceRoot":"","sources":["../../../src/components/PaginatedTable/TableChunk.tsx"],"names":[],"mappings":"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"}
|
|
@@ -16,7 +16,7 @@ export interface TableChunksRendererProps<T, F> {
|
|
|
16
16
|
onRowClick?: OnRowClick<T>;
|
|
17
17
|
renderErrorMessage?: RenderErrorMessage;
|
|
18
18
|
renderEmptyDataMessage?: RenderEmptyDataMessage;
|
|
19
|
-
onDataFetched: (data
|
|
19
|
+
onDataFetched: (data: PaginatedTableData<T>) => void;
|
|
20
20
|
onActiveChunkOffsetsChange: (offsets: number[]) => void;
|
|
21
21
|
keepCache: boolean;
|
|
22
22
|
fetchOverscan?: number;
|
|
@@ -0,0 +1,19 @@
|
|
|
1
|
+
import type { getTableChunkQueryParams } from './getTableChunkQueryParams';
|
|
2
|
+
import type { PaginatedTableState } from './types';
|
|
3
|
+
type TableQuery = Omit<ReturnType<typeof getTableChunkQueryParams>, 'offset' | 'fetchData'>;
|
|
4
|
+
export interface TableCountsState extends Pick<PaginatedTableState, 'totalEntities' | 'foundEntities' | 'isInitialLoad'> {
|
|
5
|
+
query?: TableQuery;
|
|
6
|
+
hasLoadedData: boolean;
|
|
7
|
+
}
|
|
8
|
+
export type TableCountsAction = {
|
|
9
|
+
type: 'initialize';
|
|
10
|
+
query: TableQuery;
|
|
11
|
+
initialEntitiesCount?: number;
|
|
12
|
+
} | {
|
|
13
|
+
type: 'dataReceived';
|
|
14
|
+
query: TableQuery;
|
|
15
|
+
total: number;
|
|
16
|
+
found: number;
|
|
17
|
+
};
|
|
18
|
+
export declare function tableCountsReducer(state: TableCountsState, action: TableCountsAction): TableCountsState;
|
|
19
|
+
export {};
|
|
@@ -0,0 +1,30 @@
|
|
|
1
|
+
import isEqual from 'lodash/isEqual';
|
|
2
|
+
export function tableCountsReducer(state, action) {
|
|
3
|
+
var _a, _b;
|
|
4
|
+
// Cached chunks can report their data before the table's initialization effect.
|
|
5
|
+
if (action.type === 'initialize' &&
|
|
6
|
+
isEqual(state.query, action.query) &&
|
|
7
|
+
!state.isInitialLoad) {
|
|
8
|
+
return state;
|
|
9
|
+
}
|
|
10
|
+
let nextState;
|
|
11
|
+
if (action.type === 'dataReceived') {
|
|
12
|
+
nextState = {
|
|
13
|
+
query: action.query,
|
|
14
|
+
totalEntities: action.total,
|
|
15
|
+
foundEntities: action.found,
|
|
16
|
+
isInitialLoad: false,
|
|
17
|
+
hasLoadedData: true,
|
|
18
|
+
};
|
|
19
|
+
}
|
|
20
|
+
else {
|
|
21
|
+
// Keep the virtualized table's size until the next query returns its actual counts.
|
|
22
|
+
nextState = { ...state, query: action.query, isInitialLoad: true };
|
|
23
|
+
if (!state.hasLoadedData) {
|
|
24
|
+
nextState.totalEntities = (_a = action.initialEntitiesCount) !== null && _a !== void 0 ? _a : 0;
|
|
25
|
+
nextState.foundEntities = (_b = action.initialEntitiesCount) !== null && _b !== void 0 ? _b : 1;
|
|
26
|
+
}
|
|
27
|
+
}
|
|
28
|
+
return isEqual(state, nextState) ? state : nextState;
|
|
29
|
+
}
|
|
30
|
+
//# sourceMappingURL=tableCounts.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"tableCounts.js","sourceRoot":"","sources":["../../../src/components/PaginatedTable/tableCounts.ts"],"names":[],"mappings":"AAAA,OAAO,OAAO,MAAM,gBAAgB,CAAC;AAiBrC,MAAM,UAAU,kBAAkB,CAC9B,KAAuB,EACvB,MAAyB;;IAEzB,gFAAgF;IAChF,IACI,MAAM,CAAC,IAAI,KAAK,YAAY;QAC5B,OAAO,CAAC,KAAK,CAAC,KAAK,EAAE,MAAM,CAAC,KAAK,CAAC;QAClC,CAAC,KAAK,CAAC,aAAa,EACtB,CAAC;QACC,OAAO,KAAK,CAAC;IACjB,CAAC;IAED,IAAI,SAA2B,CAAC;IAChC,IAAI,MAAM,CAAC,IAAI,KAAK,cAAc,EAAE,CAAC;QACjC,SAAS,GAAG;YACR,KAAK,EAAE,MAAM,CAAC,KAAK;YACnB,aAAa,EAAE,MAAM,CAAC,KAAK;YAC3B,aAAa,EAAE,MAAM,CAAC,KAAK;YAC3B,aAAa,EAAE,KAAK;YACpB,aAAa,EAAE,IAAI;SACtB,CAAC;IACN,CAAC;SAAM,CAAC;QACJ,oFAAoF;QACpF,SAAS,GAAG,EAAC,GAAG,KAAK,EAAE,KAAK,EAAE,MAAM,CAAC,KAAK,EAAE,aAAa,EAAE,IAAI,EAAC,CAAC;QACjE,IAAI,CAAC,KAAK,CAAC,aAAa,EAAE,CAAC;YACvB,SAAS,CAAC,aAAa,GAAG,MAAA,MAAM,CAAC,oBAAoB,mCAAI,CAAC,CAAC;YAC3D,SAAS,CAAC,aAAa,GAAG,MAAA,MAAM,CAAC,oBAAoB,mCAAI,CAAC,CAAC;QAC/D,CAAC;IACL,CAAC;IAED,OAAO,OAAO,CAAC,KAAK,EAAE,SAAS,CAAC,CAAC,CAAC,CAAC,KAAK,CAAC,CAAC,CAAC,SAAS,CAAC;AACzD,CAAC"}
|
|
@@ -22,5 +22,6 @@ export interface VDiskProps {
|
|
|
22
22
|
popupOffset?: PopupProps['offset'];
|
|
23
23
|
withOpaqueBackground?: boolean;
|
|
24
24
|
getDisplayState?: VDiskDisplayStateGetter;
|
|
25
|
+
hidePDiskInPopup?: boolean;
|
|
25
26
|
}
|
|
26
|
-
export declare const VDisk: ({ data, compact, allModeSize, inactive, showPopup, onShowPopup, onHidePopup, progressBarClassName, delayClose, delayOpen, withIcon, iconSize, iconGroupSize, indicatorClassName, highlighted, placement, popupOffset, withOpaqueBackground, getDisplayState, }: VDiskProps) => import("react/jsx-runtime").JSX.Element;
|
|
27
|
+
export declare const VDisk: ({ data, compact, allModeSize, inactive, showPopup, onShowPopup, onHidePopup, progressBarClassName, delayClose, delayOpen, withIcon, iconSize, iconGroupSize, indicatorClassName, highlighted, placement, popupOffset, withOpaqueBackground, getDisplayState, hidePDiskInPopup, }: VDiskProps) => import("react/jsx-runtime").JSX.Element;
|