@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.
Files changed (338) hide show
  1. package/README.md +28 -0
  2. package/build/cjs/components/QueryGraph/QueryGraph.css +70 -0
  3. package/build/cjs/components/QueryGraph/QueryGraph.css.map +1 -0
  4. package/build/cjs/components/QueryGraph/QueryGraph.d.ts +4 -0
  5. package/build/cjs/components/QueryGraph/QueryGraph.js +517 -0
  6. package/build/cjs/components/QueryGraph/QueryGraph.js.map +1 -0
  7. package/build/cjs/components/QueryGraph/QueryGraph.stories.d.ts +16 -0
  8. package/build/cjs/components/QueryGraph/QueryGraph.stories.js +339 -0
  9. package/build/cjs/components/QueryGraph/QueryGraph.stories.js.map +1 -0
  10. package/build/cjs/components/QueryGraph/helpers/layout.d.ts +9 -0
  11. package/build/cjs/components/QueryGraph/helpers/layout.js +138 -0
  12. package/build/cjs/components/QueryGraph/helpers/layout.js.map +1 -0
  13. package/build/cjs/components/QueryGraph/helpers/presentation.d.ts +18 -0
  14. package/build/cjs/components/QueryGraph/helpers/presentation.js +44 -0
  15. package/build/cjs/components/QueryGraph/helpers/presentation.js.map +1 -0
  16. package/build/cjs/components/QueryGraph/i18n/dicts.d.ts +55 -0
  17. package/build/cjs/components/QueryGraph/i18n/dicts.js +14 -0
  18. package/build/cjs/components/QueryGraph/i18n/dicts.js.map +1 -0
  19. package/build/cjs/components/QueryGraph/i18n/en.json +26 -0
  20. package/build/cjs/components/QueryGraph/i18n/index.d.ts +6 -0
  21. package/build/cjs/components/QueryGraph/i18n/index.js +11 -0
  22. package/build/cjs/components/QueryGraph/i18n/index.js.map +1 -0
  23. package/build/cjs/components/QueryGraph/i18n/ru.json +26 -0
  24. package/build/cjs/components/QueryGraph/index.d.ts +2 -0
  25. package/build/cjs/components/QueryGraph/index.js +13 -0
  26. package/build/cjs/components/QueryGraph/index.js.map +1 -0
  27. package/build/cjs/components/QueryGraph/internal/QueryGraphCanvasBlock.d.ts +24 -0
  28. package/build/cjs/components/QueryGraph/internal/QueryGraphCanvasBlock.js +307 -0
  29. package/build/cjs/components/QueryGraph/internal/QueryGraphCanvasBlock.js.map +1 -0
  30. package/build/cjs/components/QueryGraph/internal/QueryGraphPopup.d.ts +5 -0
  31. package/build/cjs/components/QueryGraph/internal/QueryGraphPopup.js +242 -0
  32. package/build/cjs/components/QueryGraph/internal/QueryGraphPopup.js.map +1 -0
  33. package/build/cjs/components/QueryGraph/internal/queryGraphIcons.d.ts +12 -0
  34. package/build/cjs/components/QueryGraph/internal/queryGraphIcons.js +161 -0
  35. package/build/cjs/components/QueryGraph/internal/queryGraphIcons.js.map +1 -0
  36. package/build/cjs/components/QueryGraph/internal/useQueryGraphLayout.d.ts +22 -0
  37. package/build/cjs/components/QueryGraph/internal/useQueryGraphLayout.js +60 -0
  38. package/build/cjs/components/QueryGraph/internal/useQueryGraphLayout.js.map +1 -0
  39. package/build/cjs/components/QueryGraph/story/largeGraphData.d.ts +3 -0
  40. package/build/cjs/components/QueryGraph/story/largeGraphData.js +227 -0
  41. package/build/cjs/components/QueryGraph/story/largeGraphData.js.map +1 -0
  42. package/build/cjs/components/index.d.ts +2 -0
  43. package/build/cjs/components/index.js +9 -1
  44. package/build/cjs/components/index.js.map +1 -1
  45. package/build/cjs/helpers/buildColumnsFromKeys.d.ts +1 -1
  46. package/build/cjs/helpers/buildColumnsFromKeys.js.map +1 -1
  47. package/build/cjs/index.d.ts +1 -0
  48. package/build/cjs/index.js +11 -0
  49. package/build/cjs/index.js.map +1 -1
  50. package/build/cjs/modules/ClustersList/ClustersList.d.ts +1 -1
  51. package/build/cjs/modules/ClustersList/ClustersList.js +4 -3
  52. package/build/cjs/modules/ClustersList/ClustersList.js.map +1 -1
  53. package/build/cjs/modules/HistoryHeader/HistoryHeader.js +4 -3
  54. package/build/cjs/modules/HistoryHeader/HistoryHeader.js.map +1 -1
  55. package/build/cjs/modules/HistoryRow/HistoryRow.js +12 -7
  56. package/build/cjs/modules/HistoryRow/HistoryRow.js.map +1 -1
  57. package/build/cjs/modules/HistorySearchRow/HistorySearchRow.js +8 -5
  58. package/build/cjs/modules/HistorySearchRow/HistorySearchRow.js.map +1 -1
  59. package/build/cjs/modules/HistorySearchRow/helpers/resolveMonacoLanguage.d.ts +1 -1
  60. package/build/cjs/modules/HistorySearchRow/helpers/resolveMonacoLanguage.js +5 -5
  61. package/build/cjs/modules/HistorySearchRow/helpers/resolveMonacoLanguage.js.map +1 -1
  62. package/build/cjs/modules/NavigationDetail/NavigationDetail.d.ts +1 -1
  63. package/build/cjs/modules/NavigationDetail/NavigationDetail.js +2 -2
  64. package/build/cjs/modules/NavigationDetail/NavigationDetail.js.map +1 -1
  65. package/build/cjs/modules/NavigationHeader/NavigationHeader.d.ts +1 -1
  66. package/build/cjs/modules/NavigationHeader/NavigationHeader.js +2 -2
  67. package/build/cjs/modules/NavigationHeader/NavigationHeader.js.map +1 -1
  68. package/build/cjs/modules/NavigationItemsList/NavigationItemsList.d.ts +1 -1
  69. package/build/cjs/modules/NavigationItemsList/NavigationItemsList.js +4 -3
  70. package/build/cjs/modules/NavigationItemsList/NavigationItemsList.js.map +1 -1
  71. package/build/cjs/modules/NavigationItemsList/internal/NavigationItemsListEmptyState.d.ts +1 -1
  72. package/build/cjs/modules/NavigationItemsList/internal/NavigationItemsListEmptyState.js +2 -2
  73. package/build/cjs/modules/NavigationItemsList/internal/NavigationItemsListEmptyState.js.map +1 -1
  74. package/build/cjs/modules/NavigationMeta/NavigationMeta.js +4 -3
  75. package/build/cjs/modules/NavigationMeta/NavigationMeta.js.map +1 -1
  76. package/build/cjs/modules/NavigationMeta/i18n/index.d.ts +2 -2
  77. package/build/cjs/modules/NavigationPreview/NavigationPreview.d.ts +1 -1
  78. package/build/cjs/modules/NavigationPreview/NavigationPreview.js +6 -4
  79. package/build/cjs/modules/NavigationPreview/NavigationPreview.js.map +1 -1
  80. package/build/cjs/modules/NavigationPreview/helpers/buildPreviewColumns.d.ts +1 -1
  81. package/build/cjs/modules/NavigationPreview/helpers/buildPreviewColumns.js.map +1 -1
  82. package/build/cjs/modules/NavigationSchema/NavigationSchema.d.ts +1 -1
  83. package/build/cjs/modules/NavigationSchema/NavigationSchema.js +4 -3
  84. package/build/cjs/modules/NavigationSchema/NavigationSchema.js.map +1 -1
  85. package/build/cjs/modules/NavigationSchema/helpers/buildSchemaColumns.d.ts +1 -1
  86. package/build/cjs/modules/NavigationSchema/helpers/buildSchemaColumns.js.map +1 -1
  87. package/build/cjs/modules/NavigationView/NavigationView.d.ts +1 -1
  88. package/build/cjs/modules/NavigationView/NavigationView.js +4 -3
  89. package/build/cjs/modules/NavigationView/NavigationView.js.map +1 -1
  90. package/build/cjs/modules/NavigationView/helpers/buildViewColumns.d.ts +1 -1
  91. package/build/cjs/modules/NavigationView/helpers/buildViewColumns.js.map +1 -1
  92. package/build/cjs/modules/NavigationView/internal/NavigationViewSectionItem.d.ts +1 -1
  93. package/build/cjs/modules/NavigationView/internal/NavigationViewSectionItem.js +4 -3
  94. package/build/cjs/modules/NavigationView/internal/NavigationViewSectionItem.js.map +1 -1
  95. package/build/cjs/modules/QueriesList/QueriesList.js +2 -2
  96. package/build/cjs/modules/QueriesList/QueriesList.js.map +1 -1
  97. package/build/cjs/modules/QueryProgress/QueryProgress.css +64 -0
  98. package/build/cjs/modules/QueryProgress/QueryProgress.css.map +1 -0
  99. package/build/cjs/modules/QueryProgress/QueryProgress.d.ts +4 -0
  100. package/build/cjs/modules/QueryProgress/QueryProgress.js +135 -0
  101. package/build/cjs/modules/QueryProgress/QueryProgress.js.map +1 -0
  102. package/build/cjs/modules/QueryProgress/QueryProgress.stories.d.ts +7 -0
  103. package/build/cjs/modules/QueryProgress/QueryProgress.stories.js +38 -0
  104. package/build/cjs/modules/QueryProgress/QueryProgress.stories.js.map +1 -0
  105. package/build/cjs/modules/QueryProgress/i18n/dicts.d.ts +25 -0
  106. package/build/cjs/modules/QueryProgress/i18n/dicts.js +14 -0
  107. package/build/cjs/modules/QueryProgress/i18n/dicts.js.map +1 -0
  108. package/build/cjs/modules/QueryProgress/i18n/en.json +11 -0
  109. package/build/cjs/modules/QueryProgress/i18n/index.d.ts +6 -0
  110. package/build/cjs/modules/QueryProgress/i18n/index.js +11 -0
  111. package/build/cjs/modules/QueryProgress/i18n/index.js.map +1 -0
  112. package/build/cjs/modules/QueryProgress/i18n/ru.json +11 -0
  113. package/build/cjs/modules/QueryProgress/index.d.ts +2 -0
  114. package/build/cjs/modules/QueryProgress/index.js +13 -0
  115. package/build/cjs/modules/QueryProgress/index.js.map +1 -0
  116. package/build/cjs/modules/QueryStatistics/i18n/index.d.ts +2 -2
  117. package/build/cjs/modules/RowsList/RowsList.js +4 -3
  118. package/build/cjs/modules/RowsList/RowsList.js.map +1 -1
  119. package/build/cjs/modules/SavedQueryRow/SavedQueryRow.d.ts +2 -2
  120. package/build/cjs/modules/SavedQueryRow/SavedQueryRow.js +6 -4
  121. package/build/cjs/modules/SavedQueryRow/SavedQueryRow.js.map +1 -1
  122. package/build/cjs/modules/SavedQuerySearchRow/SavedQuerySearchRow.d.ts +2 -2
  123. package/build/cjs/modules/SavedQuerySearchRow/SavedQuerySearchRow.js +4 -3
  124. package/build/cjs/modules/SavedQuerySearchRow/SavedQuerySearchRow.js.map +1 -1
  125. package/build/cjs/modules/TutorialRow/TutorialRow.d.ts +1 -1
  126. package/build/cjs/modules/TutorialRow/TutorialRow.js +2 -2
  127. package/build/cjs/modules/TutorialRow/TutorialRow.js.map +1 -1
  128. package/build/cjs/modules/TutorialSearchRow/TutorialSearchRow.d.ts +1 -1
  129. package/build/cjs/modules/TutorialSearchRow/TutorialSearchRow.js +4 -3
  130. package/build/cjs/modules/TutorialSearchRow/TutorialSearchRow.js.map +1 -1
  131. package/build/cjs/modules/index.d.ts +2 -0
  132. package/build/cjs/modules/index.js +8 -0
  133. package/build/cjs/modules/index.js.map +1 -1
  134. package/build/cjs/types/queryGraph.d.ts +87 -0
  135. package/build/cjs/types/queryGraph.js +6 -0
  136. package/build/cjs/types/queryGraph.js.map +1 -0
  137. package/build/cjs/widgets/DashboardCharts/DashboardCharts.js +8 -6
  138. package/build/cjs/widgets/DashboardCharts/DashboardCharts.js.map +1 -1
  139. package/build/cjs/widgets/DashboardCharts/types.d.ts +3 -3
  140. package/build/cjs/widgets/DashboardCharts/types.js.map +1 -1
  141. package/build/cjs/widgets/QueriesHistory/QueriesHistory.js +2 -2
  142. package/build/cjs/widgets/QueriesHistory/QueriesHistory.js.map +1 -1
  143. package/build/cjs/widgets/QueriesHistory/internal/HistoryRowContent.js +6 -5
  144. package/build/cjs/widgets/QueriesHistory/internal/HistoryRowContent.js.map +1 -1
  145. package/build/cjs/widgets/QueriesNavigation/QueriesNavigation.d.ts +1 -1
  146. package/build/cjs/widgets/QueriesNavigation/QueriesNavigation.js +13 -9
  147. package/build/cjs/widgets/QueriesNavigation/QueriesNavigation.js.map +1 -1
  148. package/build/cjs/widgets/QueriesNavigation/helpers/createEmptyDetailConfig.js +2 -2
  149. package/build/cjs/widgets/QueriesNavigation/helpers/createEmptyDetailConfig.js.map +1 -1
  150. package/build/cjs/widgets/QueriesNavigation/helpers/createTableDetailConfig.js +8 -5
  151. package/build/cjs/widgets/QueriesNavigation/helpers/createTableDetailConfig.js.map +1 -1
  152. package/build/cjs/widgets/QueryResults/QueryResults.js +2 -2
  153. package/build/cjs/widgets/QueryResults/QueryResults.js.map +1 -1
  154. package/build/cjs/widgets/QueryResults/i18n/index.d.ts +2 -2
  155. package/build/cjs/widgets/QueryResults/internal/QueryResultsSchema.js +4 -3
  156. package/build/cjs/widgets/QueryResults/internal/QueryResultsSchema.js.map +1 -1
  157. package/build/cjs/widgets/SavedQueries/SavedQueries.d.ts +2 -2
  158. package/build/cjs/widgets/SavedQueries/SavedQueries.js +2 -2
  159. package/build/cjs/widgets/SavedQueries/SavedQueries.js.map +1 -1
  160. package/build/cjs/widgets/SavedQueries/SavedQueryRowContent.d.ts +2 -2
  161. package/build/cjs/widgets/SavedQueries/SavedQueryRowContent.js +6 -5
  162. package/build/cjs/widgets/SavedQueries/SavedQueryRowContent.js.map +1 -1
  163. package/build/cjs/widgets/TutorialsHistory/TutorialRowContent.d.ts +2 -2
  164. package/build/cjs/widgets/TutorialsHistory/TutorialRowContent.js +6 -5
  165. package/build/cjs/widgets/TutorialsHistory/TutorialRowContent.js.map +1 -1
  166. package/build/cjs/widgets/TutorialsHistory/TutorialsHistory.d.ts +2 -2
  167. package/build/cjs/widgets/TutorialsHistory/TutorialsHistory.js +6 -4
  168. package/build/cjs/widgets/TutorialsHistory/TutorialsHistory.js.map +1 -1
  169. package/build/esm/components/QueryGraph/QueryGraph.css +70 -0
  170. package/build/esm/components/QueryGraph/QueryGraph.css.map +1 -0
  171. package/build/esm/components/QueryGraph/QueryGraph.d.ts +4 -0
  172. package/build/esm/components/QueryGraph/QueryGraph.js +510 -0
  173. package/build/esm/components/QueryGraph/QueryGraph.js.map +1 -0
  174. package/build/esm/components/QueryGraph/QueryGraph.scss +81 -0
  175. package/build/esm/components/QueryGraph/QueryGraph.stories.d.ts +16 -0
  176. package/build/esm/components/QueryGraph/QueryGraph.stories.js +331 -0
  177. package/build/esm/components/QueryGraph/QueryGraph.stories.js.map +1 -0
  178. package/build/esm/components/QueryGraph/helpers/layout.d.ts +9 -0
  179. package/build/esm/components/QueryGraph/helpers/layout.js +128 -0
  180. package/build/esm/components/QueryGraph/helpers/layout.js.map +1 -0
  181. package/build/esm/components/QueryGraph/helpers/presentation.d.ts +18 -0
  182. package/build/esm/components/QueryGraph/helpers/presentation.js +35 -0
  183. package/build/esm/components/QueryGraph/helpers/presentation.js.map +1 -0
  184. package/build/esm/components/QueryGraph/i18n/dicts.d.ts +55 -0
  185. package/build/esm/components/QueryGraph/i18n/dicts.js +7 -0
  186. package/build/esm/components/QueryGraph/i18n/dicts.js.map +1 -0
  187. package/build/esm/components/QueryGraph/i18n/en.json +26 -0
  188. package/build/esm/components/QueryGraph/i18n/index.d.ts +6 -0
  189. package/build/esm/components/QueryGraph/i18n/index.js +4 -0
  190. package/build/esm/components/QueryGraph/i18n/index.js.map +1 -0
  191. package/build/esm/components/QueryGraph/i18n/ru.json +26 -0
  192. package/build/esm/components/QueryGraph/index.d.ts +2 -0
  193. package/build/esm/components/QueryGraph/index.js +2 -0
  194. package/build/esm/components/QueryGraph/index.js.map +1 -0
  195. package/build/esm/components/QueryGraph/internal/QueryGraphCanvasBlock.d.ts +24 -0
  196. package/build/esm/components/QueryGraph/internal/QueryGraphCanvasBlock.js +299 -0
  197. package/build/esm/components/QueryGraph/internal/QueryGraphCanvasBlock.js.map +1 -0
  198. package/build/esm/components/QueryGraph/internal/QueryGraphPopup.d.ts +5 -0
  199. package/build/esm/components/QueryGraph/internal/QueryGraphPopup.js +234 -0
  200. package/build/esm/components/QueryGraph/internal/QueryGraphPopup.js.map +1 -0
  201. package/build/esm/components/QueryGraph/internal/queryGraphIcons.d.ts +12 -0
  202. package/build/esm/components/QueryGraph/internal/queryGraphIcons.js +150 -0
  203. package/build/esm/components/QueryGraph/internal/queryGraphIcons.js.map +1 -0
  204. package/build/esm/components/QueryGraph/internal/useQueryGraphLayout.d.ts +22 -0
  205. package/build/esm/components/QueryGraph/internal/useQueryGraphLayout.js +53 -0
  206. package/build/esm/components/QueryGraph/internal/useQueryGraphLayout.js.map +1 -0
  207. package/build/esm/components/QueryGraph/story/largeGraphData.d.ts +3 -0
  208. package/build/esm/components/QueryGraph/story/largeGraphData.js +220 -0
  209. package/build/esm/components/QueryGraph/story/largeGraphData.js.map +1 -0
  210. package/build/esm/components/index.d.ts +2 -0
  211. package/build/esm/components/index.js +1 -0
  212. package/build/esm/components/index.js.map +1 -1
  213. package/build/esm/helpers/buildColumnsFromKeys.d.ts +1 -1
  214. package/build/esm/helpers/buildColumnsFromKeys.js.map +1 -1
  215. package/build/esm/index.d.ts +1 -0
  216. package/build/esm/index.js +1 -0
  217. package/build/esm/index.js.map +1 -1
  218. package/build/esm/modules/ClustersList/ClustersList.d.ts +1 -1
  219. package/build/esm/modules/ClustersList/ClustersList.js +2 -1
  220. package/build/esm/modules/ClustersList/ClustersList.js.map +1 -1
  221. package/build/esm/modules/HistoryHeader/HistoryHeader.js +2 -1
  222. package/build/esm/modules/HistoryHeader/HistoryHeader.js.map +1 -1
  223. package/build/esm/modules/HistoryRow/HistoryRow.js +6 -1
  224. package/build/esm/modules/HistoryRow/HistoryRow.js.map +1 -1
  225. package/build/esm/modules/HistorySearchRow/HistorySearchRow.js +4 -1
  226. package/build/esm/modules/HistorySearchRow/HistorySearchRow.js.map +1 -1
  227. package/build/esm/modules/HistorySearchRow/helpers/resolveMonacoLanguage.d.ts +1 -1
  228. package/build/esm/modules/HistorySearchRow/helpers/resolveMonacoLanguage.js +1 -1
  229. package/build/esm/modules/HistorySearchRow/helpers/resolveMonacoLanguage.js.map +1 -1
  230. package/build/esm/modules/NavigationDetail/NavigationDetail.d.ts +1 -1
  231. package/build/esm/modules/NavigationDetail/NavigationDetail.js +1 -1
  232. package/build/esm/modules/NavigationDetail/NavigationDetail.js.map +1 -1
  233. package/build/esm/modules/NavigationHeader/NavigationHeader.d.ts +1 -1
  234. package/build/esm/modules/NavigationHeader/NavigationHeader.js +1 -1
  235. package/build/esm/modules/NavigationHeader/NavigationHeader.js.map +1 -1
  236. package/build/esm/modules/NavigationItemsList/NavigationItemsList.d.ts +1 -1
  237. package/build/esm/modules/NavigationItemsList/NavigationItemsList.js +2 -1
  238. package/build/esm/modules/NavigationItemsList/NavigationItemsList.js.map +1 -1
  239. package/build/esm/modules/NavigationItemsList/internal/NavigationItemsListEmptyState.d.ts +1 -1
  240. package/build/esm/modules/NavigationItemsList/internal/NavigationItemsListEmptyState.js +1 -1
  241. package/build/esm/modules/NavigationItemsList/internal/NavigationItemsListEmptyState.js.map +1 -1
  242. package/build/esm/modules/NavigationMeta/NavigationMeta.js +2 -1
  243. package/build/esm/modules/NavigationMeta/NavigationMeta.js.map +1 -1
  244. package/build/esm/modules/NavigationMeta/i18n/index.d.ts +2 -2
  245. package/build/esm/modules/NavigationPreview/NavigationPreview.d.ts +1 -1
  246. package/build/esm/modules/NavigationPreview/NavigationPreview.js +3 -1
  247. package/build/esm/modules/NavigationPreview/NavigationPreview.js.map +1 -1
  248. package/build/esm/modules/NavigationPreview/helpers/buildPreviewColumns.d.ts +1 -1
  249. package/build/esm/modules/NavigationPreview/helpers/buildPreviewColumns.js.map +1 -1
  250. package/build/esm/modules/NavigationSchema/NavigationSchema.d.ts +1 -1
  251. package/build/esm/modules/NavigationSchema/NavigationSchema.js +2 -1
  252. package/build/esm/modules/NavigationSchema/NavigationSchema.js.map +1 -1
  253. package/build/esm/modules/NavigationSchema/helpers/buildSchemaColumns.d.ts +1 -1
  254. package/build/esm/modules/NavigationSchema/helpers/buildSchemaColumns.js.map +1 -1
  255. package/build/esm/modules/NavigationView/NavigationView.d.ts +1 -1
  256. package/build/esm/modules/NavigationView/NavigationView.js +2 -1
  257. package/build/esm/modules/NavigationView/NavigationView.js.map +1 -1
  258. package/build/esm/modules/NavigationView/helpers/buildViewColumns.d.ts +1 -1
  259. package/build/esm/modules/NavigationView/helpers/buildViewColumns.js.map +1 -1
  260. package/build/esm/modules/NavigationView/internal/NavigationViewSectionItem.d.ts +1 -1
  261. package/build/esm/modules/NavigationView/internal/NavigationViewSectionItem.js +2 -1
  262. package/build/esm/modules/NavigationView/internal/NavigationViewSectionItem.js.map +1 -1
  263. package/build/esm/modules/QueriesList/QueriesList.js +1 -1
  264. package/build/esm/modules/QueriesList/QueriesList.js.map +1 -1
  265. package/build/esm/modules/QueryProgress/QueryProgress.css +64 -0
  266. package/build/esm/modules/QueryProgress/QueryProgress.css.map +1 -0
  267. package/build/esm/modules/QueryProgress/QueryProgress.d.ts +4 -0
  268. package/build/esm/modules/QueryProgress/QueryProgress.js +127 -0
  269. package/build/esm/modules/QueryProgress/QueryProgress.js.map +1 -0
  270. package/build/esm/modules/QueryProgress/QueryProgress.scss +72 -0
  271. package/build/esm/modules/QueryProgress/QueryProgress.stories.d.ts +7 -0
  272. package/build/esm/modules/QueryProgress/QueryProgress.stories.js +31 -0
  273. package/build/esm/modules/QueryProgress/QueryProgress.stories.js.map +1 -0
  274. package/build/esm/modules/QueryProgress/i18n/dicts.d.ts +25 -0
  275. package/build/esm/modules/QueryProgress/i18n/dicts.js +7 -0
  276. package/build/esm/modules/QueryProgress/i18n/dicts.js.map +1 -0
  277. package/build/esm/modules/QueryProgress/i18n/en.json +11 -0
  278. package/build/esm/modules/QueryProgress/i18n/index.d.ts +6 -0
  279. package/build/esm/modules/QueryProgress/i18n/index.js +4 -0
  280. package/build/esm/modules/QueryProgress/i18n/index.js.map +1 -0
  281. package/build/esm/modules/QueryProgress/i18n/ru.json +11 -0
  282. package/build/esm/modules/QueryProgress/index.d.ts +2 -0
  283. package/build/esm/modules/QueryProgress/index.js +2 -0
  284. package/build/esm/modules/QueryProgress/index.js.map +1 -0
  285. package/build/esm/modules/QueryStatistics/i18n/index.d.ts +2 -2
  286. package/build/esm/modules/RowsList/RowsList.js +2 -1
  287. package/build/esm/modules/RowsList/RowsList.js.map +1 -1
  288. package/build/esm/modules/SavedQueryRow/SavedQueryRow.d.ts +2 -2
  289. package/build/esm/modules/SavedQueryRow/SavedQueryRow.js +3 -1
  290. package/build/esm/modules/SavedQueryRow/SavedQueryRow.js.map +1 -1
  291. package/build/esm/modules/SavedQuerySearchRow/SavedQuerySearchRow.d.ts +2 -2
  292. package/build/esm/modules/SavedQuerySearchRow/SavedQuerySearchRow.js +2 -1
  293. package/build/esm/modules/SavedQuerySearchRow/SavedQuerySearchRow.js.map +1 -1
  294. package/build/esm/modules/TutorialRow/TutorialRow.d.ts +1 -1
  295. package/build/esm/modules/TutorialRow/TutorialRow.js +1 -1
  296. package/build/esm/modules/TutorialRow/TutorialRow.js.map +1 -1
  297. package/build/esm/modules/TutorialSearchRow/TutorialSearchRow.d.ts +1 -1
  298. package/build/esm/modules/TutorialSearchRow/TutorialSearchRow.js +2 -1
  299. package/build/esm/modules/TutorialSearchRow/TutorialSearchRow.js.map +1 -1
  300. package/build/esm/modules/index.d.ts +2 -0
  301. package/build/esm/modules/index.js +1 -0
  302. package/build/esm/modules/index.js.map +1 -1
  303. package/build/esm/types/queryGraph.d.ts +87 -0
  304. package/build/esm/types/queryGraph.js +2 -0
  305. package/build/esm/types/queryGraph.js.map +1 -0
  306. package/build/esm/widgets/DashboardCharts/DashboardCharts.js +4 -2
  307. package/build/esm/widgets/DashboardCharts/DashboardCharts.js.map +1 -1
  308. package/build/esm/widgets/DashboardCharts/types.d.ts +3 -3
  309. package/build/esm/widgets/DashboardCharts/types.js.map +1 -1
  310. package/build/esm/widgets/QueriesHistory/QueriesHistory.js +1 -1
  311. package/build/esm/widgets/QueriesHistory/QueriesHistory.js.map +1 -1
  312. package/build/esm/widgets/QueriesHistory/internal/HistoryRowContent.js +3 -2
  313. package/build/esm/widgets/QueriesHistory/internal/HistoryRowContent.js.map +1 -1
  314. package/build/esm/widgets/QueriesNavigation/QueriesNavigation.d.ts +1 -1
  315. package/build/esm/widgets/QueriesNavigation/QueriesNavigation.js +6 -2
  316. package/build/esm/widgets/QueriesNavigation/QueriesNavigation.js.map +1 -1
  317. package/build/esm/widgets/QueriesNavigation/helpers/createEmptyDetailConfig.js +1 -1
  318. package/build/esm/widgets/QueriesNavigation/helpers/createEmptyDetailConfig.js.map +1 -1
  319. package/build/esm/widgets/QueriesNavigation/helpers/createTableDetailConfig.js +4 -1
  320. package/build/esm/widgets/QueriesNavigation/helpers/createTableDetailConfig.js.map +1 -1
  321. package/build/esm/widgets/QueryResults/QueryResults.js +1 -1
  322. package/build/esm/widgets/QueryResults/QueryResults.js.map +1 -1
  323. package/build/esm/widgets/QueryResults/i18n/index.d.ts +2 -2
  324. package/build/esm/widgets/QueryResults/internal/QueryResultsSchema.js +2 -1
  325. package/build/esm/widgets/QueryResults/internal/QueryResultsSchema.js.map +1 -1
  326. package/build/esm/widgets/SavedQueries/SavedQueries.d.ts +2 -2
  327. package/build/esm/widgets/SavedQueries/SavedQueries.js +1 -1
  328. package/build/esm/widgets/SavedQueries/SavedQueries.js.map +1 -1
  329. package/build/esm/widgets/SavedQueries/SavedQueryRowContent.d.ts +2 -2
  330. package/build/esm/widgets/SavedQueries/SavedQueryRowContent.js +3 -2
  331. package/build/esm/widgets/SavedQueries/SavedQueryRowContent.js.map +1 -1
  332. package/build/esm/widgets/TutorialsHistory/TutorialRowContent.d.ts +2 -2
  333. package/build/esm/widgets/TutorialsHistory/TutorialRowContent.js +3 -2
  334. package/build/esm/widgets/TutorialsHistory/TutorialRowContent.js.map +1 -1
  335. package/build/esm/widgets/TutorialsHistory/TutorialsHistory.d.ts +2 -2
  336. package/build/esm/widgets/TutorialsHistory/TutorialsHistory.js +3 -1
  337. package/build/esm/widgets/TutorialsHistory/TutorialsHistory.js.map +1 -1
  338. package/package.json +84 -5
