ydb-embedded-ui 8.25.0 → 8.26.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/overview.svg +1 -0
- package/dist/components/CopyLinkButton/CopyLinkButton.d.ts +6 -0
- package/dist/components/CopyLinkButton/CopyLinkButton.js +33 -0
- package/dist/components/CopyLinkButton/CopyLinkButton.js.map +1 -0
- package/dist/components/CopyLinkButton/CopyLinkButton.scss +6 -0
- package/dist/components/CopyLinkButton/i18n/en.json +4 -0
- package/dist/components/CopyLinkButton/i18n/index.d.ts +2 -0
- package/dist/components/CopyLinkButton/i18n/index.js +5 -0
- package/dist/components/CopyLinkButton/i18n/index.js.map +1 -0
- package/dist/components/DebouncedInput/DebouncedTextInput.d.ts +6 -0
- package/dist/components/DebouncedInput/DebouncedTextInput.js +8 -0
- package/dist/components/DebouncedInput/DebouncedTextInput.js.map +1 -0
- package/dist/components/DoughnutMetrics/DoughnutMetrics.d.ts +3 -1
- package/dist/components/DoughnutMetrics/DoughnutMetrics.js +13 -12
- package/dist/components/DoughnutMetrics/DoughnutMetrics.js.map +1 -1
- package/dist/components/DoughnutMetrics/DoughnutMetrics.scss +14 -7
- package/dist/components/Drawer/Drawer.d.ts +30 -0
- package/dist/components/Drawer/Drawer.js +83 -0
- package/dist/components/Drawer/Drawer.js.map +1 -0
- package/dist/components/Drawer/Drawer.scss +38 -0
- package/dist/components/Drawer/DrawerContext.d.ts +13 -0
- package/dist/components/Drawer/DrawerContext.js +47 -0
- package/dist/components/Drawer/DrawerContext.js.map +1 -0
- package/dist/components/Drawer/index.d.ts +3 -0
- package/dist/components/Drawer/index.js +3 -0
- package/dist/components/Drawer/index.js.map +1 -0
- package/dist/components/EmptyState/EmptyState.scss +3 -0
- package/dist/components/EntityStatusNew/EntityStatus.d.ts +23 -0
- package/dist/components/EntityStatusNew/EntityStatus.js +47 -0
- package/dist/components/EntityStatusNew/EntityStatus.js.map +1 -0
- package/dist/components/EntityStatusNew/EntityStatus.scss +10 -0
- package/dist/components/EntityStatusNew/i18n/en.json +14 -0
- package/dist/components/EntityStatusNew/i18n/index.d.ts +2 -0
- package/dist/components/EntityStatusNew/i18n/index.js +5 -0
- package/dist/components/EntityStatusNew/i18n/index.js.map +1 -0
- package/dist/components/EntityStatusNew/utils.d.ts +2 -0
- package/dist/components/EntityStatusNew/utils.js +23 -0
- package/dist/components/EntityStatusNew/utils.js.map +1 -0
- package/dist/components/JsonViewer/JsonViewer.d.ts +7 -3
- package/dist/components/JsonViewer/JsonViewer.js +11 -1
- package/dist/components/JsonViewer/JsonViewer.js.map +1 -1
- package/dist/components/JsonViewer/unipika/unipika.js +9 -1
- package/dist/components/JsonViewer/unipika/unipika.js.map +1 -1
- package/dist/components/MetricChart/getDefaultDataFormatter.js +4 -11
- package/dist/components/MetricChart/getDefaultDataFormatter.js.map +1 -1
- package/dist/components/MultilineTableHeader/MultilineTableHeader.d.ts +6 -0
- package/dist/components/MultilineTableHeader/MultilineTableHeader.js +11 -0
- package/dist/components/MultilineTableHeader/MultilineTableHeader.js.map +1 -0
- package/dist/components/MultilineTableHeader/MultilineTableHeader.scss +3 -0
- package/dist/components/PaginatedTable/PaginatedTable.d.ts +4 -2
- package/dist/components/PaginatedTable/PaginatedTable.js +16 -8
- package/dist/components/PaginatedTable/PaginatedTable.js.map +1 -1
- package/dist/components/PaginatedTable/PaginatedTable.scss +32 -13
- package/dist/components/PaginatedTable/TableChunk.d.ts +4 -3
- package/dist/components/PaginatedTable/TableChunk.js +8 -3
- package/dist/components/PaginatedTable/TableChunk.js.map +1 -1
- package/dist/components/PaginatedTable/TableHead.js +7 -1
- package/dist/components/PaginatedTable/TableHead.js.map +1 -1
- package/dist/components/PaginatedTable/types.d.ts +1 -0
- package/dist/components/PaginatedTable/useScrollBasedChunks.js +7 -0
- package/dist/components/PaginatedTable/useScrollBasedChunks.js.map +1 -1
- package/dist/components/Search/Search.d.ts +2 -1
- package/dist/components/Search/Search.js +3 -21
- package/dist/components/Search/Search.js.map +1 -1
- package/dist/components/StatusIcon/StatusIcon.js +3 -1
- package/dist/components/StatusIcon/StatusIcon.js.map +1 -1
- package/dist/components/StatusIcon/StatusIcon.scss +6 -0
- package/dist/components/StatusIconNew/StatusIcon.d.ts +7 -0
- package/dist/components/StatusIconNew/StatusIcon.js +19 -0
- package/dist/components/StatusIconNew/StatusIcon.js.map +1 -0
- package/dist/components/SyntaxHighlighter/YDBSyntaxHighlighter.js +12 -1
- package/dist/components/SyntaxHighlighter/YDBSyntaxHighlighter.js.map +1 -1
- package/dist/components/Tags/Tags.d.ts +1 -3
- package/dist/components/Tags/Tags.js +3 -5
- package/dist/components/Tags/Tags.js.map +1 -1
- package/dist/components/nodesColumns/columns.js +1 -0
- package/dist/components/nodesColumns/columns.js.map +1 -1
- package/dist/containers/Cluster/Cluster.js +8 -6
- package/dist/containers/Cluster/Cluster.js.map +1 -1
- package/dist/containers/Cluster/Cluster.scss +7 -8
- package/dist/containers/Cluster/ClusterInfo/ClusterInfo.d.ts +4 -2
- package/dist/containers/Cluster/ClusterInfo/ClusterInfo.js +27 -17
- package/dist/containers/Cluster/ClusterInfo/ClusterInfo.js.map +1 -1
- package/dist/containers/Cluster/ClusterInfo/ClusterInfo.scss +2 -8
- package/dist/containers/Cluster/ClusterInfo/components/DiskGroupsStatsBars/DiskGroupsStats.d.ts +8 -0
- package/dist/containers/Cluster/ClusterInfo/components/DiskGroupsStatsBars/DiskGroupsStats.js +41 -0
- package/dist/containers/Cluster/ClusterInfo/components/DiskGroupsStatsBars/DiskGroupsStats.js.map +1 -0
- package/dist/containers/Cluster/ClusterInfo/components/DiskGroupsStatsBars/DiskGroupsStats.scss +14 -0
- package/dist/containers/Cluster/ClusterInfo/utils/utils.d.ts +3 -0
- package/dist/containers/Cluster/ClusterInfo/utils/utils.js +21 -11
- package/dist/containers/Cluster/ClusterInfo/utils/utils.js.map +1 -1
- package/dist/containers/Cluster/{ClusterDashboard/ClusterDashboard.d.ts → ClusterOverview/ClusterOverview.d.ts} +6 -3
- package/dist/containers/Cluster/ClusterOverview/ClusterOverview.js +63 -0
- package/dist/containers/Cluster/ClusterOverview/ClusterOverview.js.map +1 -0
- package/dist/containers/Cluster/ClusterOverview/ClusterOverview.scss +70 -0
- package/dist/containers/Cluster/ClusterOverview/components/ClusterMetricsCard.d.ts +21 -0
- package/dist/containers/Cluster/ClusterOverview/components/ClusterMetricsCard.js +32 -0
- package/dist/containers/Cluster/ClusterOverview/components/ClusterMetricsCard.js.map +1 -0
- package/dist/containers/Cluster/ClusterOverview/components/ClusterMetricsCores.d.ts +5 -0
- package/dist/containers/Cluster/ClusterOverview/components/ClusterMetricsCores.js +30 -0
- package/dist/containers/Cluster/ClusterOverview/components/ClusterMetricsCores.js.map +1 -0
- package/dist/containers/Cluster/{ClusterDashboard → ClusterOverview}/components/ClusterMetricsMemory.d.ts +1 -1
- package/dist/containers/Cluster/ClusterOverview/components/ClusterMetricsMemory.js +24 -0
- package/dist/containers/Cluster/ClusterOverview/components/ClusterMetricsMemory.js.map +1 -0
- package/dist/containers/Cluster/ClusterOverview/components/ClusterMetricsNetwork.d.ts +7 -0
- package/dist/containers/Cluster/ClusterOverview/components/ClusterMetricsNetwork.js +28 -0
- package/dist/containers/Cluster/ClusterOverview/components/ClusterMetricsNetwork.js.map +1 -0
- package/dist/containers/Cluster/{ClusterDashboard → ClusterOverview}/components/ClusterMetricsStorage.d.ts +2 -1
- package/dist/containers/Cluster/ClusterOverview/components/ClusterMetricsStorage.js +24 -0
- package/dist/containers/Cluster/ClusterOverview/components/ClusterMetricsStorage.js.map +1 -0
- package/dist/containers/Cluster/{ClusterDashboard → ClusterOverview}/shared.d.ts +6 -3
- package/dist/containers/Cluster/ClusterOverview/shared.js.map +1 -0
- package/dist/containers/Cluster/ClusterOverview/utils.d.ts +19 -0
- package/dist/containers/Cluster/ClusterOverview/utils.js +32 -0
- package/dist/containers/Cluster/ClusterOverview/utils.js.map +1 -0
- package/dist/containers/Cluster/i18n/en.json +19 -9
- package/dist/containers/Cluster/i18n/index.d.ts +1 -1
- package/dist/containers/Cluster/utils.d.ts +2 -4
- package/dist/containers/Cluster/utils.js +9 -6
- package/dist/containers/Cluster/utils.js.map +1 -1
- package/dist/containers/Header/breadcrumbs.js +1 -4
- package/dist/containers/Header/breadcrumbs.js.map +1 -1
- package/dist/containers/Nodes/NodesTable.js +2 -1
- package/dist/containers/Nodes/NodesTable.js.map +1 -1
- package/dist/containers/Nodes/shared.d.ts +1 -2
- package/dist/containers/Nodes/shared.js +0 -9
- package/dist/containers/Nodes/shared.js.map +1 -1
- package/dist/containers/Storage/EmptyFilter/EmptyFilter.d.ts +2 -1
- package/dist/containers/Storage/EmptyFilter/EmptyFilter.js +1 -1
- package/dist/containers/Storage/EmptyFilter/EmptyFilter.js.map +1 -1
- package/dist/containers/Storage/PDisk/PDisk.d.ts +2 -1
- package/dist/containers/Storage/PDisk/PDisk.js +2 -2
- package/dist/containers/Storage/PDisk/PDisk.js.map +1 -1
- package/dist/containers/Storage/PDisk/PDisk.scss +5 -1
- package/dist/containers/Storage/PaginatedStorageGroups.js +2 -1
- package/dist/containers/Storage/PaginatedStorageGroups.js.map +1 -1
- package/dist/containers/Storage/PaginatedStorageNodes.js +19 -5
- package/dist/containers/Storage/PaginatedStorageNodes.js.map +1 -1
- package/dist/containers/Storage/StorageNodes/PaginatedStorageNodesTable.d.ts +4 -3
- package/dist/containers/Storage/StorageNodes/PaginatedStorageNodesTable.js +2 -2
- package/dist/containers/Storage/StorageNodes/PaginatedStorageNodesTable.js.map +1 -1
- package/dist/containers/Storage/StorageNodes/columns/StorageNodesColumns.scss +1 -4
- package/dist/containers/Storage/StorageNodes/columns/columns.d.ts +1 -1
- package/dist/containers/Storage/StorageNodes/columns/columns.js +6 -11
- package/dist/containers/Storage/StorageNodes/columns/columns.js.map +1 -1
- package/dist/containers/Storage/StorageNodes/columns/hooks.d.ts +1 -1
- package/dist/containers/Storage/StorageNodes/columns/hooks.js +8 -3
- package/dist/containers/Storage/StorageNodes/columns/hooks.js.map +1 -1
- package/dist/containers/Storage/StorageNodes/columns/types.d.ts +5 -0
- package/dist/containers/Storage/StorageNodes/getNodes.js +1 -0
- package/dist/containers/Storage/StorageNodes/getNodes.js.map +1 -1
- package/dist/containers/Storage/shared.d.ts +0 -2
- package/dist/containers/Storage/shared.js +0 -9
- package/dist/containers/Storage/shared.js.map +1 -1
- package/dist/containers/Storage/types.d.ts +8 -0
- package/dist/containers/Storage/utils/index.d.ts +1 -0
- package/dist/containers/Storage/utils/index.js +1 -0
- package/dist/containers/Storage/utils/index.js.map +1 -1
- package/dist/containers/Storage/utils/useStorageColumnsSettings.d.ts +6 -0
- package/dist/containers/Storage/utils/useStorageColumnsSettings.js +35 -0
- package/dist/containers/Storage/utils/useStorageColumnsSettings.js.map +1 -0
- package/dist/containers/Tablet/components/TabletInfo/i18n/index.d.ts +1 -1
- package/dist/containers/Tenant/Diagnostics/Diagnostics.js +16 -17
- package/dist/containers/Tenant/Diagnostics/Diagnostics.js.map +1 -1
- package/dist/containers/Tenant/Diagnostics/Diagnostics.scss +8 -2
- package/dist/containers/Tenant/Diagnostics/DiagnosticsPages.d.ts +6 -33
- package/dist/containers/Tenant/Diagnostics/DiagnosticsPages.js +40 -6
- package/dist/containers/Tenant/Diagnostics/DiagnosticsPages.js.map +1 -1
- package/dist/containers/Tenant/Diagnostics/Partitions/Headers/Headers.d.ts +0 -5
- package/dist/containers/Tenant/Diagnostics/Partitions/Headers/Headers.js +0 -1
- package/dist/containers/Tenant/Diagnostics/Partitions/Headers/Headers.js.map +1 -1
- package/dist/containers/Tenant/Diagnostics/Partitions/Headers/Headers.scss +0 -4
- package/dist/containers/Tenant/Diagnostics/Partitions/Partitions.js +2 -1
- package/dist/containers/Tenant/Diagnostics/Partitions/Partitions.js.map +1 -1
- package/dist/containers/Tenant/Diagnostics/Partitions/Partitions.scss +1 -15
- package/dist/containers/Tenant/Diagnostics/Partitions/columns/columns.js +24 -10
- package/dist/containers/Tenant/Diagnostics/Partitions/columns/columns.js.map +1 -1
- package/dist/containers/Tenant/Diagnostics/TopQueries/RunningQueriesData.js +2 -1
- package/dist/containers/Tenant/Diagnostics/TopQueries/RunningQueriesData.js.map +1 -1
- package/dist/containers/Tenant/Diagnostics/TopQueries/TopQueriesData.js +3 -1
- package/dist/containers/Tenant/Diagnostics/TopQueries/TopQueriesData.js.map +1 -1
- package/dist/containers/Tenant/Diagnostics/TopQueries/columns/columns.js +7 -1
- package/dist/containers/Tenant/Diagnostics/TopQueries/columns/columns.js.map +1 -1
- package/dist/containers/Tenant/Diagnostics/TopQueries/columns/constants.js +1 -0
- package/dist/containers/Tenant/Diagnostics/TopQueries/columns/constants.js.map +1 -1
- package/dist/containers/Tenant/Diagnostics/TopQueries/hooks/useRunningQueriesSort.d.ts +9 -0
- package/dist/containers/Tenant/Diagnostics/TopQueries/hooks/useRunningQueriesSort.js +37 -0
- package/dist/containers/Tenant/Diagnostics/TopQueries/hooks/useRunningQueriesSort.js.map +1 -0
- package/dist/containers/Tenant/Diagnostics/TopQueries/hooks/useSortParam.d.ts +10 -0
- package/dist/containers/Tenant/Diagnostics/TopQueries/hooks/useSortParam.js +50 -0
- package/dist/containers/Tenant/Diagnostics/TopQueries/hooks/useSortParam.js.map +1 -0
- package/dist/containers/Tenant/Diagnostics/TopQueries/hooks/useTopQueriesSort.d.ts +9 -0
- package/dist/containers/Tenant/Diagnostics/TopQueries/hooks/useTopQueriesSort.js +40 -0
- package/dist/containers/Tenant/Diagnostics/TopQueries/hooks/useTopQueriesSort.js.map +1 -0
- package/dist/containers/Tenant/Diagnostics/TopQueries/utils.d.ts +0 -10
- package/dist/containers/Tenant/Diagnostics/TopQueries/utils.js +0 -29
- package/dist/containers/Tenant/Diagnostics/TopQueries/utils.js.map +1 -1
- package/dist/containers/Tenant/Diagnostics/TopicData/FullValue.d.ts +7 -0
- package/dist/containers/Tenant/Diagnostics/TopicData/FullValue.js +14 -0
- package/dist/containers/Tenant/Diagnostics/TopicData/FullValue.js.map +1 -0
- package/dist/containers/Tenant/Diagnostics/TopicData/TopicData.d.ts +9 -0
- package/dist/containers/Tenant/Diagnostics/TopicData/TopicData.js +140 -0
- package/dist/containers/Tenant/Diagnostics/TopicData/TopicData.js.map +1 -0
- package/dist/containers/Tenant/Diagnostics/TopicData/TopicData.scss +28 -0
- package/dist/containers/Tenant/Diagnostics/TopicData/TopicDataControls/TopicDataControls.d.ts +14 -0
- package/dist/containers/Tenant/Diagnostics/TopicData/TopicDataControls/TopicDataControls.js +68 -0
- package/dist/containers/Tenant/Diagnostics/TopicData/TopicDataControls/TopicDataControls.js.map +1 -0
- package/dist/containers/Tenant/Diagnostics/TopicData/__test__/getData.test.d.ts +1 -0
- package/dist/containers/Tenant/Diagnostics/TopicData/__test__/getData.test.js +122 -0
- package/dist/containers/Tenant/Diagnostics/TopicData/__test__/getData.test.js.map +1 -0
- package/dist/containers/Tenant/Diagnostics/TopicData/columns/Columns.scss +22 -0
- package/dist/containers/Tenant/Diagnostics/TopicData/columns/columns.d.ts +7 -0
- package/dist/containers/Tenant/Diagnostics/TopicData/columns/columns.js +154 -0
- package/dist/containers/Tenant/Diagnostics/TopicData/columns/columns.js.map +1 -0
- package/dist/containers/Tenant/Diagnostics/TopicData/getData.d.ts +15 -0
- package/dist/containers/Tenant/Diagnostics/TopicData/getData.js +54 -0
- package/dist/containers/Tenant/Diagnostics/TopicData/getData.js.map +1 -0
- package/dist/containers/Tenant/Diagnostics/TopicData/i18n/en.json +28 -0
- package/dist/containers/Tenant/Diagnostics/TopicData/i18n/index.d.ts +2 -0
- package/dist/containers/Tenant/Diagnostics/TopicData/i18n/index.js +5 -0
- package/dist/containers/Tenant/Diagnostics/TopicData/i18n/index.js.map +1 -0
- package/dist/containers/Tenant/Diagnostics/TopicData/useTopicDataQueryParams.d.ts +11 -0
- package/dist/containers/Tenant/Diagnostics/TopicData/useTopicDataQueryParams.js +34 -0
- package/dist/containers/Tenant/Diagnostics/TopicData/useTopicDataQueryParams.js.map +1 -0
- package/dist/containers/Tenant/Diagnostics/TopicData/utils/constants.d.ts +7 -0
- package/dist/containers/Tenant/Diagnostics/TopicData/utils/constants.js +51 -0
- package/dist/containers/Tenant/Diagnostics/TopicData/utils/constants.js.map +1 -0
- package/dist/containers/Tenant/Diagnostics/TopicData/utils/types.d.ts +30 -0
- package/dist/containers/Tenant/Diagnostics/TopicData/utils/types.js +30 -0
- package/dist/containers/Tenant/Diagnostics/TopicData/utils/types.js.map +1 -0
- package/dist/containers/Tenant/ObjectSummary/ObjectTree.js +8 -2
- package/dist/containers/Tenant/ObjectSummary/ObjectTree.js.map +1 -1
- package/dist/containers/Tenant/TenantPages.d.ts +2 -1
- package/dist/containers/Tenant/TenantPages.js.map +1 -1
- package/dist/containers/Tenant/utils/schema.d.ts +1 -0
- package/dist/containers/Tenant/utils/schema.js +1 -0
- package/dist/containers/Tenant/utils/schema.js.map +1 -1
- package/dist/containers/Tenants/Tenants.js +1 -1
- package/dist/containers/Tenants/Tenants.js.map +1 -1
- package/dist/containers/Tenants/Tenants.scss +0 -4
- package/dist/containers/UserSettings/i18n/en.json +1 -0
- package/dist/containers/UserSettings/i18n/index.d.ts +1 -1
- package/dist/containers/UserSettings/settings.d.ts +1 -0
- package/dist/containers/UserSettings/settings.js +11 -2
- package/dist/containers/UserSettings/settings.js.map +1 -1
- package/dist/services/api/viewer.d.ts +2 -1
- package/dist/services/api/viewer.js +6 -0
- package/dist/services/api/viewer.js.map +1 -1
- package/dist/services/settings.d.ts +2 -0
- package/dist/services/settings.js +3 -1
- package/dist/services/settings.js.map +1 -1
- package/dist/store/reducers/capabilities/hooks.d.ts +1 -0
- package/dist/store/reducers/capabilities/hooks.js +3 -0
- package/dist/store/reducers/capabilities/hooks.js.map +1 -1
- package/dist/store/reducers/cluster/cluster.js +1 -1
- package/dist/store/reducers/cluster/cluster.js.map +1 -1
- package/dist/store/reducers/executeTopQueries/executeTopQueries.js +4 -2
- package/dist/store/reducers/executeTopQueries/executeTopQueries.js.map +1 -1
- package/dist/store/reducers/storage/types.d.ts +6 -2
- package/dist/store/reducers/storage/utils.d.ts +2 -2
- package/dist/store/reducers/storage/utils.js +10 -9
- package/dist/store/reducers/storage/utils.js.map +1 -1
- package/dist/store/reducers/tenant/constants.d.ts +1 -0
- package/dist/store/reducers/tenant/constants.js +1 -0
- package/dist/store/reducers/tenant/constants.js.map +1 -1
- package/dist/store/reducers/topic.d.ts +12 -0
- package/dist/store/reducers/topic.js +16 -0
- package/dist/store/reducers/topic.js.map +1 -1
- package/dist/styles/mixins.scss +0 -20
- package/dist/types/api/capabilities.d.ts +1 -1
- package/dist/types/api/cluster.d.ts +8 -1
- package/dist/types/api/cluster.js +7 -3
- package/dist/types/api/cluster.js.map +1 -1
- package/dist/types/api/topic.d.ts +117 -0
- package/dist/utils/constants.d.ts +2 -0
- package/dist/utils/constants.js +2 -0
- package/dist/utils/constants.js.map +1 -1
- package/dist/utils/dataFormatters/dataFormatters.js +1 -1
- package/dist/utils/dataFormatters/dataFormatters.js.map +1 -1
- package/dist/utils/hooks/useDebouncedValue.d.ts +5 -0
- package/dist/utils/hooks/useDebouncedValue.js +22 -0
- package/dist/utils/hooks/useDebouncedValue.js.map +1 -0
- package/dist/utils/renderPaginatedTableErrorMessage.d.ts +2 -0
- package/dist/utils/renderPaginatedTableErrorMessage.js +10 -0
- package/dist/utils/renderPaginatedTableErrorMessage.js.map +1 -0
- package/dist/utils/utils.d.ts +1 -0
- package/dist/utils/utils.js +7 -0
- package/dist/utils/utils.js.map +1 -1
- package/package.json +1 -1
- package/dist/assets/icons/user-check.svg +0 -1
- package/dist/components/Tag/Tag.d.ts +0 -9
- package/dist/components/Tag/Tag.js +0 -8
- package/dist/components/Tag/Tag.js.map +0 -1
- package/dist/components/Tag/Tag.scss +0 -18
- package/dist/components/Tag/index.d.ts +0 -1
- package/dist/components/Tag/index.js +0 -2
- package/dist/components/Tag/index.js.map +0 -1
- package/dist/containers/Cluster/ClusterDashboard/ClusterDashboard.js +0 -71
- package/dist/containers/Cluster/ClusterDashboard/ClusterDashboard.js.map +0 -1
- package/dist/containers/Cluster/ClusterDashboard/ClusterDashboard.scss +0 -52
- package/dist/containers/Cluster/ClusterDashboard/components/ClusterMetricsCard.d.ts +0 -17
- package/dist/containers/Cluster/ClusterDashboard/components/ClusterMetricsCard.js +0 -20
- package/dist/containers/Cluster/ClusterDashboard/components/ClusterMetricsCard.js.map +0 -1
- package/dist/containers/Cluster/ClusterDashboard/components/ClusterMetricsCores.d.ts +0 -5
- package/dist/containers/Cluster/ClusterDashboard/components/ClusterMetricsCores.js +0 -26
- package/dist/containers/Cluster/ClusterDashboard/components/ClusterMetricsCores.js.map +0 -1
- package/dist/containers/Cluster/ClusterDashboard/components/ClusterMetricsMemory.js +0 -20
- package/dist/containers/Cluster/ClusterDashboard/components/ClusterMetricsMemory.js.map +0 -1
- package/dist/containers/Cluster/ClusterDashboard/components/ClusterMetricsStorage.js +0 -20
- package/dist/containers/Cluster/ClusterDashboard/components/ClusterMetricsStorage.js.map +0 -1
- package/dist/containers/Cluster/ClusterDashboard/shared.js.map +0 -1
- package/dist/containers/Cluster/ClusterDashboard/utils.d.ts +0 -19
- package/dist/containers/Cluster/ClusterDashboard/utils.js +0 -63
- package/dist/containers/Cluster/ClusterDashboard/utils.js.map +0 -1
- package/dist/containers/Cluster/ClusterInfo/components/DiskGroupsStatsBars/DiskGroupsStatsBars.d.ts +0 -8
- package/dist/containers/Cluster/ClusterInfo/components/DiskGroupsStatsBars/DiskGroupsStatsBars.js +0 -42
- package/dist/containers/Cluster/ClusterInfo/components/DiskGroupsStatsBars/DiskGroupsStatsBars.js.map +0 -1
- package/dist/containers/Cluster/ClusterInfo/components/DiskGroupsStatsBars/DiskGroupsStatsBars.scss +0 -6
- package/dist/containers/Cluster/ClusterInfo/components/NodesState/NodesState.d.ts +0 -8
- package/dist/containers/Cluster/ClusterInfo/components/NodesState/NodesState.js +0 -8
- package/dist/containers/Cluster/ClusterInfo/components/NodesState/NodesState.js.map +0 -1
- package/dist/containers/Cluster/ClusterInfo/components/NodesState/NodesState.scss +0 -17
- /package/dist/containers/Cluster/{ClusterDashboard → ClusterOverview}/shared.js +0 -0
@@ -0,0 +1,23 @@
|
|
1
|
+
import { EFlag } from '../../types/api/enums';
|
2
|
+
import i18n from './i18n';
|
3
|
+
export const EFlagToDescription = {
|
4
|
+
get [EFlag.Red]() {
|
5
|
+
return i18n('context_red');
|
6
|
+
},
|
7
|
+
get [EFlag.Yellow]() {
|
8
|
+
return i18n('context_yellow');
|
9
|
+
},
|
10
|
+
get [EFlag.Orange]() {
|
11
|
+
return i18n('context_orange');
|
12
|
+
},
|
13
|
+
get [EFlag.Green]() {
|
14
|
+
return i18n('context_green');
|
15
|
+
},
|
16
|
+
get [EFlag.Grey]() {
|
17
|
+
return i18n('context_grey');
|
18
|
+
},
|
19
|
+
get [EFlag.Blue]() {
|
20
|
+
return i18n('context_blue');
|
21
|
+
},
|
22
|
+
};
|
23
|
+
//# sourceMappingURL=utils.js.map
|
@@ -0,0 +1 @@
|
|
1
|
+
{"version":3,"file":"utils.js","sourceRoot":"","sources":["../../../src/components/EntityStatusNew/utils.ts"],"names":[],"mappings":"AAAA,OAAO,EAAC,KAAK,EAAC,MAAM,uBAAuB,CAAC;AAE5C,OAAO,IAAI,MAAM,QAAQ,CAAC;AAE1B,MAAM,CAAC,MAAM,kBAAkB,GAA0B;IACrD,IAAI,CAAC,KAAK,CAAC,GAAG,CAAC;QACX,OAAO,IAAI,CAAC,aAAa,CAAC,CAAC;IAC/B,CAAC;IACD,IAAI,CAAC,KAAK,CAAC,MAAM,CAAC;QACd,OAAO,IAAI,CAAC,gBAAgB,CAAC,CAAC;IAClC,CAAC;IACD,IAAI,CAAC,KAAK,CAAC,MAAM,CAAC;QACd,OAAO,IAAI,CAAC,gBAAgB,CAAC,CAAC;IAClC,CAAC;IACD,IAAI,CAAC,KAAK,CAAC,KAAK,CAAC;QACb,OAAO,IAAI,CAAC,eAAe,CAAC,CAAC;IACjC,CAAC;IACD,IAAI,CAAC,KAAK,CAAC,IAAI,CAAC;QACZ,OAAO,IAAI,CAAC,cAAc,CAAC,CAAC;IAChC,CAAC;IACD,IAAI,CAAC,KAAK,CAAC,IAAI,CAAC;QACZ,OAAO,IAAI,CAAC,cAAc,CAAC,CAAC;IAChC,CAAC;CACJ,CAAC"}
|
@@ -2,13 +2,17 @@ import React from 'react';
|
|
2
2
|
import type * as DT100 from '@gravity-ui/react-data-table';
|
3
3
|
import type { UnipikaSettings, UnipikaValue } from './unipika/StructuredYsonTypes';
|
4
4
|
import './JsonViewer.scss';
|
5
|
-
interface
|
6
|
-
value: UnipikaValue;
|
5
|
+
interface JsonViewerCommonProps {
|
7
6
|
unipikaSettings?: UnipikaSettings;
|
8
7
|
extraTools?: React.ReactNode;
|
9
8
|
tableSettings?: DT100.Settings;
|
10
9
|
search?: boolean;
|
11
10
|
collapsedInitially?: boolean;
|
12
11
|
}
|
13
|
-
|
12
|
+
interface JsonViewerProps extends JsonViewerCommonProps {
|
13
|
+
value: UnipikaValue | {
|
14
|
+
_error: string;
|
15
|
+
};
|
16
|
+
}
|
17
|
+
export declare function JsonViewer(props: JsonViewerProps): string | import("react/jsx-runtime").JSX.Element;
|
14
18
|
export {};
|
@@ -41,7 +41,17 @@ function calculateState(value, collapsedState, filter, caseSensitive) {
|
|
41
41
|
matchedRows: Object.keys(flattenResult.searchIndex).map(Number),
|
42
42
|
});
|
43
43
|
}
|
44
|
-
|
44
|
+
function isUnipikaValue(value) {
|
45
|
+
return !('_error' in value);
|
46
|
+
}
|
47
|
+
export function JsonViewer(props) {
|
48
|
+
const { value } = props;
|
49
|
+
if (!isUnipikaValue(value)) {
|
50
|
+
return value._error;
|
51
|
+
}
|
52
|
+
return _jsx(JsonViewerComponent, { ...props, value: value });
|
53
|
+
}
|
54
|
+
function JsonViewerComponent({ tableSettings, value, unipikaSettings, search = true, extraTools, collapsedInitially, }) {
|
45
55
|
const [caseSensitiveSearch, setCaseSensitiveSearch] = useSetting(CASE_SENSITIVE_JSON_SEARCH, false);
|
46
56
|
const [collapsedState, setCollapsedState] = React.useState(() => {
|
47
57
|
if (collapsedInitially) {
|
@@ -1 +1 @@
|
|
1
|
-
{"version":3,"file":"JsonViewer.js","sourceRoot":"","sources":["../../../src/components/JsonViewer/JsonViewer.tsx"],"names":[],"mappings":";AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAG1B,OAAO,SAAS,MAAM,8BAA8B,CAAC;AACrD,OAAO,EAAC,aAAa,EAAE,MAAM,EAAE,IAAI,EAAE,IAAI,EAAC,MAAM,mBAAmB,CAAC;AAEpE,OAAO,EAAC,0BAA0B,EAAC,MAAM,uBAAuB,CAAC;AACjE,OAAO,EAAC,UAAU,EAAC,MAAM,mBAAmB,CAAC;AAE7C,OAAO,EAAC,IAAI,EAAC,MAAM,mBAAmB,CAAC;AACvC,OAAO,EAAC,MAAM,EAAC,MAAM,qBAAqB,CAAC;AAC3C,OAAO,EAAC,eAAe,EAAC,MAAM,8BAA8B,CAAC;AAC7D,OAAO,EAAC,KAAK,EAAC,MAAM,aAAa,CAAC;AAClC,OAAO,IAAI,MAAM,QAAQ,CAAC;AAE1B,OAAO,EAAC,cAAc,EAAC,MAAM,0BAA0B,CAAC;AAOxD,OAAO,EAAC,OAAO,EAAC,MAAM,mBAAmB,CAAC;AAE1C,OAAO,mBAAmB,MAAM,+CAA+C,CAAC;AAChF,OAAO,mBAAmB,MAAM,+CAA+C,CAAC;AAEhF,OAAO,mBAAmB,CAAC;
|
1
|
+
{"version":3,"file":"JsonViewer.js","sourceRoot":"","sources":["../../../src/components/JsonViewer/JsonViewer.tsx"],"names":[],"mappings":"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"}
|
@@ -11,7 +11,15 @@ export const defaultUnipikaSettings = {
|
|
11
11
|
indent: 2,
|
12
12
|
};
|
13
13
|
export function unipikaConvert(value) {
|
14
|
-
|
14
|
+
let result;
|
15
|
+
try {
|
16
|
+
result = unipika.converters.yson(value, defaultUnipikaSettings);
|
17
|
+
}
|
18
|
+
catch (e) {
|
19
|
+
console.error(e);
|
20
|
+
result = { _error: 'JSON is invalid' };
|
21
|
+
}
|
22
|
+
return result;
|
15
23
|
}
|
16
24
|
export function useUnipikaConvert(value) {
|
17
25
|
const memoized = React.useMemo(() => unipikaConvert(value), [value]);
|
@@ -1 +1 @@
|
|
1
|
-
{"version":3,"file":"unipika.js","sourceRoot":"","sources":["../../../../src/components/JsonViewer/unipika/unipika.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,OAAO,aAAa,MAAM,qBAAqB,CAAC;AAEhD,MAAM,CAAC,MAAM,OAAO,GAAG,aAAa,CAAC,EAAE,CAAC,CAAC;AAEzC,MAAM,CAAC,MAAM,sBAAsB,GAAG;IAClC,MAAM,EAAE,IAAI;IACZ,MAAM,EAAE,MAAM;IACd,OAAO,EAAE,KAAK;IACd,gBAAgB,EAAE,IAAI;IACtB,WAAW,EAAE,IAAI;IACjB,WAAW,EAAE,KAAK;IAClB,MAAM,EAAE,CAAC;CACZ,CAAC;AAEF,MAAM,UAAU,cAAc,CAAC,KAAc;IACzC,
|
1
|
+
{"version":3,"file":"unipika.js","sourceRoot":"","sources":["../../../../src/components/JsonViewer/unipika/unipika.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,OAAO,aAAa,MAAM,qBAAqB,CAAC;AAEhD,MAAM,CAAC,MAAM,OAAO,GAAG,aAAa,CAAC,EAAE,CAAC,CAAC;AAEzC,MAAM,CAAC,MAAM,sBAAsB,GAAG;IAClC,MAAM,EAAE,IAAI;IACZ,MAAM,EAAE,MAAM;IACd,OAAO,EAAE,KAAK;IACd,gBAAgB,EAAE,IAAI;IACtB,WAAW,EAAE,IAAI;IACjB,WAAW,EAAE,KAAK;IAClB,MAAM,EAAE,CAAC;CACZ,CAAC;AAEF,MAAM,UAAU,cAAc,CAAC,KAAc;IACzC,IAAI,MAAM,CAAC;IACX,IAAI,CAAC;QACD,MAAM,GAAG,OAAO,CAAC,UAAU,CAAC,IAAI,CAAC,KAAK,EAAE,sBAAsB,CAAC,CAAC;IACpE,CAAC;IAAC,OAAO,CAAC,EAAE,CAAC;QACT,OAAO,CAAC,KAAK,CAAC,CAAC,CAAC,CAAC;QACjB,MAAM,GAAG,EAAC,MAAM,EAAE,iBAAiB,EAAC,CAAC;IACzC,CAAC;IACD,OAAO,MAAM,CAAC;AAClB,CAAC;AAED,MAAM,UAAU,iBAAiB,CAAC,KAAc;IAC5C,MAAM,QAAQ,GAAG,KAAK,CAAC,OAAO,CAAC,GAAG,EAAE,CAAC,cAAc,CAAC,KAAK,CAAC,EAAE,CAAC,KAAK,CAAC,CAAC,CAAC;IACrE,OAAO,QAAQ,CAAC;AACpB,CAAC"}
|
@@ -2,7 +2,7 @@ import { formatBytes } from '../../utils/bytesParsers';
|
|
2
2
|
import { EMPTY_DATA_PLACEHOLDER } from '../../utils/constants';
|
3
3
|
import { roundToPrecision } from '../../utils/dataFormatters/dataFormatters';
|
4
4
|
import { formatToMs } from '../../utils/timeParsers';
|
5
|
-
import {
|
5
|
+
import { safeParseNumber } from '../../utils/utils';
|
6
6
|
export const getDefaultDataFormatter = (dataType) => {
|
7
7
|
switch (dataType) {
|
8
8
|
case 'ms': {
|
@@ -24,25 +24,18 @@ function formatChartValueToMs(value) {
|
|
24
24
|
if (value === null) {
|
25
25
|
return EMPTY_DATA_PLACEHOLDER;
|
26
26
|
}
|
27
|
-
return formatToMs(roundToPrecision(
|
27
|
+
return formatToMs(roundToPrecision(safeParseNumber(value), 2));
|
28
28
|
}
|
29
29
|
function formatChartValueToSize(value) {
|
30
30
|
if (value === null) {
|
31
31
|
return EMPTY_DATA_PLACEHOLDER;
|
32
32
|
}
|
33
|
-
return formatBytes({ value:
|
33
|
+
return formatBytes({ value: safeParseNumber(value), precision: 3 });
|
34
34
|
}
|
35
35
|
function formatChartValueToPercent(value) {
|
36
36
|
if (value === null) {
|
37
37
|
return EMPTY_DATA_PLACEHOLDER;
|
38
38
|
}
|
39
|
-
return Math.round(
|
40
|
-
}
|
41
|
-
// Numeric values expected, not numeric value should be displayd as 0
|
42
|
-
function convertToNumber(value) {
|
43
|
-
if (isNumeric(value)) {
|
44
|
-
return Number(value);
|
45
|
-
}
|
46
|
-
return 0;
|
39
|
+
return Math.round(safeParseNumber(value) * 100) + '%';
|
47
40
|
}
|
48
41
|
//# sourceMappingURL=getDefaultDataFormatter.js.map
|
@@ -1 +1 @@
|
|
1
|
-
{"version":3,"file":"getDefaultDataFormatter.js","sourceRoot":"","sources":["../../../src/components/MetricChart/getDefaultDataFormatter.ts"],"names":[],"mappings":"AAAA,OAAO,EAAC,WAAW,EAAC,MAAM,0BAA0B,CAAC;AACrD,OAAO,EAAC,sBAAsB,EAAC,MAAM,uBAAuB,CAAC;AAC7D,OAAO,EAAC,gBAAgB,EAAC,MAAM,2CAA2C,CAAC;AAC3E,OAAO,EAAC,UAAU,EAAC,MAAM,yBAAyB,CAAC;AACnD,OAAO,EAAC,
|
1
|
+
{"version":3,"file":"getDefaultDataFormatter.js","sourceRoot":"","sources":["../../../src/components/MetricChart/getDefaultDataFormatter.ts"],"names":[],"mappings":"AAAA,OAAO,EAAC,WAAW,EAAC,MAAM,0BAA0B,CAAC;AACrD,OAAO,EAAC,sBAAsB,EAAC,MAAM,uBAAuB,CAAC;AAC7D,OAAO,EAAC,gBAAgB,EAAC,MAAM,2CAA2C,CAAC;AAC3E,OAAO,EAAC,UAAU,EAAC,MAAM,yBAAyB,CAAC;AACnD,OAAO,EAAC,eAAe,EAAC,MAAM,mBAAmB,CAAC;AAIlD,MAAM,CAAC,MAAM,uBAAuB,GAAG,CAAC,QAAwB,EAAE,EAAE;IAChE,QAAQ,QAAQ,EAAE,CAAC;QACf,KAAK,IAAI,CAAC,CAAC,CAAC;YACR,OAAO,oBAAoB,CAAC;QAChC,CAAC;QACD,KAAK,MAAM,CAAC,CAAC,CAAC;YACV,OAAO,sBAAsB,CAAC;QAClC,CAAC;QACD,KAAK,SAAS,CAAC,CAAC,CAAC;YACb,OAAO,yBAAyB,CAAC;QACrC,CAAC;QACD;YACI,OAAO,SAAS,CAAC;IACzB,CAAC;AACL,CAAC,CAAC;AAEF,mFAAmF;AACnF,+EAA+E;AAC/E,SAAS,oBAAoB,CAAC,KAAiB;IAC3C,IAAI,KAAK,KAAK,IAAI,EAAE,CAAC;QACjB,OAAO,sBAAsB,CAAC;IAClC,CAAC;IACD,OAAO,UAAU,CAAC,gBAAgB,CAAC,eAAe,CAAC,KAAK,CAAC,EAAE,CAAC,CAAC,CAAC,CAAC;AACnE,CAAC;AAED,SAAS,sBAAsB,CAAC,KAAiB;IAC7C,IAAI,KAAK,KAAK,IAAI,EAAE,CAAC;QACjB,OAAO,sBAAsB,CAAC;IAClC,CAAC;IACD,OAAO,WAAW,CAAC,EAAC,KAAK,EAAE,eAAe,CAAC,KAAK,CAAC,EAAE,SAAS,EAAE,CAAC,EAAC,CAAC,CAAC;AACtE,CAAC;AACD,SAAS,yBAAyB,CAAC,KAAiB;IAChD,IAAI,KAAK,KAAK,IAAI,EAAE,CAAC;QACjB,OAAO,sBAAsB,CAAC;IAClC,CAAC;IACD,OAAO,IAAI,CAAC,KAAK,CAAC,eAAe,CAAC,KAAK,CAAC,GAAG,GAAG,CAAC,GAAG,GAAG,CAAC;AAC1D,CAAC"}
|
@@ -0,0 +1,11 @@
|
|
1
|
+
import { jsx as _jsx } from "react/jsx-runtime";
|
2
|
+
import { cn } from '../../utils/cn';
|
3
|
+
import './MultilineTableHeader.scss';
|
4
|
+
const b = cn('ydb-multiline-table-header');
|
5
|
+
export function MultilineTableHeader({ title }) {
|
6
|
+
if (!title) {
|
7
|
+
return null;
|
8
|
+
}
|
9
|
+
return _jsx("div", { className: b(), children: title });
|
10
|
+
}
|
11
|
+
//# sourceMappingURL=MultilineTableHeader.js.map
|
@@ -0,0 +1 @@
|
|
1
|
+
{"version":3,"file":"MultilineTableHeader.js","sourceRoot":"","sources":["../../../src/components/MultilineTableHeader/MultilineTableHeader.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAC,EAAE,EAAC,MAAM,gBAAgB,CAAC;AAElC,OAAO,6BAA6B,CAAC;AAErC,MAAM,CAAC,GAAG,EAAE,CAAC,4BAA4B,CAAC,CAAC;AAM3C,MAAM,UAAU,oBAAoB,CAAC,EAAC,KAAK,EAA4B;IACnE,IAAI,CAAC,KAAK,EAAE,CAAC;QACT,OAAO,IAAI,CAAC;IAChB,CAAC;IACD,OAAO,cAAK,SAAS,EAAE,CAAC,EAAE,YAAG,KAAK,GAAO,CAAC;AAC9C,CAAC"}
|
@@ -1,5 +1,5 @@
|
|
1
1
|
import React from 'react';
|
2
|
-
import type { Column, FetchData, GetRowClassName, HandleTableColumnsResize, RenderControls, RenderEmptyDataMessage, RenderErrorMessage, SortParams } from './types';
|
2
|
+
import type { Column, FetchData, GetRowClassName, HandleTableColumnsResize, PaginatedTableData, RenderControls, RenderEmptyDataMessage, RenderErrorMessage, SortParams } from './types';
|
3
3
|
import './PaginatedTable.scss';
|
4
4
|
export interface PaginatedTableProps<T, F> {
|
5
5
|
limit?: number;
|
@@ -17,5 +17,7 @@ export interface PaginatedTableProps<T, F> {
|
|
17
17
|
renderEmptyDataMessage?: RenderEmptyDataMessage;
|
18
18
|
renderErrorMessage?: RenderErrorMessage;
|
19
19
|
containerClassName?: string;
|
20
|
+
onDataFetched?: (data: PaginatedTableData<T>) => void;
|
21
|
+
keepCache?: boolean;
|
20
22
|
}
|
21
|
-
export declare const PaginatedTable: <T, F>({ limit: chunkSize, initialEntitiesCount, fetchData, filters, tableName, columns, getRowClassName, rowHeight, parentRef, initialSortParams, onColumnsResize, renderControls, renderErrorMessage, renderEmptyDataMessage, containerClassName, }: PaginatedTableProps<T, F>) => import("react/jsx-runtime").JSX.Element;
|
23
|
+
export declare const PaginatedTable: <T, F>({ limit: chunkSize, initialEntitiesCount, fetchData, filters: rawFilters, tableName, columns, getRowClassName, rowHeight, parentRef, initialSortParams, onColumnsResize, renderControls, renderErrorMessage, renderEmptyDataMessage, containerClassName, onDataFetched, keepCache, }: PaginatedTableProps<T, F>) => import("react/jsx-runtime").JSX.Element;
|
@@ -8,7 +8,7 @@ import { b } from './shared';
|
|
8
8
|
import { useScrollBasedChunks } from './useScrollBasedChunks';
|
9
9
|
import './PaginatedTable.scss';
|
10
10
|
const DEFAULT_PAGINATION_LIMIT = 20;
|
11
|
-
export const PaginatedTable = ({ limit: chunkSize = DEFAULT_PAGINATION_LIMIT, initialEntitiesCount, fetchData, filters, tableName, columns, getRowClassName, rowHeight = DEFAULT_TABLE_ROW_HEIGHT, parentRef, initialSortParams, onColumnsResize, renderControls, renderErrorMessage, renderEmptyDataMessage, containerClassName, }) => {
|
11
|
+
export const PaginatedTable = ({ limit: chunkSize = DEFAULT_PAGINATION_LIMIT, initialEntitiesCount, fetchData, filters: rawFilters, tableName, columns, getRowClassName, rowHeight = DEFAULT_TABLE_ROW_HEIGHT, parentRef, initialSortParams, onColumnsResize, renderControls, renderErrorMessage, renderEmptyDataMessage, containerClassName, onDataFetched, keepCache = true, }) => {
|
12
12
|
const initialTotal = initialEntitiesCount || 0;
|
13
13
|
const initialFound = initialEntitiesCount || 1;
|
14
14
|
const [sortParams, setSortParams] = React.useState(initialSortParams);
|
@@ -23,6 +23,11 @@ export const PaginatedTable = ({ limit: chunkSize = DEFAULT_PAGINATION_LIMIT, in
|
|
23
23
|
rowHeight,
|
24
24
|
chunkSize,
|
25
25
|
});
|
26
|
+
// this prevent situation when filters are new, but active chunks is not yet recalculated (it will be done to the next rendrer, so we bring filters change on the next render too)
|
27
|
+
const [filters, setFilters] = React.useState(rawFilters);
|
28
|
+
React.useEffect(() => {
|
29
|
+
setFilters(rawFilters);
|
30
|
+
}, [rawFilters]);
|
26
31
|
const lastChunkSize = React.useMemo(() => {
|
27
32
|
// If foundEntities = 0, there will only first chunk
|
28
33
|
// Display it with 1 row, to display empty data message
|
@@ -31,11 +36,14 @@ export const PaginatedTable = ({ limit: chunkSize = DEFAULT_PAGINATION_LIMIT, in
|
|
31
36
|
}
|
32
37
|
return foundEntities % chunkSize || chunkSize;
|
33
38
|
}, [foundEntities, chunkSize]);
|
34
|
-
const handleDataFetched = React.useCallback((
|
35
|
-
|
36
|
-
|
37
|
-
|
38
|
-
|
39
|
+
const handleDataFetched = React.useCallback((data) => {
|
40
|
+
if (data) {
|
41
|
+
setTotalEntities(data.total);
|
42
|
+
setFoundEntities(data.found);
|
43
|
+
setIsInitialLoad(false);
|
44
|
+
onDataFetched === null || onDataFetched === void 0 ? void 0 : onDataFetched(data);
|
45
|
+
}
|
46
|
+
}, [onDataFetched]);
|
39
47
|
// reset table on filters change
|
40
48
|
React.useLayoutEffect(() => {
|
41
49
|
setTotalEntities(initialTotal);
|
@@ -44,9 +52,9 @@ export const PaginatedTable = ({ limit: chunkSize = DEFAULT_PAGINATION_LIMIT, in
|
|
44
52
|
if (parentRef === null || parentRef === void 0 ? void 0 : parentRef.current) {
|
45
53
|
parentRef.current.scrollTo(0, 0);
|
46
54
|
}
|
47
|
-
}, [
|
55
|
+
}, [rawFilters, initialFound, initialTotal, parentRef]);
|
48
56
|
const renderChunks = () => {
|
49
|
-
return activeChunks.map((isActive, index) => (_jsx(TableChunk, { id: index, calculatedCount: index === activeChunks.length - 1 ? lastChunkSize : chunkSize, chunkSize: chunkSize, rowHeight: rowHeight, columns: columns, fetchData: fetchData, filters: filters, tableName: tableName, sortParams: sortParams, getRowClassName: getRowClassName, renderErrorMessage: renderErrorMessage, renderEmptyDataMessage: renderEmptyDataMessage, onDataFetched: handleDataFetched, isActive: isActive }, index)));
|
57
|
+
return activeChunks.map((isActive, index) => (_jsx(TableChunk, { id: index, calculatedCount: index === activeChunks.length - 1 ? lastChunkSize : chunkSize, chunkSize: chunkSize, rowHeight: rowHeight, columns: columns, fetchData: fetchData, filters: filters, tableName: tableName, sortParams: sortParams, getRowClassName: getRowClassName, renderErrorMessage: renderErrorMessage, renderEmptyDataMessage: renderEmptyDataMessage, onDataFetched: handleDataFetched, isActive: isActive, keepCache: keepCache }, index)));
|
50
58
|
};
|
51
59
|
const renderTable = () => (_jsxs("table", { className: b('table'), children: [_jsx(TableHead, { columns: columns, onSort: setSortParams, onColumnsResize: onColumnsResize }), renderChunks()] }));
|
52
60
|
const renderContent = () => {
|
@@ -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,EAAC,uBAAuB,EAAC,MAAM,oDAAoD,CAAC;AAE3F,OAAO,EAAC,UAAU,EAAC,MAAM,cAAc,CAAC;AACxC,OAAO,EAAC,SAAS,EAAC,MAAM,aAAa,CAAC;AACtC,OAAO,EAAC,wBAAwB,EAAC,MAAM,aAAa,CAAC;AACrD,OAAO,EAAC,CAAC,EAAC,MAAM,UAAU,CAAC;
|
1
|
+
{"version":3,"file":"PaginatedTable.js","sourceRoot":"","sources":["../../../src/components/PaginatedTable/PaginatedTable.tsx"],"names":[],"mappings":"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"}
|
@@ -79,50 +79,69 @@
|
|
79
79
|
display: flex;
|
80
80
|
flex-direction: row;
|
81
81
|
align-items: center;
|
82
|
+
gap: var(--g-spacing-2);
|
82
83
|
|
83
84
|
width: 100%;
|
84
85
|
max-width: 100%;
|
85
86
|
padding: var(--paginated-table-cell-vertical-padding)
|
86
87
|
var(--paginated-table-cell-horizontal-padding);
|
87
88
|
|
89
|
+
font-weight: bold;
|
90
|
+
cursor: default;
|
88
91
|
&_align {
|
89
92
|
&_left {
|
90
93
|
justify-content: left;
|
94
|
+
|
95
|
+
text-align: left;
|
91
96
|
}
|
92
97
|
&_center {
|
93
98
|
justify-content: center;
|
99
|
+
|
100
|
+
text-align: center;
|
94
101
|
}
|
95
102
|
&_right {
|
96
103
|
justify-content: right;
|
104
|
+
|
105
|
+
text-align: right;
|
106
|
+
|
107
|
+
#{$block}__head-cell-content-container {
|
108
|
+
flex-direction: row-reverse;
|
109
|
+
}
|
97
110
|
}
|
98
111
|
}
|
99
112
|
}
|
100
113
|
|
101
|
-
&__head-
|
102
|
-
|
103
|
-
|
104
|
-
font-weight: bold;
|
105
|
-
cursor: default;
|
106
|
-
|
107
|
-
&_sortable {
|
108
|
-
cursor: pointer;
|
114
|
+
&__head-cell_sortable {
|
115
|
+
cursor: pointer;
|
109
116
|
|
110
|
-
|
111
|
-
|
112
|
-
}
|
117
|
+
&#{$block}__head-cell_align_right {
|
118
|
+
flex-direction: row-reverse;
|
113
119
|
}
|
114
120
|
}
|
115
121
|
|
122
|
+
&__head-cell-note {
|
123
|
+
display: flex;
|
124
|
+
}
|
125
|
+
|
116
126
|
// Separate head cell content class for correct text ellipsis overflow
|
117
127
|
&__head-cell-content {
|
118
128
|
overflow: hidden;
|
119
129
|
|
120
|
-
width: min-content;
|
121
|
-
|
122
130
|
white-space: nowrap;
|
123
131
|
text-overflow: ellipsis;
|
124
132
|
}
|
125
133
|
|
134
|
+
&__head-cell-content-container {
|
135
|
+
display: inline-flex;
|
136
|
+
overflow: hidden;
|
137
|
+
gap: var(--g-spacing-1);
|
138
|
+
|
139
|
+
.g-help-mark__button {
|
140
|
+
display: inline-flex;
|
141
|
+
align-items: center;
|
142
|
+
}
|
143
|
+
}
|
144
|
+
|
126
145
|
&__row-cell {
|
127
146
|
display: table-cell;
|
128
147
|
overflow-x: hidden;
|
@@ -1,4 +1,4 @@
|
|
1
|
-
import type { Column, FetchData, GetRowClassName, RenderEmptyDataMessage, RenderErrorMessage, SortParams } from './types';
|
1
|
+
import type { Column, FetchData, GetRowClassName, PaginatedTableData, RenderEmptyDataMessage, RenderErrorMessage, SortParams } from './types';
|
2
2
|
interface TableChunkProps<T, F> {
|
3
3
|
id: number;
|
4
4
|
chunkSize: number;
|
@@ -13,7 +13,8 @@ interface TableChunkProps<T, F> {
|
|
13
13
|
getRowClassName?: GetRowClassName<T>;
|
14
14
|
renderErrorMessage?: RenderErrorMessage;
|
15
15
|
renderEmptyDataMessage?: RenderEmptyDataMessage;
|
16
|
-
onDataFetched: (
|
16
|
+
onDataFetched: (data?: PaginatedTableData<T>) => void;
|
17
|
+
keepCache?: boolean;
|
17
18
|
}
|
18
|
-
export declare const TableChunk: <T, F>({ id, chunkSize, calculatedCount, rowHeight, columns, fetchData, tableName, filters, sortParams, getRowClassName, renderErrorMessage, renderEmptyDataMessage, onDataFetched, isActive, }: TableChunkProps<T, F>) => import("react/jsx-runtime").JSX.Element;
|
19
|
+
export declare const TableChunk: <T, F>({ id, chunkSize, calculatedCount, rowHeight, columns, fetchData, tableName, filters, sortParams, getRowClassName, renderErrorMessage, renderEmptyDataMessage, onDataFetched, isActive, keepCache, }: TableChunkProps<T, F>) => import("react/jsx-runtime").JSX.Element;
|
19
20
|
export {};
|
@@ -9,7 +9,7 @@ import i18n from './i18n';
|
|
9
9
|
import { typedMemo } from './utils';
|
10
10
|
const DEBOUNCE_TIMEOUT = 200;
|
11
11
|
// Memoisation prevents chunks rerenders that could cause perfomance issues on big tables
|
12
|
-
export const TableChunk = typedMemo(function TableChunk({ id, chunkSize, calculatedCount, rowHeight, columns, fetchData, tableName, filters, sortParams, getRowClassName, renderErrorMessage, renderEmptyDataMessage, onDataFetched, isActive, }) {
|
12
|
+
export const TableChunk = typedMemo(function TableChunk({ id, chunkSize, calculatedCount, rowHeight, columns, fetchData, tableName, filters, sortParams, getRowClassName, renderErrorMessage, renderEmptyDataMessage, onDataFetched, isActive, keepCache, }) {
|
13
13
|
var _a;
|
14
14
|
const [isTimeoutActive, setIsTimeoutActive] = React.useState(true);
|
15
15
|
const [autoRefreshInterval] = useAutoRefreshInterval();
|
@@ -26,6 +26,7 @@ export const TableChunk = typedMemo(function TableChunk({ id, chunkSize, calcula
|
|
26
26
|
tableDataApi.useFetchTableChunkQuery(queryParams, {
|
27
27
|
skip: isTimeoutActive || !isActive,
|
28
28
|
pollingInterval: autoRefreshInterval,
|
29
|
+
refetchOnMountOrArgChange: !keepCache,
|
29
30
|
});
|
30
31
|
const { currentData, error } = tableDataApi.endpoints.fetchTableChunk.useQueryState(queryParams);
|
31
32
|
React.useEffect(() => {
|
@@ -41,8 +42,12 @@ export const TableChunk = typedMemo(function TableChunk({ id, chunkSize, calcula
|
|
41
42
|
}, [isActive, isTimeoutActive]);
|
42
43
|
React.useEffect(() => {
|
43
44
|
if (currentData && isActive) {
|
44
|
-
|
45
|
-
|
45
|
+
onDataFetched({
|
46
|
+
...currentData,
|
47
|
+
data: currentData.data,
|
48
|
+
found: currentData.found || 0,
|
49
|
+
total: currentData.total || 0,
|
50
|
+
});
|
46
51
|
}
|
47
52
|
}, [currentData, isActive, onDataFetched]);
|
48
53
|
const dataLength = ((_a = currentData === null || currentData === void 0 ? void 0 : currentData.data) === null || _a === void 0 ? void 0 : _a.length) || calculatedCount;
|
@@ -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,aAAa,EAAE,eAAe,EAAE,QAAQ,EAAC,MAAM,YAAY,CAAC;AACpE,OAAO,IAAI,MAAM,QAAQ,CAAC;
|
1
|
+
{"version":3,"file":"TableChunk.js","sourceRoot":"","sources":["../../../src/components/PaginatedTable/TableChunk.tsx"],"names":[],"mappings":"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"}
|
@@ -1,5 +1,6 @@
|
|
1
1
|
import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
|
2
2
|
import React from 'react';
|
3
|
+
import { HelpMark } from '@gravity-ui/uikit';
|
3
4
|
import { ResizeHandler } from './ResizeHandler';
|
4
5
|
import { ASCENDING, DEFAULT_RESIZEABLE, DEFAULT_SORT_ORDER, DEFAULT_TABLE_ROW_HEIGHT, DESCENDING, } from './constants';
|
5
6
|
import { b } from './shared';
|
@@ -15,6 +16,11 @@ const ColumnSortIcon = ({ sortOrder, sortable, defaultSortOrder }) => {
|
|
15
16
|
return null;
|
16
17
|
}
|
17
18
|
};
|
19
|
+
const columnAlignToHelpMarkPlacement = {
|
20
|
+
left: 'right',
|
21
|
+
right: 'left',
|
22
|
+
center: 'right',
|
23
|
+
};
|
18
24
|
export const TableHeadCell = ({ column, resizeable, sortOrder, defaultSortOrder, onSort, rowHeight, onCellMount, onCellUnMount, onColumnsResize, }) => {
|
19
25
|
var _a;
|
20
26
|
const cellWrapperRef = React.useRef(null);
|
@@ -48,7 +54,7 @@ export const TableHeadCell = ({ column, resizeable, sortOrder, defaultSortOrder,
|
|
48
54
|
if (column.sortable) {
|
49
55
|
onSort === null || onSort === void 0 ? void 0 : onSort(column.name);
|
50
56
|
}
|
51
|
-
}, children: [_jsx("div", { className: b('head-cell-content'), children: content }), _jsx(ColumnSortIcon, { sortOrder: sortOrder, sortable: column.sortable, defaultSortOrder: defaultSortOrder })] }), resizeable ? (_jsx(ResizeHandler, { maxWidth: column.resizeMaxWidth, minWidth: column.resizeMinWidth, getCurrentColumnWidth: getCurrentColumnWidth, onResize: handleResize })) : null] }));
|
57
|
+
}, children: [_jsxs("div", { className: b('head-cell-content-container'), children: [_jsx("div", { className: b('head-cell-content'), children: content }), column.note && (_jsx(HelpMark, { placement: columnAlignToHelpMarkPlacement[column.align], className: b('head-cell-note'), children: column.note }))] }), _jsx(ColumnSortIcon, { sortOrder: sortOrder, sortable: column.sortable, defaultSortOrder: defaultSortOrder })] }), resizeable ? (_jsx(ResizeHandler, { maxWidth: column.resizeMaxWidth, minWidth: column.resizeMinWidth, getCurrentColumnWidth: getCurrentColumnWidth, onResize: handleResize })) : null] }));
|
52
58
|
};
|
53
59
|
export const TableHead = ({ columns, onSort, onColumnsResize, defaultSortOrder = DEFAULT_SORT_ORDER, rowHeight = DEFAULT_TABLE_ROW_HEIGHT, }) => {
|
54
60
|
const [sortParams, setSortParams] = React.useState({});
|
@@ -1 +1 @@
|
|
1
|
-
{"version":3,"file":"TableHead.js","sourceRoot":"","sources":["../../../src/components/PaginatedTable/TableHead.tsx"],"names":[],"mappings":";AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;
|
1
|
+
{"version":3,"file":"TableHead.js","sourceRoot":"","sources":["../../../src/components/PaginatedTable/TableHead.tsx"],"names":[],"mappings":"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"}
|
@@ -20,6 +20,7 @@ export type OnSort = (params: SortParams) => void;
|
|
20
20
|
export type HandleTableColumnsResize = (columnId: string, width: number) => void;
|
21
21
|
export interface Column<T> {
|
22
22
|
name: string;
|
23
|
+
note?: string;
|
23
24
|
header?: React.ReactNode;
|
24
25
|
className?: string;
|
25
26
|
sortable?: boolean;
|
@@ -21,6 +21,13 @@ export const useScrollBasedChunks = ({ parentRef, tableRef, totalItems, rowHeigh
|
|
21
21
|
const end = Math.min(Math.floor(visibleEnd / rowHeight / chunkSize) + overscanCount, Math.max(chunksCount - 1, 0));
|
22
22
|
return { start, end };
|
23
23
|
}, [parentRef, tableRef, rowHeight, chunkSize, overscanCount, chunksCount]);
|
24
|
+
React.useEffect(() => {
|
25
|
+
const newRange = calculateVisibleRange();
|
26
|
+
if (newRange) {
|
27
|
+
setStartChunk(newRange.start);
|
28
|
+
setEndChunk(newRange.end);
|
29
|
+
}
|
30
|
+
}, [chunksCount, calculateVisibleRange]);
|
24
31
|
const handleScroll = React.useCallback(() => {
|
25
32
|
const newRange = calculateVisibleRange();
|
26
33
|
if (newRange) {
|
@@ -1 +1 @@
|
|
1
|
-
{"version":3,"file":"useScrollBasedChunks.js","sourceRoot":"","sources":["../../../src/components/PaginatedTable/useScrollBasedChunks.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,OAAO,EAAC,QAAQ,EAAC,MAAM,QAAQ,CAAC;AAEhC,OAAO,EAAC,yBAAyB,EAAC,MAAM,SAAS,CAAC;AAWlD,MAAM,sBAAsB,GAAG,CAAC,CAAC;AACjC,MAAM,cAAc,GAAG,GAAG,CAAC;AAE3B,MAAM,CAAC,MAAM,oBAAoB,GAAG,CAAC,EACjC,SAAS,EACT,QAAQ,EACR,UAAU,EACV,SAAS,EACT,SAAS,EACT,aAAa,GAAG,sBAAsB,GACd,EAAa,EAAE;IACvC,MAAM,WAAW,GAAG,KAAK,CAAC,OAAO,CAC7B,GAAG,EAAE,CAAC,IAAI,CAAC,IAAI,CAAC,UAAU,GAAG,SAAS,CAAC,EACvC,CAAC,SAAS,EAAE,UAAU,CAAC,CAC1B,CAAC;IAEF,MAAM,CAAC,UAAU,EAAE,aAAa,CAAC,GAAG,KAAK,CAAC,QAAQ,CAAC,CAAC,CAAC,CAAC;IACtD,MAAM,CAAC,QAAQ,EAAE,WAAW,CAAC,GAAG,KAAK,CAAC,QAAQ,CAC1C,IAAI,CAAC,GAAG,CAAC,aAAa,EAAE,IAAI,CAAC,GAAG,CAAC,WAAW,GAAG,CAAC,EAAE,CAAC,CAAC,CAAC,CACxD,CAAC;IAEF,MAAM,qBAAqB,GAAG,KAAK,CAAC,WAAW,CAAC,GAAG,EAAE;QACjD,MAAM,SAAS,GAAG,SAAS,aAAT,SAAS,uBAAT,SAAS,CAAE,OAAO,CAAC;QACrC,MAAM,KAAK,GAAG,QAAQ,CAAC,OAAO,CAAC;QAC/B,IAAI,CAAC,SAAS,IAAI,CAAC,KAAK,EAAE,CAAC;YACvB,OAAO,IAAI,CAAC;QAChB,CAAC;QAED,MAAM,WAAW,GAAG,yBAAyB,CAAC,KAAK,EAAE,SAAS,CAAC,CAAC;QAChE,MAAM,eAAe,GAAG,SAAS,CAAC,SAAS,CAAC;QAC5C,MAAM,YAAY,GAAG,IAAI,CAAC,GAAG,CAAC,eAAe,GAAG,WAAW,EAAE,CAAC,CAAC,CAAC;QAChE,MAAM,UAAU,GAAG,YAAY,GAAG,SAAS,CAAC,YAAY,CAAC;QAEzD,MAAM,KAAK,GAAG,IAAI,CAAC,GAAG,CAAC,IAAI,CAAC,KAAK,CAAC,YAAY,GAAG,SAAS,GAAG,SAAS,CAAC,GAAG,aAAa,EAAE,CAAC,CAAC,CAAC;QAC5F,MAAM,GAAG,GAAG,IAAI,CAAC,GAAG,CAChB,IAAI,CAAC,KAAK,CAAC,UAAU,GAAG,SAAS,GAAG,SAAS,CAAC,GAAG,aAAa,EAC9D,IAAI,CAAC,GAAG,CAAC,WAAW,GAAG,CAAC,EAAE,CAAC,CAAC,CAC/B,CAAC;
|
1
|
+
{"version":3,"file":"useScrollBasedChunks.js","sourceRoot":"","sources":["../../../src/components/PaginatedTable/useScrollBasedChunks.ts"],"names":[],"mappings":"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"}
|
@@ -7,6 +7,7 @@ interface SearchProps {
|
|
7
7
|
className?: string;
|
8
8
|
debounce?: number;
|
9
9
|
placeholder?: string;
|
10
|
+
inputRef?: React.RefObject<HTMLInputElement>;
|
10
11
|
}
|
11
|
-
export declare const Search: ({ onChange, value, width, className, debounce, placeholder, }: SearchProps) => import("react/jsx-runtime").JSX.Element;
|
12
|
+
export declare const Search: ({ onChange, value, width, className, debounce, placeholder, inputRef, }: SearchProps) => import("react/jsx-runtime").JSX.Element;
|
12
13
|
export {};
|
@@ -1,27 +1,9 @@
|
|
1
1
|
import { jsx as _jsx } from "react/jsx-runtime";
|
2
|
-
import React from 'react';
|
3
|
-
import { TextInput } from '@gravity-ui/uikit';
|
4
2
|
import { cn } from '../../utils/cn';
|
3
|
+
import { DebouncedInput } from '../DebouncedInput/DebouncedTextInput';
|
5
4
|
import './Search.scss';
|
6
5
|
const b = cn('ydb-search');
|
7
|
-
export const Search = ({ onChange, value = '', width, className, debounce
|
8
|
-
|
9
|
-
const timer = React.useRef();
|
10
|
-
React.useEffect(() => {
|
11
|
-
setSearchValue((prevValue) => {
|
12
|
-
if (prevValue !== value) {
|
13
|
-
return value;
|
14
|
-
}
|
15
|
-
return prevValue;
|
16
|
-
});
|
17
|
-
}, [value]);
|
18
|
-
const onSearchValueChange = (newValue) => {
|
19
|
-
setSearchValue(newValue);
|
20
|
-
window.clearTimeout(timer.current);
|
21
|
-
timer.current = window.setTimeout(() => {
|
22
|
-
onChange === null || onChange === void 0 ? void 0 : onChange(newValue);
|
23
|
-
}, debounce);
|
24
|
-
};
|
25
|
-
return (_jsx(TextInput, { hasClear: true, autoFocus: true, style: { width }, className: b(null, className), placeholder: placeholder, value: searchValue, onUpdate: onSearchValueChange }));
|
6
|
+
export const Search = ({ onChange, value = '', width, className, debounce, placeholder, inputRef, }) => {
|
7
|
+
return (_jsx(DebouncedInput, { debounce: debounce, hasClear: true, autoFocus: true, controlRef: inputRef, style: { width }, className: b(null, className), placeholder: placeholder, value: value, onUpdate: onChange }));
|
26
8
|
};
|
27
9
|
//# sourceMappingURL=Search.js.map
|
@@ -1 +1 @@
|
|
1
|
-
{"version":3,"file":"Search.js","sourceRoot":"","sources":["../../../src/components/Search/Search.tsx"],"names":[],"mappings":";
|
1
|
+
{"version":3,"file":"Search.js","sourceRoot":"","sources":["../../../src/components/Search/Search.tsx"],"names":[],"mappings":";AAEA,OAAO,EAAC,EAAE,EAAC,MAAM,gBAAgB,CAAC;AAClC,OAAO,EAAC,cAAc,EAAC,MAAM,sCAAsC,CAAC;AAEpE,OAAO,eAAe,CAAC;AAEvB,MAAM,CAAC,GAAG,EAAE,CAAC,YAAY,CAAC,CAAC;AAY3B,MAAM,CAAC,MAAM,MAAM,GAAG,CAAC,EACnB,QAAQ,EACR,KAAK,GAAG,EAAE,EACV,KAAK,EACL,SAAS,EACT,QAAQ,EACR,WAAW,EACX,QAAQ,GACE,EAAE,EAAE;IACd,OAAO,CACH,KAAC,cAAc,IACX,QAAQ,EAAE,QAAQ,EAClB,QAAQ,QACR,SAAS,QACT,UAAU,EAAE,QAAQ,EACpB,KAAK,EAAE,EAAC,KAAK,EAAC,EACd,SAAS,EAAE,CAAC,CAAC,IAAI,EAAE,SAAS,CAAC,EAC7B,WAAW,EAAE,WAAW,EACxB,KAAK,EAAE,KAAK,EACZ,QAAQ,EAAE,QAAQ,GACpB,CACL,CAAC;AACN,CAAC,CAAC"}
|