ydb-embedded-ui 8.24.1 → 8.26.0

package/dist/containers/Tenant/Diagnostics/TopicData/TopicData.js

@@ -0,0 +1,140 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import React from 'react';
+import { NoSearchResults } from '@gravity-ui/illustrations';
+import { skipToken } from '@reduxjs/toolkit/query';
+import { isNil } from 'lodash';
+import { DEFAULT_TABLE_ROW_HEIGHT, ResizeablePaginatedTable, } from '../../../../components/PaginatedTable';
+import { partitionsApi } from '../../../../store/reducers/partitions/partitions';
+import { topicApi } from '../../../../store/reducers/topic';
+import { useAutoRefreshInterval } from '../../../../utils/hooks';
+import { useSelectedColumns } from '../../../../utils/hooks/useSelectedColumns';
+import { renderPaginatedTableErrorMessage } from '../../../../utils/renderPaginatedTableErrorMessage';
+import { safeParseNumber } from '../../../../utils/utils';
+import { EmptyFilter } from '../../../Storage/EmptyFilter/EmptyFilter';
+import { TopicDataControls } from './TopicDataControls/TopicDataControls';
+import { DEFAULT_TOPIC_DATA_COLUMNS, REQUIRED_TOPIC_DATA_COLUMNS, getAllColumns, } from './columns/columns';
+import { generateTopicDataGetter } from './getData';
+import i18n from './i18n';
+import { useTopicDataQueryParams } from './useTopicDataQueryParams';
+import { TOPIC_DATA_COLUMNS_TITLES, TOPIC_DATA_COLUMNS_WIDTH_LS_KEY, TOPIC_DATA_FETCH_LIMIT, TOPIC_DATA_SELECTED_COLUMNS_LS_KEY, b, } from './utils/constants';
+import './TopicData.scss';
+export function TopicData({ parentRef, path, database }) {
+    const [autoRefreshInterval] = useAutoRefreshInterval();
+    const [startOffset, setStartOffset] = React.useState();
+    const [endOffset, setEndOffset] = React.useState();
+    const [controlsKey, setControlsKey] = React.useState(0);
+    const [emptyData, setEmptyData] = React.useState(false);
+    const [baseOffset, setBaseOffset] = React.useState();
+    const [baseEndOffset, setBaseEndOffset] = React.useState();
+    const startRef = React.useRef();
+    startRef.current = startOffset;
+    const { selectedPartition, selectedOffset, startTimestamp, topicDataFilter, handleSelectedOffsetChange, handleStartTimestampChange, handleSelectedPartitionChange, } = useTopicDataQueryParams();
+    React.useEffect(() => {
+        return () => {
+            handleSelectedPartitionChange(undefined);
+            handleSelectedOffsetChange(undefined);
+            handleStartTimestampChange(undefined);
+        };
+    }, [handleSelectedPartitionChange, handleSelectedOffsetChange, handleStartTimestampChange]);
+    const queryParams = React.useMemo(() => {
+        if (isNil(selectedPartition)) {
+            return skipToken;
+        }
+        const params = { database, path, partition: selectedPartition, limit: 1 };
+        if (startTimestamp) {
+            params.read_timestamp = startTimestamp;
+        }
+        else {
+            params.offset = safeParseNumber(selectedOffset);
+        }
+        return params;
+    }, [selectedPartition, selectedOffset, startTimestamp, database, path]);
+    const { currentData, error, isFetching } = topicApi.useGetTopicDataQuery(queryParams);
+    const { data: partitions, isLoading: partitionsLoading, error: partitionsError, } = partitionsApi.useGetPartitionsQuery({ path, database }, { pollingInterval: autoRefreshInterval });
+    React.useEffect(() => {
+        const selectedPartitionData = partitions === null || partitions === void 0 ? void 0 : partitions.find(({ partitionId }) => partitionId === selectedPartition);
+        if (selectedPartitionData) {
+            if (!baseOffset) {
+                setBaseOffset(safeParseNumber(selectedPartitionData.startOffset));
+            }
+            if (!baseEndOffset) {
+                setBaseEndOffset(safeParseNumber(selectedPartitionData.endOffset));
+            }
+        }
+    }, [selectedPartition, partitions, baseOffset, baseEndOffset, startOffset, endOffset]);
+    React.useEffect(() => {
+        if (partitions && partitions.length && isNil(selectedPartition)) {
+            handleSelectedPartitionChange(partitions[0].partitionId);
+        }
+    }, [partitions, selectedPartition, handleSelectedPartitionChange]);
+    const { columnsToShow, columnsToSelect, setColumns } = useSelectedColumns(getAllColumns(), TOPIC_DATA_SELECTED_COLUMNS_LS_KEY, TOPIC_DATA_COLUMNS_TITLES, DEFAULT_TOPIC_DATA_COLUMNS, REQUIRED_TOPIC_DATA_COLUMNS);
+    React.useEffect(() => {
+        var _a, _b;
+        //values should be recalculated only when data is fetched
+        if (isFetching || (!currentData && !error)) {
+            return;
+        }
+        if (((_a = currentData === null || currentData === void 0 ? void 0 : currentData.Messages) === null || _a === void 0 ? void 0 : _a.length) || (!currentData && !error)) {
+            setEmptyData(false);
+        }
+        else if (!(currentData && ((_b = currentData.Messages) === null || _b === void 0 ? void 0 : _b.length)) || error) {
+            setEmptyData(true);
+        }
+        if (currentData) {
+            setStartOffset(safeParseNumber(currentData.StartOffset));
+            setEndOffset(safeParseNumber(currentData.EndOffset));
+        }
+    }, [isFetching, currentData, error]);
+    const tableFilters = React.useMemo(() => ({
+        path,
+        database,
+        partition: selectedPartition !== null && selectedPartition !== void 0 ? selectedPartition : '',
+        isEmpty: emptyData,
+    }), [path, database, selectedPartition, emptyData]);
+    const resetFilters = React.useCallback(() => {
+        handleSelectedOffsetChange(undefined);
+        handleStartTimestampChange(undefined);
+        if (topicDataFilter === 'TIMESTAMP') {
+            setControlsKey((prev) => prev + 1);
+        }
+    }, [handleSelectedOffsetChange, handleStartTimestampChange, topicDataFilter]);
+    const scrollToOffset = React.useCallback((newOffset) => {
+        var _a;
+        const scrollTop = (newOffset - (baseOffset !== null && baseOffset !== void 0 ? baseOffset : 0)) * DEFAULT_TABLE_ROW_HEIGHT;
+        const normalizedScrollTop = Math.max(0, scrollTop);
+        (_a = parentRef.current) === null || _a === void 0 ? void 0 : _a.scrollTo({
+            top: normalizedScrollTop,
+            behavior: 'instant',
+        });
+    }, [baseOffset, parentRef]);
+    React.useEffect(() => {
+        if (isFetching) {
+            return;
+        }
+        const messages = currentData === null || currentData === void 0 ? void 0 : currentData.Messages;
+        if (messages === null || messages === void 0 ? void 0 : messages.length) {
+            const messageOffset = safeParseNumber(messages[0].Offset);
+            //scroll when table is already rendered and calculated it's state
+            setTimeout(() => {
+                scrollToOffset(messageOffset);
+            }, 0);
+        }
+    }, [currentData, isFetching, scrollToOffset]);
+    const renderControls = () => {
+        return (_jsx(TopicDataControls
+        // component has uncontrolled components inside, so it should be rerendered on filters reset
+        , { columnsToSelect: columnsToSelect, handleSelectedColumnsUpdate: setColumns, partitions: partitions, partitionsLoading: partitionsLoading, partitionsError: partitionsError, startOffset: startOffset, endOffset: endOffset, scrollToOffset: scrollToOffset }, controlsKey));
+    };
+    const renderEmptyDataMessage = () => {
+        const hasFilters = selectedOffset || startTimestamp;
+        return (_jsx(EmptyFilter, { title: i18n('label_nothing-found'), message: i18n('description_nothing-found'), onShowAll: hasFilters ? resetFilters : undefined, showAll: i18n('action_show-all'), image: _jsx(NoSearchResults, { width: 230, height: 230 }) }));
+    };
+    const getTopicData = React.useMemo(() => generateTopicDataGetter({ setEndOffset, setStartOffset, baseOffset }), [baseOffset]);
+    return (!isNil(baseOffset) &&
+        !isNil(baseEndOffset) && (_jsx(ResizeablePaginatedTable, { columnsWidthLSKey: TOPIC_DATA_COLUMNS_WIDTH_LS_KEY, parentRef: parentRef, columns: columnsToShow, fetchData: getTopicData, initialEntitiesCount: baseEndOffset - baseOffset, limit: TOPIC_DATA_FETCH_LIMIT, renderControls: renderControls, renderErrorMessage: renderPaginatedTableErrorMessage, renderEmptyDataMessage: renderEmptyDataMessage, filters: tableFilters, tableName: "topicData", rowHeight: DEFAULT_TABLE_ROW_HEIGHT, keepCache: false, getRowClassName: (row) => {
+            return b('row', {
+                active: Boolean(selectedOffset && String(row.Offset) === selectedOffset),
+            });
+        } })));
+}
+//# sourceMappingURL=TopicData.js.map

