ydb-embedded-ui 18.6.0 → 20.0.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/README.md +15 -0
- package/dist/components/DiskStateProgressBar/DiskStateProgressBar.js +15 -2
- package/dist/components/DiskStateProgressBar/DiskStateProgressBar.js.map +1 -1
- package/dist/components/DiskStateProgressBar/DiskStateProgressBar.scss +77 -10
- package/dist/components/Drawer/Drawer.js +17 -12
- package/dist/components/Drawer/Drawer.js.map +1 -1
- package/dist/components/Drawer/DrawerContext.d.ts +10 -1
- package/dist/components/Drawer/DrawerContext.js +59 -6
- package/dist/components/Drawer/DrawerContext.js.map +1 -1
- package/dist/components/Drawer/DrawerWidthUtils.d.ts +4 -0
- package/dist/components/Drawer/DrawerWidthUtils.js +4 -0
- package/dist/components/Drawer/DrawerWidthUtils.js.map +1 -1
- package/dist/components/EntityName/EntityName.d.ts +15 -0
- package/dist/components/EntityName/EntityName.js +39 -0
- package/dist/components/EntityName/EntityName.js.map +1 -0
- package/dist/components/EntityName/EntityName.scss +140 -0
- package/dist/components/EntityStatus/EntityStatus.d.ts +17 -14
- package/dist/components/EntityStatus/EntityStatus.js +41 -40
- package/dist/components/EntityStatus/EntityStatus.js.map +1 -1
- package/dist/components/EntityStatus/EntityStatus.scss +5 -132
- package/dist/components/EntityStatus/i18n/index.js.map +1 -0
- package/dist/components/EntityStatus/utils.js.map +1 -0
- package/dist/components/FullNodeViewer/i18n/index.d.ts +1 -1
- package/dist/components/Fullscreen/Fullscreen.d.ts +2 -1
- package/dist/components/Fullscreen/Fullscreen.js +11 -2
- package/dist/components/Fullscreen/Fullscreen.js.map +1 -1
- package/dist/components/LinkToSchemaObject/LinkToSchemaObject.d.ts +2 -1
- package/dist/components/LinkToSchemaObject/LinkToSchemaObject.js +5 -2
- package/dist/components/LinkToSchemaObject/LinkToSchemaObject.js.map +1 -1
- package/dist/components/NodeHostWrapper/NodeHostWrapper.js +3 -2
- package/dist/components/NodeHostWrapper/NodeHostWrapper.js.map +1 -1
- package/dist/components/QueryExecutionLabel/i18n/index.d.ts +1 -1
- package/dist/components/StatusColor/StatusColor.d.ts +10 -0
- package/dist/components/StatusColor/StatusColor.js +10 -0
- package/dist/components/StatusColor/StatusColor.js.map +1 -0
- package/dist/components/StatusColor/StatusColor.scss +49 -0
- package/dist/components/StatusIcon/StatusIcon.js +2 -1
- package/dist/components/StatusIcon/StatusIcon.js.map +1 -1
- package/dist/components/StatusIcon/StatusIcon.scss +0 -22
- package/dist/components/StorageGroupInfo/i18n/index.d.ts +1 -1
- package/dist/components/TabletNameWrapper/TabletNameWrapper.js +2 -2
- package/dist/components/TabletNameWrapper/TabletNameWrapper.js.map +1 -1
- package/dist/components/TenantNameWrapper/TenantNameWrapper.js +1 -1
- package/dist/components/TenantNameWrapper/TenantNameWrapper.js.map +1 -1
- package/dist/containers/App/Content.js +2 -2
- package/dist/containers/App/Content.js.map +1 -1
- package/dist/containers/App/NavigationWrapper.js +2 -15
- package/dist/containers/App/NavigationWrapper.js.map +1 -1
- package/dist/containers/Authentication/Authentication.js +22 -5
- package/dist/containers/Authentication/Authentication.js.map +1 -1
- package/dist/containers/Authentication/Authentication.scss +4 -0
- package/dist/containers/Authentication/i18n/en.json +2 -1
- package/dist/containers/Authentication/i18n/index.d.ts +1 -1
- package/dist/containers/Authentication/utils.d.ts +8 -0
- package/dist/containers/Authentication/utils.js +32 -0
- package/dist/containers/Authentication/utils.js.map +1 -1
- package/dist/containers/Cluster/Cluster.js +5 -6
- package/dist/containers/Cluster/Cluster.js.map +1 -1
- package/dist/containers/Cluster/ClusterDrawerHealthcheck.d.ts +2 -1
- package/dist/containers/Cluster/ClusterDrawerHealthcheck.js +5 -5
- package/dist/containers/Cluster/ClusterDrawerHealthcheck.js.map +1 -1
- package/dist/containers/Cluster/ClusterOverview/components/ClusterMetricsCard.js +1 -1
- package/dist/containers/Cluster/ClusterOverview/components/ClusterMetricsCard.js.map +1 -1
- package/dist/containers/Cluster/ClusterOverview/components/ClusterMetricsNetwork.d.ts +1 -1
- package/dist/containers/Cluster/ClusterOverview/components/ClusterMetricsNetwork.js +0 -6
- package/dist/containers/Cluster/ClusterOverview/components/ClusterMetricsNetwork.js.map +1 -1
- package/dist/containers/Clusters/columns.js +1 -1
- package/dist/containers/Clusters/columns.js.map +1 -1
- package/dist/containers/Configs/i18n/index.d.ts +1 -1
- package/dist/containers/Node/NodeStructure/NodeStructure.scss +1 -1
- package/dist/containers/Storage/Disks/Disks.js +5 -3
- package/dist/containers/Storage/Disks/Disks.js.map +1 -1
- package/dist/containers/Storage/PDisk/PDisk.d.ts +3 -1
- package/dist/containers/Storage/PDisk/PDisk.js +7 -18
- package/dist/containers/Storage/PDisk/PDisk.js.map +1 -1
- package/dist/containers/Storage/PDisk/PDiskVDisks.d.ts +13 -0
- package/dist/containers/Storage/PDisk/PDiskVDisks.js +20 -0
- package/dist/containers/Storage/PDisk/PDiskVDisks.js.map +1 -0
- package/dist/containers/Storage/PaginatedStorage.js +2 -1
- package/dist/containers/Storage/PaginatedStorage.js.map +1 -1
- package/dist/containers/Storage/PaginatedStorageGroupsTable/columns/columns.js +3 -3
- package/dist/containers/Storage/PaginatedStorageGroupsTable/columns/columns.js.map +1 -1
- package/dist/containers/Storage/Storage.scss +1 -1
- package/dist/containers/Storage/StorageExpertModePanel/StorageExpertModePanel.js +40 -4
- package/dist/containers/Storage/StorageExpertModePanel/StorageExpertModePanel.js.map +1 -1
- package/dist/containers/Storage/StorageExpertModePanel/StorageExpertModePanel.scss +8 -4
- package/dist/containers/Storage/StorageExpertModePanel/components/CompactionLegend.d.ts +2 -4
- package/dist/containers/Storage/StorageExpertModePanel/components/CompactionLegend.js +3 -17
- package/dist/containers/Storage/StorageExpertModePanel/components/CompactionLegend.js.map +1 -1
- package/dist/containers/Storage/StorageExpertModePanel/components/PDiskDecommitLegend.d.ts +5 -0
- package/dist/containers/Storage/StorageExpertModePanel/components/PDiskDecommitLegend.js +16 -0
- package/dist/containers/Storage/StorageExpertModePanel/components/PDiskDecommitLegend.js.map +1 -0
- package/dist/containers/Storage/StorageExpertModePanel/components/PDiskDeviceLegend.d.ts +1 -0
- package/dist/containers/Storage/StorageExpertModePanel/components/PDiskDeviceLegend.js +7 -0
- package/dist/containers/Storage/StorageExpertModePanel/components/PDiskDeviceLegend.js.map +1 -0
- package/dist/containers/Storage/StorageExpertModePanel/components/PDiskDriveLegend.d.ts +5 -0
- package/dist/containers/Storage/StorageExpertModePanel/components/PDiskDriveLegend.js +17 -0
- package/dist/containers/Storage/StorageExpertModePanel/components/PDiskDriveLegend.js.map +1 -0
- package/dist/containers/Storage/StorageExpertModePanel/components/PDiskMaintenanceLegend.d.ts +5 -0
- package/dist/containers/Storage/StorageExpertModePanel/components/PDiskMaintenanceLegend.js +23 -0
- package/dist/containers/Storage/StorageExpertModePanel/components/PDiskMaintenanceLegend.js.map +1 -0
- package/dist/containers/Storage/StorageExpertModePanel/components/PDiskStateLegend.d.ts +5 -0
- package/dist/containers/Storage/StorageExpertModePanel/components/PDiskStateLegend.js +23 -0
- package/dist/containers/Storage/StorageExpertModePanel/components/PDiskStateLegend.js.map +1 -0
- package/dist/containers/Storage/StorageExpertModePanel/components/SpaceLegend.d.ts +3 -1
- package/dist/containers/Storage/StorageExpertModePanel/components/SpaceLegend.js +4 -4
- package/dist/containers/Storage/StorageExpertModePanel/components/SpaceLegend.js.map +1 -1
- package/dist/containers/Storage/StorageExpertModePanel/components/StateLegend.js +3 -3
- package/dist/containers/Storage/StorageExpertModePanel/components/StateLegend.js.map +1 -1
- package/dist/containers/Storage/StorageExpertModePanel/components/StatusPairLegend.d.ts +6 -0
- package/dist/containers/Storage/StorageExpertModePanel/components/StatusPairLegend.js +21 -0
- package/dist/containers/Storage/StorageExpertModePanel/components/StatusPairLegend.js.map +1 -0
- package/dist/containers/Storage/StorageExpertModePanel/components/getSpaceLegendSelection.d.ts +3 -2
- package/dist/containers/Storage/StorageExpertModePanel/components/getSpaceLegendSelection.js +13 -7
- package/dist/containers/Storage/StorageExpertModePanel/components/getSpaceLegendSelection.js.map +1 -1
- package/dist/containers/Storage/StorageExpertModePanel/components/index.d.ts +5 -0
- package/dist/containers/Storage/StorageExpertModePanel/components/index.js +5 -0
- package/dist/containers/Storage/StorageExpertModePanel/components/index.js.map +1 -1
- package/dist/containers/Storage/StorageExpertModePanel/components/useSpaceLegendSelection.d.ts +2 -6
- package/dist/containers/Storage/StorageExpertModePanel/components/useSpaceLegendSelection.js +10 -6
- package/dist/containers/Storage/StorageExpertModePanel/components/useSpaceLegendSelection.js.map +1 -1
- package/dist/containers/Storage/StorageExpertModePanel/constants.d.ts +19 -0
- package/dist/containers/Storage/StorageExpertModePanel/constants.js +10 -0
- package/dist/containers/Storage/StorageExpertModePanel/constants.js.map +1 -1
- package/dist/containers/Storage/StorageExpertModePanel/i18n/en.json +23 -0
- package/dist/containers/Storage/StorageExpertModePanel/i18n/index.d.ts +1 -1
- package/dist/containers/Storage/i18n/en.json +1 -1
- package/dist/containers/Storage/i18n/index.d.ts +1 -1
- package/dist/containers/Storage/useStoragePDiskDisplayStateGetter.d.ts +2 -0
- package/dist/containers/Storage/useStoragePDiskDisplayStateGetter.js +142 -0
- package/dist/containers/Storage/useStoragePDiskDisplayStateGetter.js.map +1 -0
- package/dist/containers/Storage/useStorageQueryParams.d.ts +5 -1
- package/dist/containers/Storage/useStorageQueryParams.js +26 -2
- package/dist/containers/Storage/useStorageQueryParams.js.map +1 -1
- package/dist/containers/Tablet/Tablet.js +12 -5
- package/dist/containers/Tablet/Tablet.js.map +1 -1
- package/dist/containers/Tablet/components/TabletInfo/TabletInfo.d.ts +3 -1
- package/dist/containers/Tablet/components/TabletInfo/TabletInfo.js +31 -19
- package/dist/containers/Tablet/components/TabletInfo/TabletInfo.js.map +1 -1
- package/dist/containers/Tablet/components/TabletInfo/i18n/en.json +2 -0
- package/dist/containers/Tablet/components/TabletInfo/i18n/index.d.ts +1 -1
- package/dist/containers/Tablet/components/TabletTable/TabletTable.js +2 -2
- package/dist/containers/Tablet/components/TabletTable/TabletTable.js.map +1 -1
- package/dist/containers/Tablet/utils.d.ts +3 -0
- package/dist/containers/Tablet/utils.js +12 -0
- package/dist/containers/Tablet/utils.js.map +1 -1
- package/dist/containers/Tablets/TabletsTable.js +2 -2
- package/dist/containers/Tablets/TabletsTable.js.map +1 -1
- package/dist/containers/Tenant/Diagnostics/AccessRights/components/RightsTable/RevokeAllRightsDialog.js +6 -11
- package/dist/containers/Tenant/Diagnostics/AccessRights/components/RightsTable/RevokeAllRightsDialog.js.map +1 -1
- package/dist/containers/Tenant/Diagnostics/DiagnosticsPages.js +13 -2
- package/dist/containers/Tenant/Diagnostics/DiagnosticsPages.js.map +1 -1
- package/dist/containers/Tenant/Diagnostics/Network/NetworkWrapper.js +2 -3
- package/dist/containers/Tenant/Diagnostics/Network/NetworkWrapper.js.map +1 -1
- package/dist/containers/Tenant/Diagnostics/Overview/DatabaseInfo/DatabaseInfo.d.ts +2 -1
- package/dist/containers/Tenant/Diagnostics/Overview/DatabaseInfo/DatabaseInfo.js +6 -2
- package/dist/containers/Tenant/Diagnostics/Overview/DatabaseInfo/DatabaseInfo.js.map +1 -1
- package/dist/containers/Tenant/Diagnostics/Overview/DatabaseInfo/utils.d.ts +2 -0
- package/dist/containers/Tenant/Diagnostics/Overview/DatabaseInfo/utils.js +9 -0
- package/dist/containers/Tenant/Diagnostics/Overview/DatabaseInfo/utils.js.map +1 -0
- package/dist/containers/Tenant/Diagnostics/Overview/Overview.js +1 -1
- package/dist/containers/Tenant/Diagnostics/Overview/Overview.js.map +1 -1
- package/dist/containers/Tenant/Diagnostics/Overview/TableInfo/prepareTableInfo/prepareRowTableInfo.js +9 -5
- package/dist/containers/Tenant/Diagnostics/Overview/TableInfo/prepareTableInfo/prepareRowTableInfo.js.map +1 -1
- package/dist/containers/Tenant/Diagnostics/Partitions/columns/columns.js +6 -6
- package/dist/containers/Tenant/Diagnostics/Partitions/columns/columns.js.map +1 -1
- package/dist/containers/Tenant/Diagnostics/StorageUsage/StorageUsageTable.js +2 -2
- package/dist/containers/Tenant/Diagnostics/StorageUsage/StorageUsageTable.js.map +1 -1
- package/dist/containers/Tenant/Diagnostics/TenantOverview/MetricsTabs/MetricsTabs.js +1 -4
- package/dist/containers/Tenant/Diagnostics/TenantOverview/MetricsTabs/MetricsTabs.js.map +1 -1
- package/dist/containers/Tenant/Diagnostics/TenantOverview/TabCard/MetricTabCard.js +1 -1
- package/dist/containers/Tenant/Diagnostics/TenantOverview/TabCard/MetricTabCard.js.map +1 -1
- package/dist/containers/Tenant/Diagnostics/TenantOverview/TabCard/ServerlessTabCard.js +1 -1
- package/dist/containers/Tenant/Diagnostics/TenantOverview/TabCard/ServerlessTabCard.js.map +1 -1
- package/dist/containers/Tenant/Diagnostics/TenantOverview/TabCard/TabCard.scss +4 -0
- package/dist/containers/Tenant/Diagnostics/TenantOverview/TenantNetwork/TenantNetwork.js +1 -6
- package/dist/containers/Tenant/Diagnostics/TenantOverview/TenantNetwork/TenantNetwork.js.map +1 -1
- package/dist/containers/Tenant/Diagnostics/TenantOverview/TenantOverview.js +3 -2
- package/dist/containers/Tenant/Diagnostics/TenantOverview/TenantOverview.js.map +1 -1
- package/dist/containers/Tenant/Diagnostics/TopicData/columns/columns.js +6 -6
- package/dist/containers/Tenant/Diagnostics/TopicData/columns/columns.js.map +1 -1
- package/dist/containers/Tenant/Diagnostics/i18n/index.d.ts +1 -1
- package/dist/containers/Tenant/GrantAccess/GrantAccess.js +14 -16
- package/dist/containers/Tenant/GrantAccess/GrantAccess.js.map +1 -1
- package/dist/containers/Tenant/Healthcheck/Healthcheck.d.ts +2 -0
- package/dist/containers/Tenant/Healthcheck/Healthcheck.js +30 -9
- package/dist/containers/Tenant/Healthcheck/Healthcheck.js.map +1 -1
- package/dist/containers/Tenant/Healthcheck/Healthcheck.scss +28 -0
- package/dist/containers/Tenant/Healthcheck/HealthcheckContext.d.ts +7 -0
- package/dist/containers/Tenant/Healthcheck/HealthcheckContext.js.map +1 -1
- package/dist/containers/Tenant/Healthcheck/components/HealthcheckIssue.js +24 -2
- package/dist/containers/Tenant/Healthcheck/components/HealthcheckIssue.js.map +1 -1
- package/dist/containers/Tenant/Healthcheck/i18n/en.json +4 -0
- package/dist/containers/Tenant/Healthcheck/i18n/index.d.ts +1 -1
- package/dist/containers/Tenant/Healthcheck/types.d.ts +31 -0
- package/dist/containers/Tenant/Healthcheck/types.js +2 -0
- package/dist/containers/Tenant/Healthcheck/types.js.map +1 -0
- package/dist/containers/Tenant/Healthcheck/useHealthcheck.d.ts +3 -0
- package/dist/containers/Tenant/Healthcheck/useHealthcheck.js +6 -0
- package/dist/containers/Tenant/Healthcheck/useHealthcheck.js.map +1 -1
- package/dist/containers/Tenant/Healthcheck/utils.d.ts +21 -0
- package/dist/containers/Tenant/Healthcheck/utils.js +16 -0
- package/dist/containers/Tenant/Healthcheck/utils.js.map +1 -1
- package/dist/containers/Tenant/Query/QueryResult/QueryResultViewer.js +3 -4
- package/dist/containers/Tenant/Query/QueryResult/QueryResultViewer.js.map +1 -1
- package/dist/containers/Tenant/Query/QueryResult/utils.d.ts +2 -0
- package/dist/containers/Tenant/Query/QueryResult/utils.js +9 -0
- package/dist/containers/Tenant/Query/QueryResult/utils.js.map +1 -0
- package/dist/containers/Tenant/Query/QuerySettingsDialog/QuerySettingsDialog.js +4 -15
- package/dist/containers/Tenant/Query/QuerySettingsDialog/QuerySettingsDialog.js.map +1 -1
- package/dist/containers/Tenant/Query/QuerySettingsDialog/i18n/en.json +0 -1
- package/dist/containers/Tenant/Query/QuerySettingsDialog/i18n/index.d.ts +1 -1
- package/dist/containers/Tenant/Query/QuerySettingsDialog/i18n/ru.json +0 -1
- package/dist/containers/Tenant/TenantDrawerHealthcheck.d.ts +3 -2
- package/dist/containers/Tenant/TenantDrawerHealthcheck.js +5 -5
- package/dist/containers/Tenant/TenantDrawerHealthcheck.js.map +1 -1
- package/dist/containers/Tenant/TenantDrawerWrappers.js +3 -1
- package/dist/containers/Tenant/TenantDrawerWrappers.js.map +1 -1
- package/dist/containers/Tenant/utils/diagnosticsNavigation.d.ts +2 -2
- package/dist/containers/Tenant/utils/diagnosticsNavigation.js +13 -1
- package/dist/containers/Tenant/utils/diagnosticsNavigation.js.map +1 -1
- package/dist/containers/Tenants/TenantsTable.js +21 -26
- package/dist/containers/Tenants/TenantsTable.js.map +1 -1
- package/dist/containers/UserSettings/i18n/en.json +1 -4
- package/dist/containers/UserSettings/i18n/index.d.ts +1 -1
- package/dist/containers/UserSettings/settings.d.ts +3 -8
- package/dist/containers/UserSettings/settings.js +11 -58
- package/dist/containers/UserSettings/settings.js.map +1 -1
- package/dist/containers/Versions/NodesTreeTitle/NodesTreeTitle.js +10 -1
- package/dist/containers/Versions/NodesTreeTitle/NodesTreeTitle.js.map +1 -1
- package/dist/lib.d.ts +4 -1
- package/dist/lib.js +1 -0
- package/dist/lib.js.map +1 -1
- package/dist/services/api/viewer.d.ts +5 -1
- package/dist/services/api/viewer.js +7 -0
- package/dist/services/api/viewer.js.map +1 -1
- package/dist/store/reducers/capabilities/hooks.d.ts +2 -0
- package/dist/store/reducers/capabilities/hooks.js +9 -0
- package/dist/store/reducers/capabilities/hooks.js.map +1 -1
- package/dist/store/reducers/query/api.js +4 -0
- package/dist/store/reducers/query/api.js.map +1 -1
- package/dist/store/reducers/query/types.d.ts +2 -1
- package/dist/store/reducers/schemaAcl/schemaAcl.d.ts +78 -12
- package/dist/store/reducers/schemaAcl/schemaAcl.js +13 -7
- package/dist/store/reducers/schemaAcl/schemaAcl.js.map +1 -1
- package/dist/store/reducers/schemaAcl/utils.d.ts +12 -0
- package/dist/store/reducers/schemaAcl/utils.js +86 -0
- package/dist/store/reducers/schemaAcl/utils.js.map +1 -0
- package/dist/store/reducers/settings/constants.d.ts +2 -8
- package/dist/store/reducers/settings/constants.js +2 -8
- package/dist/store/reducers/settings/constants.js.map +1 -1
- package/dist/store/reducers/storage/prepareGroupsDisks.d.ts +3 -1
- package/dist/store/reducers/storage/prepareGroupsDisks.js +3 -1
- package/dist/store/reducers/storage/prepareGroupsDisks.js.map +1 -1
- package/dist/store/reducers/tablet/utils.d.ts +2 -0
- package/dist/store/reducers/tablet/utils.js +11 -0
- package/dist/store/reducers/tablet/utils.js.map +1 -0
- package/dist/store/reducers/tablet.d.ts +5 -0
- package/dist/store/reducers/tablet.js +22 -0
- package/dist/store/reducers/tablet.js.map +1 -1
- package/dist/store/reducers/tenant/tenant.d.ts +1 -0
- package/dist/store/reducers/tenant/tenant.js +1 -0
- package/dist/store/reducers/tenant/tenant.js.map +1 -1
- package/dist/styles/mixins.scss +8 -8
- package/dist/styles/space-colors.scss +48 -4
- package/dist/types/api/capabilities.d.ts +1 -1
- package/dist/types/api/pdisk.d.ts +2 -0
- package/dist/types/api/storage.d.ts +2 -1
- package/dist/types/api/storage.js.map +1 -1
- package/dist/types/api/tablet.d.ts +13 -0
- package/dist/types/api/tablet.js.map +1 -1
- package/dist/types/api/tenant.d.ts +2 -0
- package/dist/types/api/tenant.js.map +1 -1
- package/dist/uiFactory/types.d.ts +8 -0
- package/dist/utils/constants.d.ts +1 -1
- package/dist/utils/constants.js +1 -5
- package/dist/utils/constants.js.map +1 -1
- package/dist/utils/disks/displayState.d.ts +7 -1
- package/dist/utils/disks/displayState.js +11 -0
- package/dist/utils/disks/displayState.js.map +1 -1
- package/dist/utils/disks/helpers.d.ts +2 -2
- package/dist/utils/disks/iconCalculators.d.ts +2 -0
- package/dist/utils/disks/iconCalculators.js +24 -19
- package/dist/utils/disks/iconCalculators.js.map +1 -1
- package/dist/utils/disks/pdiskState.d.ts +8 -0
- package/dist/utils/disks/pdiskState.js +165 -0
- package/dist/utils/disks/pdiskState.js.map +1 -0
- package/dist/utils/disks/severityCalculators.d.ts +6 -5
- package/dist/utils/disks/severityCalculators.js +17 -32
- package/dist/utils/disks/severityCalculators.js.map +1 -1
- package/dist/utils/disks/types.d.ts +3 -1
- package/dist/utils/hooks/useChangedQuerySettings.d.ts +2 -2
- package/dist/utils/hooks/useQueryExecutionSettings.d.ts +11 -2
- package/dist/utils/hooks/useQueryExecutionSettings.js +2 -18
- package/dist/utils/hooks/useQueryExecutionSettings.js.map +1 -1
- package/dist/utils/hooks/useQueryStreamingSetting.js +1 -8
- package/dist/utils/hooks/useQueryStreamingSetting.js.map +1 -1
- package/package.json +2 -2
- package/dist/components/EntityStatusNew/EntityStatus.d.ts +0 -24
- package/dist/components/EntityStatusNew/EntityStatus.js +0 -48
- package/dist/components/EntityStatusNew/EntityStatus.js.map +0 -1
- package/dist/components/EntityStatusNew/EntityStatus.scss +0 -11
- package/dist/components/EntityStatusNew/i18n/index.js.map +0 -1
- package/dist/components/EntityStatusNew/utils.js.map +0 -1
- package/dist/components/NetworkTable/hooks.d.ts +0 -2
- package/dist/components/NetworkTable/hooks.js +0 -14
- package/dist/components/NetworkTable/hooks.js.map +0 -1
- /package/dist/components/{EntityStatusNew → EntityStatus}/i18n/en.json +0 -0
- /package/dist/components/{EntityStatusNew → EntityStatus}/i18n/index.d.ts +0 -0
- /package/dist/components/{EntityStatusNew → EntityStatus}/i18n/index.js +0 -0
- /package/dist/components/{EntityStatusNew → EntityStatus}/utils.d.ts +0 -0
- /package/dist/components/{EntityStatusNew → EntityStatus}/utils.js +0 -0
package/README.md
CHANGED
|
@@ -47,6 +47,21 @@ Open http://localhost:8765 to view it in the browser.
|
|
|
47
47
|
|
|
48
48
|
For API reference, open Swagger UI on http://localhost:8765/viewer/api/.
|
|
49
49
|
|
|
50
|
+
### AI-assisted local development
|
|
51
|
+
|
|
52
|
+
[Local YDB Toolkit](https://github.com/astandrik/local-ydb-toolkit) bundles an MCP server for local YDB tools with a `local-ydb` skill for the recommended workflows and checks.
|
|
53
|
+
|
|
54
|
+
For Codex, install the plugin once:
|
|
55
|
+
|
|
56
|
+
```bash
|
|
57
|
+
codex plugin marketplace add astandrik/local-ydb-toolkit
|
|
58
|
+
codex plugin add local-ydb-toolkit@local-ydb-toolkit
|
|
59
|
+
```
|
|
60
|
+
|
|
61
|
+
Using another agent? The toolkit also supports [Claude Code](https://github.com/astandrik/local-ydb-toolkit#claude-code-plugin), [Gemini CLI and Antigravity](https://github.com/astandrik/local-ydb-toolkit#gemini-cli--antigravity-plugin), and [other MCP clients that support local stdio servers](https://github.com/astandrik/local-ydb-toolkit#nodejs-mcp-server).
|
|
62
|
+
|
|
63
|
+
Start a new Codex session after installation. A basic `/local` database needs no config file. The agent can manage YDB and seed test data with managed SQL, or use the existing Playwright request mocks for UI-only tests. Mutating tools require explicit confirmation.
|
|
64
|
+
|
|
50
65
|
### YDB docker images
|
|
51
66
|
|
|
52
67
|
[Docs on YDB docker images](https://ydb.tech/en/docs/getting_started/self_hosted/ydb_docker)
|
|
@@ -1,4 +1,5 @@
|
|
|
1
1
|
import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
|
|
2
|
+
import { CircleQuestionFill } from '@gravity-ui/icons';
|
|
2
3
|
import { Flex, Icon, Text } from '@gravity-ui/uikit';
|
|
3
4
|
import { SETTING_KEYS } from '../../store/reducers/settings/constants';
|
|
4
5
|
import { cn } from '../../utils/cn';
|
|
@@ -20,6 +21,12 @@ function renderCapacityAlertIndicator(indicator) {
|
|
|
20
21
|
function renderIconGroup(icons) {
|
|
21
22
|
return (_jsx("div", { className: b('icon-group'), children: icons.map(({ icon, color }, index) => (_jsx(Icon, { className: b('icon', { overlapped: index > 0 }), data: icon, size: 10, style: color ? { color } : undefined }, index))) }));
|
|
22
23
|
}
|
|
24
|
+
function shouldUseLightGreyStyle(icon) {
|
|
25
|
+
if (Array.isArray(icon)) {
|
|
26
|
+
return icon.some(({ icon: itemIcon }) => itemIcon === CircleQuestionFill);
|
|
27
|
+
}
|
|
28
|
+
return icon === CircleQuestionFill;
|
|
29
|
+
}
|
|
23
30
|
export function DiskStateProgressBar({ diskAllocatedPercent = -1, hideAllocatedPercentLabel, severity, compact, faded, inactive, empty, content, striped, className, isDonor, withIcon, icon: providedIcon, capacityAlertIndicator, frontQueuesIndicator, compactionIndicator, allModeHasIssues, modeModifier, highlighted, noDataPlaceholder, prioritizeNoDataPlaceholder, overlapIconAtTopLeft, isLegendInactive, }) {
|
|
24
31
|
const [inverted] = useSetting(SETTING_KEYS.INVERTED_DISKS);
|
|
25
32
|
const mods = {
|
|
@@ -33,6 +40,9 @@ export function DiskStateProgressBar({ diskAllocatedPercent = -1, hideAllocatedP
|
|
|
33
40
|
'all-mode-has-issues': modeModifier === 'mode-all' && allModeHasIssues,
|
|
34
41
|
'legend-inactive': isLegendInactive,
|
|
35
42
|
'overlap-icon-at-top-left': overlapIconAtTopLeft,
|
|
43
|
+
'light-grey': Boolean(withIcon) &&
|
|
44
|
+
severity === NOT_AVAILABLE_SEVERITY &&
|
|
45
|
+
shouldUseLightGreyStyle(providedIcon),
|
|
36
46
|
};
|
|
37
47
|
// Add mode modifier if present
|
|
38
48
|
if (modeModifier) {
|
|
@@ -49,6 +59,7 @@ export function DiskStateProgressBar({ diskAllocatedPercent = -1, hideAllocatedP
|
|
|
49
59
|
}
|
|
50
60
|
}
|
|
51
61
|
const hasAllocatedPercent = isNumeric(diskAllocatedPercent) && diskAllocatedPercent >= 0;
|
|
62
|
+
const hideLegendContent = isLegendInactive && !isDonor;
|
|
52
63
|
const renderAllocatedPercent = () => {
|
|
53
64
|
if (compact) {
|
|
54
65
|
return null;
|
|
@@ -64,6 +75,9 @@ export function DiskStateProgressBar({ diskAllocatedPercent = -1, hideAllocatedP
|
|
|
64
75
|
return _jsx("div", { className: b('fill-bar', mods), style: { width: `${fillWidth}%` } });
|
|
65
76
|
};
|
|
66
77
|
const renderContent = () => {
|
|
78
|
+
if (hideLegendContent) {
|
|
79
|
+
return null;
|
|
80
|
+
}
|
|
67
81
|
if (content) {
|
|
68
82
|
return content;
|
|
69
83
|
}
|
|
@@ -81,8 +95,7 @@ export function DiskStateProgressBar({ diskAllocatedPercent = -1, hideAllocatedP
|
|
|
81
95
|
return null;
|
|
82
96
|
};
|
|
83
97
|
let iconElement = null;
|
|
84
|
-
|
|
85
|
-
if (withIcon && !hideIcon) {
|
|
98
|
+
if (withIcon && !hideLegendContent) {
|
|
86
99
|
// Use provided icon if available, otherwise calculate
|
|
87
100
|
const icon = providedIcon !== null && providedIcon !== void 0 ? providedIcon : getVDiskStatusIcon(severity, isDonor);
|
|
88
101
|
if (icon) {
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"DiskStateProgressBar.js","sourceRoot":"","sources":["../../../src/components/DiskStateProgressBar/DiskStateProgressBar.tsx"],"names":[],"mappings":";
|
|
1
|
+
{"version":3,"file":"DiskStateProgressBar.js","sourceRoot":"","sources":["../../../src/components/DiskStateProgressBar/DiskStateProgressBar.tsx"],"names":[],"mappings":"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"}
|
|
@@ -52,13 +52,39 @@
|
|
|
52
52
|
--entity-state-compact-background-color: var(--entity-state-background-color);
|
|
53
53
|
|
|
54
54
|
&#{$block}_grey {
|
|
55
|
-
--entity-state-background-color: var(--g-color-base-
|
|
55
|
+
--entity-state-background-color: var(--g-color-base-generic-medium);
|
|
56
|
+
--entity-state-border-color: none;
|
|
57
|
+
--entity-state-fill-color: var(--g-color-base-neutral-medium);
|
|
58
|
+
|
|
59
|
+
border: none;
|
|
60
|
+
|
|
61
|
+
&#{$block}_highlighted {
|
|
62
|
+
--entity-state-background-color: var(--g-color-base-generic-medium-hover);
|
|
63
|
+
--entity-state-fill-color: var(--g-color-base-neutral-medium-hover);
|
|
64
|
+
}
|
|
65
|
+
}
|
|
66
|
+
|
|
67
|
+
&#{$block}_light-grey {
|
|
56
68
|
--entity-state-border-color: var(--g-color-line-generic);
|
|
57
|
-
--entity-state-
|
|
69
|
+
--entity-state-background-color: var(--g-color-base-neutral-light);
|
|
70
|
+
--entity-state-icon-color: var(--g-color-text-secondary);
|
|
71
|
+
|
|
72
|
+
border: $border-width solid var(--entity-state-border-color);
|
|
58
73
|
|
|
59
74
|
&#{$block}_highlighted {
|
|
60
75
|
--entity-state-background-color: var(--g-color-base-neutral-light-hover);
|
|
61
76
|
}
|
|
77
|
+
|
|
78
|
+
&#{$block}_mode-compaction,
|
|
79
|
+
&#{$block}_mode-device {
|
|
80
|
+
--entity-state-background-color: transparent;
|
|
81
|
+
box-shadow: none;
|
|
82
|
+
|
|
83
|
+
&#{$block}_highlighted {
|
|
84
|
+
--entity-state-background-color: var(--g-color-base-neutral-light);
|
|
85
|
+
--entity-state-stripe-background-color: var(--g-color-base-neutral-light);
|
|
86
|
+
}
|
|
87
|
+
}
|
|
62
88
|
}
|
|
63
89
|
}
|
|
64
90
|
|
|
@@ -71,7 +97,10 @@
|
|
|
71
97
|
}
|
|
72
98
|
|
|
73
99
|
// State mode: specific visual variants
|
|
74
|
-
&_mode-state
|
|
100
|
+
&_mode-state,
|
|
101
|
+
&_mode-drive,
|
|
102
|
+
&_mode-decommit,
|
|
103
|
+
&_mode-maintenance {
|
|
75
104
|
// OK state
|
|
76
105
|
&#{$block}_green {
|
|
77
106
|
--entity-state-border-color: var(--g-color-base-positive-medium);
|
|
@@ -85,11 +114,15 @@
|
|
|
85
114
|
|
|
86
115
|
// PDisk Error
|
|
87
116
|
&#{$block}_red {
|
|
88
|
-
--entity-state-background-color: var(--g-color-base-danger-medium);
|
|
89
117
|
--entity-state-border-color: var(--g-color-base-danger-heavy);
|
|
90
118
|
}
|
|
91
119
|
}
|
|
92
120
|
|
|
121
|
+
&_mode-decommit#{$block}_blue {
|
|
122
|
+
--entity-state-border-color: var(--g-color-base-info-medium);
|
|
123
|
+
--entity-state-icon-color: var(--g-color-text-info);
|
|
124
|
+
}
|
|
125
|
+
|
|
93
126
|
&_mode-all {
|
|
94
127
|
&#{$block}_green {
|
|
95
128
|
--entity-state-background-color: transparent;
|
|
@@ -123,12 +156,10 @@
|
|
|
123
156
|
&#{$block}_red {
|
|
124
157
|
--entity-state-background-color: transparent;
|
|
125
158
|
--entity-state-border-color: var(--g-color-line-danger);
|
|
126
|
-
--entity-state-icon-color: var(--g-color-base-danger-heavy);
|
|
127
159
|
--entity-state-fill-color: var(--g-color-base-danger-light);
|
|
128
160
|
|
|
129
161
|
&#{$block}_highlighted {
|
|
130
162
|
--entity-state-border-color: var(--g-color-line-danger);
|
|
131
|
-
--entity-state-icon-color: var(--g-color-base-danger-heavy);
|
|
132
163
|
--entity-state-background-color: var(--entity-state-fill-color);
|
|
133
164
|
}
|
|
134
165
|
}
|
|
@@ -189,9 +220,11 @@
|
|
|
189
220
|
&#{$block}_spacecyan {
|
|
190
221
|
--entity-state-background-color: var(--ydb-space-cyan-bg);
|
|
191
222
|
--entity-state-border-color: var(--ydb-space-cyan-text);
|
|
223
|
+
--entity-state-fill-color: var(--ydb-space-cyan-fill-color);
|
|
192
224
|
--ydb-progress-bar-font-color: var(--ydb-space-cyan-text);
|
|
193
225
|
&#{$block}_highlighted {
|
|
194
226
|
--entity-state-background-color: var(--ydb-space-cyan-bg-hover);
|
|
227
|
+
--entity-state-fill-color: var(--ydb-space-cyan-fill-color-hover);
|
|
195
228
|
}
|
|
196
229
|
}
|
|
197
230
|
|
|
@@ -202,9 +235,11 @@
|
|
|
202
235
|
var(--ydb-space-light-yellow-text)
|
|
203
236
|
);
|
|
204
237
|
--entity-state-stripe-color: var(--ydb-space-light-yellow-stripe);
|
|
238
|
+
--entity-state-fill-color: var(--ydb-space-light-yellow-fill-color);
|
|
205
239
|
--ydb-progress-bar-font-color: var(--ydb-space-light-yellow-text);
|
|
206
240
|
&#{$block}_highlighted {
|
|
207
241
|
--entity-state-background-color: var(--ydb-space-light-yellow-bg-hover);
|
|
242
|
+
--entity-state-fill-color: var(--ydb-space-light-yellow-fill-color-hover);
|
|
208
243
|
--entity-state-stripe-color: var(--ydb-space-light-yellow-stripe-hover);
|
|
209
244
|
}
|
|
210
245
|
}
|
|
@@ -217,27 +252,33 @@
|
|
|
217
252
|
&#{$block}_spacelightorange {
|
|
218
253
|
--entity-state-background-color: var(--ydb-space-light-orange-bg);
|
|
219
254
|
--entity-state-border-color: var(--ydb-space-light-orange-text);
|
|
255
|
+
--entity-state-fill-color: var(--ydb-space-light-orange-fill-color);
|
|
220
256
|
--ydb-progress-bar-font-color: var(--ydb-space-light-orange-text);
|
|
221
257
|
&#{$block}_highlighted {
|
|
222
258
|
--entity-state-background-color: var(--ydb-space-light-orange-bg-hover);
|
|
259
|
+
--entity-state-fill-color: var(--ydb-space-light-orange-fill-color-hover);
|
|
223
260
|
}
|
|
224
261
|
}
|
|
225
262
|
|
|
226
263
|
&#{$block}_spacepreorange {
|
|
227
264
|
--entity-state-background-color: var(--ydb-space-pre-orange-bg);
|
|
228
265
|
--entity-state-border-color: var(--ydb-space-pre-orange-text);
|
|
266
|
+
--entity-state-fill-color: var(--ydb-space-pre-orange-fill-color);
|
|
229
267
|
--ydb-progress-bar-font-color: var(--ydb-space-pre-orange-text);
|
|
230
268
|
&#{$block}_highlighted {
|
|
231
269
|
--entity-state-background-color: var(--ydb-space-pre-orange-bg-hover);
|
|
270
|
+
--entity-state-fill-color: var(--ydb-space-pre-orange-fill-color-hover);
|
|
232
271
|
}
|
|
233
272
|
}
|
|
234
273
|
|
|
235
274
|
&#{$block}_spaceorange {
|
|
236
275
|
--entity-state-background-color: var(--ydb-space-orange-bg);
|
|
237
276
|
--entity-state-border-color: var(--ydb-space-orange-text);
|
|
277
|
+
--entity-state-fill-color: var(--ydb-space-orange-fill-color);
|
|
238
278
|
--ydb-progress-bar-font-color: var(--ydb-space-orange-text);
|
|
239
279
|
&#{$block}_highlighted {
|
|
240
280
|
--entity-state-background-color: var(--ydb-space-orange-bg-hover);
|
|
281
|
+
--entity-state-fill-color: var(--ydb-space-orange-fill-color-hover);
|
|
241
282
|
}
|
|
242
283
|
}
|
|
243
284
|
|
|
@@ -249,12 +290,28 @@
|
|
|
249
290
|
&#{$block}_spaceblack {
|
|
250
291
|
--entity-state-background-color: var(--ydb-space-black-bg);
|
|
251
292
|
--entity-state-border-color: var(--ydb-space-black-border);
|
|
293
|
+
--entity-state-fill-color: var(--ydb-space-black-fill-color);
|
|
252
294
|
--ydb-progress-bar-font-color: var(--ydb-space-black-text);
|
|
253
295
|
&#{$block}_highlighted {
|
|
254
296
|
--entity-state-background-color: var(--ydb-space-black-bg-hover);
|
|
255
297
|
--entity-state-border-color: var(--ydb-space-black-border-hover);
|
|
298
|
+
--entity-state-fill-color: var(--ydb-space-black-fill-color-hover);
|
|
299
|
+
}
|
|
300
|
+
}
|
|
301
|
+
|
|
302
|
+
&#{$block}_grey {
|
|
303
|
+
--entity-state-background-color: var(--ydb-space-no-data-bg);
|
|
304
|
+
--entity-state-fill-color: var(--ydb-space-no-data-fill-color);
|
|
305
|
+
|
|
306
|
+
&#{$block}_highlighted {
|
|
307
|
+
--entity-state-background-color: var(--ydb-space-no-data-bg-hover);
|
|
308
|
+
--entity-state-fill-color: var(--ydb-space-no-data-fill-color-hover);
|
|
256
309
|
}
|
|
257
310
|
}
|
|
311
|
+
|
|
312
|
+
&#{$block}_light-grey {
|
|
313
|
+
--entity-state-icon-color: var(--ydb-progress-bar-font-color);
|
|
314
|
+
}
|
|
258
315
|
}
|
|
259
316
|
|
|
260
317
|
&_mode-frontqueues {
|
|
@@ -274,11 +331,11 @@
|
|
|
274
331
|
|
|
275
332
|
&#{$block}_red {
|
|
276
333
|
--entity-state-border-color: var(--g-color-line-danger);
|
|
277
|
-
--entity-state-icon-color: var(--g-color-text-danger);
|
|
278
334
|
}
|
|
279
335
|
}
|
|
280
336
|
|
|
281
|
-
&_mode-compaction
|
|
337
|
+
&_mode-compaction,
|
|
338
|
+
&_mode-device {
|
|
282
339
|
--entity-state-background-color: transparent;
|
|
283
340
|
|
|
284
341
|
&:not(#{$block}_darkgrey) {
|
|
@@ -293,6 +350,14 @@
|
|
|
293
350
|
&#{$block}_green {
|
|
294
351
|
--entity-state-border-color: var(--g-color-line-positive);
|
|
295
352
|
--entity-state-icon-color: var(--g-color-text-positive);
|
|
353
|
+
|
|
354
|
+
--entity-state-background-color: var(--g-color-base-positive-light);
|
|
355
|
+
--entity-state-stripe-color: var(--g-color-base-positive-light);
|
|
356
|
+
|
|
357
|
+
&#{$block}_highlighted {
|
|
358
|
+
--entity-state-background-color: var(--g-color-base-positive-light-hover);
|
|
359
|
+
--entity-state-stripe-color: var(--g-color-base-positive-light-hover);
|
|
360
|
+
}
|
|
296
361
|
}
|
|
297
362
|
|
|
298
363
|
&#{$block}_yellow {
|
|
@@ -302,7 +367,6 @@
|
|
|
302
367
|
|
|
303
368
|
&#{$block}_red {
|
|
304
369
|
--entity-state-border-color: var(--g-color-line-danger);
|
|
305
|
-
--entity-state-icon-color: var(--g-color-text-danger);
|
|
306
370
|
}
|
|
307
371
|
}
|
|
308
372
|
|
|
@@ -332,7 +396,6 @@
|
|
|
332
396
|
}
|
|
333
397
|
|
|
334
398
|
&_striped {
|
|
335
|
-
--entity-state-icon-color: var(--g-color-base-neutral-heavy-hover);
|
|
336
399
|
overflow: hidden;
|
|
337
400
|
// Inset shadow = border overlay without shrinking the striped fill
|
|
338
401
|
border: none;
|
|
@@ -348,6 +411,10 @@
|
|
|
348
411
|
box-shadow: 0 0 0 $border-width
|
|
349
412
|
var(--entity-state-stripe-border-color, var(--entity-state-shadow-color)) inset;
|
|
350
413
|
|
|
414
|
+
&:not(#{$block}_red) {
|
|
415
|
+
--entity-state-icon-color: var(--g-color-base-neutral-heavy-hover);
|
|
416
|
+
}
|
|
417
|
+
|
|
351
418
|
&#{$block}_solidred {
|
|
352
419
|
--entity-state-stripe-color: var(--g-color-text-dark-hint);
|
|
353
420
|
--entity-state-stripe-color2: transparent;
|
|
@@ -6,7 +6,7 @@ import { debounce } from 'lodash';
|
|
|
6
6
|
import { cn } from '../../utils/cn';
|
|
7
7
|
import { useSetting } from '../../utils/hooks/useSetting';
|
|
8
8
|
import { CopyLinkButton } from '../CopyLinkButton/CopyLinkButton';
|
|
9
|
-
import {
|
|
9
|
+
import { isClickInRightInset, useDrawerContextInternal } from './DrawerContext';
|
|
10
10
|
import { normalizeDrawerWidthFromResize, normalizeDrawerWidthFromSavedString, } from './DrawerWidthUtils';
|
|
11
11
|
import './Drawer.scss';
|
|
12
12
|
const DEFAULT_DRAWER_WIDTH_PERCENTS = 60;
|
|
@@ -18,7 +18,8 @@ const DrawerPaneContentWrapper = ({ isVisible, onClose, children, drawerId = 'dr
|
|
|
18
18
|
const [savedWidthString, setSavedWidthString] = useSetting(storageKey);
|
|
19
19
|
const [userDrawerWidth, setUserDrawerWidth] = React.useState(undefined);
|
|
20
20
|
const drawerRef = React.useRef(null);
|
|
21
|
-
const { containerWidth, itemContainerRef } =
|
|
21
|
+
const { containerWidth, itemContainerRef, rightInset, visibleRightInset } = useDrawerContextInternal();
|
|
22
|
+
const availableWidth = Math.max(0, containerWidth - visibleRightInset);
|
|
22
23
|
const derivedDrawerWidth = React.useMemo(() => {
|
|
23
24
|
return normalizeDrawerWidthFromSavedString({
|
|
24
25
|
savedWidthString,
|
|
@@ -29,26 +30,30 @@ const DrawerPaneContentWrapper = ({ isVisible, onClose, children, drawerId = 'dr
|
|
|
29
30
|
defaultPx: DEFAULT_DRAWER_WIDTH,
|
|
30
31
|
});
|
|
31
32
|
}, [containerWidth, defaultWidth, isPercentageWidth, savedWidthString]);
|
|
32
|
-
const
|
|
33
|
+
const requestedDrawerWidth = userDrawerWidth !== null && userDrawerWidth !== void 0 ? userDrawerWidth : derivedDrawerWidth;
|
|
33
34
|
// Calculate drawer width based on container width percentage if specified
|
|
34
|
-
const
|
|
35
|
+
const requestedWidth = React.useMemo(() => {
|
|
35
36
|
if (isPercentageWidth && containerWidth > 0) {
|
|
36
|
-
return Math.round((containerWidth * (
|
|
37
|
+
return Math.round((containerWidth * (requestedDrawerWidth || DEFAULT_DRAWER_WIDTH_PERCENTS)) / 100);
|
|
37
38
|
}
|
|
38
|
-
return
|
|
39
|
-
}, [containerWidth, isPercentageWidth,
|
|
39
|
+
return requestedDrawerWidth || DEFAULT_DRAWER_WIDTH;
|
|
40
|
+
}, [containerWidth, isPercentageWidth, requestedDrawerWidth]);
|
|
41
|
+
const calculatedWidth = Math.min(requestedWidth, availableWidth);
|
|
40
42
|
const drawerOverlayStyle = React.useMemo(() => {
|
|
41
43
|
return {
|
|
42
44
|
overflow: 'hidden',
|
|
43
|
-
|
|
45
|
+
width: availableWidth,
|
|
44
46
|
};
|
|
45
|
-
}, [
|
|
47
|
+
}, [availableWidth]);
|
|
46
48
|
React.useEffect(() => {
|
|
47
49
|
if (!detectClickOutside || !isVisible) {
|
|
48
50
|
return undefined;
|
|
49
51
|
}
|
|
50
52
|
const handleClickOutside = (event) => {
|
|
51
|
-
|
|
53
|
+
var _a;
|
|
54
|
+
if (event._capturedInsideDrawer ||
|
|
55
|
+
!event.isTrusted ||
|
|
56
|
+
isClickInRightInset(event, (_a = itemContainerRef === null || itemContainerRef === void 0 ? void 0 : itemContainerRef.current) !== null && _a !== void 0 ? _a : null, rightInset)) {
|
|
52
57
|
return;
|
|
53
58
|
}
|
|
54
59
|
if (drawerRef.current && !drawerRef.current.contains(event.target)) {
|
|
@@ -64,7 +69,7 @@ const DrawerPaneContentWrapper = ({ isVisible, onClose, children, drawerId = 'dr
|
|
|
64
69
|
window.clearTimeout(listenerTimeoutId);
|
|
65
70
|
document.removeEventListener('click', handleClickOutside);
|
|
66
71
|
};
|
|
67
|
-
}, [isVisible, onClose,
|
|
72
|
+
}, [detectClickOutside, isVisible, itemContainerRef, onClose, rightInset]);
|
|
68
73
|
const saveWidthDebounced = React.useMemo(() => {
|
|
69
74
|
return debounce((value) => setSavedWidthString(value), SAVE_DEBOUNCE_MS);
|
|
70
75
|
}, [setSavedWidthString]);
|
|
@@ -95,7 +100,7 @@ const DrawerPaneContentWrapper = ({ isVisible, onClose, children, drawerId = 'dr
|
|
|
95
100
|
if (!itemContainer) {
|
|
96
101
|
return null;
|
|
97
102
|
}
|
|
98
|
-
return (_jsx(GravityDrawer, { qa: drawerId, open: isVisible, onOpenChange: handleOpenChange, placement: direction, hideVeil: hideVeil, className: b('container', className), contentClassName: b('item'), style: drawerOverlayStyle, container: itemContainer, resizable: true, maxSize:
|
|
103
|
+
return (_jsx(GravityDrawer, { qa: drawerId, open: isVisible, onOpenChange: handleOpenChange, placement: direction, hideVeil: hideVeil, className: b('container', className), contentClassName: b('item'), style: drawerOverlayStyle, container: itemContainer, resizable: true, maxSize: availableWidth, size: calculatedWidth, onResizeEnd: handleResizeDrawer, disableBodyScrollLock: true, disableOutsideClick: detectClickOutside, floatingRef: detectClickOutside ? drawerRef : undefined, children: _jsx("div", { className: b('click-handler'), onClickCapture: handleClickInsideDrawer, children: children }) }));
|
|
99
104
|
};
|
|
100
105
|
export const DrawerWrapper = ({ children, renderDrawerContent, isDrawerVisible, onCloseDrawer, drawerId, storageKey, defaultWidth, direction, className, detectClickOutside, isPercentageWidth, drawerControls = [], title, headerClassName, hideVeil, }) => {
|
|
101
106
|
const onCloseDrawerRef = React.useRef(onCloseDrawer);
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Drawer.js","sourceRoot":"","sources":["../../../src/components/Drawer/Drawer.tsx"],"names":[],"mappings":";AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,OAAO,EAAC,KAAK,EAAC,MAAM,mBAAmB,CAAC;AACxC,OAAO,EAAC,aAAa,EAAE,MAAM,EAAE,IAAI,EAAE,MAAM,IAAI,aAAa,EAAE,IAAI,EAAE,IAAI,EAAC,MAAM,mBAAmB,CAAC;AACnG,OAAO,EAAC,QAAQ,EAAC,MAAM,QAAQ,CAAC;AAEhC,OAAO,EAAC,EAAE,EAAC,MAAM,gBAAgB,CAAC;AAClC,OAAO,EAAC,UAAU,EAAC,MAAM,8BAA8B,CAAC;AACxD,OAAO,EAAC,cAAc,EAAC,MAAM,kCAAkC,CAAC;AAEhE,OAAO,EAAC,
|
|
1
|
+
{"version":3,"file":"Drawer.js","sourceRoot":"","sources":["../../../src/components/Drawer/Drawer.tsx"],"names":[],"mappings":"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"}
|
|
@@ -3,12 +3,21 @@ import './Drawer.scss';
|
|
|
3
3
|
export interface DrawerContextType {
|
|
4
4
|
containerWidth: number;
|
|
5
5
|
itemContainerRef: React.RefObject<HTMLDivElement> | null;
|
|
6
|
+
rightInset: number;
|
|
6
7
|
setContainerWidth: React.Dispatch<React.SetStateAction<number>>;
|
|
8
|
+
setRightInset: React.Dispatch<React.SetStateAction<number>>;
|
|
9
|
+
}
|
|
10
|
+
interface DrawerInternalContextType extends DrawerContextType {
|
|
11
|
+
visibleRightInset: number;
|
|
7
12
|
}
|
|
8
13
|
interface DrawerContextProviderProps {
|
|
9
14
|
children: React.ReactNode;
|
|
10
15
|
className?: string;
|
|
16
|
+
rightInset?: number;
|
|
17
|
+
onRightInsetChange?: (rightInset: number) => void;
|
|
11
18
|
}
|
|
12
|
-
export declare
|
|
19
|
+
export declare function isClickInRightInset(event: Pick<MouseEvent, 'clientX' | 'clientY'>, itemContainer: HTMLElement | null, rightInset: number): boolean;
|
|
20
|
+
export declare const DrawerContextProvider: ({ children, className, rightInset: controlledRightInset, onRightInsetChange, }: DrawerContextProviderProps) => import("react/jsx-runtime").JSX.Element;
|
|
13
21
|
export declare const useDrawerContext: () => DrawerContextType;
|
|
22
|
+
export declare const useDrawerContextInternal: () => DrawerInternalContextType;
|
|
14
23
|
export {};
|
|
@@ -1,17 +1,54 @@
|
|
|
1
1
|
import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
|
|
2
2
|
import React from 'react';
|
|
3
3
|
import { cn } from '../../utils/cn';
|
|
4
|
+
import { getVisibleRightInset } from './DrawerWidthUtils';
|
|
4
5
|
import './Drawer.scss';
|
|
5
6
|
const b = cn('ydb-drawer');
|
|
6
7
|
const DrawerContext = React.createContext({
|
|
7
8
|
containerWidth: 0,
|
|
8
9
|
itemContainerRef: null,
|
|
10
|
+
rightInset: 0,
|
|
9
11
|
setContainerWidth: () => { },
|
|
12
|
+
setRightInset: () => { },
|
|
13
|
+
visibleRightInset: 0,
|
|
10
14
|
});
|
|
11
|
-
|
|
12
|
-
|
|
15
|
+
function normalizeRightInset(rightInset) {
|
|
16
|
+
return Number.isFinite(rightInset) ? Math.max(0, rightInset) : 0;
|
|
17
|
+
}
|
|
18
|
+
export function isClickInRightInset(event, itemContainer, rightInset) {
|
|
19
|
+
if (rightInset <= 0 || !itemContainer) {
|
|
20
|
+
return false;
|
|
21
|
+
}
|
|
22
|
+
const providerContainer = itemContainer.parentElement;
|
|
23
|
+
if (!providerContainer) {
|
|
24
|
+
return false;
|
|
25
|
+
}
|
|
26
|
+
const itemRight = itemContainer.getBoundingClientRect().right;
|
|
27
|
+
const providerRect = providerContainer.getBoundingClientRect();
|
|
28
|
+
return (event.clientX >= itemRight &&
|
|
29
|
+
event.clientX <= providerRect.right &&
|
|
30
|
+
event.clientY >= providerRect.top &&
|
|
31
|
+
event.clientY <= providerRect.bottom);
|
|
32
|
+
}
|
|
33
|
+
export const DrawerContextProvider = ({ children, className, rightInset: controlledRightInset, onRightInsetChange, }) => {
|
|
34
|
+
const [measuredContainerWidth, setContainerWidth] = React.useState(0);
|
|
35
|
+
const [rightViewportOverflow, setRightViewportOverflow] = React.useState(0);
|
|
36
|
+
const [internalRightInset, setInternalRightInset] = React.useState(0);
|
|
13
37
|
const containerRef = React.useRef(null);
|
|
14
38
|
const itemContainerRef = React.useRef(null);
|
|
39
|
+
const rightInset = normalizeRightInset(controlledRightInset !== null && controlledRightInset !== void 0 ? controlledRightInset : internalRightInset);
|
|
40
|
+
const rightInsetRef = React.useRef(rightInset);
|
|
41
|
+
rightInsetRef.current = rightInset;
|
|
42
|
+
const setRightInset = React.useCallback((nextRightInset) => {
|
|
43
|
+
const nextValue = normalizeRightInset(typeof nextRightInset === 'function'
|
|
44
|
+
? nextRightInset(rightInsetRef.current)
|
|
45
|
+
: nextRightInset);
|
|
46
|
+
rightInsetRef.current = nextValue;
|
|
47
|
+
if (controlledRightInset === undefined) {
|
|
48
|
+
setInternalRightInset(nextValue);
|
|
49
|
+
}
|
|
50
|
+
onRightInsetChange === null || onRightInsetChange === void 0 ? void 0 : onRightInsetChange(nextValue);
|
|
51
|
+
}, [controlledRightInset, onRightInsetChange]);
|
|
15
52
|
React.useEffect(() => {
|
|
16
53
|
if (!containerRef.current) {
|
|
17
54
|
return undefined;
|
|
@@ -22,7 +59,9 @@ export const DrawerContextProvider = ({ children, className }) => {
|
|
|
22
59
|
const visibleLeft = Math.max(containerRect.left, 0);
|
|
23
60
|
const visibleRight = Math.min(containerRect.right, window.innerWidth);
|
|
24
61
|
const visibleWidth = Math.max(0, visibleRight - visibleLeft);
|
|
62
|
+
const nextRightViewportOverflow = Math.max(0, containerRect.right - visibleRight);
|
|
25
63
|
setContainerWidth(visibleWidth || containerRef.current.clientWidth);
|
|
64
|
+
setRightViewportOverflow(nextRightViewportOverflow);
|
|
26
65
|
}
|
|
27
66
|
};
|
|
28
67
|
// Set initial width
|
|
@@ -30,23 +69,37 @@ export const DrawerContextProvider = ({ children, className }) => {
|
|
|
30
69
|
// Update width on resize
|
|
31
70
|
const resizeObserver = new ResizeObserver(updateWidth);
|
|
32
71
|
resizeObserver.observe(containerRef.current);
|
|
72
|
+
window.addEventListener('resize', updateWidth);
|
|
33
73
|
return () => {
|
|
34
74
|
resizeObserver.disconnect();
|
|
75
|
+
window.removeEventListener('resize', updateWidth);
|
|
35
76
|
};
|
|
36
77
|
}, []);
|
|
78
|
+
const visibleRightInset = getVisibleRightInset({ rightInset, rightViewportOverflow });
|
|
37
79
|
// Memoize the context value to prevent unnecessary re-renders
|
|
38
80
|
const value = React.useMemo(() => ({
|
|
39
|
-
containerWidth,
|
|
81
|
+
containerWidth: measuredContainerWidth,
|
|
40
82
|
setContainerWidth,
|
|
41
83
|
itemContainerRef,
|
|
42
|
-
|
|
43
|
-
|
|
84
|
+
rightInset,
|
|
85
|
+
setRightInset,
|
|
86
|
+
visibleRightInset,
|
|
87
|
+
}), [measuredContainerWidth, rightInset, setRightInset, visibleRightInset]);
|
|
88
|
+
const itemContainerStyle = React.useMemo(() => {
|
|
89
|
+
if (rightInset === 0) {
|
|
90
|
+
return undefined;
|
|
91
|
+
}
|
|
92
|
+
return { width: `max(0px, calc(100% - ${rightInset}px))` };
|
|
93
|
+
}, [rightInset]);
|
|
94
|
+
return (_jsx(DrawerContext.Provider, { value: value, children: _jsxs("div", { ref: containerRef, className: b('drawer-container', className), children: [children, _jsx("div", { ref: itemContainerRef, className: b('item-container'), style: itemContainerStyle })] }) }));
|
|
44
95
|
};
|
|
45
|
-
|
|
96
|
+
const useDrawerContextValue = () => {
|
|
46
97
|
const context = React.useContext(DrawerContext);
|
|
47
98
|
if (context === undefined) {
|
|
48
99
|
throw Error('useDrawerContext must be used within a DrawerContextProvider');
|
|
49
100
|
}
|
|
50
101
|
return context;
|
|
51
102
|
};
|
|
103
|
+
export const useDrawerContext = () => useDrawerContextValue();
|
|
104
|
+
export const useDrawerContextInternal = () => useDrawerContextValue();
|
|
52
105
|
//# sourceMappingURL=DrawerContext.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"DrawerContext.js","sourceRoot":"","sources":["../../../src/components/Drawer/DrawerContext.tsx"],"names":[],"mappings":";AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,OAAO,EAAC,EAAE,EAAC,MAAM,gBAAgB,CAAC;AAElC,OAAO,eAAe,CAAC;AAEvB,MAAM,CAAC,GAAG,EAAE,CAAC,YAAY,CAAC,CAAC;
|
|
1
|
+
{"version":3,"file":"DrawerContext.js","sourceRoot":"","sources":["../../../src/components/Drawer/DrawerContext.tsx"],"names":[],"mappings":"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"}
|
|
@@ -1,6 +1,10 @@
|
|
|
1
1
|
export declare const MIN_DRAWER_WIDTH_PERCENTS = 1;
|
|
2
2
|
export declare const MAX_DRAWER_WIDTH_PERCENTS = 100;
|
|
3
3
|
export declare const MIN_DRAWER_WIDTH_PX = 1;
|
|
4
|
+
export declare function getVisibleRightInset(args: {
|
|
5
|
+
rightInset: number;
|
|
6
|
+
rightViewportOverflow: number;
|
|
7
|
+
}): number;
|
|
4
8
|
export declare function normalizeDrawerWidthFromSavedString(args: {
|
|
5
9
|
savedWidthString: string | undefined;
|
|
6
10
|
defaultWidth?: number;
|
|
@@ -5,6 +5,10 @@ export const MIN_DRAWER_WIDTH_PX = 1;
|
|
|
5
5
|
function clamp(value, min, max) {
|
|
6
6
|
return Math.min(max, Math.max(min, value));
|
|
7
7
|
}
|
|
8
|
+
export function getVisibleRightInset(args) {
|
|
9
|
+
const { rightInset, rightViewportOverflow } = args;
|
|
10
|
+
return Math.max(0, rightInset - Math.max(0, rightViewportOverflow));
|
|
11
|
+
}
|
|
8
12
|
function getFallbackWidth(args) {
|
|
9
13
|
const { defaultWidth, isPercentageWidth, defaultPercents, defaultPx } = args;
|
|
10
14
|
if (defaultWidth !== undefined) {
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"DrawerWidthUtils.js","sourceRoot":"","sources":["../../../src/components/Drawer/DrawerWidthUtils.ts"],"names":[],"mappings":"AAAA,OAAO,EAAC,SAAS,EAAC,MAAM,mBAAmB,CAAC;AAE5C,MAAM,CAAC,MAAM,yBAAyB,GAAG,CAAC,CAAC;AAC3C,MAAM,CAAC,MAAM,yBAAyB,GAAG,GAAG,CAAC;AAC7C,MAAM,CAAC,MAAM,mBAAmB,GAAG,CAAC,CAAC;AAErC,SAAS,KAAK,CAAC,KAAa,EAAE,GAAW,EAAE,GAAW;IAClD,OAAO,IAAI,CAAC,GAAG,CAAC,GAAG,EAAE,IAAI,CAAC,GAAG,CAAC,GAAG,EAAE,KAAK,CAAC,CAAC,CAAC;AAC/C,CAAC;AAED,SAAS,gBAAgB,CAAC,IAKzB;IACG,MAAM,EAAC,YAAY,EAAE,iBAAiB,EAAE,eAAe,EAAE,SAAS,EAAC,GAAG,IAAI,CAAC;IAC3E,IAAI,YAAY,KAAK,SAAS,EAAE,CAAC;QAC7B,OAAO,YAAY,CAAC;IACxB,CAAC;IACD,OAAO,iBAAiB,CAAC,CAAC,CAAC,eAAe,CAAC,CAAC,CAAC,SAAS,CAAC;AAC3D,CAAC;AAED,MAAM,UAAU,mCAAmC,CAAC,IAOnD;IACG,MAAM,EACF,gBAAgB,EAChB,YAAY,EACZ,iBAAiB,EACjB,cAAc,EACd,eAAe,EACf,SAAS,GACZ,GAAG,IAAI,CAAC;IAET,MAAM,QAAQ,GAAG,gBAAgB,CAAC;QAC9B,YAAY;QACZ,iBAAiB;QACjB,eAAe;QACf,SAAS;KACZ,CAAC,CAAC;IAEH,IAAI,CAAC,SAAS,CAAC,gBAAgB,CAAC,EAAE,CAAC;QAC/B,OAAO,QAAQ,CAAC;IACpB,CAAC;IAED,MAAM,GAAG,GAAG,MAAM,CAAC,gBAAgB,CAAC,CAAC;IACrC,IAAI,CAAC,MAAM,CAAC,QAAQ,CAAC,GAAG,CAAC,EAAE,CAAC;QACxB,OAAO,QAAQ,CAAC;IACpB,CAAC;IAED,IAAI,iBAAiB,EAAE,CAAC;QACpB,OAAO,KAAK,CAAC,GAAG,EAAE,yBAAyB,EAAE,yBAAyB,CAAC,CAAC;IAC5E,CAAC;IAED,IAAI,GAAG,GAAG,mBAAmB,EAAE,CAAC;QAC5B,OAAO,QAAQ,CAAC;IACpB,CAAC;IAED,IAAI,cAAc,GAAG,CAAC,EAAE,CAAC;QACrB,OAAO,IAAI,CAAC,GAAG,CAAC,GAAG,EAAE,cAAc,CAAC,CAAC;IACzC,CAAC;IAED,OAAO,GAAG,CAAC;AACf,CAAC;AAED,MAAM,UAAU,8BAA8B,CAAC,IAI9C;IACG,MAAM,EAAC,cAAc,EAAE,iBAAiB,EAAE,cAAc,EAAC,GAAG,IAAI,CAAC;IAEjE,IAAI,iBAAiB,IAAI,cAAc,GAAG,CAAC,EAAE,CAAC;QAC1C,MAAM,kBAAkB,GAAG,IAAI,CAAC,KAAK,CAAC,CAAC,cAAc,GAAG,cAAc,CAAC,GAAG,GAAG,CAAC,CAAC;QAC/E,MAAM,eAAe,GAAG,KAAK,CACzB,kBAAkB,EAClB,yBAAyB,EACzB,yBAAyB,CAC5B,CAAC;QAEF,OAAO;YACH,WAAW,EAAE,eAAe;YAC5B,gBAAgB,EAAE,eAAe,CAAC,QAAQ,EAAE;SACtC,CAAC;IACf,CAAC;IAED,MAAM,WAAW,GACb,cAAc,GAAG,CAAC,CAAC,CAAC,CAAC,IAAI,CAAC,GAAG,CAAC,cAAc,EAAE,cAAc,CAAC,CAAC,CAAC,CAAC,cAAc,CAAC;IACnF,MAAM,SAAS,GAAG,IAAI,CAAC,GAAG,CAAC,mBAAmB,EAAE,WAAW,CAAC,CAAC;IAE7D,OAAO,EAAC,WAAW,EAAE,SAAS,EAAE,gBAAgB,EAAE,SAAS,CAAC,QAAQ,EAAE,EAAU,CAAC;AACrF,CAAC"}
|
|
1
|
+
{"version":3,"file":"DrawerWidthUtils.js","sourceRoot":"","sources":["../../../src/components/Drawer/DrawerWidthUtils.ts"],"names":[],"mappings":"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"}
|
|
@@ -0,0 +1,15 @@
|
|
|
1
|
+
import React from 'react';
|
|
2
|
+
import './EntityName.scss';
|
|
3
|
+
export interface EntityNameProps {
|
|
4
|
+
name?: string;
|
|
5
|
+
renderName?: (name?: string) => React.ReactNode;
|
|
6
|
+
path?: string;
|
|
7
|
+
externalLink?: boolean;
|
|
8
|
+
withLeftTrim?: boolean;
|
|
9
|
+
hasClipboardButton?: boolean;
|
|
10
|
+
infoPopoverContent?: React.ReactNode;
|
|
11
|
+
clipboardButtonAlwaysVisible?: boolean;
|
|
12
|
+
leadingContent?: React.ReactNode;
|
|
13
|
+
className?: string;
|
|
14
|
+
}
|
|
15
|
+
export declare function EntityName({ name, renderName, path, externalLink, withLeftTrim, hasClipboardButton, infoPopoverContent, clipboardButtonAlwaysVisible, leadingContent, className, }: EntityNameProps): import("react/jsx-runtime").JSX.Element;
|