@@ -1,4 +1,4 @@
1
- import type { Column } from '../../../components';
1
+ import type { Column } from '../../../components/DataTable';
2
2
  import type { NavigationSchemaColumn } from '../../../types/navigation';
3
3
  import type schemaI18n from '../i18n';
4
4
  export declare function buildSchemaColumns<TColumn extends NavigationSchemaColumn>(i18n: typeof schemaI18n): Array<Column<TColumn>>;
@@ -1 +1 @@
1
- {"version":3,"names":["React","Flex","Icon","Text","jsx","_jsx","jsxs","_jsxs","ArrowUpIcon","props","_objectSpread","children","fill","fillRule","d","clipRule","defaultProps","xmlns","width","height","viewBox","ArrowDownIcon","CheckIcon","SORT_ICONS","ascending","descending","buildSchemaColumns","i18n","name","header","render","_ref","row","inline","gap","alignItems","sortOrder","data","size","_ref2","_row$type","type","_ref3","align","_ref4","required"],"sources":["buildSchemaColumns.tsx"],"sourcesContent":["import React from 'react';\nimport {Flex, Icon, Text} from '@gravity-ui/uikit';\nimport ArrowUpIcon from '@gravity-ui/icons/svgs/arrow-up.svg';\nimport ArrowDownIcon from '@gravity-ui/icons/svgs/arrow-down.svg';\nimport CheckIcon from '@gravity-ui/icons/svgs/check.svg';\nimport type {Column} from '../../../components';\nimport type {NavigationSchemaColumn, NavigationSchemaSortOrder} from '../../../types/navigation';\nimport type schemaI18n from '../i18n';\n\nconst SORT_ICONS: Record<NavigationSchemaSortOrder, typeof ArrowUpIcon> = {\n ascending: ArrowUpIcon,\n descending: ArrowDownIcon,\n};\n\nexport function buildSchemaColumns<TColumn extends NavigationSchemaColumn>(\n i18n: typeof schemaI18n,\n): Array<Column<TColumn>> {\n return [\n {\n name: 'name',\n header: i18n('title_column-name'),\n render: ({row}) => (\n <Flex inline gap={1} alignItems=\"center\">\n <Text>{row.name}</Text>\n {row.sortOrder && <Icon data={SORT_ICONS[row.sortOrder]} size={14} />}\n </Flex>\n ),\n },\n {\n name: 'type',\n header: i18n('title_column-type'),\n render: ({row}) => row.type ?? i18n('value_empty'),\n },\n {\n name: 'sortOrder',\n header: i18n('title_column-sort-order'),\n render: ({row}) =>\n row.sortOrder\n ? i18n(\n row.sortOrder === 'ascending'\n ? 'value_sort-ascending'\n : 'value_sort-descending',\n )\n : i18n('value_empty'),\n },\n {\n name: 'required',\n header: i18n('title_column-required'),\n align: 'center',\n render: ({row}) =>\n row.required ? <Icon data={CheckIcon} size={16} /> : i18n('value_empty'),\n },\n ];\n}\n"],"mappings":";;AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,SAAQC,IAAI,EAAEC,IAAI,EAAEC,IAAI,QAAO,mBAAmB;AAAC,SAAAC,GAAA,IAAAC,IAAA,EAAAC,IAAA,IAAAC,KAAA;AAAA,IAC5CC,WAAW,YAAXA,WAAWA,CAAAC,KAAA;EAAA,oBAAAJ,IAAA,QAAAK,aAAA,CAAAA,aAAA,KAAAD,KAAA;IAAAE,QAAA,eAAAN,IAAA;MAAAO,IAAA;MAAAC,QAAA;MAAAC,CAAA;MAAAC,QAAA;IAAA;EAAA;AAAA;AAAXP,WAAW,CAAAQ,YAAA;EAAAC,KAAA;EAAAC,KAAA;EAAAC,MAAA;EAAAP,IAAA;EAAAQ,OAAA;AAAA;AAAA,IACXC,aAAa,YAAbA,aAAaA,CAAAZ,KAAA;EAAA,oBAAAJ,IAAA,QAAAK,aAAA,CAAAA,aAAA,KAAAD,KAAA;IAAAE,QAAA,eAAAN,IAAA;MAAAO,IAAA;MAAAC,QAAA;MAAAC,CAAA;MAAAC,QAAA;IAAA;EAAA;AAAA;AAAbM,aAAa,CAAAL,YAAA;EAAAC,KAAA;EAAAC,KAAA;EAAAC,MAAA;EAAAP,IAAA;EAAAQ,OAAA;AAAA;AAAA,IACbE,SAAS,YAATA,SAASA,CAAAb,KAAA;EAAA,oBAAAJ,IAAA,QAAAK,aAAA,CAAAA,aAAA,KAAAD,KAAA;IAAAE,QAAA,eAAAN,IAAA;MAAAO,IAAA;MAAAC,QAAA;MAAAC,CAAA;MAAAC,QAAA;IAAA;EAAA;AAAA;AAATO,SAAS,CAAAN,YAAA;EAAAC,KAAA;EAAAC,KAAA;EAAAC,MAAA;EAAAP,IAAA;EAAAQ,OAAA;AAAA;AAKhB,IAAMG,UAAiE,GAAG;EACtEC,SAAS,EAAEhB,WAAW;EACtBiB,UAAU,EAAEJ;AAChB,CAAC;AAED,OAAO,SAASK,kBAAkBA,CAC9BC,IAAuB,EACD;EACtB,OAAO,CACH;IACIC,IAAI,EAAE,MAAM;IACZC,MAAM,EAAEF,IAAI,CAAC,mBAAmB,CAAC;IACjCG,MAAM,EAAE,SAARA,MAAMA,CAAAC,IAAA;MAAA,IAAIC,GAAG,GAAAD,IAAA,CAAHC,GAAG;MAAA,oBACTzB,KAAA,CAACN,IAAI;QAACgC,MAAM;QAACC,GAAG,EAAE,CAAE;QAACC,UAAU,EAAC,QAAQ;QAAAxB,QAAA,gBACpCN,IAAA,CAACF,IAAI;UAAAQ,QAAA,EAAEqB,GAAG,CAACJ;QAAI,CAAO,CAAC,EACtBI,GAAG,CAACI,SAAS,iBAAI/B,IAAA,CAACH,IAAI;UAACmC,IAAI,EAAEd,UAAU,CAACS,GAAG,CAACI,SAAS,CAAE;UAACE,IAAI,EAAE;QAAG,CAAE,CAAC;MAAA,CACnE,CAAC;IAAA;EAEf,CAAC,EACD;IACIV,IAAI,EAAE,MAAM;IACZC,MAAM,EAAEF,IAAI,CAAC,mBAAmB,CAAC;IACjCG,MAAM,EAAE,SAARA,MAAMA,CAAAS,KAAA;MAAA,IAAAC,SAAA;MAAA,IAAIR,GAAG,GAAAO,KAAA,CAAHP,GAAG;MAAA,QAAAQ,SAAA,GAAMR,GAAG,CAACS,IAAI,cAAAD,SAAA,cAAAA,SAAA,GAAIb,IAAI,CAAC,aAAa,CAAC;IAAA;EACtD,CAAC,EACD;IACIC,IAAI,EAAE,WAAW;IACjBC,MAAM,EAAEF,IAAI,CAAC,yBAAyB,CAAC;IACvCG,MAAM,EAAE,SAARA,MAAMA,CAAAY,KAAA;MAAA,IAAIV,GAAG,GAAAU,KAAA,CAAHV,GAAG;MAAA,OACTA,GAAG,CAACI,SAAS,GACPT,IAAI,CACAK,GAAG,CAACI,SAAS,KAAK,WAAW,GACvB,sBAAsB,GACtB,uBACV,CAAC,GACDT,IAAI,CAAC,aAAa,CAAC;IAAA;EACjC,CAAC,EACD;IACIC,IAAI,EAAE,UAAU;IAChBC,MAAM,EAAEF,IAAI,CAAC,uBAAuB,CAAC;IACrCgB,KAAK,EAAE,QAAQ;IACfb,MAAM,EAAE,SAARA,MAAMA,CAAAc,KAAA;MAAA,IAAIZ,GAAG,GAAAY,KAAA,CAAHZ,GAAG;MAAA,OACTA,GAAG,CAACa,QAAQ,gBAAGxC,IAAA,CAACH,IAAI;QAACmC,IAAI,EAAEf,SAAU;QAACgB,IAAI,EAAE;MAAG,CAAE,CAAC,GAAGX,IAAI,CAAC,aAAa,CAAC;IAAA;EAChF,CAAC,CACJ;AACL","ignoreList":[]}
1
+ {"version":3,"names":["React","Flex","Icon","Text","jsx","_jsx","jsxs","_jsxs","ArrowUpIcon","props","_objectSpread","children","fill","fillRule","d","clipRule","defaultProps","xmlns","width","height","viewBox","ArrowDownIcon","CheckIcon","SORT_ICONS","ascending","descending","buildSchemaColumns","i18n","name","header","render","_ref","row","inline","gap","alignItems","sortOrder","data","size","_ref2","_row$type","type","_ref3","align","_ref4","required"],"sources":["buildSchemaColumns.tsx"],"sourcesContent":["import React from 'react';\nimport {Flex, Icon, Text} from '@gravity-ui/uikit';\nimport ArrowUpIcon from '@gravity-ui/icons/svgs/arrow-up.svg';\nimport ArrowDownIcon from '@gravity-ui/icons/svgs/arrow-down.svg';\nimport CheckIcon from '@gravity-ui/icons/svgs/check.svg';\nimport type {Column} from '../../../components/DataTable';\nimport type {NavigationSchemaColumn, NavigationSchemaSortOrder} from '../../../types/navigation';\nimport type schemaI18n from '../i18n';\n\nconst SORT_ICONS: Record<NavigationSchemaSortOrder, typeof ArrowUpIcon> = {\n ascending: ArrowUpIcon,\n descending: ArrowDownIcon,\n};\n\nexport function buildSchemaColumns<TColumn extends NavigationSchemaColumn>(\n i18n: typeof schemaI18n,\n): Array<Column<TColumn>> {\n return [\n {\n name: 'name',\n header: i18n('title_column-name'),\n render: ({row}) => (\n <Flex inline gap={1} alignItems=\"center\">\n <Text>{row.name}</Text>\n {row.sortOrder && <Icon data={SORT_ICONS[row.sortOrder]} size={14} />}\n </Flex>\n ),\n },\n {\n name: 'type',\n header: i18n('title_column-type'),\n render: ({row}) => row.type ?? i18n('value_empty'),\n },\n {\n name: 'sortOrder',\n header: i18n('title_column-sort-order'),\n render: ({row}) =>\n row.sortOrder\n ? i18n(\n row.sortOrder === 'ascending'\n ? 'value_sort-ascending'\n : 'value_sort-descending',\n )\n : i18n('value_empty'),\n },\n {\n name: 'required',\n header: i18n('title_column-required'),\n align: 'center',\n render: ({row}) =>\n row.required ? <Icon data={CheckIcon} size={16} /> : i18n('value_empty'),\n },\n ];\n}\n"],"mappings":"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","ignoreList":[]}
@@ -1,5 +1,5 @@
1
1
  import React from 'react';
