ydb-embedded-ui 4.13.0 → 4.15.0

package/dist/containers/Tenant/Query/QueryDuration/QueryDuration.tsx

@@ -1,6 +1,9 @@
 import block from 'bem-cn-lite';
 
 import {formatDurationToShortTimeFormat, parseUsToMs} from '../../../../utils/timeParsers';
+import {LabelWithPopover} from '../../../../components/LabelWithPopover';
+
+import i18n from '../i18n';
 
 import './QueryDuration.scss';
 
@@ -17,5 +20,14 @@ export const QueryDuration = ({duration}: QueryDurationProps) => {
 
     const parsedDuration = formatDurationToShortTimeFormat(parseUsToMs(duration), 1);
 
-    return <span className={b()}>{parsedDuration}</span>;
+    return (
+        <span className={b()}>
+            <LabelWithPopover
+                className={b('item-with-popover')}
+                contentClassName={b('popover')}
+                text={parsedDuration}
+                popoverContent={i18n('query-duration.description')}
+            />
+        </span>
+    );
 };

package/dist/containers/Tenant/Query/QueryEditorControls/QueryEditorControls.scss

@@ -67,6 +67,8 @@
     }
 
     &__popover {
-        max-width: 340px;
+        max-width: 420px;
+
+        white-space: pre-wrap;
     }
 }

package/dist/containers/Tenant/Query/i18n/en.json

@@ -17,8 +17,10 @@
   "preview.not-available": "Preview is not available",
   "preview.close": "Close preview",
 
-  "method-description.script": "For YQL-scripts combining DDL and DML. API call: schema.scripting",
-  "method-description.scan": "Read-only queries, potentially reading a lot of data. API call: table.ExecuteScan",
-  "method-description.data": "DML queries for changing and fetching data in serialization mode. API call: table.executeDataQuery",
-  "method-description.query": "Any queries. An experimental API call supposed to replace all existing methods. API Call: query.ExecuteScript"
+  "method-description.script": "For YQL-scripts combining DDL and DML.\nAPI call: schema.scripting",
+  "method-description.scan": "Read-only queries, potentially reading a lot of data.\nAPI call: table.ExecuteScan",
+  "method-description.data": "DML queries for changing and fetching data in serialization mode.\nAPI call: table.executeDataQuery",
+  "method-description.query": "Any query. An experimental API call supposed to replace all existing methods.\nAPI Call: query.ExecuteScript",
+
+  "query-duration.description": "Duration of server-side query execution"
 }

package/dist/containers/Tenant/Query/i18n/ru.json

@@ -17,8 +17,10 @@
   "preview.not-available": "Предпросмотр недоступен",
   "preview.close": "Закрыть предпросмотр",
 
-  "method-description.script": "Для скриптов, совмещающих DDL и DML-конструкции. API call: schema.scripting",
-  "method-description.scan": "Только читающие запросы, потенциально читающие много данных. API call: table.ExecuteScan",
-  "method-description.data": "DML-запросы для изменения и выборки данных в режиме изоляции Serializable. API call: table.executeDataQuery",
-  "method-description.query": "Любые запросы. Экспериментальный перспективный метод, который в будущем заменит все остальные. API call: query.ExecuteScript"
+  "method-description.script": "Для скриптов, совмещающих DDL и DML-конструкции.\nAPI call: schema.scripting",
+  "method-description.scan": "Только читающие запросы, потенциально читающие много данных.\nAPI call: table.ExecuteScan",
+  "method-description.data": "DML-запросы для изменения и выборки данных в режиме изоляции Serializable.\nAPI call: table.executeDataQuery",
+  "method-description.query": "Любые запросы. Экспериментальный перспективный метод, который в будущем заменит все остальные.\nAPI call: query.ExecuteScript",
+
+  "query-duration.description": "Время выполнения запроса на стороне сервера"
 }

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

@@ -9,6 +9,7 @@ import {useQueryModes} from '../../../../utils/hooks';
 
 import {isChildlessPathType, mapPathTypeToNavigationTreeType} from '../../utils/schema';
 import {getActions} from '../../utils/schemaActions';
