ydb-embedded-ui 8.20.1 → 8.22.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 (135) hide show
  1. package/dist/components/ConnectToDB/ConnectToDBDialog.js +1 -1
  2. package/dist/components/ConnectToDB/ConnectToDBDialog.js.map +1 -1
  3. package/dist/components/ConnectToDB/i18n/index.d.ts +1 -1
  4. package/dist/components/DateRange/DateRange.d.ts +3 -1
  5. package/dist/components/DateRange/DateRange.js +3 -12
  6. package/dist/components/DateRange/DateRange.js.map +1 -1
  7. package/dist/components/DateRange/DateRange.scss +1 -1
  8. package/dist/components/ResizeableDataTable/ResizeableDataTable.d.ts +2 -1
  9. package/dist/components/ResizeableDataTable/ResizeableDataTable.js +10 -2
  10. package/dist/components/ResizeableDataTable/ResizeableDataTable.js.map +1 -1
  11. package/dist/components/ResizeableDataTable/ResizeableDataTable.scss +9 -0
  12. package/dist/components/SyntaxHighlighter/YDBSyntaxHighlighter.d.ts +8 -2
  13. package/dist/components/SyntaxHighlighter/YDBSyntaxHighlighter.js +11 -3
  14. package/dist/components/SyntaxHighlighter/YDBSyntaxHighlighter.js.map +1 -1
  15. package/dist/components/SyntaxHighlighter/YDBSyntaxHighlighter.scss +13 -0
  16. package/dist/components/SyntaxHighlighter/lazy.d.ts +1 -1
  17. package/dist/components/TenantNameWrapper/TenantNameWrapper.js +6 -6
  18. package/dist/components/TenantNameWrapper/TenantNameWrapper.js.map +1 -1
  19. package/dist/components/TruncatedQuery/TruncatedQuery.d.ts +3 -1
  20. package/dist/components/TruncatedQuery/TruncatedQuery.js +15 -3
  21. package/dist/components/TruncatedQuery/TruncatedQuery.js.map +1 -1
  22. package/dist/components/nodesColumns/i18n/index.d.ts +1 -1
  23. package/dist/containers/AppWithClusters/ExtendedCluster/ExtendedCluster.js +8 -10
  24. package/dist/containers/AppWithClusters/ExtendedCluster/ExtendedCluster.js.map +1 -1
  25. package/dist/containers/AsideNavigation/AsideNavigation.js +63 -19
  26. package/dist/containers/AsideNavigation/AsideNavigation.js.map +1 -1
  27. package/dist/containers/AsideNavigation/AsideNavigation.scss +5 -0
  28. package/dist/containers/AsideNavigation/InformationPopup/InformationPopup.d.ts +5 -0
  29. package/dist/containers/AsideNavigation/InformationPopup/InformationPopup.js +23 -0
  30. package/dist/containers/AsideNavigation/InformationPopup/InformationPopup.js.map +1 -0
  31. package/dist/containers/AsideNavigation/InformationPopup/InformationPopup.scss +105 -0
  32. package/dist/containers/AsideNavigation/InformationPopup/index.d.ts +1 -0
  33. package/dist/containers/AsideNavigation/InformationPopup/index.js +2 -0
  34. package/dist/containers/AsideNavigation/InformationPopup/index.js.map +1 -0
  35. package/dist/containers/AsideNavigation/InformationPopup/types.d.ts +11 -0
  36. package/dist/containers/AsideNavigation/InformationPopup/types.js +2 -0
  37. package/dist/containers/AsideNavigation/InformationPopup/types.js.map +1 -0
  38. package/dist/containers/AsideNavigation/constants.d.ts +8 -0
  39. package/dist/containers/AsideNavigation/constants.js +34 -0
  40. package/dist/containers/AsideNavigation/constants.js.map +1 -0
  41. package/dist/containers/AsideNavigation/i18n/en.json +4 -1
  42. package/dist/containers/AsideNavigation/i18n/index.d.ts +1 -1
  43. package/dist/containers/AsideNavigation/utils.d.ts +1 -0
  44. package/dist/containers/AsideNavigation/utils.js +2 -0
  45. package/dist/containers/AsideNavigation/utils.js.map +1 -0
  46. package/dist/containers/Clusters/columns.js +3 -5
  47. package/dist/containers/Clusters/columns.js.map +1 -1
  48. package/dist/containers/Clusters/constants.d.ts +1 -1
  49. package/dist/containers/Tenant/Diagnostics/TenantOverview/TenantCpu/TopQueries.js +2 -2
  50. package/dist/containers/Tenant/Diagnostics/TenantOverview/TenantCpu/TopQueries.js.map +1 -1
  51. package/dist/containers/Tenant/Diagnostics/TenantOverview/i18n/index.d.ts +1 -1
  52. package/dist/containers/Tenant/Diagnostics/TopQueries/RunningQueriesData.d.ts +6 -4
  53. package/dist/containers/Tenant/Diagnostics/TopQueries/RunningQueriesData.js +16 -10
  54. package/dist/containers/Tenant/Diagnostics/TopQueries/RunningQueriesData.js.map +1 -1
  55. package/dist/containers/Tenant/Diagnostics/TopQueries/TopQueries.js +13 -10
  56. package/dist/containers/Tenant/Diagnostics/TopQueries/TopQueries.js.map +1 -1
  57. package/dist/containers/Tenant/Diagnostics/TopQueries/TopQueriesData.d.ts +11 -4
  58. package/dist/containers/Tenant/Diagnostics/TopQueries/TopQueriesData.js +20 -11
  59. package/dist/containers/Tenant/Diagnostics/TopQueries/TopQueriesData.js.map +1 -1
  60. package/dist/containers/Tenant/Diagnostics/TopQueries/columns/columns.d.ts +3 -3
  61. package/dist/containers/Tenant/Diagnostics/TopQueries/columns/columns.js +41 -41
  62. package/dist/containers/Tenant/Diagnostics/TopQueries/columns/columns.js.map +1 -1
  63. package/dist/containers/Tenant/Diagnostics/TopQueries/columns/constants.d.ts +12 -4
  64. package/dist/containers/Tenant/Diagnostics/TopQueries/columns/constants.js +53 -5
  65. package/dist/containers/Tenant/Diagnostics/TopQueries/columns/constants.js.map +1 -1
  66. package/dist/containers/Tenant/Diagnostics/TopQueries/columns/i18n/en.json +6 -5
  67. package/dist/containers/Tenant/Diagnostics/TopQueries/columns/i18n/index.d.ts +1 -1
  68. package/dist/containers/Tenant/Diagnostics/TopQueries/constants.d.ts +17 -0
  69. package/dist/containers/Tenant/Diagnostics/TopQueries/constants.js +26 -0
  70. package/dist/containers/Tenant/Diagnostics/TopQueries/constants.js.map +1 -0
  71. package/dist/containers/Tenant/Diagnostics/TopQueries/i18n/en.json +3 -1
  72. package/dist/containers/Tenant/Diagnostics/TopQueries/i18n/index.d.ts +1 -1
  73. package/dist/containers/Tenant/Diagnostics/TopQueries/utils.js +17 -10
  74. package/dist/containers/Tenant/Diagnostics/TopQueries/utils.js.map +1 -1
  75. package/dist/containers/Tenant/Diagnostics/TopShards/Filters/Filters.js +11 -1
  76. package/dist/containers/Tenant/Diagnostics/TopShards/Filters/Filters.js.map +1 -1
  77. package/dist/containers/Tenant/Query/QueryEditor/YqlEditor.js +13 -0
  78. package/dist/containers/Tenant/Query/QueryEditor/YqlEditor.js.map +1 -1
  79. package/dist/containers/Tenant/Query/QueryEditor/keybindings.d.ts +1 -0
  80. package/dist/containers/Tenant/Query/QueryEditor/keybindings.js +1 -0
  81. package/dist/containers/Tenant/Query/QueryEditor/keybindings.js.map +1 -1
  82. package/dist/containers/Tenant/Query/i18n/en.json +1 -0
  83. package/dist/containers/Tenant/Query/i18n/index.d.ts +1 -1
  84. package/dist/store/reducers/clusters/types.d.ts +1 -0
  85. package/dist/store/reducers/clusters/utils.js +4 -0
  86. package/dist/store/reducers/clusters/utils.js.map +1 -1
  87. package/dist/store/reducers/executeTopQueries/constants.d.ts +18 -0
  88. package/dist/store/reducers/executeTopQueries/constants.js +20 -0
  89. package/dist/store/reducers/executeTopQueries/constants.js.map +1 -0
  90. package/dist/store/reducers/executeTopQueries/executeTopQueries.d.ts +7 -3
  91. package/dist/store/reducers/executeTopQueries/executeTopQueries.js +42 -21
  92. package/dist/store/reducers/executeTopQueries/executeTopQueries.js.map +1 -1
  93. package/dist/store/reducers/executeTopQueries/types.d.ts +1 -0
  94. package/dist/store/reducers/executeTopQueries/utils.d.ts +1 -1
  95. package/dist/store/reducers/executeTopQueries/utils.js +4 -4
  96. package/dist/store/reducers/executeTopQueries/utils.js.map +1 -1
  97. package/dist/store/reducers/overview/overview.js +4 -0
  98. package/dist/store/reducers/overview/overview.js.map +1 -1
  99. package/dist/store/reducers/tenants/tenants.js +2 -3
  100. package/dist/store/reducers/tenants/tenants.js.map +1 -1
  101. package/dist/store/reducers/tenants/types.d.ts +0 -1
  102. package/dist/store/reducers/tenants/utils.d.ts +1 -1
  103. package/dist/store/reducers/tenants/utils.js +1 -11
  104. package/dist/store/reducers/tenants/utils.js.map +1 -1
  105. package/dist/store/reducers/viewSchema/viewSchema.js +4 -0
  106. package/dist/store/reducers/viewSchema/viewSchema.js.map +1 -1
  107. package/dist/types/additionalProps.d.ts +1 -1
  108. package/dist/types/api/tenant.d.ts +1 -3
  109. package/dist/types/api/tenant.js.map +1 -1
  110. package/dist/utils/__test__/parseBalancer.test.js +60 -2
  111. package/dist/utils/__test__/parseBalancer.test.js.map +1 -1
  112. package/dist/utils/__test__/prepareBackend.test.js +7 -31
  113. package/dist/utils/__test__/prepareBackend.test.js.map +1 -1
  114. package/dist/utils/additionalProps.d.ts +1 -1
  115. package/dist/utils/additionalProps.js +3 -3
  116. package/dist/utils/additionalProps.js.map +1 -1
  117. package/dist/utils/disks/__test__/calculateVDiskSeverity.test.js +12 -0
  118. package/dist/utils/disks/__test__/calculateVDiskSeverity.test.js.map +1 -1
  119. package/dist/utils/disks/calculateVDiskSeverity.d.ts +1 -1
  120. package/dist/utils/disks/calculateVDiskSeverity.js +5 -0
  121. package/dist/utils/disks/calculateVDiskSeverity.js.map +1 -1
  122. package/dist/utils/hooks/useAdditionalNodesProps.js +1 -4
  123. package/dist/utils/hooks/useAdditionalNodesProps.js.map +1 -1
  124. package/dist/utils/hooks/useAutoRefreshInterval.js +16 -1
  125. package/dist/utils/hooks/useAutoRefreshInterval.js.map +1 -1
  126. package/dist/utils/hooks/useLastQueryExecutionSettings.d.ts +2 -2
  127. package/dist/utils/hooks/useQueryExecutionSettings.d.ts +1 -1
  128. package/dist/utils/parseBalancer.d.ts +1 -0
  129. package/dist/utils/parseBalancer.js +20 -2
  130. package/dist/utils/parseBalancer.js.map +1 -1
  131. package/dist/utils/prepareBackend.d.ts +1 -3
  132. package/dist/utils/prepareBackend.js +6 -26
  133. package/dist/utils/prepareBackend.js.map +1 -1
  134. package/dist/utils/query.d.ts +4 -4
  135. package/package.json +3 -2
