ydb-embedded-ui 11.4.0 → 11.5.0

package/dist/components/QueriesActivityBar/useQueriesActivityData.js

@@ -0,0 +1,71 @@
+import React from 'react';
+import { topQueriesApi } from '../../store/reducers/executeTopQueries/executeTopQueries';
+import { useAutoRefreshInterval } from '../../utils/hooks';
+import { chartApi } from '../MetricChart/reducer';
+import { calculateLatency, calculateQueriesPerSecond } from './utils';
+// Configuration constants for chart timeframes
+const QUERIES_TIME_FRAME = '1h';
+const LATENCIES_TIME_FRAME = '1h';
+export function useQueriesActivityData(tenantName) {
+    var _a, _b, _c, _d, _e, _f, _g;
+    const [autoRefreshInterval] = useAutoRefreshInterval();
+    const shouldRefresh = autoRefreshInterval;
+    const { data: runningQueriesData } = topQueriesApi.useGetRunningQueriesQuery({
+        database: tenantName,
+        filters: {},
+    }, { pollingInterval: shouldRefresh });
+    const { data: queriesPerSecData, isSuccess: queriesSuccess, isError: queriesError, } = chartApi.useGetChartDataQuery({
+        database: tenantName,
+        metrics: [{ target: 'queries.requests' }],
+        timeFrame: QUERIES_TIME_FRAME,
+        maxDataPoints: 30,
+    }, { pollingInterval: shouldRefresh });
+    const { data: latencyData } = chartApi.useGetChartDataQuery({
+        database: tenantName,
+        metrics: [{ target: 'queries.latencies.p99' }],
+        timeFrame: LATENCIES_TIME_FRAME,
+        maxDataPoints: 30,
+    }, { pollingInterval: shouldRefresh });
+    const runningQueriesCount = ((_c = (_b = (_a = runningQueriesData === null || runningQueriesData === void 0 ? void 0 : runningQueriesData.resultSets) === null || _a === void 0 ? void 0 : _a[0]) === null || _b === void 0 ? void 0 : _b.result) === null || _c === void 0 ? void 0 : _c.length) || 0;
+    // Determine chart availability from queries API success/error state
+    const areChartsAvailable = React.useMemo(() => {
+        if (queriesSuccess) {
+            return true;
+        }
+        if (queriesError) {
+            return false;
+        }
+        return null; // Still loading
+    }, [queriesSuccess, queriesError]);
+    const qps = React.useMemo(() => { var _a, _b; return calculateQueriesPerSecond((_b = (_a = queriesPerSecData === null || queriesPerSecData === void 0 ? void 0 : queriesPerSecData.metrics) === null || _a === void 0 ? void 0 : _a[0]) === null || _b === void 0 ? void 0 : _b.data); }, [(_e = (_d = queriesPerSecData === null || queriesPerSecData === void 0 ? void 0 : queriesPerSecData.metrics) === null || _d === void 0 ? void 0 : _d[0]) === null || _e === void 0 ? void 0 : _e.data]);
+    const latency = React.useMemo(() => { var _a, _b; return calculateLatency((_b = (_a = latencyData === null || latencyData === void 0 ? void 0 : latencyData.metrics) === null || _a === void 0 ? void 0 : _a[0]) === null || _b === void 0 ? void 0 : _b.data); }, [(_g = (_f = latencyData === null || latencyData === void 0 ? void 0 : latencyData.metrics) === null || _f === void 0 ? void 0 : _f[0]) === null || _g === void 0 ? void 0 : _g.data]);
+    const uniqueApplications = React.useMemo(() => {
+        var _a, _b, _c;
+        const apps = new Set();
+        (_c = (_b = (_a = runningQueriesData === null || runningQueriesData === void 0 ? void 0 : runningQueriesData.resultSets) === null || _a === void 0 ? void 0 : _a[0]) === null || _b === void 0 ? void 0 : _b.result) === null || _c === void 0 ? void 0 : _c.forEach((row) => {
+            if (row.ApplicationName) {
+                apps.add(String(row.ApplicationName));
+            }
+        });
+        return apps.size;
+    }, [runningQueriesData]);
+    const uniqueUsers = React.useMemo(() => {
+        var _a, _b, _c;
+        const users = new Set();
+        (_c = (_b = (_a = runningQueriesData === null || runningQueriesData === void 0 ? void 0 : runningQueriesData.resultSets) === null || _a === void 0 ? void 0 : _a[0]) === null || _b === void 0 ? void 0 : _b.result) === null || _c === void 0 ? void 0 : _c.forEach((row) => {
+            if (row.UserSID) {
+                users.add(String(row.UserSID));
+            }
+        });
+        return users.size;
+    }, [runningQueriesData]);
+    return {
+        runningQueriesCount,
+        uniqueApplications,
+        uniqueUsers,
+        qps,
+        latency,
+        areChartsAvailable,
+    };
+}
+//# sourceMappingURL=useQueriesActivityData.js.map