+import {getControls} from '../../utils/schemaControls';
 
 interface SchemaTreeProps {
     rootPath: string;
@@ -78,6 +79,9 @@ export function SchemaTree(props: SchemaTreeProps) {
                 setActivePath: handleActivePathUpdate,
                 setQueryMode,
             })}
+            renderAdditionalNodeElements={getControls(dispatch, {
+                setActivePath: handleActivePathUpdate,
+            })}
             activePath={currentPath}
             onActivePathUpdate={handleActivePathUpdate}
             cache={false}

package/dist/containers/Tenant/i18n/en.json

@@ -14,8 +14,11 @@
   "actions.openPreview": "Open preview",
   "actions.createTable": "Create table...",
   "actions.createExternalTable": "Create external table...",
+  "actions.createTopic": "Create topic...",
   "actions.dropTable": "Drop table...",
+  "actions.dropTopic": "Drop topic...",
   "actions.alterTable": "Alter table...",
+  "actions.alterTopic": "Alter topic...",
   "actions.selectQuery": "Select query...",
   "actions.upsertQuery": "Upsert query..."
 }

package/dist/containers/Tenant/i18n/ru.json

@@ -14,8 +14,11 @@
   "actions.openPreview": "Открыть превью",
   "actions.createTable": "Создать таблицу...",
   "actions.createExternalTable": "Создать внешнюю таблицу...",
+  "actions.createTopic": "Создать топик...",
   "actions.dropTable": "Удалить таблицу...",
+  "actions.dropTopic": "Удалить топик...",
   "actions.alterTable": "Изменить таблицу...",
+  "actions.alterTopic": "Изменить топик...",
   "actions.selectQuery": "Select запрос...",
   "actions.upsertQuery": "Upsert запрос..."
 }

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

@@ -0,0 +1,89 @@
+export const createTableTemplate = (path: string) => {
+    return `CREATE TABLE \`${path}/my_table\`
+(
+    \`id\` Uint64,
+    \`name\` String,
+    PRIMARY KEY (\`id\`)
+);`;
+};
+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('2022-12-01T12:13:22Z')) -- 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 = 5, -- Minimum number of topic partitions.
+    partition_count_limit = 10, -- Maximum number of active partitions in the topic. 0 is interpreted as unlimited.
+    retention_period = Interval('PT12H'), -- Data retention period in the topic. Value type: Interval, default value: 18h.
+    retention_storage_mb = 1, -- 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 = 2097152, -- Maximum allowed write speed per partition.
+    partition_write_burst_bytes = 2097152 -- 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 = 0), -- 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('2023-12-01T12:13:22Z')),
+    DROP CONSUMER consumer2,
+    SET (
+        min_active_partitions = 10, -- Minimum number of topic partitions.
+        partition_count_limit = 15, -- Maximum number of active partitions in the topic. 0 is interpreted as unlimited.
+        retention_period = Interval('PT36H'), -- Data retention period in the topic. Value type: Interval, default value: 18h.
+        retention_storage_mb = 10, -- 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 = 3145728, -- Maximum allowed write speed per partition.
+        partition_write_burst_bytes = 1048576 -- 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}\`;`;
+};

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

@@ -30,7 +30,7 @@ const pathTypeToNodeType: Record<EPathType, NavigationTreeNodeType | undefined>
 
     [EPathType.EPathTypeColumnTable]: 'column_table',
 
-    [EPathType.EPathTypeCdcStream]: 'topic',
+    [EPathType.EPathTypeCdcStream]: 'stream',
     [EPathType.EPathTypePersQueueGroup]: 'topic',
 
     [EPathType.EPathTypeExternalDataSource]: 'external_data_source',

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

@@ -6,55 +6,23 @@ import type {NavigationTreeNodeType, NavigationTreeProps} from 'ydb-ui-component
 import type {QueryMode} from '../../../types/store/query';
 import type {SetQueryModeIfAvailable} from '../../../utils/hooks';
 import {changeUserInput} from '../../../store/reducers/executeQuery';
-import {setShowPreview} from '../../../store/reducers/schema/schema';
 import {setQueryTab, setTenantPage} from '../../../store/reducers/tenant/tenant';
 import {TENANT_QUERY_TABS_ID, TENANT_PAGES_IDS} from '../../../store/reducers/tenant/constants';
 import createToast from '../../../utils/createToast';
 
 import i18n from '../i18n';
 
