ydb-embedded-ui 4.32.0 → 5.0.0

package/dist/containers/Tenant/Schema/SchemaViewer/SchemaViewer.tsx

@@ -1,107 +0,0 @@
-import {useMemo} from 'react';
-import cn from 'bem-cn-lite';
-
-import DataTable, {Column} from '@gravity-ui/react-data-table';
-
-import type {EPathType, TColumnDescription} from '../../../../types/api/schema';
-import {DEFAULT_TABLE_SETTINGS} from '../../../../utils/constants';
-
-import {Icon} from '../../../../components/Icon';
-
-import {isExternalTable} from '../../utils/schema';
-
-import './SchemaViewer.scss';
-
-const b = cn('schema-viewer');
-
-const SchemaViewerColumns = {
-    id: 'Id',
-    name: 'Name',
-    key: 'Key',
-    type: 'Type',
-    notNull: 'NotNull',
-};
-
-interface SchemaViewerProps {
-    keyColumnIds?: number[];
-    columns?: TColumnDescription[];
-    type?: EPathType;
-}
-
-export const SchemaViewer = ({keyColumnIds = [], columns = [], type}: SchemaViewerProps) => {
-    // Keys should be displayd by their order in keyColumnIds (Primary Key)
-    const keyColumnsOrderValues = useMemo(() => {
-        return keyColumnIds.reduce<Record<number, number>>((result, keyColumnId, index) => {
-            // Put columns with negative values, so they will be the first with ascending sort
-            // Minus keyColumnIds.length for the first key, -1 for the last
-            result[keyColumnId] = index - keyColumnIds.length;
-            return result;
-        }, {});
-    }, [keyColumnIds]);
-
-    let dataTableColumns: Column<TColumnDescription>[] = [
-        {
-            name: SchemaViewerColumns.id,
-            width: 40,
-        },
-        {
-            name: SchemaViewerColumns.key,
-            width: 40,
-            // Table should start with key columns on sort click
-            defaultOrder: DataTable.ASCENDING,
-            sortAccessor: (row) => {
-                // Values in keyColumnsOrderValues are always negative, so it will be 1 for not key columns
-                return (row.Id && keyColumnsOrderValues[row.Id]) || 1;
-            },
-            render: ({row}) => {
-                return row.Id && keyColumnIds.includes(row.Id) ? (
-                    <div className={b('key-icon')}>
-                        <Icon name="key" viewBox="0 0 12 7" width={12} height={7} />
-                    </div>
-                ) : null;
-            },
-        },
-        {
-            name: SchemaViewerColumns.name,
-            width: 100,
-        },
-        {
-            name: SchemaViewerColumns.type,
-            width: 100,
-        },
-        {
-            name: SchemaViewerColumns.notNull,
-            width: 100,
-            // Table should start with notNull columns on sort click
-            defaultOrder: DataTable.DESCENDING,
-            render: ({row}) => {
-                if (row.NotNull) {
-                    return '\u2713';
-                }
-
-                return undefined;
-            },
-        },
-    ];
-
-    if (isExternalTable(type)) {
-        // External tables don't have key columns
-        dataTableColumns = dataTableColumns.filter(
-            (column) => column.name !== SchemaViewerColumns.key,
-        );
-    }
-
-    return (
-        <div className={b()}>
-            <DataTable
-                theme="yandex-cloud"
-                data={columns}
-                columns={dataTableColumns}
-                settings={DEFAULT_TABLE_SETTINGS}
-                initialSortOrder={{columnId: SchemaViewerColumns.key, order: DataTable.ASCENDING}}
-            />
-        </div>
-    );
-};
-
-export default SchemaViewer;

package/dist/containers/Tenant/Tenant.tsx