package/dist/components/QueriesActivityBar/useQueriesActivityData.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useQueriesActivityData.js","sourceRoot":"","sources":["../../../src/components/QueriesActivityBar/useQueriesActivityData.ts"],"names":[],"mappings":"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"}

package/dist/components/SeeAllButton/SeeAllButton.d.ts

@@ -0,0 +1,7 @@
+interface SeeAllButtonProps {
+    to: string;
+    className?: string;
+    onClick?: () => void;
+}
+export declare function SeeAllButton({ to, className, onClick }: SeeAllButtonProps): import("react/jsx-runtime").JSX.Element;
+export {};

package/dist/components/SeeAllButton/SeeAllButton.js

@@ -0,0 +1,9 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { ArrowRight } from '@gravity-ui/icons';
+import { Flex, Icon, Text } from '@gravity-ui/uikit';
+import { InternalLink } from '../InternalLink';
+import i18n from './i18n';
+export function SeeAllButton({ to, className, onClick }) {
+    return (_jsx(InternalLink, { className: className, to: to, onClick: onClick, children: _jsxs(Flex, { alignItems: "center", gap: 1, children: [_jsx(Text, { children: i18n('action_see-all') }), _jsx(Icon, { data: ArrowRight, size: 16 })] }) }));
+}
+//# sourceMappingURL=SeeAllButton.js.map

package/dist/components/SeeAllButton/SeeAllButton.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"SeeAllButton.js","sourceRoot":"","sources":["../../../src/components/SeeAllButton/SeeAllButton.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAC,UAAU,EAAC,MAAM,mBAAmB,CAAC;AAC7C,OAAO,EAAC,IAAI,EAAE,IAAI,EAAE,IAAI,EAAC,MAAM,mBAAmB,CAAC;AAEnD,OAAO,EAAC,YAAY,EAAC,MAAM,iBAAiB,CAAC;AAE7C,OAAO,IAAI,MAAM,QAAQ,CAAC;AAQ1B,MAAM,UAAU,YAAY,CAAC,EAAC,EAAE,EAAE,SAAS,EAAE,OAAO,EAAoB;IACpE,OAAO,CACH,KAAC,YAAY,IAAC,SAAS,EAAE,SAAS,EAAE,EAAE,EAAE,EAAE,EAAE,OAAO,EAAE,OAAO,YACxD,MAAC,IAAI,IAAC,UAAU,EAAC,QAAQ,EAAC,GAAG,EAAE,CAAC,aAC5B,KAAC,IAAI,cAAE,IAAI,CAAC,gBAAgB,CAAC,GAAQ,EACrC,KAAC,IAAI,IAAC,IAAI,EAAE,UAAU,EAAE,IAAI,EAAE,EAAE,GAAI,IACjC,GACI,CAClB,CAAC;AACN,CAAC"}

package/dist/components/SeeAllButton/i18n/en.json

@@ -0,0 +1,3 @@
+{
+    "action_see-all": "See all"
+}

package/dist/components/SeeAllButton/i18n/index.d.ts

@@ -0,0 +1,2 @@
+declare const _default: (key: "action_see-all", params?: import("@gravity-ui/i18n").Params) => string;
+export default _default;

package/dist/components/SeeAllButton/i18n/index.js

@@ -0,0 +1,5 @@
+import { registerKeysets } from '../../../utils/i18n';
+import en from './en.json';
+const COMPONENT = 'ydb-see-all-button';
+export default registerKeysets(COMPONENT, { en });
+//# sourceMappingURL=index.js.map