-const createTableTemplate = (path: string) => {
-    return `CREATE TABLE \`${path}/my_table\`
-(
-    \`id\` Uint64,
-    \`name\` String,
-    PRIMARY KEY (\`id\`)
-);`;
-};
-const alterTableTemplate = (path: string) => {
-    return `ALTER TABLE \`${path}\`
-    ADD COLUMN is_deleted Bool;`;
-};
-const selectQueryTemplate = (path: string) => {
-    return `SELECT *
-    FROM \`${path}\`
-    LIMIT 10;`;
-};
-const upsertQueryTemplate = (path: string) => {
-    return `UPSERT INTO \`${path}\`
-    ( \`id\`, \`name\` )
-VALUES ( );`;
-};
-
-const dropExternalTableTemplate = (path: string) => {
-    return `DROP EXTERNAL TABLE \`${path}\`;`;
-};
-
-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\`=""
-);`;
-};
+import {
+    alterTableTemplate,
+    alterTopicTemplate,
+    createExternalTableTemplate,
+    createTableTemplate,
+    createTopicTemplate,
+    dropExternalTableTemplate,
+    dropTopicTemplate,
+    selectQueryTemplate,
+    upsertQueryTemplate,
+} from './queryTemplates';
 
 interface ActionsAdditionalEffects {
     setQueryMode: SetQueryModeIfAvailable;
@@ -93,6 +61,9 @@ const bindActions = (
             'query',
             i18n('actions.externalTableSelectUnavailable'),
         ),
+        createTopic: inputQuery(createTopicTemplate, 'script'),
+        alterTopic: inputQuery(alterTopicTemplate, 'script'),
+        dropTopic: inputQuery(dropTopicTemplate, 'script'),
         copyPath: () => {
             try {
                 copy(path);
@@ -109,12 +80,6 @@ const bindActions = (
                 });
             }
         },
-        openPreview: () => {
-            dispatch(setShowPreview(true));
-            dispatch(setTenantPage(TENANT_PAGES_IDS.query));
-            dispatch(setQueryTab(TENANT_QUERY_TABS_ID.newQuery));
-            setActivePath(path);
-        },
     };
 };
 
