ydb-embedded-ui 8.10.0 → 8.11.1

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

@@ -1,2 +1,2 @@
-declare const _default: (key: "database" | "version" | "uptime" | "dc" | "links" | "no-data" | "rack" | "la-interval-1m" | "la-interval-5m" | "la-interval-15m" | "developer-ui" | "title.common-info" | "title.endpoints" | "title.roles" | "title.pools" | "title.load-average", params?: import("@gravity-ui/i18n").Params) => string;
+declare const _default: (key: "version" | "database" | "uptime" | "dc" | "links" | "no-data" | "rack" | "la-interval-1m" | "la-interval-5m" | "la-interval-15m" | "developer-ui" | "title.common-info" | "title.endpoints" | "title.roles" | "title.pools" | "title.load-average", params?: import("@gravity-ui/i18n").Params) => string;
 export default _default;

package/dist/components/JsonViewer/JsonViewer.d.ts

@@ -0,0 +1,14 @@
+import React from 'react';
+import type * as DT100 from '@gravity-ui/react-data-table';
+import type { UnipikaSettings, UnipikaValue } from './unipika/StructuredYsonTypes';
+import './JsonViewer.scss';
+interface JsonViewerProps {
+    value: UnipikaValue;
+    unipikaSettings?: UnipikaSettings;
+    extraTools?: React.ReactNode;
+    tableSettings?: DT100.Settings;
+    search?: boolean;
+    collapsedInitially?: boolean;
+}
+export declare function JsonViewer({ tableSettings, value, unipikaSettings, search, extraTools, collapsedInitially, }: JsonViewerProps): import("react/jsx-runtime").JSX.Element;
+export {};

package/dist/components/JsonViewer/JsonViewer.js