package/dist/containers/Tenant/Diagnostics/TopicData/TopicData.js.map

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

package/dist/containers/Tenant/Diagnostics/TopicData/TopicData.scss

@@ -0,0 +1,28 @@
+.ydb-diagnostics-topic-data {
+    &__partition-select {
+        min-width: 150px;
+    }
+
+    &__full-value {
+        max-width: 70vw;
+        max-height: 80vh;
+
+        word-break: break-all;
+    }
+    &__date-picker {
+        min-width: 265px;
+    }
+    &__column-setup {
+        margin-left: auto;
+    }
+
+    &__row {
+        &_active {
+            background-color: var(--g-color-base-selection);
+
+            &:hover {
+                background: var(--g-color-base-selection-hover) !important;
+            }
+        }
+    }
+}

package/dist/containers/Tenant/Diagnostics/TopicData/TopicDataControls/TopicDataControls.d.ts

@@ -0,0 +1,14 @@
+import type { TableColumnSetupItem } from '@gravity-ui/uikit';
+import type { PreparedPartitionData } from '../../../../../store/reducers/partitions/types';
+interface TopicDataControlsProps {
+    columnsToSelect: TableColumnSetupItem[];
+    handleSelectedColumnsUpdate: (updated: TableColumnSetupItem[]) => void;
+    partitions?: PreparedPartitionData[];
+    partitionsLoading: boolean;
+    partitionsError: unknown;
+    startOffset?: number;
+    endOffset?: number;
+    scrollToOffset: (offset: number) => void;
+}
+export declare function TopicDataControls({ columnsToSelect, handleSelectedColumnsUpdate, startOffset, endOffset, partitions, partitionsLoading, partitionsError, scrollToOffset, }: TopicDataControlsProps): import("react/jsx-runtime").JSX.Element;
+export {};