@@ -1,138 +0,0 @@
-import {useEffect, useReducer} from 'react';
-import {useDispatch, useSelector} from 'react-redux';
-import cn from 'bem-cn-lite';
-import {useLocation} from 'react-router';
-import qs from 'qs';
-
-import type {TEvDescribeSchemeResult} from '../../types/api/schema';
-import type {AdditionalTenantsProps, AdditionalNodesProps} from '../../types/additionalProps';
-
-import {DEFAULT_IS_TENANT_SUMMARY_COLLAPSED, DEFAULT_SIZE_TENANT_KEY} from '../../utils/constants';
-import {useTypedSelector} from '../../utils/hooks';
-import {setHeaderBreadcrumbs} from '../../store/reducers/header/header';
-import {disableAutorefresh, getSchema} from '../../store/reducers/schema/schema';
-
-import SplitPane from '../../components/SplitPane';
-import {AccessDenied} from '../../components/Errors/403';
-
-import {ObjectSummary} from './ObjectSummary/ObjectSummary';
-import ObjectGeneral from './ObjectGeneral/ObjectGeneral';
-
-import {
-    PaneVisibilityActionTypes,
-    paneVisibilityToggleReducerCreator,
-} from './utils/paneVisibilityToggleHelpers';
-
-import './Tenant.scss';
-
-const b = cn('tenant-page');
-
-const getTenantSummaryState = () => {
-    const collapsed = Boolean(localStorage.getItem(DEFAULT_IS_TENANT_SUMMARY_COLLAPSED));
-
-    return {
-        triggerExpand: false,
-        triggerCollapse: false,
-        collapsed,
-    };
-};
-
-interface TenantProps {
-    additionalTenantProps?: AdditionalTenantsProps;
-    additionalNodesProps?: AdditionalNodesProps;
-}
-
-function Tenant(props: TenantProps) {
-    const [summaryVisibilityState, dispatchSummaryVisibilityAction] = useReducer(
-        paneVisibilityToggleReducerCreator(DEFAULT_IS_TENANT_SUMMARY_COLLAPSED),
-        undefined,
-        getTenantSummaryState,
-    );
-
-    const {currentSchemaPath, currentSchema: currentItem = {}} = useSelector(
-        (state: any) => state.schema,
-    );
-
-    const {PathType: preloadedPathType, PathSubType: preloadedPathSubType} = useSelector(
-        (state: any) => state.schema.data[currentSchemaPath]?.PathDescription?.Self || {},
-    );
-
-    const {PathType: currentPathType, PathSubType: currentPathSubType} =
-        (currentItem as TEvDescribeSchemeResult).PathDescription?.Self || {};
-
-    const {error: {status: schemaStatus = 200} = {}} = useTypedSelector((state) => state.schema);
-
-    const dispatch = useDispatch();
-
-    const location = useLocation();
-
-    const queryParams = qs.parse(location.search, {
-        ignoreQueryPrefix: true,
-    });
-
-    const {name} = queryParams;
-    const tenantName = name as string;
-
-    useEffect(() => {
-        dispatch(getSchema({path: tenantName}));
-    }, [tenantName, dispatch]);
-
-    useEffect(() => {
-        dispatch(getSchema({path: currentSchemaPath}));
-    }, [currentSchemaPath, dispatch]);
-
-    useEffect(() => {
-        dispatch(disableAutorefresh());
-    }, [currentSchemaPath, tenantName, dispatch]);
-
-    useEffect(() => {
-        if (tenantName) {
-            dispatch(setHeaderBreadcrumbs('tenant', {tenantName}));
-        }
-    }, [tenantName, dispatch]);
-
-    const onCollapseSummaryHandler = () => {
-        dispatchSummaryVisibilityAction(PaneVisibilityActionTypes.triggerCollapse);
-    };
-    const onExpandSummaryHandler = () => {
-        dispatchSummaryVisibilityAction(PaneVisibilityActionTypes.triggerExpand);
-    };
-
-    const onSplitStartDragAdditional = () => {
-        dispatchSummaryVisibilityAction(PaneVisibilityActionTypes.clear);
-    };
-
-    const showBlockingError = schemaStatus === 403;
-
-    return (
-        <div className={b()}>
-            {showBlockingError ? (
-                <AccessDenied />
-            ) : (
-                <SplitPane
-                    defaultSizePaneKey={DEFAULT_SIZE_TENANT_KEY}
-                    defaultSizes={[25, 75]}
-                    triggerCollapse={summaryVisibilityState.triggerCollapse}
-                    triggerExpand={summaryVisibilityState.triggerExpand}
-                    minSize={[36, 200]}
-                    onSplitStartDragAdditional={onSplitStartDragAdditional}
-                >
-                    <ObjectSummary
-                        type={preloadedPathType || currentPathType}
-                        subType={preloadedPathSubType || currentPathSubType}
-                        onCollapseSummary={onCollapseSummaryHandler}
-                        onExpandSummary={onExpandSummaryHandler}
-                        isCollapsed={summaryVisibilityState.collapsed}
-                    />
-                    <ObjectGeneral
-                        type={preloadedPathType || currentPathType}
-                        additionalTenantProps={props.additionalTenantProps}
-                        additionalNodesProps={props.additionalNodesProps}
-                    />
-                </SplitPane>
-            )}
-        </div>
-    );
-}
-
-export default Tenant;