@@ -0,0 +1,174 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import React from 'react';
+import DataTable from '@gravity-ui/react-data-table';
+import { ActionTooltip, Button, Flex, Icon } from '@gravity-ui/uikit';
+import { CASE_SENSITIVE_JSON_SEARCH } from '../../utils/constants';
+import { useSetting } from '../../utils/hooks';
+import { Cell } from './components/Cell';
+import { Filter } from './components/Filter';
+import { FullValueDialog } from './components/FullValueDialog';
+import { block } from './constants';
+import i18n from './i18n';
+import { flattenUnipika } from './unipika/flattenUnipika';
+import { unipika } from './unipika/unipika';
+import ArrowDownToLineIcon from '@gravity-ui/icons/svgs/arrow-down-to-line.svg';
+import ArrowUpFromLineIcon from '@gravity-ui/icons/svgs/arrow-up-from-line.svg';
+import './JsonViewer.scss';
+const SETTINGS = {
+    displayIndices: false,
+    dynamicRender: true,
+    sortable: false,
+    dynamicRenderMinSize: 100,
+};
+function getCollapsedState(value) {
+    const { data } = flattenUnipika(value);
+    const collapsedState = data.reduce((acc, { path }) => {
+        if (path) {
+            acc[path] = true;
+        }
+        return acc;
+    }, {});
+    return collapsedState;
+}
+function calculateState(value, collapsedState, filter, caseSensitive) {
+    const flattenResult = flattenUnipika(value, {
+        collapsedState: collapsedState,
+        filter,
+        caseSensitive,
+    });
+    return Object.assign({}, {
+        flattenResult,
+        matchedRows: Object.keys(flattenResult.searchIndex).map(Number),
+    });
+}
+export function JsonViewer({ tableSettings, value, unipikaSettings, search = true, extraTools, collapsedInitially, }) {
+    const [caseSensitiveSearch, setCaseSensitiveSearch] = useSetting(CASE_SENSITIVE_JSON_SEARCH, false);
+    const [collapsedState, setCollapsedState] = React.useState(() => {
+        if (collapsedInitially) {
+            return getCollapsedState(value);
+        }
+        return {};
+    });
+    const [filter, setFilter] = React.useState('');
+    const [state, setState] = React.useState(() => calculateState(value, collapsedState, filter, caseSensitiveSearch));
+    const [matchIndex, setMatchIndex] = React.useState(-1);
+    const [fullValue, setFullValue] = React.useState();
+    const dataTable = React.useRef(null);
+    const searchRef = React.useRef(null);
+    const normalizedTableSettings = React.useMemo(() => {
+        return {
+            ...SETTINGS,
+            dynamicInnerRef: dataTable,
+            ...tableSettings,
+        };
+    }, [tableSettings]);
+    const renderCell = ({ row, index }) => {
+        const { flattenResult: { searchIndex }, } = state;
+        return (_jsx(Cell, { matched: searchIndex[index], row: row, settings: unipikaSettings, onToggleCollapse: onTogglePathCollapse, filter: filter, showFullText: onShowFullText, index: index }));
+    };
+    const onTogglePathCollapse = (path) => {
+        const newCollapsedState = { ...collapsedState };
+        if (newCollapsedState[path]) {
+            delete newCollapsedState[path];
+        }
+        else {
+            newCollapsedState[path] = true;
+        }
+        updateState({ collapsedState: newCollapsedState });
+    };
+    const updateState = (changedState, cb) => {
+        const { collapsedState: newCollapsedState, matchIndex: newMatchIndex, filter: newFilter, caseSensitive: newCaseSensitive, } = changedState;
+        if (newCollapsedState !== undefined) {
+            setCollapsedState(newCollapsedState);
+        }
+        if (newMatchIndex !== undefined) {
+            setMatchIndex(newMatchIndex);
+        }
+        if (newFilter !== undefined) {
+            setFilter(newFilter);
+        }
+        const caseSensitive = newCaseSensitive !== null && newCaseSensitive !== void 0 ? newCaseSensitive : caseSensitiveSearch;
+        setState(calculateState(value, newCollapsedState !== null && newCollapsedState !== void 0 ? newCollapsedState : collapsedState, newFilter !== null && newFilter !== void 0 ? newFilter : filter, caseSensitive));
+        cb === null || cb === void 0 ? void 0 : cb();
+    };
+    const renderTable = () => {
+        const columns = [
+            {
+                name: 'content',
+                render: renderCell,
+                header: null,
+            },
+        ];
+        const { flattenResult: { data }, } = state;
+        return (_jsx("div", { className: block('content'), children: _jsx(DataTable, { columns: columns, data: data, theme: 'yson', settings: normalizedTableSettings, rowClassName: () => block('row') }) }));
+    };
+    const onExpandAll = () => {
+        updateState({ collapsedState: {} }, () => {
+            onNextMatch(null, 0);
+        });
+    };
+    const onCollapseAll = () => {
+        const collapsedState = getCollapsedState(value);
+        updateState({ collapsedState });
+    };
+    const onFilterChange = (filter) => {
+        updateState({ filter, matchIndex: 0 }, () => {
+            onNextMatch(null, 0);
+        });
+    };
+    const onNextMatch = (_event, diff = 1) => {
+        var _a, _b;
+        const { matchedRows } = state;
+        if (!matchedRows.length) {
+            return;
+        }
+        let index = (matchIndex + diff) % matchedRows.length;
+        if (index < 0) {
+            index = matchedRows.length + index;
+        }
+        if (index !== matchIndex) {
+            setMatchIndex(index);
+        }
+        (_a = dataTable.current) === null || _a === void 0 ? void 0 : _a.scrollTo(matchedRows[index] - 6);
+        (_b = searchRef.current) === null || _b === void 0 ? void 0 : _b.focus();
+    };
+    const onPrevMatch = () => {
+        onNextMatch(null, -1);
+    };
+    const onEnterKeyDown = (e) => {
+        if (e.key !== 'Enter') {
+            return;
+        }
+        if (e.shiftKey || e.ctrlKey) {
+            onPrevMatch();
+        }
+        else {
+            onNextMatch(null);
+        }
+    };
+    const handleUpdateCaseSensitive = () => {
+        const newCaseSensitive = !caseSensitiveSearch;
+        setCaseSensitiveSearch(newCaseSensitive);
+        updateState({ caseSensitive: newCaseSensitive });
+    };
+    const renderToolbar = () => {
+        return (_jsxs(Flex, { gap: 2, wrap: "nowrap", className: block('toolbar'), children: [_jsxs(Flex, { gap: 1, wrap: "nowrap", children: [_jsx(ActionTooltip, { title: i18n('action_expand-all'), children: _jsx(Button, { onClick: onExpandAll, view: "flat-secondary", children: _jsx(Icon, { data: ArrowDownToLineIcon }) }) }), _jsx(ActionTooltip, { title: i18n('action_collapse-all'), children: _jsx(Button, { onClick: onCollapseAll, view: "flat-secondary", children: _jsx(Icon, { data: ArrowUpFromLineIcon }) }) })] }), search && (_jsx(Filter, { onUpdate: onFilterChange, matchIndex: matchIndex, matchedRows: state.matchedRows, value: filter, ref: searchRef, onKeyDown: onEnterKeyDown, onNextMatch: onNextMatch, onPrevMatch: onPrevMatch, caseSensitive: caseSensitiveSearch, onUpdateCaseSensitive: handleUpdateCaseSensitive })), _jsx("span", { className: block('extra-tools'), children: extraTools })] }));
+    };
+    const onShowFullText = (index) => {
+        const { flattenResult: { searchIndex, data }, } = state;
+        setFullValue({
+            value: data[index].value,
+            searchInfo: searchIndex[index],
+        });
+    };
+    const onHideFullValue = () => {
+        setFullValue(undefined);
+    };
+    const renderFullValueModal = () => {
+        const { value, searchInfo } = fullValue !== null && fullValue !== void 0 ? fullValue : {};
+        const tmp = unipika.format(value, { ...unipikaSettings, asHTML: false });
+        return (value && (_jsx(FullValueDialog, { onClose: onHideFullValue, starts: (searchInfo === null || searchInfo === void 0 ? void 0 : searchInfo.valueMatch) || [], text: tmp.substring(1, tmp.length - 1), length: filter.length })));
+    };
+    return (_jsxs("div", { className: block(), children: [renderToolbar(), renderTable(), renderFullValueModal()] }));
+}
+//# sourceMappingURL=JsonViewer.js.map

package/dist/components/JsonViewer/JsonViewer.js.map

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

package/dist/components/JsonViewer/JsonViewer.scss

