ydb-embedded-ui 6.15.1 → 6.16.0
Sign up to get free protection for your applications and to get access to all the features.
- package/dist/components/ElapsedTime/ElapsedTime.js +2 -1
- package/dist/components/ElapsedTime/ElapsedTime.js.map +1 -1
- package/dist/components/EmptyState/EmptyState.d.ts +6 -0
- package/dist/components/EmptyState/EmptyState.js +6 -0
- package/dist/components/EmptyState/EmptyState.js.map +1 -1
- package/dist/components/EntitiesCount/EntitiesCount.js +3 -1
- package/dist/components/EntitiesCount/EntitiesCount.js.map +1 -1
- package/dist/components/EntityPageTitle/EntityPageTitle.d.ts +11 -0
- package/dist/components/{DiskPageTitle/DiskPageTitle.js → EntityPageTitle/EntityPageTitle.js} +5 -5
- package/dist/components/EntityPageTitle/EntityPageTitle.js.map +1 -0
- package/dist/components/{DiskPageTitle/DiskPageTitle.scss → EntityPageTitle/EntityPageTitle.scss} +1 -1
- package/dist/components/InfoViewerSkeleton/InfoViewerSkeleton.d.ts +2 -1
- package/dist/components/InfoViewerSkeleton/InfoViewerSkeleton.js +10 -1
- package/dist/components/InfoViewerSkeleton/InfoViewerSkeleton.js.map +1 -1
- package/dist/components/MetricChart/reducer.d.ts +2 -2
- package/dist/components/NotRenderUntilFirstVisible/NotRenderUntilFirstVisible.d.ts +9 -0
- package/dist/components/NotRenderUntilFirstVisible/NotRenderUntilFirstVisible.js +9 -0
- package/dist/components/NotRenderUntilFirstVisible/NotRenderUntilFirstVisible.js.map +1 -0
- package/dist/components/NotRenderUntilFirstVisible/NotRenderUntilFirstVisible.scss +3 -0
- package/dist/components/PageMeta/PageMeta.d.ts +2 -1
- package/dist/components/PageMeta/PageMeta.js +9 -4
- package/dist/components/PageMeta/PageMeta.js.map +1 -1
- package/dist/components/PageMeta/PageMeta.scss +9 -6
- package/dist/components/PaginatedTable/PaginatedTable.d.ts +5 -4
- package/dist/components/PaginatedTable/PaginatedTable.js +24 -116
- package/dist/components/PaginatedTable/PaginatedTable.js.map +1 -1
- package/dist/components/PaginatedTable/ResizeablePaginatedTable.d.ts +2 -2
- package/dist/components/PaginatedTable/ResizeablePaginatedTable.js.map +1 -1
- package/dist/components/PaginatedTable/TableChunk.d.ts +13 -5
- package/dist/components/PaginatedTable/TableChunk.js +51 -21
- package/dist/components/PaginatedTable/TableChunk.js.map +1 -1
- package/dist/components/PaginatedTable/TableRow.js +1 -1
- package/dist/components/PaginatedTable/TableRow.js.map +1 -1
- package/dist/components/PaginatedTable/types.d.ts +8 -1
- package/dist/components/Skeleton/Skeleton.d.ts +6 -0
- package/dist/components/Skeleton/Skeleton.js +11 -0
- package/dist/components/Skeleton/Skeleton.js.map +1 -0
- package/dist/components/Tablet/Tablet.js +2 -2
- package/dist/components/Tablet/Tablet.js.map +1 -1
- package/dist/components/TabletState/TabletState.d.ts +6 -0
- package/dist/components/TabletState/TabletState.js +7 -0
- package/dist/components/TabletState/TabletState.js.map +1 -0
- package/dist/containers/Cluster/Cluster.js +10 -10
- package/dist/containers/Cluster/Cluster.js.map +1 -1
- package/dist/containers/Cluster/Cluster.scss +14 -0
- package/dist/containers/Cluster/i18n/index.d.ts +1 -1
- package/dist/containers/Heatmap/HeatmapCanvas/HeatmapCanvas.js +2 -2
- package/dist/containers/Heatmap/HeatmapCanvas/HeatmapCanvas.js.map +1 -1
- package/dist/containers/Nodes/Nodes.d.ts +2 -1
- package/dist/containers/Nodes/Nodes.js +2 -2
- package/dist/containers/Nodes/Nodes.js.map +1 -1
- package/dist/containers/Nodes/NodesWrapper.d.ts +1 -0
- package/dist/containers/Nodes/NodesWrapper.js.map +1 -1
- package/dist/containers/Nodes/PaginatedNodes.d.ts +2 -1
- package/dist/containers/Nodes/PaginatedNodes.js +6 -18
- package/dist/containers/Nodes/PaginatedNodes.js.map +1 -1
- package/dist/containers/Nodes/getNodes.d.ts +3 -6
- package/dist/containers/Nodes/getNodes.js +19 -2
- package/dist/containers/Nodes/getNodes.js.map +1 -1
- package/dist/containers/PDiskPage/PDiskPage.js +4 -5
- package/dist/containers/PDiskPage/PDiskPage.js.map +1 -1
- package/dist/containers/PDiskPage/PDiskPage.scss +0 -7
- package/dist/containers/PDiskPage/i18n/index.d.ts +1 -1
- package/dist/containers/Storage/PaginatedStorage.d.ts +2 -2
- package/dist/containers/Storage/PaginatedStorage.js +3 -3
- package/dist/containers/Storage/PaginatedStorage.js.map +1 -1
- package/dist/containers/Storage/Storage.d.ts +2 -2
- package/dist/containers/Storage/Storage.js +3 -3
- package/dist/containers/Storage/Storage.js.map +1 -1
- package/dist/containers/Storage/StorageGroups/PaginatedStorageGroups.d.ts +2 -2
- package/dist/containers/Storage/StorageGroups/PaginatedStorageGroups.js +5 -17
- package/dist/containers/Storage/StorageGroups/PaginatedStorageGroups.js.map +1 -1
- package/dist/containers/Storage/StorageGroups/getGroups.d.ts +3 -6
- package/dist/containers/Storage/StorageGroups/getGroups.js +15 -2
- package/dist/containers/Storage/StorageGroups/getGroups.js.map +1 -1
- package/dist/containers/Storage/StorageNodes/PaginatedStorageNodes.d.ts +2 -2
- package/dist/containers/Storage/StorageNodes/PaginatedStorageNodes.js +6 -18
- package/dist/containers/Storage/StorageNodes/PaginatedStorageNodes.js.map +1 -1
- package/dist/containers/Storage/StorageNodes/getNodes.d.ts +3 -5
- package/dist/containers/Storage/StorageNodes/getNodes.js +17 -2
- package/dist/containers/Storage/StorageNodes/getNodes.js.map +1 -1
- package/dist/containers/Storage/StorageWrapper.d.ts +1 -1
- package/dist/containers/Tablet/Tablet.d.ts +1 -1
- package/dist/containers/Tablet/Tablet.js +95 -52
- package/dist/containers/Tablet/Tablet.js.map +1 -1
- package/dist/containers/Tablet/Tablet.scss +4 -81
- package/dist/containers/Tablet/components/TabletControls/TabletControls.d.ts +6 -0
- package/dist/containers/Tablet/components/TabletControls/TabletControls.js +27 -0
- package/dist/containers/Tablet/components/TabletControls/TabletControls.js.map +1 -0
- package/dist/containers/Tablet/components/TabletControls/index.js.map +1 -0
- package/dist/containers/Tablet/components/TabletInfo/TabletInfo.d.ts +7 -0
- package/dist/containers/Tablet/components/TabletInfo/TabletInfo.js +59 -0
- package/dist/containers/Tablet/components/TabletInfo/TabletInfo.js.map +1 -0
- package/dist/containers/Tablet/components/TabletInfo/TabletInfo.scss +12 -0
- package/dist/containers/Tablet/components/TabletInfo/i18n/en.json +16 -0
- package/dist/containers/Tablet/components/TabletInfo/i18n/index.d.ts +1 -0
- package/dist/containers/Tablet/components/TabletInfo/i18n/index.js +5 -0
- package/dist/containers/Tablet/components/TabletInfo/i18n/index.js.map +1 -0
- package/dist/containers/Tablet/components/TabletInfo/index.js.map +1 -0
- package/dist/containers/Tablet/components/TabletStorageInfo/TabletStorageInfo.d.ts +7 -0
- package/dist/containers/Tablet/components/TabletStorageInfo/TabletStorageInfo.js +36 -0
- package/dist/containers/Tablet/components/TabletStorageInfo/TabletStorageInfo.js.map +1 -0
- package/dist/containers/Tablet/components/TabletStorageInfo/TabletStorageInfo.scss +78 -0
- package/dist/containers/Tablet/components/TabletStorageInfo/columns.d.ts +3 -0
- package/dist/containers/Tablet/components/TabletStorageInfo/columns.js +56 -0
- package/dist/containers/Tablet/components/TabletStorageInfo/columns.js.map +1 -0
- package/dist/containers/Tablet/components/TabletStorageInfo/i18n/en.json +7 -0
- package/dist/containers/Tablet/components/TabletStorageInfo/i18n/index.d.ts +1 -0
- package/dist/containers/Tablet/components/TabletStorageInfo/i18n/index.js +5 -0
- package/dist/containers/Tablet/components/TabletStorageInfo/i18n/index.js.map +1 -0
- package/dist/containers/Tablet/components/TabletStorageInfo/shared.d.ts +1 -0
- package/dist/containers/Tablet/components/TabletStorageInfo/shared.js +3 -0
- package/dist/containers/Tablet/components/TabletStorageInfo/shared.js.map +1 -0
- package/dist/containers/Tablet/components/TabletStorageInfo/types.d.ts +5 -0
- package/dist/containers/Tablet/components/TabletStorageInfo/types.js +2 -0
- package/dist/containers/Tablet/components/TabletStorageInfo/types.js.map +1 -0
- package/dist/containers/Tablet/components/TabletStorageInfo/utils.d.ts +3 -0
- package/dist/containers/Tablet/components/TabletStorageInfo/utils.js +29 -0
- package/dist/containers/Tablet/components/TabletStorageInfo/utils.js.map +1 -0
- package/dist/containers/Tablet/{TabletTable → components/TabletTable}/TabletTable.d.ts +1 -1
- package/dist/containers/Tablet/{TabletTable → components/TabletTable}/TabletTable.js +7 -6
- package/dist/containers/Tablet/components/TabletTable/TabletTable.js.map +1 -0
- package/dist/containers/Tablet/components/TabletTable/index.js.map +1 -0
- package/dist/containers/Tablet/i18n/en.json +5 -1
- package/dist/containers/Tablet/i18n/index.d.ts +1 -1
- package/dist/containers/Tablet/utils.d.ts +1 -0
- package/dist/containers/Tablet/utils.js +4 -0
- package/dist/containers/Tablet/utils.js.map +1 -0
- package/dist/containers/Tablets/Tablets.js +16 -10
- package/dist/containers/Tablets/Tablets.js.map +1 -1
- package/dist/containers/Tablets/i18n/index.d.ts +1 -1
- package/dist/containers/Tenant/Acl/Acl.scss +2 -2
- package/dist/containers/Tenant/Diagnostics/Describe/Describe.js +10 -9
- package/dist/containers/Tenant/Diagnostics/Describe/Describe.js.map +1 -1
- package/dist/containers/Tenant/Diagnostics/Describe/Describe.scss +13 -2
- package/dist/containers/Tenant/Diagnostics/Diagnostics.js +2 -2
- package/dist/containers/Tenant/Diagnostics/Diagnostics.js.map +1 -1
- package/dist/containers/Tenant/Diagnostics/Overview/TableInfo/prepareTableInfo.js +21 -11
- package/dist/containers/Tenant/Diagnostics/Overview/TableInfo/prepareTableInfo.js.map +1 -1
- package/dist/containers/Tenant/Diagnostics/TopShards/getTopShardsColumns.js +2 -2
- package/dist/containers/Tenant/Diagnostics/TopShards/getTopShardsColumns.js.map +1 -1
- package/dist/containers/Tenant/ObjectGeneral/ObjectGeneral.js +3 -8
- package/dist/containers/Tenant/ObjectGeneral/ObjectGeneral.js.map +1 -1
- package/dist/containers/Tenant/Query/ExplainResult/components/SimplifiedPlan/SimplifiedPlan.js +2 -5
- package/dist/containers/Tenant/Query/ExplainResult/components/SimplifiedPlan/SimplifiedPlan.js.map +1 -1
- package/dist/containers/Tenant/Query/ExplainResult/components/SimplifiedPlan/utils.d.ts +0 -1
- package/dist/containers/Tenant/Query/ExplainResult/components/SimplifiedPlan/utils.js +0 -21
- package/dist/containers/Tenant/Query/ExplainResult/components/SimplifiedPlan/utils.js.map +1 -1
- package/dist/containers/Tenant/Query/QueriesHistory/QueriesHistory.js +19 -1
- package/dist/containers/Tenant/Query/QueriesHistory/QueriesHistory.js.map +1 -1
- package/dist/containers/Tenant/Query/Query.js +2 -14
- package/dist/containers/Tenant/Query/Query.js.map +1 -1
- package/dist/containers/Tenant/Query/QueryEditor/QueryEditor.js +4 -4
- package/dist/containers/Tenant/Query/QueryEditor/QueryEditor.js.map +1 -1
- package/dist/containers/Tenant/Query/QueryEditorControls/utils/getChangedQueryExecutionSettings.test.js +1 -1
- package/dist/containers/Tenant/Query/QueryEditorControls/utils/getChangedQueryExecutionSettings.test.js.map +1 -1
- package/dist/containers/Tenant/Query/QueryEditorControls/utils/getChangedQueryExecutionSettingsDescription.test.js +1 -1
- package/dist/containers/Tenant/Query/QueryEditorControls/utils/getChangedQueryExecutionSettingsDescription.test.js.map +1 -1
- package/dist/containers/Tenant/Query/QuerySettingsDialog/QuerySettingsDialog.js +3 -3
- package/dist/containers/Tenant/Query/QuerySettingsDialog/QuerySettingsDialog.js.map +1 -1
- package/dist/containers/Tenant/Query/QuerySettingsDialog/constants.d.ts +8 -8
- package/dist/containers/Tenant/Query/QuerySettingsDialog/constants.js +6 -6
- package/dist/containers/Tenant/Query/QuerySettingsDialog/constants.js.map +1 -1
- package/dist/containers/Tenant/Query/i18n/en.json +4 -1
- package/dist/containers/Tenant/Query/i18n/index.d.ts +1 -1
- package/dist/containers/Tenant/Query/utils/useSavedQueries.js +2 -1
- package/dist/containers/Tenant/Query/utils/useSavedQueries.js.map +1 -1
- package/dist/containers/Tenant/Schema/SchemaViewer/columns.js +1 -1
- package/dist/containers/Tenant/Schema/SchemaViewer/columns.js.map +1 -1
- package/dist/containers/Tenant/Schema/SchemaViewer/prepareData.js +2 -2
- package/dist/containers/Tenant/Schema/SchemaViewer/prepareData.js.map +1 -1
- package/dist/containers/Tenant/Schema/SchemaViewer/types.d.ts +1 -1
- package/dist/containers/Tenant/utils/queryTemplates.js +6 -5
- package/dist/containers/Tenant/utils/queryTemplates.js.map +1 -1
- package/dist/containers/UserSettings/i18n/en.json +0 -2
- package/dist/containers/UserSettings/i18n/index.d.ts +1 -1
- package/dist/containers/UserSettings/settings.d.ts +0 -1
- package/dist/containers/UserSettings/settings.js +2 -7
- package/dist/containers/UserSettings/settings.js.map +1 -1
- package/dist/containers/VDiskPage/VDiskPage.js +5 -6
- package/dist/containers/VDiskPage/VDiskPage.js.map +1 -1
- package/dist/containers/VDiskPage/VDiskPage.scss +0 -4
- package/dist/containers/VDiskPage/i18n/index.d.ts +1 -1
- package/dist/routes.d.ts +1 -0
- package/dist/routes.js +3 -0
- package/dist/routes.js.map +1 -1
- package/dist/services/api.d.ts +13 -7
- package/dist/services/api.js +27 -6
- package/dist/services/api.js.map +1 -1
- package/dist/services/settings.d.ts +1 -2
- package/dist/services/settings.js +1 -2
- package/dist/services/settings.js.map +1 -1
- package/dist/store/configureStore.d.ts +4 -8
- package/dist/store/defaultStore.d.ts +2 -4
- package/dist/store/reducers/api.d.ts +1 -1
- package/dist/store/reducers/api.js +1 -1
- package/dist/store/reducers/api.js.map +1 -1
- package/dist/store/reducers/authentication/authentication.d.ts +4 -4
- package/dist/store/reducers/cancelQuery.d.ts +2 -2
- package/dist/store/reducers/capabilities/capabilities.d.ts +6 -10
- 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.d.ts +2 -2
- package/dist/store/reducers/clusterNodes/clusterNodes.d.ts +2 -2
- package/dist/store/reducers/clusters/clusters.d.ts +2 -2
- package/dist/store/reducers/describe.d.ts +2 -2
- package/dist/store/reducers/executeQuery.d.ts +18 -4
- package/dist/store/reducers/executeQuery.js +50 -5
- package/dist/store/reducers/executeQuery.js.map +1 -1
- package/dist/store/reducers/executeTopQueries/executeTopQueries.d.ts +2 -2
- package/dist/store/reducers/explainQuery/explainQuery.d.ts +2 -2
- package/dist/store/reducers/header/types.d.ts +1 -1
- package/dist/store/reducers/healthcheckInfo/healthcheckInfo.d.ts +58 -78
- package/dist/store/reducers/heatmap.d.ts +2 -2
- package/dist/store/reducers/hotKeys/hotKeys.d.ts +2 -2
- package/dist/store/reducers/index.d.ts +3 -6
- package/dist/store/reducers/index.js +0 -2
- package/dist/store/reducers/index.js.map +1 -1
- package/dist/store/reducers/network/network.d.ts +2 -2
- package/dist/store/reducers/node/node.d.ts +3 -3
- package/dist/store/reducers/node/selectors.d.ts +1 -2
- package/dist/store/reducers/nodes/nodes.d.ts +3 -3
- package/dist/store/reducers/nodes/types.d.ts +11 -1
- package/dist/store/reducers/nodesList.d.ts +3 -4
- package/dist/store/reducers/overview/overview.d.ts +2 -2
- package/dist/store/reducers/partitions/partitions.d.ts +2 -2
- package/dist/store/reducers/pdisk/pdisk.d.ts +3 -3
- package/dist/store/reducers/preview.d.ts +2 -2
- package/dist/store/reducers/schema/schema.d.ts +3 -3
- package/dist/store/reducers/schemaAcl/schemaAcl.d.ts +2 -2
- package/dist/store/reducers/shardsWorkload/shardsWorkload.d.ts +2 -2
- package/dist/store/reducers/storage/storage.d.ts +3 -3
- package/dist/store/reducers/storage/types.d.ts +15 -0
- package/dist/store/reducers/storage/types.js.map +1 -1
- package/dist/store/reducers/tableData.d.ts +14 -0
- package/dist/store/reducers/tableData.js +25 -0
- package/dist/store/reducers/tableData.js.map +1 -0
- package/dist/store/reducers/tablet.d.ts +19 -3
- package/dist/store/reducers/tablet.js +82 -13
- package/dist/store/reducers/tablet.js.map +1 -1
- package/dist/store/reducers/tablets.d.ts +15 -23
- package/dist/store/reducers/tablets.js +2 -20
- package/dist/store/reducers/tablets.js.map +1 -1
- package/dist/store/reducers/tabletsFilters.d.ts +1 -2
- package/dist/store/reducers/tenant/tenant.d.ts +2 -2
- package/dist/store/reducers/tenantOverview/executeTopTables/executeTopTables.d.ts +2 -2
- package/dist/store/reducers/tenantOverview/topNodes/topNodes.d.ts +2 -2
- package/dist/store/reducers/tenantOverview/topShards/tenantOverviewTopShards.d.ts +2 -2
- package/dist/store/reducers/tenantOverview/topStorageGroups/topStorageGroups.d.ts +2 -2
- package/dist/store/reducers/tenants/selectors.d.ts +27 -36
- package/dist/store/reducers/tenants/selectors.js +1 -1
- package/dist/store/reducers/tenants/selectors.js.map +1 -1
- package/dist/store/reducers/tenants/tenants.d.ts +2 -2
- package/dist/store/reducers/topic.d.ts +44 -59
- package/dist/store/reducers/vdisk/vdisk.d.ts +2 -2
- package/dist/store/reducers/viewSchema/viewSchema.d.ts +2 -2
- package/dist/styles/mixins.scss +0 -5
- package/dist/types/api/capabilities.d.ts +1 -1
- package/dist/types/api/schema/shared.d.ts +1 -3
- package/dist/types/api/schema/shared.js.map +1 -1
- package/dist/types/api/schema/table.d.ts +2 -0
- package/dist/types/api/schema/table.js.map +1 -1
- package/dist/types/api/tablet.d.ts +22 -0
- package/dist/types/store/executeQuery.d.ts +5 -2
- package/dist/types/store/tablets.d.ts +1 -0
- package/dist/utils/constants.d.ts +1 -2
- package/dist/utils/constants.js +1 -2
- package/dist/utils/constants.js.map +1 -1
- package/dist/utils/dataFormatters/dataFormatters.d.ts +1 -0
- package/dist/utils/dataFormatters/dataFormatters.js +5 -0
- package/dist/utils/dataFormatters/dataFormatters.js.map +1 -1
- package/dist/utils/developerUI/developerUI.d.ts +1 -1
- package/dist/utils/developerUI/developerUI.js +3 -2
- package/dist/utils/developerUI/developerUI.js.map +1 -1
- package/dist/utils/hooks/useQueryExecutionSettings.js +3 -2
- package/dist/utils/hooks/useQueryExecutionSettings.js.map +1 -1
- package/package.json +2 -1
- package/dist/components/DiskPageTitle/DiskPageTitle.d.ts +0 -10
- package/dist/components/DiskPageTitle/DiskPageTitle.js.map +0 -1
- package/dist/components/PaginatedTable/reducer.d.ts +0 -43
- package/dist/components/PaginatedTable/reducer.js +0 -104
- package/dist/components/PaginatedTable/reducer.js.map +0 -1
- package/dist/containers/Tablet/TabletControls/TabletControls.d.ts +0 -7
- package/dist/containers/Tablet/TabletControls/TabletControls.js +0 -29
- package/dist/containers/Tablet/TabletControls/TabletControls.js.map +0 -1
- package/dist/containers/Tablet/TabletControls/index.js.map +0 -1
- package/dist/containers/Tablet/TabletInfo/TabletInfo.d.ts +0 -7
- package/dist/containers/Tablet/TabletInfo/TabletInfo.js +0 -40
- package/dist/containers/Tablet/TabletInfo/TabletInfo.js.map +0 -1
- package/dist/containers/Tablet/TabletInfo/index.js.map +0 -1
- package/dist/containers/Tablet/TabletTable/TabletTable.js.map +0 -1
- package/dist/containers/Tablet/TabletTable/index.js.map +0 -1
- /package/dist/containers/Tablet/{TabletControls → components/TabletControls}/index.d.ts +0 -0
- /package/dist/containers/Tablet/{TabletControls → components/TabletControls}/index.js +0 -0
- /package/dist/containers/Tablet/{TabletInfo → components/TabletInfo}/index.d.ts +0 -0
- /package/dist/containers/Tablet/{TabletInfo → components/TabletInfo}/index.js +0 -0
- /package/dist/containers/Tablet/{TabletTable → components/TabletTable}/index.d.ts +0 -0
- /package/dist/containers/Tablet/{TabletTable → components/TabletTable}/index.js +0 -0
@@ -2,7 +2,8 @@ import { jsx as _jsx } from "react/jsx-runtime";
|
|
2
2
|
import React from 'react';
|
3
3
|
import { duration } from '@gravity-ui/date-utils';
|
4
4
|
import { Label } from '@gravity-ui/uikit';
|
5
|
-
import {
|
5
|
+
import { cn } from '../../utils/cn';
|
6
|
+
import { HOUR_IN_SECONDS, SECOND_IN_MS } from '../../utils/constants';
|
6
7
|
const b = cn('ydb-query-elapsed-time');
|
7
8
|
export default function ElapsedTime({ className }) {
|
8
9
|
const [, reRender] = React.useState({});
|
@@ -1 +1 @@
|
|
1
|
-
{"version":3,"file":"ElapsedTime.js","sourceRoot":"","sources":["../../../src/components/ElapsedTime/ElapsedTime.tsx"],"names":[],"mappings":";AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,OAAO,EAAC,QAAQ,EAAC,MAAM,wBAAwB,CAAC;AAChD,OAAO,EAAC,KAAK,EAAC,MAAM,mBAAmB,CAAC;AAExC,OAAO,EAAC,eAAe,EAAE,YAAY,
|
1
|
+
{"version":3,"file":"ElapsedTime.js","sourceRoot":"","sources":["../../../src/components/ElapsedTime/ElapsedTime.tsx"],"names":[],"mappings":";AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,OAAO,EAAC,QAAQ,EAAC,MAAM,wBAAwB,CAAC;AAChD,OAAO,EAAC,KAAK,EAAC,MAAM,mBAAmB,CAAC;AAExC,OAAO,EAAC,EAAE,EAAC,MAAM,gBAAgB,CAAC;AAClC,OAAO,EAAC,eAAe,EAAE,YAAY,EAAC,MAAM,uBAAuB,CAAC;AAEpE,MAAM,CAAC,GAAG,EAAE,CAAC,wBAAwB,CAAC,CAAC;AAMvC,MAAM,CAAC,OAAO,UAAU,WAAW,CAAC,EAAC,SAAS,EAAmB;IAC7D,MAAM,CAAC,EAAE,QAAQ,CAAC,GAAG,KAAK,CAAC,QAAQ,CAAC,EAAE,CAAC,CAAC;IACxC,MAAM,CAAC,SAAS,CAAC,GAAG,KAAK,CAAC,QAAQ,CAAC,IAAI,CAAC,GAAG,EAAE,CAAC,CAAC;IAC/C,MAAM,WAAW,GAAG,IAAI,CAAC,GAAG,EAAE,GAAG,SAAS,CAAC;IAE3C,KAAK,CAAC,SAAS,CAAC,GAAG,EAAE;QACjB,MAAM,OAAO,GAAG,WAAW,CAAC,GAAG,EAAE;YAC7B,QAAQ,CAAC,EAAE,CAAC,CAAC;QACjB,CAAC,EAAE,YAAY,CAAC,CAAC;QACjB,OAAO,GAAG,EAAE;YACR,aAAa,CAAC,OAAO,CAAC,CAAC;QAC3B,CAAC,CAAC;IACN,CAAC,EAAE,EAAE,CAAC,CAAC;IAEP,MAAM,oBAAoB,GACtB,WAAW,GAAG,eAAe,GAAG,YAAY;QACxC,CAAC,CAAC,QAAQ,CAAC,WAAW,CAAC,CAAC,MAAM,CAAC,UAAU,CAAC;QAC1C,CAAC,CAAC,QAAQ,CAAC,WAAW,CAAC,CAAC,MAAM,CAAC,OAAO,CAAC,CAAC;IAEhD,OAAO,KAAC,KAAK,IAAC,SAAS,EAAE,CAAC,CAAC,IAAI,EAAE,SAAS,CAAC,YAAG,oBAAoB,GAAS,CAAC;AAChF,CAAC"}
|
@@ -13,4 +13,10 @@ export interface EmptyStateProps {
|
|
13
13
|
position?: 'left' | 'center';
|
14
14
|
}
|
15
15
|
export declare const EmptyState: ({ image, title, description, actions, size, position, }: EmptyStateProps) => import("react/jsx-runtime").JSX.Element;
|
16
|
+
interface EmptyStateWrapperProps extends EmptyStateProps {
|
17
|
+
isEmpty?: boolean;
|
18
|
+
children: React.ReactNode;
|
19
|
+
className?: string;
|
20
|
+
}
|
21
|
+
export declare function EmptyStateWrapper({ isEmpty, children, className, ...rest }: EmptyStateWrapperProps): string | number | boolean | Iterable<import("react").ReactNode> | import("react/jsx-runtime").JSX.Element | null | undefined;
|
16
22
|
export {};
|
@@ -12,4 +12,10 @@ const sizes = {
|
|
12
12
|
export const EmptyState = ({ image, title, description, actions, size = 'm', position = 'center', }) => {
|
13
13
|
return (_jsx("div", { className: block({ size }), children: _jsxs("div", { className: block('wrapper', { size, position }), children: [_jsx("div", { className: block('image'), children: image ? (image) : (_jsx(Icon, { data: emptyStateIcon, width: sizes[size], height: sizes[size] })) }), _jsx("div", { className: block('title', { size }), children: title }), _jsx("div", { className: block('description'), children: description }), _jsx("div", { className: block('actions'), children: actions })] }) }));
|
14
14
|
};
|
15
|
+
export function EmptyStateWrapper({ isEmpty, children, className, ...rest }) {
|
16
|
+
if (isEmpty) {
|
17
|
+
return (_jsx("div", { className: className, children: _jsx(EmptyState, { ...rest }) }));
|
18
|
+
}
|
19
|
+
return children;
|
20
|
+
}
|
15
21
|
//# sourceMappingURL=EmptyState.js.map
|
@@ -1 +1 @@
|
|
1
|
-
{"version":3,"file":"EmptyState.js","sourceRoot":"","sources":["../../../src/components/EmptyState/EmptyState.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAC,IAAI,EAAC,MAAM,mBAAmB,CAAC;AAEvC,OAAO,EAAC,EAAE,EAAC,MAAM,gBAAgB,CAAC;AAElC,OAAO,cAAc,MAAM,mCAAmC,CAAC;AAE/D,OAAO,mBAAmB,CAAC;AAE3B,MAAM,KAAK,GAAG,EAAE,CAAC,aAAa,CAAC,CAAC;AAEhC,MAAM,KAAK,GAAG;IACV,CAAC,EAAE,GAAG;IACN,CAAC,EAAE,GAAG;IACN,CAAC,EAAE,GAAG;CACT,CAAC;AAWF,MAAM,CAAC,MAAM,UAAU,GAAG,CAAC,EACvB,KAAK,EACL,KAAK,EACL,WAAW,EACX,OAAO,EACP,IAAI,GAAG,GAAG,EACV,QAAQ,GAAG,QAAQ,GACL,EAAE,EAAE;IAClB,OAAO,CACH,cAAK,SAAS,EAAE,KAAK,CAAC,EAAC,IAAI,EAAC,CAAC,YACzB,eAAK,SAAS,EAAE,KAAK,CAAC,SAAS,EAAE,EAAC,IAAI,EAAE,QAAQ,EAAC,CAAC,aAC9C,cAAK,SAAS,EAAE,KAAK,CAAC,OAAO,CAAC,YACzB,KAAK,CAAC,CAAC,CAAC,CACL,KAAK,CACR,CAAC,CAAC,CAAC,CACA,KAAC,IAAI,IAAC,IAAI,EAAE,cAAc,EAAE,KAAK,EAAE,KAAK,CAAC,IAAI,CAAC,EAAE,MAAM,EAAE,KAAK,CAAC,IAAI,CAAC,GAAI,CAC1E,GACC,EAEN,cAAK,SAAS,EAAE,KAAK,CAAC,OAAO,EAAE,EAAC,IAAI,EAAC,CAAC,YAAG,KAAK,GAAO,EACrD,cAAK,SAAS,EAAE,KAAK,CAAC,aAAa,CAAC,YAAG,WAAW,GAAO,EACzD,cAAK,SAAS,EAAE,KAAK,CAAC,SAAS,CAAC,YAAG,OAAO,GAAO,IAC/C,GACJ,CACT,CAAC;AACN,CAAC,CAAC"}
|
1
|
+
{"version":3,"file":"EmptyState.js","sourceRoot":"","sources":["../../../src/components/EmptyState/EmptyState.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAC,IAAI,EAAC,MAAM,mBAAmB,CAAC;AAEvC,OAAO,EAAC,EAAE,EAAC,MAAM,gBAAgB,CAAC;AAElC,OAAO,cAAc,MAAM,mCAAmC,CAAC;AAE/D,OAAO,mBAAmB,CAAC;AAE3B,MAAM,KAAK,GAAG,EAAE,CAAC,aAAa,CAAC,CAAC;AAEhC,MAAM,KAAK,GAAG;IACV,CAAC,EAAE,GAAG;IACN,CAAC,EAAE,GAAG;IACN,CAAC,EAAE,GAAG;CACT,CAAC;AAWF,MAAM,CAAC,MAAM,UAAU,GAAG,CAAC,EACvB,KAAK,EACL,KAAK,EACL,WAAW,EACX,OAAO,EACP,IAAI,GAAG,GAAG,EACV,QAAQ,GAAG,QAAQ,GACL,EAAE,EAAE;IAClB,OAAO,CACH,cAAK,SAAS,EAAE,KAAK,CAAC,EAAC,IAAI,EAAC,CAAC,YACzB,eAAK,SAAS,EAAE,KAAK,CAAC,SAAS,EAAE,EAAC,IAAI,EAAE,QAAQ,EAAC,CAAC,aAC9C,cAAK,SAAS,EAAE,KAAK,CAAC,OAAO,CAAC,YACzB,KAAK,CAAC,CAAC,CAAC,CACL,KAAK,CACR,CAAC,CAAC,CAAC,CACA,KAAC,IAAI,IAAC,IAAI,EAAE,cAAc,EAAE,KAAK,EAAE,KAAK,CAAC,IAAI,CAAC,EAAE,MAAM,EAAE,KAAK,CAAC,IAAI,CAAC,GAAI,CAC1E,GACC,EAEN,cAAK,SAAS,EAAE,KAAK,CAAC,OAAO,EAAE,EAAC,IAAI,EAAC,CAAC,YAAG,KAAK,GAAO,EACrD,cAAK,SAAS,EAAE,KAAK,CAAC,aAAa,CAAC,YAAG,WAAW,GAAO,EACzD,cAAK,SAAS,EAAE,KAAK,CAAC,SAAS,CAAC,YAAG,OAAO,GAAO,IAC/C,GACJ,CACT,CAAC;AACN,CAAC,CAAC;AAQF,MAAM,UAAU,iBAAiB,CAAC,EAAC,OAAO,EAAE,QAAQ,EAAE,SAAS,EAAE,GAAG,IAAI,EAAyB;IAC7F,IAAI,OAAO,EAAE,CAAC;QACV,OAAO,CACH,cAAK,SAAS,EAAE,SAAS,YACrB,KAAC,UAAU,OAAK,IAAI,GAAI,GACtB,CACT,CAAC;IACN,CAAC;IACD,OAAO,QAAQ,CAAC;AACpB,CAAC"}
|
@@ -1,6 +1,8 @@
|
|
1
1
|
import { jsx as _jsx } from "react/jsx-runtime";
|
2
2
|
import { Label } from '@gravity-ui/uikit';
|
3
|
+
import { cn } from '../../utils/cn';
|
3
4
|
import i18n from './i18n';
|
5
|
+
const b = cn('ydb-entities-count');
|
4
6
|
export const EntitiesCount = ({ total, current, label, loading, className }) => {
|
5
7
|
let content = '';
|
6
8
|
if (label) {
|
@@ -15,6 +17,6 @@ export const EntitiesCount = ({ total, current, label, loading, className }) =>
|
|
15
17
|
content += ` ${i18n('of')} ${total}`;
|
16
18
|
}
|
17
19
|
}
|
18
|
-
return (_jsx(Label, { theme: "info", size: "m", className: className, children: content }));
|
20
|
+
return (_jsx(Label, { theme: "info", size: "m", className: b(null, className), children: content }));
|
19
21
|
};
|
20
22
|
//# sourceMappingURL=EntitiesCount.js.map
|
@@ -1 +1 @@
|
|
1
|
-
{"version":3,"file":"EntitiesCount.js","sourceRoot":"","sources":["../../../src/components/EntitiesCount/EntitiesCount.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAC,KAAK,EAAC,MAAM,mBAAmB,CAAC;AAExC,OAAO,IAAI,MAAM,QAAQ,CAAC;
|
1
|
+
{"version":3,"file":"EntitiesCount.js","sourceRoot":"","sources":["../../../src/components/EntitiesCount/EntitiesCount.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAC,KAAK,EAAC,MAAM,mBAAmB,CAAC;AAExC,OAAO,EAAC,EAAE,EAAC,MAAM,gBAAgB,CAAC;AAElC,OAAO,IAAI,MAAM,QAAQ,CAAC;AAE1B,MAAM,CAAC,GAAG,EAAE,CAAC,oBAAoB,CAAC,CAAC;AAUnC,MAAM,CAAC,MAAM,aAAa,GAAG,CAAC,EAAC,KAAK,EAAE,OAAO,EAAE,KAAK,EAAE,OAAO,EAAE,SAAS,EAAqB,EAAE,EAAE;IAC7F,IAAI,OAAO,GAAG,EAAE,CAAC;IAEjB,IAAI,KAAK,EAAE,CAAC;QACR,OAAO,IAAI,GAAG,KAAK,IAAI,CAAC;IAC5B,CAAC;IAED,IAAI,OAAO,EAAE,CAAC;QACV,OAAO,IAAI,KAAK,CAAC;IACrB,CAAC;SAAM,CAAC;QACJ,OAAO,IAAI,GAAG,OAAO,EAAE,CAAC;QAExB,IAAI,KAAK,IAAI,MAAM,CAAC,KAAK,CAAC,KAAK,MAAM,CAAC,OAAO,CAAC,EAAE,CAAC;YAC7C,OAAO,IAAI,IAAI,IAAI,CAAC,IAAI,CAAC,IAAI,KAAK,EAAE,CAAC;QACzC,CAAC;IACL,CAAC;IAED,OAAO,CACH,KAAC,KAAK,IAAC,KAAK,EAAC,MAAM,EAAC,IAAI,EAAC,GAAG,EAAC,SAAS,EAAE,CAAC,CAAC,IAAI,EAAE,SAAS,CAAC,YACrD,OAAO,GACJ,CACX,CAAC;AACN,CAAC,CAAC"}
|
@@ -0,0 +1,11 @@
|
|
1
|
+
import type { EFlag } from '../../types/api/enums';
|
2
|
+
import './EntityPageTitle.scss';
|
3
|
+
interface EntityPageTitleProps {
|
4
|
+
entityName: React.ReactNode;
|
5
|
+
status: EFlag;
|
6
|
+
id: React.ReactNode;
|
7
|
+
className?: string;
|
8
|
+
children?: React.ReactNode;
|
9
|
+
}
|
10
|
+
export declare function EntityPageTitle({ entityName, status, id, className, children, }: EntityPageTitleProps): import("react/jsx-runtime").JSX.Element;
|
11
|
+
export {};
|
package/dist/components/{DiskPageTitle/DiskPageTitle.js → EntityPageTitle/EntityPageTitle.js}
RENAMED
@@ -1,9 +1,9 @@
|
|
1
1
|
import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
|
2
2
|
import { cn } from '../../utils/cn';
|
3
3
|
import { StatusIcon } from '../StatusIcon/StatusIcon';
|
4
|
-
import './
|
5
|
-
const b = cn('ydb-
|
6
|
-
export function
|
7
|
-
return (_jsxs("div", { className: b(null, className), children: [_jsx("span", { className: b('prefix'), children: entityName }), _jsx(StatusIcon, { className: b('icon'), status: status, size: "s" }), id] }));
|
4
|
+
import './EntityPageTitle.scss';
|
5
|
+
const b = cn('ydb-entity-page-title');
|
6
|
+
export function EntityPageTitle({ entityName, status, id, className, children, }) {
|
7
|
+
return (_jsxs("div", { className: b(null, className), children: [_jsx("span", { className: b('prefix'), children: entityName }), _jsx(StatusIcon, { className: b('icon'), status: status, size: "s" }), id, children] }));
|
8
8
|
}
|
9
|
-
//# sourceMappingURL=
|
9
|
+
//# sourceMappingURL=EntityPageTitle.js.map
|
@@ -0,0 +1 @@
|
|
1
|
+
{"version":3,"file":"EntityPageTitle.js","sourceRoot":"","sources":["../../../src/components/EntityPageTitle/EntityPageTitle.tsx"],"names":[],"mappings":";AACA,OAAO,EAAC,EAAE,EAAC,MAAM,gBAAgB,CAAC;AAClC,OAAO,EAAC,UAAU,EAAC,MAAM,0BAA0B,CAAC;AAEpD,OAAO,wBAAwB,CAAC;AAEhC,MAAM,CAAC,GAAG,EAAE,CAAC,uBAAuB,CAAC,CAAC;AAUtC,MAAM,UAAU,eAAe,CAAC,EAC5B,UAAU,EACV,MAAM,EACN,EAAE,EACF,SAAS,EACT,QAAQ,GACW;IACnB,OAAO,CACH,eAAK,SAAS,EAAE,CAAC,CAAC,IAAI,EAAE,SAAS,CAAC,aAC9B,eAAM,SAAS,EAAE,CAAC,CAAC,QAAQ,CAAC,YAAG,UAAU,GAAQ,EACjD,KAAC,UAAU,IAAC,SAAS,EAAE,CAAC,CAAC,MAAM,CAAC,EAAE,MAAM,EAAE,MAAM,EAAE,IAAI,EAAC,GAAG,GAAG,EAC5D,EAAE,EACF,QAAQ,IACP,CACT,CAAC;AACN,CAAC"}
|
@@ -2,6 +2,7 @@ import './InfoViewerSkeleton.scss';
|
|
2
2
|
interface InfoViewerSkeletonProps {
|
3
3
|
className?: string;
|
4
4
|
rows?: number;
|
5
|
+
delay?: number;
|
5
6
|
}
|
6
|
-
export declare const InfoViewerSkeleton: ({ rows, className }: InfoViewerSkeletonProps) => import("react/jsx-runtime").JSX.Element;
|
7
|
+
export declare const InfoViewerSkeleton: ({ rows, className, delay }: InfoViewerSkeletonProps) => import("react/jsx-runtime").JSX.Element;
|
7
8
|
export {};
|
@@ -1,8 +1,17 @@
|
|
1
1
|
import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
|
2
|
+
import React from 'react';
|
2
3
|
import { Skeleton } from '@gravity-ui/uikit';
|
3
4
|
import { cn } from '../../utils/cn';
|
5
|
+
import { useDelayed } from '../../utils/hooks/useDelayed';
|
4
6
|
import './InfoViewerSkeleton.scss';
|
5
7
|
const b = cn('ydb-info-viewer-skeleton');
|
6
8
|
const SkeletonLabel = () => (_jsxs("div", { className: b('label'), children: [_jsx(Skeleton, { className: b('label__text') }), _jsx("div", { className: b('label__dots') })] }));
|
7
|
-
export const InfoViewerSkeleton = ({ rows = 8, className
|
9
|
+
export const InfoViewerSkeleton = ({ rows = 8, className, delay = 600 }) => {
|
10
|
+
const show = useDelayed(delay);
|
11
|
+
let skeletons = (_jsxs(React.Fragment, { children: [_jsx(SkeletonLabel, {}), _jsx(Skeleton, { className: b('value') })] }));
|
12
|
+
if (!show) {
|
13
|
+
skeletons = null;
|
14
|
+
}
|
15
|
+
return (_jsx("div", { className: b(null, className), children: [...new Array(rows)].map((_, index) => (_jsx("div", { className: b('row'), children: skeletons }, `skeleton-row-${index}`))) }));
|
16
|
+
};
|
8
17
|
//# sourceMappingURL=InfoViewerSkeleton.js.map
|
@@ -1 +1 @@
|
|
1
|
-
{"version":3,"file":"InfoViewerSkeleton.js","sourceRoot":"","sources":["../../../src/components/InfoViewerSkeleton/InfoViewerSkeleton.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAC,QAAQ,EAAC,MAAM,mBAAmB,CAAC;AAE3C,OAAO,EAAC,EAAE,EAAC,MAAM,gBAAgB,CAAC;
|
1
|
+
{"version":3,"file":"InfoViewerSkeleton.js","sourceRoot":"","sources":["../../../src/components/InfoViewerSkeleton/InfoViewerSkeleton.tsx"],"names":[],"mappings":";AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,OAAO,EAAC,QAAQ,EAAC,MAAM,mBAAmB,CAAC;AAE3C,OAAO,EAAC,EAAE,EAAC,MAAM,gBAAgB,CAAC;AAClC,OAAO,EAAC,UAAU,EAAC,MAAM,8BAA8B,CAAC;AAExD,OAAO,2BAA2B,CAAC;AAEnC,MAAM,CAAC,GAAG,EAAE,CAAC,0BAA0B,CAAC,CAAC;AAEzC,MAAM,aAAa,GAAG,GAAG,EAAE,CAAC,CACxB,eAAK,SAAS,EAAE,CAAC,CAAC,OAAO,CAAC,aACtB,KAAC,QAAQ,IAAC,SAAS,EAAE,CAAC,CAAC,aAAa,CAAC,GAAI,EACzC,cAAK,SAAS,EAAE,CAAC,CAAC,aAAa,CAAC,GAAI,IAClC,CACT,CAAC;AAQF,MAAM,CAAC,MAAM,kBAAkB,GAAG,CAAC,EAAC,IAAI,GAAG,CAAC,EAAE,SAAS,EAAE,KAAK,GAAG,GAAG,EAA0B,EAAE,EAAE;IAC9F,MAAM,IAAI,GAAG,UAAU,CAAC,KAAK,CAAC,CAAC;IAC/B,IAAI,SAAS,GAAoB,CAC7B,MAAC,KAAK,CAAC,QAAQ,eACX,KAAC,aAAa,KAAG,EACjB,KAAC,QAAQ,IAAC,SAAS,EAAE,CAAC,CAAC,OAAO,CAAC,GAAI,IACtB,CACpB,CAAC;IACF,IAAI,CAAC,IAAI,EAAE,CAAC;QACR,SAAS,GAAG,IAAI,CAAC;IACrB,CAAC;IACD,OAAO,CACH,cAAK,SAAS,EAAE,CAAC,CAAC,IAAI,EAAE,SAAS,CAAC,YAC7B,CAAC,GAAG,IAAI,KAAK,CAAC,IAAI,CAAC,CAAC,CAAC,GAAG,CAAC,CAAC,CAAC,EAAE,KAAK,EAAE,EAAE,CAAC,CACpC,cAAK,SAAS,EAAE,CAAC,CAAC,KAAK,CAAC,YACnB,SAAS,IADiB,gBAAgB,KAAK,EAAE,CAEhD,CACT,CAAC,GACA,CACT,CAAC;AACN,CAAC,CAAC"}
|
@@ -1,4 +1,4 @@
|
|
1
1
|
import type { GetChartDataParams } from './getChartData';
|
2
2
|
export declare const chartApi: import("@reduxjs/toolkit/query").Api<import("@reduxjs/toolkit/query").BaseQueryFn<void, typeof import("../../store/reducers/api")._NEVER, unknown, {}>, {
|
3
|
-
getChartData: import("@reduxjs/toolkit/query").QueryDefinition<GetChartDataParams, import("@reduxjs/toolkit/query").BaseQueryFn<void, typeof import("../../store/reducers/api")._NEVER, unknown, {}>, "All" | "PDiskData" | "UserData" | "PreviewData", import("./types").PreparedMetricsData | undefined, "api">;
|
4
|
-
}, "api", "All" | "PDiskData" | "UserData" | "PreviewData", typeof import("@reduxjs/toolkit/query").coreModuleName | typeof import("@reduxjs/toolkit/query/react").reactHooksModuleName>;
|
3
|
+
getChartData: import("@reduxjs/toolkit/query").QueryDefinition<GetChartDataParams, import("@reduxjs/toolkit/query").BaseQueryFn<void, typeof import("../../store/reducers/api")._NEVER, unknown, {}>, "All" | "PDiskData" | "UserData" | "PreviewData" | "Tablet", import("./types").PreparedMetricsData | undefined, "api">;
|
4
|
+
}, "api", "All" | "PDiskData" | "UserData" | "PreviewData" | "Tablet", typeof import("@reduxjs/toolkit/query").coreModuleName | typeof import("@reduxjs/toolkit/query/react").reactHooksModuleName>;
|
@@ -0,0 +1,9 @@
|
|
1
|
+
import React from 'react';
|
2
|
+
import './NotRenderUntilFirstVisible.scss';
|
3
|
+
interface Props {
|
4
|
+
show?: boolean;
|
5
|
+
className?: string;
|
6
|
+
children: React.ReactNode;
|
7
|
+
}
|
8
|
+
export default function NotRenderUntilFirstVisible({ show, className, children }: Props): import("react/jsx-runtime").JSX.Element;
|
9
|
+
export {};
|
@@ -0,0 +1,9 @@
|
|
1
|
+
import { jsx as _jsx } from "react/jsx-runtime";
|
2
|
+
import { Freeze } from 'react-freeze';
|
3
|
+
import { cn } from '../../utils/cn';
|
4
|
+
import './NotRenderUntilFirstVisible.scss';
|
5
|
+
const block = cn('ydb-not-render-until-first-visible');
|
6
|
+
export default function NotRenderUntilFirstVisible({ show, className, children }) {
|
7
|
+
return (_jsx("div", { style: show ? undefined : { display: 'none' }, className: block(null, className), children: _jsx(Freeze, { freeze: !show, children: children }) }));
|
8
|
+
}
|
9
|
+
//# sourceMappingURL=NotRenderUntilFirstVisible.js.map
|
@@ -0,0 +1 @@
|
|
1
|
+
{"version":3,"file":"NotRenderUntilFirstVisible.js","sourceRoot":"","sources":["../../../src/components/NotRenderUntilFirstVisible/NotRenderUntilFirstVisible.tsx"],"names":[],"mappings":";AAEA,OAAO,EAAC,MAAM,EAAC,MAAM,cAAc,CAAC;AAEpC,OAAO,EAAC,EAAE,EAAC,MAAM,gBAAgB,CAAC;AAElC,OAAO,mCAAmC,CAAC;AAE3C,MAAM,KAAK,GAAG,EAAE,CAAC,oCAAoC,CAAC,CAAC;AAQvD,MAAM,CAAC,OAAO,UAAU,0BAA0B,CAAC,EAAC,IAAI,EAAE,SAAS,EAAE,QAAQ,EAAQ;IACjF,OAAO,CACH,cAAK,KAAK,EAAE,IAAI,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC,EAAC,OAAO,EAAE,MAAM,EAAC,EAAE,SAAS,EAAE,KAAK,CAAC,IAAI,EAAE,SAAS,CAAC,YAC/E,KAAC,MAAM,IAAC,MAAM,EAAE,CAAC,IAAI,YAAG,QAAQ,GAAU,GACxC,CACT,CAAC;AACN,CAAC"}
|
@@ -4,5 +4,6 @@ interface PageMetaProps {
|
|
4
4
|
className?: string;
|
5
5
|
loading?: boolean;
|
6
6
|
}
|
7
|
-
export declare function PageMeta({ items, loading
|
7
|
+
export declare function PageMeta({ items, loading }: PageMetaProps): import("react/jsx-runtime").JSX.Element;
|
8
|
+
export declare function PageMetaWithAutorefresh({ className, ...rest }: PageMetaProps): import("react/jsx-runtime").JSX.Element;
|
8
9
|
export {};
|
@@ -1,15 +1,20 @@
|
|
1
|
-
import { jsx as _jsx } from "react/jsx-runtime";
|
2
|
-
import {
|
1
|
+
import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
|
2
|
+
import { Flex } from '@gravity-ui/uikit';
|
3
3
|
import { cn } from '../../utils/cn';
|
4
|
+
import { AutoRefreshControl } from '../AutoRefreshControl/AutoRefreshControl';
|
5
|
+
import { Skeleton } from '../Skeleton/Skeleton';
|
4
6
|
import './PageMeta.scss';
|
5
7
|
const b = cn('ydb-page-meta');
|
6
|
-
export function PageMeta({ items, loading
|
8
|
+
export function PageMeta({ items, loading }) {
|
7
9
|
const renderContent = () => {
|
8
10
|
if (loading) {
|
9
11
|
return _jsx(Skeleton, { className: b('skeleton') });
|
10
12
|
}
|
11
13
|
return items.filter((item) => Boolean(item)).join('\u00a0\u00a0\u00B7\u00a0\u00a0');
|
12
14
|
};
|
13
|
-
return _jsx("div", { className: b(
|
15
|
+
return _jsx("div", { className: b('info'), children: renderContent() });
|
16
|
+
}
|
17
|
+
export function PageMetaWithAutorefresh({ className, ...rest }) {
|
18
|
+
return (_jsxs(Flex, { gap: 1, alignItems: "center", justifyContent: "space-between", className: b(null, className), children: [_jsx(PageMeta, { ...rest }), _jsx(AutoRefreshControl, {})] }));
|
14
19
|
}
|
15
20
|
//# sourceMappingURL=PageMeta.js.map
|
@@ -1 +1 @@
|
|
1
|
-
{"version":3,"file":"PageMeta.js","sourceRoot":"","sources":["../../../src/components/PageMeta/PageMeta.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAC,
|
1
|
+
{"version":3,"file":"PageMeta.js","sourceRoot":"","sources":["../../../src/components/PageMeta/PageMeta.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAC,IAAI,EAAC,MAAM,mBAAmB,CAAC;AAEvC,OAAO,EAAC,EAAE,EAAC,MAAM,gBAAgB,CAAC;AAClC,OAAO,EAAC,kBAAkB,EAAC,MAAM,0CAA0C,CAAC;AAC5E,OAAO,EAAC,QAAQ,EAAC,MAAM,sBAAsB,CAAC;AAE9C,OAAO,iBAAiB,CAAC;AAEzB,MAAM,CAAC,GAAG,EAAE,CAAC,eAAe,CAAC,CAAC;AAQ9B,MAAM,UAAU,QAAQ,CAAC,EAAC,KAAK,EAAE,OAAO,EAAgB;IACpD,MAAM,aAAa,GAAG,GAAG,EAAE;QACvB,IAAI,OAAO,EAAE,CAAC;YACV,OAAO,KAAC,QAAQ,IAAC,SAAS,EAAE,CAAC,CAAC,UAAU,CAAC,GAAI,CAAC;QAClD,CAAC;QAED,OAAO,KAAK,CAAC,MAAM,CAAC,CAAC,IAAI,EAAE,EAAE,CAAC,OAAO,CAAC,IAAI,CAAC,CAAC,CAAC,IAAI,CAAC,gCAAgC,CAAC,CAAC;IACxF,CAAC,CAAC;IAEF,OAAO,cAAK,SAAS,EAAE,CAAC,CAAC,MAAM,CAAC,YAAG,aAAa,EAAE,GAAO,CAAC;AAC9D,CAAC;AAED,MAAM,UAAU,uBAAuB,CAAC,EAAC,SAAS,EAAE,GAAG,IAAI,EAAgB;IACvE,OAAO,CACH,MAAC,IAAI,IACD,GAAG,EAAE,CAAC,EACN,UAAU,EAAC,QAAQ,EACnB,cAAc,EAAC,eAAe,EAC9B,SAAS,EAAE,CAAC,CAAC,IAAI,EAAE,SAAS,CAAC,aAE7B,KAAC,QAAQ,OAAK,IAAI,GAAI,EACtB,KAAC,kBAAkB,KAAG,IACnB,CACV,CAAC;AACN,CAAC"}
|
@@ -1,16 +1,19 @@
|
|
1
1
|
@import '../../styles//mixins.scss';
|
2
2
|
|
3
3
|
.ydb-page-meta {
|
4
|
-
|
5
|
-
|
4
|
+
&__info {
|
5
|
+
display: flex;
|
6
|
+
flex-grow: 1;
|
7
|
+
flex-flow: row nowrap;
|
6
8
|
|
7
|
-
|
9
|
+
height: var(--g-text-body-2-line-height);
|
8
10
|
|
9
|
-
|
11
|
+
text-wrap: nowrap;
|
10
12
|
|
11
|
-
|
13
|
+
color: var(--g-color-text-primary);
|
12
14
|
|
13
|
-
|
15
|
+
@include body-2-typography();
|
16
|
+
}
|
14
17
|
|
15
18
|
&__skeleton {
|
16
19
|
width: 80%;
|
@@ -1,8 +1,10 @@
|
|
1
1
|
import type { Column, FetchData, GetRowClassName, HandleTableColumnsResize, RenderControls, RenderEmptyDataMessage, RenderErrorMessage, SortParams } from './types';
|
2
2
|
import './PaginatedTable.scss';
|
3
|
-
export interface PaginatedTableProps<T> {
|
3
|
+
export interface PaginatedTableProps<T, F> {
|
4
4
|
limit: number;
|
5
|
-
fetchData: FetchData<T>;
|
5
|
+
fetchData: FetchData<T, F>;
|
6
|
+
filters?: F;
|
7
|
+
tableName: string;
|
6
8
|
columns: Column<T>[];
|
7
9
|
getRowClassName?: GetRowClassName<T>;
|
8
10
|
rowHeight?: number;
|
@@ -12,6 +14,5 @@ export interface PaginatedTableProps<T> {
|
|
12
14
|
renderControls?: RenderControls;
|
13
15
|
renderEmptyDataMessage?: RenderEmptyDataMessage;
|
14
16
|
renderErrorMessage?: RenderErrorMessage;
|
15
|
-
dependencyArray?: unknown[];
|
16
17
|
}
|
17
|
-
export declare const PaginatedTable: <T>({ limit, fetchData, columns, getRowClassName, rowHeight, parentContainer, initialSortParams, onColumnsResize, renderControls,
|
18
|
+
export declare const PaginatedTable: <T, F>({ limit, fetchData, filters, tableName, columns, getRowClassName, rowHeight, parentContainer, initialSortParams, onColumnsResize, renderControls, renderErrorMessage, renderEmptyDataMessage, }: PaginatedTableProps<T, F>) => import("react/jsx-runtime").JSX.Element;
|
@@ -1,155 +1,63 @@
|
|
1
1
|
import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
|
2
2
|
import React from 'react';
|
3
3
|
import { getArray } from '../../utils';
|
4
|
-
import { ResponseError } from '../Errors/ResponseError';
|
5
4
|
import { TableWithControlsLayout } from '../TableWithControlsLayout/TableWithControlsLayout';
|
6
5
|
import { TableChunk } from './TableChunk';
|
7
6
|
import { TableHead } from './TableHead';
|
8
7
|
import { EmptyTableRow } from './TableRow';
|
9
|
-
import {
|
8
|
+
import { DEFAULT_TABLE_ROW_HEIGHT } from './constants';
|
10
9
|
import i18n from './i18n';
|
11
|
-
import { createPaginatedTableReducer, initChunk, removeChunk, resetChunks, setChunkData, setChunkError, setChunkLoading, } from './reducer';
|
12
10
|
import { b } from './shared';
|
13
11
|
import { useIntersectionObserver } from './useIntersectionObserver';
|
14
12
|
import './PaginatedTable.scss';
|
15
|
-
export const PaginatedTable = ({ limit, fetchData, columns, getRowClassName, rowHeight = DEFAULT_TABLE_ROW_HEIGHT, parentContainer, initialSortParams, onColumnsResize, renderControls,
|
16
|
-
const inited = React.useRef(false);
|
17
|
-
const tableContainer = React.useRef(null);
|
18
|
-
const [state, dispatch] = React.useReducer(createPaginatedTableReducer(), {});
|
13
|
+
export const PaginatedTable = ({ limit, fetchData, filters, tableName, columns, getRowClassName, rowHeight = DEFAULT_TABLE_ROW_HEIGHT, parentContainer, initialSortParams, onColumnsResize, renderControls, renderErrorMessage, renderEmptyDataMessage, }) => {
|
19
14
|
const [sortParams, setSortParams] = React.useState(initialSortParams);
|
20
15
|
const [totalEntities, setTotalEntities] = React.useState(limit);
|
21
16
|
const [foundEntities, setFoundEntities] = React.useState(0);
|
22
|
-
const [
|
23
|
-
const
|
24
|
-
const
|
25
|
-
|
26
|
-
|
27
|
-
|
28
|
-
|
29
|
-
|
30
|
-
const { data, total, found } = response;
|
31
|
-
setTotalEntities(total);
|
32
|
-
setFoundEntities(found);
|
33
|
-
inited.current = true;
|
34
|
-
dispatch(setChunkData(id, data));
|
35
|
-
}
|
36
|
-
catch (err) {
|
37
|
-
// Do not set error on cancelled requests
|
38
|
-
if (err === null || err === void 0 ? void 0 : err.isCancelled) {
|
39
|
-
return;
|
40
|
-
}
|
41
|
-
dispatch(setChunkError(id, err));
|
42
|
-
setError(err);
|
43
|
-
}
|
44
|
-
}, DEFAULT_REQUEST_TIMEOUT);
|
45
|
-
// Chunk data load could be triggered by different events
|
46
|
-
// Cancel previous chunk request, while it is pending (instead of concurrentId)
|
47
|
-
if (pendingRequests.current[id]) {
|
48
|
-
const oldTimer = pendingRequests.current[id];
|
49
|
-
window.clearTimeout(oldTimer);
|
50
|
-
}
|
51
|
-
pendingRequests.current[id] = timer;
|
52
|
-
}, [fetchData, limit, sortParams]);
|
17
|
+
const [activeChunks, setActiveChunks] = React.useState([]);
|
18
|
+
const [isInitialLoad, setIsInitialLoad] = React.useState(true);
|
19
|
+
const tableContainer = React.useRef(null);
|
20
|
+
const handleDataFetched = React.useCallback((total, found) => {
|
21
|
+
setTotalEntities(total);
|
22
|
+
setFoundEntities(found);
|
23
|
+
setIsInitialLoad(false);
|
24
|
+
}, []);
|
53
25
|
const onEntry = React.useCallback((id) => {
|
54
|
-
|
26
|
+
setActiveChunks((prev) => [...new Set([...prev, Number(id)])]);
|
55
27
|
}, []);
|
56
28
|
const onLeave = React.useCallback((id) => {
|
57
|
-
|
58
|
-
// If there is a pending request for the removed chunk, cancel it
|
59
|
-
// It made to prevent excessive requests on fast scroll
|
60
|
-
if (pendingRequests.current[id]) {
|
61
|
-
const timer = pendingRequests.current[id];
|
62
|
-
window.clearTimeout(timer);
|
63
|
-
delete pendingRequests.current[id];
|
64
|
-
}
|
65
|
-
}, []);
|
66
|
-
// Cancel all pending requests on component unmount
|
67
|
-
React.useEffect(() => {
|
68
|
-
return () => {
|
69
|
-
Object.values(pendingRequests.current).forEach((timer) => {
|
70
|
-
window.clearTimeout(timer);
|
71
|
-
});
|
72
|
-
pendingRequests.current = {};
|
73
|
-
};
|
29
|
+
setActiveChunks((prev) => prev.filter((chunk) => chunk !== Number(id)));
|
74
30
|
}, []);
|
75
|
-
|
76
|
-
//
|
77
|
-
|
78
|
-
React.useEffect(() => {
|
79
|
-
for (const id of Object.keys(state)) {
|
80
|
-
const chunk = state[Number(id)];
|
81
|
-
if ((chunk === null || chunk === void 0 ? void 0 : chunk.active) && !(chunk === null || chunk === void 0 ? void 0 : chunk.loading) && !(chunk === null || chunk === void 0 ? void 0 : chunk.wasLoaded)) {
|
82
|
-
fetchChunkData(id);
|
83
|
-
}
|
84
|
-
}
|
85
|
-
}, [fetchChunkData, state]);
|
86
|
-
// Reset table on filters change
|
87
|
-
React.useEffect(() => {
|
31
|
+
const observer = useIntersectionObserver({ onEntry, onLeave, parentContainer });
|
32
|
+
// reset table on filters change
|
33
|
+
React.useLayoutEffect(() => {
|
88
34
|
var _a;
|
89
|
-
// Reset counts, so table unmount unneeded chunks
|
90
35
|
setTotalEntities(limit);
|
91
36
|
setFoundEntities(0);
|
92
|
-
|
93
|
-
// Remove all chunks from state
|
94
|
-
dispatch(resetChunks());
|
95
|
-
// Reset table state for the controls
|
96
|
-
inited.current = false;
|
97
|
-
// If there is a parent, scroll to parent container ref
|
98
|
-
// Else scroll to table top
|
99
|
-
// It helps to prevent layout shifts, when chunks quantity is changed
|
37
|
+
setIsInitialLoad(true);
|
100
38
|
if (parentContainer) {
|
101
39
|
parentContainer.scrollTo(0, 0);
|
102
40
|
}
|
103
41
|
else {
|
104
42
|
(_a = tableContainer.current) === null || _a === void 0 ? void 0 : _a.scrollTo(0, 0);
|
105
43
|
}
|
106
|
-
|
107
|
-
|
108
|
-
}, [dependencyArray, limit, parentContainer]);
|
109
|
-
// Reload currently active chunks
|
110
|
-
// Use case - sort params change, so data should be updated, but without chunks unmount
|
111
|
-
const reloadCurrentViewport = () => {
|
112
|
-
var _a;
|
113
|
-
for (const id of Object.keys(state)) {
|
114
|
-
if ((_a = state[Number(id)]) === null || _a === void 0 ? void 0 : _a.active) {
|
115
|
-
dispatch(initChunk(id));
|
116
|
-
}
|
117
|
-
}
|
118
|
-
};
|
119
|
-
const handleSort = (params) => {
|
120
|
-
setSortParams(params);
|
121
|
-
reloadCurrentViewport();
|
122
|
-
};
|
123
|
-
const observer = useIntersectionObserver({ onEntry, onLeave, parentContainer });
|
124
|
-
// Render at least 1 chunk
|
125
|
-
const totalLength = foundEntities || limit;
|
126
|
-
const chunksCount = Math.ceil(totalLength / limit);
|
44
|
+
setActiveChunks([0]);
|
45
|
+
}, [filters, limit, parentContainer]);
|
127
46
|
const renderChunks = () => {
|
128
47
|
if (!observer) {
|
129
48
|
return null;
|
130
49
|
}
|
131
|
-
|
132
|
-
const chunkData = state[value];
|
133
|
-
return (_jsx(TableChunk, { observer: observer, id: value, chunkSize: limit, rowHeight: rowHeight, columns: columns, chunkData: chunkData, getRowClassName: getRowClassName }, value));
|
134
|
-
});
|
135
|
-
};
|
136
|
-
const renderData = () => {
|
137
|
-
if (inited.current && foundEntities === 0) {
|
50
|
+
if (!isInitialLoad && foundEntities === 0) {
|
138
51
|
return (_jsx("tbody", { children: _jsx(EmptyTableRow, { columns: columns, children: renderEmptyDataMessage ? renderEmptyDataMessage() : i18n('empty') }) }));
|
139
52
|
}
|
140
|
-
|
141
|
-
|
142
|
-
|
143
|
-
return (_jsx("tbody", { children: _jsx(EmptyTableRow, { columns: columns, children: renderErrorMessage ? (renderErrorMessage(error)) : (_jsx(ResponseError, { error: error })) }) }));
|
144
|
-
}
|
145
|
-
return renderChunks();
|
146
|
-
};
|
147
|
-
const renderTable = () => {
|
148
|
-
return (_jsxs("table", { className: b('table'), children: [_jsx(TableHead, { columns: columns, onSort: handleSort, onColumnsResize: onColumnsResize }), renderData()] }));
|
53
|
+
const totalLength = foundEntities || limit;
|
54
|
+
const chunksCount = Math.ceil(totalLength / limit);
|
55
|
+
return getArray(chunksCount).map((value) => (_jsx(TableChunk, { id: value, limit: limit, rowHeight: rowHeight, columns: columns, fetchData: fetchData, filters: filters, tableName: tableName, sortParams: sortParams, getRowClassName: getRowClassName, renderErrorMessage: renderErrorMessage, onDataFetched: handleDataFetched, isActive: activeChunks.includes(value), observer: observer }, value)));
|
149
56
|
};
|
57
|
+
const renderTable = () => (_jsxs("table", { className: b('table'), children: [_jsx(TableHead, { columns: columns, onSort: setSortParams, onColumnsResize: onColumnsResize }), renderChunks()] }));
|
150
58
|
const renderContent = () => {
|
151
59
|
if (renderControls) {
|
152
|
-
return (_jsxs(TableWithControlsLayout, { children: [_jsx(TableWithControlsLayout.Controls, { children: renderControls({ inited:
|
60
|
+
return (_jsxs(TableWithControlsLayout, { children: [_jsx(TableWithControlsLayout.Controls, { children: renderControls({ inited: !isInitialLoad, totalEntities, foundEntities }) }), _jsx(TableWithControlsLayout.Table, { children: renderTable() })] }));
|
153
61
|
}
|
154
62
|
return renderTable();
|
155
63
|
};
|
@@ -1 +1 @@
|
|
1
|
-
{"version":3,"file":"PaginatedTable.js","sourceRoot":"","sources":["../../../src/components/PaginatedTable/PaginatedTable.tsx"],"names":[],"mappings":";AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;
|
1
|
+
{"version":3,"file":"PaginatedTable.js","sourceRoot":"","sources":["../../../src/components/PaginatedTable/PaginatedTable.tsx"],"names":[],"mappings":"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"}
|
@@ -1,6 +1,6 @@
|
|
1
1
|
import type { PaginatedTableProps } from './PaginatedTable';
|
2
|
-
interface ResizeablePaginatedTableProps<T> extends Omit<PaginatedTableProps<T>, 'onColumnsResize'> {
|
2
|
+
interface ResizeablePaginatedTableProps<T, F> extends Omit<PaginatedTableProps<T, F>, 'onColumnsResize'> {
|
3
3
|
columnsWidthLSKey: string;
|
4
4
|
}
|
5
|
-
export declare function ResizeablePaginatedTable<T>({ columnsWidthLSKey, columns, ...props }: ResizeablePaginatedTableProps<T>): import("react/jsx-runtime").JSX.Element;
|
5
|
+
export declare function ResizeablePaginatedTable<T, F>({ columnsWidthLSKey, columns, ...props }: ResizeablePaginatedTableProps<T, F>): import("react/jsx-runtime").JSX.Element;
|
6
6
|
export {};
|
@@ -1 +1 @@
|
|
1
|
-
{"version":3,"file":"ResizeablePaginatedTable.js","sourceRoot":"","sources":["../../../src/components/PaginatedTable/ResizeablePaginatedTable.tsx"],"names":[],"mappings":";AAEA,OAAO,EAAC,cAAc,EAAC,MAAM,kCAAkC,CAAC;AAGhE,OAAO,EAAC,cAAc,EAAC,MAAM,kBAAkB,CAAC;AAGhD,SAAS,kBAAkB,CAAI,OAAoB,EAAE,iBAAoC;IACrF,OAAO,OAAO,CAAC,GAAG,CAAC,CAAC,MAAM,EAAE,EAAE;;QAC1B,OAAO,EAAC,GAAG,MAAM,EAAE,KAAK,EAAE,MAAA,iBAAiB,CAAC,MAAM,CAAC,IAAI,CAAC,mCAAI,MAAM,CAAC,KAAK,EAAC,CAAC;IAC9E,CAAC,CAAC,CAAC;AACP,CAAC;
|
1
|
+
{"version":3,"file":"ResizeablePaginatedTable.js","sourceRoot":"","sources":["../../../src/components/PaginatedTable/ResizeablePaginatedTable.tsx"],"names":[],"mappings":";AAEA,OAAO,EAAC,cAAc,EAAC,MAAM,kCAAkC,CAAC;AAGhE,OAAO,EAAC,cAAc,EAAC,MAAM,kBAAkB,CAAC;AAGhD,SAAS,kBAAkB,CAAI,OAAoB,EAAE,iBAAoC;IACrF,OAAO,OAAO,CAAC,GAAG,CAAC,CAAC,MAAM,EAAE,EAAE;;QAC1B,OAAO,EAAC,GAAG,MAAM,EAAE,KAAK,EAAE,MAAA,iBAAiB,CAAC,MAAM,CAAC,IAAI,CAAC,mCAAI,MAAM,CAAC,KAAK,EAAC,CAAC;IAC9E,CAAC,CAAC,CAAC;AACP,CAAC;AAOD,MAAM,UAAU,wBAAwB,CAAO,EAC3C,iBAAiB,EACjB,OAAO,EACP,GAAG,KAAK,EAC0B;IAClC,MAAM,CAAC,iBAAiB,EAAE,oBAAoB,CAAC,GAAG,cAAc,CAAC,iBAAiB,CAAC,CAAC;IAEpF,MAAM,cAAc,GAAG,kBAAkB,CAAC,OAAO,EAAE,iBAAiB,CAAC,CAAC;IAEtE,OAAO,CACH,KAAC,cAAc,IACX,OAAO,EAAE,cAAc,EACvB,eAAe,EAAE,oBAAoB,KACjC,KAAK,GACX,CACL,CAAC;AACN,CAAC"}
|
@@ -1,12 +1,20 @@
|
|
1
|
-
import
|
2
|
-
|
1
|
+
import React from 'react';
|
2
|
+
import type { IResponseError } from '../../types/api/error';
|
3
|
+
import type { Column, FetchData, GetRowClassName, SortParams } from './types';
|
4
|
+
interface TableChunkProps<T, F> {
|
3
5
|
id: number;
|
4
|
-
|
6
|
+
limit: number;
|
5
7
|
rowHeight: number;
|
6
8
|
columns: Column<T>[];
|
7
|
-
|
9
|
+
filters?: F;
|
10
|
+
sortParams?: SortParams;
|
8
11
|
observer: IntersectionObserver;
|
12
|
+
isActive: boolean;
|
13
|
+
tableName: string;
|
14
|
+
fetchData: FetchData<T, F>;
|
9
15
|
getRowClassName?: GetRowClassName<T>;
|
16
|
+
renderErrorMessage?: (error: IResponseError) => React.ReactNode;
|
17
|
+
onDataFetched: (total: number, found: number) => void;
|
10
18
|
}
|
11
|
-
export declare const TableChunk: <T>({ id,
|
19
|
+
export declare const TableChunk: <T, F>({ id, limit, rowHeight, columns, fetchData, tableName, filters, sortParams, observer, getRowClassName, renderErrorMessage, onDataFetched, isActive, }: TableChunkProps<T, F>) => import("react/jsx-runtime").JSX.Element;
|
12
20
|
export {};
|