package/dist/components/SeeAllButton/i18n/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/components/SeeAllButton/i18n/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAC,eAAe,EAAC,MAAM,qBAAqB,CAAC;AAEpD,OAAO,EAAE,MAAM,WAAW,CAAC;AAE3B,MAAM,SAAS,GAAG,oBAAoB,CAAC;AAEvC,eAAe,eAAe,CAAC,SAAS,EAAE,EAAC,EAAE,EAAC,CAAC,CAAC"}

package/dist/components/ShardsTable/columns.js

@@ -65,7 +65,7 @@ export const getCpuCoresColumn = () => {
             const usage = Number(row.CPUCores) * 100 || 0;
             return (_jsx(UsageLabel, { value: roundToPrecision(usage, 2), theme: getUsageSeverity(usage) }));
         },
-        align: DataTable.RIGHT,
+        align: DataTable.LEFT,
         width: 110,
         resizeMinWidth: 110,
     };

package/dist/components/ShardsTable/columns.js.map

@@ -1 +1 @@
-{"version":3,"file":"columns.js","sourceRoot":"","sources":["../../../src/components/ShardsTable/columns.tsx"],"names":[],"mappings":"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"}
+{"version":3,"file":"columns.js","sourceRoot":"","sources":["../../../src/components/ShardsTable/columns.tsx"],"names":[],"mappings":"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"}

package/dist/components/SpeedMultiMeter/SpeedMultiMeter.js

@@ -3,6 +3,7 @@ import React from 'react';
 import { Popover } from '@gravity-ui/uikit';
 import { formatBytes } from '../../utils/bytesParsers';
 import { cn } from '../../utils/cn';
+import { YDB_POPOVER_CLASS_NAME } from '../../utils/constants';
 import i18n from './i18n';
 import './SpeedMultiMeter.scss';
 const b = cn('speed-multimeter');
@@ -42,6 +43,6 @@ export const SpeedMultiMeter = ({ data, speedSize = 'kb', withValue = true, with
     const renderPopoverContent = () => {
         return (_jsxs("div", { className: b('popover-content'), children: [_jsx("span", { className: b('popover-header'), children: i18n('averageSpeed') }), formattedValues.map((formattedValue, index) => (_jsx("span", { className: b('popover-row', getModifier(isValueHighlighted(index))), children: `${formattedValue.label}: ${formattedValue.value}` }, index)))] }));
     };
-    return (_jsx("div", { className: b(), children: _jsxs("div", { className: b('content'), children: [withValue && (_jsx("div", { className: b('displayed-value'), children: formatValue(valueToDisplay) })), _jsx(Popover, { content: renderPopoverContent(), className: b('popover-container'), placement: 'bottom', disabled: !withPopover, hasArrow: true, children: _jsx("div", { className: b('bars'), onMouseLeave: onLeaveDiagram, children: renderValues() }) })] }) }));
+    return (_jsx("div", { className: b(), children: _jsxs("div", { className: b('content'), children: [withValue && (_jsx("div", { className: b('displayed-value'), children: formatValue(valueToDisplay) })), _jsx(Popover, { content: renderPopoverContent(), className: b('popover-container', YDB_POPOVER_CLASS_NAME), placement: 'bottom', disabled: !withPopover, hasArrow: true, children: _jsx("div", { className: b('bars'), onMouseLeave: onLeaveDiagram, children: renderValues() }) })] }) }));
 };
 //# sourceMappingURL=SpeedMultiMeter.js.map

package/dist/components/SpeedMultiMeter/SpeedMultiMeter.js.map

@@ -1 +1 @@
-{"version":3,"file":"SpeedMultiMeter.js","sourceRoot":"","sources":["../../../src/components/SpeedMultiMeter/SpeedMultiMeter.tsx"],"names":[],"mappings":"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"}
+{"version":3,"file":"SpeedMultiMeter.js","sourceRoot":"","sources":["../../../src/components/SpeedMultiMeter/SpeedMultiMeter.tsx"],"names":[],"mappings":"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"}

package/dist/components/SpeedMultiMeter/SpeedMultiMeter.scss

@@ -70,9 +70,6 @@
         font-size: 18px;
         line-height: 24px;
     }