@@ -0,0 +1,117 @@
+@use '../../styles/mixins.scss';
+
+.ydb-json-viewer {
+    --data-table-row-height: 20px;
+    --toolbar-background-color: var(--g-color-base-background);
+
+    &__toolbar {
+        position: sticky;
+        z-index: 2;
+        top: 0;
+        left: 0;
+
+        padding-bottom: var(--g-spacing-2);
+
+        background-color: var(--toolbar-background-color);
+    }
+
+    &__content {
+        font-family: var(--g-font-family-monospace);
+    }
+
+    &__row {
+        height: 1em;
+    }
+
+    &__cell {
+        position: relative;
+
+        white-space: nowrap !important;
+        * {
+            white-space: nowrap !important;
+        }
+    }
+
+    &__collapsed {
+        position: absolute;
+
+        margin-top: -2px;
+        margin-left: -3ex;
+    }
+
+    &__match-counter {
+        align-content: center;
+
+        text-wrap: nowrap;
+
+        color: var(--g-color-text-secondary);
+    }
+
+    &__key {
+        color: var(--g-color-text-misc);
+    }
+
+    &__value {
+        &_type {
+            &_string {
+                color: var(--color-unipika-string);
+            }
+            &_boolean {
+                color: var(--color-unipika-bool);
+            }
+            &_null {
+                color: var(--color-unipika-null);
+            }
+            &_int64 {
+                color: var(--color-unipika-int);
+            }
+            &_double {
+                color: var(--color-unipika-float);
+            }
+        }
+    }
+
+    &__filter {
+        width: 300px;
+    }
+
+    &__filtered {
+        &_highlighted {
+            background-color: var(--g-color-base-generic-medium);
+        }
+        &_clickable {
+            cursor: pointer;
+
+            color: var(--g-color-text-info);
+        }
+    }
+
+    &__match-btn {
+        margin-left: -1px;
+    }
+
+    &__full-value {
+        overflow: hidden auto;
+
+        max-width: 90vw;
+        max-height: 90vh;
+        margin: var(--g-spacing-3) 0;
+
+        word-break: break-all;
+        @include mixins.body-2-typography();
+    }
+
+    &__extra-tools {
+        margin-left: 1ex;
+    }
+
+    .data-table__head {
+        display: none;
+    }
+
+    .data-table__td {
+        overflow: visible;
+
+        padding: 0;
+    }
+}

package/dist/components/JsonViewer/components/Cell.d.ts

@@ -0,0 +1,16 @@
+import type { UnipikaSettings } from '../unipika/StructuredYsonTypes';
+import type { SearchInfo, UnipikaFlattenTreeItem } from '../unipika/flattenUnipika';
+interface CellProps {
+    matched: SearchInfo;
+    row: UnipikaFlattenTreeItem;
+    settings?: UnipikaSettings;
+    collapsedState?: {
+        readonly [key: string]: boolean;
+    };
+    onToggleCollapse: (path: string) => void;
+    filter?: string;
+    index: number;
+    showFullText: (index: number) => void;
+}
+export declare function Cell(props: CellProps): import("react/jsx-runtime").JSX.Element;
+export {};

package/dist/components/JsonViewer/components/Cell.js