package/dist/containers/Tenant/TenantPages.tsx

@@ -1,31 +0,0 @@
-import routes, {createHref} from '../../routes';
-import {TENANT_SUMMARY_TABS_IDS} from '../../store/reducers/tenant/constants';
-
-export const TenantTabsGroups = {
-    summaryTab: 'summaryTab',
-    queryTab: 'queryTab',
-    diagnosticsTab: 'diagnosticsTab',
-    metricsTab: 'metricsTab',
-} as const;
-
-export const TENANT_INFO_TABS = [
-    {
-        id: TENANT_SUMMARY_TABS_IDS.overview,
-        title: 'Overview',
-    },
-    {
-        id: TENANT_SUMMARY_TABS_IDS.acl,
-        title: 'ACL',
-    },
-];
-
-export const TENANT_SCHEMA_TAB = [
-    {
-        id: TENANT_SUMMARY_TABS_IDS.schema,
-        title: 'Schema',
-    },
-];
-
-export const getTenantPath = (query = {}) => {
-    return createHref(routes.tenant, undefined, query);
-};

package/dist/containers/Tenant/i18n/index.ts

@@ -1,11 +0,0 @@
-import {i18n, Lang} from '../../../utils/i18n';
-
-import en from './en.json';
-import ru from './ru.json';
-
-const COMPONENT = 'ydb-tenant';
-
-i18n.registerKeyset(Lang.En, COMPONENT, en);
-i18n.registerKeyset(Lang.Ru, COMPONENT, ru);
-
-export default i18n.keyset(COMPONENT);

package/dist/containers/Tenant/utils/constants.ts

@@ -1,10 +0,0 @@
-import type {Settings} from '@gravity-ui/react-data-table';
-
-import {DEFAULT_TABLE_SETTINGS} from '../../../utils/constants';
-
-export const MAX_QUERY_HEIGHT = 6;
-
-export const QUERY_TABLE_SETTINGS: Settings = {
-    ...DEFAULT_TABLE_SETTINGS,
-    dynamicRenderType: 'variable',
-};

package/dist/containers/Tenant/utils/index.ts

@@ -1,8 +0,0 @@
-import {TPathDescription} from '../../../types/api/schema';
-import {mapPathTypeToEntityName} from './schema';
-
-export const getEntityName = (pathDescription?: TPathDescription) => {
-    const {PathType, PathSubType} = pathDescription?.Self || {};
-
-    return mapPathTypeToEntityName(PathType, PathSubType);
-};

package/dist/containers/Tenant/utils/paneVisibilityToggleHelpers.tsx