-    &__popover-content {
-        padding: var(--g-spacing-4);
-    }
 
     &__popover-row {
         display: block;

package/dist/components/SyntaxHighlighter/YDBSyntaxHighlighter.d.ts

@@ -1,9 +1,11 @@
+import type { ButtonSize } from '@gravity-ui/uikit';
 import type { Language } from './types';
 import './YDBSyntaxHighlighter.scss';
 interface ClipboardButtonOptions {
     alwaysVisible?: boolean;
     copyText?: string;
     withLabel?: boolean;
+    size?: ButtonSize;
 }
 export type WithClipboardButtonProp = ClipboardButtonOptions | boolean;
 type YDBSyntaxHighlighterProps = {

package/dist/components/SyntaxHighlighter/YDBSyntaxHighlighter.js

@@ -27,17 +27,12 @@ export function YDBSyntaxHighlighter({ text, language, className, transparentBac
         }
         registerLangAndUpdateKey();
     }, [language]);
+    const clipboardButtonProps = typeof withClipboardButton === 'object' ? withClipboardButton : undefined;
     const renderCopyButton = () => {
         if (withClipboardButton) {
-            return (_jsx("div", { className: b('sticky-container'), onClick: (e) => e.stopPropagation(), children: _jsx(ClipboardButton, { view: "flat-secondary", size: "s", className: b('copy', {
-                        visible: typeof withClipboardButton === 'object' &&
-                            withClipboardButton.alwaysVisible,
-                    }), text: (typeof withClipboardButton === 'object' &&
-                        withClipboardButton.copyText) ||
-                        text, children: typeof withClipboardButton === 'object' &&
-                        withClipboardButton.withLabel === false
-                        ? null
-                        : i18n('copy') }) }));
+            return (_jsx("div", { className: b('sticky-container'), onClick: (e) => e.stopPropagation(), children: _jsx(ClipboardButton, { view: "flat-secondary", size: (clipboardButtonProps === null || clipboardButtonProps === void 0 ? void 0 : clipboardButtonProps.size) || 'xs', className: b('copy', {
+                        visible: clipboardButtonProps === null || clipboardButtonProps === void 0 ? void 0 : clipboardButtonProps.alwaysVisible,
+                    }), text: (clipboardButtonProps === null || clipboardButtonProps === void 0 ? void 0 : clipboardButtonProps.copyText) || text, children: (clipboardButtonProps === null || clipboardButtonProps === void 0 ? void 0 : clipboardButtonProps.withLabel) === false ? null : i18n('copy') }) }));
         }
         return null;
     };

package/dist/components/SyntaxHighlighter/YDBSyntaxHighlighter.js.map

@@ -1 +1 @@
-{"version":3,"file":"YDBSyntaxHighlighter.js","sourceRoot":"","sources":["../../../src/components/SyntaxHighlighter/YDBSyntaxHighlighter.tsx"],"names":[],"mappings":"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"}
+{"version":3,"file":"YDBSyntaxHighlighter.js","sourceRoot":"","sources":["../../../src/components/SyntaxHighlighter/YDBSyntaxHighlighter.tsx"],"names":[],"mappings":"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"}

package/dist/components/SyntaxHighlighter/themes.d.ts

@@ -2,6 +2,7 @@ export declare const lightTransparent: {
     'pre[class*="language-"]': {
         background: string;
         margin: number;
+        lineHeight: string;
         accentColor?: import("csstype").Property.AccentColor | undefined;
         alignContent?: import("csstype").Property.AlignContent | undefined;
         alignItems?: import("csstype").Property.AlignItems | undefined;
@@ -186,7 +187,6 @@ export declare const lightTransparent: {
         left?: import("csstype").Property.Left<string | number> | undefined;
         letterSpacing?: import("csstype").Property.LetterSpacing<string | number> | undefined;
         lineBreak?: import("csstype").Property.LineBreak | undefined;
-        lineHeight?: import("csstype").Property.LineHeight<string | number> | undefined;
         lineHeightStep?: import("csstype").Property.LineHeightStep<string | number> | undefined;
         listStyleImage?: import("csstype").Property.ListStyleImage | undefined;
         listStylePosition?: import("csstype").Property.ListStylePosition | undefined;
@@ -830,6 +830,7 @@ export declare const lightTransparent: {
         background: string;
         color: string;
         whiteSpace: "pre-wrap";
+        fontSize: string;
         accentColor?: import("csstype").Property.AccentColor | undefined;
         alignContent?: import("csstype").Property.AlignContent | undefined;
         alignItems?: import("csstype").Property.AlignItems | undefined;
@@ -959,7 +960,6 @@ export declare const lightTransparent: {
         fontLanguageOverride?: import("csstype").Property.FontLanguageOverride | undefined;
         fontOpticalSizing?: import("csstype").Property.FontOpticalSizing | undefined;
         fontPalette?: import("csstype").Property.FontPalette | undefined;
-        fontSize?: import("csstype").Property.FontSize<string | number> | undefined;
         fontSizeAdjust?: import("csstype").Property.FontSizeAdjust | undefined;
         fontSmooth?: import("csstype").Property.FontSmooth<string | number> | undefined;
         fontStretch?: import("csstype").Property.FontStretch | undefined;
@@ -1685,6 +1685,7 @@ export declare const darkTransparent: {
     'pre[class*="language-"]': {
         background: string;
         margin: number;
+        lineHeight: string;
         accentColor?: import("csstype").Property.AccentColor | undefined;
         alignContent?: import("csstype").Property.AlignContent | undefined;
         alignItems?: import("csstype").Property.AlignItems | undefined;
@@ -1869,7 +1870,6 @@ export declare const darkTransparent: {
         left?: import("csstype").Property.Left<string | number> | undefined;
         letterSpacing?: import("csstype").Property.LetterSpacing<string | number> | undefined;
         lineBreak?: import("csstype").Property.LineBreak | undefined;
-        lineHeight?: import("csstype").Property.LineHeight<string | number> | undefined;
         lineHeightStep?: import("csstype").Property.LineHeightStep<string | number> | undefined;
         listStyleImage?: import("csstype").Property.ListStyleImage | undefined;
         listStylePosition?: import("csstype").Property.ListStylePosition | undefined;
@@ -2513,6 +2513,7 @@ export declare const darkTransparent: {
         background: string;
         color: string;
         whiteSpace: "pre-wrap";
+        fontSize: string;
         accentColor?: import("csstype").Property.AccentColor | undefined;
         alignContent?: import("csstype").Property.AlignContent | undefined;
         alignItems?: import("csstype").Property.AlignItems | undefined;
@@ -2642,7 +2643,6 @@ export declare const darkTransparent: {
         fontLanguageOverride?: import("csstype").Property.FontLanguageOverride | undefined;
         fontOpticalSizing?: import("csstype").Property.FontOpticalSizing | undefined;
         fontPalette?: import("csstype").Property.FontPalette | undefined;
-        fontSize?: import("csstype").Property.FontSize<string | number> | undefined;
         fontSizeAdjust?: import("csstype").Property.FontSizeAdjust | undefined;
         fontSmooth?: import("csstype").Property.FontSmooth<string | number> | undefined;
         fontStretch?: import("csstype").Property.FontStretch | undefined;
@@ -3368,6 +3368,7 @@ export declare function useSyntaxHighlighterStyle(transparentBackground?: boolea
     'pre[class*="language-"]': {
         background: string;
         margin: number;
+        lineHeight: string;
         accentColor?: import("csstype").Property.AccentColor | undefined;
         alignContent?: import("csstype").Property.AlignContent | undefined;
         alignItems?: import("csstype").Property.AlignItems | undefined;
@@ -3552,7 +3553,6 @@ export declare function useSyntaxHighlighterStyle(transparentBackground?: boolea
         left?: import("csstype").Property.Left<string | number> | undefined;
         letterSpacing?: import("csstype").Property.LetterSpacing<string | number> | undefined;
         lineBreak?: import("csstype").Property.LineBreak | undefined;
-        lineHeight?: import("csstype").Property.LineHeight<string | number> | undefined;
         lineHeightStep?: import("csstype").Property.LineHeightStep<string | number> | undefined;
         listStyleImage?: import("csstype").Property.ListStyleImage | undefined;
         listStylePosition?: import("csstype").Property.ListStylePosition | undefined;
@@ -4196,6 +4196,7 @@ export declare function useSyntaxHighlighterStyle(transparentBackground?: boolea
         background: string;
         color: string;
         whiteSpace: "pre-wrap";
+        fontSize: string;
         accentColor?: import("csstype").Property.AccentColor | undefined;
         alignContent?: import("csstype").Property.AlignContent | undefined;
         alignItems?: import("csstype").Property.AlignItems | undefined;
@@ -4325,7 +4326,6 @@ export declare function useSyntaxHighlighterStyle(transparentBackground?: boolea
         fontLanguageOverride?: import("csstype").Property.FontLanguageOverride | undefined;
         fontOpticalSizing?: import("csstype").Property.FontOpticalSizing | undefined;
         fontPalette?: import("csstype").Property.FontPalette | undefined;
-        fontSize?: import("csstype").Property.FontSize<string | number> | undefined;
         fontSizeAdjust?: import("csstype").Property.FontSizeAdjust | undefined;
         fontSmooth?: import("csstype").Property.FontSmooth<string | number> | undefined;
         fontStretch?: import("csstype").Property.FontStretch | undefined;

package/dist/components/SyntaxHighlighter/themes.js

@@ -6,12 +6,14 @@ export const lightTransparent = {
         ...materialLight['pre[class*="language-"]'],
         background: 'transparent',
         margin: 0,
+        lineHeight: '15px',
     },
     'code[class*="language-"]': {
         ...materialLight['code[class*="language-"]'],
         background: 'transparent',
         color: 'var(--g-color-text-primary)',
         whiteSpace: 'pre-wrap',
+        fontSize: '13px',
     },
     comment: {
         color: '#969896',
@@ -47,12 +49,14 @@ export const darkTransparent = {
         ...vscDarkPlus['pre[class*="language-"]'],
         background: 'transparent',
         margin: 0,
+        lineHeight: '15px',
     },
     'code[class*="language-"]': {
         ...vscDarkPlus['code[class*="language-"]'],
         background: 'transparent',
         color: 'var(--g-color-text-primary)',
         whiteSpace: 'pre-wrap',
+        fontSize: '13px',
     },
     comment: {
         color: '#969896',
@@ -88,10 +92,12 @@ const dark = {
         ...darkTransparent['pre[class*="language-"]'],
         background: vscDarkPlus['pre[class*="language-"]'].background,
         scrollbarColor: `var(--g-color-scroll-handle) transparent`,
+        lineHeight: '15px',
     },
     'code[class*="language-"]': {
         ...darkTransparent['code[class*="language-"]'],
         whiteSpace: 'pre',
+        fontSize: '13px',
     },
 };
 const light = {
@@ -100,10 +106,12 @@ const light = {
         ...lightTransparent['pre[class*="language-"]'],
         background: 'var(--g-color-base-misc-light)',
         scrollbarColor: `var(--g-color-scroll-handle) transparent`,
+        lineHeight: '15px',
     },
     'code[class*="language-"]': {
         ...lightTransparent['code[class*="language-"]'],
         whiteSpace: 'pre',
+        fontSize: '13px',
     },
 };
 export function useSyntaxHighlighterStyle(transparentBackground) {

package/dist/components/SyntaxHighlighter/themes.js.map

@@ -1 +1 @@
-{"version":3,"file":"themes.js","sourceRoot":"","sources":["../../../src/components/SyntaxHighlighter/themes.ts"],"names":[],"mappings":"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"}
+{"version":3,"file":"themes.js","sourceRoot":"","sources":["../../../src/components/SyntaxHighlighter/themes.ts"],"names":[],"mappings":"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"}

package/dist/components/TitleWithHelpmark/TitleWithHelpmark.d.ts

@@ -0,0 +1,6 @@
+interface TitleWithHelpMarkProps {
+    header: string;
+    note: string;
+}
+export declare function TitleWithHelpMark({ header, note }: TitleWithHelpMarkProps): import("react/jsx-runtime").JSX.Element;
+export {};

package/dist/components/TitleWithHelpmark/TitleWithHelpmark.js

@@ -0,0 +1,6 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { Flex, HelpMark } from '@gravity-ui/uikit';
+export function TitleWithHelpMark({ header, note }) {
+    return (_jsxs(Flex, { gap: 1, alignItems: "center", children: [header, _jsx(HelpMark, { popoverProps: { placement: ['right', 'left'] }, children: note })] }));
+}
+//# sourceMappingURL=TitleWithHelpmark.js.map

package/dist/components/TitleWithHelpmark/TitleWithHelpmark.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"TitleWithHelpmark.js","sourceRoot":"","sources":["../../../src/components/TitleWithHelpmark/TitleWithHelpmark.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAC,IAAI,EAAE,QAAQ,EAAC,MAAM,mBAAmB,CAAC;AAOjD,MAAM,UAAU,iBAAiB,CAAC,EAAC,MAAM,EAAE,IAAI,EAAyB;IACpE,OAAO,CACH,MAAC,IAAI,IAAC,GAAG,EAAE,CAAC,EAAE,UAAU,EAAC,QAAQ,aAC5B,MAAM,EACP,KAAC,QAAQ,IAAC,YAAY,EAAE,EAAC,SAAS,EAAE,CAAC,OAAO,EAAE,MAAM,CAAC,EAAC,YAAG,IAAI,GAAY,IACtE,CACV,CAAC;AACN,CAAC"}

package/dist/components/VersionsBar/VersionsBar.d.ts

@@ -0,0 +1,7 @@
+import type { PreparedVersion } from '../../utils/versions/types';
+import './VersionsBar.scss';
+interface VersionsBarProps {
+    preparedVersions: PreparedVersion[];
+}
+export declare function VersionsBar({ preparedVersions }: VersionsBarProps): import("react/jsx-runtime").JSX.Element;
+export {};

package/dist/components/VersionsBar/VersionsBar.js

@@ -0,0 +1,83 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import React from 'react';
+import { Button, Flex, Tooltip } from '@gravity-ui/uikit';
+import { debounce } from 'lodash';
+import { cn } from '../../utils/cn';
+import i18n from './i18n';
+import './VersionsBar.scss';
+const b = cn('ydb-versions-bar');
+const TRUNCATION_THRESHOLD = 4;
+// One more line for Show more / Hide button
+const MAX_DISPLAYED_VERSIONS = TRUNCATION_THRESHOLD - 1;
+const HOVER_DELAY = 200;
+const TOOLTIP_OPEN_DELAY = 200;
+export function VersionsBar({ preparedVersions }) {
+    const shouldTruncateVersions = preparedVersions.length > TRUNCATION_THRESHOLD;
+    const [hoveredVersion, setHoveredVersion] = React.useState();
+    const [allVersionsDisplayed, setAllVersionsDisplayed] = React.useState(false);
+    const displayedVersions = React.useMemo(() => {
+        const total = preparedVersions.reduce((acc, item) => acc + (item.count || 0), 0);
+        return preparedVersions.map((item) => {
+            return {
+                value: ((item.count || 0) / total) * 100,
+                color: item.color,
+                version: item.version,
+                count: item.count,
+            };
+        });
+    }, [preparedVersions]);
+    const truncatedDisplayedVersions = React.useMemo(() => {
+        if (allVersionsDisplayed) {
+            return preparedVersions;
+        }
+        return shouldTruncateVersions
+            ? preparedVersions.slice(0, MAX_DISPLAYED_VERSIONS)
+            : preparedVersions;
+    }, [allVersionsDisplayed, preparedVersions, shouldTruncateVersions]);
+    const handleShowAllVersions = (event) => {
+        event.preventDefault();
+        event.stopPropagation();
+        setAllVersionsDisplayed(true);
+    };
+    const handleHideAllVersions = (event) => {
+        event.preventDefault();
+        event.stopPropagation();
+        setAllVersionsDisplayed(false);
+    };
+    const renderButton = () => {
+        if (!shouldTruncateVersions) {
+            return null;
+        }
+        const truncatedVersionsCount = preparedVersions.length - MAX_DISPLAYED_VERSIONS;
+        if (allVersionsDisplayed) {
+            return (_jsx(Button, { view: "flat-secondary", size: 's', onClick: handleHideAllVersions, children: i18n('action_hide', {
+                    count: truncatedVersionsCount,
+                }) }));
+        }
+        else {
+            return (_jsx(Button, { view: "flat-secondary", size: 's', onClick: handleShowAllVersions, children: i18n('action_show_more', {
+                    count: truncatedVersionsCount,
+                }) }));
+        }
+    };
+    const handleMouseEnter = React.useMemo(() => {
+        return debounce((version) => {
+            setHoveredVersion(version);
+        }, HOVER_DELAY);
+    }, []);
+    const handleMouseLeave = React.useMemo(() => {
+        handleMouseEnter.cancel();
+        return debounce(() => {
+            setHoveredVersion(undefined);
+        }, HOVER_DELAY);
+    }, [handleMouseEnter]);
+    const isDimmed = (version) => {
+        return hoveredVersion && hoveredVersion !== version;
+    };
+    return (_jsxs(Flex, { gap: 2, direction: 'column', className: b(null), wrap: true, children: [_jsx(Flex, { className: b('bar'), grow: 1, gap: 0.5, children: displayedVersions.map((item) => (_jsx(Tooltip, { content: _jsxs(React.Fragment, { children: [i18n('tooltip_nodes', { count: item.count }), _jsx("br", {}), item.version] }), placement: 'top-start', openDelay: TOOLTIP_OPEN_DELAY, children: _jsx("span", { onMouseEnter: () => {
+                            handleMouseEnter(item.version);
+                        }, onMouseLeave: handleMouseLeave, className: b('version', { dimmed: isDimmed(item.version) }), style: { backgroundColor: item.color, width: `${item.value}%` } }) }, item.version))) }), _jsxs(Flex, { gap: 0.5, direction: 'column', children: [truncatedDisplayedVersions.map((item) => (_jsx(Tooltip, { content: i18n('tooltip_nodes', { count: item.count }), placement: 'bottom-end', openDelay: TOOLTIP_OPEN_DELAY, children: _jsxs(Flex, { gap: 1, alignItems: 'center', className: b('titles-wrapper'), children: [_jsx("svg", { xmlns: "http://www.w3.org/2000/svg", width: "6", height: "6", viewBox: "0 0 6 6", fill: "none", className: b('version-icon', { dimmed: isDimmed(item.version) }), children: _jsx("circle", { cx: "3", cy: "3", r: "3", fill: item.color }) }), _jsx("div", { className: b('title', { dimmed: isDimmed(item.version) }), onMouseEnter: () => {
+                                        handleMouseEnter(item.version);
+                                    }, onMouseLeave: handleMouseLeave, children: item.version })] }) }, item.version))), _jsx(Flex, { children: renderButton() })] })] }));
+}
+//# sourceMappingURL=VersionsBar.js.map

package/dist/components/VersionsBar/VersionsBar.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"VersionsBar.js","sourceRoot":"","sources":["../../../src/components/VersionsBar/VersionsBar.tsx"],"names":[],"mappings":"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"}

package/dist/components/VersionsBar/VersionsBar.scss

@@ -0,0 +1,36 @@
+@use '../../styles/mixins.scss';
+
+.ydb-versions-bar {
+    &__bar {
+        width: 100%;
+        height: 10px;
+    }
+
+    &__titles-wrapper {
+        width: max-content;
+    }
+
+    &__title {
+        overflow: hidden;
+
+        text-overflow: ellipsis;
+
+        color: var(--g-color-text-primary);
+
+        @include mixins.body-1-typography();
+    }
+
+    &__version {
+        min-width: 10px;
+
+        border-radius: var(--g-border-radius-xs);
+    }
+
+    &__title,
+    &__version,
+    &__version-icon {
+        &_dimmed {
+            opacity: 0.5;
+        }
+    }
+}

package/dist/components/VersionsBar/i18n/en.json

@@ -0,0 +1,8 @@
+{
+    "action_show_more": "Show {{count}} more",
+    "action_hide": "Hide {{count}}",
+    "tooltip_nodes": {
+        "one": "{{count}} Node",
+        "other": "{{count}} Nodes"
+    }
+}

package/dist/components/VersionsBar/i18n/index.d.ts

@@ -0,0 +1,2 @@
+declare const _default: (key: "action_show_more" | "action_hide" | "tooltip_nodes", params?: import("@gravity-ui/i18n").Params) => string;
+export default _default;

package/dist/components/VersionsBar/i18n/index.js

@@ -0,0 +1,5 @@
+import { registerKeysets } from '../../../utils/i18n';
+import en from './en.json';
+const COMPONENT = 'ydb-versions-bar';
+export default registerKeysets(COMPONENT, { en });
+//# sourceMappingURL=index.js.map

package/dist/components/VersionsBar/i18n/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/components/VersionsBar/i18n/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAC,eAAe,EAAC,MAAM,qBAAqB,CAAC;AAEpD,OAAO,EAAE,MAAM,WAAW,CAAC;AAE3B,MAAM,SAAS,GAAG,kBAAkB,CAAC;AAErC,eAAe,eAAe,CAAC,SAAS,EAAE,EAAC,EAAE,EAAC,CAAC,CAAC"}