@@ -0,0 +1,103 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import React from 'react';
+import { Icon } from '@gravity-ui/uikit';
+import fill_ from 'lodash/fill';
+import { MultiHighlightedText } from '../components/HighlightedText';
+import { ToggleCollapseButton } from '../components/ToggleCollapseButton';
+import { block } from '../constants';
+import i18n from '../i18n';
+import { defaultUnipikaSettings, unipika } from '../unipika/unipika';
+import { getHightLightedClassName } from '../utils';
+import ArrowUpRightFromSquareIcon from '@gravity-ui/icons/svgs/arrow-up-right-from-square.svg';
+export function Cell(props) {
+    const { row: { level, open, close, key, value, hasDelimiter, path, collapsed, depth }, settings, onToggleCollapse, matched, filter, showFullText, index, } = props;
+    const handleToggleCollapse = React.useCallback(() => {
+        if (!path) {
+            return;
+        }
+        onToggleCollapse(path);
+    }, [path, onToggleCollapse]);
+    const handleShowFullText = React.useCallback(() => {
+        showFullText(index);
+    }, [showFullText, index]);
+    return (_jsxs("div", { className: block('cell', 'unipika'), children: [getLevelOffsetSpaces(level), path && (_jsx(ToggleCollapseButton, { collapsed: collapsed, path: path, onToggle: handleToggleCollapse })), _jsx(Key, { text: key, settings: settings, matched: matched === null || matched === void 0 ? void 0 : matched.keyMatch, filter: filter }), open && _jsx(OpenClose, { type: open, settings: settings }), depth !== undefined && (_jsx("span", { className: 'unipika', children: i18n('context_items-count', { count: depth }) })), value !== undefined && (_jsx(Value, { text: value, settings: settings, matched: matched === null || matched === void 0 ? void 0 : matched.valueMatch, filter: filter, showFullText: handleShowFullText })), collapsed && depth === undefined && _jsx("span", { className: 'unipika', children: "..." }), close && _jsx(OpenClose, { type: close, settings: settings, close: true }), hasDelimiter && _jsx(AdditionalText, { text: ',' })] }));
+}
+function Key(props) {
+    const text = renderKeyWithFilter(props);
+    return text ? (_jsxs(React.Fragment, { children: [text, _jsx(AdditionalText, { text: ': ' })] })) : null;
+}
+function Value(props) {
+    var _a;
+    return (_jsx(React.Fragment, { children: renderValueWithFilter(props, block('value', { type: (_a = props.text) === null || _a === void 0 ? void 0 : _a.$type })) }));
+}
+function renderValueWithFilter(props, className) {
+    var _a;
+    if ('string' === ((_a = props.text) === null || _a === void 0 ? void 0 : _a.$type)) {
+        return renderStringWithFilter(props, className, 100);
+    }
+    return renderWithFilter(props, block('value'));
+}
+function renderStringWithFilter(props, className, maxWidth = Infinity) {
+    const { text, settings = defaultUnipikaSettings, matched = [], filter, showFullText } = props;
+    const tmp = unipika.format(text, { ...settings, asHTML: false });
+    const length = tmp.length;
+    const visible = tmp.substring(1, Math.min(length - 1, maxWidth + 1));
+    const truncated = visible.length < tmp.length - 2;
+    let hasHiddenMatch = false;
+    if (truncated) {
+        for (let i = matched.length - 1; i >= 0; --i) {
+            if (visible.length < matched[i] + ((filter === null || filter === void 0 ? void 0 : filter.length) || 0)) {
+                hasHiddenMatch = true;
+                break;
+            }
+        }
+    }
+    return (_jsxs("span", { children: [_jsx(MultiHighlightedText, { className: getHightLightedClassName(className), text: visible, starts: matched, length: filter === null || filter === void 0 ? void 0 : filter.length }), truncated && (_jsxs("span", { className: block('filtered', {
+                    highlighted: hasHiddenMatch,
+                    clickable: true,
+                }), onClick: showFullText, children: ['\u2026', _jsx(Icon, { data: ArrowUpRightFromSquareIcon })] }))] }));
+}
+function renderKeyWithFilter(props) {
+    if (!(props === null || props === void 0 ? void 0 : props.text)) {
+        return null;
+    }
+    return renderStringWithFilter(props, block('key'));
+}
+function renderWithFilter(props, className) {
+    const { text, filter, settings, matched } = props;
+    let res = null;
+    if (matched && filter) {
+        const tmp = unipika.format(text, { ...settings, asHTML: false });
+        res = (_jsx(MultiHighlightedText, { className: getHightLightedClassName(className), text: tmp, starts: matched, length: filter === null || filter === void 0 ? void 0 : filter.length }));
+    }
+    else {
+        res = text ? formatValue(text, settings) : undefined;
+    }
+    return res ? res : null;
+}
+function AdditionalText({ text }) {
+    return _jsx("span", { children: text });
+}
+function OpenClose(props) {
+    const { type, close } = props;
+    switch (type) {
+        case 'array':
+            return _jsx(AdditionalText, { text: close ? ']' : '[' });
+        case 'object':
+            return _jsx(AdditionalText, { text: close ? '}' : '{' });
+    }
+}
+function formatValue(value, settings = defaultUnipikaSettings) {
+    const __html = unipika.formatValue(value, { ...defaultUnipikaSettings, ...settings }, 0);
+    return _jsx("span", { className: 'unipika', dangerouslySetInnerHTML: { __html } });
+}
+const OFFSETS_BY_LEVEL = {};
+function getLevelOffsetSpaces(level) {
+    let res = OFFSETS_BY_LEVEL[level];
+    if (!res) {
+        const __html = fill_(Array(level * 3), '&nbsp;').join('');
+        res = OFFSETS_BY_LEVEL[level] = _jsx("span", { dangerouslySetInnerHTML: { __html } });
+    }
+    return res;
+}
+//# sourceMappingURL=Cell.js.map

package/dist/components/JsonViewer/components/Cell.js.map

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

package/dist/components/JsonViewer/components/Filter.d.ts

@@ -0,0 +1,14 @@
+import React from 'react';
+interface FilterProps {
+    matchIndex: number;
+    matchedRows: number[];
+    value: string;
+    onUpdate: (value: string) => void;
+    onKeyDown?: (event: React.KeyboardEvent<HTMLInputElement>) => void;
+    onNextMatch?: (_event: unknown, diff?: number) => void;
+    onPrevMatch?: (_event: unknown, diff?: number) => void;
+    caseSensitive?: boolean;
+    onUpdateCaseSensitive: VoidFunction;
+}
+export declare const Filter: React.ForwardRefExoticComponent<FilterProps & React.RefAttributes<HTMLInputElement>>;
+export {};

package/dist/components/JsonViewer/components/Filter.js