2
- import { type Column } from '../../components';
2
+ import type { Column } from '../../components/DataTable';
3
3
  import type { NavigationViewConfig, NavigationViewRow } from '../../types/navigation';
4
4
  import './NavigationView.scss';
5
5
  export type NavigationViewViewConfig<TRow extends NavigationViewRow = NavigationViewRow> = {
@@ -5,7 +5,8 @@ import "core-js/modules/es.object.to-string.js";
5
5
  import React from 'react';
6
6
  import { Flex, Text } from '@gravity-ui/uikit';
7
7
  import cn from 'bem-cn-lite';
8
- import { EmptyContent, SkeletonRows } from "../../components";
8
+ import { EmptyContent } from "../../components/EmptyContent";
9
+ import { SkeletonRows } from "../../components/SkeletonRows";
9
10
  import { NavigationViewSectionItem } from "./internal/NavigationViewSectionItem";
10
11
  import "./NavigationView.css";
11
12
  import { jsx as _jsx } from "react/jsx-runtime";
@@ -1 +1 @@
1
- {"version":3,"names":["React","Flex","Text","cn","EmptyContent","SkeletonRows","NavigationViewSectionItem","jsx","_jsx","block","NavigationView","_ref","data","view","className","sections","loading","loaded","errorContent","_ref2","tableColumns","extraColumns","color","children","rowClassName","length","variant","direction","gap","map","section","id"],"sources":["NavigationView.tsx"],"sourcesContent":["import React from 'react';\nimport {Flex, Text} from '@gravity-ui/uikit';\nimport cn from 'bem-cn-lite';\nimport {type Column, EmptyContent, SkeletonRows} from '../../components';\nimport type {NavigationViewConfig, NavigationViewRow} from '../../types/navigation';\nimport {NavigationViewSectionItem} from './internal/NavigationViewSectionItem';\nimport './NavigationView.scss';\n\nconst block = cn('qp-navigation-view');\n\nexport type NavigationViewViewConfig<TRow extends NavigationViewRow = NavigationViewRow> = {\n tableColumns?: Array<Column<TRow>>;\n extraColumns?: Array<Column<TRow>>;\n};\n\nexport type NavigationViewProps<TRow extends NavigationViewRow = NavigationViewRow> = {\n data: NavigationViewConfig<TRow>;\n view?: NavigationViewViewConfig<TRow>;\n className?: string;\n};\n\nexport function NavigationView<TRow extends NavigationViewRow = NavigationViewRow>({\n data,\n view,\n className,\n}: NavigationViewProps<TRow>) {\n const {sections, loading, loaded, errorContent} = data;\n const {tableColumns, extraColumns} = view ?? {};\n\n if (errorContent) {\n return (\n <Text color=\"danger\" className={block('error')}>\n {errorContent}\n </Text>\n );\n }\n\n if (loading && !loaded) {\n return (\n <SkeletonRows className={block(null, className)} rowClassName={block('skeleton-row')} />\n );\n }\n\n if (sections.length === 0) {\n return <EmptyContent variant=\"no-data\" className={block('empty')} />;\n }\n\n return (\n <Flex direction=\"column\" gap={2} className={block(null, className)}>\n {sections.map((section) => (\n <NavigationViewSectionItem<TRow>\n key={section.id}\n section={section}\n tableColumns={tableColumns}\n extraColumns={extraColumns}\n />\n ))}\n </Flex>\n );\n}\n"],"mappings":";;;;AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,SAAQC,IAAI,EAAEC,IAAI,QAAO,mBAAmB;AAC5C,OAAOC,EAAE,MAAM,aAAa;AAC5B,SAAqBC,YAAY,EAAEC,YAAY;AAE/C,SAAQC,yBAAyB;AACjC;AAA+B,SAAAC,GAAA,IAAAC,IAAA;AAE/B,IAAMC,KAAK,GAAGN,EAAE,CAAC,oBAAoB,CAAC;AAatC,OAAO,SAASO,cAAcA,CAAAC,IAAA,EAIA;EAAA,IAH1BC,IAAI,GAAAD,IAAA,CAAJC,IAAI;IACJC,IAAI,GAAAF,IAAA,CAAJE,IAAI;IACJC,SAAS,GAAAH,IAAA,CAATG,SAAS;EAET,IAAOC,QAAQ,GAAmCH,IAAI,CAA/CG,QAAQ;IAAEC,OAAO,GAA0BJ,IAAI,CAArCI,OAAO;IAAEC,MAAM,GAAkBL,IAAI,CAA5BK,MAAM;IAAEC,YAAY,GAAIN,IAAI,CAApBM,YAAY;EAC9C,IAAAC,KAAA,GAAqCN,IAAI,aAAJA,IAAI,cAAJA,IAAI,GAAI,CAAC,CAAC;IAAxCO,YAAY,GAAAD,KAAA,CAAZC,YAAY;IAAEC,YAAY,GAAAF,KAAA,CAAZE,YAAY;EAEjC,IAAIH,YAAY,EAAE;IACd,oBACIV,IAAA,CAACN,IAAI;MAACoB,KAAK,EAAC,QAAQ;MAACR,SAAS,EAAEL,KAAK,CAAC,OAAO,CAAE;MAAAc,QAAA,EAC1CL;IAAY,CACX,CAAC;EAEf;EAEA,IAAIF,OAAO,IAAI,CAACC,MAAM,EAAE;IACpB,oBACIT,IAAA,CAACH,YAAY;MAACS,SAAS,EAAEL,KAAK,CAAC,IAAI,EAAEK,SAAS,CAAE;MAACU,YAAY,EAAEf,KAAK,CAAC,cAAc;IAAE,CAAE,CAAC;EAEhG;EAEA,IAAIM,QAAQ,CAACU,MAAM,KAAK,CAAC,EAAE;IACvB,oBAAOjB,IAAA,CAACJ,YAAY;MAACsB,OAAO,EAAC,SAAS;MAACZ,SAAS,EAAEL,KAAK,CAAC,OAAO;IAAE,CAAE,CAAC;EACxE;EAEA,oBACID,IAAA,CAACP,IAAI;IAAC0B,SAAS,EAAC,QAAQ;IAACC,GAAG,EAAE,CAAE;IAACd,SAAS,EAAEL,KAAK,CAAC,IAAI,EAAEK,SAAS,CAAE;IAAAS,QAAA,EAC9DR,QAAQ,CAACc,GAAG,CAAC,UAACC,OAAO;MAAA,oBAClBtB,IAAA,CAACF,yBAAyB;QAEtBwB,OAAO,EAAEA,OAAQ;QACjBV,YAAY,EAAEA,YAAa;QAC3BC,YAAY,EAAEA;MAAa,GAHtBS,OAAO,CAACC,EAIhB,CAAC;IAAA,CACL;EAAC,CACA,CAAC;AAEf","ignoreList":[]}
1
+ {"version":3,"names":["React","Flex","Text","cn","EmptyContent","SkeletonRows","NavigationViewSectionItem","jsx","_jsx","block","NavigationView","_ref","data","view","className","sections","loading","loaded","errorContent","_ref2","tableColumns","extraColumns","color","children","rowClassName","length","variant","direction","gap","map","section","id"],"sources":["NavigationView.tsx"],"sourcesContent":["import React from 'react';\nimport {Flex, Text} from '@gravity-ui/uikit';\nimport cn from 'bem-cn-lite';\nimport type {Column} from '../../components/DataTable';\nimport {EmptyContent} from '../../components/EmptyContent';\nimport {SkeletonRows} from '../../components/SkeletonRows';\nimport type {NavigationViewConfig, NavigationViewRow} from '../../types/navigation';\nimport {NavigationViewSectionItem} from './internal/NavigationViewSectionItem';\nimport './NavigationView.scss';\n\nconst block = cn('qp-navigation-view');\n\nexport type NavigationViewViewConfig<TRow extends NavigationViewRow = NavigationViewRow> = {\n tableColumns?: Array<Column<TRow>>;\n extraColumns?: Array<Column<TRow>>;\n};\n\nexport type NavigationViewProps<TRow extends NavigationViewRow = NavigationViewRow> = {\n data: NavigationViewConfig<TRow>;\n view?: NavigationViewViewConfig<TRow>;\n className?: string;\n};\n\nexport function NavigationView<TRow extends NavigationViewRow = NavigationViewRow>({\n data,\n view,\n className,\n}: NavigationViewProps<TRow>) {\n const {sections, loading, loaded, errorContent} = data;\n const {tableColumns, extraColumns} = view ?? {};\n\n if (errorContent) {\n return (\n <Text color=\"danger\" className={block('error')}>\n {errorContent}\n </Text>\n );\n }\n\n if (loading && !loaded) {\n return (\n <SkeletonRows className={block(null, className)} rowClassName={block('skeleton-row')} />\n );\n }\n\n if (sections.length === 0) {\n return <EmptyContent variant=\"no-data\" className={block('empty')} />;\n }\n\n return (\n <Flex direction=\"column\" gap={2} className={block(null, className)}>\n {sections.map((section) => (\n <NavigationViewSectionItem<TRow>\n key={section.id}\n section={section}\n tableColumns={tableColumns}\n extraColumns={extraColumns}\n />\n ))}\n </Flex>\n );\n}\n"],"mappings":";;;;AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,SAAQC,IAAI,EAAEC,IAAI,QAAO,mBAAmB;AAC5C,OAAOC,EAAE,MAAM,aAAa;AAE5B,SAAQC,YAAY;AACpB,SAAQC,YAAY;AAEpB,SAAQC,yBAAyB;AACjC;AAA+B,SAAAC,GAAA,IAAAC,IAAA;AAE/B,IAAMC,KAAK,GAAGN,EAAE,CAAC,oBAAoB,CAAC;AAatC,OAAO,SAASO,cAAcA,CAAAC,IAAA,EAIA;EAAA,IAH1BC,IAAI,GAAAD,IAAA,CAAJC,IAAI;IACJC,IAAI,GAAAF,IAAA,CAAJE,IAAI;IACJC,SAAS,GAAAH,IAAA,CAATG,SAAS;EAET,IAAOC,QAAQ,GAAmCH,IAAI,CAA/CG,QAAQ;IAAEC,OAAO,GAA0BJ,IAAI,CAArCI,OAAO;IAAEC,MAAM,GAAkBL,IAAI,CAA5BK,MAAM;IAAEC,YAAY,GAAIN,IAAI,CAApBM,YAAY;EAC9C,IAAAC,KAAA,GAAqCN,IAAI,aAAJA,IAAI,cAAJA,IAAI,GAAI,CAAC,CAAC;IAAxCO,YAAY,GAAAD,KAAA,CAAZC,YAAY;IAAEC,YAAY,GAAAF,KAAA,CAAZE,YAAY;EAEjC,IAAIH,YAAY,EAAE;IACd,oBACIV,IAAA,CAACN,IAAI;MAACoB,KAAK,EAAC,QAAQ;MAACR,SAAS,EAAEL,KAAK,CAAC,OAAO,CAAE;MAAAc,QAAA,EAC1CL;IAAY,CACX,CAAC;EAEf;EAEA,IAAIF,OAAO,IAAI,CAACC,MAAM,EAAE;IACpB,oBACIT,IAAA,CAACH,YAAY;MAACS,SAAS,EAAEL,KAAK,CAAC,IAAI,EAAEK,SAAS,CAAE;MAACU,YAAY,EAAEf,KAAK,CAAC,cAAc;IAAE,CAAE,CAAC;EAEhG;EAEA,IAAIM,QAAQ,CAACU,MAAM,KAAK,CAAC,EAAE;IACvB,oBAAOjB,IAAA,CAACJ,YAAY;MAACsB,OAAO,EAAC,SAAS;MAACZ,SAAS,EAAEL,KAAK,CAAC,OAAO;IAAE,CAAE,CAAC;EACxE;EAEA,oBACID,IAAA,CAACP,IAAI;IAAC0B,SAAS,EAAC,QAAQ;IAACC,GAAG,EAAE,CAAE;IAACd,SAAS,EAAEL,KAAK,CAAC,IAAI,EAAEK,SAAS,CAAE;IAAAS,QAAA,EAC9DR,QAAQ,CAACc,GAAG,CAAC,UAACC,OAAO;MAAA,oBAClBtB,IAAA,CAACF,yBAAyB;QAEtBwB,OAAO,EAAEA,OAAQ;QACjBV,YAAY,EAAEA,YAAa;QAC3BC,YAAY,EAAEA;MAAa,GAHtBS,OAAO,CAACC,EAIhB,CAAC;IAAA,CACL;EAAC,CACA,CAAC;AAEf","ignoreList":[]}
@@ -1,4 +1,4 @@
1
- import type { Column } from '../../../components';
1
+ import type { Column } from '../../../components/DataTable';
2
2
  import type { NavigationViewRow } from '../../../types/navigation';
3
3
  import type viewI18n from '../i18n';
4
4
  export declare function buildViewColumns<TRow extends NavigationViewRow>(columns: string[], i18n: typeof viewI18n): Array<Column<TRow>>;
@@ -1 +1 @@
1
- {"version":3,"names":["buildColumnsFromKeys","buildViewColumns","columns","i18n"],"sources":["buildViewColumns.tsx"],"sourcesContent":["import type {Column} from '../../../components';\nimport {buildColumnsFromKeys} from '../../../helpers/buildColumnsFromKeys';\nimport type {NavigationViewRow} from '../../../types/navigation';\nimport type viewI18n from '../i18n';\n\nexport function buildViewColumns<TRow extends NavigationViewRow>(\n columns: string[],\n i18n: typeof viewI18n,\n): Array<Column<TRow>> {\n return buildColumnsFromKeys<TRow>(columns, i18n('value_empty'));\n}\n"],"mappings":"AACA,SAAQA,oBAAoB;AAI5B,OAAO,SAASC,gBAAgBA,CAC5BC,OAAiB,EACjBC,IAAqB,EACF;EACnB,OAAOH,oBAAoB,CAAOE,OAAO,EAAEC,IAAI,CAAC,aAAa,CAAC,CAAC;AACnE","ignoreList":[]}
1
+ {"version":3,"names":["buildColumnsFromKeys","buildViewColumns","columns","i18n"],"sources":["buildViewColumns.tsx"],"sourcesContent":["import type {Column} from '../../../components/DataTable';\nimport {buildColumnsFromKeys} from '../../../helpers/buildColumnsFromKeys';\nimport type {NavigationViewRow} from '../../../types/navigation';\nimport type viewI18n from '../i18n';\n\nexport function buildViewColumns<TRow extends NavigationViewRow>(\n columns: string[],\n i18n: typeof viewI18n,\n): Array<Column<TRow>> {\n return buildColumnsFromKeys<TRow>(columns, i18n('value_empty'));\n}\n"],"mappings":"AACA,SAAQA,oBAAoB;AAI5B,OAAO,SAASC,gBAAgBA,CAC5BC,OAAiB,EACjBC,IAAqB,EACF;EACnB,OAAOH,oBAAoB,CAAOE,OAAO,EAAEC,IAAI,CAAC,aAAa,CAAC,CAAC;AACnE","ignoreList":[]}
@@ -1,5 +1,5 @@
1
1
  import React from 'react';
2
- import { type Column } from '../../../components';
2
+ import type { Column } from '../../../components/DataTable';
3
3
  import type { NavigationViewRow, NavigationViewSection } from '../../../types/navigation';
4
4
  export type NavigationViewSectionItemProps<TRow extends NavigationViewRow = NavigationViewRow> = {
5
5
  section: NavigationViewSection<TRow>;
@@ -3,7 +3,8 @@ import "core-js/modules/es.array.concat.js";
3
3
  import React, { useMemo } from 'react';
4
4
  import { Disclosure, Flex, Text } from '@gravity-ui/uikit';
5
5
  import cn from 'bem-cn-lite';
6
- import { DataTable, NavigationActionButtons } from "../../../components";
6
+ import { DataTable } from "../../../components/DataTable";
7
+ import { NavigationActionButtons } from "../../../components/NavigationActionButtons";
7
8
  import { buildViewColumns } from "../helpers/buildViewColumns";
8
9
  import i18n from "../i18n";
9
10
  import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
@@ -1 +1 @@
1
- {"version":3,"names":["React","useMemo","Disclosure","Flex","Text","cn","DataTable","NavigationActionButtons","buildViewColumns","i18n","jsx","_jsx","jsxs","_jsxs","block","NavigationViewSectionItem","_ref","section","tableColumns","extraColumns","resolvedColumns","concat","_toConsumableArray","columns","summary","title","expanded","defaultExpanded","onUpdate","onExpandedChange","className","children","Summary","_props","defaultButton","gap","justifyContent","alignItems","minWidth","actions","arg","buttonClassName","Details","errorContent","color","data","rows","loading","loaded","settings","displayIndices"],"sources":["NavigationViewSectionItem.tsx"],"sourcesContent":["import React, {useMemo} from 'react';\nimport {Disclosure, Flex, Text} from '@gravity-ui/uikit';\nimport cn from 'bem-cn-lite';\nimport {type Column, DataTable, NavigationActionButtons} from '../../../components';\nimport type {NavigationViewRow, NavigationViewSection} from '../../../types/navigation';\nimport {buildViewColumns} from '../helpers/buildViewColumns';\nimport i18n from '../i18n';\n\nconst block = cn('qp-navigation-view');\n\nexport type NavigationViewSectionItemProps<TRow extends NavigationViewRow = NavigationViewRow> = {\n section: NavigationViewSection<TRow>;\n tableColumns?: Array<Column<TRow>>;\n extraColumns?: Array<Column<TRow>>;\n};\n\nexport function NavigationViewSectionItem<TRow extends NavigationViewRow = NavigationViewRow>({\n section,\n tableColumns,\n extraColumns,\n}: NavigationViewSectionItemProps<TRow>) {\n const resolvedColumns = useMemo(() => {\n if (tableColumns) {\n return tableColumns;\n }\n return [...buildViewColumns<TRow>(section.columns, i18n), ...(extraColumns ?? [])];\n }, [tableColumns, extraColumns, section.columns]);\n\n return (\n <Disclosure\n summary={section.title}\n expanded={section.expanded}\n defaultExpanded={section.defaultExpanded}\n onUpdate={section.onExpandedChange}\n className={block('section')}\n >\n <Disclosure.Summary>\n {(_props, defaultButton) => (\n <Flex\n gap={2}\n justifyContent=\"flex-start\"\n alignItems=\"center\"\n className={block('summary')}\n >\n <Flex minWidth={0}>{defaultButton}</Flex>\n <NavigationActionButtons\n actions={section.actions}\n arg={section}\n buttonClassName={block('action')}\n />\n </Flex>\n )}\n </Disclosure.Summary>\n <Disclosure.Details>\n {section.errorContent ? (\n <Text color=\"danger\">{section.errorContent}</Text>\n ) : (\n <DataTable<TRow>\n columns={resolvedColumns}\n data={section.rows}\n loading={section.loading}\n loaded={section.loaded}\n settings={{displayIndices: false}}\n className={block('table')}\n />\n )}\n </Disclosure.Details>\n </Disclosure>\n );\n}\n"],"mappings":";;AAAA,OAAOA,KAAK,IAAGC,OAAO,QAAO,OAAO;AACpC,SAAQC,UAAU,EAAEC,IAAI,EAAEC,IAAI,QAAO,mBAAmB;AACxD,OAAOC,EAAE,MAAM,aAAa;AAC5B,SAAqBC,SAAS,EAAEC,uBAAuB;AAEvD,SAAQC,gBAAgB;AACxB,OAAOC,IAAI;AAAgB,SAAAC,GAAA,IAAAC,IAAA,EAAAC,IAAA,IAAAC,KAAA;AAE3B,IAAMC,KAAK,GAAGT,EAAE,CAAC,oBAAoB,CAAC;AAQtC,OAAO,SAASU,yBAAyBA,CAAAC,IAAA,EAIA;EAAA,IAHrCC,OAAO,GAAAD,IAAA,CAAPC,OAAO;IACPC,YAAY,GAAAF,IAAA,CAAZE,YAAY;IACZC,YAAY,GAAAH,IAAA,CAAZG,YAAY;EAEZ,IAAMC,eAAe,GAAGnB,OAAO,CAAC,YAAM;IAClC,IAAIiB,YAAY,EAAE;MACd,OAAOA,YAAY;IACvB;IACA,UAAAG,MAAA,CAAAC,kBAAA,CAAWd,gBAAgB,CAAOS,OAAO,CAACM,OAAO,EAAEd,IAAI,CAAC,GAAAa,kBAAA,CAAMH,YAAY,aAAZA,YAAY,cAAZA,YAAY,GAAI,EAAE;EACpF,CAAC,EAAE,CAACD,YAAY,EAAEC,YAAY,EAAEF,OAAO,CAACM,OAAO,CAAC,CAAC;EAEjD,oBACIV,KAAA,CAACX,UAAU;IACPsB,OAAO,EAAEP,OAAO,CAACQ,KAAM;IACvBC,QAAQ,EAAET,OAAO,CAACS,QAAS;IAC3BC,eAAe,EAAEV,OAAO,CAACU,eAAgB;IACzCC,QAAQ,EAAEX,OAAO,CAACY,gBAAiB;IACnCC,SAAS,EAAEhB,KAAK,CAAC,SAAS,CAAE;IAAAiB,QAAA,gBAE5BpB,IAAA,CAACT,UAAU,CAAC8B,OAAO;MAAAD,QAAA,EACd,SAAAA,SAACE,MAAM,EAAEC,aAAa;QAAA,oBACnBrB,KAAA,CAACV,IAAI;UACDgC,GAAG,EAAE,CAAE;UACPC,cAAc,EAAC,YAAY;UAC3BC,UAAU,EAAC,QAAQ;UACnBP,SAAS,EAAEhB,KAAK,CAAC,SAAS,CAAE;UAAAiB,QAAA,gBAE5BpB,IAAA,CAACR,IAAI;YAACmC,QAAQ,EAAE,CAAE;YAAAP,QAAA,EAAEG;UAAa,CAAO,CAAC,eACzCvB,IAAA,CAACJ,uBAAuB;YACpBgC,OAAO,EAAEtB,OAAO,CAACsB,OAAQ;YACzBC,GAAG,EAAEvB,OAAQ;YACbwB,eAAe,EAAE3B,KAAK,CAAC,QAAQ;UAAE,CACpC,CAAC;QAAA,CACA,CAAC;MAAA;IACV,CACe,CAAC,eACrBH,IAAA,CAACT,UAAU,CAACwC,OAAO;MAAAX,QAAA,EACdd,OAAO,CAAC0B,YAAY,gBACjBhC,IAAA,CAACP,IAAI;QAACwC,KAAK,EAAC,QAAQ;QAAAb,QAAA,EAAEd,OAAO,CAAC0B;MAAY,CAAO,CAAC,gBAElDhC,IAAA,CAACL,SAAS;QACNiB,OAAO,EAAEH,eAAgB;QACzByB,IAAI,EAAE5B,OAAO,CAAC6B,IAAK;QACnBC,OAAO,EAAE9B,OAAO,CAAC8B,OAAQ;QACzBC,MAAM,EAAE/B,OAAO,CAAC+B,MAAO;QACvBC,QAAQ,EAAE;UAACC,cAAc,EAAE;QAAK,CAAE;QAClCpB,SAAS,EAAEhB,KAAK,CAAC,OAAO;MAAE,CAC7B;IACJ,CACe,CAAC;EAAA,CACb,CAAC;AAErB","ignoreList":[]}
1
+ {"version":3,"names":["React","useMemo","Disclosure","Flex","Text","cn","DataTable","NavigationActionButtons","buildViewColumns","i18n","jsx","_jsx","jsxs","_jsxs","block","NavigationViewSectionItem","_ref","section","tableColumns","extraColumns","resolvedColumns","concat","_toConsumableArray","columns","summary","title","expanded","defaultExpanded","onUpdate","onExpandedChange","className","children","Summary","_props","defaultButton","gap","justifyContent","alignItems","minWidth","actions","arg","buttonClassName","Details","errorContent","color","data","rows","loading","loaded","settings","displayIndices"],"sources":["NavigationViewSectionItem.tsx"],"sourcesContent":["import React, {useMemo} from 'react';\nimport {Disclosure, Flex, Text} from '@gravity-ui/uikit';\nimport cn from 'bem-cn-lite';\nimport type {Column} from '../../../components/DataTable';\nimport {DataTable} from '../../../components/DataTable';\nimport {NavigationActionButtons} from '../../../components/NavigationActionButtons';\nimport type {NavigationViewRow, NavigationViewSection} from '../../../types/navigation';\nimport {buildViewColumns} from '../helpers/buildViewColumns';\nimport i18n from '../i18n';\n\nconst block = cn('qp-navigation-view');\n\nexport type NavigationViewSectionItemProps<TRow extends NavigationViewRow = NavigationViewRow> = {\n section: NavigationViewSection<TRow>;\n tableColumns?: Array<Column<TRow>>;\n extraColumns?: Array<Column<TRow>>;\n};\n\nexport function NavigationViewSectionItem<TRow extends NavigationViewRow = NavigationViewRow>({\n section,\n tableColumns,\n extraColumns,\n}: NavigationViewSectionItemProps<TRow>) {\n const resolvedColumns = useMemo(() => {\n if (tableColumns) {\n return tableColumns;\n }\n return [...buildViewColumns<TRow>(section.columns, i18n), ...(extraColumns ?? [])];\n }, [tableColumns, extraColumns, section.columns]);\n\n return (\n <Disclosure\n summary={section.title}\n expanded={section.expanded}\n defaultExpanded={section.defaultExpanded}\n onUpdate={section.onExpandedChange}\n className={block('section')}\n >\n <Disclosure.Summary>\n {(_props, defaultButton) => (\n <Flex\n gap={2}\n justifyContent=\"flex-start\"\n alignItems=\"center\"\n className={block('summary')}\n >\n <Flex minWidth={0}>{defaultButton}</Flex>\n <NavigationActionButtons\n actions={section.actions}\n arg={section}\n buttonClassName={block('action')}\n />\n </Flex>\n )}\n </Disclosure.Summary>\n <Disclosure.Details>\n {section.errorContent ? (\n <Text color=\"danger\">{section.errorContent}</Text>\n ) : (\n <DataTable<TRow>\n columns={resolvedColumns}\n data={section.rows}\n loading={section.loading}\n loaded={section.loaded}\n settings={{displayIndices: false}}\n className={block('table')}\n />\n )}\n </Disclosure.Details>\n </Disclosure>\n );\n}\n"],"mappings":";;AAAA,OAAOA,KAAK,IAAGC,OAAO,QAAO,OAAO;AACpC,SAAQC,UAAU,EAAEC,IAAI,EAAEC,IAAI,QAAO,mBAAmB;AACxD,OAAOC,EAAE,MAAM,aAAa;AAE5B,SAAQC,SAAS;AACjB,SAAQC,uBAAuB;AAE/B,SAAQC,gBAAgB;AACxB,OAAOC,IAAI;AAAgB,SAAAC,GAAA,IAAAC,IAAA,EAAAC,IAAA,IAAAC,KAAA;AAE3B,IAAMC,KAAK,GAAGT,EAAE,CAAC,oBAAoB,CAAC;AAQtC,OAAO,SAASU,yBAAyBA,CAAAC,IAAA,EAIA;EAAA,IAHrCC,OAAO,GAAAD,IAAA,CAAPC,OAAO;IACPC,YAAY,GAAAF,IAAA,CAAZE,YAAY;IACZC,YAAY,GAAAH,IAAA,CAAZG,YAAY;EAEZ,IAAMC,eAAe,GAAGnB,OAAO,CAAC,YAAM;IAClC,IAAIiB,YAAY,EAAE;MACd,OAAOA,YAAY;IACvB;IACA,UAAAG,MAAA,CAAAC,kBAAA,CAAWd,gBAAgB,CAAOS,OAAO,CAACM,OAAO,EAAEd,IAAI,CAAC,GAAAa,kBAAA,CAAMH,YAAY,aAAZA,YAAY,cAAZA,YAAY,GAAI,EAAE;EACpF,CAAC,EAAE,CAACD,YAAY,EAAEC,YAAY,EAAEF,OAAO,CAACM,OAAO,CAAC,CAAC;EAEjD,oBACIV,KAAA,CAACX,UAAU;IACPsB,OAAO,EAAEP,OAAO,CAACQ,KAAM;IACvBC,QAAQ,EAAET,OAAO,CAACS,QAAS;IAC3BC,eAAe,EAAEV,OAAO,CAACU,eAAgB;IACzCC,QAAQ,EAAEX,OAAO,CAACY,gBAAiB;IACnCC,SAAS,EAAEhB,KAAK,CAAC,SAAS,CAAE;IAAAiB,QAAA,gBAE5BpB,IAAA,CAACT,UAAU,CAAC8B,OAAO;MAAAD,QAAA,EACd,SAAAA,SAACE,MAAM,EAAEC,aAAa;QAAA,oBACnBrB,KAAA,CAACV,IAAI;UACDgC,GAAG,EAAE,CAAE;UACPC,cAAc,EAAC,YAAY;UAC3BC,UAAU,EAAC,QAAQ;UACnBP,SAAS,EAAEhB,KAAK,CAAC,SAAS,CAAE;UAAAiB,QAAA,gBAE5BpB,IAAA,CAACR,IAAI;YAACmC,QAAQ,EAAE,CAAE;YAAAP,QAAA,EAAEG;UAAa,CAAO,CAAC,eACzCvB,IAAA,CAACJ,uBAAuB;YACpBgC,OAAO,EAAEtB,OAAO,CAACsB,OAAQ;YACzBC,GAAG,EAAEvB,OAAQ;YACbwB,eAAe,EAAE3B,KAAK,CAAC,QAAQ;UAAE,CACpC,CAAC;QAAA,CACA,CAAC;MAAA;IACV,CACe,CAAC,eACrBH,IAAA,CAACT,UAAU,CAACwC,OAAO;MAAAX,QAAA,EACdd,OAAO,CAAC0B,YAAY,gBACjBhC,IAAA,CAACP,IAAI;QAACwC,KAAK,EAAC,QAAQ;QAAAb,QAAA,EAAEd,OAAO,CAAC0B;MAAY,CAAO,CAAC,gBAElDhC,IAAA,CAACL,SAAS;QACNiB,OAAO,EAAEH,eAAgB;QACzByB,IAAI,EAAE5B,OAAO,CAAC6B,IAAK;QACnBC,OAAO,EAAE9B,OAAO,CAAC8B,OAAQ;QACzBC,MAAM,EAAE/B,OAAO,CAAC+B,MAAO;QACvBC,QAAQ,EAAE;UAACC,cAAc,EAAE;QAAK,CAAE;QAClCpB,SAAS,EAAEhB,KAAK,CAAC,OAAO;MAAE,CAC7B;IACJ,CACe,CAAC;EAAA,CACb,CAAC;AAErB","ignoreList":[]}
@@ -8,7 +8,7 @@ import "core-js/modules/es.string.search.js";
8
8
  import "core-js/modules/es.string.trim.js";
9
9
  import React from 'react';
10
10
  import cn from 'bem-cn-lite';
11
- import { FieldsSelector } from "../../components";
11
+ import { FieldsSelector } from "../../components/FieldsSelector";
12
12
  import { useListKey } from "../../helpers/useListKey";
13
13
  import { HistoryComparisonActions } from "../HistoryComparisonActions";
14
14
  import { HistoryHeader } from "../HistoryHeader";
@@ -1 +1 @@
1
- {"version":3,"names":["React","cn","FieldsSelector","useListKey","HistoryComparisonActions","HistoryHeader","HistoryLayout","RowsList","jsx","_jsx","block","QueriesList","_ref","_search$value","title","logo","search","filter","items","selectedRowId","editing","comparison","visibleFields","getRowActions","renderRow","onListItemClick","hasMore","loading","onLoadMore","renderLink","className","fullSearchAvailable","showSearchResults","Boolean","fullSearch","value","trim","rowVariant","listKey","actions","_objectSpread","header","hasClear","onUpdate","footer","children","showFiltersHint","onItemClick"],"sources":["QueriesList.tsx"],"sourcesContent":["import React from 'react';\nimport cn from 'bem-cn-lite';\nimport {FieldsSelector} from '../../components';\nimport {useListKey} from '../../helpers/useListKey';\nimport {\n QueryListComparisonConfig,\n QueryListEditingConfig,\n QueryListFilterConfig,\n QueryListItem,\n QueryListLinkRenderer,\n QueryListRow,\n QueryListRowAction,\n QueryListRowRenderData,\n QueryListSearchConfig,\n QueryListVisibleFieldsConfig,\n} from '../../types/queryList';\nimport {HistoryComparisonActions} from '../HistoryComparisonActions';\nimport {HistoryHeader} from '../HistoryHeader';\nimport {HistoryLayout} from '../HistoryLayout';\nimport {RowsList} from '../RowsList';\nimport './QueriesList.scss';\n\nconst block = cn('qp-queries-list');\n\nexport type QueriesListProps<T extends QueryListRow> = {\n className?: string;\n title: React.ReactNode;\n logo?: React.ReactNode;\n search: QueryListSearchConfig;\n filter?: QueryListFilterConfig;\n items: QueryListItem<T>[];\n selectedRowId?: T['id'];\n editing?: QueryListEditingConfig<T>;\n comparison?: QueryListComparisonConfig<T>;\n visibleFields?: QueryListVisibleFieldsConfig<T>;\n getRowActions?: (item: T) => QueryListRowAction<T>[];\n renderRow: (data: QueryListRowRenderData<T>) => React.ReactNode;\n onListItemClick?: (item: QueryListItem<T>) => void;\n hasMore?: boolean;\n loading?: boolean;\n onLoadMore?: () => void;\n renderLink?: QueryListLinkRenderer;\n};\n\nexport const QueriesList = <T extends QueryListRow>({\n title,\n logo,\n search,\n filter,\n items,\n selectedRowId,\n editing,\n comparison,\n visibleFields,\n getRowActions,\n renderRow,\n onListItemClick,\n hasMore,\n loading,\n onLoadMore,\n renderLink,\n className,\n}: QueriesListProps<T>) => {\n const fullSearchAvailable = search.fullSearchAvailable !== false;\n const showSearchResults = Boolean(\n fullSearchAvailable && search.fullSearch && search.value?.trim(),\n );\n const rowVariant = showSearchResults ? 'search' : 'default';\n const listKey = useListKey(items, rowVariant, Boolean(onLoadMore));\n\n return (\n <HistoryLayout\n className={block(null, className)}\n title={title}\n logo={logo}\n actions={visibleFields && <FieldsSelector {...visibleFields} />}\n header={\n <HistoryHeader\n className={block('header')}\n search={search.value}\n fullSearch={search.fullSearch}\n fullSearchAvailable={fullSearchAvailable}\n hasClear={search.hasClear}\n filter={filter}\n onUpdate={search.onUpdate}\n />\n }\n footer={\n comparison && (\n <HistoryComparisonActions\n comparison={comparison}\n className={block('comparison-actions')}\n />\n )\n }\n >\n <RowsList\n key={listKey}\n items={items}\n rowVariant={rowVariant}\n selectedRowId={selectedRowId}\n visibleFields={visibleFields}\n editing={editing}\n comparison={comparison}\n getRowActions={getRowActions}\n renderRow={renderRow}\n showFiltersHint={Boolean(filter)}\n hasMore={hasMore}\n loading={loading}\n onLoadMore={onLoadMore}\n renderLink={renderLink}\n onItemClick={onListItemClick}\n />\n </HistoryLayout>\n );\n};\n"],"mappings":"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","ignoreList":[]}
1
+ {"version":3,"names":["React","cn","FieldsSelector","useListKey","HistoryComparisonActions","HistoryHeader","HistoryLayout","RowsList","jsx","_jsx","block","QueriesList","_ref","_search$value","title","logo","search","filter","items","selectedRowId","editing","comparison","visibleFields","getRowActions","renderRow","onListItemClick","hasMore","loading","onLoadMore","renderLink","className","fullSearchAvailable","showSearchResults","Boolean","fullSearch","value","trim","rowVariant","listKey","actions","_objectSpread","header","hasClear","onUpdate","footer","children","showFiltersHint","onItemClick"],"sources":["QueriesList.tsx"],"sourcesContent":["import React from 'react';\nimport cn from 'bem-cn-lite';\nimport {FieldsSelector} from '../../components/FieldsSelector';\nimport {useListKey} from '../../helpers/useListKey';\nimport {\n QueryListComparisonConfig,\n QueryListEditingConfig,\n QueryListFilterConfig,\n QueryListItem,\n QueryListLinkRenderer,\n QueryListRow,\n QueryListRowAction,\n QueryListRowRenderData,\n QueryListSearchConfig,\n QueryListVisibleFieldsConfig,\n} from '../../types/queryList';\nimport {HistoryComparisonActions} from '../HistoryComparisonActions';\nimport {HistoryHeader} from '../HistoryHeader';\nimport {HistoryLayout} from '../HistoryLayout';\nimport {RowsList} from '../RowsList';\nimport './QueriesList.scss';\n\nconst block = cn('qp-queries-list');\n\nexport type QueriesListProps<T extends QueryListRow> = {\n className?: string;\n title: React.ReactNode;\n logo?: React.ReactNode;\n search: QueryListSearchConfig;\n filter?: QueryListFilterConfig;\n items: QueryListItem<T>[];\n selectedRowId?: T['id'];\n editing?: QueryListEditingConfig<T>;\n comparison?: QueryListComparisonConfig<T>;\n visibleFields?: QueryListVisibleFieldsConfig<T>;\n getRowActions?: (item: T) => QueryListRowAction<T>[];\n renderRow: (data: QueryListRowRenderData<T>) => React.ReactNode;\n onListItemClick?: (item: QueryListItem<T>) => void;\n hasMore?: boolean;\n loading?: boolean;\n onLoadMore?: () => void;\n renderLink?: QueryListLinkRenderer;\n};\n\nexport const QueriesList = <T extends QueryListRow>({\n title,\n logo,\n search,\n filter,\n items,\n selectedRowId,\n editing,\n comparison,\n visibleFields,\n getRowActions,\n renderRow,\n onListItemClick,\n hasMore,\n loading,\n onLoadMore,\n renderLink,\n className,\n}: QueriesListProps<T>) => {\n const fullSearchAvailable = search.fullSearchAvailable !== false;\n const showSearchResults = Boolean(\n fullSearchAvailable && search.fullSearch && search.value?.trim(),\n );\n const rowVariant = showSearchResults ? 'search' : 'default';\n const listKey = useListKey(items, rowVariant, Boolean(onLoadMore));\n\n return (\n <HistoryLayout\n className={block(null, className)}\n title={title}\n logo={logo}\n actions={visibleFields && <FieldsSelector {...visibleFields} />}\n header={\n <HistoryHeader\n className={block('header')}\n search={search.value}\n fullSearch={search.fullSearch}\n fullSearchAvailable={fullSearchAvailable}\n hasClear={search.hasClear}\n filter={filter}\n onUpdate={search.onUpdate}\n />\n }\n footer={\n comparison && (\n <HistoryComparisonActions\n comparison={comparison}\n className={block('comparison-actions')}\n />\n )\n }\n >\n <RowsList\n key={listKey}\n items={items}\n rowVariant={rowVariant}\n selectedRowId={selectedRowId}\n visibleFields={visibleFields}\n editing={editing}\n comparison={comparison}\n getRowActions={getRowActions}\n renderRow={renderRow}\n showFiltersHint={Boolean(filter)}\n hasMore={hasMore}\n loading={loading}\n onLoadMore={onLoadMore}\n renderLink={renderLink}\n onItemClick={onListItemClick}\n />\n </HistoryLayout>\n );\n};\n"],"mappings":"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","ignoreList":[]}
@@ -0,0 +1,64 @@
1
+ .qp-query-progress {
2
+ min-width: 0;
3
+ min-height: 0;
4
+ height: 100%;
5
+ }
6
+ .qp-query-progress__toolbar {
7
+ flex-shrink: 0;
8
+ flex-wrap: wrap;
9
+ }
10
+ .qp-query-progress__statuses {
11
+ margin-left: auto;
12
+ }
13
+ .qp-query-progress__status {
14
+ display: inline-flex;
15
+ align-items: center;
16
+ gap: var(--g-spacing-1);
17
+ padding: var(--g-spacing-1) var(--g-spacing-2);
18
+ border-radius: var(--g-border-radius-s);
19
+ color: var(--g-color-text-secondary);
20
+ background: var(--g-color-base-background);
21
+ }
22
+ .qp-query-progress__status_status_not-started {
23
+ color: var(--g-color-text-primary);
24
+ box-shadow: inset 0 0 0 1px var(--g-color-line-generic);
25
+ }
26
+ .qp-query-progress__status_status_waiting {
27
+ color: var(--g-color-text-misc-heavy);
28
+ background: var(--g-color-base-misc-light);
29
+ }
30
+ .qp-query-progress__status_status_running {
31
+ color: var(--g-color-text-info);
32
+ background: var(--g-color-base-info-light);
33
+ }
34
+ .qp-query-progress__status_status_completed {
35
+ color: var(--g-color-text-positive);
36
+ background: var(--g-color-base-positive-light);
37
+ }
38
+ .qp-query-progress__status_status_failed {
39
+ color: var(--g-color-text-danger);
40
+ background: var(--g-color-base-danger-light);
41
+ }
42
+ .qp-query-progress__status_status_aborted {
43
+ color: var(--g-color-text-complementary);
44
+ background: var(--g-color-base-generic);
45
+ }
46
+ .qp-query-progress__content, .qp-query-progress__view {
47
+ flex: 1;
48
+ min-height: 0;
49
+ height: 100%;
50
+ }
51
+ .qp-query-progress__view_hidden {
52
+ visibility: hidden;
53
+ position: absolute;
54
+ pointer-events: none;
55
+ }
56
+ .qp-query-progress__timeline {
57
+ min-height: 360px;
58
+ display: flex;
59
+ align-items: center;
60
+ justify-content: center;
61
+ border: 1px dashed var(--g-color-line-generic);
62
+ border-radius: var(--g-border-radius-l);
63
+ }
64
+ /*# sourceMappingURL=QueryProgress.css.map */
@@ -0,0 +1 @@
1
+ {"version":3,"sources":["QueryProgress.scss"],"names":[],"mappings":"AAAA;EACI,YAAA;EACA,aAAA;EACA,YAAA;AACJ;AACI;EACI,cAAA;EACA,eAAA;AACR;AAEI;EACI,iBAAA;AAAR;AAGI;EACI,oBAAA;EACA,mBAAA;EACA,uBAAA;EACA,8CAAA;EACA,uCAAA;EACA,oCAAA;EACA,0CAAA;AADR;AAGQ;EACI,kCAAA;EACA,uDAAA;AADZ;AAIQ;EACI,qCAAA;EACA,0CAAA;AAFZ;AAIQ;EACI,+BAAA;EACA,0CAAA;AAFZ;AAIQ;EACI,mCAAA;EACA,8CAAA;AAFZ;AAIQ;EACI,iCAAA;EACA,4CAAA;AAFZ;AAIQ;EACI,wCAAA;EACA,uCAAA;AAFZ;AAMI;EAEI,OAAA;EACA,aAAA;EACA,YAAA;AALR;AAQI;EACI,kBAAA;EACA,kBAAA;EACA,oBAAA;AANR;AASI;EACI,iBAAA;EACA,aAAA;EACA,mBAAA;EACA,uBAAA;EACA,8CAAA;EACA,uCAAA;AAPR","file":"QueryProgress.css","sourcesContent":[".qp-query-progress {\n min-width: 0;\n min-height: 0;\n height: 100%;\n\n &__toolbar {\n flex-shrink: 0;\n flex-wrap: wrap;\n }\n\n &__statuses {\n margin-left: auto;\n }\n\n &__status {\n display: inline-flex;\n align-items: center;\n gap: var(--g-spacing-1);\n padding: var(--g-spacing-1) var(--g-spacing-2);\n border-radius: var(--g-border-radius-s);\n color: var(--g-color-text-secondary);\n background: var(--g-color-base-background);\n\n &_status_not-started {\n color: var(--g-color-text-primary);\n box-shadow: inset 0 0 0 1px var(--g-color-line-generic);\n }\n\n &_status_waiting {\n color: var(--g-color-text-misc-heavy);\n background: var(--g-color-base-misc-light);\n }\n &_status_running {\n color: var(--g-color-text-info);\n background: var(--g-color-base-info-light);\n }\n &_status_completed {\n color: var(--g-color-text-positive);\n background: var(--g-color-base-positive-light);\n }\n &_status_failed {\n color: var(--g-color-text-danger);\n background: var(--g-color-base-danger-light);\n }\n &_status_aborted {\n color: var(--g-color-text-complementary);\n background: var(--g-color-base-generic);\n }\n }\n\n &__content,\n &__view {\n flex: 1;\n min-height: 0;\n height: 100%;\n }\n\n &__view_hidden {\n visibility: hidden;\n position: absolute;\n pointer-events: none;\n }\n\n &__timeline {\n min-height: 360px;\n display: flex;\n align-items: center;\n justify-content: center;\n border: 1px dashed var(--g-color-line-generic);\n border-radius: var(--g-border-radius-l);\n }\n}\n"],"sourceRoot":""}
@@ -0,0 +1,4 @@
1
+ import React from 'react';
2
+ import type { QueryProgressProps } from '../../types/queryGraph';
3
+ import './QueryProgress.scss';
4
+ export declare function QueryProgress({ graphProps, view: controlledView, defaultView, onViewChange, className, }: QueryProgressProps): React.JSX.Element;
@@ -0,0 +1,127 @@
1
+ import _objectSpread from "@babel/runtime/helpers/objectSpread2";
2
+ import _slicedToArray from "@babel/runtime/helpers/slicedToArray";
3
+ import "core-js/modules/es.array.for-each.js";
4
+ import "core-js/modules/es.array.iterator.js";
5
+ import "core-js/modules/es.array.map.js";
6
+ import "core-js/modules/es.iterator.constructor.js";
7
+ import "core-js/modules/es.iterator.for-each.js";
8
+ import "core-js/modules/es.object.from-entries.js";
9
+ import "core-js/modules/es.object.to-string.js";
10
+ import "core-js/modules/es.promise.js";
11
+ import "core-js/modules/web.dom-collections.for-each.js";
12
+ import React, { Suspense, useCallback, useMemo, useState } from 'react';
13
+ import { Circle, CircleCheck, CircleDashed, CircleMinus, CirclePlay, CircleXmark } from '@gravity-ui/icons';
14
+ import { Flex, Icon, Loader, SegmentedRadioGroup, Text } from '@gravity-ui/uikit';
15
+ import cn from 'bem-cn-lite';
16
+ import i18n from "./i18n";
17
+ import "./QueryProgress.css";
18
+ import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
19
+ var QueryGraph = /*#__PURE__*/React.lazy(function () {
20
+ return import("../../components/QueryGraph/QueryGraph").then(function (module) {
21
+ return {
22
+ "default": module.QueryGraph
23
+ };
24
+ });
25
+ });
26
+ var block = cn('qp-query-progress');
27
+ var statuses = ['not-started', 'waiting', 'running', 'completed', 'failed', 'aborted'];
28
+ var statusIcons = {
29
+ 'not-started': CircleDashed,
30
+ waiting: Circle,
31
+ running: CirclePlay,
32
+ completed: CircleCheck,
33
+ failed: CircleXmark,
34
+ aborted: CircleMinus
35
+ };
36
+ export function QueryProgress(_ref) {
37
+ var graphProps = _ref.graphProps,
38
+ controlledView = _ref.view,
39
+ _ref$defaultView = _ref.defaultView,
40
+ defaultView = _ref$defaultView === void 0 ? 'graph' : _ref$defaultView,
41
+ onViewChange = _ref.onViewChange,
42
+ className = _ref.className;
43
+ var _useState = useState(defaultView),
44
+ _useState2 = _slicedToArray(_useState, 2),
45
+ uncontrolledView = _useState2[0],
46
+ setUncontrolledView = _useState2[1];
47
+ var view = controlledView !== null && controlledView !== void 0 ? controlledView : uncontrolledView;
48
+ var _useState3 = useState(view === 'graph'),
49
+ _useState4 = _slicedToArray(_useState3, 2),
50
+ hasOpenedGraph = _useState4[0],
51
+ setHasOpenedGraph = _useState4[1];
52
+ var counts = useMemo(function () {
53
+ var result = Object.fromEntries(statuses.map(function (status) {
54
+ return [status, 0];
55
+ }));
56
+ graphProps.nodes.forEach(function (node) {
57
+ var _node$status;
58
+ if (node.kind === 'operation') result[(_node$status = node.status) !== null && _node$status !== void 0 ? _node$status : 'not-started']++;
59
+ });
60
+ return result;
61
+ }, [graphProps.nodes]);
62
+ var updateView = useCallback(function (value) {
63
+ var nextView = value;
64
+ if (controlledView === undefined) setUncontrolledView(nextView);
65
+ if (nextView === 'graph') setHasOpenedGraph(true);
66
+ onViewChange === null || onViewChange === void 0 || onViewChange(nextView);
67
+ }, [controlledView, onViewChange]);
68
+ return /*#__PURE__*/_jsxs(Flex, {
69
+ direction: "column",
70
+ gap: 3,
71
+ className: block(null, className),
72
+ children: [/*#__PURE__*/_jsxs(Flex, {
73
+ alignItems: "center",
74
+ gap: 4,
75
+ className: block('toolbar'),
76
+ children: [/*#__PURE__*/_jsxs(SegmentedRadioGroup, {
77
+ size: "m",
78
+ value: view,
79
+ onUpdate: updateView,
80
+ children: [/*#__PURE__*/_jsx(SegmentedRadioGroup.Option, {
81
+ value: "graph",
82
+ children: i18n('tab_graph')
83
+ }), /*#__PURE__*/_jsx(SegmentedRadioGroup.Option, {
84
+ value: "timeline",
85
+ children: i18n('tab_timeline')
86
+ })]
87
+ }), /*#__PURE__*/_jsx(Flex, {
88
+ gap: 2,
89
+ wrap: true,
90
+ className: block('statuses'),
91
+ children: statuses.map(function (status) {
92
+ return /*#__PURE__*/_jsxs("span", {
93
+ className: block('status', {
94
+ status: status
95
+ }),
96
+ children: [/*#__PURE__*/_jsx(Icon, {
97
+ data: statusIcons[status],
98
+ size: 14
99
+ }), i18n("status_".concat(status)), ": ", counts[status]]
100
+ }, status);
101
+ })
102
+ })]
103
+ }), /*#__PURE__*/_jsxs("div", {
104
+ className: block('content'),
105
+ children: [hasOpenedGraph && /*#__PURE__*/_jsx("div", {
106
+ className: block('view', {
107
+ hidden: view !== 'graph'
108
+ }),
109
+ children: /*#__PURE__*/_jsx(Suspense, {
110
+ fallback: /*#__PURE__*/_jsx(Loader, {
111
+ size: "m"
112
+ }),
113
+ children: /*#__PURE__*/_jsx(QueryGraph, _objectSpread(_objectSpread({}, graphProps), {}, {
114
+ active: view === 'graph'
115
+ }))
116
+ })
117
+ }), view === 'timeline' && /*#__PURE__*/_jsx("div", {
118
+ className: block('timeline'),
119
+ children: /*#__PURE__*/_jsx(Text, {
120
+ color: "secondary",
121
+ children: i18n('context_timeline-unavailable')
122
+ })
123
+ })]
124
+ })]
125
+ });
126
+ }
127
+ // #sourceMappingURL=QueryProgress.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"names":["React","Suspense","useCallback","useMemo","useState","Circle","CircleCheck","CircleDashed","CircleMinus","CirclePlay","CircleXmark","Flex","Icon","Loader","SegmentedRadioGroup","Text","cn","i18n","jsx","_jsx","jsxs","_jsxs","QueryGraph","lazy","then","module","block","statuses","statusIcons","waiting","running","completed","failed","aborted","QueryProgress","_ref","graphProps","controlledView","view","_ref$defaultView","defaultView","onViewChange","className","_useState","_useState2","_slicedToArray","uncontrolledView","setUncontrolledView","_useState3","_useState4","hasOpenedGraph","setHasOpenedGraph","counts","result","Object","fromEntries","map","status","nodes","forEach","node","_node$status","kind","updateView","value","nextView","undefined","direction","gap","children","alignItems","size","onUpdate","Option","wrap","data","concat","hidden","fallback","_objectSpread","active","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,72 @@
1
+ .qp-query-progress {
2
+ min-width: 0;
3
+ min-height: 0;
4
+ height: 100%;
5
+
6
+ &__toolbar {
7
+ flex-shrink: 0;
8
+ flex-wrap: wrap;
9
+ }
10
+
11
+ &__statuses {
12
+ margin-left: auto;
13
+ }
14
+
15
+ &__status {
16
+ display: inline-flex;
17
+ align-items: center;
18
+ gap: var(--g-spacing-1);
19
+ padding: var(--g-spacing-1) var(--g-spacing-2);
20
+ border-radius: var(--g-border-radius-s);
21
+ color: var(--g-color-text-secondary);
22
+ background: var(--g-color-base-background);
23
+
24
+ &_status_not-started {
25
+ color: var(--g-color-text-primary);
26
+ box-shadow: inset 0 0 0 1px var(--g-color-line-generic);
27
+ }
28
+
29
+ &_status_waiting {
30
+ color: var(--g-color-text-misc-heavy);
31
+ background: var(--g-color-base-misc-light);
32
+ }
33
+ &_status_running {
34
+ color: var(--g-color-text-info);
35
+ background: var(--g-color-base-info-light);
36
+ }
37
+ &_status_completed {
38
+ color: var(--g-color-text-positive);
39
+ background: var(--g-color-base-positive-light);
40
+ }
41
+ &_status_failed {
42
+ color: var(--g-color-text-danger);
43
+ background: var(--g-color-base-danger-light);
44
+ }
45
+ &_status_aborted {
46
+ color: var(--g-color-text-complementary);
47
+ background: var(--g-color-base-generic);
48
+ }
49
+ }
50
+
51
+ &__content,
52
+ &__view {
53
+ flex: 1;
54
+ min-height: 0;
55
+ height: 100%;
56
+ }
57
+
58
+ &__view_hidden {
59
+ visibility: hidden;
60
+ position: absolute;
61
+ pointer-events: none;
62
+ }
63
+
64
+ &__timeline {
65
+ min-height: 360px;
66
+ display: flex;
67
+ align-items: center;
68
+ justify-content: center;
69
+ border: 1px dashed var(--g-color-line-generic);
70
+ border-radius: var(--g-border-radius-l);
71
+ }
72
+ }
@@ -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,31 @@
1
+ import React from 'react';
2
+ import { demoEdges, demoNodes } from "../../components/QueryGraph/QueryGraph.stories";
3
+ import { QueryProgress } from "./QueryProgress";
4
+ import { jsx as _jsx } from "react/jsx-runtime";
5
+ var meta = {
6
+ title: 'Modules/QueryProgress',
7
+ component: QueryProgress,
8
+ tags: ['autodocs'],
9
+ args: {
10
+ graphProps: {
11
+ nodes: demoNodes,
12
+ edges: demoEdges
13
+ }
14
+ },
15
+ decorators: [function (Story) {
16
+ return /*#__PURE__*/_jsx("div", {
17
+ style: {
18
+ height: 640
19
+ },
20
+ children: /*#__PURE__*/_jsx(Story, {})
21
+ });
22
+ }]
23
+ };
24
+ export default meta;
25
+ export var Default = {};
26
+ export var TimelinePlaceholder = {
27
+ args: {
28
+ defaultView: 'timeline'
29
+ }
30
+ };
31
+ // #sourceMappingURL=QueryProgress.stories.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"names":["React","demoEdges","demoNodes","QueryProgress","jsx","_jsx","meta","title","component","tags","args","graphProps","nodes","edges","decorators","Story","style","height","children","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,OAAOA,KAAK,MAAM,OAAO;AAGzB,SAAQC,SAAS,EAAEC,SAAS;AAC5B,SAAQC,aAAa;AAAyB,SAAAC,GAAA,IAAAC,IAAA;AAE9C,IAAMC,IAAgC,GAAG;EACrCC,KAAK,EAAE,uBAAuB;EAC9BC,SAAS,EAAEL,aAAa;EACxBM,IAAI,EAAE,CAAC,UAAU,CAAC;EAClBC,IAAI,EAAE;IAACC,UAAU,EAAE;MAACC,KAAK,EAAEV,SAAS;MAAEW,KAAK,EAAEZ;IAAS;EAAC,CAAC;EACxDa,UAAU,EAAE,CACR,UAACC,KAAK;IAAA,oBACFV,IAAA;MAAKW,KAAK,EAAE;QAACC,MAAM,EAAE;MAAG,CAAE;MAAAC,QAAA,eACtBb,IAAA,CAACU,KAAK,IAAE;IAAC,CACR,CAAC;EAAA,CACT;AAET,CAAC;AAED,eAAeT,IAAI;AAGnB,OAAO,IAAMa,OAAc,GAAG,CAAC,CAAC;AAChC,OAAO,IAAMC,mBAA0B,GAAG;EAACV,IAAI,EAAE;IAACW,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,7 @@
1
+ import en from "./en.json";
2
+ import ru from "./ru.json";
3
+ export default {
4
+ en: en,
5
+ ru: ru
6
+ };
7
+ // #sourceMappingURL=dicts.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"names":["en","ru"],"sources":["dicts.ts"],"sourcesContent":["import en from './en.json';\nimport ru from './ru.json';\n\nexport default {en, ru};\n"],"mappings":"AAAA,OAAOA,EAAE;AACT,OAAOC,EAAE;AAET,eAAe;EAACD,EAAE,EAAFA,EAAE;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,4 @@
1
+ import { addI18Keysets } from "../../../i18n";
2
+ import dicts from "./dicts";
3
+ export default addI18Keysets('qp:query-progress', dicts);
4
+ // #sourceMappingURL=index.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"names":["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,SAAQA,aAAa;AACrB,OAAOC,KAAK;AAEZ,eAAeD,aAAa,CAAC,mBAAmB,EAAEC,KAAK,CAAC","ignoreList":[]}