@@ -24,7 +24,7 @@ function ConnectToDBDialog({ open, onClose, database, endpoint }) {
24
24
  const [activeTab, setActiveTab] = React.useState('bash');
25
25
  const snippet = getSnippetCode(activeTab, { database, endpoint });
26
26
  const docsLink = getDocsLink(activeTab);
27
- return (_jsxs(Dialog, { open: open, hasCloseButton: true, onClose: onClose, size: "l", children: [_jsx(Dialog.Header, { caption: i18n('header') }), _jsxs(Dialog.Body, { children: [_jsx("div", { children: i18n('connection-info-message') }), _jsx(Tabs, { size: "m", allowNotSelected: false, activeTab: activeTab, items: connectionTabs, onSelectTab: (tab) => setActiveTab(tab), className: b('dialog-tabs') }), _jsx("div", { className: b('snippet-container'), children: _jsx(YDBSyntaxHighlighterLazy, { language: activeTab, text: snippet, transparentBackground: false, withCopy: true }) }), docsLink ? (_jsx(LinkWithIcon, { className: b('docs'), title: i18n('documentation'), url: docsLink })) : null] }), _jsx(Dialog.Footer, { onClickButtonCancel: onClose, textButtonCancel: i18n('close') })] }));
27
+ return (_jsxs(Dialog, { open: open, hasCloseButton: true, onClose: onClose, size: "l", children: [_jsx(Dialog.Header, { caption: i18n('header') }), _jsxs(Dialog.Body, { children: [_jsx("div", { children: i18n('connection-info-message') }), _jsx(Tabs, { size: "m", allowNotSelected: false, activeTab: activeTab, items: connectionTabs, onSelectTab: (tab) => setActiveTab(tab), className: b('dialog-tabs') }), _jsx("div", { className: b('snippet-container'), children: _jsx(YDBSyntaxHighlighterLazy, { language: activeTab, text: snippet, transparentBackground: false, withClipboardButton: { alwaysVisible: true } }) }), docsLink ? (_jsx(LinkWithIcon, { className: b('docs'), title: i18n('documentation'), url: docsLink })) : null] }), _jsx(Dialog.Footer, { onClickButtonCancel: onClose, textButtonCancel: i18n('close') })] }));
28
28
  }