@@ -0,0 +1,16 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import React from 'react';
+import { ActionTooltip, Button, Flex, Icon, TextInput } from '@gravity-ui/uikit';
+import { block } from '../constants';
+import i18n from '../i18n';
+import ChevronDownIcon from '@gravity-ui/icons/svgs/chevron-down.svg';
+import ChevronUpIcon from '@gravity-ui/icons/svgs/chevron-up.svg';
+import FontCaseIcon from '@gravity-ui/icons/svgs/font-case.svg';
+export const Filter = React.forwardRef(function Filter({ matchIndex, matchedRows, value, onUpdate, onKeyDown, onNextMatch, onPrevMatch, caseSensitive, onUpdateCaseSensitive, }, ref) {
+    const count = matchedRows.length;
+    const matchPosition = count ? 1 + (matchIndex % count) : 0;
+    return (_jsxs(React.Fragment, { children: [_jsx(TextInput, { ref: ref, className: block('filter'), hasClear: true, size: "m", type: "text", value: value, placeholder: i18n('description_search'), onUpdate: onUpdate, autoFocus: false, onKeyDown: onKeyDown, endContent: _jsx(ActionTooltip, { title: caseSensitive
+                        ? i18n('context_case-sensitive-search')
+                        : i18n('context_case-sensitive-search-disabled'), children: _jsx(Button, { view: "flat-secondary", onClick: onUpdateCaseSensitive, selected: caseSensitive, children: _jsx(Icon, { data: FontCaseIcon }) }) }) }), _jsxs(Flex, { gap: 1, wrap: "nowrap", children: [_jsx(Button, { className: block('match-btn'), view: "flat-secondary", title: i18n('action_next'), onClick: onNextMatch, disabled: !count, children: _jsx(Icon, { data: ChevronDownIcon }) }), _jsx(Button, { className: block('match-btn'), view: "flat-secondary", title: i18n('action_back'), onClick: onPrevMatch, disabled: !count, children: _jsx(Icon, { data: ChevronUpIcon }) })] }), _jsxs("span", { className: block('match-counter'), title: i18n('description_matched-rows'), children: [matchPosition, " / ", count || 0] })] }));
+});
+//# sourceMappingURL=Filter.js.map

package/dist/components/JsonViewer/components/Filter.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Filter.js","sourceRoot":"","sources":["../../../../src/components/JsonViewer/components/Filter.tsx"],"names":[],"mappings":";AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,OAAO,EAAC,aAAa,EAAE,MAAM,EAAE,IAAI,EAAE,IAAI,EAAE,SAAS,EAAC,MAAM,mBAAmB,CAAC;AAE/E,OAAO,EAAC,KAAK,EAAC,MAAM,cAAc,CAAC;AACnC,OAAO,IAAI,MAAM,SAAS,CAAC;AAE3B,OAAO,eAAe,MAAM,yCAAyC,CAAC;AACtE,OAAO,aAAa,MAAM,uCAAuC,CAAC;AAClE,OAAO,YAAY,MAAM,sCAAsC,CAAC;AAchE,MAAM,CAAC,MAAM,MAAM,GAAG,KAAK,CAAC,UAAU,CAAgC,SAAS,MAAM,CACjF,EACI,UAAU,EACV,WAAW,EACX,KAAK,EACL,QAAQ,EACR,SAAS,EACT,WAAW,EACX,WAAW,EACX,aAAa,EACb,qBAAqB,GACxB,EACD,GAAG;IAEH,MAAM,KAAK,GAAG,WAAW,CAAC,MAAM,CAAC;IACjC,MAAM,aAAa,GAAG,KAAK,CAAC,CAAC,CAAC,CAAC,GAAG,CAAC,UAAU,GAAG,KAAK,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC;IAC3D,OAAO,CACH,MAAC,KAAK,CAAC,QAAQ,eACX,KAAC,SAAS,IACN,GAAG,EAAE,GAAG,EACR,SAAS,EAAE,KAAK,CAAC,QAAQ,CAAC,EAC1B,QAAQ,QACR,IAAI,EAAC,GAAG,EACR,IAAI,EAAC,MAAM,EACX,KAAK,EAAE,KAAK,EACZ,WAAW,EAAE,IAAI,CAAC,oBAAoB,CAAC,EACvC,QAAQ,EAAE,QAAQ,EAClB,SAAS,EAAE,KAAK,EAChB,SAAS,EAAE,SAAS,EACpB,UAAU,EACN,KAAC,aAAa,IACV,KAAK,EACD,aAAa;wBACT,CAAC,CAAC,IAAI,CAAC,+BAA+B,CAAC;wBACvC,CAAC,CAAC,IAAI,CAAC,wCAAwC,CAAC,YAGxD,KAAC,MAAM,IACH,IAAI,EAAC,gBAAgB,EACrB,OAAO,EAAE,qBAAqB,EAC9B,QAAQ,EAAE,aAAa,YAEvB,KAAC,IAAI,IAAC,IAAI,EAAE,YAAY,GAAI,GACvB,GACG,GAEtB,EACF,MAAC,IAAI,IAAC,GAAG,EAAE,CAAC,EAAE,IAAI,EAAC,QAAQ,aACvB,KAAC,MAAM,IACH,SAAS,EAAE,KAAK,CAAC,WAAW,CAAC,EAC7B,IAAI,EAAC,gBAAgB,EACrB,KAAK,EAAE,IAAI,CAAC,aAAa,CAAC,EAC1B,OAAO,EAAE,WAAW,EACpB,QAAQ,EAAE,CAAC,KAAK,YAEhB,KAAC,IAAI,IAAC,IAAI,EAAE,eAAe,GAAI,GAC1B,EACT,KAAC,MAAM,IACH,SAAS,EAAE,KAAK,CAAC,WAAW,CAAC,EAC7B,IAAI,EAAC,gBAAgB,EACrB,KAAK,EAAE,IAAI,CAAC,aAAa,CAAC,EAC1B,OAAO,EAAE,WAAW,EACpB,QAAQ,EAAE,CAAC,KAAK,YAEhB,KAAC,IAAI,IAAC,IAAI,EAAE,aAAa,GAAI,GACxB,IACN,EACP,gBAAM,SAAS,EAAE,KAAK,CAAC,eAAe,CAAC,EAAE,KAAK,EAAE,IAAI,CAAC,0BAA0B,CAAC,aAC3E,aAAa,SAAK,KAAK,IAAI,CAAC,IAC1B,IACM,CACpB,CAAC;AACN,CAAC,CAAC,CAAC"}

