@ytsaurus/ui 1.56.1 → 1.57.0

package/dist/server/components/vcs/GitlabApi.d.ts

@@ -1,6 +1,4 @@
-import { AxiosResponse } from 'axios';
-import { GitlabRepository } from '../../../shared/vcs';
-import { VcsApi } from './index';
+import { GitlabRepository, VcsApi, VcsRepository } from '../../../shared/vcs';
 export type GitlabNode = {
     id: string;
     mode: string;
@@ -10,22 +8,35 @@ export type GitlabNode = {
 };
 export declare class GitlabApi implements VcsApi {
     token: string;
-    api: string;
+    baseUrl: string;
     vcsId: string;
-    constructor({ token, api, vcsId }: {
-        token: string;
-        api: string;
+    maxFileSize: number;
+    constructor({ token, baseUrl, vcsId, maxFileSize, }: {
+        token?: string;
+        baseUrl: string;
         vcsId: string;
+        maxFileSize: number;
     });
+    getProjectId(repository: VcsRepository): string;
     getRequestHeaders(): {
         Authorization: string;
     };
     getRepositories(): Promise<Record<string, GitlabRepository>>;
-    getBranches(projectId: string): Promise<string[]>;
-    getRepositoryContent(projectId: string, branch: string, path?: string): Promise<{
+    getBranches({ repository }: {
+        repository: VcsRepository;
+    }): Promise<string[]>;
+    getRepositoryContent({ repository, branch, path, }: {
+        repository: VcsRepository;
+        branch: string;
+        path?: string;
+    }): Promise<{
         name: string;
         type: 'tree' | 'blob';
         url: string;
     }[]>;
-    getFileContent(projectId: string, branch: string, path: string): Promise<AxiosResponse<NodeJS.ReadableStream>>;
+    getFileContent({ repository, branch, path, }: {
+        repository: VcsRepository;
+        branch: string;
+        path: string;
+    }): Promise<string>;
 }

package/dist/server/components/vcs/GitlabApi.js

@@ -5,11 +5,18 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.GitlabApi = void 0;
 const axios_1 = __importDefault(require("axios"));
+const utils_1 = require("../../utils");
 class GitlabApi {
-    constructor({ token, api, vcsId }) {
+    constructor({ token, baseUrl, vcsId, maxFileSize, }) {
+        if (!token)
+            throw new utils_1.ErrorWithCode(400, 'Token is required');
         this.token = token;
-        this.api = api;
+        this.baseUrl = baseUrl;
         this.vcsId = vcsId;
+        this.maxFileSize = maxFileSize;
+    }
+    getProjectId(repository) {
+        return repository.projectId;
     }
     getRequestHeaders() {
         return {
@@ -18,7 +25,7 @@ class GitlabApi {
     }
     getRepositories() {
         return axios_1.default
-            .get(this.api, {
+            .get(this.baseUrl, {
             headers: this.getRequestHeaders(),
             params: {
                 owned: true,
@@ -37,18 +44,18 @@ class GitlabApi {
             }, {});
         });
     }
-    getBranches(projectId) {
+    getBranches({ repository }) {
         return axios_1.default
-            .get(`${this.api}/${projectId}/repository/branches`, {
+            .get(`${this.baseUrl}/${this.getProjectId(repository)}/repository/branches`, {
             headers: this.getRequestHeaders(),
         })
             .then((response) => {
             return response.data.map((i) => i.name);
         });
     }
-    getRepositoryContent(projectId, branch, path = '') {
+    getRepositoryContent({ repository, branch, path = '', }) {
         return axios_1.default
-            .get(`${this.api}/${projectId}/repository/tree?path=${path}`, {
+            .get(`${this.baseUrl}/${this.getProjectId(repository)}/repository/tree?path=${path}`, {
             headers: this.getRequestHeaders(),
             params: {
                 ref_name: branch,
@@ -64,14 +71,29 @@ class GitlabApi {
             });
         });
     }
-    getFileContent(projectId, branch, path) {
-        return axios_1.default.get(`${this.api}/${projectId}/repository/files/${path}/raw`, {
+    async getFileContent({ repository, branch, path, }) {
+        const response = await axios_1.default.get(`${this.baseUrl}/${this.getProjectId(repository)}/repository/files/${path}/raw`, {
             headers: this.getRequestHeaders(),
             params: {
                 ref_name: branch,
             },
             responseType: 'stream',
         });
+        const fileStream = response.data;
+        return await new Promise((resolve, reject) => {
+            let temp = '';
+            fileStream.on('data', (chunk) => {
+                temp += chunk.toString();
+                if (Buffer.byteLength(temp) > this.maxFileSize)
+                    reject(new Error(`File is too big. Max size ${this.maxFileSize}Mb`));
+            });
+            fileStream.on('end', () => {
+                resolve(temp);
+            });
+            fileStream.on('error', (err) => {
+                reject(err);
+            });
+        });
     }
 }
 exports.GitlabApi = GitlabApi;

package/dist/server/components/vcs/index.d.ts

@@ -1,22 +1,7 @@
 import { VCSSettings } from '../../../shared/ui-settings';
-import { GithubApi } from './GithubApi';
-import { GitlabApi } from './GitlabApi';
-import { AxiosResponse } from 'axios';
 import { Request } from '@gravity-ui/expresskit';
-export interface VcsApi {
-    token: string;
-    api: string;
-    vcsId: string;
-    getRequestHeaders(): {
-        Authorization: string;
-    };
-    getRepositories(): Promise<unknown>;
-    getBranches(projectId: string): Promise<string[]>;
-    getRepositoryContent(projectId: string, branch: string, path: string): Promise<unknown[]>;
-    getFileContent(projectId: string, branch: string, path: string): Promise<AxiosResponse<NodeJS.ReadableStream>>;
-}
 export declare class VcsFactory {
-    static createVcs(vcs: VCSSettings, token?: string): GithubApi | GitlabApi;
+    static createVcs(vcs: VCSSettings, token?: string): import("../../../shared/vcs").VcsApi;
     static getVcsSettings(req: Request): VCSSettings[];
     static getVcsSettingById(req: Request, vcsId?: string): VCSSettings;
 }

package/dist/server/components/vcs/index.js

@@ -1,21 +1,33 @@
 "use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.VcsFactory = void 0;
 const GithubApi_1 = require("./GithubApi");
 const GitlabApi_1 = require("./GitlabApi");
 const utils_1 = require("../../utils");
+const ServerFactory_1 = __importDefault(require("../../ServerFactory"));
+const vcs_1 = require("../../../shared/constants/vcs");
 class VcsFactory {
     static createVcs(vcs, token) {
-        if (!token)
-            throw new utils_1.ErrorWithCode(400, 'Token is required');
-        const apiConfig = { token, api: vcs.api, vcsId: vcs.id };
+        const apiConfig = {
+            token,
+            baseUrl: vcs.baseUrl,
+            vcsId: vcs.id,
+            maxFileSize: vcs.maxFileSize || vcs_1.VCS_DEFAULT_MAX_FILE_SIZE,
+        };
         switch (vcs.type) {
             case 'github':
                 return new GithubApi_1.GithubApi(apiConfig);
             case 'gitlab':
                 return new GitlabApi_1.GitlabApi(apiConfig);
-            default:
-                throw new utils_1.ErrorWithCode(415, `Unsupported VCS type: ${vcs.type}`);
+            default: {
+                const vcsApi = ServerFactory_1.default.createCustomVcsApi(vcs.type, vcs, token);
+                if (!vcsApi)
+                    throw new utils_1.ErrorWithCode(400, `Unsupported VCS type`);
+                return vcsApi;
+            }
         }
     }
     static getVcsSettings(req) {

package/dist/server/controllers/vcs.d.ts

@@ -1,5 +1,5 @@
 import { AppRouteHandler } from '@gravity-ui/expresskit';
-export declare const getVcsConfig: AppRouteHandler;
+export declare const getVcsTokensAvailability: AppRouteHandler;
 export declare const createToken: AppRouteHandler;
 export declare const removeToken: AppRouteHandler;
 export declare const getRepositories: AppRouteHandler;

package/dist/server/controllers/vcs.js

@@ -3,7 +3,7 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
     return (mod && mod.__esModule) ? mod : { "default": mod };
 };
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.getFileContent = exports.getDirectoryContent = exports.getBranches = exports.getRepositories = exports.removeToken = exports.createToken = exports.getVcsConfig = void 0;
+exports.getFileContent = exports.getDirectoryContent = exports.getBranches = exports.getRepositories = exports.removeToken = exports.createToken = exports.getVcsTokensAvailability = void 0;
 const axios_1 = __importDefault(require("axios"));
 const utils_1 = require("../utils");
 const vcs_1 = require("../components/vcs");
@@ -18,15 +18,17 @@ const ERROR_MESSAGE = {
     VCS_ID_REQUIRED: 'vcsId is required',
     VCS_NOT_SUPPORTED: 'The current vcsId is missing from the vcsSettings setting in UISettings',
     TOKEN_REQUIRED: 'Token is required',
+    TOKENS_ERROR: 'Error getting vcs tokens availability',
     PATH_REQUIRED: 'Path is required',
     BRANCH_REQUIRED: 'Branch is required',
     REPOSITORY_REQUIRED: 'Repository is required',
     UNAUTHORIZED: 'The service cannot authorize you. Check the token. You can add new token in the section Settings -> VCS',
 };
+const VCS_COOKIE_PREFIX = 'vcs_token_';
 const cookieNameByVcsId = (vcsId) => {
     if (!vcsId)
         throw new utils_1.ErrorWithCode(400, ERROR_MESSAGE.VCS_ID_REQUIRED);
-    return `vcs_${vcsId}`;
+    return VCS_COOKIE_PREFIX + vcsId;
 };
 const sendApiError = (res, error) => {
     var _a, _b;
@@ -49,21 +51,27 @@ const sendApiError = (res, error) => {
     }
     (0, utils_1.sendError)(res, message, status || 500);
 };
-const getVcsConfig = (req, res) => {
-    const cookies = req.cookies;
+const getVcsTokensAvailability = (req, res) => {
+    const { cookies } = req;
     try {
         const config = vcs_1.VcsFactory.getVcsSettings(req);
-        if (!config.length)
-            throw new utils_1.ErrorWithCode(404, ERROR_MESSAGE.VCS_CONFIG_NOT_FOUND);
-        const response = config.map((item) => (Object.assign(Object.assign({}, item), { hasToken: cookieNameByVcsId(item.id) in cookies })));
-        res.status(200).json(response);
+        if (!config)
+            throw new utils_1.ErrorWithCode(404, ERROR_MESSAGE.TOKENS_ERROR);
+        const vcsTokenKeys = Object.keys(cookies).filter((name) => name.startsWith(VCS_COOKIE_PREFIX));
+        const ids = config.reduce((acc, { id }) => {
+            if (vcsTokenKeys.includes(VCS_COOKIE_PREFIX + id)) {
+                acc.push(id);
+            }
+            return acc;
+        }, []);
+        res.status(200).json({ ids });
     }
     catch (e) {
-        req.ctx.logError('Error getting vcs configuration', e);
+        req.ctx.logError(ERROR_MESSAGE.TOKENS_ERROR, e);
         sendApiError(res, e);
     }
 };
-exports.getVcsConfig = getVcsConfig;
+exports.getVcsTokensAvailability = getVcsTokensAvailability;
 const createToken = (req, res) => {
     const { vcsId, token } = req.body;
     try {
@@ -91,11 +99,6 @@ const removeToken = (req, res) => {
     }
 };
 exports.removeToken = removeToken;
-const getProjectIdByRepository = (repository) => {
-    return 'projectId' in repository
-        ? repository.projectId
-        : `${repository.owner}/${repository.name}`;
-};
 const getRepositories = async (req, res) => {
     const cookies = req.cookies;
     const vcsId = req.query.vcsId;
@@ -103,7 +106,7 @@ const getRepositories = async (req, res) => {
         const token = cookies[cookieNameByVcsId(vcsId)];
         const vcs = vcs_1.VcsFactory.getVcsSettingById(req, vcsId);
         const api = vcs_1.VcsFactory.createVcs(vcs, token);
-        const response = await api.getRepositories();
+        const response = await api.getRepositories({ req, res });
         res.status(200).json(response);
     }
     catch (e) {
@@ -121,7 +124,10 @@ const getBranches = async (req, res) => {
         const token = cookies[cookieNameByVcsId(repository.vcsId)];
         const vcs = vcs_1.VcsFactory.getVcsSettingById(req, repository.vcsId);
         const api = vcs_1.VcsFactory.createVcs(vcs, token);
-        const response = await api.getBranches(getProjectIdByRepository(repository));
+        const response = await api.getBranches({
+            repository,
+            requests: { req, res },
+        });
         res.status(200).json(response);
     }
     catch (e) {
@@ -145,7 +151,15 @@ const getDirectoryContent = async (req, res) => {
         const token = cookies[cookieNameByVcsId(repository.vcsId)];
         const vcs = vcs_1.VcsFactory.getVcsSettingById(req, repository.vcsId);
         const api = vcs_1.VcsFactory.createVcs(vcs, token);
-        const response = await api.getRepositoryContent(getProjectIdByRepository(repository), branch, path);
+        const response = await api.getRepositoryContent({
+            repository,
+            branch,
+            path,
+            requests: {
+                req,
+                res,
+            },
+        });
         response.sort((a, b) => a.type.localeCompare(b.type));
         res.status(200).json(response);
     }
@@ -170,14 +184,18 @@ const getFileContent = async (req, res) => {
         const token = cookies[cookieNameByVcsId(repository.vcsId)];
         const vcs = vcs_1.VcsFactory.getVcsSettingById(req, repository.vcsId);
         const api = vcs_1.VcsFactory.createVcs(vcs, token);
-        const response = await api.getFileContent(getProjectIdByRepository(repository), branch, path);
-        res.set('content-type', 'text/json');
-        res.set({
-            'Content-Type': response.headers['content-type'],
-            'Content-Length': response.headers['content-length'],
-            'Content-Disposition': `attachment; filename=${path}`,
+        const file = await api.getFileContent({
+            repository,
+            branch,
+            path,
+            requests: {
+                req,
+                res,
+            },
         });
-        response.data.pipe(res);
+        res.set('content-type', 'text/json');
+        res.set('Content-Disposition', `attachment; filename=${path}`);
+        res.status(200).send({ file });
     }
     catch (e) {
         req.ctx.logError('Error getting file content', e);

package/dist/server/routes.js

@@ -41,7 +41,7 @@ const routes = {
     'GET /api/vcs/file': { handler: vcs_1.getFileContent },
     'GET /api/vcs/repositories': { handler: vcs_1.getRepositories },
     'GET /api/vcs/branches': { handler: vcs_1.getBranches },
-    'GET /api/vcs/config': { handler: vcs_1.getVcsConfig },
+    'GET /api/vcs/tokens-availability': { handler: vcs_1.getVcsTokensAvailability },
     'POST /api/yt/:ytAuthCluster/change-password': { handler: login_1.handleChangePassword, ui: true },
     'POST /api/remote-copy': { handler: remote_copy_1.handleRemoteCopy },
     'POST /api/markdown-to-html': { handler: markdown_to_html_1.markdownToHtmlHandler },

package/dist/shared/constants/vcs.d.ts

@@ -0,0 +1 @@
+export declare const VCS_DEFAULT_MAX_FILE_SIZE: number;

package/dist/shared/constants/vcs.js

@@ -0,0 +1,4 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.VCS_DEFAULT_MAX_FILE_SIZE = void 0;
+exports.VCS_DEFAULT_MAX_FILE_SIZE = 10 * 1024 * 1024; // 10Mb

package/dist/shared/ui-settings.d.ts

@@ -133,22 +133,43 @@ export interface UISettings {
      * Allows to customize VCS navigation on the query page
      * id - unique identifier of VCS
      * name - name of VCS. The name is displayed in the selector
-     * api - URL to you VCS api
-     * type - 'gitlab' | 'github'
+     * baseUrl - URL to you VCS api
+     * auth - 'token' | 'none'
+     * maxFileSize - max file size in bytes. 10Mb by default
+     * type - 'gitlab' | 'github' | `custom_vsc_type_${string}`
      *
      * @example
      * vcsSettings: [
      *             {
      *                 id: 'vcs1',
      *                 name: 'Github',
-     *                 api: 'https://api.github.com',
+     *                 auth: 'token',
+     *                 baseUrl: 'https://api.github.com',
      *                 type: 'github',
+     *                 maxFileSize: 10485760,
      *             },
      *             {
      *                 id: 'vcs2',
      *                 name: 'Gitlab',
-     *                 api: 'https://gitlab.com/api/v4/projects',
+     *                 auth: 'token',
+     *                 baseUrl: 'https://gitlab.com/api/v4/projects',
      *                 type: 'gitlab',
+     *                 maxFileSize: 10485760,
+     *             },
+     *             {
+     *                 id: 'My VCS realization 1',
+     *                 name: 'MyVCS',
+     *                 auth: 'token',
+     *                 baseUrl: 'https://my_vcs_url',
+     *                 type: 'custom_vsc_type_my-vcs',
+     *                 maxFileSize: 10485760,
+     *             },
+     *             {
+     *                 id: 'My VCS realization 2',
+     *                 name: 'MyVCS',
+     *                 baseUrl: 'https://my_vcs_url',
+     *                 type: 'custom_vsc_type_my-vcs',
+     *                 maxFileSize: 10485760,
      *             },
      *         ],
      */
@@ -159,11 +180,14 @@ export interface UISettings {
      */
     reUseEffectiveAclForPath?: string;
 }
+export type CustomVCSType = `custom_vsc_type_${string}`;
 export interface VCSSettings {
     id: string;
     name: string;
-    api: string;
-    type: 'github' | 'gitlab';
+    baseUrl: string;
+    auth: 'token' | 'none';
+    type: 'github' | 'gitlab' | CustomVCSType;
+    maxFileSize: number;
 }
 export interface UISettingsMonitoring {
     urlTemplate: string;

package/dist/shared/vcs.d.ts

@@ -1,18 +1,49 @@
+import { Request, Response } from '@gravity-ui/expresskit';
 import { VCSSettings } from './ui-settings';
-export type GithubRepository = {
+type Requests = {
+    req: Request;
+    res: Response;
+};
+export interface VcsApi {
+    getRepositories(requests?: Requests): Promise<unknown>;
+    getBranches(params: {
+        repository: VcsRepository;
+        requests?: Requests;
+    }): Promise<{
+        value: string;
+        text: string;
+    }[] | string[]>;
+    getRepositoryContent(params: {
+        repository: VcsRepository;
+        branch: string;
+        path: string;
+        requests?: Requests;
+    }): Promise<{
+        name: string;
+        type: string;
+        url: string;
+    }[]>;
+    getFileContent(params: {
+        repository: VcsRepository;
+        branch: string;
+        path: string;
+        requests?: Requests;
+    }): Promise<string>;
+}
+export type Repository = {
     name: string;
-    owner: string;
     defaultBranch: string;
     vcsId: string;
 };
-export type GitlabRepository = {
-    name: string;
+export type GithubRepository = Repository & {
+    owner: string;
+};
+export type GitlabRepository = Repository & {
     webUrl: string;
     projectId: string;
-    defaultBranch: string;
-    vcsId: string;
 };
-export type VcsRepository = GithubRepository | GitlabRepository;
+export type VcsRepository = Repository | GithubRepository | GitlabRepository;
 export type VcsConfig = VCSSettings & {
     hasToken: boolean;
 };
+export {};

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@ytsaurus/ui",
-  "version": "1.56.1",
+  "version": "1.57.0",
   "repository": {
     "type": "github",
     "url": "https://github.com/ytsaurus/ytsaurus-ui/tree/main/packages/ui"
@@ -180,7 +180,7 @@
   "engines": {
     "node": ">=18"
   },
-  "gitHead": "224a3f876be10f14461ed67eb8be33000bf21484",
+  "gitHead": "524bfd2e7d9fb62a60c9a2919b7dc2a61b91488a",
   "overrides": {
     "axios": "$axios",
     "react-split-pane": {

package/dist/public/build/css/vcs.9409b0df.chunk.css

@@ -1,2 +0,0 @@
-.vcs-header{display:flex;flex-direction:column;gap:12px;padding:12px}.vcs-header__top-menu{grid-gap:12px 8px;display:grid;gap:12px 8px;grid-template-columns:repeat(2,calc(50% - 4px))}.vcs-items-list{padding:0 12px 12px}.vcs-list-folder{align-items:center;border-bottom:1px solid var(--g-color-line-generic);cursor:pointer;display:flex;gap:0 8px;overflow:hidden;padding:10px 0}.vcs-list-folder__icon{flex-shrink:0}.vcs-list-file{align-items:center;border-bottom:1px solid var(--g-color-line-generic);display:flex;justify-content:space-between;padding:5px 0}.vcs-list-file__link{align-items:center;display:flex;gap:0 8px;overflow:hidden}.vcs-list-file__linkIcon{flex-shrink:0}.vcs-list-file__side{align-items:center;display:flex;gap:0 4px}.vcs-list-preview{display:flex;flex-direction:column;height:100%}.vcs-list-preview__editor{height:100%}.vcs-list-preview__header{align-items:center;display:flex;justify-content:space-between;padding:5px 12px 12px}.vcs-list-preview__header-block{align-items:center;display:flex;gap:0 8px}.vsc{display:flex;flex-direction:column;height:100%}
-/*# sourceMappingURL=vcs.9409b0df.chunk.css.map*/

package/dist/public/build/css/vcs.9409b0df.chunk.css.map

@@ -1 +0,0 @@
-{"version":3,"file":"css/vcs.9409b0df.chunk.css","mappings":"AAAA,YACI,aACA,sBACA,SACA,aAEA,sBAGI,kBAFA,aAEA,aADA,+CACA,CCTR,gBACI,oBCDJ,iBAEI,mBAGA,oDACA,eALA,aAEA,UAIA,gBAHA,cAGA,CAEA,uBACI,cCVR,eAEI,mBAGA,oDAJA,aAEA,8BACA,aACA,CAEA,qBAEI,mBADA,aAEA,UACA,gBAGJ,yBACI,cAGJ,qBAEI,mBADA,aAEA,UCrBR,kBACI,aACA,sBACA,YAEA,0BACI,YAGJ,0BAEI,mBADA,aAEA,8BACA,sBAGJ,gCAEI,mBADA,aAEA,UCnBR,KAEI,aACA,sBAFA,WAEA","sources":["webpack://@ytsaurus/ui/./src/ui/pages/query-tracker/Vcs/VcsHeader/VcsHeader.scss","webpack://@ytsaurus/ui/./src/ui/pages/query-tracker/Vcs/VcsItemsList/VcsItemsList.scss","webpack://@ytsaurus/ui/./src/ui/pages/query-tracker/Vcs/VcsItemsList/VcsListFolder.scss","webpack://@ytsaurus/ui/./src/ui/pages/query-tracker/Vcs/VcsItemsList/VcsListFile.scss","webpack://@ytsaurus/ui/./src/ui/pages/query-tracker/Vcs/VcsItemsList/VcsListPreview.scss","webpack://@ytsaurus/ui/./src/ui/pages/query-tracker/Vcs/Vcs.scss"],"sourcesContent":[".vcs-header {\n    display: flex;\n    flex-direction: column;\n    gap: 12px;\n    padding: 12px;\n\n    &__top-menu {\n        display: grid;\n        grid-template-columns: repeat(2, calc(50% - 4px));\n        gap: 12px 8px;\n    }\n}\n",".vcs-items-list {\n    padding: 0 12px 12px;\n}\n",".vcs-list-folder {\n    display: flex;\n    align-items: center;\n    gap: 0 8px;\n    padding: 10px 0;\n    border-bottom: 1px solid var(--g-color-line-generic);\n    cursor: pointer;\n    overflow: hidden;\n\n    &__icon {\n        flex-shrink: 0;\n    }\n}\n",".vcs-list-file {\n    display: flex;\n    align-items: center;\n    justify-content: space-between;\n    padding: 5px 0;\n    border-bottom: 1px solid var(--g-color-line-generic);\n\n    &__link {\n        display: flex;\n        align-items: center;\n        gap: 0 8px;\n        overflow: hidden;\n    }\n\n    &__linkIcon {\n        flex-shrink: 0;\n    }\n\n    &__side {\n        display: flex;\n        align-items: center;\n        gap: 0 4px;\n    }\n}\n",".vcs-list-preview {\n    display: flex;\n    flex-direction: column;\n    height: 100%;\n\n    &__editor {\n        height: 100%;\n    }\n\n    &__header {\n        display: flex;\n        align-items: center;\n        justify-content: space-between;\n        padding: 5px 12px 12px;\n    }\n\n    &__header-block{\n        display: flex;\n        align-items: center;\n        gap: 0 8px;\n    }\n}\n",".vsc {\n    height: 100%;\n    display: flex;\n    flex-direction: column;\n}\n"],"names":[],"sourceRoot":""}

package/dist/public/build/js/query-navigation.4b0b6e64.chunk.js

@@ -1,2 +0,0 @@
-"use strict";(self.webpackChunk_ytsaurus_ui=self.webpackChunk_ytsaurus_ui||[]).push([[1040],{63669:(e,t,n)=>{n.r(t),n.d(t,{Navigation:()=>lt});var r=n(77810),a=n(28407),i=n(70232),o=n.n(i),s=n(76872),c=n(13322),u=n(92423),l=n(72679),d=n(65315),p=n(40319),m=n(64922);const h=function(e){return(0,m.jsx)("svg",(0,p.A)((0,p.A)({xmlns:"http://www.w3.org/2000/svg",fill:"none",viewBox:"0 0 16 16"},e),{},{children:(0,m.jsx)("path",{fill:"currentColor",fillRule:"evenodd",d:"M7.5 13.5v-3A.5.5 0 0 1 8 10h.672a.5.5 0 0 1 .353.146l.414.415.44.439H13a.5.5 0 0 1 .5.5v2a.5.5 0 0 1-.5.5H8a.5.5 0 0 1-.5-.5M6 13H4.5a3 3 0 0 1-3-3V1.25a.75.75 0 0 1 1.5 0V2a1.5 1.5 0 0 0 1.5 1.5H6v-1a2 2 0 0 1 2-2h.672a2 2 0 0 1 1.414.586l.414.414H13a2 2 0 0 1 2 2v2a2 2 0 0 1-2 2H8a2 2 0 0 1-2-2V5H4.5A3 3 0 0 1 3 4.599V10a1.5 1.5 0 0 0 1.5 1.5H6v-1a2 2 0 0 1 2-2h.672a2 2 0 0 1 1.414.586l.414.414H13a2 2 0 0 1 2 2v2a2 2 0 0 1-2 2H8a2 2 0 0 1-2-2zm1.5-8.75V5.5A.5.5 0 0 0 8 6h5a.5.5 0 0 0 .5-.5v-2A.5.5 0 0 0 13 3H9.879l-.44-.44-.414-.414A.5.5 0 0 0 8.672 2H8a.5.5 0 0 0-.5.5z",clipRule:"evenodd"})}))};var f=function(e){var t=e.item,n=e.isCurrent,r=e.onClick;return(0,m.jsx)("div",{onClick:function(e){e.preventDefault(),t.href&&!n&&r(t.href)},children:t.text})},v=function(e){var t=e.path,n=e.cluster,a=e.onClusterChangeClick,i=e.onItemClick,o=(0,r.useCallback)((function(e){i(e)}),[i]),s=(0,r.useMemo)((function(){var e="/";if(!n)return[];var r=[{text:n,action:function(){i("/")}}],a=t.split("/").reduce((function(t,n){return n&&(e+="/"+n,t.push({text:n,href:e,action:function(){}})),t}),[]);return[].concat(r,(0,c.A)(a))}),[n,t,i]);return(0,m.jsxs)(m.Fragment,{children:[(0,m.jsx)(u.$,{size:"s",view:"flat",onClick:a,children:(0,m.jsx)(l.I,{data:h,size:16})}),(0,m.jsx)(d.BI,{items:s,renderItemContent:function(e,t){return(0,m.jsx)(f,{item:e,isCurrent:t,onClick:o})},firstDisplayedItemsCount:d.t9[t?"Zero":"One"],lastDisplayedItemsCount:d.hR.One})]})};const g=function(e){return(0,m.jsx)("svg",(0,p.A)((0,p.A)({xmlns:"http://www.w3.org/2000/svg",fill:"none",viewBox:"0 0 16 16"},e),{},{children:(0,m.jsx)("path",{fill:"currentColor",fillRule:"evenodd",d:"m9.194 5 .351.873.94.064 3.197.217-2.46 2.055-.722.603.23.914.782 3.108-2.714-1.704L8 10.629l-.798.5-2.714 1.705.782-3.108.23-.914-.723-.603-2.46-2.055 3.198-.217.94-.064.35-.874L8 2.025zm-7.723-.292 3.943-.268L6.886.773C7.29-.231 8.71-.231 9.114.773l1.472 3.667 3.943.268c1.08.073 1.518 1.424.688 2.118L12.185 9.36l.964 3.832c.264 1.05-.886 1.884-1.802 1.31L8 12.4l-3.347 2.101c-.916.575-2.066-.26-1.802-1.309l.964-3.832L.783 6.826c-.83-.694-.391-2.045.688-2.118",clipRule:"evenodd"})}))},x=function(e){return(0,m.jsx)("svg",(0,p.A)((0,p.A)({xmlns:"http://www.w3.org/2000/svg",fill:"none",viewBox:"0 0 16 16"},e),{},{children:(0,m.jsx)("path",{fill:"currentColor",d:"M6.886.773C7.29-.231 8.71-.231 9.114.773l1.472 3.667 3.943.268c1.08.073 1.518 1.424.688 2.118L12.185 9.36l.964 3.832c.264 1.05-.886 1.884-1.802 1.31L8 12.4l-3.347 2.101c-.916.575-2.066-.26-1.802-1.309l.964-3.832L.783 6.826c-.83-.694-.391-2.045.688-2.118l3.943-.268z"})}))},w=function(e){return(0,m.jsx)("svg",(0,p.A)((0,p.A)({xmlns:"http://www.w3.org/2000/svg",fill:"none",viewBox:"0 0 16 16"},e),{},{children:(0,m.jsx)("path",{fill:"currentColor",fillRule:"evenodd",d:"M13.25 2H2.75a.75.75 0 0 0 0 1.5h10.5a.75.75 0 0 0 0-1.5m0 3.5h-5.5a.75.75 0 0 0 0 1.5h5.5a.75.75 0 0 0 0-1.5m0 3.5h-5.5a.75.75 0 0 0 0 1.5h5.5a.75.75 0 0 0 0-1.5m-10.5 3.5h10.5a.75.75 0 0 1 0 1.5H2.75a.75.75 0 0 1 0-1.5m.49-7a.74.74 0 0 1 .463.162l1.906 1.526a1.04 1.04 0 0 1 0 1.624l-1.906 1.526A.74.74 0 0 1 2.5 9.76V6.24a.74.74 0 0 1 .74-.74",clipRule:"evenodd"})}))},C=function(e){return(0,m.jsx)("svg",(0,p.A)((0,p.A)({xmlns:"http://www.w3.org/2000/svg",fill:"none",viewBox:"0 0 16 16"},e),{},{children:(0,m.jsx)("path",{fill:"currentColor",fillRule:"evenodd",d:"M12 2.5H8A1.5 1.5 0 0 0 6.5 4v1H8a3 3 0 0 1 3 3v1.5h1A1.5 1.5 0 0 0 13.5 8V4A1.5 1.5 0 0 0 12 2.5M11 11h1a3 3 0 0 0 3-3V4a3 3 0 0 0-3-3H8a3 3 0 0 0-3 3v1H4a3 3 0 0 0-3 3v4a3 3 0 0 0 3 3h4a3 3 0 0 0 3-3zM4 6.5h4A1.5 1.5 0 0 1 9.5 8v4A1.5 1.5 0 0 1 8 13.5H4A1.5 1.5 0 0 1 2.5 12V8A1.5 1.5 0 0 1 4 6.5",clipRule:"evenodd"})}))};var y=(0,s.A)("navigation-header-actions"),A=function(e){var t=e.isFavorite,n=e.showCopyBtn,r=e.onFavoriteToggle,a=e.onPathCopy,i=e.onPastePath;return(0,m.jsxs)("div",{className:y(),children:[(0,m.jsx)(u.$,{view:"flat",onClick:r,children:(0,m.jsx)(l.I,{data:t?x:g,size:16})}),(0,m.jsx)(u.$,{view:"flat",onClick:i,children:(0,m.jsx)(l.I,{data:w,size:16})}),n&&(0,m.jsx)(u.$,{view:"flat",onClick:a,children:(0,m.jsx)(l.I,{data:C,size:16})})]})},b=n(65692),j=n(15647),k=n(50875),S=n(45045),N=n(48971),T=n(78259),_=n(20194),E=n(64714),I=n(44639),R=n(78894),L=n(68175),P=n(3659),V=n(2796),q=n(66030),H=n(55956),D=n(52797),z=n(88187),O=function(){var e=(0,a.A)(o().mark((function e(t){var n,r,a,i,s,c,u,l,d,m,h,f,v,g,x,w,C,y,A,b;return o().wrap((function(e){for(;;)switch(e.prev=e.next){case 0:return n=t.clusterConfig,r=t.path,a=t.login,i=t.schema,s=t.keyColumns,c=t.limit,u=t.output_format,l=i.map((function(e){return e.name})),e.next=4,(0,N.fI)(E.Qq.checkPermission(E.Vu.dynTableCheckPerm,{setup:{proxy:(0,D.v9)(n)},parameters:{columns:l,permission:"read",user:a,path:r}}),{skipSuccessToast:!0,toasterName:"query_navigation_node_permissions",errorTitle:"Navigation node get attributes failure"});case 4:if(d=e.sent,Array.isArray(d.columns)){e.next=7;break}return e.abrupt("return",Promise.reject(new Error("Dynamic table columns is not array")));case 7:if(m=d.columns.reduce((function(e,t,n){return"allow"===t.action?e.availableColumns.push(l[n]):(e.omittedColumns.push(l[n]),s.includes(l[n])&&e.deniedKeyColumns.push((0,L.A)({},l[n],t.action))),e}),{availableColumns:[],omittedColumns:[],deniedKeyColumns:[]}),h=m.availableColumns,f=m.omittedColumns,0===m.deniedKeyColumns.length){e.next=10;break}return e.abrupt("return",Promise.reject(new Error("Dynamic table has denied key columns")));case 10:return v=h.map(P.A.decode),g={query:V.A.prepareQuery({aColumns:v,path:r,keyColumns:s,offset:0,limit:c}),output_format:u,dump_error_into_response:!0},x=(0,p.A)({proxy:(0,D.v9)(n),transformResponse:function(e){var t=e.parsedData,n=e.rawResponse;return{data:t,headers:null==n?void 0:n.headers}}},H.oj),e.next=15,(0,N.fI)((0,z.S)({setup:x,parameters:g}),{skipSuccessToast:!0,toasterName:"query_navigation_node",errorTitle:"Navigation node get rows failure"});case 15:return w=e.sent,C=w.columns,y=w.rows,A=w.yqlTypes,b=i.map((function(e){return e.name})),e.abrupt("return",{columns:(0,q._)(C,f,b),rows:y,yqlTypes:A});case 21:case"end":return e.stop()}}),e)})));return function(t){return e.apply(this,arguments)}}(),M=n(96500),B=function(){var e=(0,a.A)(o().mark((function e(t){var n,r,a,i,s,c,u,l,d,m,h,f,v;return o().wrap((function(e){for(;;)switch(e.prev=e.next){case 0:return n=t.path,r=t.clusterConfig,a=t.schema,i=t.limit,s=t.output_format,c=(0,p.A)({proxy:(0,D.v9)(r),transformResponse:function(e){var t=e.parsedData,n=e.rawResponse;return{data:t,headers:null==n?void 0:n.headers}}},H.oj),u={path:n+"[#0:#"+i+"]",output_format:s,dump_error_into_response:!0,omit_inaccessible_columns:!0,table_reader:{workload_descriptor:{category:"user_interactive"}}},e.next=5,(0,N.fI)((0,M.B)({setup:c,parameters:u}),{skipSuccessToast:!0,toasterName:"query_navigation_node",errorTitle:"Navigation node get rows failure"});case 5:return l=e.sent,d=l.columns,m=l.omittedColumns,h=l.rows,f=l.yqlTypes,v=a.map((function(e){return e.name})),e.abrupt("return",{columns:(0,q._)(d,m,v),rows:h,yqlTypes:f});case 12:case"end":return e.stop()}}),e)})));return function(t){return e.apply(this,arguments)}}(),F=n(13724),Q=n(21594),$=n(19314),Y=function(e){return!!e&&["table","tablet_cell","replicated_table"].includes(e)},U=function(e){return!!e&&["map_node","scheduler_pool_tree_map","topmost_transaction_map","transaction_map","link","rootstock","portal_entrance"].includes(e)},K=function(e,t){return(0,N.fI)(E.Qq.get(E.Vu.navigationAttributes,{setup:(0,p.A)({proxy:(0,D.v9)(t)},H.oj),parameters:{path:"".concat(e,"/@")}}),{skipSuccessToast:!0,toasterName:"query_navigation_node_attributes",errorTitle:"Navigation node get attributes failure"})},Z=n(21347),W=n(63192),G=function(e){var t=e.path,n=e.cluster,r=e.engine;if(!t||"/"===t)return n;switch(r){case Z.d.YQL:return n+".`"+t+"`";case Z.d.YT_QL:case Z.d.CHYT:return"`"+t+"`";default:return"yt.`ytTable:"+t+"`"}},X=function(){var e=(0,a.A)(o().mark((function e(t){var n,r,a,i,s,c;return o().wrap((function(e){for(;;)switch(e.prev=e.next){case 0:return n=t.clusterConfig,r=t.path,a=t.engine,i=t.limit,e.next=3,K(r,n);case 3:return s=e.sent,c=T.A.getValue(s.schema),e.abrupt("return","SELECT\n".concat(c.map((function(e){return"    `"+e.name+"`"})).join(",\r\n"),"\nFROM ").concat(G({path:r,cluster:n.id,engine:a}),"\nLIMIT ").concat(i));case 6:case"end":return e.stop()}}),e)})));return function(t){return e.apply(this,arguments)}}(),J=n(77720),ee=function(e,t){if(t){var n=t.getPosition(),r={range:n?new J.Q6(n.lineNumber,n.column,n.lineNumber,n.column):new J.Q6(0,0,0,0),text:e};t.executeEdits("Insert text",[r])}},te=n(66853),ne=n(6640),re=n(29730),ae=n(54744),ie=n(43359),oe=new R.I,se=function(e){return function(t,n){var r=n(),a=(0,k.rS)(r),i=(0,k.mk)(r);if(a){var o=(0,Q.HL)(a,$.dK.LOCAL);t((0,F.Mb)(e,o));var s=i.map((function(t){return t.path===e?(0,p.A)((0,p.A)({},t),{},{isFavorite:!t.isFavorite}):t}));t((0,S.CU)(s))}}},ce=function(e){return function(){var t=(0,a.A)(o().mark((function t(n,r){var a,i,s,c,u;return o().wrap((function(t){for(;;)switch(t.prev=t.next){case 0:if(a=r(),i=(0,k.$D)(a),s=(0,k.WS)(a),i){t.next=5;break}return t.abrupt("return");case 5:return t.next=7,(0,N.fI)(E.Qq.list(E.Vu.navigationListNodes,{setup:(0,p.A)({proxy:(0,D.v9)(i)},H.oj),parameters:{path:e,attributes:["type","broken","dynamic"]}}),{skipSuccessToast:!0,toasterName:"query_navigation_node",errorTitle:"Navigation node open failure"});case 7:c=t.sent,u=c.map((function(t){var n=T.A.getValue(t),r=e+"/"+n,a=T.A.getAttributes(t);return(0,p.A)((0,p.A)({name:n},a),{},{path:r,isFavorite:s.includes(r)})})).sort((function(e,t){return e.name.localeCompare(t.name)})),n((0,S.R6)("")),n((0,S.SO)(e)),n((0,S.VR)(S.Dh.Tree)),n((0,S.CU)(u));case 13:case"end":return t.stop()}}),t)})));return function(e,n){return t.apply(this,arguments)}}()},ue=function(e){return function(){var t=(0,a.A)(o().mark((function t(n,r){var a,i,s,c,u,l,d,p,m,h,f,v,g,x,w,C,y;return o().wrap((function(t){for(;;)switch(t.prev=t.next){case 0:if(a=r(),i=(0,k.$D)(a),s=(0,ie.GN)(),c=s.cellSize,u=s.pageSize,l=(0,re.fN)(a),d=(0,ae.t5)(a),p=(0,D.ID)(a),i){t.next=8;break}return t.abrupt("return");case 8:return t.next=10,K(e,i);case 10:return m=t.sent,h=T.A.getValue(m.schema),f=(0,ne.m3)(h.map((function(e){return e.name})),c,p,l,d),v=m.dynamic?O:B,t.prev=14,t.next=17,v({login:a.global.login,path:e,clusterConfig:i,schema:h,keyColumns:m.key_columns,limit:u,output_format:f});case 17:g=t.sent,x=g.columns,w=g.rows,C=g.yqlTypes,y={name:m.key,meta:(0,_.UQ)({cluster:i.id,attributes:m,tableType:(0,I.H)(m.dynamic,m),isDynamic:m.dynamic}),rows:w,schema:h,columns:x,yqlTypes:C},n((0,S.SO)(e)),n((0,S.tQ)(y)),n((0,S.VR)(S.Dh.Table)),t.next=30;break;case 27:t.prev=27,t.t0=t.catch(14),oe.add({theme:"danger",autoHiding:!1,name:"Load table data error",title:t.t0?t.t0.message:"Can't load table data"});case 30:case"end":return t.stop()}}),t,null,[[14,27]])})));return function(e,n){return t.apply(this,arguments)}}()},le=function(e){return function(){var t=(0,a.A)(o().mark((function t(n,r){var a;return o().wrap((function(t){for(;;)switch(t.prev=t.next){case 0:if(a=r(),(0,k.rS)(a)){t.next=4;break}return t.abrupt("return");case 4:return t.prev=4,t.next=7,navigator.clipboard.writeText(e);case 7:oe.add({theme:"success",name:"copy_navigation_path",title:"Path copied"}),t.next=13;break;case 10:t.prev=10,t.t0=t.catch(4),oe.add({theme:"danger",name:"copy_navigation_path",title:"Can't copy path",content:t.t0.message,autoHiding:!1});case 13:case"end":return t.stop()}}),t,null,[[4,10]])})));return function(e,n){return t.apply(this,arguments)}}()},de=n(19904),pe=(0,s.A)("navigation-header"),me=function(){var e=(0,j.wA)(),t=(0,j.d4)(k.WS),n=(0,j.d4)(k.fV),i=(0,j.d4)(k.I7),s=(0,j.d4)(te.ln),c=(0,j.d4)(k.rS),u=(0,j.d4)(k.Rv),l=(0,de.d)().getEditor,d=u!==S.Dh.Table,p=function(){var t=(0,a.A)(o().mark((function t(){return o().wrap((function(t){for(;;)switch(t.prev=t.next){case 0:e(le(i));case 1:case"end":return t.stop()}}),t)})));return function(){return t.apply(this,arguments)}}(),h=(0,r.useCallback)((function(){if(c){var e=l("queryEditor"),t=G({cluster:c,path:i,engine:s});ee(t,e)}}),[c,s,l,i]);return(0,m.jsxs)("div",{className:pe(),children:[(0,m.jsxs)("div",{className:pe("path-wrap"),children:[(0,m.jsx)(v,{path:i,cluster:c,onClusterChangeClick:function(){e((0,S.VR)(S.Dh.Cluster)),e((0,S.l5)(void 0)),e((0,S.SO)(""))},onItemClick:function(t){e(ce(t))}}),c&&(0,m.jsx)(A,{isFavorite:t.includes(i),onFavoriteToggle:function(){e(se(i))},onPathCopy:p,onPastePath:h,showCopyBtn:Boolean(c)})]}),d&&(0,m.jsx)(b.k,{value:n,placeholder:"Filter by name",onUpdate:function(t){e((0,S.R6)(t))},hasClear:!0})]})},he=n(85137),fe=(0,s.A)("navigation-empty"),ve=function(){return(0,m.jsx)("div",{className:fe(),children:(0,m.jsx)(he.E,{variant:"subheader-2",children:"This directory is empty"})})},ge=n(84910),xe=n(56911),we=n(81214),Ce=n.n(we),ye=n(61894),Ae=n.n(ye),be=n(3564),je=n(21086),ke=n(50823),Se=n(40619);const Ne=e=>r.createElement("svg",Object.assign({xmlns:"http://www.w3.org/2000/svg",width:16,height:16,fill:"none",viewBox:"0 0 16 16"},e),r.createElement("path",{fill:"currentColor",fillRule:"evenodd",d:"M8 14.75a.75.75 0 0 1-.75-.75V3.81L4.53 6.53a.75.75 0 0 1-1.06-1.06l4-4a.75.75 0 0 1 1.06 0l4 4a.75.75 0 0 1-1.06 1.06L8.75 3.81V14a.75.75 0 0 1-.75.75Z",clipRule:"evenodd"})),Te=e=>r.createElement("svg",Object.assign({xmlns:"http://www.w3.org/2000/svg",width:16,height:16,fill:"none",viewBox:"0 0 16 16"},e),r.createElement("path",{fill:"currentColor",fillRule:"evenodd",d:"M8 1.25a.75.75 0 0 1 .75.75v10.19l2.72-2.72a.75.75 0 1 1 1.06 1.06l-4 4a.75.75 0 0 1-1.06 0l-4-4a.75.75 0 1 1 1.06-1.06l2.72 2.72V2A.75.75 0 0 1 8 1.25Z",clipRule:"evenodd"})),_e=e=>r.createElement("svg",Object.assign({xmlns:"http://www.w3.org/2000/svg",width:16,height:16,fill:"none",viewBox:"0 0 16 16"},e),r.createElement("path",{fill:"currentColor",fillRule:"evenodd",d:"M3.72 2.22a.75.75 0 0 1 1.06 0l3 3a.75.75 0 0 1-1.06 1.06L5 4.56v8.69a.75.75 0 0 1-1.5 0V4.56L1.78 6.28A.75.75 0 0 1 .72 5.22l3-3ZM11.75 14a.75.75 0 0 1-.53-.22l-3-3a.75.75 0 1 1 1.06-1.06L11 11.44V2.75a.75.75 0 0 1 1.5 0v8.69l1.72-1.72a.75.75 0 1 1 1.06 1.06l-3 3a.75.75 0 0 1-.53.22Z",clipRule:"evenodd"})),Ee=(0,je.om)("sort-indicator");function Ie({order:e}){let t;switch(e){case"asc":t=Ne;break;case"desc":t=Te;break;default:t=_e}return r.createElement("div",{className:Ee()},r.createElement(l.I,{data:t,size:14,className:Ee("icon")}))}const Re=(0,je.om)("table");var Le=function(e){var t;const n=`withTableSorting(${(0,ke.x)(e)})`;function a(e,t,n){return Ce()(e,n)===Ce()(t,n)?0:Ce()(e,n)>Ce()(t,n)?1:-1}return t=class extends r.Component{constructor(){var e;super(...arguments),this.state={sort:null!==(e=this.props.defaultSortState)&&void 0!==e?e:[]},this.enhanceColumns=Ae()((e=>e.map((e=>{const t=e.meta;return t&&t.sort?Object.assign(Object.assign({},e),{meta:Object.assign(Object.assign({},e.meta),{_originalName:e.name}),name:()=>{const t=this.getSortState();let n;if(t.length>0){const r=t.find((t=>t.column===e.id));r&&(n=r.order)}const a=Se.X.getHeadCellContent(e),i=[r.createElement("div",{key:"content",className:Re("sort-content")},a),r.createElement("div",{key:"indicator",className:Re("sort-indicator")},r.createElement(Ie,{order:n}))];"right"!==e.align&&"end"!==e.align||i.reverse();const o=this.handleColumnSortClick.bind(this,e),s=(0,be.h)(o);return r.createElement("div",{role:"button",tabIndex:0,className:Re("sort",{active:Boolean(n)}),onClick:o,onKeyDown:s},i)}}):e})))),this.handleColumnSortClick=(e,t)=>{const n=this.getSortState(),r=n.findIndex((t=>t.column===e.id)),a=n[r],i=this.getNextSortForColumn(e,a);t.shiftKey?a?this.handleSortStateChange([...n.slice(0,r),...n.slice(r+1),...i]):this.handleSortStateChange([...n,...i]):this.handleSortStateChange(i)}}render(){const t=this.props,{columns:n}=t,a=(0,xe.Tt)(t,["columns"]);return r.createElement(e,Object.assign({},a,{data:this.getSortedData(),columns:this.enhanceColumns(n)}))}getSortedData(){const{data:e,columns:t,disableDataSorting:n=this.isControlledState()}=this.props,r=this.getSortState();return n||0===r.length?e:e.slice().sort(((e,n)=>{var i;let o=0;for(;o<r.length;){const s=r[o++],c=t.find((e=>e.id===s.column)),u=null===(i=null==c?void 0:c.meta)||void 0===i?void 0:i.sort;if(!u)continue;const l="function"==typeof u?u(e,n):a(e,n,s.column);if(0!==l)return"asc"===s.order?l:-l}return 0}))}getSortState(){const{sortState:e}=this.props,{sort:t}=this.state;return this.isControlledState()?e:t}handleSortStateChange(e){const{onSortStateChange:t}=this.props;this.isControlledState()||this.setState({sort:e}),t&&t(e)}isControlledState(){const{sortState:e,onSortStateChange:t}=this.props;return Boolean(e&&t)}getColumnDefaultSortOrder(e){var t;return(null===(t=e.meta)||void 0===t?void 0:t.defaultSortOrder)||"asc"}getNextSortForColumn(e,t){const n="desc"===this.getColumnDefaultSortOrder(e)?["desc","asc",void 0]:["asc","desc",void 0],r=n.indexOf(null==t?void 0:t.order),a=n[(r+1)%n.length];return a?[{column:e.id,order:a}]:[]}},t.displayName=n,t}(Se.X),Pe=(0,s.A)("table-with-sorting"),Ve=function(e){return(0,m.jsx)(Le,(0,p.A)((0,p.A)({},e),{},{className:Pe(null,e.className)}))},qe=(0,s.A)("navigation-cluster-list"),He=function(){var e=(0,j.wA)(),t=(0,j.d4)(k.n7);return(0,m.jsx)("div",{className:qe(),children:(0,m.jsx)(Ve,{data:t,columns:[{className:qe("row"),id:"name",name:"Name",template:function(e){var t=e.id,n=e.name,r=e.environment;return(0,m.jsx)(ge._,{id:t,name:n,environment:r,className:qe("table-row")},t)},meta:{sort:function(e,t){return e.name.localeCompare(t.name)}}}],onRowClick:function(t){var n;e((n=t.id,function(e){e((0,S.l5)(n)),e((0,S.SO)("/")),e(ce("/"))}))}})})},De=n(9736),ze=n(36554),Oe=n(60620),Me=n(55695),Be=n(41347),Fe=n(75299),Qe=(0,s.A)("navigation-node-list-row"),$e=function(e){var t=e.node,n=t.type,r=t.broken,a=t.dynamic,i=t.name,o=t.path,s=t.isFavorite,c=e.onClick,d=e.onFavoriteToggle,h=e.onClipboardCopy,f=e.onEditorInsert,v=e.onNewQuery,C=e.onNewWindowOpen,y=(0,Fe.A)(!1),A=(0,De.A)(y,2),b=A[0],j=A[1],k=(0,Fe.A)(!1),S=(0,De.A)(k,2),N=S[0],T=S[1],_="table"===n&&a?"table_dynamic":n,E=(0,ze.c5)(_,r),I=U(n)||Y(n),R=I&&"..."!==i,L=function(e){e.stopPropagation()};return(0,m.jsxs)("div",{className:Qe({unsupported:!I,active:N||b}),onClick:function(){c(o,n)},children:[(0,m.jsxs)("div",{className:Qe("icon-wrap"),children:[(0,m.jsx)(Oe.A,{awesome:E,size:16}),s&&(0,m.jsx)(l.I,{data:x,className:Qe("favorite-icon"),size:10})]}),(0,m.jsx)(he.E,{ellipsis:!0,children:i}),R&&(0,m.jsxs)("div",{className:Qe("actions"),children:[(0,m.jsx)(u.$,{view:"flat",onClick:function(e){L(e),d(o)},children:(0,m.jsx)(l.I,{data:s?x:g,size:16})}),Y(n)?(0,m.jsx)(Me.r,{open:b,onOpenToggle:j,renderSwitcher:function(e){return(0,m.jsx)(u.$,(0,p.A)((0,p.A)({view:"flat"},e),{},{children:(0,m.jsx)(l.I,{data:w,size:16})}))},items:[{text:"Copy to clipboard",items:[{text:"Path",action:function(e){e.stopPropagation(),h(o,"path")}}]},{text:"Insert into editor",items:[{text:"Path",action:function(e){e.stopPropagation(),f(o,"path")}},{text:"SELECT",action:function(e){e.stopPropagation(),f(o,"select")}}]},{text:"Create new query",items:[{text:"SELECT (YT QL)",action:function(e){e.stopPropagation(),v(o,Z.d.YT_QL)}},{text:"SELECT (YQL)",action:function(e){e.stopPropagation(),v(o,Z.d.YQL)}},{text:"SELECT (CHYT)",action:function(e){e.stopPropagation(),v(o,Z.d.CHYT)}},{text:"SELECT (SPYT)",action:function(e){e.stopPropagation(),v(o,Z.d.SPYT)}}]}],onSwitcherClick:L}):(0,m.jsx)(u.$,{view:"flat",onClick:function(e){L(e),f(o,"path")},children:(0,m.jsx)(l.I,{data:w,size:16})}),(0,m.jsx)(Me.r,{open:N,onOpenToggle:T,items:[{action:function(e){e.stopPropagation(),h(o,"url")},text:"Copy link"},{action:function(){C(o)},text:"Open in cluster",iconEnd:(0,m.jsx)(l.I,{data:Be.A})}],onSwitcherClick:L})]})]})},Ye=n(5166),Ue=n(73502),Ke=(0,s.A)("navigation-node-list"),Ze=function(){var e=(0,j.wA)(),t=(0,Fe.A)(!1),n=(0,De.A)(t,2),i=n[0],s=n[1],c=(0,r.useRef)(null),u=(0,j.d4)(k.$D),l=(0,j.d4)(k.mV),d=(0,j.d4)(te.ln),h=(0,ie.GN)().pageSize,f=(0,j.d4)(te.Py),v=(0,de.d)().getEditor,g=l.length<=1,x=function(t,n){U(n)?e(ce(t)):Y(n)&&e(ue(t))},w=(0,r.useCallback)((function(t){e(se(t))}),[e]),C=(0,r.useCallback)(function(){var e=(0,a.A)(o().mark((function e(t,n){var r,a;return o().wrap((function(e){for(;;)switch(e.prev=e.next){case 0:if(u&&u.id){e.next=2;break}return e.abrupt("return");case 2:if(r=v("queryEditor"),a="","path"!==n){e.next=8;break}a=G({cluster:u.id,path:t,engine:d}),e.next=11;break;case 8:return e.next=10,X({clusterConfig:u,path:t,engine:d,limit:h});case 10:a=e.sent;case 11:ee(a,r);case 12:case"end":return e.stop()}}),e)})));return function(t,n){return e.apply(this,arguments)}}(),[u,d,v,h]),y=(0,r.useCallback)((function(t,n){if(u&&u.id){var r="path"===n?G({cluster:u.id,path:t,engine:d}):function(e,t){var n=new URL(location.origin+location.pathname);return n.searchParams.append("listMode","navigation"),n.searchParams.append("navCluster",e),t&&"/"!==t&&n.searchParams.append("navPath",t),n.toString()}(u.id,t);e(le(r))}}),[u,e,d]),A=(0,r.useCallback)((function(e){if(u&&u.id){var t=new URL(location.origin+"/".concat(u.id,"/navigation"));t.searchParams.append("path",e),window.open(t)}}),[u]),b=(0,r.useCallback)((function(){var t=v("queryEditor"),n=c.current;t&&n&&(e(function(e,t,n){return function(){var r=(0,a.A)(o().mark((function r(a,i){var s,c,u,l,d,m,h,f;return o().wrap((function(r){for(;;)switch(r.prev=r.next){case 0:if(s=i(),c=(0,ie.GN)(),u=c.pageSize,l=(0,k.$D)(s),d=(0,te.sh)(s),m=d.settings,l){r.next=6;break}return r.abrupt("return");case 6:return r.next=8,a((0,W.cQ)());case 8:return(h=m?(0,p.A)({},m):{}).cluster=l.id,t===Z.d.CHYT&&a((0,W.TI)(t,l.id)),a((0,W.Bn)({engine:t,settings:h})),r.next=14,X({clusterConfig:l,path:e,engine:t,limit:u});case 14:f=r.sent,ee(f,n);case 16:case"end":return r.stop()}}),r)})));return function(e,t){return r.apply(this,arguments)}}()}(n.path,n.engine,t)),s())}),[e,v,s]),S=(0,r.useCallback)((function(){c.current=null,s()}),[s]),N=(0,r.useCallback)(function(){var e=(0,a.A)(o().mark((function e(t,n){return o().wrap((function(e){for(;;)switch(e.prev=e.next){case 0:if(!f){e.next=4;break}return s(),c.current={path:t,engine:n},e.abrupt("return");case 4:c.current={path:t,engine:n},b();case 6:case"end":return e.stop()}}),e)})));return function(t,n){return e.apply(this,arguments)}}(),[f,b,s]);return(0,m.jsxs)("div",{className:Ke(),children:[(0,m.jsx)(Ve,{data:l,columns:[{className:Ke("row"),id:"name",name:"Name",template:function(e){return(0,m.jsx)($e,{node:e,onClick:x,onFavoriteToggle:w,onEditorInsert:C,onClipboardCopy:y,onNewWindowOpen:A,onNewQuery:N})},meta:{sort:function(e,t){return e.name.localeCompare(t.name)}}}]}),g&&(0,m.jsx)("div",{className:Ke("empty-wrap"),children:(0,m.jsx)(Ue.R,{className:Ke("empty-icon"),warning:"This directory is empty"})}),(0,m.jsx)(Ye.J,{confirm:b,cancel:S,visible:i})]})},We=n(79726),Ge=n(77318),Xe=[{name:"name",header:"Name",render:function(e){var t=e.row;return(0,m.jsxs)(m.Fragment,{children:[Boolean(t.sort_order)&&(0,m.jsx)(Oe.A,{awesome:"descending"===t.sort_order?"sort-amount-up":"sort-amount-down-alt",size:16})," ",t.name]})}},{name:"type",header:"Type v3",render:function(e){var t=e.row;return(0,m.jsxs)(m.Fragment,{children:[t.type," ",!t.required&&(0,m.jsx)(he.E,{variant:"caption-1",children:"optional"})]})}}],Je=function(e){var t=e.schema,n=(0,j.wA)(),r=(0,j.d4)(k.fV);return(0,m.jsxs)(m.Fragment,{children:[(0,m.jsx)(b.k,{value:r,placeholder:"Filter by name",onUpdate:function(e){n((0,S.R6)(e))},hasClear:!0}),(0,m.jsx)(Ge.Ay,{data:t,columns:Xe,useThemeYT:!0})]})},et=n(35074),tt=n(46619),nt=(0,s.A)("navigation-preview-tab"),rt=function(e){var t=e.table,n=e.ysonSettings,a=e.onEditorInsert,i=(0,r.useMemo)((function(){return(0,tt.X)({columns:t.columns.map((function(e){return{name:e}})),keyColumns:[],yqlTypes:t.yqlTypes,ysonSettings:n,useRawStrings:void 0,schemaByName:t.schema.reduce((function(e,t){return e[t.name]=t,e}),{})})}),[t,n]);return(0,m.jsxs)("div",{children:[(0,m.jsxs)(u.$,{onClick:a,children:[(0,m.jsx)(l.I,{data:Be.A,size:16}),"insert SELECT"]}),(0,m.jsx)(Ge.Ay,{className:nt(),columns:i,data:t.rows,useThemeYT:!0})]})},at=n(34694),it=n(4386),ot=(0,s.A)("navigation-table"),st=function(){var e=(0,r.useState)("schema"),t=(0,De.A)(e,2),n=t[0],i=t[1],s=(0,j.d4)(k.$D),c=(0,j.d4)(k.PR),u=(0,j.d4)(te.ln),l=(0,j.d4)(at.XL),d=(0,j.d4)(k.I7),p=(0,j.d4)(it.Dn),h=(0,de.d)().getEditor,f=function(){var e=(0,a.A)(o().mark((function e(){var t,n;return o().wrap((function(e){for(;;)switch(e.prev=e.next){case 0:if(s){e.next=2;break}return e.abrupt("return");case 2:return t=h("queryEditor"),e.next=5,X({clusterConfig:s,path:d,engine:u,limit:l});case 5:n=e.sent,ee(n,t);case 7:case"end":return e.stop()}}),e)})));return function(){return e.apply(this,arguments)}}();return c?(0,m.jsxs)("div",{className:ot(),children:[(0,m.jsx)(We.a,{defaultValue:n,onUpdate:function(e){i(e)},options:[{value:"schema",content:"Schema"},{value:"preview",content:"Preview"},{value:"meta",content:"Meta"}]}),(0,m.jsxs)("div",{className:ot("content"),children:["schema"===n&&(0,m.jsx)(Je,{schema:c.schema}),"preview"===n&&(0,m.jsx)(rt,{table:c,onEditorInsert:f,ysonSettings:p}),"meta"===n&&(0,m.jsx)(et.Ay,{items:c.meta})]})]}):(0,m.jsx)("div",{children:"Empty data"})},ct=function(){switch((0,j.d4)(k.Rv)){case S.Dh.Tree:return(0,m.jsx)(Ze,{});case S.Dh.Table:return(0,m.jsx)(st,{});case S.Dh.Cluster:return(0,m.jsx)(He,{});default:return(0,m.jsx)(ve,{})}},ut=(0,s.A)("query-navigation"),lt=function(){var e=(0,j.wA)();return(0,r.useEffect)((function(){e(function(){var e=(0,a.A)(o().mark((function e(t,n){var r,a,i,s;return o().wrap((function(e){for(;;)switch(e.prev=e.next){case 0:if(r=n(),a=(0,k.$D)(r),i=(0,k.I7)(r),a){e.next=5;break}return e.abrupt("return");case 5:return e.next=7,(0,N.fI)(E.Qq.get(E.Vu.navigationGetType,{setup:(0,p.A)({proxy:(0,D.v9)(a)},H.oj),parameters:{path:"".concat(i,"/@type")}}),{skipSuccessToast:!0,toasterName:"query_navigation_get_node_type",errorTitle:"Navigation get node type failure"});case 7:if(s=e.sent,!Y(s)){e.next=12;break}return e.next=11,t(ue(i));case 11:return e.abrupt("return");case 12:if(!U(s)){e.next=16;break}return e.next=15,t(ce(i));case 15:return e.abrupt("return");case 16:t(ce("/"));case 17:case"end":return e.stop()}}),e)})));return function(t,n){return e.apply(this,arguments)}}())}),[e]),(0,m.jsxs)("div",{className:ut(),children:[(0,m.jsx)(me,{}),(0,m.jsx)(ct,{})]})}},5166:(e,t,n)=>{n.d(t,{J:()=>h,f:()=>f});var r=n(9736),a=n(77810),i=n(15647),o=n(92423),s=n(72679),c=n(11960),u=n(66853),l=n(1701),d=n(19314),p=n(52797),m=n(64922),h=function(e){return(0,m.jsx)(c.A,{title:"New query",content:"All the changes will be lost. Are you sure you want to reset query?",onCancel:e.cancel,onConfirm:e.confirm,onOutsideClick:e.cancel,visible:e.visible})},f=function(e){var t=e.onClick,n=(0,i.d4)(u.Py),c=(0,a.useState)(!1),f=(0,r.A)(c,2),v=f[0],g=f[1],x=(0,i.d4)(p.dB);return(0,m.jsxs)(a.Fragment,{children:[(0,m.jsxs)(o.$,{qa:"new-query-btn",view:"action",size:"l",title:"New query",href:"/".concat(x,"/").concat(d.YW.QUERIES),onClick:function(e){e.preventDefault(),n?g(!0):t()},children:[(0,m.jsx)(s.I,{data:l.A,size:16}),"New"]}),(0,m.jsx)(h,{confirm:function(){t(),g(!1)},cancel:function(){g(!1)},visible:v})]})}},84910:(e,t,n)=>{n.d(t,{_:()=>l}),n(77810);var r=n(76872),a=n(85137),i=n(477),o=n(3844),s=n(64922),c=(0,r.A)("query-cluster-item"),u=(0,r.A)("query-cluster-icon"),l=function(e){var t=e.id,n=e.name,r=e.environment,l=e.className,d=(0,o.O)(t);return(0,s.jsxs)("div",{className:c(null,l),children:[(0,s.jsx)(i.A,{name:n,className:u(null,d)}),(0,s.jsxs)("div",{className:c("info"),children:[n,(0,s.jsx)(a.E,{color:"secondary",className:c("environment"),children:r})]})]})}},41347:(e,t,n)=>{n.d(t,{A:()=>i});var r=n(40319),a=n(64922);const i=function(e){return(0,a.jsx)("svg",(0,r.A)((0,r.A)({xmlns:"http://www.w3.org/2000/svg",fill:"none",viewBox:"0 0 16 16"},e),{},{children:(0,a.jsx)("path",{fill:"currentColor",fillRule:"evenodd",d:"M10 1.5A.75.75 0 0 0 10 3h1.94L6.97 7.97a.75.75 0 0 0 1.06 1.06L13 4.06V6a.75.75 0 0 0 1.5 0V2.25a.75.75 0 0 0-.75-.75zM7.5 3.25a.75.75 0 0 0-.75-.75H4.5a3 3 0 0 0-3 3v6a3 3 0 0 0 3 3h6a3 3 0 0 0 3-3V9.25a.75.75 0 0 0-1.5 0v2.25a1.5 1.5 0 0 1-1.5 1.5h-6A1.5 1.5 0 0 1 3 11.5v-6A1.5 1.5 0 0 1 4.5 4h2.25a.75.75 0 0 0 .75-.75",clipRule:"evenodd"})}))}},1701:(e,t,n)=>{n.d(t,{A:()=>i});var r=n(40319),a=n(64922);const i=function(e){return(0,a.jsx)("svg",(0,r.A)((0,r.A)({xmlns:"http://www.w3.org/2000/svg",fill:"none",viewBox:"0 0 16 16"},e),{},{children:(0,a.jsx)("path",{fill:"currentColor",fillRule:"evenodd",d:"M12.5 12a1.5 1.5 0 0 1-1.5 1.5H5A1.5 1.5 0 0 1 3.5 12V4A1.5 1.5 0 0 1 5 2.5h2.757a1.5 1.5 0 0 1 1.061.44l3.243 3.242a1.5 1.5 0 0 1 .439 1.06zm.621-6.879A3 3 0 0 1 14 7.243V12a3 3 0 0 1-3 3H5a3 3 0 0 1-3-3V4a3 3 0 0 1 3-3h2.757a3 3 0 0 1 2.122.879L13.12 5.12ZM8.75 6.75a.75.75 0 0 0-1.5 0v1.5h-1.5a.75.75 0 0 0 0 1.5h1.5v1.5a.75.75 0 0 0 1.5 0v-1.5h1.5a.75.75 0 0 0 0-1.5h-1.5z",clipRule:"evenodd"})}))}}}]);
-//# sourceMappingURL=query-navigation.4b0b6e64.chunk.js.map