ydb-embedded-ui 11.3.0 → 11.5.0

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

@@ -7,5 +7,6 @@
     "text_usage": "Usage",
     "text_soft-limit": "Soft Limit",
     "text_hard-limit": "Hard Limit",
-    "text_other": "Other"
+    "text_other": "Other",
+    "text_memory-details": "Memory Details"
 }

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

@@ -1,2 +1,2 @@
-declare const _default: (key: "text_external-consumption" | "text_allocator-caches" | "text_shared-cache" | "text_memtable" | "text_query-execution" | "text_usage" | "text_soft-limit" | "text_hard-limit" | "text_other", params?: import("@gravity-ui/i18n").Params) => string;
+declare const _default: (key: "text_external-consumption" | "text_allocator-caches" | "text_shared-cache" | "text_memtable" | "text_query-execution" | "text_usage" | "text_soft-limit" | "text_hard-limit" | "text_other" | "text_memory-details", params?: import("@gravity-ui/i18n").Params) => string;
 export default _default;

package/dist/components/MemoryViewer/utils.d.ts

@@ -1,12 +1,12 @@
 import type { TMemoryStats } from '../../types/api/nodes';
 export declare function calculateAllocatedMemory(stats: TMemoryStats): string;
-export declare function getMaybeNumber(value: string | number | undefined): number | undefined;
-interface MemorySegment {
+export interface MemorySegment {
     label: string;
     key: string;
     value: number;
     capacity?: number;
     isInfo?: boolean;
 }
+export declare const MEMORY_SEGMENT_COLORS: Record<string, string>;
+export declare function getMemorySegmentColor(key: string): string;
 export declare function getMemorySegments(stats: TMemoryStats, memoryUsage: number): MemorySegment[];
-export {};

package/dist/components/MemoryViewer/utils.js

@@ -5,9 +5,20 @@ export function calculateAllocatedMemory(stats) {
     const allocatorCaches = getMaybeNumber(stats.AllocatorCachesMemory) || 0;
     return String(allocatedMemory + allocatorCaches);
 }
-export function getMaybeNumber(value) {
+function getMaybeNumber(value) {
     return isNumeric(value) ? parseFloat(String(value)) : undefined;
 }
+// Memory segment colors using CSS variables for theme support
+export const MEMORY_SEGMENT_COLORS = {
+    AllocatorCachesMemory: 'var(--g-color-base-danger-medium)',
+    SharedCacheConsumption: 'var(--g-color-base-info-medium)',
+    MemTableConsumption: 'var(--g-color-base-warning-medium)',
+    QueryExecutionConsumption: 'var(--g-color-base-positive-medium)',
+    Other: 'var(--g-color-base-neutral-medium)',
+};
+export function getMemorySegmentColor(key) {
+    return MEMORY_SEGMENT_COLORS[key] || MEMORY_SEGMENT_COLORS['Other'];
+}
 export function getMemorySegments(stats, memoryUsage) {
     const segments = [
         {

package/dist/components/MemoryViewer/utils.js.map

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

package/dist/components/ProgressViewer/ProgressViewer.d.ts

@@ -1,6 +1,6 @@
+import type { FormatProgressViewerValues } from '../../utils/progress';
 import './ProgressViewer.scss';
 type ProgressViewerSize = 'xs' | 's' | 'ns' | 'm' | 'n' | 'l' | 'head';
-export type FormatProgressViewerValues = (value?: number, capacity?: number) => (string | number | undefined)[];
 export interface ProgressViewerProps {
     value?: number | string;
     capacity?: number | string;

package/dist/components/ProgressViewer/ProgressViewer.js

@@ -1,18 +1,11 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { useTheme } from '@gravity-ui/uikit';
 import { cn } from '../../utils/cn';
-import { formatNumber, roundToPrecision } from '../../utils/dataFormatters/dataFormatters';
-import { calculateProgressStatus } from '../../utils/progress';
+import { calculateProgressStatus, defaultFormatProgressValues } from '../../utils/progress';
 import { isNumeric } from '../../utils/utils';
 import './ProgressViewer.scss';
 const b = cn('progress-viewer');
-const formatValue = (value) => {
-    return formatNumber(roundToPrecision(Number(value), 2));
-};
-const defaultFormatValues = (value, total) => {
-    return [formatValue(value), formatValue(total)];
-};
-export function ProgressViewer({ value, capacity, formatValues = defaultFormatValues, percents, withOverflow, className, size = 'xs', colorizeProgress, inverseColorize, warningThreshold, dangerThreshold, hideCapacity, }) {
+export function ProgressViewer({ value, capacity, formatValues = defaultFormatProgressValues, percents, withOverflow, className, size = 'xs', colorizeProgress, inverseColorize, warningThreshold, dangerThreshold, hideCapacity, }) {
     const theme = useTheme();
     let fillWidth = Math.floor((parseFloat(String(value)) / parseFloat(String(capacity))) * 100) || 0;
     const rawFillWidth = fillWidth;

package/dist/components/ProgressViewer/ProgressViewer.js.map

@@ -1 +1 @@
-{"version":3,"file":"ProgressViewer.js","sourceRoot":"","sources":["../../../src/components/ProgressViewer/ProgressViewer.tsx"],"names":[],"mappings":"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"}
+{"version":3,"file":"ProgressViewer.js","sourceRoot":"","sources":["../../../src/components/ProgressViewer/ProgressViewer.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAC,QAAQ,EAAC,MAAM,mBAAmB,CAAC;AAE3C,OAAO,EAAC,EAAE,EAAC,MAAM,gBAAgB,CAAC;AAClC,OAAO,EAAC,uBAAuB,EAAE,2BAA2B,EAAC,MAAM,sBAAsB,CAAC;AAE1F,OAAO,EAAC,SAAS,EAAC,MAAM,mBAAmB,CAAC;AAE5C,OAAO,uBAAuB,CAAC;AAE/B,MAAM,CAAC,GAAG,EAAE,CAAC,iBAAiB,CAAC,CAAC;AAiChC,MAAM,UAAU,cAAc,CAAC,EAC3B,KAAK,EACL,QAAQ,EACR,YAAY,GAAG,2BAA2B,EAC1C,QAAQ,EACR,YAAY,EACZ,SAAS,EACT,IAAI,GAAG,IAAI,EACX,gBAAgB,EAChB,eAAe,EACf,gBAAgB,EAChB,eAAe,EACf,YAAY,GACM;IAClB,MAAM,KAAK,GAAG,QAAQ,EAAE,CAAC;IAEzB,IAAI,SAAS,GACT,IAAI,CAAC,KAAK,CAAC,CAAC,UAAU,CAAC,MAAM,CAAC,KAAK,CAAC,CAAC,GAAG,UAAU,CAAC,MAAM,CAAC,QAAQ,CAAC,CAAC,CAAC,GAAG,GAAG,CAAC,IAAI,CAAC,CAAC;IACtF,MAAM,YAAY,GAAG,SAAS,CAAC;IAC/B,SAAS,GAAG,SAAS,GAAG,GAAG,CAAC,CAAC,CAAC,GAAG,CAAC,CAAC,CAAC,SAAS,CAAC;IAC9C,IAAI,SAAS,GAAgC,KAAK,EAC9C,YAAY,GAAgC,QAAQ,EACpD,OAAO,GAAG,GAAG,CAAC;IAClB,IAAI,QAAQ,EAAE,CAAC;QACX,SAAS,GAAG,CAAC,YAAY,CAAC,CAAC,CAAC,YAAY,CAAC,CAAC,CAAC,SAAS,CAAC,GAAG,GAAG,CAAC;QAC5D,YAAY,GAAG,EAAE,CAAC;QAClB,OAAO,GAAG,EAAE,CAAC;IACjB,CAAC;SAAM,IAAI,YAAY,EAAE,CAAC;QACtB,CAAC,SAAS,EAAE,YAAY,CAAC,GAAG,YAAY,CAAC,MAAM,CAAC,KAAK,CAAC,EAAE,MAAM,CAAC,QAAQ,CAAC,CAAC,CAAC;IAC9E,CAAC;IAED,MAAM,MAAM,GAAG,uBAAuB,CAAC;QACnC,SAAS;QACT,gBAAgB;QAChB,eAAe;QACf,gBAAgB;QAChB,eAAe;KAClB,CAAC,CAAC;IACH,IAAI,gBAAgB,IAAI,CAAC,SAAS,CAAC,QAAQ,CAAC,EAAE,CAAC;QAC3C,SAAS,GAAG,GAAG,CAAC;IACpB,CAAC;IAED,MAAM,SAAS,GAAG;QACd,KAAK,EAAE,SAAS,GAAG,GAAG;KACzB,CAAC;IAEF,MAAM,aAAa,GAAG,GAAG,EAAE;QACvB,IAAI,SAAS,CAAC,QAAQ,CAAC,IAAI,CAAC,YAAY,EAAE,CAAC;YACvC,OAAO,GAAG,SAAS,IAAI,OAAO,IAAI,YAAY,EAAE,CAAC;QACrD,CAAC;QAED,OAAO,SAAS,CAAC;IACrB,CAAC,CAAC;IAEF,IAAI,SAAS,CAAC,KAAK,CAAC,EAAE,CAAC;QACnB,OAAO,CACH,eAAK,SAAS,EAAE,CAAC,CAAC,EAAC,IAAI,EAAE,KAAK,EAAE,MAAM,EAAC,EAAE,SAAS,CAAC,aAC/C,cAAK,SAAS,EAAE,CAAC,CAAC,MAAM,CAAC,EAAE,KAAK,EAAE,SAAS,GAAQ,EACnD,eAAM,SAAS,EAAE,CAAC,CAAC,MAAM,CAAC,YAAG,aAAa,EAAE,GAAQ,IAClD,CACT,CAAC;IACN,CAAC;IAED,OAAO,cAAK,SAAS,EAAE,GAAG,CAAC,CAAC,EAAC,IAAI,EAAC,CAAC,IAAI,SAAS,QAAQ,wBAAe,CAAC;AAC5E,CAAC"}

package/dist/components/ProgressWrapper/ProgressContainer.d.ts

@@ -0,0 +1,2 @@
+import type { ProgressContainerProps } from './types';
+export declare function ProgressContainer({ children, displayText, withCapacityUsage, className, width, }: ProgressContainerProps): import("react/jsx-runtime").JSX.Element;

package/dist/components/ProgressWrapper/ProgressContainer.js

@@ -0,0 +1,8 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { Flex, Text } from '@gravity-ui/uikit';
+import { getProgressStyle } from './progressUtils';
+export function ProgressContainer({ children, displayText, withCapacityUsage = false, className, width, }) {
+    const progressStyle = getProgressStyle(width);
+    return (_jsxs(Flex, { alignItems: "center", gap: "2", className: className, children: [_jsx("div", { style: progressStyle, children: children }), withCapacityUsage && displayText && (_jsx(Text, { variant: "body-1", color: "secondary", children: displayText }))] }));
+}
+//# sourceMappingURL=ProgressContainer.js.map

package/dist/components/ProgressWrapper/ProgressContainer.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ProgressContainer.js","sourceRoot":"","sources":["../../../src/components/ProgressWrapper/ProgressContainer.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAC,IAAI,EAAE,IAAI,EAAC,MAAM,mBAAmB,CAAC;AAE7C,OAAO,EAAC,gBAAgB,EAAC,MAAM,iBAAiB,CAAC;AAGjD,MAAM,UAAU,iBAAiB,CAAC,EAC9B,QAAQ,EACR,WAAW,EACX,iBAAiB,GAAG,KAAK,EACzB,SAAS,EACT,KAAK,GACgB;IACrB,MAAM,aAAa,GAAG,gBAAgB,CAAC,KAAK,CAAC,CAAC;IAE9C,OAAO,CACH,MAAC,IAAI,IAAC,UAAU,EAAC,QAAQ,EAAC,GAAG,EAAC,GAAG,EAAC,SAAS,EAAE,SAAS,aAClD,cAAK,KAAK,EAAE,aAAa,YAAG,QAAQ,GAAO,EAC1C,iBAAiB,IAAI,WAAW,IAAI,CACjC,KAAC,IAAI,IAAC,OAAO,EAAC,QAAQ,EAAC,KAAK,EAAC,WAAW,YACnC,WAAW,GACT,CACV,IACE,CACV,CAAC;AACN,CAAC"}

package/dist/components/ProgressWrapper/ProgressWrapper.d.ts

@@ -0,0 +1,2 @@
+import type { ProgressWrapperProps } from './types';
+export declare function ProgressWrapper(props: ProgressWrapperProps): import("react/jsx-runtime").JSX.Element;

package/dist/components/ProgressWrapper/ProgressWrapper.js

@@ -0,0 +1,10 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { SingleProgress } from './SingleProgress';
+import { StackProgress } from './StackProgress';
+export function ProgressWrapper(props) {
+    if ('stack' in props && props.stack) {
+        return _jsx(StackProgress, { ...props });
+    }
+    return _jsx(SingleProgress, { ...props });
+}
+//# sourceMappingURL=ProgressWrapper.js.map

package/dist/components/ProgressWrapper/ProgressWrapper.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ProgressWrapper.js","sourceRoot":"","sources":["../../../src/components/ProgressWrapper/ProgressWrapper.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAC,cAAc,EAAC,MAAM,kBAAkB,CAAC;AAChD,OAAO,EAAC,aAAa,EAAC,MAAM,iBAAiB,CAAC;AAG9C,MAAM,UAAU,eAAe,CAAC,KAA2B;IACvD,IAAI,OAAO,IAAI,KAAK,IAAI,KAAK,CAAC,KAAK,EAAE,CAAC;QAClC,OAAO,KAAC,aAAa,OAAK,KAAK,GAAI,CAAC;IACxC,CAAC;IACD,OAAO,KAAC,cAAc,OAAK,KAAK,GAAI,CAAC;AACzC,CAAC"}

package/dist/components/ProgressWrapper/SingleProgress.d.ts

@@ -0,0 +1,2 @@
+import type { ProgressWrapperSingleProps } from './types';
+export declare function SingleProgress({ value, capacity, formatValues, className, width, size, withCapacityUsage, }: ProgressWrapperSingleProps): import("react/jsx-runtime").JSX.Element;

package/dist/components/ProgressWrapper/SingleProgress.js

@@ -0,0 +1,24 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import React from 'react';
+import { Progress } from '@gravity-ui/uikit';
+import { defaultFormatProgressValues } from '../../utils/progress';
+import { safeParseNumber } from '../../utils/utils';
+import { ProgressContainer } from './ProgressContainer';
+import i18n from './i18n';
+import { PROGRESS_SIZE, calculateProgressWidth, formatDisplayValues, formatProgressText, isValidValue, } from './progressUtils';
+export function SingleProgress({ value, capacity, formatValues = defaultFormatProgressValues, className, width, size = PROGRESS_SIZE, withCapacityUsage = false, }) {
+    if (!isValidValue(value)) {
+        return _jsx("div", { className: className, children: i18n('alert_no-data') });
+    }
+    const numericValue = safeParseNumber(value);
+    const numericCapacity = safeParseNumber(capacity);
+    const clampedFillWidth = calculateProgressWidth(numericValue, numericCapacity);
+    const [valueText, capacityText] = React.useMemo(() => {
+        return formatDisplayValues(value, capacity, formatValues);
+    }, [formatValues, value, capacity]);
+    const displayText = React.useMemo(() => {
+        return formatProgressText(valueText, capacityText, numericCapacity);
+    }, [valueText, capacityText, numericCapacity]);
+    return (_jsx(ProgressContainer, { displayText: displayText, withCapacityUsage: withCapacityUsage, className: className, width: width, children: _jsx(Progress, { value: clampedFillWidth, theme: "success", size: size }) }));
+}
+//# sourceMappingURL=SingleProgress.js.map

package/dist/components/ProgressWrapper/SingleProgress.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"SingleProgress.js","sourceRoot":"","sources":["../../../src/components/ProgressWrapper/SingleProgress.tsx"],"names":[],"mappings":";AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,OAAO,EAAC,QAAQ,EAAC,MAAM,mBAAmB,CAAC;AAE3C,OAAO,EAAC,2BAA2B,EAAC,MAAM,sBAAsB,CAAC;AACjE,OAAO,EAAC,eAAe,EAAC,MAAM,mBAAmB,CAAC;AAElD,OAAO,EAAC,iBAAiB,EAAC,MAAM,qBAAqB,CAAC;AACtD,OAAO,IAAI,MAAM,QAAQ,CAAC;AAC1B,OAAO,EACH,aAAa,EACb,sBAAsB,EACtB,mBAAmB,EACnB,kBAAkB,EAClB,YAAY,GACf,MAAM,iBAAiB,CAAC;AAGzB,MAAM,UAAU,cAAc,CAAC,EAC3B,KAAK,EACL,QAAQ,EACR,YAAY,GAAG,2BAA2B,EAC1C,SAAS,EACT,KAAK,EACL,IAAI,GAAG,aAAa,EACpB,iBAAiB,GAAG,KAAK,GACA;IACzB,IAAI,CAAC,YAAY,CAAC,KAAK,CAAC,EAAE,CAAC;QACvB,OAAO,cAAK,SAAS,EAAE,SAAS,YAAG,IAAI,CAAC,eAAe,CAAC,GAAO,CAAC;IACpE,CAAC;IAED,MAAM,YAAY,GAAG,eAAe,CAAC,KAAK,CAAC,CAAC;IAC5C,MAAM,eAAe,GAAG,eAAe,CAAC,QAAQ,CAAC,CAAC;IAClD,MAAM,gBAAgB,GAAG,sBAAsB,CAAC,YAAY,EAAE,eAAe,CAAC,CAAC;IAE/E,MAAM,CAAC,SAAS,EAAE,YAAY,CAAC,GAAG,KAAK,CAAC,OAAO,CAAC,GAAG,EAAE;QACjD,OAAO,mBAAmB,CAAC,KAAK,EAAE,QAAQ,EAAE,YAAY,CAAC,CAAC;IAC9D,CAAC,EAAE,CAAC,YAAY,EAAE,KAAK,EAAE,QAAQ,CAAC,CAAC,CAAC;IAEpC,MAAM,WAAW,GAAG,KAAK,CAAC,OAAO,CAAC,GAAG,EAAE;QACnC,OAAO,kBAAkB,CAAC,SAAS,EAAE,YAAY,EAAE,eAAe,CAAC,CAAC;IACxE,CAAC,EAAE,CAAC,SAAS,EAAE,YAAY,EAAE,eAAe,CAAC,CAAC,CAAC;IAE/C,OAAO,CACH,KAAC,iBAAiB,IACd,WAAW,EAAE,WAAW,EACxB,iBAAiB,EAAE,iBAAiB,EACpC,SAAS,EAAE,SAAS,EACpB,KAAK,EAAE,KAAK,YAEZ,KAAC,QAAQ,IAAC,KAAK,EAAE,gBAAgB,EAAE,KAAK,EAAC,SAAS,EAAC,IAAI,EAAE,IAAI,GAAI,GACjD,CACvB,CAAC;AACN,CAAC"}

package/dist/components/ProgressWrapper/StackProgress.d.ts

@@ -0,0 +1,2 @@
+import type { ProgressWrapperStackProps } from './types';
+export declare function StackProgress({ stack, totalCapacity, formatValues, className, width, size, withCapacityUsage, }: ProgressWrapperStackProps): import("react/jsx-runtime").JSX.Element;

package/dist/components/ProgressWrapper/StackProgress.js

@@ -0,0 +1,39 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import React from 'react';
+import { Progress } from '@gravity-ui/uikit';
+import { defaultFormatProgressValues } from '../../utils/progress';
+import { safeParseNumber } from '../../utils/utils';
+import { getMemorySegmentColor } from '../MemoryViewer/utils';
+import { ProgressContainer } from './ProgressContainer';
+import i18n from './i18n';
+import { MAX_PERCENTAGE, PROGRESS_SIZE, formatDisplayValues, formatProgressText, } from './progressUtils';
+export function StackProgress({ stack, totalCapacity, formatValues = defaultFormatProgressValues, className, width, size = PROGRESS_SIZE, withCapacityUsage = false, }) {
+    const displaySegments = React.useMemo(() => {
+        return stack.filter((segment) => !segment.isInfo && segment.value > 0);
+    }, [stack]);
+    if (displaySegments.length === 0) {
+        return _jsx("div", { className: className, children: i18n('alert_no-data') });
+    }
+    const totalValue = React.useMemo(() => {
+        return displaySegments.reduce((sum, segment) => sum + segment.value, 0);
+    }, [displaySegments]);
+    const numericTotalCapacity = React.useMemo(() => {
+        return safeParseNumber(totalCapacity);
+    }, [totalCapacity]);
+    const maxValue = numericTotalCapacity || totalValue;
+    const stackElements = React.useMemo(() => {
+        return displaySegments.map((segment) => ({
+            value: maxValue > 0 ? (segment.value / maxValue) * MAX_PERCENTAGE : 0,
+            color: getMemorySegmentColor(segment.key),
+            title: segment.label,
+        }));
+    }, [displaySegments, maxValue]);
+    const [totalValueText, totalCapacityText] = React.useMemo(() => {
+        return formatDisplayValues(totalValue, numericTotalCapacity || totalValue, formatValues);
+    }, [formatValues, totalValue, numericTotalCapacity]);
+    const displayText = React.useMemo(() => {
+        return formatProgressText(totalValueText, totalCapacityText, numericTotalCapacity || 0);
+    }, [totalValueText, totalCapacityText, numericTotalCapacity]);
+    return (_jsx(ProgressContainer, { displayText: displayText, withCapacityUsage: withCapacityUsage, className: className, width: width, children: _jsx(Progress, { value: MAX_PERCENTAGE, stack: stackElements, size: size }) }));
+}
+//# sourceMappingURL=StackProgress.js.map

package/dist/components/ProgressWrapper/StackProgress.js.map

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

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

@@ -0,0 +1,4 @@
+{
+    "alert_no-data": "No data",
+    "context_capacity-usage": "{{value}} of {{capacity}}"
+}

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

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

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

@@ -0,0 +1,8 @@
+import { registerKeysets } from '../../../utils/i18n';
+import en from './en.json';
+const COMPONENT = 'progress-wrapper';
+const keysets = {
+    en,
+};
+export default registerKeysets(COMPONENT, keysets);
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/components/ProgressWrapper/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,MAAM,OAAO,GAAG;IACZ,EAAE;CACL,CAAC;AAEF,eAAe,eAAe,CAAC,SAAS,EAAE,OAAO,CAAC,CAAC"}

package/dist/components/ProgressWrapper/index.d.ts

@@ -0,0 +1,6 @@
+export { ProgressWrapper } from './ProgressWrapper';
+export { SingleProgress } from './SingleProgress';
+export { StackProgress } from './StackProgress';
+export { ProgressContainer } from './ProgressContainer';
+export type { ProgressWrapperProps, ProgressWrapperSingleProps, ProgressWrapperStackProps, ProgressContainerProps, } from './types';
+export * from './progressUtils';

package/dist/components/ProgressWrapper/index.js

@@ -0,0 +1,9 @@
+// Main component - public API
+export { ProgressWrapper } from './ProgressWrapper';
+// Individual components - for direct usage if needed
+export { SingleProgress } from './SingleProgress';
+export { StackProgress } from './StackProgress';
+export { ProgressContainer } from './ProgressContainer';
+// Utils - for advanced usage
+export * from './progressUtils';
+//# sourceMappingURL=index.js.map

package/dist/components/ProgressWrapper/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/ProgressWrapper/index.ts"],"names":[],"mappings":"AAAA,8BAA8B;AAC9B,OAAO,EAAC,eAAe,EAAC,MAAM,mBAAmB,CAAC;AAElD,qDAAqD;AACrD,OAAO,EAAC,cAAc,EAAC,MAAM,kBAAkB,CAAC;AAChD,OAAO,EAAC,aAAa,EAAC,MAAM,iBAAiB,CAAC;AAC9C,OAAO,EAAC,iBAAiB,EAAC,MAAM,qBAAqB,CAAC;AAUtD,6BAA6B;AAC7B,cAAc,iBAAiB,CAAC"}

package/dist/components/ProgressWrapper/progressUtils.d.ts

@@ -0,0 +1,13 @@
+import type { FormatProgressViewerValues } from '../../utils/progress';
+export declare const DEFAULT_PROGRESS_WIDTH = 400;
+export declare const MAX_PERCENTAGE = 100;
+export declare const MIN_PERCENTAGE = 0;
+export declare const PROGRESS_SIZE = "s";
+export declare const isValidValue: (val?: number | string) => boolean;
+export declare function calculateProgressWidth(value: number, capacity: number): number;
+export declare function getProgressStyle(width?: number | 'full'): {
+    width: string;
+    flex: string;
+};
+export declare function formatProgressText(valueText: string | number | undefined, capacityText: string | number | undefined, numericCapacity: number): string;
+export declare function formatDisplayValues(value: number | string | undefined, capacity: number | string | undefined, formatValues?: FormatProgressViewerValues): [string | number | undefined, string | number | undefined];

package/dist/components/ProgressWrapper/progressUtils.js

@@ -0,0 +1,35 @@
+import { isNumeric, safeParseNumber } from '../../utils/utils';
+import i18n from './i18n';
+// Constants that were previously in TenantStorage/constants
+export const DEFAULT_PROGRESS_WIDTH = 400;
+export const MAX_PERCENTAGE = 100;
+export const MIN_PERCENTAGE = 0;
+export const PROGRESS_SIZE = 's';
+export const isValidValue = (val) => isNumeric(val) && safeParseNumber(val) >= 0;
+export function calculateProgressWidth(value, capacity) {
+    const rawPercentage = capacity > 0 ? Math.floor((value / capacity) * MAX_PERCENTAGE) : MAX_PERCENTAGE;
+    const fillWidth = Math.max(MIN_PERCENTAGE, rawPercentage);
+    return Math.min(fillWidth, MAX_PERCENTAGE);
+}
+export function getProgressStyle(width) {
+    const isFullWidth = width === 'full';
+    const validatedWidth = isFullWidth ? 0 : Math.max(0, width || DEFAULT_PROGRESS_WIDTH);
+    return {
+        width: isFullWidth ? '100%' : `${validatedWidth}px`,
+        flex: isFullWidth ? '1' : 'none',
+    };
+}
+export function formatProgressText(valueText, capacityText, numericCapacity) {
+    if (numericCapacity <= 0) {
+        return String(valueText);
+    }
+    return i18n('context_capacity-usage', { value: valueText, capacity: capacityText });
+}
+export function formatDisplayValues(value, capacity, formatValues) {
+    if (formatValues) {
+        const result = formatValues(Number(value), Number(capacity));
+        return [result[0], result[1]];
+    }
+    return [value, capacity];
+}
+//# sourceMappingURL=progressUtils.js.map

package/dist/components/ProgressWrapper/progressUtils.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"progressUtils.js","sourceRoot":"","sources":["../../../src/components/ProgressWrapper/progressUtils.ts"],"names":[],"mappings":"AACA,OAAO,EAAC,SAAS,EAAE,eAAe,EAAC,MAAM,mBAAmB,CAAC;AAE7D,OAAO,IAAI,MAAM,QAAQ,CAAC;AAE1B,4DAA4D;AAC5D,MAAM,CAAC,MAAM,sBAAsB,GAAG,GAAG,CAAC;AAC1C,MAAM,CAAC,MAAM,cAAc,GAAG,GAAG,CAAC;AAClC,MAAM,CAAC,MAAM,cAAc,GAAG,CAAC,CAAC;AAChC,MAAM,CAAC,MAAM,aAAa,GAAG,GAAG,CAAC;AAEjC,MAAM,CAAC,MAAM,YAAY,GAAG,CAAC,GAAqB,EAAW,EAAE,CAC3D,SAAS,CAAC,GAAG,CAAC,IAAI,eAAe,CAAC,GAAG,CAAC,IAAI,CAAC,CAAC;AAEhD,MAAM,UAAU,sBAAsB,CAAC,KAAa,EAAE,QAAgB;IAClE,MAAM,aAAa,GACf,QAAQ,GAAG,CAAC,CAAC,CAAC,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC,KAAK,GAAG,QAAQ,CAAC,GAAG,cAAc,CAAC,CAAC,CAAC,CAAC,cAAc,CAAC;IACpF,MAAM,SAAS,GAAG,IAAI,CAAC,GAAG,CAAC,cAAc,EAAE,aAAa,CAAC,CAAC;IAC1D,OAAO,IAAI,CAAC,GAAG,CAAC,SAAS,EAAE,cAAc,CAAC,CAAC;AAC/C,CAAC;AAED,MAAM,UAAU,gBAAgB,CAAC,KAAuB;IACpD,MAAM,WAAW,GAAG,KAAK,KAAK,MAAM,CAAC;IACrC,MAAM,cAAc,GAAG,WAAW,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,IAAI,CAAC,GAAG,CAAC,CAAC,EAAE,KAAK,IAAI,sBAAsB,CAAC,CAAC;IAEtF,OAAO;QACH,KAAK,EAAE,WAAW,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,GAAG,cAAc,IAAI;QACnD,IAAI,EAAE,WAAW,CAAC,CAAC,CAAC,GAAG,CAAC,CAAC,CAAC,MAAM;KACnC,CAAC;AACN,CAAC;AAED,MAAM,UAAU,kBAAkB,CAC9B,SAAsC,EACtC,YAAyC,EACzC,eAAuB;IAEvB,IAAI,eAAe,IAAI,CAAC,EAAE,CAAC;QACvB,OAAO,MAAM,CAAC,SAAS,CAAC,CAAC;IAC7B,CAAC;IACD,OAAO,IAAI,CAAC,wBAAwB,EAAE,EAAC,KAAK,EAAE,SAAS,EAAE,QAAQ,EAAE,YAAY,EAAC,CAAC,CAAC;AACtF,CAAC;AAED,MAAM,UAAU,mBAAmB,CAC/B,KAAkC,EAClC,QAAqC,EACrC,YAAyC;IAEzC,IAAI,YAAY,EAAE,CAAC;QACf,MAAM,MAAM,GAAG,YAAY,CAAC,MAAM,CAAC,KAAK,CAAC,EAAE,MAAM,CAAC,QAAQ,CAAC,CAAC,CAAC;QAC7D,OAAO,CAAC,MAAM,CAAC,CAAC,CAAC,EAAE,MAAM,CAAC,CAAC,CAAC,CAA+D,CAAC;IAChG,CAAC;IACD,OAAO,CAAC,KAAK,EAAE,QAAQ,CAAC,CAAC;AAC7B,CAAC"}

package/dist/components/ProgressWrapper/types.d.ts

@@ -0,0 +1,29 @@
+import type { ProgressSize } from '@gravity-ui/uikit';
+import type { FormatProgressViewerValues } from '../../utils/progress';
+import type { MemorySegment } from '../MemoryViewer/utils';
+export interface ProgressWrapperBaseProps {
+    formatValues?: FormatProgressViewerValues;
+    className?: string;
+    width?: number | 'full';
+    size?: ProgressSize;
+    withCapacityUsage?: boolean;
+}
+export interface ProgressWrapperSingleProps extends ProgressWrapperBaseProps {
+    value?: number | string;
+    capacity?: number | string;
+    stack?: never;
+}
+export interface ProgressWrapperStackProps extends ProgressWrapperBaseProps {
+    stack: MemorySegment[];
+    totalCapacity?: number | string;
+    value?: never;
+    capacity?: never;
+}
+export type ProgressWrapperProps = ProgressWrapperSingleProps | ProgressWrapperStackProps;
+export interface ProgressContainerProps {
+    children: React.ReactNode;
+    displayText?: string;
+    withCapacityUsage?: boolean;
+    className?: string;
+    width?: number | 'full';
+}

package/dist/components/ProgressWrapper/types.js

@@ -0,0 +1,2 @@
+export {};
+//# sourceMappingURL=types.js.map

package/dist/components/ProgressWrapper/types.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"types.js","sourceRoot":"","sources":["../../../src/components/ProgressWrapper/types.ts"],"names":[],"mappings":""}

package/dist/components/QueriesActivityBar/QueriesActivityAlert.d.ts

@@ -0,0 +1,8 @@
+import './QueriesActivityAlert.scss';
+interface QueriesActivityAlertProps {
+    runningQueriesCount: number;
+    uniqueApplications: number;
+    uniqueUsers: number;
+}
+export declare function QueriesActivityAlert({ runningQueriesCount, uniqueApplications, uniqueUsers, }: QueriesActivityAlertProps): import("react/jsx-runtime").JSX.Element;
+export {};

package/dist/components/QueriesActivityBar/QueriesActivityAlert.js

@@ -0,0 +1,26 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { CirclePlay, Display, Person } from '@gravity-ui/icons';
+import { Button, Card, Flex, Icon, Label, Text } from '@gravity-ui/uikit';
+import { useHistory, useLocation } from 'react-router-dom';
+import { TenantTabsGroups, getTenantPath } from '../../containers/Tenant/TenantPages';
+import { parseQuery } from '../../routes';
+import { TENANT_DIAGNOSTICS_TABS_IDS } from '../../store/reducers/tenant/constants';
+import { cn } from '../../utils/cn';
+import i18n from './i18n';
+import './QueriesActivityAlert.scss';
+const b = cn('queries-activity-alert');
+export function QueriesActivityAlert({ runningQueriesCount, uniqueApplications, uniqueUsers, }) {
+    const history = useHistory();
+    const location = useLocation();
+    const handleOpenRunningQueries = () => {
+        const queryParams = parseQuery(location);
+        const path = getTenantPath({
+            ...queryParams,
+            [TenantTabsGroups.diagnosticsTab]: TENANT_DIAGNOSTICS_TABS_IDS.topQueries,
+            queryMode: 'running',
+        });
+        history.push(path);
+    };
+    return (_jsx("div", { className: b(), children: _jsx(Card, { className: b('card'), type: "container", view: "outlined", children: _jsxs(Flex, { direction: "row", justifyContent: "space-between", alignItems: "center", gap: 4, className: b('content'), children: [_jsx(Flex, { children: _jsx(Text, { variant: "subheader-2", className: b('title'), children: i18n('title_queries-activity') }) }), _jsxs(Flex, { wrap: true, alignItems: "center", gap: 1, className: b('stats'), children: [_jsx(Label, { theme: runningQueriesCount > 0 ? 'success' : 'unknown', icon: _jsx(Icon, { data: CirclePlay }), size: "s", value: String(runningQueriesCount), children: i18n('field_running-queries') }), _jsx(Label, { theme: "unknown", icon: _jsx(Icon, { data: Display }), size: "s", value: String(uniqueApplications), children: i18n('field_applications') }), _jsx(Label, { theme: "unknown", icon: _jsx(Icon, { data: Person }), size: "s", value: String(uniqueUsers), children: i18n('field_users') }), runningQueriesCount > 0 && (_jsx(Button, { view: "outlined", size: "s", onClick: handleOpenRunningQueries, className: b('open-queries-button'), children: i18n('action_open-running-queries') }))] })] }) }) }));
+}
+//# sourceMappingURL=QueriesActivityAlert.js.map

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

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

package/dist/components/QueriesActivityBar/QueriesActivityAlert.scss

@@ -0,0 +1,25 @@
+.queries-activity-alert {
+    $b: &;
+
+    border-radius: var(--g-border-radius-s);
+
+    &__card {
+        width: 100%;
+        padding: 0;
+
+        border: 1px solid var(--g-color-line-generic);
+        border-radius: var(--g-border-radius-s);
+    }
+
+    &__content {
+        padding: calc(var(--g-spacing-5) - 1px) var(--g-spacing-4);
+    }
+
+    &__title {
+        color: var(--g-color-text-primary);
+    }
+
+    &__open-queries-button {
+        margin-left: var(--g-spacing-1);
+    }
+}

package/dist/components/QueriesActivityBar/QueriesActivityBar.js

@@ -1,100 +1,20 @@
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import React from 'react';
-import { CirclePlay, Clock, Display, Person, Rocket } from '@gravity-ui/icons';
-import { ArrowToggle, Button, Card, Flex, Icon, Label, Text } from '@gravity-ui/uikit';
-import { useHistory, useLocation } from 'react-router-dom';
-import { TenantTabsGroups, getTenantPath } from '../../containers/Tenant/TenantPages';
-import { parseQuery } from '../../routes';
-import { topQueriesApi } from '../../store/reducers/executeTopQueries/executeTopQueries';
-import { TENANT_DIAGNOSTICS_TABS_IDS } from '../../store/reducers/tenant/constants';
-import { cn } from '../../utils/cn';
-import { useAutoRefreshInterval } from '../../utils/hooks';
-import { chartApi } from '../MetricChart/reducer';
-import { QueriesActivityCharts } from './QueriesActivityCharts';
-import i18n from './i18n';
-import { calculateLatency, calculateQueriesPerSecond, formatTrendValue } from './utils';
+import { jsx as _jsx } from "react/jsx-runtime";
+import { QueriesActivityAlert } from './QueriesActivityAlert';
+import { QueriesActivityExpandable } from './QueriesActivityExpandable';
+import { QueriesActivitySkeleton } from './QueriesActivitySkeleton';
+import { useQueriesActivityData } from './useQueriesActivityData';
 import './QueriesActivityBar.scss';
-const b = cn('queries-activity-bar');
 export function QueriesActivityBar({ tenantName }) {
-    var _a, _b, _c, _d, _e, _f, _g;
-    const history = useHistory();
-    const location = useLocation();
-    const [autoRefreshInterval] = useAutoRefreshInterval();
-    const [expanded, setExpanded] = React.useState(false);
-    const [queriesTimeFrame] = React.useState('1h');
-    const [latenciesTimeFrame] = React.useState('1h');
-    const [isActivityBarHidden, setIsActivityBarHidden] = React.useState(true);
-    // Refetch data only if activity bar successfully loaded
-    const shouldRefresh = isActivityBarHidden ? 0 : autoRefreshInterval;
-    /**
-     * Activity bar should be hidden, if charts are not enabled:
-     * 1. GraphShard is not enabled
-     * 2. ydb version does not have /viewer/json/render endpoint (400, 404, CORS error, etc.)
-     *
-     * If at least one chart successfully loaded, activity bar should be shown
-     * @link https://github.com/ydb-platform/ydb-embedded-ui/issues/659
-     * @todo disable only for specific errors ('GraphShard is not enabled') after ydb-stable-24 is generally used
-     */
-    const handleChartDataStatusChange = React.useCallback((chartStatus) => {
-        if (chartStatus === 'success') {
-            setIsActivityBarHidden(false);
-        }
-    }, []);
-    // Fetch running queries
-    const { data: runningQueriesData } = topQueriesApi.useGetRunningQueriesQuery({
-        database: tenantName,
-        filters: {},
-    }, { pollingInterval: shouldRefresh });
-    // Fetch queries per second data for header metrics
-    const { data: queriesPerSecData } = chartApi.useGetChartDataQuery({
-        database: tenantName,
-        metrics: [{ target: 'queries.requests' }],
-        timeFrame: queriesTimeFrame,
-        maxDataPoints: 30,
-    }, { pollingInterval: shouldRefresh });
-    // Fetch latency data for header metrics
-    const { data: latencyData } = chartApi.useGetChartDataQuery({
-        database: tenantName,
-        metrics: [{ target: 'queries.latencies.p99' }],
-        timeFrame: latenciesTimeFrame,
-        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;
-    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]);
-    // Calculate unique applications and users
-    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]);
-    const handleOpenRunningQueries = () => {
-        const queryParams = parseQuery(location);
-        const path = getTenantPath({
-            ...queryParams,
-            [TenantTabsGroups.diagnosticsTab]: TENANT_DIAGNOSTICS_TABS_IDS.topQueries,
-            queryMode: 'running',
-        });
-        history.push(path);
-    };
-    const handleToggleExpanded = () => {
-        setExpanded(!expanded);
-    };
-    return (_jsx("div", { className: b({ expanded }), style: { display: isActivityBarHidden ? 'none' : undefined }, children: _jsxs(Card, { className: b('card'), type: "container", view: expanded ? 'outlined' : 'raised', children: [_jsxs("div", { className: b('header'), onClick: handleToggleExpanded, children: [_jsxs(Flex, { justifyContent: "space-between", className: b('content-wrapper'), children: [_jsxs(Flex, { direction: "column", className: b('title-section'), children: [_jsx(Text, { variant: "subheader-2", className: b('title'), children: i18n('title_queries-activity') }), _jsx(Text, { color: "secondary", variant: "caption-2", className: b('subtitle'), children: i18n('context_monitor-changes-realtime') })] }), _jsxs("div", { className: b('metrics'), children: [_jsx(Label, { theme: runningQueriesCount > 0 ? 'success' : 'unknown', size: "s", icon: _jsx(Icon, { data: CirclePlay, size: 14 }), children: runningQueriesCount }), _jsx(Label, { theme: "clear", size: "s", icon: _jsx(Icon, { data: Rocket, size: 14 }), value: formatTrendValue(qps.trend.value), children: i18n('value_per-sec', { count: qps.value }) }), _jsx(Label, { theme: "clear", size: "s", icon: _jsx(Icon, { data: Clock, size: 14 }), value: formatTrendValue(latency.trend.value), children: i18n('value_ms', { time: latency.value }) })] })] }), _jsx(ArrowToggle, { direction: expanded ? 'top' : 'bottom' })] }), expanded && (_jsx("div", { className: b('content'), children: _jsxs("div", { className: b('stats'), children: [_jsx(Label, { theme: "unknown", icon: _jsx(Icon, { data: CirclePlay }), size: "s", value: String(runningQueriesCount), children: i18n('field_running-queries') }), _jsx(Label, { theme: "unknown", icon: _jsx(Icon, { data: Display }), size: "s", value: String(uniqueApplications), children: i18n('field_applications') }), _jsx(Label, { theme: "unknown", icon: _jsx(Icon, { data: Person }), size: "s", value: String(uniqueUsers), children: i18n('field_users') }), _jsx(Button, { view: "outlined", size: "s", onClick: handleOpenRunningQueries, className: b('open-queries-button'), children: i18n('action_open-running-queries') })] }) })), _jsx(QueriesActivityCharts, { tenantName: tenantName, expanded: expanded, onChartDataStatusChange: handleChartDataStatusChange })] }) }));
+    const { runningQueriesCount, uniqueApplications, uniqueUsers, qps, latency, areChartsAvailable } = useQueriesActivityData(tenantName);
+    // Show skeleton while determining chart availability
+    if (areChartsAvailable === null) {
+        return _jsx(QueriesActivitySkeleton, {});
+    }
+    // Render compact alert-style mode when charts are not available
+    if (areChartsAvailable === false) {
+        return (_jsx(QueriesActivityAlert, { runningQueriesCount: runningQueriesCount, uniqueApplications: uniqueApplications, uniqueUsers: uniqueUsers }));
+    }
+    // Render expandable mode when charts are available
+    return (_jsx(QueriesActivityExpandable, { tenantName: tenantName, runningQueriesCount: runningQueriesCount, uniqueApplications: uniqueApplications, uniqueUsers: uniqueUsers, qps: qps, latency: latency }));
 }
 //# sourceMappingURL=QueriesActivityBar.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"QueriesActivityBar.js","sourceRoot":"","sources":["../../../src/components/QueriesActivityBar/QueriesActivityBar.tsx"],"names":[],"mappings":"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"}
+{"version":3,"file":"QueriesActivityBar.js","sourceRoot":"","sources":["../../../src/components/QueriesActivityBar/QueriesActivityBar.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAC,oBAAoB,EAAC,MAAM,wBAAwB,CAAC;AAC5D,OAAO,EAAC,yBAAyB,EAAC,MAAM,6BAA6B,CAAC;AACtE,OAAO,EAAC,uBAAuB,EAAC,MAAM,2BAA2B,CAAC;AAClE,OAAO,EAAC,sBAAsB,EAAC,MAAM,0BAA0B,CAAC;AAEhE,OAAO,2BAA2B,CAAC;AAMnC,MAAM,UAAU,kBAAkB,CAAC,EAAC,UAAU,EAA0B;IACpE,MAAM,EAAC,mBAAmB,EAAE,kBAAkB,EAAE,WAAW,EAAE,GAAG,EAAE,OAAO,EAAE,kBAAkB,EAAC,GAC1F,sBAAsB,CAAC,UAAU,CAAC,CAAC;IAEvC,qDAAqD;IACrD,IAAI,kBAAkB,KAAK,IAAI,EAAE,CAAC;QAC9B,OAAO,KAAC,uBAAuB,KAAG,CAAC;IACvC,CAAC;IAED,gEAAgE;IAChE,IAAI,kBAAkB,KAAK,KAAK,EAAE,CAAC;QAC/B,OAAO,CACH,KAAC,oBAAoB,IACjB,mBAAmB,EAAE,mBAAmB,EACxC,kBAAkB,EAAE,kBAAkB,EACtC,WAAW,EAAE,WAAW,GAC1B,CACL,CAAC;IACN,CAAC;IAED,mDAAmD;IACnD,OAAO,CACH,KAAC,yBAAyB,IACtB,UAAU,EAAE,UAAU,EACtB,mBAAmB,EAAE,mBAAmB,EACxC,kBAAkB,EAAE,kBAAkB,EACtC,WAAW,EAAE,WAAW,EACxB,GAAG,EAAE,GAAG,EACR,OAAO,EAAE,OAAO,GAClB,CACL,CAAC;AACN,CAAC"}