package/dist/components/JsonViewer/components/FullValueDialog.d.ts

@@ -0,0 +1,8 @@
+interface FullValueDialogProps {
+    onClose: () => void;
+    length: number;
+    text: string;
+    starts: number[];
+}
+export declare function FullValueDialog({ onClose, text, starts, length }: FullValueDialogProps): import("react/jsx-runtime").JSX.Element;
+export {};

package/dist/components/JsonViewer/components/FullValueDialog.js

@@ -0,0 +1,10 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { Dialog, Flex } from '@gravity-ui/uikit';
+import { block } from '../constants';
+import i18n from '../i18n';
+import { getHightLightedClassName } from '../utils';
+import { MultiHighlightedText } from './HighlightedText';
+export function FullValueDialog({ onClose, text, starts, length }) {
+    return (_jsxs(Dialog, { open: true, onClose: onClose, children: [_jsx(Dialog.Header, { caption: i18n('description_full-value') }), _jsx(Dialog.Divider, {}), _jsx(Dialog.Body, { children: _jsx(Flex, { direction: "column", gap: 2, width: "70vw", maxHeight: "80vh", children: _jsx("div", { className: block('full-value'), children: _jsx(MultiHighlightedText, { className: getHightLightedClassName(), starts: starts, text: text, length: length }) }) }) })] }));
+}
+//# sourceMappingURL=FullValueDialog.js.map

package/dist/components/JsonViewer/components/FullValueDialog.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"FullValueDialog.js","sourceRoot":"","sources":["../../../../src/components/JsonViewer/components/FullValueDialog.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAC,MAAM,EAAE,IAAI,EAAC,MAAM,mBAAmB,CAAC;AAE/C,OAAO,EAAC,KAAK,EAAC,MAAM,cAAc,CAAC;AACnC,OAAO,IAAI,MAAM,SAAS,CAAC;AAC3B,OAAO,EAAC,wBAAwB,EAAC,MAAM,UAAU,CAAC;AAElD,OAAO,EAAC,oBAAoB,EAAC,MAAM,mBAAmB,CAAC;AASvD,MAAM,UAAU,eAAe,CAAC,EAAC,OAAO,EAAE,IAAI,EAAE,MAAM,EAAE,MAAM,EAAuB;IACjF,OAAO,CACH,MAAC,MAAM,IAAC,IAAI,EAAE,IAAI,EAAE,OAAO,EAAE,OAAO,aAChC,KAAC,MAAM,CAAC,MAAM,IAAC,OAAO,EAAE,IAAI,CAAC,wBAAwB,CAAC,GAAI,EAC1D,KAAC,MAAM,CAAC,OAAO,KAAG,EAClB,KAAC,MAAM,CAAC,IAAI,cACR,KAAC,IAAI,IAAC,SAAS,EAAC,QAAQ,EAAC,GAAG,EAAE,CAAC,EAAE,KAAK,EAAC,MAAM,EAAC,SAAS,EAAC,MAAM,YAC1D,cAAK,SAAS,EAAE,KAAK,CAAC,YAAY,CAAC,YAC/B,KAAC,oBAAoB,IACjB,SAAS,EAAE,wBAAwB,EAAE,EACrC,MAAM,EAAE,MAAM,EACd,IAAI,EAAE,IAAI,EACV,MAAM,EAAE,MAAM,GAChB,GACA,GACH,GACG,IACT,CACZ,CAAC;AACN,CAAC"}

package/dist/components/JsonViewer/components/HighlightedText.d.ts

@@ -0,0 +1,15 @@
+import type { NoStrictEntityMods } from '@bem-react/classname';
+interface Props {
+    className: (mods?: NoStrictEntityMods) => string;
+    text: string;
+    start?: number;
+    length?: number;
+    hasComa?: boolean;
+    markBegin?: boolean;
+}
+export default function HighlightedText({ className, text, start, length, hasComa }: Props): import("react/jsx-runtime").JSX.Element;
+interface MultiProps extends Omit<Props, 'start'> {
+    starts: Array<number>;
+}
+export declare function MultiHighlightedText({ className, text, starts, length, hasComa }: MultiProps): import("react/jsx-runtime").JSX.Element;
+export {};

package/dist/components/JsonViewer/components/HighlightedText.js

