@gravity-ui/querieskit 1.5.1 → 1.6.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 +28 -0
- package/build/cjs/components/QueryGraph/QueryGraph.css +70 -0
- package/build/cjs/components/QueryGraph/QueryGraph.css.map +1 -0
- package/build/cjs/components/QueryGraph/QueryGraph.d.ts +4 -0
- package/build/cjs/components/QueryGraph/QueryGraph.js +517 -0
- package/build/cjs/components/QueryGraph/QueryGraph.js.map +1 -0
- package/build/cjs/components/QueryGraph/QueryGraph.stories.d.ts +16 -0
- package/build/cjs/components/QueryGraph/QueryGraph.stories.js +339 -0
- package/build/cjs/components/QueryGraph/QueryGraph.stories.js.map +1 -0
- package/build/cjs/components/QueryGraph/helpers/layout.d.ts +9 -0
- package/build/cjs/components/QueryGraph/helpers/layout.js +138 -0
- package/build/cjs/components/QueryGraph/helpers/layout.js.map +1 -0
- package/build/cjs/components/QueryGraph/helpers/presentation.d.ts +18 -0
- package/build/cjs/components/QueryGraph/helpers/presentation.js +44 -0
- package/build/cjs/components/QueryGraph/helpers/presentation.js.map +1 -0
- package/build/cjs/components/QueryGraph/i18n/dicts.d.ts +55 -0
- package/build/cjs/components/QueryGraph/i18n/dicts.js +14 -0
- package/build/cjs/components/QueryGraph/i18n/dicts.js.map +1 -0
- package/build/cjs/components/QueryGraph/i18n/en.json +26 -0
- package/build/cjs/components/QueryGraph/i18n/index.d.ts +6 -0
- package/build/cjs/components/QueryGraph/i18n/index.js +11 -0
- package/build/cjs/components/QueryGraph/i18n/index.js.map +1 -0
- package/build/cjs/components/QueryGraph/i18n/ru.json +26 -0
- package/build/cjs/components/QueryGraph/index.d.ts +2 -0
- package/build/cjs/components/QueryGraph/index.js +13 -0
- package/build/cjs/components/QueryGraph/index.js.map +1 -0
- package/build/cjs/components/QueryGraph/internal/QueryGraphCanvasBlock.d.ts +24 -0
- package/build/cjs/components/QueryGraph/internal/QueryGraphCanvasBlock.js +307 -0
- package/build/cjs/components/QueryGraph/internal/QueryGraphCanvasBlock.js.map +1 -0
- package/build/cjs/components/QueryGraph/internal/QueryGraphPopup.d.ts +5 -0
- package/build/cjs/components/QueryGraph/internal/QueryGraphPopup.js +242 -0
- package/build/cjs/components/QueryGraph/internal/QueryGraphPopup.js.map +1 -0
- package/build/cjs/components/QueryGraph/internal/queryGraphIcons.d.ts +12 -0
- package/build/cjs/components/QueryGraph/internal/queryGraphIcons.js +161 -0
- package/build/cjs/components/QueryGraph/internal/queryGraphIcons.js.map +1 -0
- package/build/cjs/components/QueryGraph/internal/useQueryGraphLayout.d.ts +22 -0
- package/build/cjs/components/QueryGraph/internal/useQueryGraphLayout.js +60 -0
- package/build/cjs/components/QueryGraph/internal/useQueryGraphLayout.js.map +1 -0
- package/build/cjs/components/QueryGraph/story/largeGraphData.d.ts +3 -0
- package/build/cjs/components/QueryGraph/story/largeGraphData.js +227 -0
- package/build/cjs/components/QueryGraph/story/largeGraphData.js.map +1 -0
- package/build/cjs/components/index.d.ts +2 -0
- package/build/cjs/components/index.js +9 -1
- package/build/cjs/components/index.js.map +1 -1
- package/build/cjs/helpers/buildColumnsFromKeys.d.ts +1 -1
- package/build/cjs/helpers/buildColumnsFromKeys.js.map +1 -1
- package/build/cjs/index.d.ts +1 -0
- package/build/cjs/index.js +11 -0
- package/build/cjs/index.js.map +1 -1
- package/build/cjs/modules/ClustersList/ClustersList.d.ts +1 -1
- package/build/cjs/modules/ClustersList/ClustersList.js +4 -3
- package/build/cjs/modules/ClustersList/ClustersList.js.map +1 -1
- package/build/cjs/modules/HistoryHeader/HistoryHeader.js +4 -3
- package/build/cjs/modules/HistoryHeader/HistoryHeader.js.map +1 -1
- package/build/cjs/modules/HistoryRow/HistoryRow.js +12 -7
- package/build/cjs/modules/HistoryRow/HistoryRow.js.map +1 -1
- package/build/cjs/modules/HistorySearchRow/HistorySearchRow.js +8 -5
- package/build/cjs/modules/HistorySearchRow/HistorySearchRow.js.map +1 -1
- package/build/cjs/modules/HistorySearchRow/helpers/resolveMonacoLanguage.d.ts +1 -1
- package/build/cjs/modules/HistorySearchRow/helpers/resolveMonacoLanguage.js +5 -5
- package/build/cjs/modules/HistorySearchRow/helpers/resolveMonacoLanguage.js.map +1 -1
- package/build/cjs/modules/NavigationDetail/NavigationDetail.d.ts +1 -1
- package/build/cjs/modules/NavigationDetail/NavigationDetail.js +2 -2
- package/build/cjs/modules/NavigationDetail/NavigationDetail.js.map +1 -1
- package/build/cjs/modules/NavigationHeader/NavigationHeader.d.ts +1 -1
- package/build/cjs/modules/NavigationHeader/NavigationHeader.js +2 -2
- package/build/cjs/modules/NavigationHeader/NavigationHeader.js.map +1 -1
- package/build/cjs/modules/NavigationItemsList/NavigationItemsList.d.ts +1 -1
- package/build/cjs/modules/NavigationItemsList/NavigationItemsList.js +4 -3
- package/build/cjs/modules/NavigationItemsList/NavigationItemsList.js.map +1 -1
- package/build/cjs/modules/NavigationItemsList/internal/NavigationItemsListEmptyState.d.ts +1 -1
- package/build/cjs/modules/NavigationItemsList/internal/NavigationItemsListEmptyState.js +2 -2
- package/build/cjs/modules/NavigationItemsList/internal/NavigationItemsListEmptyState.js.map +1 -1
- package/build/cjs/modules/NavigationMeta/NavigationMeta.js +4 -3
- package/build/cjs/modules/NavigationMeta/NavigationMeta.js.map +1 -1
- package/build/cjs/modules/NavigationMeta/i18n/index.d.ts +2 -2
- package/build/cjs/modules/NavigationPreview/NavigationPreview.d.ts +1 -1
- package/build/cjs/modules/NavigationPreview/NavigationPreview.js +6 -4
- package/build/cjs/modules/NavigationPreview/NavigationPreview.js.map +1 -1
- package/build/cjs/modules/NavigationPreview/helpers/buildPreviewColumns.d.ts +1 -1
- package/build/cjs/modules/NavigationPreview/helpers/buildPreviewColumns.js.map +1 -1
- package/build/cjs/modules/NavigationSchema/NavigationSchema.d.ts +1 -1
- package/build/cjs/modules/NavigationSchema/NavigationSchema.js +4 -3
- package/build/cjs/modules/NavigationSchema/NavigationSchema.js.map +1 -1
- package/build/cjs/modules/NavigationSchema/helpers/buildSchemaColumns.d.ts +1 -1
- package/build/cjs/modules/NavigationSchema/helpers/buildSchemaColumns.js.map +1 -1
- package/build/cjs/modules/NavigationView/NavigationView.d.ts +1 -1
- package/build/cjs/modules/NavigationView/NavigationView.js +4 -3
- package/build/cjs/modules/NavigationView/NavigationView.js.map +1 -1
- package/build/cjs/modules/NavigationView/helpers/buildViewColumns.d.ts +1 -1
- package/build/cjs/modules/NavigationView/helpers/buildViewColumns.js.map +1 -1
- package/build/cjs/modules/NavigationView/internal/NavigationViewSectionItem.d.ts +1 -1
- package/build/cjs/modules/NavigationView/internal/NavigationViewSectionItem.js +4 -3
- package/build/cjs/modules/NavigationView/internal/NavigationViewSectionItem.js.map +1 -1
- package/build/cjs/modules/QueriesList/QueriesList.js +2 -2
- package/build/cjs/modules/QueriesList/QueriesList.js.map +1 -1
- package/build/cjs/modules/QueryProgress/QueryProgress.css +64 -0
- package/build/cjs/modules/QueryProgress/QueryProgress.css.map +1 -0
- package/build/cjs/modules/QueryProgress/QueryProgress.d.ts +4 -0
- package/build/cjs/modules/QueryProgress/QueryProgress.js +135 -0
- package/build/cjs/modules/QueryProgress/QueryProgress.js.map +1 -0
- package/build/cjs/modules/QueryProgress/QueryProgress.stories.d.ts +7 -0
- package/build/cjs/modules/QueryProgress/QueryProgress.stories.js +38 -0
- package/build/cjs/modules/QueryProgress/QueryProgress.stories.js.map +1 -0
- package/build/cjs/modules/QueryProgress/i18n/dicts.d.ts +25 -0
- package/build/cjs/modules/QueryProgress/i18n/dicts.js +14 -0
- package/build/cjs/modules/QueryProgress/i18n/dicts.js.map +1 -0
- package/build/cjs/modules/QueryProgress/i18n/en.json +11 -0
- package/build/cjs/modules/QueryProgress/i18n/index.d.ts +6 -0
- package/build/cjs/modules/QueryProgress/i18n/index.js +11 -0
- package/build/cjs/modules/QueryProgress/i18n/index.js.map +1 -0
- package/build/cjs/modules/QueryProgress/i18n/ru.json +11 -0
- package/build/cjs/modules/QueryProgress/index.d.ts +2 -0
- package/build/cjs/modules/QueryProgress/index.js +13 -0
- package/build/cjs/modules/QueryProgress/index.js.map +1 -0
- package/build/cjs/modules/QueryStatistics/i18n/index.d.ts +2 -2
- package/build/cjs/modules/RowsList/RowsList.js +4 -3
- package/build/cjs/modules/RowsList/RowsList.js.map +1 -1
- package/build/cjs/modules/SavedQueryRow/SavedQueryRow.d.ts +2 -2
- package/build/cjs/modules/SavedQueryRow/SavedQueryRow.js +6 -4
- package/build/cjs/modules/SavedQueryRow/SavedQueryRow.js.map +1 -1
- package/build/cjs/modules/SavedQuerySearchRow/SavedQuerySearchRow.d.ts +2 -2
- package/build/cjs/modules/SavedQuerySearchRow/SavedQuerySearchRow.js +4 -3
- package/build/cjs/modules/SavedQuerySearchRow/SavedQuerySearchRow.js.map +1 -1
- package/build/cjs/modules/TutorialRow/TutorialRow.d.ts +1 -1
- package/build/cjs/modules/TutorialRow/TutorialRow.js +2 -2
- package/build/cjs/modules/TutorialRow/TutorialRow.js.map +1 -1
- package/build/cjs/modules/TutorialSearchRow/TutorialSearchRow.d.ts +1 -1
- package/build/cjs/modules/TutorialSearchRow/TutorialSearchRow.js +4 -3
- package/build/cjs/modules/TutorialSearchRow/TutorialSearchRow.js.map +1 -1
- package/build/cjs/modules/index.d.ts +2 -0
- package/build/cjs/modules/index.js +8 -0
- package/build/cjs/modules/index.js.map +1 -1
- package/build/cjs/types/queryGraph.d.ts +87 -0
- package/build/cjs/types/queryGraph.js +6 -0
- package/build/cjs/types/queryGraph.js.map +1 -0
- package/build/cjs/widgets/DashboardCharts/DashboardCharts.js +8 -6
- package/build/cjs/widgets/DashboardCharts/DashboardCharts.js.map +1 -1
- package/build/cjs/widgets/DashboardCharts/types.d.ts +3 -3
- package/build/cjs/widgets/DashboardCharts/types.js.map +1 -1
- package/build/cjs/widgets/QueriesHistory/QueriesHistory.js +2 -2
- package/build/cjs/widgets/QueriesHistory/QueriesHistory.js.map +1 -1
- package/build/cjs/widgets/QueriesHistory/internal/HistoryRowContent.js +6 -5
- package/build/cjs/widgets/QueriesHistory/internal/HistoryRowContent.js.map +1 -1
- package/build/cjs/widgets/QueriesNavigation/QueriesNavigation.d.ts +1 -1
- package/build/cjs/widgets/QueriesNavigation/QueriesNavigation.js +13 -9
- package/build/cjs/widgets/QueriesNavigation/QueriesNavigation.js.map +1 -1
- package/build/cjs/widgets/QueriesNavigation/helpers/createEmptyDetailConfig.js +2 -2
- package/build/cjs/widgets/QueriesNavigation/helpers/createEmptyDetailConfig.js.map +1 -1
- package/build/cjs/widgets/QueriesNavigation/helpers/createTableDetailConfig.js +8 -5
- package/build/cjs/widgets/QueriesNavigation/helpers/createTableDetailConfig.js.map +1 -1
- package/build/cjs/widgets/QueryResults/QueryResults.js +2 -2
- package/build/cjs/widgets/QueryResults/QueryResults.js.map +1 -1
- package/build/cjs/widgets/QueryResults/i18n/index.d.ts +2 -2
- package/build/cjs/widgets/QueryResults/internal/QueryResultsSchema.js +4 -3
- package/build/cjs/widgets/QueryResults/internal/QueryResultsSchema.js.map +1 -1
- package/build/cjs/widgets/SavedQueries/SavedQueries.d.ts +2 -2
- package/build/cjs/widgets/SavedQueries/SavedQueries.js +2 -2
- package/build/cjs/widgets/SavedQueries/SavedQueries.js.map +1 -1
- package/build/cjs/widgets/SavedQueries/SavedQueryRowContent.d.ts +2 -2
- package/build/cjs/widgets/SavedQueries/SavedQueryRowContent.js +6 -5
- package/build/cjs/widgets/SavedQueries/SavedQueryRowContent.js.map +1 -1
- package/build/cjs/widgets/TutorialsHistory/TutorialRowContent.d.ts +2 -2
- package/build/cjs/widgets/TutorialsHistory/TutorialRowContent.js +6 -5
- package/build/cjs/widgets/TutorialsHistory/TutorialRowContent.js.map +1 -1
- package/build/cjs/widgets/TutorialsHistory/TutorialsHistory.d.ts +2 -2
- package/build/cjs/widgets/TutorialsHistory/TutorialsHistory.js +6 -4
- package/build/cjs/widgets/TutorialsHistory/TutorialsHistory.js.map +1 -1
- package/build/esm/components/QueryGraph/QueryGraph.css +70 -0
- package/build/esm/components/QueryGraph/QueryGraph.css.map +1 -0
- package/build/esm/components/QueryGraph/QueryGraph.d.ts +4 -0
- package/build/esm/components/QueryGraph/QueryGraph.js +510 -0
- package/build/esm/components/QueryGraph/QueryGraph.js.map +1 -0
- package/build/esm/components/QueryGraph/QueryGraph.scss +81 -0
- package/build/esm/components/QueryGraph/QueryGraph.stories.d.ts +16 -0
- package/build/esm/components/QueryGraph/QueryGraph.stories.js +331 -0
- package/build/esm/components/QueryGraph/QueryGraph.stories.js.map +1 -0
- package/build/esm/components/QueryGraph/helpers/layout.d.ts +9 -0
- package/build/esm/components/QueryGraph/helpers/layout.js +128 -0
- package/build/esm/components/QueryGraph/helpers/layout.js.map +1 -0
- package/build/esm/components/QueryGraph/helpers/presentation.d.ts +18 -0
- package/build/esm/components/QueryGraph/helpers/presentation.js +35 -0
- package/build/esm/components/QueryGraph/helpers/presentation.js.map +1 -0
- package/build/esm/components/QueryGraph/i18n/dicts.d.ts +55 -0
- package/build/esm/components/QueryGraph/i18n/dicts.js +7 -0
- package/build/esm/components/QueryGraph/i18n/dicts.js.map +1 -0
- package/build/esm/components/QueryGraph/i18n/en.json +26 -0
- package/build/esm/components/QueryGraph/i18n/index.d.ts +6 -0
- package/build/esm/components/QueryGraph/i18n/index.js +4 -0
- package/build/esm/components/QueryGraph/i18n/index.js.map +1 -0
- package/build/esm/components/QueryGraph/i18n/ru.json +26 -0
- package/build/esm/components/QueryGraph/index.d.ts +2 -0
- package/build/esm/components/QueryGraph/index.js +2 -0
- package/build/esm/components/QueryGraph/index.js.map +1 -0
- package/build/esm/components/QueryGraph/internal/QueryGraphCanvasBlock.d.ts +24 -0
- package/build/esm/components/QueryGraph/internal/QueryGraphCanvasBlock.js +299 -0
- package/build/esm/components/QueryGraph/internal/QueryGraphCanvasBlock.js.map +1 -0
- package/build/esm/components/QueryGraph/internal/QueryGraphPopup.d.ts +5 -0
- package/build/esm/components/QueryGraph/internal/QueryGraphPopup.js +234 -0
- package/build/esm/components/QueryGraph/internal/QueryGraphPopup.js.map +1 -0
- package/build/esm/components/QueryGraph/internal/queryGraphIcons.d.ts +12 -0
- package/build/esm/components/QueryGraph/internal/queryGraphIcons.js +150 -0
- package/build/esm/components/QueryGraph/internal/queryGraphIcons.js.map +1 -0
- package/build/esm/components/QueryGraph/internal/useQueryGraphLayout.d.ts +22 -0
- package/build/esm/components/QueryGraph/internal/useQueryGraphLayout.js +53 -0
- package/build/esm/components/QueryGraph/internal/useQueryGraphLayout.js.map +1 -0
- package/build/esm/components/QueryGraph/story/largeGraphData.d.ts +3 -0
- package/build/esm/components/QueryGraph/story/largeGraphData.js +220 -0
- package/build/esm/components/QueryGraph/story/largeGraphData.js.map +1 -0
- package/build/esm/components/index.d.ts +2 -0
- package/build/esm/components/index.js +1 -0
- package/build/esm/components/index.js.map +1 -1
- package/build/esm/helpers/buildColumnsFromKeys.d.ts +1 -1
- package/build/esm/helpers/buildColumnsFromKeys.js.map +1 -1
- package/build/esm/index.d.ts +1 -0
- package/build/esm/index.js +1 -0
- package/build/esm/index.js.map +1 -1
- package/build/esm/modules/ClustersList/ClustersList.d.ts +1 -1
- package/build/esm/modules/ClustersList/ClustersList.js +2 -1
- package/build/esm/modules/ClustersList/ClustersList.js.map +1 -1
- package/build/esm/modules/HistoryHeader/HistoryHeader.js +2 -1
- package/build/esm/modules/HistoryHeader/HistoryHeader.js.map +1 -1
- package/build/esm/modules/HistoryRow/HistoryRow.js +6 -1
- package/build/esm/modules/HistoryRow/HistoryRow.js.map +1 -1
- package/build/esm/modules/HistorySearchRow/HistorySearchRow.js +4 -1
- package/build/esm/modules/HistorySearchRow/HistorySearchRow.js.map +1 -1
- package/build/esm/modules/HistorySearchRow/helpers/resolveMonacoLanguage.d.ts +1 -1
- package/build/esm/modules/HistorySearchRow/helpers/resolveMonacoLanguage.js +1 -1
- package/build/esm/modules/HistorySearchRow/helpers/resolveMonacoLanguage.js.map +1 -1
- package/build/esm/modules/NavigationDetail/NavigationDetail.d.ts +1 -1
- package/build/esm/modules/NavigationDetail/NavigationDetail.js +1 -1
- package/build/esm/modules/NavigationDetail/NavigationDetail.js.map +1 -1
- package/build/esm/modules/NavigationHeader/NavigationHeader.d.ts +1 -1
- package/build/esm/modules/NavigationHeader/NavigationHeader.js +1 -1
- package/build/esm/modules/NavigationHeader/NavigationHeader.js.map +1 -1
- package/build/esm/modules/NavigationItemsList/NavigationItemsList.d.ts +1 -1
- package/build/esm/modules/NavigationItemsList/NavigationItemsList.js +2 -1
- package/build/esm/modules/NavigationItemsList/NavigationItemsList.js.map +1 -1
- package/build/esm/modules/NavigationItemsList/internal/NavigationItemsListEmptyState.d.ts +1 -1
- package/build/esm/modules/NavigationItemsList/internal/NavigationItemsListEmptyState.js +1 -1
- package/build/esm/modules/NavigationItemsList/internal/NavigationItemsListEmptyState.js.map +1 -1
- package/build/esm/modules/NavigationMeta/NavigationMeta.js +2 -1
- package/build/esm/modules/NavigationMeta/NavigationMeta.js.map +1 -1
- package/build/esm/modules/NavigationMeta/i18n/index.d.ts +2 -2
- package/build/esm/modules/NavigationPreview/NavigationPreview.d.ts +1 -1
- package/build/esm/modules/NavigationPreview/NavigationPreview.js +3 -1
- package/build/esm/modules/NavigationPreview/NavigationPreview.js.map +1 -1
- package/build/esm/modules/NavigationPreview/helpers/buildPreviewColumns.d.ts +1 -1
- package/build/esm/modules/NavigationPreview/helpers/buildPreviewColumns.js.map +1 -1
- package/build/esm/modules/NavigationSchema/NavigationSchema.d.ts +1 -1
- package/build/esm/modules/NavigationSchema/NavigationSchema.js +2 -1
- package/build/esm/modules/NavigationSchema/NavigationSchema.js.map +1 -1
- package/build/esm/modules/NavigationSchema/helpers/buildSchemaColumns.d.ts +1 -1
- package/build/esm/modules/NavigationSchema/helpers/buildSchemaColumns.js.map +1 -1
- package/build/esm/modules/NavigationView/NavigationView.d.ts +1 -1
- package/build/esm/modules/NavigationView/NavigationView.js +2 -1
- package/build/esm/modules/NavigationView/NavigationView.js.map +1 -1
- package/build/esm/modules/NavigationView/helpers/buildViewColumns.d.ts +1 -1
- package/build/esm/modules/NavigationView/helpers/buildViewColumns.js.map +1 -1
- package/build/esm/modules/NavigationView/internal/NavigationViewSectionItem.d.ts +1 -1
- package/build/esm/modules/NavigationView/internal/NavigationViewSectionItem.js +2 -1
- package/build/esm/modules/NavigationView/internal/NavigationViewSectionItem.js.map +1 -1
- package/build/esm/modules/QueriesList/QueriesList.js +1 -1
- package/build/esm/modules/QueriesList/QueriesList.js.map +1 -1
- package/build/esm/modules/QueryProgress/QueryProgress.css +64 -0
- package/build/esm/modules/QueryProgress/QueryProgress.css.map +1 -0
- package/build/esm/modules/QueryProgress/QueryProgress.d.ts +4 -0
- package/build/esm/modules/QueryProgress/QueryProgress.js +127 -0
- package/build/esm/modules/QueryProgress/QueryProgress.js.map +1 -0
- package/build/esm/modules/QueryProgress/QueryProgress.scss +72 -0
- package/build/esm/modules/QueryProgress/QueryProgress.stories.d.ts +7 -0
- package/build/esm/modules/QueryProgress/QueryProgress.stories.js +31 -0
- package/build/esm/modules/QueryProgress/QueryProgress.stories.js.map +1 -0
- package/build/esm/modules/QueryProgress/i18n/dicts.d.ts +25 -0
- package/build/esm/modules/QueryProgress/i18n/dicts.js +7 -0
- package/build/esm/modules/QueryProgress/i18n/dicts.js.map +1 -0
- package/build/esm/modules/QueryProgress/i18n/en.json +11 -0
- package/build/esm/modules/QueryProgress/i18n/index.d.ts +6 -0
- package/build/esm/modules/QueryProgress/i18n/index.js +4 -0
- package/build/esm/modules/QueryProgress/i18n/index.js.map +1 -0
- package/build/esm/modules/QueryProgress/i18n/ru.json +11 -0
- package/build/esm/modules/QueryProgress/index.d.ts +2 -0
- package/build/esm/modules/QueryProgress/index.js +2 -0
- package/build/esm/modules/QueryProgress/index.js.map +1 -0
- package/build/esm/modules/QueryStatistics/i18n/index.d.ts +2 -2
- package/build/esm/modules/RowsList/RowsList.js +2 -1
- package/build/esm/modules/RowsList/RowsList.js.map +1 -1
- package/build/esm/modules/SavedQueryRow/SavedQueryRow.d.ts +2 -2
- package/build/esm/modules/SavedQueryRow/SavedQueryRow.js +3 -1
- package/build/esm/modules/SavedQueryRow/SavedQueryRow.js.map +1 -1
- package/build/esm/modules/SavedQuerySearchRow/SavedQuerySearchRow.d.ts +2 -2
- package/build/esm/modules/SavedQuerySearchRow/SavedQuerySearchRow.js +2 -1
- package/build/esm/modules/SavedQuerySearchRow/SavedQuerySearchRow.js.map +1 -1
- package/build/esm/modules/TutorialRow/TutorialRow.d.ts +1 -1
- package/build/esm/modules/TutorialRow/TutorialRow.js +1 -1
- package/build/esm/modules/TutorialRow/TutorialRow.js.map +1 -1
- package/build/esm/modules/TutorialSearchRow/TutorialSearchRow.d.ts +1 -1
- package/build/esm/modules/TutorialSearchRow/TutorialSearchRow.js +2 -1
- package/build/esm/modules/TutorialSearchRow/TutorialSearchRow.js.map +1 -1
- package/build/esm/modules/index.d.ts +2 -0
- package/build/esm/modules/index.js +1 -0
- package/build/esm/modules/index.js.map +1 -1
- package/build/esm/types/queryGraph.d.ts +87 -0
- package/build/esm/types/queryGraph.js +2 -0
- package/build/esm/types/queryGraph.js.map +1 -0
- package/build/esm/widgets/DashboardCharts/DashboardCharts.js +4 -2
- package/build/esm/widgets/DashboardCharts/DashboardCharts.js.map +1 -1
- package/build/esm/widgets/DashboardCharts/types.d.ts +3 -3
- package/build/esm/widgets/DashboardCharts/types.js.map +1 -1
- package/build/esm/widgets/QueriesHistory/QueriesHistory.js +1 -1
- package/build/esm/widgets/QueriesHistory/QueriesHistory.js.map +1 -1
- package/build/esm/widgets/QueriesHistory/internal/HistoryRowContent.js +3 -2
- package/build/esm/widgets/QueriesHistory/internal/HistoryRowContent.js.map +1 -1
- package/build/esm/widgets/QueriesNavigation/QueriesNavigation.d.ts +1 -1
- package/build/esm/widgets/QueriesNavigation/QueriesNavigation.js +6 -2
- package/build/esm/widgets/QueriesNavigation/QueriesNavigation.js.map +1 -1
- package/build/esm/widgets/QueriesNavigation/helpers/createEmptyDetailConfig.js +1 -1
- package/build/esm/widgets/QueriesNavigation/helpers/createEmptyDetailConfig.js.map +1 -1
- package/build/esm/widgets/QueriesNavigation/helpers/createTableDetailConfig.js +4 -1
- package/build/esm/widgets/QueriesNavigation/helpers/createTableDetailConfig.js.map +1 -1
- package/build/esm/widgets/QueryResults/QueryResults.js +1 -1
- package/build/esm/widgets/QueryResults/QueryResults.js.map +1 -1
- package/build/esm/widgets/QueryResults/i18n/index.d.ts +2 -2
- package/build/esm/widgets/QueryResults/internal/QueryResultsSchema.js +2 -1
- package/build/esm/widgets/QueryResults/internal/QueryResultsSchema.js.map +1 -1
- package/build/esm/widgets/SavedQueries/SavedQueries.d.ts +2 -2
- package/build/esm/widgets/SavedQueries/SavedQueries.js +1 -1
- package/build/esm/widgets/SavedQueries/SavedQueries.js.map +1 -1
- package/build/esm/widgets/SavedQueries/SavedQueryRowContent.d.ts +2 -2
- package/build/esm/widgets/SavedQueries/SavedQueryRowContent.js +3 -2
- package/build/esm/widgets/SavedQueries/SavedQueryRowContent.js.map +1 -1
- package/build/esm/widgets/TutorialsHistory/TutorialRowContent.d.ts +2 -2
- package/build/esm/widgets/TutorialsHistory/TutorialRowContent.js +3 -2
- package/build/esm/widgets/TutorialsHistory/TutorialRowContent.js.map +1 -1
- package/build/esm/widgets/TutorialsHistory/TutorialsHistory.d.ts +2 -2
- package/build/esm/widgets/TutorialsHistory/TutorialsHistory.js +3 -1
- package/build/esm/widgets/TutorialsHistory/TutorialsHistory.js.map +1 -1
- package/package.json +84 -5
|
@@ -0,0 +1,135 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
|
|
3
|
+
Object.defineProperty(exports, "__esModule", {
|
|
4
|
+
value: true
|
|
5
|
+
});
|
|
6
|
+
exports.QueryProgress = QueryProgress;
|
|
7
|
+
var _objectSpread2 = _interopRequireDefault(require("@babel/runtime/helpers/objectSpread2"));
|
|
8
|
+
var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
|
|
9
|
+
require("core-js/modules/es.array.for-each.js");
|
|
10
|
+
require("core-js/modules/es.array.iterator.js");
|
|
11
|
+
require("core-js/modules/es.array.map.js");
|
|
12
|
+
require("core-js/modules/es.iterator.constructor.js");
|
|
13
|
+
require("core-js/modules/es.iterator.for-each.js");
|
|
14
|
+
require("core-js/modules/es.object.from-entries.js");
|
|
15
|
+
require("core-js/modules/es.object.to-string.js");
|
|
16
|
+
require("core-js/modules/es.promise.js");
|
|
17
|
+
require("core-js/modules/web.dom-collections.for-each.js");
|
|
18
|
+
var _react = _interopRequireWildcard(require("react"));
|
|
19
|
+
var _icons = require("@gravity-ui/icons");
|
|
20
|
+
var _uikit = require("@gravity-ui/uikit");
|
|
21
|
+
var _bemCnLite = _interopRequireDefault(require("bem-cn-lite"));
|
|
22
|
+
var _i18n = _interopRequireDefault(require("./i18n"));
|
|
23
|
+
require("./QueryProgress.css");
|
|
24
|
+
var _jsxRuntime = require("react/jsx-runtime");
|
|
25
|
+
function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
|
|
26
|
+
function _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r = new WeakMap(), n = new WeakMap(); return (_interopRequireWildcard = function (e, t) { if (!t && e && e.__esModule) return e; var o, i, f = { __proto__: null, default: e }; if (null === e || "object" != typeof e && "function" != typeof e) return f; if (o = t ? n : r) { if (o.has(e)) return o.get(e); o.set(e, f); } for (const t in e) "default" !== t && {}.hasOwnProperty.call(e, t) && ((i = (o = Object.defineProperty) && Object.getOwnPropertyDescriptor(e, t)) && (i.get || i.set) ? o(f, t, i) : f[t] = e[t]); return f; })(e, t); }
|
|
27
|
+
var QueryGraph = /*#__PURE__*/_react.default.lazy(function () {
|
|
28
|
+
return Promise.resolve().then(() => _interopRequireWildcard(require("../../components/QueryGraph/QueryGraph"))).then(function (module) {
|
|
29
|
+
return {
|
|
30
|
+
"default": module.QueryGraph
|
|
31
|
+
};
|
|
32
|
+
});
|
|
33
|
+
});
|
|
34
|
+
var block = (0, _bemCnLite.default)('qp-query-progress');
|
|
35
|
+
var statuses = ['not-started', 'waiting', 'running', 'completed', 'failed', 'aborted'];
|
|
36
|
+
var statusIcons = {
|
|
37
|
+
'not-started': _icons.CircleDashed,
|
|
38
|
+
waiting: _icons.Circle,
|
|
39
|
+
running: _icons.CirclePlay,
|
|
40
|
+
completed: _icons.CircleCheck,
|
|
41
|
+
failed: _icons.CircleXmark,
|
|
42
|
+
aborted: _icons.CircleMinus
|
|
43
|
+
};
|
|
44
|
+
function QueryProgress(_ref) {
|
|
45
|
+
var graphProps = _ref.graphProps,
|
|
46
|
+
controlledView = _ref.view,
|
|
47
|
+
_ref$defaultView = _ref.defaultView,
|
|
48
|
+
defaultView = _ref$defaultView === void 0 ? 'graph' : _ref$defaultView,
|
|
49
|
+
onViewChange = _ref.onViewChange,
|
|
50
|
+
className = _ref.className;
|
|
51
|
+
var _useState = (0, _react.useState)(defaultView),
|
|
52
|
+
_useState2 = (0, _slicedToArray2.default)(_useState, 2),
|
|
53
|
+
uncontrolledView = _useState2[0],
|
|
54
|
+
setUncontrolledView = _useState2[1];
|
|
55
|
+
var view = controlledView !== null && controlledView !== void 0 ? controlledView : uncontrolledView;
|
|
56
|
+
var _useState3 = (0, _react.useState)(view === 'graph'),
|
|
57
|
+
_useState4 = (0, _slicedToArray2.default)(_useState3, 2),
|
|
58
|
+
hasOpenedGraph = _useState4[0],
|
|
59
|
+
setHasOpenedGraph = _useState4[1];
|
|
60
|
+
var counts = (0, _react.useMemo)(function () {
|
|
61
|
+
var result = Object.fromEntries(statuses.map(function (status) {
|
|
62
|
+
return [status, 0];
|
|
63
|
+
}));
|
|
64
|
+
graphProps.nodes.forEach(function (node) {
|
|
65
|
+
var _node$status;
|
|
66
|
+
if (node.kind === 'operation') result[(_node$status = node.status) !== null && _node$status !== void 0 ? _node$status : 'not-started']++;
|
|
67
|
+
});
|
|
68
|
+
return result;
|
|
69
|
+
}, [graphProps.nodes]);
|
|
70
|
+
var updateView = (0, _react.useCallback)(function (value) {
|
|
71
|
+
var nextView = value;
|
|
72
|
+
if (controlledView === undefined) setUncontrolledView(nextView);
|
|
73
|
+
if (nextView === 'graph') setHasOpenedGraph(true);
|
|
74
|
+
onViewChange === null || onViewChange === void 0 || onViewChange(nextView);
|
|
75
|
+
}, [controlledView, onViewChange]);
|
|
76
|
+
return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_uikit.Flex, {
|
|
77
|
+
direction: "column",
|
|
78
|
+
gap: 3,
|
|
79
|
+
className: block(null, className),
|
|
80
|
+
children: [/*#__PURE__*/(0, _jsxRuntime.jsxs)(_uikit.Flex, {
|
|
81
|
+
alignItems: "center",
|
|
82
|
+
gap: 4,
|
|
83
|
+
className: block('toolbar'),
|
|
84
|
+
children: [/*#__PURE__*/(0, _jsxRuntime.jsxs)(_uikit.SegmentedRadioGroup, {
|
|
85
|
+
size: "m",
|
|
86
|
+
value: view,
|
|
87
|
+
onUpdate: updateView,
|
|
88
|
+
children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_uikit.SegmentedRadioGroup.Option, {
|
|
89
|
+
value: "graph",
|
|
90
|
+
children: (0, _i18n.default)('tab_graph')
|
|
91
|
+
}), /*#__PURE__*/(0, _jsxRuntime.jsx)(_uikit.SegmentedRadioGroup.Option, {
|
|
92
|
+
value: "timeline",
|
|
93
|
+
children: (0, _i18n.default)('tab_timeline')
|
|
94
|
+
})]
|
|
95
|
+
}), /*#__PURE__*/(0, _jsxRuntime.jsx)(_uikit.Flex, {
|
|
96
|
+
gap: 2,
|
|
97
|
+
wrap: true,
|
|
98
|
+
className: block('statuses'),
|
|
99
|
+
children: statuses.map(function (status) {
|
|
100
|
+
return /*#__PURE__*/(0, _jsxRuntime.jsxs)("span", {
|
|
101
|
+
className: block('status', {
|
|
102
|
+
status: status
|
|
103
|
+
}),
|
|
104
|
+
children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_uikit.Icon, {
|
|
105
|
+
data: statusIcons[status],
|
|
106
|
+
size: 14
|
|
107
|
+
}), (0, _i18n.default)("status_".concat(status)), ": ", counts[status]]
|
|
108
|
+
}, status);
|
|
109
|
+
})
|
|
110
|
+
})]
|
|
111
|
+
}), /*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
|
|
112
|
+
className: block('content'),
|
|
113
|
+
children: [hasOpenedGraph && /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
|
|
114
|
+
className: block('view', {
|
|
115
|
+
hidden: view !== 'graph'
|
|
116
|
+
}),
|
|
117
|
+
children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_react.Suspense, {
|
|
118
|
+
fallback: /*#__PURE__*/(0, _jsxRuntime.jsx)(_uikit.Loader, {
|
|
119
|
+
size: "m"
|
|
120
|
+
}),
|
|
121
|
+
children: /*#__PURE__*/(0, _jsxRuntime.jsx)(QueryGraph, (0, _objectSpread2.default)((0, _objectSpread2.default)({}, graphProps), {}, {
|
|
122
|
+
active: view === 'graph'
|
|
123
|
+
}))
|
|
124
|
+
})
|
|
125
|
+
}), view === 'timeline' && /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
|
|
126
|
+
className: block('timeline'),
|
|
127
|
+
children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_uikit.Text, {
|
|
128
|
+
color: "secondary",
|
|
129
|
+
children: (0, _i18n.default)('context_timeline-unavailable')
|
|
130
|
+
})
|
|
131
|
+
})]
|
|
132
|
+
})]
|
|
133
|
+
});
|
|
134
|
+
}
|
|
135
|
+
// #sourceMappingURL=QueryProgress.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"names":["_react","_interopRequireWildcard","require","_icons","_uikit","_bemCnLite","_interopRequireDefault","_i18n","_jsxRuntime","e","__esModule","default","t","WeakMap","r","n","o","i","f","__proto__","has","get","set","hasOwnProperty","call","Object","defineProperty","getOwnPropertyDescriptor","QueryGraph","React","lazy","Promise","resolve","then","module","block","cn","statuses","statusIcons","CircleDashed","waiting","Circle","running","CirclePlay","completed","CircleCheck","failed","CircleXmark","aborted","CircleMinus","QueryProgress","_ref","graphProps","controlledView","view","_ref$defaultView","defaultView","onViewChange","className","_useState","useState","_useState2","_slicedToArray","uncontrolledView","setUncontrolledView","_useState3","_useState4","hasOpenedGraph","setHasOpenedGraph","counts","useMemo","result","fromEntries","map","status","nodes","forEach","node","_node$status","kind","updateView","useCallback","value","nextView","undefined","_jsxs","Flex","direction","gap","children","alignItems","SegmentedRadioGroup","size","onUpdate","_jsx","Option","i18n","wrap","Icon","data","concat","hidden","Suspense","fallback","Loader","_objectSpread","active","Text","color"],"sources":["QueryProgress.tsx"],"sourcesContent":["import React, {Suspense, useCallback, useMemo, useState} from 'react';\nimport {\n Circle,\n CircleCheck,\n CircleDashed,\n CircleMinus,\n CirclePlay,\n CircleXmark,\n} from '@gravity-ui/icons';\nimport {Flex, Icon, Loader, SegmentedRadioGroup, Text} from '@gravity-ui/uikit';\nimport cn from 'bem-cn-lite';\n\nimport type {\n QueryGraphNodeStatus,\n QueryProgressProps,\n QueryProgressView,\n} from '../../types/queryGraph';\nimport i18n from './i18n';\n\nimport './QueryProgress.scss';\n\nconst QueryGraph = React.lazy(() =>\n import('../../components/QueryGraph/QueryGraph').then((module) => ({\n default: module.QueryGraph,\n })),\n);\nconst block = cn('qp-query-progress');\nconst statuses: QueryGraphNodeStatus[] = [\n 'not-started',\n 'waiting',\n 'running',\n 'completed',\n 'failed',\n 'aborted',\n];\nconst statusIcons = {\n 'not-started': CircleDashed,\n waiting: Circle,\n running: CirclePlay,\n completed: CircleCheck,\n failed: CircleXmark,\n aborted: CircleMinus,\n} satisfies Record<QueryGraphNodeStatus, typeof Circle>;\n\nexport function QueryProgress({\n graphProps,\n view: controlledView,\n defaultView = 'graph',\n onViewChange,\n className,\n}: QueryProgressProps) {\n const [uncontrolledView, setUncontrolledView] = useState(defaultView);\n const view = controlledView ?? uncontrolledView;\n const [hasOpenedGraph, setHasOpenedGraph] = useState(view === 'graph');\n const counts = useMemo(() => {\n const result = Object.fromEntries(statuses.map((status) => [status, 0])) as Record<\n QueryGraphNodeStatus,\n number\n >;\n graphProps.nodes.forEach((node) => {\n if (node.kind === 'operation') result[node.status ?? 'not-started']++;\n });\n return result;\n }, [graphProps.nodes]);\n\n const updateView = useCallback(\n (value: string) => {\n const nextView = value as QueryProgressView;\n if (controlledView === undefined) setUncontrolledView(nextView);\n if (nextView === 'graph') setHasOpenedGraph(true);\n onViewChange?.(nextView);\n },\n [controlledView, onViewChange],\n );\n\n return (\n <Flex direction=\"column\" gap={3} className={block(null, className)}>\n <Flex alignItems=\"center\" gap={4} className={block('toolbar')}>\n <SegmentedRadioGroup size=\"m\" value={view} onUpdate={updateView}>\n <SegmentedRadioGroup.Option value=\"graph\">\n {i18n('tab_graph')}\n </SegmentedRadioGroup.Option>\n <SegmentedRadioGroup.Option value=\"timeline\">\n {i18n('tab_timeline')}\n </SegmentedRadioGroup.Option>\n </SegmentedRadioGroup>\n <Flex gap={2} wrap className={block('statuses')}>\n {statuses.map((status) => (\n <span key={status} className={block('status', {status})}>\n <Icon data={statusIcons[status]} size={14} />\n {i18n(`status_${status}`)}: {counts[status]}\n </span>\n ))}\n </Flex>\n </Flex>\n <div className={block('content')}>\n {hasOpenedGraph && (\n <div className={block('view', {hidden: view !== 'graph'})}>\n <Suspense fallback={<Loader size=\"m\" />}>\n <QueryGraph {...graphProps} active={view === 'graph'} />\n </Suspense>\n </div>\n )}\n {view === 'timeline' && (\n <div className={block('timeline')}>\n <Text color=\"secondary\">{i18n('context_timeline-unavailable')}</Text>\n </div>\n )}\n </div>\n </Flex>\n );\n}\n"],"mappings":"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","ignoreList":[]}
|
|
@@ -0,0 +1,7 @@
|
|
|
1
|
+
import type { Meta, StoryObj } from '@storybook/react';
|
|
2
|
+
import { QueryProgress } from './QueryProgress';
|
|
3
|
+
declare const meta: Meta<typeof QueryProgress>;
|
|
4
|
+
export default meta;
|
|
5
|
+
type Story = StoryObj<typeof QueryProgress>;
|
|
6
|
+
export declare const Default: Story;
|
|
7
|
+
export declare const TimelinePlaceholder: Story;
|
|
@@ -0,0 +1,38 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
|
|
3
|
+
Object.defineProperty(exports, "__esModule", {
|
|
4
|
+
value: true
|
|
5
|
+
});
|
|
6
|
+
exports.default = exports.TimelinePlaceholder = exports.Default = void 0;
|
|
7
|
+
var _react = _interopRequireDefault(require("react"));
|
|
8
|
+
var _QueryGraph = require("../../components/QueryGraph/QueryGraph.stories");
|
|
9
|
+
var _QueryProgress = require("./QueryProgress");
|
|
10
|
+
var _jsxRuntime = require("react/jsx-runtime");
|
|
11
|
+
function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
|
|
12
|
+
var meta = {
|
|
13
|
+
title: 'Modules/QueryProgress',
|
|
14
|
+
component: _QueryProgress.QueryProgress,
|
|
15
|
+
tags: ['autodocs'],
|
|
16
|
+
args: {
|
|
17
|
+
graphProps: {
|
|
18
|
+
nodes: _QueryGraph.demoNodes,
|
|
19
|
+
edges: _QueryGraph.demoEdges
|
|
20
|
+
}
|
|
21
|
+
},
|
|
22
|
+
decorators: [function (Story) {
|
|
23
|
+
return /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
|
|
24
|
+
style: {
|
|
25
|
+
height: 640
|
|
26
|
+
},
|
|
27
|
+
children: /*#__PURE__*/(0, _jsxRuntime.jsx)(Story, {})
|
|
28
|
+
});
|
|
29
|
+
}]
|
|
30
|
+
};
|
|
31
|
+
var _default = exports.default = meta;
|
|
32
|
+
var Default = exports.Default = {};
|
|
33
|
+
var TimelinePlaceholder = exports.TimelinePlaceholder = {
|
|
34
|
+
args: {
|
|
35
|
+
defaultView: 'timeline'
|
|
36
|
+
}
|
|
37
|
+
};
|
|
38
|
+
// #sourceMappingURL=QueryProgress.stories.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"names":["_react","_interopRequireDefault","require","_QueryGraph","_QueryProgress","_jsxRuntime","e","__esModule","default","meta","title","component","QueryProgress","tags","args","graphProps","nodes","demoNodes","edges","demoEdges","decorators","Story","_jsx","style","height","children","_default","exports","Default","TimelinePlaceholder","defaultView"],"sources":["QueryProgress.stories.tsx"],"sourcesContent":["import React from 'react';\nimport type {Meta, StoryObj} from '@storybook/react';\n\nimport {demoEdges, demoNodes} from '../../components/QueryGraph/QueryGraph.stories';\nimport {QueryProgress} from './QueryProgress';\n\nconst meta: Meta<typeof QueryProgress> = {\n title: 'Modules/QueryProgress',\n component: QueryProgress,\n tags: ['autodocs'],\n args: {graphProps: {nodes: demoNodes, edges: demoEdges}},\n decorators: [\n (Story) => (\n <div style={{height: 640}}>\n <Story />\n </div>\n ),\n ],\n};\n\nexport default meta;\ntype Story = StoryObj<typeof QueryProgress>;\n\nexport const Default: Story = {};\nexport const TimelinePlaceholder: Story = {args: {defaultView: 'timeline'}};\n"],"mappings":";;;;;;AAAA,IAAAA,MAAA,GAAAC,sBAAA,CAAAC,OAAA;AAGA,IAAAC,WAAA,GAAAD,OAAA;AACA,IAAAE,cAAA,GAAAF,OAAA;AAA8C,IAAAG,WAAA,GAAAH,OAAA;AAAA,SAAAD,uBAAAK,CAAA,WAAAA,CAAA,IAAAA,CAAA,CAAAC,UAAA,GAAAD,CAAA,KAAAE,OAAA,EAAAF,CAAA;AAE9C,IAAMG,IAAgC,GAAG;EACrCC,KAAK,EAAE,uBAAuB;EAC9BC,SAAS,EAAEC,4BAAa;EACxBC,IAAI,EAAE,CAAC,UAAU,CAAC;EAClBC,IAAI,EAAE;IAACC,UAAU,EAAE;MAACC,KAAK,EAAEC,qBAAS;MAAEC,KAAK,EAAEC;IAAS;EAAC,CAAC;EACxDC,UAAU,EAAE,CACR,UAACC,KAAK;IAAA,oBACF,IAAAC,eAAA;MAAKC,KAAK,EAAE;QAACC,MAAM,EAAE;MAAG,CAAE;MAAAC,QAAA,eACtB,IAAAH,eAAA,EAACD,KAAK,IAAE;IAAC,CACR,CAAC;EAAA,CACT;AAET,CAAC;AAAA,IAAAK,QAAA,GAAAC,OAAA,CAAAnB,OAAA,GAEcC,IAAI;AAGZ,IAAMmB,OAAc,GAAAD,OAAA,CAAAC,OAAA,GAAG,CAAC,CAAC;AACzB,IAAMC,mBAA0B,GAAAF,OAAA,CAAAE,mBAAA,GAAG;EAACf,IAAI,EAAE;IAACgB,WAAW,EAAE;EAAU;AAAC,CAAC","ignoreList":[]}
|
|
@@ -0,0 +1,25 @@
|
|
|
1
|
+
declare const _default: {
|
|
2
|
+
en: {
|
|
3
|
+
tab_graph: string;
|
|
4
|
+
tab_timeline: string;
|
|
5
|
+
"context_timeline-unavailable": string;
|
|
6
|
+
"status_not-started": string;
|
|
7
|
+
status_waiting: string;
|
|
8
|
+
status_running: string;
|
|
9
|
+
status_completed: string;
|
|
10
|
+
status_failed: string;
|
|
11
|
+
status_aborted: string;
|
|
12
|
+
};
|
|
13
|
+
ru: {
|
|
14
|
+
tab_graph: string;
|
|
15
|
+
tab_timeline: string;
|
|
16
|
+
"context_timeline-unavailable": string;
|
|
17
|
+
"status_not-started": string;
|
|
18
|
+
status_waiting: string;
|
|
19
|
+
status_running: string;
|
|
20
|
+
status_completed: string;
|
|
21
|
+
status_failed: string;
|
|
22
|
+
status_aborted: string;
|
|
23
|
+
};
|
|
24
|
+
};
|
|
25
|
+
export default _default;
|
|
@@ -0,0 +1,14 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
|
|
3
|
+
Object.defineProperty(exports, "__esModule", {
|
|
4
|
+
value: true
|
|
5
|
+
});
|
|
6
|
+
exports.default = void 0;
|
|
7
|
+
var _en = _interopRequireDefault(require("./en.json"));
|
|
8
|
+
var _ru = _interopRequireDefault(require("./ru.json"));
|
|
9
|
+
function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
|
|
10
|
+
var _default = exports.default = {
|
|
11
|
+
en: _en.default,
|
|
12
|
+
ru: _ru.default
|
|
13
|
+
};
|
|
14
|
+
// #sourceMappingURL=dicts.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"names":["_en","_interopRequireDefault","require","_ru","e","__esModule","default","_default","exports","en","ru"],"sources":["dicts.ts"],"sourcesContent":["import en from './en.json';\nimport ru from './ru.json';\n\nexport default {en, ru};\n"],"mappings":";;;;;;AAAA,IAAAA,GAAA,GAAAC,sBAAA,CAAAC,OAAA;AACA,IAAAC,GAAA,GAAAF,sBAAA,CAAAC,OAAA;AAAS,SAAAD,uBAAAG,CAAA,WAAAA,CAAA,IAAAA,CAAA,CAAAC,UAAA,GAAAD,CAAA,KAAAE,OAAA,EAAAF,CAAA;AAAA,IAAAG,QAAA,GAAAC,OAAA,CAAAF,OAAA,GAEM;EAACG,EAAE,EAAFA,WAAE;EAAEC,EAAE,EAAFA;AAAE,CAAC","ignoreList":[]}
|
|
@@ -0,0 +1,11 @@
|
|
|
1
|
+
{
|
|
2
|
+
"tab_graph": "Graph",
|
|
3
|
+
"tab_timeline": "Timeline",
|
|
4
|
+
"context_timeline-unavailable": "Timeline is not available yet",
|
|
5
|
+
"status_not-started": "Not started",
|
|
6
|
+
"status_waiting": "Waiting",
|
|
7
|
+
"status_running": "Running",
|
|
8
|
+
"status_completed": "Completed",
|
|
9
|
+
"status_failed": "Failed",
|
|
10
|
+
"status_aborted": "Aborted"
|
|
11
|
+
}
|
|
@@ -0,0 +1,6 @@
|
|
|
1
|
+
declare const _default: ((key: "status_running" | "status_completed" | "status_failed" | "status_aborted" | "tab_graph" | "tab_timeline" | "context_timeline-unavailable" | "status_not-started" | "status_waiting", params?: import("@gravity-ui/i18n").Params) => string) & {
|
|
2
|
+
keysetData: {
|
|
3
|
+
"qp:query-progress": Record<"status_running" | "status_completed" | "status_failed" | "status_aborted" | "tab_graph" | "tab_timeline" | "context_timeline-unavailable" | "status_not-started" | "status_waiting", import("@gravity-ui/i18n").KeyData>;
|
|
4
|
+
};
|
|
5
|
+
};
|
|
6
|
+
export default _default;
|
|
@@ -0,0 +1,11 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
|
|
3
|
+
Object.defineProperty(exports, "__esModule", {
|
|
4
|
+
value: true
|
|
5
|
+
});
|
|
6
|
+
exports.default = void 0;
|
|
7
|
+
var _i18n = require("../../../i18n");
|
|
8
|
+
var _dicts = _interopRequireDefault(require("./dicts"));
|
|
9
|
+
function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
|
|
10
|
+
var _default = exports.default = (0, _i18n.addI18Keysets)('qp:query-progress', _dicts.default);
|
|
11
|
+
// #sourceMappingURL=index.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"names":["_i18n","require","_dicts","_interopRequireDefault","e","__esModule","default","_default","exports","addI18Keysets","dicts"],"sources":["index.ts"],"sourcesContent":["import {addI18Keysets} from '../../../i18n';\nimport dicts from './dicts';\n\nexport default addI18Keysets('qp:query-progress', dicts);\n"],"mappings":";;;;;;AAAA,IAAAA,KAAA,GAAAC,OAAA;AACA,IAAAC,MAAA,GAAAC,sBAAA,CAAAF,OAAA;AAAY,SAAAE,uBAAAC,CAAA,WAAAA,CAAA,IAAAA,CAAA,CAAAC,UAAA,GAAAD,CAAA,KAAAE,OAAA,EAAAF,CAAA;AAAA,IAAAG,QAAA,GAAAC,OAAA,CAAAF,OAAA,GAEG,IAAAG,mBAAa,EAAC,mBAAmB,EAAEC,cAAK,CAAC","ignoreList":[]}
|
|
@@ -0,0 +1,11 @@
|
|
|
1
|
+
{
|
|
2
|
+
"tab_graph": "Граф",
|
|
3
|
+
"tab_timeline": "Таймлайн",
|
|
4
|
+
"context_timeline-unavailable": "Таймлайн пока недоступен",
|
|
5
|
+
"status_not-started": "Не запущено",
|
|
6
|
+
"status_waiting": "Ожидание",
|
|
7
|
+
"status_running": "Выполняется",
|
|
8
|
+
"status_completed": "Завершено",
|
|
9
|
+
"status_failed": "Ошибка",
|
|
10
|
+
"status_aborted": "Прервано"
|
|
11
|
+
}
|
|
@@ -0,0 +1,13 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
|
|
3
|
+
Object.defineProperty(exports, "__esModule", {
|
|
4
|
+
value: true
|
|
5
|
+
});
|
|
6
|
+
Object.defineProperty(exports, "QueryProgress", {
|
|
7
|
+
enumerable: true,
|
|
8
|
+
get: function () {
|
|
9
|
+
return _QueryProgress.QueryProgress;
|
|
10
|
+
}
|
|
11
|
+
});
|
|
12
|
+
var _QueryProgress = require("./QueryProgress");
|
|
13
|
+
// #sourceMappingURL=index.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"names":["_QueryProgress","require"],"sources":["index.ts"],"sourcesContent":["export {QueryProgress} from './QueryProgress';\nexport type {QueryProgressProps, QueryProgressView} from '../../types/queryGraph';\n"],"mappings":";;;;;;;;;;;AAAA,IAAAA,cAAA,GAAAC,OAAA","ignoreList":[]}
|
|
@@ -1,6 +1,6 @@
|
|
|
1
|
-
declare const _default: ((key: "action_collapse-all" | "action_collapse-group" | "action_expand-all" | "action_expand-group" | "field_avg" | "
|
|
1
|
+
declare const _default: ((key: "field_count" | "action_collapse-all" | "action_collapse-group" | "action_expand-all" | "action_expand-group" | "field_avg" | "field_description" | "field_last" | "field_max" | "field_metric" | "field_min" | "field_search" | "field_sum" | "field_unit", params?: import("@gravity-ui/i18n").Params) => string) & {
|
|
2
2
|
keysetData: {
|
|
3
|
-
"qp:query-statistics": Record<"action_collapse-all" | "action_collapse-group" | "action_expand-all" | "action_expand-group" | "field_avg" | "
|
|
3
|
+
"qp:query-statistics": Record<"field_count" | "action_collapse-all" | "action_collapse-group" | "action_expand-all" | "action_expand-group" | "field_avg" | "field_description" | "field_last" | "field_max" | "field_metric" | "field_min" | "field_search" | "field_sum" | "field_unit", import("@gravity-ui/i18n").KeyData>;
|
|
4
4
|
};
|
|
5
5
|
};
|
|
6
6
|
export default _default;
|
|
@@ -9,7 +9,8 @@ require("core-js/modules/es.array.includes.js");
|
|
|
9
9
|
require("core-js/modules/es.string.includes.js");
|
|
10
10
|
var _react = _interopRequireDefault(require("react"));
|
|
11
11
|
var _bemCnLite = _interopRequireDefault(require("bem-cn-lite"));
|
|
12
|
-
var
|
|
12
|
+
var _EmptyContent = require("../../components/EmptyContent");
|
|
13
|
+
var _LazyList = require("../../components/LazyList");
|
|
13
14
|
var _prepareRowData = require("./helpers/prepareRowData");
|
|
14
15
|
var _row = require("../../constants/row");
|
|
15
16
|
require("./RowsList.css");
|
|
@@ -47,7 +48,7 @@ var RowsList = exports.RowsList = function RowsList(_ref) {
|
|
|
47
48
|
var selected = comparison.comparedRowIds.includes(item.id);
|
|
48
49
|
comparison.onChange(item, !selected);
|
|
49
50
|
};
|
|
50
|
-
return /*#__PURE__*/(0, _jsxRuntime.jsx)(
|
|
51
|
+
return /*#__PURE__*/(0, _jsxRuntime.jsx)(_LazyList.LazyList, {
|
|
51
52
|
className: block(null, className),
|
|
52
53
|
items: items,
|
|
53
54
|
itemHeight: getItemHeight,
|
|
@@ -68,7 +69,7 @@ var RowsList = exports.RowsList = function RowsList(_ref) {
|
|
|
68
69
|
hasMore: hasMore,
|
|
69
70
|
loading: loading,
|
|
70
71
|
onLoadMore: onLoadMore,
|
|
71
|
-
emptyContent: /*#__PURE__*/(0, _jsxRuntime.jsx)(
|
|
72
|
+
emptyContent: /*#__PURE__*/(0, _jsxRuntime.jsx)(_EmptyContent.EmptyContent, {
|
|
72
73
|
variant: showFiltersHint ? 'nothing-found' : 'no-files',
|
|
73
74
|
className: className
|
|
74
75
|
}),
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["_react","_interopRequireDefault","require","_bemCnLite","
|
|
1
|
+
{"version":3,"names":["_react","_interopRequireDefault","require","_bemCnLite","_EmptyContent","_LazyList","_prepareRowData","_row","_jsxRuntime","e","__esModule","default","block","cn","RowsList","exports","_ref","items","selectedRowId","_ref$rowVariant","rowVariant","visibleFields","editing","comparison","getRowActions","renderRow","showFiltersHint","hasMore","loading","onLoadMore","renderLink","className","onItemClick","getItemHeight","item","SEARCH_ROW_HEIGHT","height","selectedItemIndex","undefined","findIndex","id","handleItemClick","index","enabled","selected","comparedRowIds","includes","onChange","_jsx","LazyList","itemHeight","renderItem","isActive","prepareRowData","variant","emptyContent","EmptyContent"],"sources":["RowsList.tsx"],"sourcesContent":["import React from 'react';\nimport cn from 'bem-cn-lite';\nimport {\n QueryListComparisonConfig,\n QueryListEditingConfig,\n QueryListItem,\n QueryListLinkRenderer,\n QueryListRow,\n QueryListRowAction,\n QueryListRowRenderData,\n QueryListRowVariant,\n QueryListVisibleFieldsConfig,\n} from '../../types/queryList';\nimport {EmptyContent} from '../../components/EmptyContent';\nimport {LazyList} from '../../components/LazyList';\nimport {prepareRowData} from './helpers/prepareRowData';\nimport {SEARCH_ROW_HEIGHT} from '../../constants/row';\nimport './RowsList.scss';\n\nconst block = cn('qp-rows-list');\n\nexport type RowsListProps<T extends QueryListRow> = {\n items: QueryListItem<T>[];\n selectedRowId?: T['id'];\n rowVariant?: QueryListRowVariant;\n visibleFields?: QueryListVisibleFieldsConfig<T>;\n editing?: QueryListEditingConfig<T>;\n comparison?: QueryListComparisonConfig<T>;\n getRowActions?: (item: T) => QueryListRowAction<T>[];\n renderRow: (data: QueryListRowRenderData<T>) => React.ReactNode;\n showFiltersHint?: boolean;\n hasMore?: boolean;\n loading?: boolean;\n onLoadMore?: () => void;\n renderLink?: QueryListLinkRenderer;\n className?: string;\n onItemClick?: (item: QueryListItem<T>, index: number) => void;\n};\n\nexport const RowsList = <T extends QueryListRow>({\n items,\n selectedRowId,\n rowVariant = 'default',\n visibleFields,\n editing,\n comparison,\n getRowActions,\n renderRow,\n showFiltersHint,\n hasMore,\n loading,\n onLoadMore,\n renderLink,\n className,\n onItemClick,\n}: RowsListProps<T>) => {\n const getItemHeight = (item: QueryListItem<T>) =>\n rowVariant === 'search' && !('header' in item) ? SEARCH_ROW_HEIGHT : item.height;\n const selectedItemIndex =\n selectedRowId === undefined\n ? undefined\n : items.findIndex((item) => !('header' in item) && item.id === selectedRowId);\n\n const handleItemClick = (item: QueryListItem<T>, index: number) => {\n if ('header' in item || !comparison?.enabled) {\n onItemClick?.(item, index);\n return;\n }\n\n const selected = comparison.comparedRowIds.includes(item.id);\n comparison.onChange(item, !selected);\n };\n\n return (\n <LazyList<QueryListItem<T>>\n className={block(null, className)}\n items={items}\n itemHeight={getItemHeight}\n renderItem={(item, isActive, index) =>\n renderRow(\n prepareRowData({\n item,\n isActive,\n index,\n variant: rowVariant,\n visibleFields,\n editing,\n comparison,\n getRowActions,\n renderLink,\n }),\n )\n }\n selectedItemIndex={selectedItemIndex}\n hasMore={hasMore}\n loading={loading}\n onLoadMore={onLoadMore}\n emptyContent={\n <EmptyContent\n variant={showFiltersHint ? 'nothing-found' : 'no-files'}\n className={className}\n />\n }\n onItemClick={handleItemClick}\n />\n );\n};\n"],"mappings":";;;;;;;;;AAAA,IAAAA,MAAA,GAAAC,sBAAA,CAAAC,OAAA;AACA,IAAAC,UAAA,GAAAF,sBAAA,CAAAC,OAAA;AAYA,IAAAE,aAAA,GAAAF,OAAA;AACA,IAAAG,SAAA,GAAAH,OAAA;AACA,IAAAI,eAAA,GAAAJ,OAAA;AACA,IAAAK,IAAA,GAAAL,OAAA;AACAA,OAAA;AAAyB,IAAAM,WAAA,GAAAN,OAAA;AAAA,SAAAD,uBAAAQ,CAAA,WAAAA,CAAA,IAAAA,CAAA,CAAAC,UAAA,GAAAD,CAAA,KAAAE,OAAA,EAAAF,CAAA;AAEzB,IAAMG,KAAK,GAAG,IAAAC,kBAAE,EAAC,cAAc,CAAC;AAoBzB,IAAMC,QAAQ,GAAAC,OAAA,CAAAD,QAAA,GAAG,SAAXA,QAAQA,CAAAE,IAAA,EAgBG;EAAA,IAfpBC,KAAK,GAAAD,IAAA,CAALC,KAAK;IACLC,aAAa,GAAAF,IAAA,CAAbE,aAAa;IAAAC,eAAA,GAAAH,IAAA,CACbI,UAAU;IAAVA,UAAU,GAAAD,eAAA,cAAG,SAAS,GAAAA,eAAA;IACtBE,aAAa,GAAAL,IAAA,CAAbK,aAAa;IACbC,OAAO,GAAAN,IAAA,CAAPM,OAAO;IACPC,UAAU,GAAAP,IAAA,CAAVO,UAAU;IACVC,aAAa,GAAAR,IAAA,CAAbQ,aAAa;IACbC,SAAS,GAAAT,IAAA,CAATS,SAAS;IACTC,eAAe,GAAAV,IAAA,CAAfU,eAAe;IACfC,OAAO,GAAAX,IAAA,CAAPW,OAAO;IACPC,OAAO,GAAAZ,IAAA,CAAPY,OAAO;IACPC,UAAU,GAAAb,IAAA,CAAVa,UAAU;IACVC,UAAU,GAAAd,IAAA,CAAVc,UAAU;IACVC,SAAS,GAAAf,IAAA,CAATe,SAAS;IACTC,WAAW,GAAAhB,IAAA,CAAXgB,WAAW;EAEX,IAAMC,aAAa,GAAG,SAAhBA,aAAaA,CAAIC,IAAsB;IAAA,OACzCd,UAAU,KAAK,QAAQ,IAAI,EAAE,QAAQ,IAAIc,IAAI,CAAC,GAAGC,sBAAiB,GAAGD,IAAI,CAACE,MAAM;EAAA;EACpF,IAAMC,iBAAiB,GACnBnB,aAAa,KAAKoB,SAAS,GACrBA,SAAS,GACTrB,KAAK,CAACsB,SAAS,CAAC,UAACL,IAAI;IAAA,OAAK,EAAE,QAAQ,IAAIA,IAAI,CAAC,IAAIA,IAAI,CAACM,EAAE,KAAKtB,aAAa;EAAA,EAAC;EAErF,IAAMuB,eAAe,GAAG,SAAlBA,eAAeA,CAAIP,IAAsB,EAAEQ,KAAa,EAAK;IAC/D,IAAI,QAAQ,IAAIR,IAAI,IAAI,EAACX,UAAU,aAAVA,UAAU,eAAVA,UAAU,CAAEoB,OAAO,GAAE;MAC1CX,WAAW,aAAXA,WAAW,eAAXA,WAAW,CAAGE,IAAI,EAAEQ,KAAK,CAAC;MAC1B;IACJ;IAEA,IAAME,QAAQ,GAAGrB,UAAU,CAACsB,cAAc,CAACC,QAAQ,CAACZ,IAAI,CAACM,EAAE,CAAC;IAC5DjB,UAAU,CAACwB,QAAQ,CAACb,IAAI,EAAE,CAACU,QAAQ,CAAC;EACxC,CAAC;EAED,oBACI,IAAAI,eAAA,EAACC,kBAAQ;IACLlB,SAAS,EAAEnB,KAAK,CAAC,IAAI,EAAEmB,SAAS,CAAE;IAClCd,KAAK,EAAEA,KAAM;IACbiC,UAAU,EAAEjB,aAAc;IAC1BkB,UAAU,EAAE,SAAZA,UAAUA,CAAGjB,IAAI,EAAEkB,QAAQ,EAAEV,KAAK;MAAA,OAC9BjB,SAAS,CACL,IAAA4B,8BAAc,EAAC;QACXnB,IAAI,EAAJA,IAAI;QACJkB,QAAQ,EAARA,QAAQ;QACRV,KAAK,EAALA,KAAK;QACLY,OAAO,EAAElC,UAAU;QACnBC,aAAa,EAAbA,aAAa;QACbC,OAAO,EAAPA,OAAO;QACPC,UAAU,EAAVA,UAAU;QACVC,aAAa,EAAbA,aAAa;QACbM,UAAU,EAAVA;MACJ,CAAC,CACL,CAAC;IAAA,CACJ;IACDO,iBAAiB,EAAEA,iBAAkB;IACrCV,OAAO,EAAEA,OAAQ;IACjBC,OAAO,EAAEA,OAAQ;IACjBC,UAAU,EAAEA,UAAW;IACvB0B,YAAY,eACR,IAAAP,eAAA,EAACQ,0BAAY;MACTF,OAAO,EAAE5B,eAAe,GAAG,eAAe,GAAG,UAAW;MACxDK,SAAS,EAAEA;IAAU,CACxB,CACJ;IACDC,WAAW,EAAES;EAAgB,CAChC,CAAC;AAEV,CAAC","ignoreList":[]}
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
import React from 'react';
|
|
2
|
-
import { QueryListRowRenderData } from '../../types/queryList';
|
|
3
|
-
import { SavedQuery } from '../../types/savedQueries';
|
|
2
|
+
import type { QueryListRowRenderData } from '../../types/queryList';
|
|
3
|
+
import type { SavedQuery } from '../../types/savedQueries';
|
|
4
4
|
import './SavedQueryRow.scss';
|
|
5
5
|
export type SavedQueryRowProps<T extends SavedQuery = SavedQuery> = {
|
|
6
6
|
item: T;
|
|
@@ -9,7 +9,9 @@ require("core-js/modules/es.string.includes.js");
|
|
|
9
9
|
var _react = _interopRequireDefault(require("react"));
|
|
10
10
|
var _uikit = require("@gravity-ui/uikit");
|
|
11
11
|
var _bemCnLite = _interopRequireDefault(require("bem-cn-lite"));
|
|
12
|
-
var
|
|
12
|
+
var _EditableRowTitle = require("../../components/EditableRowTitle");
|
|
13
|
+
var _RowActionsMenu = require("../../components/RowActionsMenu");
|
|
14
|
+
var _RowLink = require("../../components/RowLink");
|
|
13
15
|
var _time = require("../../helpers/time");
|
|
14
16
|
require("./SavedQueryRow.css");
|
|
15
17
|
var _jsxRuntime = require("react/jsx-runtime");
|
|
@@ -40,7 +42,7 @@ var SavedQueryRow = exports.SavedQueryRow = function SavedQueryRow(_ref) {
|
|
|
40
42
|
text: author,
|
|
41
43
|
title: author
|
|
42
44
|
}) : null;
|
|
43
|
-
return /*#__PURE__*/(0, _jsxRuntime.jsx)(
|
|
45
|
+
return /*#__PURE__*/(0, _jsxRuntime.jsx)(_RowLink.RowLink, {
|
|
44
46
|
href: href,
|
|
45
47
|
disabled: isEditing || isComparisonMode,
|
|
46
48
|
className: block({
|
|
@@ -53,10 +55,10 @@ var SavedQueryRow = exports.SavedQueryRow = function SavedQueryRow(_ref) {
|
|
|
53
55
|
children: [/*#__PURE__*/(0, _jsxRuntime.jsxs)(_uikit.Flex, {
|
|
54
56
|
justifyContent: "space-between",
|
|
55
57
|
className: block('header'),
|
|
56
|
-
children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(
|
|
58
|
+
children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_EditableRowTitle.EditableRowTitle, {
|
|
57
59
|
item: item,
|
|
58
60
|
editing: editing
|
|
59
|
-
}), showMenu && /*#__PURE__*/(0, _jsxRuntime.jsx)(
|
|
61
|
+
}), showMenu && /*#__PURE__*/(0, _jsxRuntime.jsx)(_RowActionsMenu.RowActionsMenu, {
|
|
60
62
|
item: item,
|
|
61
63
|
actions: actions
|
|
62
64
|
})]
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["_react","_interopRequireDefault","require","_uikit","_bemCnLite","
|
|
1
|
+
{"version":3,"names":["_react","_interopRequireDefault","require","_uikit","_bemCnLite","_EditableRowTitle","_RowActionsMenu","_RowLink","_time","_jsxRuntime","e","__esModule","default","block","cn","SavedQueryRow","exports","_ref","_renderAuthor","item","actions","isActive","comparison","editing","visibleFields","renderAuthor","author","engine","href","savedAt","isEditing","Boolean","enabled","isComparisonMode","isChecked","checked","showMenu","length","isFieldVisible","field","undefined","value","includes","authorContent","_jsx","Avatar","size","text","title","RowLink","disabled","className","compared","children","_jsxs","Flex","direction","gap","justifyContent","EditableRowTitle","RowActionsMenu","alignItems","Text","color","formatDateCanonical"],"sources":["SavedQueryRow.tsx"],"sourcesContent":["import React from 'react';\nimport {Avatar, Flex, Text} from '@gravity-ui/uikit';\nimport cn from 'bem-cn-lite';\nimport {EditableRowTitle} from '../../components/EditableRowTitle';\nimport {RowActionsMenu} from '../../components/RowActionsMenu';\nimport {RowLink} from '../../components/RowLink';\nimport {formatDateCanonical} from '../../helpers/time';\nimport type {QueryListRowRenderData} from '../../types/queryList';\nimport type {SavedQuery} from '../../types/savedQueries';\nimport './SavedQueryRow.scss';\n\nconst block = cn('qp-saved-query-row');\n\nexport type SavedQueryRowProps<T extends SavedQuery = SavedQuery> = {\n item: T;\n renderAuthor?: (item: T) => React.ReactNode;\n} & Omit<QueryListRowRenderData<T>, 'item' | 'variant'>;\n\nexport const SavedQueryRow = <T extends SavedQuery>({\n item,\n actions,\n isActive,\n comparison,\n editing,\n visibleFields,\n renderAuthor,\n}: SavedQueryRowProps<T>) => {\n const {author, engine, href, savedAt} = item;\n const isEditing = Boolean(editing?.enabled);\n const isComparisonMode = Boolean(comparison?.enabled);\n const isChecked = Boolean(comparison?.checked);\n const showMenu = isActive && Boolean(actions?.length) && !isComparisonMode;\n const isFieldVisible = (field: string) =>\n visibleFields === undefined || (visibleFields.value as string[]).includes(field);\n const authorContent =\n renderAuthor?.(item) ??\n (author ? <Avatar size=\"3xs\" text={author} title={author} /> : null);\n\n return (\n <RowLink\n href={href}\n disabled={isEditing || isComparisonMode}\n className={block({compared: isChecked})}\n >\n <Flex direction=\"column\" gap={1} className={block('content')}>\n <Flex justifyContent=\"space-between\" className={block('header')}>\n <EditableRowTitle item={item} editing={editing} />\n {showMenu && <RowActionsMenu item={item} actions={actions} />}\n </Flex>\n <Flex gap={2} alignItems=\"center\" className={block('metadata')}>\n {isFieldVisible('savedAt') && savedAt && (\n <Text color=\"complementary\">{formatDateCanonical(savedAt)}</Text>\n )}\n {isFieldVisible('engine') && engine && (\n <Text color=\"complementary\">{engine}</Text>\n )}\n {isFieldVisible('author') && authorContent}\n </Flex>\n </Flex>\n </RowLink>\n );\n};\n"],"mappings":"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","ignoreList":[]}
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
import React from 'react';
|
|
2
|
-
import { QueryListRowRenderData } from '../../types/queryList';
|
|
3
|
-
import { SavedQuery } from '../../types/savedQueries';
|
|
2
|
+
import type { QueryListRowRenderData } from '../../types/queryList';
|
|
3
|
+
import type { SavedQuery } from '../../types/savedQueries';
|
|
4
4
|
import './SavedQuerySearchRow.scss';
|
|
5
5
|
export type SavedQuerySearchRowProps<T extends SavedQuery = SavedQuery> = {
|
|
6
6
|
item: T;
|
|
@@ -9,7 +9,8 @@ require("core-js/modules/es.string.includes.js");
|
|
|
9
9
|
var _react = _interopRequireDefault(require("react"));
|
|
10
10
|
var _uikit = require("@gravity-ui/uikit");
|
|
11
11
|
var _bemCnLite = _interopRequireDefault(require("bem-cn-lite"));
|
|
12
|
-
var
|
|
12
|
+
var _MonacoEditor = require("../../components/MonacoEditor");
|
|
13
|
+
var _SearchRowLayout = require("../../components/SearchRowLayout");
|
|
13
14
|
var _time = require("../../helpers/time");
|
|
14
15
|
require("./SavedQuerySearchRow.css");
|
|
15
16
|
var _jsxRuntime = require("react/jsx-runtime");
|
|
@@ -35,9 +36,9 @@ var SavedQuerySearchRow = exports.SavedQuerySearchRow = function SavedQuerySearc
|
|
|
35
36
|
var isFieldVisible = function isFieldVisible(field) {
|
|
36
37
|
return visibleFields === undefined || visibleFields.value.includes(field);
|
|
37
38
|
};
|
|
38
|
-
return /*#__PURE__*/(0, _jsxRuntime.jsx)(
|
|
39
|
+
return /*#__PURE__*/(0, _jsxRuntime.jsx)(_SearchRowLayout.SearchRowLayout, {
|
|
39
40
|
query: query,
|
|
40
|
-
language:
|
|
41
|
+
language: _MonacoEditor.MonacoLanguage.YQL,
|
|
41
42
|
href: href,
|
|
42
43
|
disabled: Boolean(editing === null || editing === void 0 ? void 0 : editing.enabled) || Boolean(comparison === null || comparison === void 0 ? void 0 : comparison.enabled),
|
|
43
44
|
className: block(),
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["_react","_interopRequireDefault","require","_uikit","_bemCnLite","
|
|
1
|
+
{"version":3,"names":["_react","_interopRequireDefault","require","_uikit","_bemCnLite","_MonacoEditor","_SearchRowLayout","_time","_jsxRuntime","e","__esModule","default","block","cn","SavedQuerySearchRow","exports","_ref","_renderAuthor","item","comparison","editing","visibleFields","renderAuthor","author","engine","href","query","savedAt","authorContent","_jsx","Avatar","size","text","title","isFieldVisible","field","undefined","value","includes","SearchRowLayout","language","MonacoLanguage","YQL","disabled","Boolean","enabled","className","header","_jsxs","Flex","gap","alignItems","children","Text","variant","ellipsis","color","formatDateCanonical"],"sources":["SavedQuerySearchRow.tsx"],"sourcesContent":["import React from 'react';\nimport {Avatar, Flex, Text} from '@gravity-ui/uikit';\nimport cn from 'bem-cn-lite';\nimport {MonacoLanguage} from '../../components/MonacoEditor';\nimport {SearchRowLayout} from '../../components/SearchRowLayout';\nimport {formatDateCanonical} from '../../helpers/time';\nimport type {QueryListRowRenderData} from '../../types/queryList';\nimport type {SavedQuery} from '../../types/savedQueries';\nimport './SavedQuerySearchRow.scss';\n\nconst block = cn('qp-saved-query-search-row');\n\nexport type SavedQuerySearchRowProps<T extends SavedQuery = SavedQuery> = {\n item: T;\n renderAuthor?: (item: T) => React.ReactNode;\n} & Omit<QueryListRowRenderData<T>, 'item' | 'variant'>;\n\nexport const SavedQuerySearchRow = <T extends SavedQuery>({\n item,\n comparison,\n editing,\n visibleFields,\n renderAuthor,\n}: SavedQuerySearchRowProps<T>) => {\n const {author, engine, href, query, savedAt} = item;\n const authorContent =\n renderAuthor?.(item) ??\n (author ? <Avatar size=\"3xs\" text={author} title={author} /> : null);\n const isFieldVisible = (field: string) =>\n visibleFields === undefined || (visibleFields.value as string[]).includes(field);\n\n return (\n <SearchRowLayout\n query={query}\n language={MonacoLanguage.YQL}\n href={href}\n disabled={Boolean(editing?.enabled) || Boolean(comparison?.enabled)}\n className={block()}\n header={\n <Flex gap={2} alignItems=\"center\" className={block('header')}>\n <Text variant=\"subheader-1\" ellipsis className={block('title')}>\n {item.title}\n </Text>\n {isFieldVisible('savedAt') && savedAt && (\n <Text color=\"complementary\" className={block('fixed-metadata')}>\n {formatDateCanonical(savedAt)}\n </Text>\n )}\n {isFieldVisible('engine') && engine && (\n <Text color=\"complementary\" className={block('fixed-metadata')}>\n {engine}\n </Text>\n )}\n {isFieldVisible('author') && authorContent}\n </Flex>\n }\n />\n );\n};\n"],"mappings":"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","ignoreList":[]}
|
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
import React from 'react';
|
|
2
|
-
import { TutorialHistoryRow } from '../../types/tutorial';
|
|
2
|
+
import type { TutorialHistoryRow } from '../../types/tutorial';
|
|
3
3
|
import './TutorialRow.scss';
|
|
4
4
|
export type TutorialRowProps<T extends TutorialHistoryRow = TutorialHistoryRow> = {
|
|
5
5
|
item: T;
|
|
@@ -6,7 +6,7 @@ Object.defineProperty(exports, "__esModule", {
|
|
|
6
6
|
exports.TutorialRow = void 0;
|
|
7
7
|
var _react = _interopRequireDefault(require("react"));
|
|
8
8
|
var _uikit = require("@gravity-ui/uikit");
|
|
9
|
-
var
|
|
9
|
+
var _RowLink = require("../../components/RowLink");
|
|
10
10
|
var _bemCnLite = _interopRequireDefault(require("bem-cn-lite"));
|
|
11
11
|
require("./TutorialRow.css");
|
|
12
12
|
var _jsxRuntime = require("react/jsx-runtime");
|
|
@@ -17,7 +17,7 @@ var TutorialRow = exports.TutorialRow = function TutorialRow(_ref) {
|
|
|
17
17
|
var href = item.href,
|
|
18
18
|
id = item.id,
|
|
19
19
|
title = item.title;
|
|
20
|
-
return /*#__PURE__*/(0, _jsxRuntime.jsx)(
|
|
20
|
+
return /*#__PURE__*/(0, _jsxRuntime.jsx)(_RowLink.RowLink, {
|
|
21
21
|
href: href,
|
|
22
22
|
className: block(),
|
|
23
23
|
children: /*#__PURE__*/(0, _jsxRuntime.jsxs)(_uikit.Flex, {
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["_react","_interopRequireDefault","require","_uikit","
|
|
1
|
+
{"version":3,"names":["_react","_interopRequireDefault","require","_uikit","_RowLink","_bemCnLite","_jsxRuntime","e","__esModule","default","block","cn","TutorialRow","exports","_ref","item","href","id","title","_jsx","RowLink","className","children","_jsxs","Flex","gap","alignItems","Text","color","ellipsis"],"sources":["TutorialRow.tsx"],"sourcesContent":["import React from 'react';\nimport {Flex, Text} from '@gravity-ui/uikit';\nimport type {TutorialHistoryRow} from '../../types/tutorial';\nimport {RowLink} from '../../components/RowLink';\nimport cn from 'bem-cn-lite';\nimport './TutorialRow.scss';\n\nconst block = cn('qp-tutorial-row');\n\nexport type TutorialRowProps<T extends TutorialHistoryRow = TutorialHistoryRow> = {\n item: T;\n};\n\nexport const TutorialRow = <T extends TutorialHistoryRow>({item}: TutorialRowProps<T>) => {\n const {href, id, title} = item;\n\n return (\n <RowLink href={href} className={block()}>\n <Flex gap={1} alignItems=\"center\" className={block('content')}>\n <Text color=\"secondary\">{id}.</Text>\n <Text ellipsis>{title}</Text>\n </Flex>\n </RowLink>\n );\n};\n"],"mappings":";;;;;;AAAA,IAAAA,MAAA,GAAAC,sBAAA,CAAAC,OAAA;AACA,IAAAC,MAAA,GAAAD,OAAA;AAEA,IAAAE,QAAA,GAAAF,OAAA;AACA,IAAAG,UAAA,GAAAJ,sBAAA,CAAAC,OAAA;AACAA,OAAA;AAA4B,IAAAI,WAAA,GAAAJ,OAAA;AAAA,SAAAD,uBAAAM,CAAA,WAAAA,CAAA,IAAAA,CAAA,CAAAC,UAAA,GAAAD,CAAA,KAAAE,OAAA,EAAAF,CAAA;AAE5B,IAAMG,KAAK,GAAG,IAAAC,kBAAE,EAAC,iBAAiB,CAAC;AAM5B,IAAMC,WAAW,GAAAC,OAAA,CAAAD,WAAA,GAAG,SAAdA,WAAWA,CAAAE,IAAA,EAAkE;EAAA,IAA/BC,IAAI,GAAAD,IAAA,CAAJC,IAAI;EAC3D,IAAOC,IAAI,GAAeD,IAAI,CAAvBC,IAAI;IAAEC,EAAE,GAAWF,IAAI,CAAjBE,EAAE;IAAEC,KAAK,GAAIH,IAAI,CAAbG,KAAK;EAEtB,oBACI,IAAAC,eAAA,EAACC,gBAAO;IAACJ,IAAI,EAAEA,IAAK;IAACK,SAAS,EAAEX,KAAK,CAAC,CAAE;IAAAY,QAAA,eACpC,IAAAC,gBAAA,EAACC,WAAI;MAACC,GAAG,EAAE,CAAE;MAACC,UAAU,EAAC,QAAQ;MAACL,SAAS,EAAEX,KAAK,CAAC,SAAS,CAAE;MAAAY,QAAA,gBAC1D,IAAAC,gBAAA,EAACI,WAAI;QAACC,KAAK,EAAC,WAAW;QAAAN,QAAA,GAAEL,EAAE,EAAC,GAAC;MAAA,CAAM,CAAC,eACpC,IAAAE,eAAA,EAACQ,WAAI;QAACE,QAAQ;QAAAP,QAAA,EAAEJ;MAAK,CAAO,CAAC;IAAA,CAC3B;EAAC,CACF,CAAC;AAElB,CAAC","ignoreList":[]}
|
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
import React from 'react';
|
|
2
|
-
import { TutorialHistoryRow } from '../../types/tutorial';
|
|
2
|
+
import type { TutorialHistoryRow } from '../../types/tutorial';
|
|
3
3
|
import './TutorialSearchRow.scss';
|
|
4
4
|
export type TutorialSearchRowProps<T extends TutorialHistoryRow = TutorialHistoryRow> = {
|
|
5
5
|
item: T;
|