@@ -125,14 +90,16 @@ export const getActions =
     (path: string, type: NavigationTreeNodeType) => {
         const actions = bindActions(path, dispatch, additionalEffects);
         const copyItem = {text: i18n('actions.copyPath'), action: actions.copyPath};
-        const openPreview = {text: i18n('actions.openPreview'), action: actions.openPreview};
 
         const DIR_SET: ActionsSet = [
             [copyItem],
-            [{text: i18n('actions.createTable'), action: actions.createTable}],
+            [
+                {text: i18n('actions.createTable'), action: actions.createTable},
+                {text: i18n('actions.createTopic'), action: actions.createTopic},
+            ],
         ];
         const TABLE_SET: ActionsSet = [
-            [openPreview, copyItem],
+            [copyItem],
             [
                 {text: i18n('actions.alterTable'), action: actions.alterTable},
                 {text: i18n('actions.selectQuery'), action: actions.selectQuery},
@@ -140,8 +107,16 @@ export const getActions =
             ],
         ];
 
+        const TOPIC_SET: ActionsSet = [
+            [copyItem],
+            [
+                {text: i18n('actions.alterTopic'), action: actions.alterTopic},
+                {text: i18n('actions.dropTopic'), action: actions.dropTopic},
+            ],
+        ];
+
         const EXTERNAL_TABLE_SET = [
-            [openPreview, copyItem],
+            [copyItem],
             [
                 {
                     text: i18n('actions.selectQuery'),
@@ -168,7 +143,8 @@ export const getActions =
             column_table: TABLE_SET,
 
             index_table: JUST_COPY,
-            topic: JUST_COPY,
+            topic: TOPIC_SET,
+            stream: JUST_COPY,
 
             index: JUST_COPY,
 

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

@@ -0,0 +1,69 @@
+import {Dispatch} from 'react';
+
+import {NavigationTreeNodeType, NavigationTreeProps} from 'ydb-ui-components';
+import {Button} from '@gravity-ui/uikit';
+
+import {setShowPreview} from '../../../store/reducers/schema/schema';
+import {setQueryTab, setTenantPage} from '../../../store/reducers/tenant/tenant';
+import {TENANT_PAGES_IDS, TENANT_QUERY_TABS_ID} from '../../../store/reducers/tenant/constants';
+import {IconWrapper} from '../../../components/Icon';
+
+import i18n from '../i18n';
+
+interface ControlsAdditionalEffects {
+    setActivePath: (path: string) => void;
+}
+
+const bindActions = (
+    path: string,
+    dispatch: Dispatch<any>,
+    additionalEffects: ControlsAdditionalEffects,
+) => {
+    const {setActivePath} = additionalEffects;
+
+    return {
+        openPreview: () => {
+            dispatch(setShowPreview(true));
+            dispatch(setTenantPage(TENANT_PAGES_IDS.query));
+            dispatch(setQueryTab(TENANT_QUERY_TABS_ID.newQuery));
+            setActivePath(path);
+        },
+    };
+};
+
+type Controls = ReturnType<Required<NavigationTreeProps>['renderAdditionalNodeElements']>;
+
+export const getControls =
+    (dispatch: Dispatch<any>, additionalEffects: ControlsAdditionalEffects) =>
+    (path: string, type: NavigationTreeNodeType) => {
+        const options = bindActions(path, dispatch, additionalEffects);
+        const openPreview = (
+            <Button
+                view="flat-secondary"
+                onClick={options.openPreview}
+                title={i18n('actions.openPreview')}
+                size="s"
+            >
+                <IconWrapper name="tablePreview" />
+            </Button>
+        );
+
+        const nodeTypeToControls: Record<NavigationTreeNodeType, Controls> = {
+            database: undefined,
+            directory: undefined,
+
+            table: openPreview,
+            column_table: openPreview,
+
+            index_table: undefined,
+            topic: undefined,
+            stream: undefined,
+
+            index: undefined,
+
+            external_table: openPreview,
+            external_data_source: undefined,
+        };
+
+        return nodeTypeToControls[type];
+    };

package/dist/containers/UserSettings/i18n/en.json

@@ -15,6 +15,9 @@
   "settings.useNodesEndpoint.title": "Break the Nodes tab in Diagnostics",
   "settings.useNodesEndpoint.popover": "Use /viewer/json/nodes endpoint for Nodes Tab in diagnostics. It returns incorrect data on versions before 23-1",
 
+  "settings.useBackendParamsForTables.title": "Offload tables filters and sorting to backend",
+  "settings.useBackendParamsForTables.popover": "Filter and sort Nodes and Storage tables with request params. May increase performance, but could causes additional fetches and longer loading time on older versions",
+
   "settings.enableAdditionalQueryModes.title": "Enable additional query modes",
   "settings.enableAdditionalQueryModes.popover": "Adds 'Data' and 'YQL - QueryService' modes. May not work on some versions"
 }

package/dist/containers/UserSettings/i18n/ru.json

@@ -15,6 +15,9 @@
   "settings.useNodesEndpoint.title": "Сломать вкладку Nodes в диагностике",
   "settings.useNodesEndpoint.popover": "Использовать эндпоинт /viewer/json/nodes для вкладки Nodes в диагностике. Может возвращать некорректные данные на версиях до 23-1",
 
+  "settings.useBackendParamsForTables.title": "Перенести фильтры и сортировку таблиц на бэкенд",
+  "settings.useBackendParamsForTables.popover": "Добавляет фильтрацию и сортировку таблиц Nodes и Storage с использованием параметров запроса. Может улушить производительность, но на старых версиях может привести к дополнительным запросам и большему времени ожидания загрузки",
+
   "settings.enableAdditionalQueryModes.title": "Включить дополнительные режимы выполнения запросов",
   "settings.enableAdditionalQueryModes.popover": "Добавляет режимы 'Data' и 'YQL - QueryService'. Может работать некорректно на некоторых версиях"
 }

package/dist/containers/UserSettings/settings.ts

@@ -7,6 +7,7 @@ import {
     ENABLE_ADDITIONAL_QUERY_MODES,
     INVERTED_DISKS_KEY,
     THEME_KEY,
+    USE_BACKEND_PARAMS_FOR_TABLES_KEY,
     USE_NODES_ENDPOINT_IN_DIAGNOSTICS_KEY,
 } from '../../utils/constants';
 
@@ -58,6 +59,11 @@ export const useNodesEndpointSetting: SettingProps = {
     title: i18n('settings.useNodesEndpoint.title'),
     helpPopoverContent: i18n('settings.useNodesEndpoint.popover'),
 };
+export const useBackendParamsForTables: SettingProps = {
+    settingKey: USE_BACKEND_PARAMS_FOR_TABLES_KEY,
+    title: i18n('settings.useBackendParamsForTables.title'),
+    helpPopoverContent: i18n('settings.useBackendParamsForTables.popover'),
+};
 export const enableQueryModesForExplainSetting: SettingProps = {
     settingKey: ENABLE_ADDITIONAL_QUERY_MODES,
     title: i18n('settings.enableAdditionalQueryModes.title'),
@@ -72,7 +78,12 @@ export const generalSection: SettingsSection = {
 export const experimentsSection: SettingsSection = {
     id: 'experimentsSection',
     title: i18n('section.experiments'),
-    settings: [invertedDisksSetting, useNodesEndpointSetting, enableQueryModesForExplainSetting],
+    settings: [
+        invertedDisksSetting,
+        useNodesEndpointSetting,
+        useBackendParamsForTables,
+        enableQueryModesForExplainSetting,
+    ],
 };
 
 export const generalPage: SettingsPage = {

package/dist/{reportWebVitals.js → reportWebVitals.ts}

@@ -1,4 +1,6 @@
-const reportWebVitals = (onPerfEntry) => {
+import type {ReportHandler} from 'web-vitals';
+
+const reportWebVitals = (onPerfEntry?: ReportHandler) => {
     if (onPerfEntry && onPerfEntry instanceof Function) {
         import('web-vitals').then(({getCLS, getFID, getFCP, getLCP, getTTFB}) => {
             getCLS(onPerfEntry);

package/dist/services/api.ts

@@ -32,6 +32,7 @@ import type {ComputeApiRequestParams, NodesApiRequestParams} from '../store/redu
 import type {StorageApiRequestParams} from '../store/reducers/storage/types';
 
 import {backend as BACKEND} from '../store';
+import {prepareSortValue} from '../utils/filters';
 
 const config = {withCredentials: !window.custom_backend};
 
@@ -82,39 +83,52 @@ export class YdbEmbeddedAPI extends AxiosWrapper {
         });
     }
     getNodes(
-        {visibleEntities, type = 'any', tablets = true, ...params}: NodesApiRequestParams,
+        {
+            visibleEntities,
+            type = 'any',
+            tablets = true,
+            sortOrder,
+            sortValue,
+            ...params
+        }: NodesApiRequestParams,
         {concurrentId}: AxiosOptions = {},
     ) {
+        const sort = prepareSortValue(sortValue, sortOrder);
+
         return this.get<TNodesInfo>(
             this.getPath('/viewer/json/nodes?enums=true'),
-            {
-                with: visibleEntities,
-                type,
-                tablets,
-                ...params,
-            },
-            {
-                concurrentId,
-            },
+            {with: visibleEntities, type, tablets, sort, ...params},
+            {concurrentId},
         );
     }
-    getCompute(params: ComputeApiRequestParams) {
-        return this.get<TComputeInfo>(this.getPath('/viewer/json/compute?enums=true'), params);
+    getCompute(
+        {sortOrder, sortValue, ...params}: ComputeApiRequestParams,
+        {concurrentId}: AxiosOptions = {},
+    ) {
+        const sort = prepareSortValue(sortValue, sortOrder);
+
+        return this.get<TComputeInfo>(
+            this.getPath('/viewer/json/compute?enums=true'),
+            {sort, ...params},
+            {concurrentId},
+        );
     }
     getStorageInfo(
-        {tenant, visibleEntities, nodeId}: StorageApiRequestParams,
+        {tenant, visibleEntities, nodeId, sortOrder, sortValue, ...params}: StorageApiRequestParams,
         {concurrentId}: AxiosOptions = {},
     ) {
+        const sort = prepareSortValue(sortValue, sortOrder);
+
         return this.get<TStorageInfo>(
             this.getPath(`/viewer/json/storage?enums=true`),
             {
                 tenant,
                 node_id: nodeId,
                 with: visibleEntities,
+                sort,
+                ...params,
             },
-            {
-                concurrentId,
-            },
+            {concurrentId},
         );
     }
     getPdiskInfo(nodeId: string | number, pdiskId: string | number) {

package/dist/store/reducers/{authentication.js → authentication/authentication.ts}

@@ -1,5 +1,9 @@
-import {createRequestActionTypes, createApiRequest} from '../utils';
-import '../../services/api';
+import type {Reducer} from 'redux';
+
+import '../../../services/api';
+import {createRequestActionTypes, createApiRequest} from '../../utils';
+
+import type {AuthenticationAction, AuthenticationState} from './types';
 
 export const SET_UNAUTHENTICATED = createRequestActionTypes(
     'authentication',
@@ -11,16 +15,19 @@ export const FETCH_USER = createRequestActionTypes('authentication', 'FETCH_USER
 const initialState = {
     isAuthenticated: true,
     user: '',
-    error: '',
+    error: undefined,
 };
 
-const authentication = function (state = initialState, action) {
+const authentication: Reducer<AuthenticationState, AuthenticationAction> = (
+    state = initialState,
+    action,
+) => {
     switch (action.type) {
         case SET_UNAUTHENTICATED.SUCCESS: {
-            return {...state, isAuthenticated: false, user: '', error: ''};
+            return {...state, isAuthenticated: false, user: '', error: undefined};
         }
         case SET_AUTHENTICATED.SUCCESS: {
-            return {...state, isAuthenticated: true, error: ''};
+            return {...state, isAuthenticated: true, error: undefined};
         }
         case SET_AUTHENTICATED.FAILURE: {
             return {...state, error: action.error};
@@ -34,7 +41,7 @@ const authentication = function (state = initialState, action) {
     }
 };
 
-export const authenticate = (user, password) => {
+export const authenticate = (user: string, password: string) => {
     return createApiRequest({
         request: window.api.authenticate(user, password),
         actions: SET_AUTHENTICATED,

package/dist/store/reducers/authentication/types.ts

@@ -0,0 +1,15 @@
+import type {AuthErrorResponse} from '../../../types/api/error';
+import type {ApiRequestAction} from '../../utils';
+
+import {FETCH_USER, SET_AUTHENTICATED, SET_UNAUTHENTICATED} from './authentication';
+
+export interface AuthenticationState {
+    isAuthenticated: boolean;
+    user: string | undefined;
+    error: AuthErrorResponse | undefined;
+}
+
+export type AuthenticationAction =
+    | ApiRequestAction<typeof SET_UNAUTHENTICATED, unknown, unknown>
+    | ApiRequestAction<typeof SET_AUTHENTICATED, unknown, AuthErrorResponse>
+    | ApiRequestAction<typeof FETCH_USER, string | undefined, unknown>;

package/dist/store/reducers/describe.ts

@@ -1,9 +1,7 @@
-import {createSelector, Selector} from 'reselect';
 import {Reducer} from 'redux';
 
 import '../../services/api';
-import {
-    IDescribeRootStateSlice,
+import type {
     IDescribeState,
     IDescribeAction,
     IDescribeHandledResponse,
@@ -93,19 +91,6 @@ export const setDataWasNotLoaded = () => {
     } as const;
 };
 
-// Consumers selectors
-const selectConsumersNames = (state: IDescribeRootStateSlice, path?: string) =>
-    path
-        ? state.describe.data[path]?.PathDescription?.PersQueueGroup?.PQTabletConfig?.ReadRules
-        : undefined;
-
-interface IConsumer {
-    name: string;
-}
-
-export const selectConsumers: Selector<IDescribeRootStateSlice, IConsumer[], [string | undefined]> =
-    createSelector(selectConsumersNames, (names = []) => names.map((name) => ({name})));
-
 export function getDescribe({path}: {path: string}) {
     const request = window.api.getDescribe({path});
     return createApiRequest({