package/dist/containers/Tenant/Diagnostics/TopicData/TopicDataControls/TopicDataControls.js

@@ -0,0 +1,68 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import React from 'react';
+import { RelativeDatePicker } from '@gravity-ui/date-components';
+import { dateTimeParse } from '@gravity-ui/date-utils';
+import { CircleChevronDownFill } from '@gravity-ui/icons';
+import { ActionTooltip, Button, Icon, RadioButton, Select, TableColumnSetup, Text, } from '@gravity-ui/uikit';
+import { isNil } from 'lodash';
+import { DebouncedInput } from '../../../../../components/DebouncedInput/DebouncedTextInput';
+import { formatNumber } from '../../../../../utils/dataFormatters/dataFormatters';
+import { prepareErrorMessage } from '../../../../../utils/prepareErrorMessage';
+import { safeParseNumber } from '../../../../../utils/utils';
+import i18n from '../i18n';
+import { useTopicDataQueryParams } from '../useTopicDataQueryParams';
+import { b } from '../utils/constants';
+import { TopicDataFilterValues } from '../utils/types';
+export function TopicDataControls({ columnsToSelect, handleSelectedColumnsUpdate, startOffset, endOffset, partitions, partitionsLoading, partitionsError, scrollToOffset, }) {
+    const { selectedPartition, handleSelectedPartitionChange: handleSelectedPartitionParamChange, handleSelectedOffsetChange, handleStartTimestampChange, } = useTopicDataQueryParams();
+    const partitionsToSelect = partitions === null || partitions === void 0 ? void 0 : partitions.map(({ partitionId }) => ({
+        content: partitionId,
+        value: partitionId,
+    }));
+    const handleSelectedPartitionChange = React.useCallback((value) => {
+        handleSelectedPartitionParamChange(value[0]);
+        handleSelectedOffsetChange(undefined);
+        handleStartTimestampChange(undefined);
+    }, [
+        handleSelectedPartitionParamChange,
+        handleStartTimestampChange,
+        handleSelectedOffsetChange,
+    ]);
+    return (_jsxs(React.Fragment, { children: [_jsx(Select, { className: b('partition-select'), label: i18n('label_partition-id'), options: partitionsToSelect, value: selectedPartition ? [selectedPartition] : undefined, onUpdate: handleSelectedPartitionChange, filterable: partitions && partitions.length > 5, disabled: !partitions || !partitions.length, errorPlacement: "inside", errorMessage: prepareErrorMessage(partitionsError), error: Boolean(partitionsError), loading: partitionsLoading }), _jsx(TopicDataStartControls, { scrollToOffset: scrollToOffset }), !isNil(startOffset) && !isNil(endOffset) && (_jsxs(Text, { color: "secondary", whiteSpace: "nowrap", children: [formatNumber(startOffset), "\u2014", formatNumber(endOffset - 1)] })), _jsx(TableColumnSetup, { className: b('column-setup'), popupWidth: 242, items: columnsToSelect, showStatus: true, onUpdate: handleSelectedColumnsUpdate, sortable: false })] }));
+}
+function TopicDataStartControls({ scrollToOffset }) {
+    const { selectedOffset, startTimestamp, topicDataFilter, handleSelectedOffsetChange, handleStartTimestampChange, handleTopicDataFilterChange, } = useTopicDataQueryParams();
+    const onFilterChange = React.useCallback((value) => {
+        if (value === 'TIMESTAMP') {
+            handleSelectedOffsetChange(undefined);
+        }
+        else {
+            handleStartTimestampChange(undefined);
+        }
+        handleTopicDataFilterChange(value);
+    }, [handleTopicDataFilterChange, handleSelectedOffsetChange, handleStartTimestampChange]);
+    const onStartOffsetChange = React.useCallback((value) => {
+        handleSelectedOffsetChange(value);
+    }, [handleSelectedOffsetChange]);
+    const handleFromTimestampChange = React.useCallback((data) => {
+        let newValue;
+        if (data) {
+            const { value, type } = data;
+            if (type === 'absolute') {
+                newValue = value.valueOf();
+            }
+            else if (type === 'relative') {
+                const absoluteValue = dateTimeParse(value);
+                newValue = absoluteValue ? absoluteValue.valueOf() : undefined;
+            }
+        }
+        handleStartTimestampChange(newValue);
+    }, [handleStartTimestampChange]);
+    const startDateTime = dateTimeParse(Number(startTimestamp));
+    return (_jsxs(React.Fragment, { children: [_jsxs(RadioButton, { value: topicDataFilter, onUpdate: onFilterChange, children: [_jsx(RadioButton.Option, { value: "TIMESTAMP", children: TopicDataFilterValues.TIMESTAMP }), _jsx(RadioButton.Option, { value: "OFFSET", children: TopicDataFilterValues.OFFSET })] }), topicDataFilter === 'OFFSET' && (_jsx(DebouncedInput, { value: selectedOffset ? String(selectedOffset) : '', onUpdate: onStartOffsetChange, label: i18n('label_from'), placeholder: i18n('label_offset'), type: "number", debounce: 600, endContent: _jsx(ActionTooltip, { title: i18n('action_scroll-selected'), children: _jsx(Button, { disabled: isNil(selectedOffset) || selectedOffset === '', view: "flat-action", size: "xs", onClick: () => {
+                            if (selectedOffset) {
+                                scrollToOffset(safeParseNumber(selectedOffset));
+                            }
+                        }, children: _jsx(Icon, { size: 14, data: CircleChevronDownFill }) }) }), autoFocus: true })), topicDataFilter === 'TIMESTAMP' && (_jsx(RelativeDatePicker, { format: "YYYY-MM-DD HH:mm:ss", placeholder: "YYYY-MM-DD HH:mm:ss", hasClear: true, isDateUnavailable: (value) => value.isAfter(dateTimeParse()), label: i18n('label_from'), onUpdate: handleFromTimestampChange, defaultValue: startDateTime ? { type: 'absolute', value: startDateTime } : null, className: b('date-picker') }))] }));
+}
+//# sourceMappingURL=TopicDataControls.js.map