@@ -1,126 +0,0 @@
-import React from 'react';
-import {Button} from '@gravity-ui/uikit';
-import cn from 'bem-cn-lite';
-
-import {Icon} from '../../../components/Icon';
-
-import './ToggleButton.scss';
-
-export interface InitialPaneState {
-    triggerExpand: boolean;
-    triggerCollapse: boolean;
-    collapsed: boolean;
-}
-
-export enum PaneVisibilityActionTypes {
-    triggerCollapse = 'triggerCollapse',
-    triggerExpand = 'triggerExpand',
-    clear = 'clear',
-}
-
-const setInitialIsPaneCollapsed = (key: string) => {
-    localStorage.setItem(key, 'true');
-};
-
-const deleteInitialIsPaneCollapsed = (key: string) => {
-    localStorage.removeItem(key);
-};
-
-export function paneVisibilityToggleReducerCreator(isPaneCollapsedKey: string) {
-    return function paneVisibilityToggleReducer(
-        state: InitialPaneState,
-        action: PaneVisibilityActionTypes,
-    ) {
-        switch (action) {
-            case PaneVisibilityActionTypes.triggerCollapse: {
-                setInitialIsPaneCollapsed(isPaneCollapsedKey);
-                return {
-                    ...state,
-                    triggerCollapse: true,
-                    triggerExpand: false,
-                    collapsed: true,
-                };
-            }
-            case PaneVisibilityActionTypes.triggerExpand: {
-                deleteInitialIsPaneCollapsed(isPaneCollapsedKey);
-                return {
-                    ...state,
-                    triggerCollapse: false,
-                    triggerExpand: true,
-                    collapsed: false,
-                };
-            }
-            case PaneVisibilityActionTypes.clear: {
-                deleteInitialIsPaneCollapsed(isPaneCollapsedKey);
-                return {
-                    triggerCollapse: false,
-                    triggerExpand: false,
-                    collapsed: false,
-                };
-            }
-            default:
-                return state;
-        }
-    };
-}
-
-interface ToggleButtonProps {
-    onCollapse: VoidFunction;
-    onExpand: VoidFunction;
-    isCollapsed?: boolean;
-    initialDirection?: 'right' | 'left' | 'top' | 'bottom';
-    className?: string;
-}
-
-const b = cn('kv-pane-visibility-button');
-
-export function PaneVisibilityToggleButtons({
-    onCollapse,
-    onExpand,
-    isCollapsed,
-    initialDirection = 'top',
-    className,
-}: ToggleButtonProps) {
-    return (
-        <React.Fragment>
-            <Button
-                view="flat-secondary"
-                onClick={onCollapse}
-                className={b(
-                    {
-                        hidden: isCollapsed,
-                    },
-                    className,
-                )}
-                title="Collapse"
-            >
-                <Icon
-                    name="collapse"
-                    viewBox="0 0 384 512"
-                    width={14}
-                    height={14}
-                    className={b({[initialDirection]: true})}
-                />
-            </Button>
-            <Button
-                view="flat-secondary"
-                onClick={onExpand}
-                className={b(
-                    {
-                        hidden: !isCollapsed,
-                    },
-                    className,
-                )}
-                title="Expand"
-            >
-                <Icon
-                    name="collapse"
-                    viewBox="0 0 384 512"
-                    width={14}
-                    height={14}
-                    className={b({[initialDirection]: true}, 'rotate')}
-                />
-            </Button>
-        </React.Fragment>
-    );
-}

package/dist/containers/Tenant/utils/queryTemplates.ts