29
29
  const ConnectToDBDialogNiceModal = NiceModal.create((props) => {
30
30
  const modal = NiceModal.useModal();
@@ -1 +1 @@
1
- {"version":3,"file":"ConnectToDBDialog.js","sourceRoot":"","sources":["../../../src/components/ConnectToDB/ConnectToDBDialog.tsx"],"names":[],"mappings":"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"}
1
+ {"version":3,"file":"ConnectToDBDialog.js","sourceRoot":"","sources":["../../../src/components/ConnectToDB/ConnectToDBDialog.tsx"],"names":[],"mappings":"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"}
@@ -1,2 +1,2 @@
1
- declare const _default: (key: "header" | "close" | "documentation" | "connection-info-message" | "docs_bash" | "docs_cpp" | "docs_dotnet" | "docs_go" | "docs_java" | "docs_nodejs" | "docs_php" | "docs_python", params?: import("@gravity-ui/i18n").Params) => string;
1
+ declare const _default: (key: "header" | "close" | "connection-info-message" | "documentation" | "docs_bash" | "docs_cpp" | "docs_dotnet" | "docs_go" | "docs_java" | "docs_nodejs" | "docs_php" | "docs_python", params?: import("@gravity-ui/i18n").Params) => string;
2
2
  export default _default;
@@ -1,3 +1,4 @@
1
+ import type { RelativeRangeDatePickerValue } from '@gravity-ui/date-components';
1
2
  import './DateRange.scss';
2
3
  export interface DateRangeValues {
3
4
  /** ms from epoch or special values like now, 1h, 1m, etc*/
@@ -7,7 +8,8 @@ export interface DateRangeValues {
7
8
  }
8
9
  interface DateRangeProps extends DateRangeValues {
9
10
  className?: string;
11
+ defaultValue?: RelativeRangeDatePickerValue;
10
12
  onChange?: (value: DateRangeValues) => void;
11
13
  }
12
- export declare const DateRange: ({ from, to, className, onChange }: DateRangeProps) => import("react/jsx-runtime").JSX.Element;
14
+ export declare const DateRange: ({ from, to, className, defaultValue, onChange }: DateRangeProps) => import("react/jsx-runtime").JSX.Element;
13
15
  export {};
@@ -6,17 +6,7 @@ import i18n from './i18n';
6
6
  import { fromDateRangeValues, getdatePickerSize, toDateRangeValues } from './utils';
7
7
  import './DateRange.scss';
8
8
  const b = cn('date-range');
9
- const DEFAULT_VALUE = {
10
- start: {
11
- value: 'now-1h',
12
- type: 'relative',
13
- },
14
- end: {
15
- value: 'now',
16
- type: 'relative',
17
- },
18
- };
19
- export const DateRange = ({ from, to, className, onChange }) => {
9
+ export const DateRange = ({ from, to, className, defaultValue, onChange }) => {
20
10
  const handleUpdate = React.useCallback((pickerValue) => onChange === null || onChange === void 0 ? void 0 : onChange(toDateRangeValues(pickerValue)), [onChange]);
21
11
  const value = React.useMemo(() => {
22
12
  if (!from && !to) {
@@ -26,6 +16,7 @@ export const DateRange = ({ from, to, className, onChange }) => {
26
16
  }, [from, to]);
27
17
  // eslint-disable-next-line new-cap
28
18
  const timeZoneString = Intl.DateTimeFormat().resolvedOptions().timeZone;
29
- return (_jsx("div", { className: b(null, className), children: _jsx(RelativeRangeDatePicker, { withPresets: true, className: b('range-input', { [getdatePickerSize(value)]: true }), timeZone: timeZoneString, value: value || DEFAULT_VALUE, allowNullableValues: true, size: "m", format: i18n('date-time-format'), onUpdate: handleUpdate, placeholder: `${i18n('date-time-format')} - ${i18n('date-time-format')}`, withApplyButton: true }) }));
19
+ const currentValue = value || defaultValue;
20
+ return (_jsx("div", { className: b(null, className), children: _jsx(RelativeRangeDatePicker, { withPresets: true, className: b('range-input', { [getdatePickerSize(currentValue)]: true }), timeZone: timeZoneString, value: currentValue, allowNullableValues: true, size: "m", format: i18n('date-time-format'), onUpdate: handleUpdate, placeholder: `${i18n('date-time-format')} - ${i18n('date-time-format')}`, withApplyButton: true }) }));
30
21
  };
31
22
  //# sourceMappingURL=DateRange.js.map
@@ -1 +1 @@
1
- {"version":3,"file":"DateRange.js","sourceRoot":"","sources":["../../../src/components/DateRange/DateRange.tsx"],"names":[],"mappings":";AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAG1B,OAAO,EAAC,uBAAuB,EAAC,MAAM,6BAA6B,CAAC;AAEpE,OAAO,EAAC,EAAE,EAAC,MAAM,gBAAgB,CAAC;AAElC,OAAO,IAAI,MAAM,QAAQ,CAAC;AAC1B,OAAO,EAAC,mBAAmB,EAAE,iBAAiB,EAAE,iBAAiB,EAAC,MAAM,SAAS,CAAC;AAElF,OAAO,kBAAkB,CAAC;AAE1B,MAAM,CAAC,GAAG,EAAE,CAAC,YAAY,CAAC,CAAC;AAS3B,MAAM,aAAa,GAAG;IAClB,KAAK,EAAE;QACH,KAAK,EAAE,QAAQ;QACf,IAAI,EAAE,UAAU;KACnB;IACD,GAAG,EAAE;QACD,KAAK,EAAE,KAAK;QACZ,IAAI,EAAE,UAAU;KACnB;CACK,CAAC;AAOX,MAAM,CAAC,MAAM,SAAS,GAAG,CAAC,EAAC,IAAI,EAAE,EAAE,EAAE,SAAS,EAAE,QAAQ,EAAiB,EAAE,EAAE;IACzE,MAAM,YAAY,GAAG,KAAK,CAAC,WAAW,CAClC,CAAC,WAAW,EAAE,EAAE,CAAC,QAAQ,aAAR,QAAQ,uBAAR,QAAQ,CAAG,iBAAiB,CAAC,WAAW,CAAC,CAAC,EAC3D,CAAC,QAAQ,CAAC,CACb,CAAC;IAEF,MAAM,KAAK,GAAG,KAAK,CAAC,OAAO,CAAC,GAAG,EAAE;QAC7B,IAAI,CAAC,IAAI,IAAI,CAAC,EAAE,EAAE,CAAC;YACf,OAAO,SAAS,CAAC;QACrB,CAAC;QACD,OAAO,mBAAmB,CAAC,EAAC,IAAI,EAAE,EAAE,EAAC,CAAC,CAAC;IAC3C,CAAC,EAAE,CAAC,IAAI,EAAE,EAAE,CAAC,CAAC,CAAC;IAEf,mCAAmC;IACnC,MAAM,cAAc,GAAG,IAAI,CAAC,cAAc,EAAE,CAAC,eAAe,EAAE,CAAC,QAAQ,CAAC;IACxE,OAAO,CACH,cAAK,SAAS,EAAE,CAAC,CAAC,IAAI,EAAE,SAAS,CAAC,YAC9B,KAAC,uBAAuB,IACpB,WAAW,QACX,SAAS,EAAE,CAAC,CAAC,aAAa,EAAE,EAAC,CAAC,iBAAiB,CAAC,KAAK,CAAC,CAAC,EAAE,IAAI,EAAC,CAAC,EAC/D,QAAQ,EAAE,cAAc,EACxB,KAAK,EAAE,KAAK,IAAI,aAAa,EAC7B,mBAAmB,QACnB,IAAI,EAAC,GAAG,EACR,MAAM,EAAE,IAAI,CAAC,kBAAkB,CAAC,EAChC,QAAQ,EAAE,YAAY,EACtB,WAAW,EAAE,GAAG,IAAI,CAAC,kBAAkB,CAAC,MAAM,IAAI,CAAC,kBAAkB,CAAC,EAAE,EACxE,eAAe,SACjB,GACA,CACT,CAAC;AACN,CAAC,CAAC"}
1
+ {"version":3,"file":"DateRange.js","sourceRoot":"","sources":["../../../src/components/DateRange/DateRange.tsx"],"names":[],"mappings":";AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAM1B,OAAO,EAAC,uBAAuB,EAAC,MAAM,6BAA6B,CAAC;AAEpE,OAAO,EAAC,EAAE,EAAC,MAAM,gBAAgB,CAAC;AAElC,OAAO,IAAI,MAAM,QAAQ,CAAC;AAC1B,OAAO,EAAC,mBAAmB,EAAE,iBAAiB,EAAE,iBAAiB,EAAC,MAAM,SAAS,CAAC;AAElF,OAAO,kBAAkB,CAAC;AAE1B,MAAM,CAAC,GAAG,EAAE,CAAC,YAAY,CAAC,CAAC;AAe3B,MAAM,CAAC,MAAM,SAAS,GAAG,CAAC,EAAC,IAAI,EAAE,EAAE,EAAE,SAAS,EAAE,YAAY,EAAE,QAAQ,EAAiB,EAAE,EAAE;IACvF,MAAM,YAAY,GAAG,KAAK,CAAC,WAAW,CAClC,CAAC,WAAW,EAAE,EAAE,CAAC,QAAQ,aAAR,QAAQ,uBAAR,QAAQ,CAAG,iBAAiB,CAAC,WAAW,CAAC,CAAC,EAC3D,CAAC,QAAQ,CAAC,CACb,CAAC;IAEF,MAAM,KAAK,GAAG,KAAK,CAAC,OAAO,CAAC,GAAG,EAAE;QAC7B,IAAI,CAAC,IAAI,IAAI,CAAC,EAAE,EAAE,CAAC;YACf,OAAO,SAAS,CAAC;QACrB,CAAC;QACD,OAAO,mBAAmB,CAAC,EAAC,IAAI,EAAE,EAAE,EAAC,CAAC,CAAC;IAC3C,CAAC,EAAE,CAAC,IAAI,EAAE,EAAE,CAAC,CAAC,CAAC;IAEf,mCAAmC;IACnC,MAAM,cAAc,GAAG,IAAI,CAAC,cAAc,EAAE,CAAC,eAAe,EAAE,CAAC,QAAQ,CAAC;IACxE,MAAM,YAAY,GAAG,KAAK,IAAI,YAAY,CAAC;IAC3C,OAAO,CACH,cAAK,SAAS,EAAE,CAAC,CAAC,IAAI,EAAE,SAAS,CAAC,YAC9B,KAAC,uBAAuB,IACpB,WAAW,QACX,SAAS,EAAE,CAAC,CAAC,aAAa,EAAE,EAAC,CAAC,iBAAiB,CAAC,YAAY,CAAC,CAAC,EAAE,IAAI,EAAC,CAAC,EACtE,QAAQ,EAAE,cAAc,EACxB,KAAK,EAAE,YAAY,EACnB,mBAAmB,QACnB,IAAI,EAAC,GAAG,EACR,MAAM,EAAE,IAAI,CAAC,kBAAkB,CAAC,EAChC,QAAQ,EAAE,YAAY,EACtB,WAAW,EAAE,GAAG,IAAI,CAAC,kBAAkB,CAAC,MAAM,IAAI,CAAC,kBAAkB,CAAC,EAAE,EACxE,eAAe,SACjB,GACA,CACT,CAAC;AACN,CAAC,CAAC"}
@@ -1,7 +1,7 @@
1
1
  .date-range {
2
2
  &__range-input {
3
3
  &_s {
4
- width: 200px;
4
+ width: 130px;
5
5
  }
6
6
 
7
7
  &_m {
@@ -3,5 +3,6 @@ import './ResizeableDataTable.scss';
3
3
  export interface ResizeableDataTableProps<T> extends Omit<DataTableProps<T>, 'theme' | 'onResize'> {
4
4
  columnsWidthLSKey?: string;
5
5
  wrapperClassName?: string;
6
+ loading?: boolean;
6
7
  }
7
- export declare function ResizeableDataTable<T>({ columnsWidthLSKey, columns, settings, wrapperClassName, ...props }: ResizeableDataTableProps<T>): import("react/jsx-runtime").JSX.Element;
8
+ export declare function ResizeableDataTable<T>({ columnsWidthLSKey, columns, settings, wrapperClassName, loading, ...props }: ResizeableDataTableProps<T>): import("react/jsx-runtime").JSX.Element;
@@ -1,12 +1,20 @@
1
1
  import { jsx as _jsx } from "react/jsx-runtime";
2
2
  import DataTable, { updateColumnsWidth } from '@gravity-ui/react-data-table';
3
+ import { Skeleton } from '@gravity-ui/uikit';
3
4
  import { cn } from '../../utils/cn';
4
5
  import { useTableResize } from '../../utils/hooks/useTableResize';
5
6
  import './ResizeableDataTable.scss';
6
7
  const b = cn('ydb-resizeable-data-table');
7
- export function ResizeableDataTable({ columnsWidthLSKey, columns, settings, wrapperClassName, ...props }) {
8
+ export function ResizeableDataTable({ columnsWidthLSKey, columns, settings, wrapperClassName, loading, ...props }) {
8
9
  const [tableColumnsWidth, setTableColumnsWidth] = useTableResize(columnsWidthLSKey);
9
- const updatedColumns = updateColumnsWidth(columns, tableColumnsWidth);
10
+ // If loading is true, override the render method of each column to display a Skeleton
11
+ const processedColumns = loading
12
+ ? columns.map((column) => ({
13
+ ...column,
14
+ render: () => _jsx(Skeleton, { className: b('row-skeleton') }),
15
+ }))
16
+ : columns;
17
+ const updatedColumns = updateColumnsWidth(processedColumns, tableColumnsWidth);
10
18
  const newSettings = {
11
19
  ...settings,
12
20
  defaultResizeable: true,
@@ -1 +1 @@
1
- {"version":3,"file":"ResizeableDataTable.js","sourceRoot":"","sources":["../../../src/components/ResizeableDataTable/ResizeableDataTable.tsx"],"names":[],"mappings":";AACA,OAAO,SAAS,EAAE,EAAC,kBAAkB,EAAC,MAAM,8BAA8B,CAAC;AAE3E,OAAO,EAAC,EAAE,EAAC,MAAM,gBAAgB,CAAC;AAClC,OAAO,EAAC,cAAc,EAAC,MAAM,kCAAkC,CAAC;AAEhE,OAAO,4BAA4B,CAAC;AAEpC,MAAM,CAAC,GAAG,EAAE,CAAC,2BAA2B,CAAC,CAAC;AAO1C,MAAM,UAAU,mBAAmB,CAAI,EACnC,iBAAiB,EACjB,OAAO,EACP,QAAQ,EACR,gBAAgB,EAChB,GAAG,KAAK,EACkB;IAC1B,MAAM,CAAC,iBAAiB,EAAE,oBAAoB,CAAC,GAAG,cAAc,CAAC,iBAAiB,CAAC,CAAC;IAEpF,MAAM,cAAc,GAAG,kBAAkB,CAAC,OAAO,EAAE,iBAAiB,CAAC,CAAC;IAEtE,MAAM,WAAW,GAAa;QAC1B,GAAG,QAAQ;QACX,iBAAiB,EAAE,IAAI;KAC1B,CAAC;IAEF,OAAO,CACH,cAAK,SAAS,EAAE,CAAC,CAAC,IAAI,EAAE,gBAAgB,CAAC,YACrC,KAAC,SAAS,IACN,KAAK,EAAC,cAAc,EACpB,OAAO,EAAE,cAAc,EACvB,QAAQ,EAAE,oBAAoB,EAC9B,QAAQ,EAAE,WAAW,KACjB,KAAK,GACX,GACA,CACT,CAAC;AACN,CAAC"}
1
+ {"version":3,"file":"ResizeableDataTable.js","sourceRoot":"","sources":["../../../src/components/ResizeableDataTable/ResizeableDataTable.tsx"],"names":[],"mappings":";AACA,OAAO,SAAS,EAAE,EAAC,kBAAkB,EAAC,MAAM,8BAA8B,CAAC;AAC3E,OAAO,EAAC,QAAQ,EAAC,MAAM,mBAAmB,CAAC;AAE3C,OAAO,EAAC,EAAE,EAAC,MAAM,gBAAgB,CAAC;AAClC,OAAO,EAAC,cAAc,EAAC,MAAM,kCAAkC,CAAC;AAEhE,OAAO,4BAA4B,CAAC;AAEpC,MAAM,CAAC,GAAG,EAAE,CAAC,2BAA2B,CAAC,CAAC;AAQ1C,MAAM,UAAU,mBAAmB,CAAI,EACnC,iBAAiB,EACjB,OAAO,EACP,QAAQ,EACR,gBAAgB,EAChB,OAAO,EACP,GAAG,KAAK,EACkB;IAC1B,MAAM,CAAC,iBAAiB,EAAE,oBAAoB,CAAC,GAAG,cAAc,CAAC,iBAAiB,CAAC,CAAC;IAEpF,sFAAsF;IACtF,MAAM,gBAAgB,GAAG,OAAO;QAC5B,CAAC,CAAC,OAAO,CAAC,GAAG,CAAC,CAAC,MAAiB,EAAE,EAAE,CAAC,CAAC;YAChC,GAAG,MAAM;YACT,MAAM,EAAE,GAAG,EAAE,CAAC,KAAC,QAAQ,IAAC,SAAS,EAAE,CAAC,CAAC,cAAc,CAAC,GAAI;SAC3D,CAAC,CAAC;QACL,CAAC,CAAC,OAAO,CAAC;IAEd,MAAM,cAAc,GAAG,kBAAkB,CAAC,gBAAgB,EAAE,iBAAiB,CAAC,CAAC;IAE/E,MAAM,WAAW,GAAa;QAC1B,GAAG,QAAQ;QACX,iBAAiB,EAAE,IAAI;KAC1B,CAAC;IAEF,OAAO,CACH,cAAK,SAAS,EAAE,CAAC,CAAC,IAAI,EAAE,gBAAgB,CAAC,YACrC,KAAC,SAAS,IACN,KAAK,EAAC,cAAc,EACpB,OAAO,EAAE,cAAc,EACvB,QAAQ,EAAE,oBAAoB,EAC9B,QAAQ,EAAE,WAAW,KACjB,KAAK,GACX,GACA,CACT,CAAC;AACN,CAAC"}
@@ -5,4 +5,13 @@
5
5
 
6
6
  // padding for easier resize of the last column
7
7
  padding-right: 20px;
8
+
9
+ &__row-skeleton {
10
+ width: 100%;
11
+ height: 50%;
12
+ }
13
+
14
+ &__row-skeleton::after {
15
+ animation: none !important;
16
+ }
8
17
  }
@@ -1,11 +1,17 @@
1
1
  import type { Language } from './types';
2
2
  import './YDBSyntaxHighlighter.scss';
3
+ interface ClipboardButtonOptions {
4
+ alwaysVisible?: boolean;
5
+ copyText?: string;
6
+ withLabel?: boolean;
7
+ }
8
+ export type WithClipboardButtonProp = ClipboardButtonOptions | boolean;
3
9
  type YDBSyntaxHighlighterProps = {
4
10
  text: string;
5
11
  language: Language;
6
12
  className?: string;
7
13
  transparentBackground?: boolean;
8
- withCopy?: boolean;
14
+ withClipboardButton?: WithClipboardButtonProp;
9
15
  };
10
- export declare function YDBSyntaxHighlighter({ text, language, className, transparentBackground, withCopy, }: YDBSyntaxHighlighterProps): import("react/jsx-runtime").JSX.Element;
16
+ export declare function YDBSyntaxHighlighter({ text, language, className, transparentBackground, withClipboardButton, }: YDBSyntaxHighlighterProps): import("react/jsx-runtime").JSX.Element;
11
17
  export {};
@@ -17,7 +17,7 @@ async function registerLanguage(lang) {
17
17
  ReactSyntaxHighlighter.registerLanguage(lang, syntax);
18
18
  }
19
19
  }
20
- export function YDBSyntaxHighlighter({ text, language, className, transparentBackground = true, withCopy, }) {
20
+ export function YDBSyntaxHighlighter({ text, language, className, transparentBackground = true, withClipboardButton, }) {
21
21
  const [highlighterKey, setHighlighterKey] = React.useState('');
22
22
  const style = useSyntaxHighlighterStyle(transparentBackground);
23
23
  React.useEffect(() => {
@@ -28,8 +28,16 @@ export function YDBSyntaxHighlighter({ text, language, className, transparentBac
28
28
  registerLangAndUpdateKey();
29
29
  }, [language]);
30
30
  const renderCopyButton = () => {
31
- if (withCopy) {
32
- return (_jsx("div", { className: b('sticky-container'), children: _jsx(ClipboardButton, { view: "flat-secondary", size: "s", className: b('copy'), text: text, children: i18n('copy') }) }));
31
+ if (withClipboardButton) {
32
+ return (_jsx("div", { className: b('sticky-container'), onClick: (e) => e.stopPropagation(), children: _jsx(ClipboardButton, { view: "flat-secondary", size: "s", className: b('copy', {
33
+ visible: typeof withClipboardButton === 'object' &&
34
+ withClipboardButton.alwaysVisible,
35
+ }), text: (typeof withClipboardButton === 'object' &&
36
+ withClipboardButton.copyText) ||
37
+ text, children: typeof withClipboardButton === 'object' &&
38
+ withClipboardButton.withLabel === false
39
+ ? null
40
+ : i18n('copy') }) }));
33
41
  }
34
42
  return null;
35
43
  };
@@ -1 +1 @@
1
- {"version":3,"file":"YDBSyntaxHighlighter.js","sourceRoot":"","sources":["../../../src/components/SyntaxHighlighter/YDBSyntaxHighlighter.tsx"],"names":[],"mappings":";AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,OAAO,EAAC,eAAe,EAAC,MAAM,mBAAmB,CAAC;AAClD,OAAO,EAAC,MAAM,EAAC,MAAM,kBAAkB,CAAC;AACxC,OAAO,EAAC,UAAU,IAAI,sBAAsB,EAAC,MAAM,0BAA0B,CAAC;AAE9E,OAAO,IAAI,MAAM,QAAQ,CAAC;AAC1B,OAAO,EAAC,CAAC,EAAC,MAAM,UAAU,CAAC;AAC3B,OAAO,EAAC,yBAAyB,EAAC,MAAM,UAAU,CAAC;AAEnD,OAAO,EAAC,GAAG,EAAC,MAAM,OAAO,CAAC;AAE1B,OAAO,6BAA6B,CAAC;AAErC,KAAK,UAAU,gBAAgB,CAAC,IAAc;IAC1C,IAAI,IAAI,KAAK,KAAK,EAAE,CAAC;QACjB,sBAAsB,CAAC,gBAAgB,CAAC,KAAK,EAAE,GAAG,CAAC,CAAC;IACxD,CAAC;SAAM,CAAC;QACJ,MAAM,EAAC,OAAO,EAAE,MAAM,EAAC,GAAG,MAAM,MAAM,CAClC,qDAAqD,IAAI,EAAE,CAC9D,CAAC;QACF,sBAAsB,CAAC,gBAAgB,CAAC,IAAI,EAAE,MAAM,CAAC,CAAC;IAC1D,CAAC;AACL,CAAC;AAUD,MAAM,UAAU,oBAAoB,CAAC,EACjC,IAAI,EACJ,QAAQ,EACR,SAAS,EACT,qBAAqB,GAAG,IAAI,EAC5B,QAAQ,GACgB;IACxB,MAAM,CAAC,cAAc,EAAE,iBAAiB,CAAC,GAAG,KAAK,CAAC,QAAQ,CAAC,EAAE,CAAC,CAAC;IAE/D,MAAM,KAAK,GAAG,yBAAyB,CAAC,qBAAqB,CAAC,CAAC;IAE/D,KAAK,CAAC,SAAS,CAAC,GAAG,EAAE;QACjB,KAAK,UAAU,wBAAwB;YACnC,MAAM,gBAAgB,CAAC,QAAQ,CAAC,CAAC;YACjC,iBAAiB,CAAC,MAAM,EAAE,CAAC,CAAC;QAChC,CAAC;QACD,wBAAwB,EAAE,CAAC;IAC/B,CAAC,EAAE,CAAC,QAAQ,CAAC,CAAC,CAAC;IAEf,MAAM,gBAAgB,GAAG,GAAG,EAAE;QAC1B,IAAI,QAAQ,EAAE,CAAC;YACX,OAAO,CACH,cAAK,SAAS,EAAE,CAAC,CAAC,kBAAkB,CAAC,YACjC,KAAC,eAAe,IACZ,IAAI,EAAC,gBAAgB,EACrB,IAAI,EAAC,GAAG,EACR,SAAS,EAAE,CAAC,CAAC,MAAM,CAAC,EACpB,IAAI,EAAE,IAAI,YAET,IAAI,CAAC,MAAM,CAAC,GACC,GAChB,CACT,CAAC;QACN,CAAC;QAED,OAAO,IAAI,CAAC;IAChB,CAAC,CAAC;IAEF,OAAO,CACH,eAAK,SAAS,EAAE,CAAC,CAAC,IAAI,EAAE,SAAS,CAAC,aAC7B,gBAAgB,EAAE,EAEnB,KAAC,sBAAsB,IAEnB,QAAQ,EAAE,QAAQ,EAClB,KAAK,EAAE,KAAK,EACZ,WAAW,EAAE,EAAC,MAAM,EAAE,MAAM,EAAC,YAE5B,IAAI,IALA,cAAc,CAME,IACvB,CACT,CAAC;AACN,CAAC"}
1
+ {"version":3,"file":"YDBSyntaxHighlighter.js","sourceRoot":"","sources":["../../../src/components/SyntaxHighlighter/YDBSyntaxHighlighter.tsx"],"names":[],"mappings":";AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,OAAO,EAAC,eAAe,EAAC,MAAM,mBAAmB,CAAC;AAClD,OAAO,EAAC,MAAM,EAAC,MAAM,kBAAkB,CAAC;AACxC,OAAO,EAAC,UAAU,IAAI,sBAAsB,EAAC,MAAM,0BAA0B,CAAC;AAE9E,OAAO,IAAI,MAAM,QAAQ,CAAC;AAC1B,OAAO,EAAC,CAAC,EAAC,MAAM,UAAU,CAAC;AAC3B,OAAO,EAAC,yBAAyB,EAAC,MAAM,UAAU,CAAC;AAEnD,OAAO,EAAC,GAAG,EAAC,MAAM,OAAO,CAAC;AAE1B,OAAO,6BAA6B,CAAC;AAErC,KAAK,UAAU,gBAAgB,CAAC,IAAc;IAC1C,IAAI,IAAI,KAAK,KAAK,EAAE,CAAC;QACjB,sBAAsB,CAAC,gBAAgB,CAAC,KAAK,EAAE,GAAG,CAAC,CAAC;IACxD,CAAC;SAAM,CAAC;QACJ,MAAM,EAAC,OAAO,EAAE,MAAM,EAAC,GAAG,MAAM,MAAM,CAClC,qDAAqD,IAAI,EAAE,CAC9D,CAAC;QACF,sBAAsB,CAAC,gBAAgB,CAAC,IAAI,EAAE,MAAM,CAAC,CAAC;IAC1D,CAAC;AACL,CAAC;AAkBD,MAAM,UAAU,oBAAoB,CAAC,EACjC,IAAI,EACJ,QAAQ,EACR,SAAS,EACT,qBAAqB,GAAG,IAAI,EAC5B,mBAAmB,GACK;IACxB,MAAM,CAAC,cAAc,EAAE,iBAAiB,CAAC,GAAG,KAAK,CAAC,QAAQ,CAAC,EAAE,CAAC,CAAC;IAE/D,MAAM,KAAK,GAAG,yBAAyB,CAAC,qBAAqB,CAAC,CAAC;IAE/D,KAAK,CAAC,SAAS,CAAC,GAAG,EAAE;QACjB,KAAK,UAAU,wBAAwB;YACnC,MAAM,gBAAgB,CAAC,QAAQ,CAAC,CAAC;YACjC,iBAAiB,CAAC,MAAM,EAAE,CAAC,CAAC;QAChC,CAAC;QACD,wBAAwB,EAAE,CAAC;IAC/B,CAAC,EAAE,CAAC,QAAQ,CAAC,CAAC,CAAC;IAEf,MAAM,gBAAgB,GAAG,GAAG,EAAE;QAC1B,IAAI,mBAAmB,EAAE,CAAC;YACtB,OAAO,CACH,cAAK,SAAS,EAAE,CAAC,CAAC,kBAAkB,CAAC,EAAE,OAAO,EAAE,CAAC,CAAC,EAAE,EAAE,CAAC,CAAC,CAAC,eAAe,EAAE,YACtE,KAAC,eAAe,IACZ,IAAI,EAAC,gBAAgB,EACrB,IAAI,EAAC,GAAG,EACR,SAAS,EAAE,CAAC,CAAC,MAAM,EAAE;wBACjB,OAAO,EACH,OAAO,mBAAmB,KAAK,QAAQ;4BACvC,mBAAmB,CAAC,aAAa;qBACxC,CAAC,EACF,IAAI,EACA,CAAC,OAAO,mBAAmB,KAAK,QAAQ;wBACpC,mBAAmB,CAAC,QAAQ,CAAC;wBACjC,IAAI,YAGP,OAAO,mBAAmB,KAAK,QAAQ;wBACxC,mBAAmB,CAAC,SAAS,KAAK,KAAK;wBACnC,CAAC,CAAC,IAAI;wBACN,CAAC,CAAC,IAAI,CAAC,MAAM,CAAC,GACJ,GAChB,CACT,CAAC;QACN,CAAC;QAED,OAAO,IAAI,CAAC;IAChB,CAAC,CAAC;IAEF,OAAO,CACH,eAAK,SAAS,EAAE,CAAC,CAAC,IAAI,EAAE,SAAS,CAAC,aAC7B,gBAAgB,EAAE,EAEnB,KAAC,sBAAsB,IAEnB,QAAQ,EAAE,QAAQ,EAClB,KAAK,EAAE,KAAK,EACZ,WAAW,EAAE,EAAC,MAAM,EAAE,MAAM,EAAC,YAE5B,IAAI,IALA,cAAc,CAME,IACvB,CACT,CAAC;AACN,CAAC"}
@@ -16,5 +16,18 @@
16
16
  position: absolute;
17
17
  top: 13px;
18
18
  right: 14px;
19
+
20
+ pointer-events: all;
21
+
22
+ opacity: 0;
23
+
24
+ &_visible {
25
+ opacity: 1;
26
+ }
27
+ }
28
+
29
+ .data-table__row:hover &__copy,
30
+ .ydb-paginated-table__row:hover &__copy {
31
+ opacity: 1;
19
32
  }
20
33
  }
@@ -3,5 +3,5 @@ export declare const YDBSyntaxHighlighterLazy: import("react").ForwardRefExoticC
3
3
  language: import("./types").Language;
4
4
  className?: string;
5
5
  transparentBackground?: boolean;
6
- withCopy?: boolean;
6
+ withClipboardButton?: import("./YDBSyntaxHighlighter").WithClipboardButtonProp;
7
7
  } & import("react").RefAttributes<typeof import("./YDBSyntaxHighlighter").YDBSyntaxHighlighter>>;
@@ -6,17 +6,17 @@ import { EntityStatus } from '../EntityStatus/EntityStatus';
6
6
  import { LinkWithIcon } from '../LinkWithIcon/LinkWithIcon';
7
7
  import i18n from './i18n';
8
8
  const getTenantBackend = (tenant, additionalTenantsProps) => {
9
- var _a, _b;
9
+ var _a;
10
10
  if (typeof (additionalTenantsProps === null || additionalTenantsProps === void 0 ? void 0 : additionalTenantsProps.prepareTenantBackend) !== 'function') {
11
11
  return undefined;
12
12
  }
13
- let backend = (_a = tenant.MonitoringEndpoint) !== null && _a !== void 0 ? _a : tenant.backend;
14
- const nodeIds = (_b = tenant.NodeIds) !== null && _b !== void 0 ? _b : tenant.sharedNodeIds;
15
- if (!backend && nodeIds && nodeIds.length > 0) {
13
+ let nodeId;
14
+ const nodeIds = (_a = tenant.NodeIds) !== null && _a !== void 0 ? _a : tenant.sharedNodeIds;
15
+ if (nodeIds && nodeIds.length > 0) {
16
16
  const index = Math.floor(Math.random() * nodeIds.length);
17
- backend = { NodeId: nodeIds[index] };
17
+ nodeId = nodeIds[index].toString();
18
18
  }
19
- return additionalTenantsProps.prepareTenantBackend(backend);
19
+ return additionalTenantsProps.prepareTenantBackend(nodeId);
20
20
  };
21
21
  export function TenantNameWrapper({ tenant, additionalTenantsProps }) {
22
22
  var _a, _b;
@@ -1 +1 @@
1
- {"version":3,"file":"TenantNameWrapper.js","sourceRoot":"","sources":["../../../src/components/TenantNameWrapper/TenantNameWrapper.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAC,cAAc,EAAE,IAAI,EAAC,MAAM,mBAAmB,CAAC;AAEvD,OAAO,EAAC,aAAa,EAAC,MAAM,qCAAqC,CAAC;AAGlE,OAAO,EAAC,6BAA6B,EAAC,MAAM,iDAAiD,CAAC;AAC9F,OAAO,EAAC,YAAY,EAAC,MAAM,8BAA8B,CAAC;AAC1D,OAAO,EAAC,YAAY,EAAC,MAAM,8BAA8B,CAAC;AAE1D,OAAO,IAAI,MAAM,QAAQ,CAAC;AAO1B,MAAM,gBAAgB,GAAG,CACrB,MAAsB,EACtB,sBAA+C,EACjD,EAAE;;IACA,IAAI,OAAO,CAAA,sBAAsB,aAAtB,sBAAsB,uBAAtB,sBAAsB,CAAE,oBAAoB,CAAA,KAAK,UAAU,EAAE,CAAC;QACrE,OAAO,SAAS,CAAC;IACrB,CAAC;IAED,IAAI,OAAO,GAAqC,MAAA,MAAM,CAAC,kBAAkB,mCAAI,MAAM,CAAC,OAAO,CAAC;IAC5F,MAAM,OAAO,GAAG,MAAA,MAAM,CAAC,OAAO,mCAAI,MAAM,CAAC,aAAa,CAAC;IACvD,IAAI,CAAC,OAAO,IAAI,OAAO,IAAI,OAAO,CAAC,MAAM,GAAG,CAAC,EAAE,CAAC;QAC5C,MAAM,KAAK,GAAG,IAAI,CAAC,KAAK,CAAC,IAAI,CAAC,MAAM,EAAE,GAAG,OAAO,CAAC,MAAM,CAAC,CAAC;QACzD,OAAO,GAAG,EAAC,MAAM,EAAE,OAAO,CAAC,KAAK,CAAC,EAAC,CAAC;IACvC,CAAC;IACD,OAAO,sBAAsB,CAAC,oBAAoB,CAAC,OAAO,CAAC,CAAC;AAChE,CAAC,CAAC;AAEF,MAAM,UAAU,iBAAiB,CAAC,EAAC,MAAM,EAAE,sBAAsB,EAAyB;;IACtF,MAAM,0BAA0B,GAAG,6BAA6B,EAAE,CAAC;IAEnE,MAAM,OAAO,GAAG,gBAAgB,CAAC,MAAM,EAAE,sBAAsB,CAAC,CAAC;IACjE,MAAM,cAAc,GAAG,OAAO,CAAC,OAAO,CAAC,CAAC;IAExC,MAAM,cAAc,GAAG,MAAA,sBAAsB,aAAtB,sBAAsB,uBAAtB,sBAAsB,CAAE,iBAAiB,uEAAG,MAAM,CAAC,IAAI,EAAE,MAAM,CAAC,IAAI,CAAC,CAAC;IAC7F,MAAM,QAAQ,GAAG,MAAA,sBAAsB,aAAtB,sBAAsB,uBAAtB,sBAAsB,CAAE,WAAW,uEAAG,MAAM,CAAC,IAAI,CAAC,CAAC;IAEpE,MAAM,kBAAkB,GACpB,CAAC,cAAc,IAAI,QAAQ,CAAC,IAAI,0BAA0B,CAAC,CAAC,CAAC,CACzD,KAAC,cAAc,IAAC,UAAU,kBACtB,KAAC,cAAc,CAAC,IAAI,IAAC,IAAI,EAAE,IAAI,CAAC,aAAa,CAAC,YAC1C,MAAC,IAAI,IAAC,GAAG,EAAE,CAAC,EAAE,IAAI,EAAC,MAAM,aACpB,cAAc,IAAI,CACf,KAAC,YAAY,IACT,KAAK,EAAE,IAAI,CAAC,uBAAuB,CAAC,EACpC,GAAG,EAAE,cAAc,GACrB,CACL,EACA,QAAQ,IAAI,CACT,KAAC,YAAY,IAAC,KAAK,EAAE,IAAI,CAAC,iBAAiB,CAAC,EAAE,GAAG,EAAE,QAAQ,GAAI,CAClE,IACE,GACW,GACT,CACpB,CAAC,CAAC,CAAC,IAAI,CAAC;IAEb,OAAO,CACH,KAAC,YAAY,IACT,YAAY,EAAE,cAAc,EAC5B,IAAI,EAAE,MAAM,CAAC,IAAI,IAAI,IAAI,CAAC,iBAAiB,CAAC,EAC5C,YAAY,EAAE,IAAI,EAClB,MAAM,EAAE,MAAM,CAAC,OAAO,EACtB,kBAAkB,EAAE,kBAAkB,EACtC,kBAAkB,QAClB,IAAI,EAAE,aAAa,CAAC;YAChB,QAAQ,EAAE,MAAM,CAAC,IAAI;YACrB,OAAO;SACV,CAAC,GACJ,CACL,CAAC;AACN,CAAC"}
1
+ {"version":3,"file":"TenantNameWrapper.js","sourceRoot":"","sources":["../../../src/components/TenantNameWrapper/TenantNameWrapper.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAC,cAAc,EAAE,IAAI,EAAC,MAAM,mBAAmB,CAAC;AAEvD,OAAO,EAAC,aAAa,EAAC,MAAM,qCAAqC,CAAC;AAGlE,OAAO,EAAC,6BAA6B,EAAC,MAAM,iDAAiD,CAAC;AAC9F,OAAO,EAAC,YAAY,EAAC,MAAM,8BAA8B,CAAC;AAC1D,OAAO,EAAC,YAAY,EAAC,MAAM,8BAA8B,CAAC;AAE1D,OAAO,IAAI,MAAM,QAAQ,CAAC;AAO1B,MAAM,gBAAgB,GAAG,CACrB,MAAsB,EACtB,sBAA+C,EACjD,EAAE;;IACA,IAAI,OAAO,CAAA,sBAAsB,aAAtB,sBAAsB,uBAAtB,sBAAsB,CAAE,oBAAoB,CAAA,KAAK,UAAU,EAAE,CAAC;QACrE,OAAO,SAAS,CAAC;IACrB,CAAC;IAED,IAAI,MAA0B,CAAC;IAC/B,MAAM,OAAO,GAAG,MAAA,MAAM,CAAC,OAAO,mCAAI,MAAM,CAAC,aAAa,CAAC;IACvD,IAAI,OAAO,IAAI,OAAO,CAAC,MAAM,GAAG,CAAC,EAAE,CAAC;QAChC,MAAM,KAAK,GAAG,IAAI,CAAC,KAAK,CAAC,IAAI,CAAC,MAAM,EAAE,GAAG,OAAO,CAAC,MAAM,CAAC,CAAC;QACzD,MAAM,GAAG,OAAO,CAAC,KAAK,CAAC,CAAC,QAAQ,EAAE,CAAC;IACvC,CAAC;IACD,OAAO,sBAAsB,CAAC,oBAAoB,CAAC,MAAM,CAAC,CAAC;AAC/D,CAAC,CAAC;AAEF,MAAM,UAAU,iBAAiB,CAAC,EAAC,MAAM,EAAE,sBAAsB,EAAyB;;IACtF,MAAM,0BAA0B,GAAG,6BAA6B,EAAE,CAAC;IAEnE,MAAM,OAAO,GAAG,gBAAgB,CAAC,MAAM,EAAE,sBAAsB,CAAC,CAAC;IACjE,MAAM,cAAc,GAAG,OAAO,CAAC,OAAO,CAAC,CAAC;IAExC,MAAM,cAAc,GAAG,MAAA,sBAAsB,aAAtB,sBAAsB,uBAAtB,sBAAsB,CAAE,iBAAiB,uEAAG,MAAM,CAAC,IAAI,EAAE,MAAM,CAAC,IAAI,CAAC,CAAC;IAC7F,MAAM,QAAQ,GAAG,MAAA,sBAAsB,aAAtB,sBAAsB,uBAAtB,sBAAsB,CAAE,WAAW,uEAAG,MAAM,CAAC,IAAI,CAAC,CAAC;IAEpE,MAAM,kBAAkB,GACpB,CAAC,cAAc,IAAI,QAAQ,CAAC,IAAI,0BAA0B,CAAC,CAAC,CAAC,CACzD,KAAC,cAAc,IAAC,UAAU,kBACtB,KAAC,cAAc,CAAC,IAAI,IAAC,IAAI,EAAE,IAAI,CAAC,aAAa,CAAC,YAC1C,MAAC,IAAI,IAAC,GAAG,EAAE,CAAC,EAAE,IAAI,EAAC,MAAM,aACpB,cAAc,IAAI,CACf,KAAC,YAAY,IACT,KAAK,EAAE,IAAI,CAAC,uBAAuB,CAAC,EACpC,GAAG,EAAE,cAAc,GACrB,CACL,EACA,QAAQ,IAAI,CACT,KAAC,YAAY,IAAC,KAAK,EAAE,IAAI,CAAC,iBAAiB,CAAC,EAAE,GAAG,EAAE,QAAQ,GAAI,CAClE,IACE,GACW,GACT,CACpB,CAAC,CAAC,CAAC,IAAI,CAAC;IAEb,OAAO,CACH,KAAC,YAAY,IACT,YAAY,EAAE,cAAc,EAC5B,IAAI,EAAE,MAAM,CAAC,IAAI,IAAI,IAAI,CAAC,iBAAiB,CAAC,EAC5C,YAAY,EAAE,IAAI,EAClB,MAAM,EAAE,MAAM,CAAC,OAAO,EACtB,kBAAkB,EAAE,kBAAkB,EACtC,kBAAkB,QAClB,IAAI,EAAE,aAAa,CAAC;YAChB,QAAQ,EAAE,MAAM,CAAC,IAAI;YACrB,OAAO;SACV,CAAC,GACJ,CACL,CAAC;AACN,CAAC"}
@@ -2,6 +2,8 @@ import './TruncatedQuery.scss';
2
2
  interface TruncatedQueryProps {
3
3
  value?: string;
4
4
  maxQueryHeight?: number;
5
+ hasClipboardButton?: boolean;
6
+ clipboardButtonAlwaysVisible?: boolean;
5
7
  }
6
- export declare const TruncatedQuery: ({ value, maxQueryHeight }: TruncatedQueryProps) => import("react/jsx-runtime").JSX.Element;
8
+ export declare const TruncatedQuery: ({ value, maxQueryHeight, hasClipboardButton, clipboardButtonAlwaysVisible, }: TruncatedQueryProps) => import("react/jsx-runtime").JSX.Element;
7
9
  export {};
@@ -4,14 +4,26 @@ import { cn } from '../../utils/cn';
4
4
  import { YDBSyntaxHighlighter } from '../SyntaxHighlighter/YDBSyntaxHighlighter';
5
5
  import './TruncatedQuery.scss';
6
6
  const b = cn('kv-truncated-query');
7
- export const TruncatedQuery = ({ value = '', maxQueryHeight = 6 }) => {
7
+ export const TruncatedQuery = ({ value = '', maxQueryHeight = 6, hasClipboardButton, clipboardButtonAlwaysVisible, }) => {
8
8
  const lines = value.split('\n');
9
9
  const truncated = lines.length > maxQueryHeight;
10
10
  if (truncated) {
11
11
  const content = lines.slice(0, maxQueryHeight).join('\n');
12
12
  const message = '\n...\nThe request was truncated. Click on the line to show the full query on the query tab';
13
- return (_jsxs(React.Fragment, { children: [_jsx(YDBSyntaxHighlighter, { language: "yql", className: b(), text: content }), _jsx("span", { className: b('message', { color: 'secondary' }), children: message })] }));
13
+ return (_jsxs(React.Fragment, { children: [_jsx(YDBSyntaxHighlighter, { language: "yql", className: b(), text: content, withClipboardButton: hasClipboardButton
14
+ ? {
15
+ alwaysVisible: clipboardButtonAlwaysVisible,
16
+ copyText: value,
17
+ withLabel: false,
18
+ }
19
+ : false }), _jsx("span", { className: b('message', { color: 'secondary' }), children: message })] }));
14
20
  }
15
- return _jsx(YDBSyntaxHighlighter, { language: "yql", text: value });
21
+ return (_jsx(YDBSyntaxHighlighter, { language: "yql", text: value, withClipboardButton: hasClipboardButton
22
+ ? {
23
+ alwaysVisible: clipboardButtonAlwaysVisible,
24
+ copyText: value,
25
+ withLabel: false,
26
+ }
27
+ : false }));
16
28
  };
17
29
  //# sourceMappingURL=TruncatedQuery.js.map
@@ -1 +1 @@
1
- {"version":3,"file":"TruncatedQuery.js","sourceRoot":"","sources":["../../../src/components/TruncatedQuery/TruncatedQuery.tsx"],"names":[],"mappings":";AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,OAAO,EAAC,EAAE,EAAC,MAAM,gBAAgB,CAAC;AAClC,OAAO,EAAC,oBAAoB,EAAC,MAAM,2CAA2C,CAAC;AAE/E,OAAO,uBAAuB,CAAC;AAE/B,MAAM,CAAC,GAAG,EAAE,CAAC,oBAAoB,CAAC,CAAC;AAOnC,MAAM,CAAC,MAAM,cAAc,GAAG,CAAC,EAAC,KAAK,GAAG,EAAE,EAAE,cAAc,GAAG,CAAC,EAAsB,EAAE,EAAE;IACpF,MAAM,KAAK,GAAG,KAAK,CAAC,KAAK,CAAC,IAAI,CAAC,CAAC;IAChC,MAAM,SAAS,GAAG,KAAK,CAAC,MAAM,GAAG,cAAc,CAAC;IAEhD,IAAI,SAAS,EAAE,CAAC;QACZ,MAAM,OAAO,GAAG,KAAK,CAAC,KAAK,CAAC,CAAC,EAAE,cAAc,CAAC,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC;QAC1D,MAAM,OAAO,GACT,6FAA6F,CAAC;QAClG,OAAO,CACH,MAAC,KAAK,CAAC,QAAQ,eACX,KAAC,oBAAoB,IAAC,QAAQ,EAAC,KAAK,EAAC,SAAS,EAAE,CAAC,EAAE,EAAE,IAAI,EAAE,OAAO,GAAI,EACtE,eAAM,SAAS,EAAE,CAAC,CAAC,SAAS,EAAE,EAAC,KAAK,EAAE,WAAW,EAAC,CAAC,YAAG,OAAO,GAAQ,IACxD,CACpB,CAAC;IACN,CAAC;IACD,OAAO,KAAC,oBAAoB,IAAC,QAAQ,EAAC,KAAK,EAAC,IAAI,EAAE,KAAK,GAAI,CAAC;AAChE,CAAC,CAAC"}
1
+ {"version":3,"file":"TruncatedQuery.js","sourceRoot":"","sources":["../../../src/components/TruncatedQuery/TruncatedQuery.tsx"],"names":[],"mappings":";AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,OAAO,EAAC,EAAE,EAAC,MAAM,gBAAgB,CAAC;AAClC,OAAO,EAAC,oBAAoB,EAAC,MAAM,2CAA2C,CAAC;AAE/E,OAAO,uBAAuB,CAAC;AAE/B,MAAM,CAAC,GAAG,EAAE,CAAC,oBAAoB,CAAC,CAAC;AASnC,MAAM,CAAC,MAAM,cAAc,GAAG,CAAC,EAC3B,KAAK,GAAG,EAAE,EACV,cAAc,GAAG,CAAC,EAClB,kBAAkB,EAClB,4BAA4B,GACV,EAAE,EAAE;IACtB,MAAM,KAAK,GAAG,KAAK,CAAC,KAAK,CAAC,IAAI,CAAC,CAAC;IAChC,MAAM,SAAS,GAAG,KAAK,CAAC,MAAM,GAAG,cAAc,CAAC;IAEhD,IAAI,SAAS,EAAE,CAAC;QACZ,MAAM,OAAO,GAAG,KAAK,CAAC,KAAK,CAAC,CAAC,EAAE,cAAc,CAAC,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC;QAC1D,MAAM,OAAO,GACT,6FAA6F,CAAC;QAClG,OAAO,CACH,MAAC,KAAK,CAAC,QAAQ,eACX,KAAC,oBAAoB,IACjB,QAAQ,EAAC,KAAK,EACd,SAAS,EAAE,CAAC,EAAE,EACd,IAAI,EAAE,OAAO,EACb,mBAAmB,EACf,kBAAkB;wBACd,CAAC,CAAC;4BACI,aAAa,EAAE,4BAA4B;4BAC3C,QAAQ,EAAE,KAAK;4BACf,SAAS,EAAE,KAAK;yBACnB;wBACH,CAAC,CAAC,KAAK,GAEjB,EACF,eAAM,SAAS,EAAE,CAAC,CAAC,SAAS,EAAE,EAAC,KAAK,EAAE,WAAW,EAAC,CAAC,YAAG,OAAO,GAAQ,IACxD,CACpB,CAAC;IACN,CAAC;IACD,OAAO,CACH,KAAC,oBAAoB,IACjB,QAAQ,EAAC,KAAK,EACd,IAAI,EAAE,KAAK,EACX,mBAAmB,EACf,kBAAkB;YACd,CAAC,CAAC;gBACI,aAAa,EAAE,4BAA4B;gBAC3C,QAAQ,EAAE,KAAK;gBACf,SAAS,EAAE,KAAK;aACnB;YACH,CAAC,CAAC,KAAK,GAEjB,CACL,CAAC;AACN,CAAC,CAAC"}
@@ -1,2 +1,2 @@
1
- declare const _default: (key: "tablets" | "cpu" | "memory" | "missing" | "version" | "database" | "host" | "uptime" | "load" | "dc" | "min" | "ping" | "send" | "node-id" | "max" | "node-name" | "rack" | "ram" | "pools" | "disk-usage" | "load-average" | "sessions" | "pdisks" | "field_memory-used" | "field_memory-limit" | "system-state" | "connect-status" | "utilization" | "network-utilization" | "connections" | "clock-skew" | "skew" | "ping-time" | "receive" | "avg" | "sum", params?: import("@gravity-ui/i18n").Params) => string;
1
+ declare const _default: (key: "tablets" | "cpu" | "memory" | "missing" | "version" | "database" | "host" | "uptime" | "load" | "dc" | "min" | "ping" | "send" | "max" | "node-id" | "node-name" | "rack" | "ram" | "pools" | "disk-usage" | "load-average" | "sessions" | "pdisks" | "field_memory-used" | "field_memory-limit" | "system-state" | "connect-status" | "utilization" | "network-utilization" | "connections" | "clock-skew" | "skew" | "ping-time" | "receive" | "avg" | "sum", params?: import("@gravity-ui/i18n").Params) => string;
2
2
  export default _default;
@@ -1,12 +1,13 @@
1
1
  import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
2
2
  import { ClipboardButton } from '@gravity-ui/uikit';
3
+ import { isNil } from 'lodash';
3
4
  import { useClusterBaseInfo } from '../../../store/reducers/cluster/cluster';
4
5
  import { cn } from '../../../utils/cn';
5
6
  import { USE_CLUSTER_BALANCER_AS_BACKEND_KEY } from '../../../utils/constants';
6
7
  import { useSetting } from '../../../utils/hooks';
7
8
  import { useAdditionalNodesProps } from '../../../utils/hooks/useAdditionalNodesProps';
8
- import { getCleanBalancerValue, removeViewerPathname } from '../../../utils/parseBalancer';
9
- import { getBackendFromNodeHost, getBackendFromRawNodeData } from '../../../utils/prepareBackend';
9
+ import { getCleanBalancerValue, prepareBackendFromBalancer } from '../../../utils/parseBalancer';
10
+ import { getBackendFromBalancerAndNodeId } from '../../../utils/prepareBackend';
10
11
  import './ExtendedCluster.scss';
11
12
  const b = cn('extended-cluster');
12
13
  const getAdditionalBalancerInfo = (balancer) => {
@@ -31,22 +32,19 @@ const getAdditionalClusterProps = ({ clusterName, monitoring, balancer, getMonit
31
32
  };
32
33
  const getAdditionalTenantsProps = ({ clusterName, monitoring, balancer, logging, useClusterBalancerAsBackend, getMonitoringLink, getLogsLink, }) => {
33
34
  const additionalTenantsProps = {};
34
- additionalTenantsProps.prepareTenantBackend = (nodeHostOrAddress) => {
35
+ additionalTenantsProps.prepareTenantBackend = (nodeId) => {
35
36
  var _a;
36
- // Proxy received from balancer value, so it's necessary
37
+ // Balancer value is used to create path, so it's necessary
37
38
  if (!balancer) {
38
39
  return undefined;
39
40
  }
40
41
  if (useClusterBalancerAsBackend) {
41
- return removeViewerPathname(balancer);
42
+ return prepareBackendFromBalancer(balancer);
42
43
  }
43
- if (!nodeHostOrAddress) {
44
+ if (isNil(nodeId)) {
44
45
  return undefined;
45
46
  }
46
- if (typeof nodeHostOrAddress === 'string') {
47
- return getBackendFromNodeHost(nodeHostOrAddress, balancer);
48
- }
49
- return (_a = getBackendFromRawNodeData(nodeHostOrAddress, balancer, true)) !== null && _a !== void 0 ? _a : undefined;
47
+ return (_a = getBackendFromBalancerAndNodeId(nodeId, balancer)) !== null && _a !== void 0 ? _a : undefined;
50
48
  };
51
49
  if (monitoring && getMonitoringLink) {
52
50
  additionalTenantsProps.getMonitoringLink = (dbName, dbType) => {
@@ -1 +1 @@
1
- {"version":3,"file":"ExtendedCluster.js","sourceRoot":"","sources":["../../../../src/containers/AppWithClusters/ExtendedCluster/ExtendedCluster.tsx"],"names":[],"mappings":"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"}
1
+ {"version":3,"file":"ExtendedCluster.js","sourceRoot":"","sources":["../../../../src/containers/AppWithClusters/ExtendedCluster/ExtendedCluster.tsx"],"names":[],"mappings":"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"}
@@ -1,12 +1,15 @@
1
1
  import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
2
2
  import React from 'react';
3
3
  import { CircleQuestion, Gear, Person } from '@gravity-ui/icons';
4
- import { AsideHeader, FooterItem } from '@gravity-ui/navigation';
4
+ import { AsideHeader, FooterItem, HotkeysPanel } from '@gravity-ui/navigation';
5
+ import { Hotkey } from '@gravity-ui/uikit';
6
+ import hotkeys from 'hotkeys-js';
5
7
  import { useHistory } from 'react-router-dom';
6
- import { settingsManager } from '../../services/settings';
7
8
  import { cn } from '../../utils/cn';
8
- import { ASIDE_HEADER_COMPACT_KEY, LANGUAGE_KEY } from '../../utils/constants';
9
+ import { ASIDE_HEADER_COMPACT_KEY } from '../../utils/constants';
9
10
  import { useSetting } from '../../utils/hooks';
11
+ import { InformationPopup } from './InformationPopup';
12
+ import { HOTKEYS, SHORTCUTS_HOTKEY } from './constants';
10
13
  import i18n from './i18n';
11
14
  import userSecret from '../../assets/icons/user-secret.svg';
12
15
  import ydbLogoIcon from '../../assets/icons/ydb.svg';
@@ -27,31 +30,64 @@ function UserDropdown({ isCompact, popupAnchor, user, children }) {
27
30
  var Panel;
28
31
  (function (Panel) {
29
32
  Panel["UserSettings"] = "UserSettings";
33
+ Panel["Information"] = "Information";
34
+ Panel["Hotkeys"] = "Hotkeys";
30
35
  })(Panel || (Panel = {}));
31
- function getDocumentationLink() {
32
- // Use saved language from settings if it's present, otherwise use browser language
33
- const lang = settingsManager.readUserSettingsValue(LANGUAGE_KEY, navigator.language);
34
- if (lang === 'ru') {
35
- return 'https://ydb.tech/docs/ru/';
36
- }
37
- return 'https://ydb.tech/docs/en/';
36
+ /**
37
+ * HotkeysPanelWrapper creates a render cycle separation between mounting and visibility change.
38
+ * This is necessary for smooth animations as HotkeysPanel uses CSSTransition internally.
39
+ *
40
+ * When a component is both mounted and set to visible at once, CSSTransition can't
41
+ * properly sequence its transition classes (panel → panel-active) because it's already active when mounted
42
+ * and counts transition as it has already happened.
43
+ * This wrapper ensures the component mounts first, then sets visible=true in a subsequent render cycle
44
+ * to make transition actually happen.
45
+ */
46
+ function HotkeysPanelWrapper({ visiblePanel, closePanel, }) {
47
+ const [visible, setVisible] = React.useState(false);
48
+ React.useEffect(() => {
49
+ setVisible(visiblePanel === Panel.Hotkeys);
50
+ }, [visiblePanel]);
51
+ return (_jsx(HotkeysPanel, { visible: visible, hotkeys: HOTKEYS, className: b('hotkeys-panel'), title: _jsxs("div", { className: b('hotkeys-panel-title'), children: [i18n('help-center.footer.shortcuts'), _jsx(Hotkey, { value: SHORTCUTS_HOTKEY })] }), onClose: closePanel }));
38
52
  }
39
53
  export function AsideNavigation(props) {
40
54
  const history = useHistory();
41
55
  const [visiblePanel, setVisiblePanel] = React.useState();
56
+ const [informationPopupVisible, setInformationPopupVisible] = React.useState(false);
42
57
  const [compact, setIsCompact] = useSetting(ASIDE_HEADER_COMPACT_KEY);
58
+ const toggleInformationPopup = () => setInformationPopupVisible((prev) => !prev);
59
+ const closeInformationPopup = React.useCallback(() => setInformationPopupVisible(false), []);
60
+ const openHotkeysPanel = React.useCallback(() => {
61
+ closeInformationPopup();
62
+ setVisiblePanel(Panel.Hotkeys);
63
+ }, [closeInformationPopup]);
64
+ const closePanel = React.useCallback(() => {
65
+ setVisiblePanel(undefined);
66
+ }, []);
67
+ const renderInformationPopup = () => {
68
+ return _jsx(InformationPopup, { onKeyboardShortcutsClick: openHotkeysPanel });
69
+ };
70
+ React.useEffect(() => {
71
+ // Register hotkey for keyboard shortcuts
72
+ hotkeys(SHORTCUTS_HOTKEY, openHotkeysPanel);
73
+ // Add listener for custom event from Monaco editor
74
+ window.addEventListener('openKeyboardShortcutsPanel', openHotkeysPanel);
75
+ return () => {
76
+ hotkeys.unbind(SHORTCUTS_HOTKEY);
77
+ window.removeEventListener('openKeyboardShortcutsPanel', openHotkeysPanel);
78
+ };
79
+ }, [openHotkeysPanel]);
43
80
  return (_jsx(React.Fragment, { children: _jsx(AsideHeader, { logo: {
44
81
  text: 'YDB',
45
82
  icon: ydbLogoIcon,
46
83
  onClick: () => history.push('/'),
47
84
  }, menuItems: props.menuItems, compact: compact, onChangeCompact: setIsCompact, className: b(), renderContent: () => props.content, renderFooter: ({ compact, asideRef }) => (_jsxs(React.Fragment, { children: [_jsx(FooterItem, { compact: compact, item: {
48
- id: 'documentation',
49
- title: i18n('navigation-item.documentation'),
85
+ id: 'information',
86
+ title: i18n('navigation-item.information'),
50
87
  icon: CircleQuestion,
51
- onItemClick: () => {
52
- window.open(getDocumentationLink(), '_blank', 'noreferrer');
53
- },
54
- } }), _jsx(FooterItem, { item: {
88
+ current: informationPopupVisible,
89
+ onItemClick: toggleInformationPopup,
90
+ }, enableTooltip: !informationPopupVisible, popupVisible: informationPopupVisible, onClosePopup: closeInformationPopup, renderPopupContent: renderInformationPopup }), _jsx(FooterItem, { item: {
55
91
  id: 'user-settings',
56
92
  title: i18n('navigation-item.settings'),
57
93
  icon: Gear,
@@ -67,8 +103,16 @@ export function AsideNavigation(props) {
67
103
  visible: visiblePanel === Panel.UserSettings,
68
104
  content: props.settings,
69
105
  },
70
- ], onClosePanel: () => {
71
- setVisiblePanel(undefined);
72
- } }) }));
106
+ {
107
+ id: 'information',
108
+ visible: visiblePanel === Panel.Information,
109
+ },
110
+ {
111
+ id: 'hotkeys',
112
+ visible: visiblePanel === Panel.Hotkeys,
113
+ keepMounted: true,
114
+ content: (_jsx(HotkeysPanelWrapper, { visiblePanel: visiblePanel, closePanel: closePanel })),
115
+ },
116
+ ], onClosePanel: closePanel }) }));
73
117
  }
74
118
  //# sourceMappingURL=AsideNavigation.js.map
@@ -1 +1 @@
1
- {"version":3,"file":"AsideNavigation.js","sourceRoot":"","sources":["../../../src/containers/AsideNavigation/AsideNavigation.tsx"],"names":[],"mappings":";AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,OAAO,EAAC,cAAc,EAAE,IAAI,EAAE,MAAM,EAAC,MAAM,mBAAmB,CAAC;AAE/D,OAAO,EAAC,WAAW,EAAE,UAAU,EAAC,MAAM,wBAAwB,CAAC;AAE/D,OAAO,EAAC,UAAU,EAAC,MAAM,kBAAkB,CAAC;AAE5C,OAAO,EAAC,eAAe,EAAC,MAAM,yBAAyB,CAAC;AACxD,OAAO,EAAC,EAAE,EAAC,MAAM,gBAAgB,CAAC;AAClC,OAAO,EAAC,wBAAwB,EAAE,YAAY,EAAC,MAAM,uBAAuB,CAAC;AAC7E,OAAO,EAAC,UAAU,EAAC,MAAM,mBAAmB,CAAC;AAE7C,OAAO,IAAI,MAAM,QAAQ,CAAC;AAE1B,OAAO,UAAU,MAAM,oCAAoC,CAAC;AAC5D,OAAO,WAAW,MAAM,4BAA4B,CAAC;AAErD,OAAO,wBAAwB,CAAC;AAEhC,MAAM,CAAC,GAAG,EAAE,CAAC,eAAe,CAAC,CAAC;AAY9B,SAAS,YAAY,CAAC,EAAC,SAAS,EAAE,WAAW,EAAE,IAAI,EAAE,QAAQ,EAAuB;;IAChF,MAAM,CAAC,qBAAqB,EAAE,wBAAwB,CAAC,GAAG,KAAK,CAAC,QAAQ,CAAC,KAAK,CAAC,CAAC;IAChF,MAAM,QAAQ,GAAG,IAAI,CAAC,CAAC,CAAC,CAAC,MAAA,IAAI,CAAC,IAAI,mCAAI,MAAM,CAAC,CAAC,CAAC,CAAC,UAAU,CAAC;IAC3D,OAAO,CACH,KAAC,UAAU,IACP,OAAO,EAAE,SAAS,EAClB,IAAI,EAAE;YACF,EAAE,EAAE,YAAY;YAChB,KAAK,EAAE,CAAA,IAAI,aAAJ,IAAI,uBAAJ,IAAI,CAAE,KAAK,EAAC,CAAC,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC,CAAC,IAAI,CAAC,yBAAyB,CAAC;YACjE,OAAO,EAAE,qBAAqB;YAC9B,IAAI,EAAE,QAAQ;YACd,WAAW,EAAE,GAAG,EAAE,CAAC,wBAAwB,CAAC,CAAC,CAAC,EAAE,EAAE,CAAC,CAAC,CAAC,CAAC;SACzD,EACD,aAAa,EAAE,CAAC,qBAAqB,EACrC,WAAW,EAAE,WAAW,EACxB,YAAY,EAAE,qBAAqB,EACnC,YAAY,EAAE,GAAG,EAAE,CAAC,wBAAwB,CAAC,KAAK,CAAC,EACnD,kBAAkB,EAAE,GAAG,EAAE,CAAC,cAAK,SAAS,EAAE,CAAC,CAAC,kBAAkB,CAAC,YAAG,QAAQ,GAAO,GACnF,CACL,CAAC;AACN,CAAC;AAUD,IAAK,KAEJ;AAFD,WAAK,KAAK;IACN,sCAA6B,CAAA;AACjC,CAAC,EAFI,KAAK,KAAL,KAAK,QAET;AAED,SAAS,oBAAoB;IACzB,mFAAmF;IACnF,MAAM,IAAI,GAAG,eAAe,CAAC,qBAAqB,CAAC,YAAY,EAAE,SAAS,CAAC,QAAQ,CAAC,CAAC;IAErF,IAAI,IAAI,KAAK,IAAI,EAAE,CAAC;QAChB,OAAO,2BAA2B,CAAC;IACvC,CAAC;IAED,OAAO,2BAA2B,CAAC;AACvC,CAAC;AAED,MAAM,UAAU,eAAe,CAAC,KAA2B;IACvD,MAAM,OAAO,GAAG,UAAU,EAAE,CAAC;IAE7B,MAAM,CAAC,YAAY,EAAE,eAAe,CAAC,GAAG,KAAK,CAAC,QAAQ,EAAS,CAAC;IAEhE,MAAM,CAAC,OAAO,EAAE,YAAY,CAAC,GAAG,UAAU,CAAU,wBAAwB,CAAC,CAAC;IAE9E,OAAO,CACH,KAAC,KAAK,CAAC,QAAQ,cACX,KAAC,WAAW,IACR,IAAI,EAAE;gBACF,IAAI,EAAE,KAAK;gBACX,IAAI,EAAE,WAAW;gBACjB,OAAO,EAAE,GAAG,EAAE,CAAC,OAAO,CAAC,IAAI,CAAC,GAAG,CAAC;aACnC,EACD,SAAS,EAAE,KAAK,CAAC,SAAS,EAC1B,OAAO,EAAE,OAAO,EAChB,eAAe,EAAE,YAAY,EAC7B,SAAS,EAAE,CAAC,EAAE,EACd,aAAa,EAAE,GAAG,EAAE,CAAC,KAAK,CAAC,OAAO,EAClC,YAAY,EAAE,CAAC,EAAC,OAAO,EAAE,QAAQ,EAAC,EAAE,EAAE,CAAC,CACnC,MAAC,KAAK,CAAC,QAAQ,eACX,KAAC,UAAU,IACP,OAAO,EAAE,OAAO,EAChB,IAAI,EAAE;4BACF,EAAE,EAAE,eAAe;4BACnB,KAAK,EAAE,IAAI,CAAC,+BAA+B,CAAC;4BAC5C,IAAI,EAAE,cAAc;4BACpB,WAAW,EAAE,GAAG,EAAE;gCACd,MAAM,CAAC,IAAI,CAAC,oBAAoB,EAAE,EAAE,QAAQ,EAAE,YAAY,CAAC,CAAC;4BAChE,CAAC;yBACJ,GACH,EAEF,KAAC,UAAU,IACP,IAAI,EAAE;4BACF,EAAE,EAAE,eAAe;4BACnB,KAAK,EAAE,IAAI,CAAC,0BAA0B,CAAC;4BACvC,IAAI,EAAE,IAAI;4BACV,OAAO,EAAE,YAAY,KAAK,KAAK,CAAC,YAAY;4BAC5C,WAAW,EAAE,GAAG,EAAE;gCACd,eAAe,CACX,YAAY,KAAK,KAAK,CAAC,YAAY;oCAC/B,CAAC,CAAC,SAAS;oCACX,CAAC,CAAC,KAAK,CAAC,YAAY,CAC3B,CAAC;4BACN,CAAC;yBACJ,EACD,OAAO,EAAE,OAAO,GAClB,EAEF,KAAC,YAAY,IAAC,SAAS,EAAE,OAAO,EAAE,WAAW,EAAE,QAAQ,EAAE,IAAI,EAAE,KAAK,CAAC,IAAI,YACpE,KAAK,CAAC,eAAe,GACX,IACF,CACpB,EACD,UAAU,EAAE;gBACR;oBACI,EAAE,EAAE,eAAe;oBACnB,OAAO,EAAE,YAAY,KAAK,KAAK,CAAC,YAAY;oBAC5C,OAAO,EAAE,KAAK,CAAC,QAAQ;iBAC1B;aACJ,EACD,YAAY,EAAE,GAAG,EAAE;gBACf,eAAe,CAAC,SAAS,CAAC,CAAC;YAC/B,CAAC,GACH,GACW,CACpB,CAAC;AACN,CAAC"}
1
+ {"version":3,"file":"AsideNavigation.js","sourceRoot":"","sources":["../../../src/containers/AsideNavigation/AsideNavigation.tsx"],"names":[],"mappings":"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"}
@@ -19,4 +19,9 @@
19
19
  width: 300px;
20
20
  padding: 10px;
21
21
  }
22
+
23
+ &__hotkeys-panel-title {
24
+ display: flex;
25
+ gap: var(--g-spacing-2);
26
+ }
22
27
  }
@@ -0,0 +1,5 @@
1
+ import './InformationPopup.scss';
2
+ export interface InformationPopupProps {
3
+ onKeyboardShortcutsClick?: () => void;
4
+ }
5
+ export declare function InformationPopup({ onKeyboardShortcutsClick }: InformationPopupProps): import("react/jsx-runtime").JSX.Element;
@@ -0,0 +1,23 @@
1
+ import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
2
+ import { Keyboard } from '@gravity-ui/icons';
3
+ import { Flex, Hotkey, Icon, Link, List, Text } from '@gravity-ui/uikit';
4
+ import { settingsManager } from '../../../services/settings';
5
+ import { cn } from '../../../utils/cn';
6
+ import { LANGUAGE_KEY } from '../../../utils/constants';
7
+ import { SHORTCUTS_HOTKEY } from '../constants';
8
+ import i18n from '../i18n';
9
+ import './InformationPopup.scss';
10
+ const b = cn('information-popup');
11
+ export function InformationPopup({ onKeyboardShortcutsClick }) {
12
+ const getDocumentationLink = () => {
13
+ const lang = settingsManager.readUserSettingsValue(LANGUAGE_KEY, navigator.language);
14
+ return lang === 'ru' ? 'https://ydb.tech/docs/ru/' : 'https://ydb.tech/docs/en/';
15
+ };
16
+ return (_jsxs("div", { className: b('content', {}), children: [_jsxs("div", { className: b('docs'), children: [_jsx(Text, { variant: "subheader-3", color: "primary", className: b('title'), children: "Documentation" }), _jsx("div", { className: b('docs-list-wrap'), children: _jsx(List, { items: [
17
+ {
18
+ text: i18n('help-center.item.documentation'),
19
+ url: getDocumentationLink(),
20
+ },
21
+ ], filterable: false, virtualized: false, renderItem: ({ text, url }) => (_jsx(Link, { className: b('docs-link'), rel: "noopener", target: "_blank", href: url, title: typeof text === 'string' ? text : undefined, children: text })), itemClassName: b('item') }) })] }), _jsx("div", { className: b('footer'), children: _jsxs(Flex, { justifyContent: "space-between", className: b('shortcuts-item'), onClick: onKeyboardShortcutsClick, children: [_jsxs(Flex, { alignItems: "center", children: [_jsx("div", { className: b('item-icon-wrap'), children: _jsx(Icon, { data: Keyboard }) }), i18n('help-center.footer.shortcuts')] }), _jsx(Hotkey, { value: SHORTCUTS_HOTKEY })] }) })] }));
22
+ }
23
+ //# sourceMappingURL=InformationPopup.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"InformationPopup.js","sourceRoot":"","sources":["../../../../src/containers/AsideNavigation/InformationPopup/InformationPopup.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAC,QAAQ,EAAC,MAAM,mBAAmB,CAAC;AAC3C,OAAO,EAAC,IAAI,EAAE,MAAM,EAAE,IAAI,EAAE,IAAI,EAAE,IAAI,EAAE,IAAI,EAAC,MAAM,mBAAmB,CAAC;AAEvE,OAAO,EAAC,eAAe,EAAC,MAAM,4BAA4B,CAAC;AAC3D,OAAO,EAAC,EAAE,EAAC,MAAM,mBAAmB,CAAC;AACrC,OAAO,EAAC,YAAY,EAAC,MAAM,0BAA0B,CAAC;AACtD,OAAO,EAAC,gBAAgB,EAAC,MAAM,cAAc,CAAC;AAC9C,OAAO,IAAI,MAAM,SAAS,CAAC;AAE3B,OAAO,yBAAyB,CAAC;AAEjC,MAAM,CAAC,GAAG,EAAE,CAAC,mBAAmB,CAAC,CAAC;AAMlC,MAAM,UAAU,gBAAgB,CAAC,EAAC,wBAAwB,EAAwB;IAC9E,MAAM,oBAAoB,GAAG,GAAG,EAAE;QAC9B,MAAM,IAAI,GAAG,eAAe,CAAC,qBAAqB,CAAC,YAAY,EAAE,SAAS,CAAC,QAAQ,CAAC,CAAC;QACrF,OAAO,IAAI,KAAK,IAAI,CAAC,CAAC,CAAC,2BAA2B,CAAC,CAAC,CAAC,2BAA2B,CAAC;IACrF,CAAC,CAAC;IAEF,OAAO,CACH,eAAK,SAAS,EAAE,CAAC,CAAC,SAAS,EAAE,EAAE,CAAC,aAC5B,eAAK,SAAS,EAAE,CAAC,CAAC,MAAM,CAAC,aACrB,KAAC,IAAI,IAAC,OAAO,EAAC,aAAa,EAAC,KAAK,EAAC,SAAS,EAAC,SAAS,EAAE,CAAC,CAAC,OAAO,CAAC,8BAE1D,EACP,cAAK,SAAS,EAAE,CAAC,CAAC,gBAAgB,CAAC,YAC/B,KAAC,IAAI,IACD,KAAK,EAAE;gCACH;oCACI,IAAI,EAAE,IAAI,CAAC,gCAAgC,CAAC;oCAC5C,GAAG,EAAE,oBAAoB,EAAE;iCAC9B;6BACJ,EACD,UAAU,EAAE,KAAK,EACjB,WAAW,EAAE,KAAK,EAClB,UAAU,EAAE,CAAC,EAAC,IAAI,EAAE,GAAG,EAAC,EAAE,EAAE,CAAC,CACzB,KAAC,IAAI,IACD,SAAS,EAAE,CAAC,CAAC,WAAW,CAAC,EACzB,GAAG,EAAC,UAAU,EACd,MAAM,EAAC,QAAQ,EACf,IAAI,EAAE,GAAG,EACT,KAAK,EAAE,OAAO,IAAI,KAAK,QAAQ,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC,SAAS,YAEjD,IAAI,GACF,CACV,EACD,aAAa,EAAE,CAAC,CAAC,MAAM,CAAC,GAC1B,GACA,IACJ,EAEN,cAAK,SAAS,EAAE,CAAC,CAAC,QAAQ,CAAC,YACvB,MAAC,IAAI,IACD,cAAc,EAAC,eAAe,EAC9B,SAAS,EAAE,CAAC,CAAC,gBAAgB,CAAC,EAC9B,OAAO,EAAE,wBAAwB,aAEjC,MAAC,IAAI,IAAC,UAAU,EAAC,QAAQ,aACrB,cAAK,SAAS,EAAE,CAAC,CAAC,gBAAgB,CAAC,YAC/B,KAAC,IAAI,IAAC,IAAI,EAAE,QAAQ,GAAI,GACtB,EACL,IAAI,CAAC,8BAA8B,CAAC,IAClC,EACP,KAAC,MAAM,IAAC,KAAK,EAAE,gBAAgB,GAAI,IAChC,GACL,IACJ,CACT,CAAC;AACN,CAAC"}