@@ -0,0 +1,30 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import React from 'react';
+export default function HighlightedText({ className, text, start, length, hasComa }) {
+    const comma = hasComa ? _jsx(React.Fragment, { children: ",\u00A0" }) : null;
+    if (length && typeof start === 'number' && start >= 0 && start < text.length) {
+        const begin = text.substring(0, start);
+        const highlighted = text.substring(start, start + length);
+        const end = text.substring(start + length);
+        return (_jsxs(React.Fragment, { children: [begin && _jsx("span", { className: className(), children: begin }), _jsx("span", { className: className({ highlighted: true }), children: highlighted }), end && _jsx("span", { className: className(), children: end }), comma] }));
+    }
+    return (_jsxs("span", { className: className(), children: [text, comma] }));
+}
+export function MultiHighlightedText({ className, text, starts, length, hasComa }) {
+    if (!length || !starts.length) {
+        const comma = hasComa ? _jsx(React.Fragment, { children: ",\u00A0" }) : null;
+        return (_jsxs("span", { className: className(), children: [text, comma] }));
+    }
+    const substrs = [];
+    for (let i = 0, pos = 0; i < starts.length && pos < text.length; ++i) {
+        const isLast = i === starts.length - 1;
+        const to = starts[i] + (isLast ? text.length : length);
+        const substr = text.substring(pos, to);
+        if (substr) {
+            substrs.push(_jsx(HighlightedText, { className: className, text: substr, start: starts[i] - pos, length: length, hasComa: isLast && hasComa }));
+        }
+        pos = to;
+    }
+    return _jsx(React.Fragment, { children: substrs });
+}
+//# sourceMappingURL=HighlightedText.js.map

package/dist/components/JsonViewer/components/HighlightedText.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"HighlightedText.js","sourceRoot":"","sources":["../../../../src/components/JsonViewer/components/HighlightedText.tsx"],"names":[],"mappings":";AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAa1B,MAAM,CAAC,OAAO,UAAU,eAAe,CAAC,EAAC,SAAS,EAAE,IAAI,EAAE,KAAK,EAAE,MAAM,EAAE,OAAO,EAAQ;IACpF,MAAM,KAAK,GAAG,OAAO,CAAC,CAAC,CAAC,KAAC,KAAK,CAAC,QAAQ,0BAAyB,CAAC,CAAC,CAAC,IAAI,CAAC;IAExE,IAAI,MAAM,IAAI,OAAO,KAAK,KAAK,QAAQ,IAAI,KAAK,IAAI,CAAC,IAAI,KAAK,GAAG,IAAI,CAAC,MAAM,EAAE,CAAC;QAC3E,MAAM,KAAK,GAAG,IAAI,CAAC,SAAS,CAAC,CAAC,EAAE,KAAK,CAAC,CAAC;QACvC,MAAM,WAAW,GAAG,IAAI,CAAC,SAAS,CAAC,KAAK,EAAE,KAAK,GAAG,MAAM,CAAC,CAAC;QAC1D,MAAM,GAAG,GAAG,IAAI,CAAC,SAAS,CAAC,KAAK,GAAG,MAAM,CAAC,CAAC;QAE3C,OAAO,CACH,MAAC,KAAK,CAAC,QAAQ,eACV,KAAK,IAAI,eAAM,SAAS,EAAE,SAAS,EAAE,YAAG,KAAK,GAAQ,EACtD,eAAM,SAAS,EAAE,SAAS,CAAC,EAAC,WAAW,EAAE,IAAI,EAAC,CAAC,YAAG,WAAW,GAAQ,EACpE,GAAG,IAAI,eAAM,SAAS,EAAE,SAAS,EAAE,YAAG,GAAG,GAAQ,EACjD,KAAK,IACO,CACpB,CAAC;IACN,CAAC;IAED,OAAO,CACH,gBAAM,SAAS,EAAE,SAAS,EAAE,aACvB,IAAI,EACJ,KAAK,IACH,CACV,CAAC;AACN,CAAC;AAMD,MAAM,UAAU,oBAAoB,CAAC,EAAC,SAAS,EAAE,IAAI,EAAE,MAAM,EAAE,MAAM,EAAE,OAAO,EAAa;IACvF,IAAI,CAAC,MAAM,IAAI,CAAC,MAAM,CAAC,MAAM,EAAE,CAAC;QAC5B,MAAM,KAAK,GAAG,OAAO,CAAC,CAAC,CAAC,KAAC,KAAK,CAAC,QAAQ,0BAAyB,CAAC,CAAC,CAAC,IAAI,CAAC;QACxE,OAAO,CACH,gBAAM,SAAS,EAAE,SAAS,EAAE,aACvB,IAAI,EACJ,KAAK,IACH,CACV,CAAC;IACN,CAAC;IAED,MAAM,OAAO,GAAG,EAAE,CAAC;IACnB,KAAK,IAAI,CAAC,GAAG,CAAC,EAAE,GAAG,GAAG,CAAC,EAAE,CAAC,GAAG,MAAM,CAAC,MAAM,IAAI,GAAG,GAAG,IAAI,CAAC,MAAM,EAAE,EAAE,CAAC,EAAE,CAAC;QACnE,MAAM,MAAM,GAAG,CAAC,KAAK,MAAM,CAAC,MAAM,GAAG,CAAC,CAAC;QACvC,MAAM,EAAE,GAAG,MAAM,CAAC,CAAC,CAAC,GAAG,CAAC,MAAM,CAAC,CAAC,CAAC,IAAI,CAAC,MAAM,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC;QACvD,MAAM,MAAM,GAAG,IAAI,CAAC,SAAS,CAAC,GAAG,EAAE,EAAE,CAAC,CAAC;QACvC,IAAI,MAAM,EAAE,CAAC;YACT,OAAO,CAAC,IAAI,CACR,KAAC,eAAe,IACZ,SAAS,EAAE,SAAS,EACpB,IAAI,EAAE,MAAM,EACZ,KAAK,EAAE,MAAM,CAAC,CAAC,CAAC,GAAG,GAAG,EACtB,MAAM,EAAE,MAAM,EACd,OAAO,EAAE,MAAM,IAAI,OAAO,GAC5B,CACL,CAAC;QACN,CAAC;QACD,GAAG,GAAG,EAAE,CAAC;IACb,CAAC;IACD,OAAO,KAAC,KAAK,CAAC,QAAQ,cAAE,OAAO,GAAkB,CAAC;AACtD,CAAC"}