@@ -1,113 +0,0 @@
-export const createTableTemplate = (path: string) => {
-    return `-- docs: https://ydb.tech/en/docs/yql/reference/syntax/create_table
-CREATE TABLE \`${path}/ydb_row_table\` (
-    category_id Uint64 NOT NULL,
-    id Uint64,
-    expire_at Datetime,
-    updated_on Datetime,
-    name Text,
-    \`binary-payload\` Bytes,
-    attributes JsonDocument,
-    -- uncomment to add a secondary index
-    -- INDEX idx_row_table_id GLOBAL SYNC ON ( id ) COVER ( name, attributes ), -- Secondary indexes docs https://ydb.tech/en/docs/yql/reference/syntax/create_table#secondary_index
-    PRIMARY KEY (category_id, id)
-) 
-WITH (
-    AUTO_PARTITIONING_BY_SIZE = ENABLED,
-    AUTO_PARTITIONING_PARTITION_SIZE_MB = 2048,
-    AUTO_PARTITIONING_BY_LOAD = ENABLED,
-    AUTO_PARTITIONING_MIN_PARTITIONS_COUNT = 4,
-    AUTO_PARTITIONING_MAX_PARTITIONS_COUNT = 1024,
-    -- uncomment to create a table with predefined partitions
-    -- UNIFORM_PARTITIONS = 4, -- The number of partitions for uniform initial table partitioning.
-                            -- The primary key's first column must have type Uint64 or Uint32.
-                            -- A created table is immediately divided into the specified number of partitions
-    -- uncomment to launch read only replicas in every AZ
-    -- READ_REPLICAS_SETTINGS = 'PER_AZ:1', -- Enable read replicas for stale read, launch one replica in every availability zone
-    -- uncomment to enable ttl
-    -- TTL = Interval("PT1H") ON expire_at, -- Enable background deletion of expired rows https://ydb.tech/en/docs/concepts/ttl
-    KEY_BLOOM_FILTER = ENABLED -- With a Bloom filter, you can more efficiently determine
-                               -- if some keys are missing in a table when making multiple single queries by the primary key.
-)`;
-};
-export const alterTableTemplate = (path: string) => {
-    return `ALTER TABLE \`${path}\`
-    ADD COLUMN is_deleted Bool;`;
-};
-export const selectQueryTemplate = (path: string) => {
-    return `SELECT *
-    FROM \`${path}\`
-    LIMIT 10;`;
-};
-export const upsertQueryTemplate = (path: string) => {
-    return `UPSERT INTO \`${path}\`
-    ( \`id\`, \`name\` )
-VALUES ( );`;
-};
-
-export const dropExternalTableTemplate = (path: string) => {
-    return `DROP EXTERNAL TABLE \`${path}\`;`;
-};
-
-export const createExternalTableTemplate = (path: string) => {
-    // Remove data source name from path
-    // to create table in the same folder with data source
-    const targetPath = path.split('/').slice(0, -1).join('/');
-
-    return `CREATE EXTERNAL TABLE \`${targetPath}/my_external_table\` (
-    column1 Int,
-    column2 Int
-) WITH (
-    DATA_SOURCE="${path}",
-    LOCATION="",
-    FORMAT="json_as_string",
-    \`file_pattern\`=""
-);`;
-};
-
-export const createTopicTemplate = (path: string) => {
-    return `-- docs: https://ydb.tech/en/docs/yql/reference/syntax/create_topic
-CREATE TOPIC \`${path}/my_topic\` (
-    CONSUMER consumer1,
-    CONSUMER consumer2 WITH (read_from = Datetime('1970-01-01T00:00:00Z')) -- Sets up the message write time starting from which the consumer will receive data.
-                                                                           -- Value type: Datetime OR Timestamp OR integer (unix-timestamp in the numeric format). 
-                                                                           -- Default value: now
-) WITH (
-    min_active_partitions = 1, -- Minimum number of topic partitions.
-    partition_count_limit = 0, -- Maximum number of active partitions in the topic. 0 is interpreted as unlimited.
-    retention_period = Interval('PT18H'), -- Data retention period in the topic. Value type: Interval.
-    retention_storage_mb = 0, -- Limit on the maximum disk space occupied by the topic data. 
-                              -- When this value is exceeded, the older data is cleared, like under a retention policy. 
-                              -- 0 is interpreted as unlimited.
-    partition_write_speed_bytes_per_second = 1048576, -- Maximum allowed write speed per partition.
-    partition_write_burst_bytes = 0 -- Write quota allocated for write bursts. 
-                                    -- When set to zero, the actual write_burst value is equalled to 
-                                    -- the quota value (this allows write bursts of up to one second).
-);`;
-};
-
-export const alterTopicTemplate = (path: string) => {
-    return `-- docs: https://ydb.tech/en/docs/yql/reference/syntax/alter_topic
-ALTER TOPIC \`${path}\`
-    ADD CONSUMER new_consumer WITH (read_from = Datetime('1970-01-01T00:00:00Z')), -- Sets up the message write time starting from which the consumer will receive data.
-                                                                                   -- Value type: Datetime OR Timestamp OR integer (unix-timestamp in the numeric format).
-                                                                                   -- Default value: now
-    ALTER CONSUMER consumer1 SET (read_from = Datetime('1970-01-01T00:00:00Z')),
-    DROP CONSUMER consumer2,
-    SET (
-        min_active_partitions = 1, -- Minimum number of topic partitions.
-        partition_count_limit = 0, -- Maximum number of active partitions in the topic. 0 is interpreted as unlimited.
-        retention_period = Interval('PT18H'), -- Data retention period in the topic. Value type: Interval.
-        retention_storage_mb = 0, -- Limit on the maximum disk space occupied by the topic data. 
-                                  -- When this value is exceeded, the older data is cleared, like under a retention policy. 
-                                  -- 0 is interpreted as unlimited.
-        partition_write_speed_bytes_per_second = 1048576, -- Maximum allowed write speed per partition.
-        partition_write_burst_bytes = 0 -- Write quota allocated for write bursts. 
-                                        -- When set to zero, the actual write_burst value is equalled to
-                                        -- the quota value (this allows write bursts of up to one second).
-    );`;
-};
-
-export const dropTopicTemplate = (path: string) => {
-    return `DROP TOPIC \`${path}\`;`;
-};