package/dist/containers/Tenant/Diagnostics/TopicData/TopicDataControls/TopicDataControls.js.map

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

package/dist/containers/Tenant/Diagnostics/TopicData/__test__/getData.test.d.ts

@@ -0,0 +1 @@
+export {};

package/dist/containers/Tenant/Diagnostics/TopicData/__test__/getData.test.js

@@ -0,0 +1,122 @@
+import { prepareResponse } from '../getData';
+import { TOPIC_DATA_FETCH_LIMIT } from '../utils/constants';
+describe('prepareResponse', () => {
+    // Test case 1: Normal case with no removed messages
+    test('should handle case with no removed messages', () => {
+        const response = {
+            StartOffset: '100',
+            EndOffset: '120',
+            Messages: [{ Offset: '100' }, { Offset: '101' }, { Offset: '102' }],
+        };
+        const result = prepareResponse(response, 100);
+        expect(result.start).toBe(100);
+        expect(result.end).toBe(120);
+        expect(result.messages.length).toBe(3);
+        expect(result.messages[0]).toEqual({ Offset: '100' });
+        expect(result.messages[1]).toEqual({ Offset: '101' });
+        expect(result.messages[2]).toEqual({ Offset: '102' });
+    });
+    // Test case 2: Case with some removed messages
+    test('should handle case with some removed messages', () => {
+        const response = {
+            StartOffset: '105',
+            EndOffset: '120',
+            Messages: [{ Offset: '105' }, { Offset: '106' }, { Offset: '107' }],
+        };
+        const result = prepareResponse(response, 100);
+        expect(result.start).toBe(105);
+        expect(result.end).toBe(120);
+        expect(result.messages.length).toBe(8); // 5 removed + 3 actual
+        // Check removed messages
+        expect(result.messages[0]).toEqual({ Offset: '100', removed: true });
+        expect(result.messages[1]).toEqual({ Offset: '101', removed: true });
+        expect(result.messages[2]).toEqual({ Offset: '102', removed: true });
+        expect(result.messages[3]).toEqual({ Offset: '103', removed: true });
+        expect(result.messages[4]).toEqual({ Offset: '104', removed: true });
+        // Check actual messages
+        expect(result.messages[5]).toEqual({ Offset: '105' });
+        expect(result.messages[6]).toEqual({ Offset: '106' });
+        expect(result.messages[7]).toEqual({ Offset: '107' });
+    });
+    // Test case 3: Case with more removed messages than the limit
+    test('should handle case with more removed messages than the limit', () => {
+        const response = {
+            StartOffset: '150',
+            EndOffset: '170',
+            Messages: [{ Offset: '150' }, { Offset: '151' }, { Offset: '152' }],
+        };
+        const result = prepareResponse(response, 100);
+        expect(result.start).toBe(150);
+        expect(result.end).toBe(170);
+        expect(result.messages.length).toBe(TOPIC_DATA_FETCH_LIMIT); // Limited by TOPIC_DATA_FETCH_LIMIT
+        // All messages should be "removed" placeholders since there are more than the limit
+        for (let i = 0; i < TOPIC_DATA_FETCH_LIMIT; i++) {
+            expect(result.messages[i]).toEqual({ Offset: `${100 + i}`, removed: true });
+        }
+    });
+    // Test case 4: Case with non-numeric offsets
+    test('should handle case with non-numeric offsets', () => {
+        const response = {
+            StartOffset: 'not-a-number',
+            EndOffset: 'invalid',
+            Messages: [{ Offset: '100' }, { Offset: '101' }],
+        };
+        const result = prepareResponse(response, 100);
+        // safeParseNumber should return 0 for non-numeric values
+        expect(result.start).toBe(0);
+        expect(result.end).toBe(0);
+        // Since start (0) < offset (100), removedMessagesCount is negative
+        // No removed messages should be added
+        expect(result.messages.length).toBe(2);
+        expect(result.messages[0]).toEqual({ Offset: '100' });
+        expect(result.messages[1]).toEqual({ Offset: '101' });
+    });
+    // Test case 5: Case with empty Messages array
+    test('should handle case with empty Messages array', () => {
+        const response = {
+            StartOffset: '100',
+            EndOffset: '100',
+            Messages: [],
+        };
+        const result = prepareResponse(response, 100);
+        expect(result.start).toBe(100);
+        expect(result.end).toBe(100);
+        expect(result.messages.length).toBe(0);
+    });
+    // Test case 6: Case with more messages than the limit
+    test('should handle case with more messages than the limit', () => {
+        // Create an array of 30 messages (more than TOPIC_DATA_FETCH_LIMIT)
+        const messages = [];
+        for (let i = 0; i < TOPIC_DATA_FETCH_LIMIT + 1; i++) {
+            messages.push({ Offset: `${100 + i}` });
+        }
+        const response = {
+            StartOffset: '100',
+            EndOffset: '130',
+            Messages: messages,
+        };
+        const result = prepareResponse(response, 100);
+        expect(result.start).toBe(100);
+        expect(result.end).toBe(130);
+        // Should be limited to TOPIC_DATA_FETCH_LIMIT
+        expect(result.messages.length).toBe(TOPIC_DATA_FETCH_LIMIT);
+        // Check the first few messages
+        expect(result.messages[0]).toEqual({ Offset: '100' });
+        expect(result.messages[1]).toEqual({ Offset: '101' });
+        expect(result.messages[2]).toEqual({ Offset: '102' });
+    });
+    // Test case 7: Case with both removed messages and actual messages within limit
+    test('should handle case with both removed and actual messages within limit', () => {
+        const response = {
+            StartOffset: '110',
+            EndOffset: '130',
+            Messages: Array.from({ length: 15 }, (_, i) => ({ Offset: `${110 + i}` })),
+        };
+        const result = prepareResponse(response, 100);
+        expect(result.start).toBe(110);
+        expect(result.end).toBe(130);
+        // 10 removed + 10 actual = 20 (TOPIC_DATA_FETCH_LIMIT)
+        expect(result.messages.length).toBe(TOPIC_DATA_FETCH_LIMIT);
+    });
+});
+//# sourceMappingURL=getData.test.js.map