package/dist/components/JsonViewer/components/ToggleCollapseButton.d.ts

@@ -0,0 +1,8 @@
+import type { UnipikaFlattenTreeItem } from '../unipika/flattenUnipika';
+interface ToggleCollapseProps {
+    collapsed?: boolean;
+    path?: UnipikaFlattenTreeItem['path'];
+    onToggle: () => void;
+}
+export declare function ToggleCollapseButton(props: ToggleCollapseProps): import("react/jsx-runtime").JSX.Element;
+export {};

package/dist/components/JsonViewer/components/ToggleCollapseButton.js

@@ -0,0 +1,8 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { Button } from '@gravity-ui/uikit';
+import { block } from '../constants';
+export function ToggleCollapseButton(props) {
+    const { collapsed, onToggle, path } = props;
+    return (_jsx("span", { title: path, className: block('collapsed'), children: _jsx(Button, { onClick: onToggle, view: "flat-secondary", size: 'xs', children: _jsx(Button.Icon, { children: _jsx("span", { className: 'unipika', children: collapsed ? '[+]' : '[-]' }) }) }) }));
+}
+//# sourceMappingURL=ToggleCollapseButton.js.map

package/dist/components/JsonViewer/components/ToggleCollapseButton.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ToggleCollapseButton.js","sourceRoot":"","sources":["../../../../src/components/JsonViewer/components/ToggleCollapseButton.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAC,MAAM,EAAC,MAAM,mBAAmB,CAAC;AAEzC,OAAO,EAAC,KAAK,EAAC,MAAM,cAAc,CAAC;AASnC,MAAM,UAAU,oBAAoB,CAAC,KAA0B;IAC3D,MAAM,EAAC,SAAS,EAAE,QAAQ,EAAE,IAAI,EAAC,GAAG,KAAK,CAAC;IAC1C,OAAO,CACH,eAAM,KAAK,EAAE,IAAI,EAAE,SAAS,EAAE,KAAK,CAAC,WAAW,CAAC,YAC5C,KAAC,MAAM,IAAC,OAAO,EAAE,QAAQ,EAAE,IAAI,EAAC,gBAAgB,EAAC,IAAI,EAAE,IAAI,YACvD,KAAC,MAAM,CAAC,IAAI,cACR,eAAM,SAAS,EAAE,SAAS,YAAG,SAAS,CAAC,CAAC,CAAC,KAAK,CAAC,CAAC,CAAC,KAAK,GAAQ,GACpD,GACT,GACN,CACV,CAAC;AACN,CAAC"}

package/dist/components/JsonViewer/constants.d.ts

@@ -0,0 +1 @@
+export declare const block: import("@bem-react/classname").ClassNameFormatter;

package/dist/components/JsonViewer/constants.js

@@ -0,0 +1,3 @@
+import { cn } from '../../utils/cn';
+export const block = cn('ydb-json-viewer');
+//# sourceMappingURL=constants.js.map

package/dist/components/JsonViewer/constants.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"constants.js","sourceRoot":"","sources":["../../../src/components/JsonViewer/constants.ts"],"names":[],"mappings":"AAAA,OAAO,EAAC,EAAE,EAAC,MAAM,gBAAgB,CAAC;AAClC,MAAM,CAAC,MAAM,KAAK,GAAG,EAAE,CAAC,iBAAiB,CAAC,CAAC"}

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

@@ -0,0 +1,17 @@
+{
+    "action_collapse-all": "Collapse all",
+    "action_expand-all": "Expand all",
+    "action_next": "Next",
+    "action_back": "Back",
+    "description_search": "Search...",
+    "description_matched-rows": "Matched rows",
+    "description_full-value": "Full value",
+    "context_case-sensitive-search": "Case sensitive search enadled",
+    "context_case-sensitive-search-disabled": "Case sensitive search disabled",
+    "context_items-count": [
+        " {{count}} item ",
+        " {{count}} items ",
+        " {{count}} items ",
+        " {{count}} items "
+    ]
+}