package/dist/containers/Tenant/Diagnostics/TopicData/__test__/getData.test.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"getData.test.js","sourceRoot":"","sources":["../../../../../../src/containers/Tenant/Diagnostics/TopicData/__test__/getData.test.ts"],"names":[],"mappings":"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"}

package/dist/containers/Tenant/Diagnostics/TopicData/columns/Columns.scss

@@ -0,0 +1,22 @@
+.ydb-diagnostics-topic-data-columns {
+    &__timestamp-ms {
+        color: var(--g-color-text-secondary);
+    }
+
+    &__ts-diff_danger {
+        color: var(--g-color-text-danger);
+    }
+    &__message_clickable {
+        cursor: pointer;
+
+        color: var(--g-color-text-info);
+    }
+    &__offset_removed {
+        text-decoration: line-through;
+    }
+
+    &__message_invalid,
+    &__truncated {
+        font-style: italic;
+    }
+}

package/dist/containers/Tenant/Diagnostics/TopicData/columns/columns.d.ts

@@ -0,0 +1,7 @@
+import type { Column } from '../../../../../components/PaginatedTable';
+import type { TopicMessageEnhanced } from '../../../../../types/api/topic';
+import type { TopicDataColumnId } from '../utils/types';
+import './Columns.scss';
+export declare function getAllColumns(): Column<TopicMessageEnhanced>[];
+export declare const DEFAULT_TOPIC_DATA_COLUMNS: TopicDataColumnId[];
+export declare const REQUIRED_TOPIC_DATA_COLUMNS: TopicDataColumnId[];

package/dist/containers/Tenant/Diagnostics/TopicData/columns/columns.js

@@ -0,0 +1,154 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import React from 'react';
+import DataTable from '@gravity-ui/react-data-table';
+import { Text } from '@gravity-ui/uikit';
+import { isNil } from 'lodash';
+import { EntityStatus } from '../../../../../components/EntityStatus/EntityStatus';
+import { MultilineTableHeader } from '../../../../../components/MultilineTableHeader/MultilineTableHeader';
+import { TOPIC_MESSAGE_SIZE_LIMIT } from '../../../../../store/reducers/topic';
+import { cn } from '../../../../../utils/cn';
+import { EMPTY_DATA_PLACEHOLDER } from '../../../../../utils/constants';
+import { formatBytes, formatTimestamp } from '../../../../../utils/dataFormatters/dataFormatters';
+import { formatToMs } from '../../../../../utils/timeParsers';
+import { safeParseNumber } from '../../../../../utils/utils';
+import i18n from '../i18n';
+import { TOPIC_DATA_COLUMNS_TITLES, codecNumberToName } from '../utils/constants';
+import { TOPIC_DATA_COLUMNS_IDS } from '../utils/types';
+import './Columns.scss';
+const b = cn('ydb-diagnostics-topic-data-columns');
+export function getAllColumns() {
+    const columns = [
+        {
+            name: TOPIC_DATA_COLUMNS_IDS.OFFSET,
+            header: TOPIC_DATA_COLUMNS_TITLES[TOPIC_DATA_COLUMNS_IDS.OFFSET],
+            align: DataTable.LEFT,
+            render: ({ row }) => {
+                const { Offset, removed } = row;
+                return (_jsx(Text, { className: b('offset', { removed }), variant: "body-2", color: removed ? 'secondary' : 'primary', children: valueOrPlaceholder(Offset) }));
+            },
+            width: 100,
+        },
+        {
+            name: TOPIC_DATA_COLUMNS_IDS.TIMESTAMP_CREATE,
+            header: (_jsx(MultilineTableHeader, { title: TOPIC_DATA_COLUMNS_TITLES[TOPIC_DATA_COLUMNS_IDS.TIMESTAMP_CREATE] })),
+            align: DataTable.LEFT,
+            render: ({ row }) => _jsx(TopicDataTimestamp, { timestamp: row.CreateTimestamp }),
+            width: 220,
+        },
+        {
+            name: TOPIC_DATA_COLUMNS_IDS.TIMESTAMP_WRITE,
+            header: (_jsx(MultilineTableHeader, { title: TOPIC_DATA_COLUMNS_TITLES[TOPIC_DATA_COLUMNS_IDS.TIMESTAMP_WRITE] })),
+            align: DataTable.LEFT,
+            render: ({ row }) => _jsx(TopicDataTimestamp, { timestamp: row.WriteTimestamp }),
+            width: 220,
+        },
+        {
+            name: TOPIC_DATA_COLUMNS_IDS.TS_DIFF,
+            header: TOPIC_DATA_COLUMNS_TITLES[TOPIC_DATA_COLUMNS_IDS.TS_DIFF],
+            align: DataTable.RIGHT,
+            render: ({ row }) => {
+                const numericValue = safeParseNumber(row.TimestampDiff);
+                return (_jsx("span", { className: b('ts-diff', { danger: numericValue >= 100000 }), children: formatToMs(numericValue) }));
+            },
+            width: 90,
+            note: i18n('context_ts-diff'),
+        },
+        {
+            name: TOPIC_DATA_COLUMNS_IDS.METADATA,
+            header: TOPIC_DATA_COLUMNS_TITLES[TOPIC_DATA_COLUMNS_IDS.METADATA],
+            align: DataTable.LEFT,
+            render: ({ row: { MessageMetadata } }) => {
+                if (!MessageMetadata) {
+                    return EMPTY_DATA_PLACEHOLDER;
+                }
+                const prepared = MessageMetadata.map(({ Key = '', Value = '' }) => `${Key}: ${Value}`);
+                return prepared.join(', ');
+            },
+            width: 200,
+        },
+        {
+            name: TOPIC_DATA_COLUMNS_IDS.MESSAGE,
+            header: TOPIC_DATA_COLUMNS_TITLES[TOPIC_DATA_COLUMNS_IDS.MESSAGE],
+            align: DataTable.LEFT,
+            render: ({ row: { Message, OriginalSize } }) => {
+                if (isNil(Message)) {
+                    return EMPTY_DATA_PLACEHOLDER;
+                }
+                let encryptedMessage;
+                let invalid = false;
+                try {
+                    encryptedMessage = atob(Message);
+                }
+                catch (_a) {
+                    encryptedMessage = i18n('description_failed-decode');
+                    invalid = true;
+                }
+                const truncated = safeParseNumber(OriginalSize) > TOPIC_MESSAGE_SIZE_LIMIT;
+                return (_jsxs(Text, { variant: "body-2", color: invalid ? 'secondary' : 'primary', className: b('message', { invalid }), children: [encryptedMessage, truncated && (_jsxs(Text, { color: "secondary", className: b('truncated'), children: [' ', i18n('description_truncated')] }))] }));
+            },
+            width: 500,
+        },
+        {
+            name: TOPIC_DATA_COLUMNS_IDS.SIZE,
+            header: TOPIC_DATA_COLUMNS_TITLES[TOPIC_DATA_COLUMNS_IDS.SIZE],
+            align: DataTable.RIGHT,
+            render: ({ row }) => formatBytes(row.StorageSize),
+            width: 100,
+        },
+        {
+            name: TOPIC_DATA_COLUMNS_IDS.ORIGINAL_SIZE,
+            header: (_jsx(MultilineTableHeader, { title: TOPIC_DATA_COLUMNS_TITLES[TOPIC_DATA_COLUMNS_IDS.ORIGINAL_SIZE] })),
+            align: DataTable.RIGHT,
+            render: ({ row }) => formatBytes(row.OriginalSize),
+            width: 100,
+        },
+        {
+            name: TOPIC_DATA_COLUMNS_IDS.CODEC,
+            header: TOPIC_DATA_COLUMNS_TITLES[TOPIC_DATA_COLUMNS_IDS.CODEC],
+            align: DataTable.RIGHT,
+            render: ({ row: { Codec } }) => {
+                var _a;
+                if (isNil(Codec)) {
+                    return EMPTY_DATA_PLACEHOLDER;
+                }
+                return (_a = codecNumberToName[Codec]) !== null && _a !== void 0 ? _a : Codec;
+            },
+            width: 70,
+        },
+        {
+            name: TOPIC_DATA_COLUMNS_IDS.PRODUCERID,
+            header: TOPIC_DATA_COLUMNS_TITLES[TOPIC_DATA_COLUMNS_IDS.PRODUCERID],
+            align: DataTable.LEFT,
+            render: ({ row }) => (_jsx(EntityStatus, { showStatus: false, name: row.ProducerId, hasClipboardButton: true })),
+            width: 100,
+        },
+        {
+            name: TOPIC_DATA_COLUMNS_IDS.SEQNO,
+            header: TOPIC_DATA_COLUMNS_TITLES[TOPIC_DATA_COLUMNS_IDS.SEQNO],
+            align: DataTable.RIGHT,
+            render: ({ row }) => valueOrPlaceholder(row.SeqNo),
+            width: 70,
+        },
+    ];
+    return columns;
+}
+export const DEFAULT_TOPIC_DATA_COLUMNS = [
+    'offset',
+    'timestampCreate',
+    'tsDiff',
+    'message',
+];
+export const REQUIRED_TOPIC_DATA_COLUMNS = ['offset'];
+function TopicDataTimestamp({ timestamp }) {
+    if (!timestamp) {
+        return EMPTY_DATA_PLACEHOLDER;
+    }
+    const formatted = formatTimestamp(timestamp);
+    const splitted = formatted.split('.');
+    const ms = splitted.pop();
+    return (_jsxs(React.Fragment, { children: [splitted.join('.'), _jsxs("span", { className: b('timestamp-ms'), children: [".", ms] })] }));
+}
+function valueOrPlaceholder(value, placeholder = EMPTY_DATA_PLACEHOLDER) {
+    return isNil(value) ? placeholder : value;
+}
+//# sourceMappingURL=columns.js.map

package/dist/containers/Tenant/Diagnostics/TopicData/columns/columns.js.map

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

package/dist/containers/Tenant/Diagnostics/TopicData/getData.d.ts

@@ -0,0 +1,15 @@
+import type { FetchData } from '../../../../components/PaginatedTable';
+import type { TopicDataResponse, TopicMessage, TopicMessageEnhanced } from '../../../../types/api/topic';
+import type { TopicDataFilters } from './utils/types';
+interface GetTopicDataProps {
+    setStartOffset: (offset: number) => void;
+    setEndOffset: (offset: number) => void;
+    baseOffset?: number;
+}
+export declare function prepareResponse(response: TopicDataResponse, offset: number): {
+    start: number;
+    end: number;
+    messages: TopicMessageEnhanced[];
+};
+export declare const generateTopicDataGetter: ({ setStartOffset, setEndOffset, baseOffset, }: GetTopicDataProps) => FetchData<TopicMessage, TopicDataFilters>;
+export {};