@ytsaurus/ui 1.12.1 → 1.13.0

package/build/esm/server/middlewares/yt-auth.js

@@ -1,80 +1,30 @@
 import _asyncToGenerator from "@babel/runtime/helpers/asyncToGenerator";
-import _createClass from "@babel/runtime/helpers/createClass";
-import _classCallCheck from "@babel/runtime/helpers/classCallCheck";
-import _inherits from "@babel/runtime/helpers/inherits";
-import _createSuper from "@babel/runtime/helpers/createSuper";
-import _wrapNativeSuper from "@babel/runtime/helpers/wrapNativeSuper";
 import _regeneratorRuntime from "@babel/runtime/regenerator";
-import axios from 'axios';
 import { YT_CYPRESS_COOKIE_NAME } from '../../shared/constants';
-import { getXSRFToken } from '../components/cluster-queries';
-import { getUserYTApiSetup } from '../components/requestsSetup';
-import { sendError } from '../utils';
-var AuthError = /*#__PURE__*/function (_Error) {
-  _inherits(AuthError, _Error);
-  var _super = _createSuper(AuthError);
-  function AuthError() {
-    _classCallCheck(this, AuthError);
-    return _super.call(this, 'Authorization required');
-  }
-  return _createClass(AuthError);
-}( /*#__PURE__*/_wrapNativeSuper(Error));
-function isAuthError(e) {
-  var _e$response;
-  return e instanceof AuthError || axios.isAxiosError(e) && ((_e$response = e.response) === null || _e$response === void 0 ? void 0 : _e$response.status) === 401;
-}
-export function createYTAuthMiddleware(ytAuthCluster) {
+export function createYTAuthorizationResolver() {
   return /*#__PURE__*/function () {
-    var _ytAuthMiddleware = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime.mark(function _callee(req, res, next) {
-      var secret, cfg, _yield$getXSRFToken, login, isAuthFailed, error;
+    var _resoleOAuthAuthorize = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime.mark(function _callee(req, _, next) {
+      var secret;
       return _regeneratorRuntime.wrap(function _callee$(_context) {
         while (1) switch (_context.prev = _context.next) {
           case 0:
-            _context.prev = 0;
             secret = req.cookies[YT_CYPRESS_COOKIE_NAME];
             req.yt = {
               ytApiAuthHeaders: {
                 Cookie: "".concat(YT_CYPRESS_COOKIE_NAME, "=").concat(secret, ";")
               }
             };
-            if (secret) {
-              _context.next = 5;
-              break;
-            }
-            throw new AuthError();
-          case 5:
-            cfg = getUserYTApiSetup(ytAuthCluster, req);
-            _context.next = 8;
-            return getXSRFToken(req, cfg);
-          case 8:
-            _yield$getXSRFToken = _context.sent;
-            login = _yield$getXSRFToken.login;
-            req.yt.login = login;
-            _context.next = 20;
-            break;
-          case 13:
-            _context.prev = 13;
-            _context.t0 = _context["catch"](0);
-            isAuthFailed = isAuthError(_context.t0);
-            error = isAuthFailed ? undefined : _context.t0;
-            if (!(!req.routeInfo.ui && isAuthFailed)) {
-              _context.next = 20;
-              break;
-            }
-            sendError(res, error, 401);
-            return _context.abrupt("return");
-          case 20:
             next();
-          case 21:
+          case 3:
           case "end":
             return _context.stop();
         }
-      }, _callee, null, [[0, 13]]);
+      }, _callee);
     }));
-    function ytAuthMiddleware(_x, _x2, _x3) {
-      return _ytAuthMiddleware.apply(this, arguments);
+    function resoleOAuthAuthorize(_x, _x2, _x3) {
+      return _resoleOAuthAuthorize.apply(this, arguments);
     }
-    return ytAuthMiddleware;
+    return resoleOAuthAuthorize;
   }();
 }
 // #sourceMappingURL=yt-auth.js.map

package/build/esm/server/middlewares/yt-auth.js.map

@@ -1 +1 @@
-{"version":3,"names":["axios","YT_CYPRESS_COOKIE_NAME","getXSRFToken","getUserYTApiSetup","sendError","AuthError","_Error","_inherits","_super","_createSuper","_classCallCheck","call","_createClass","_wrapNativeSuper","Error","isAuthError","e","_e$response","isAxiosError","response","status","createYTAuthMiddleware","ytAuthCluster","_ytAuthMiddleware","_asyncToGenerator","_regeneratorRuntime","mark","_callee","req","res","next","secret","cfg","_yield$getXSRFToken","login","isAuthFailed","error","wrap","_callee$","_context","prev","cookies","yt","ytApiAuthHeaders","Cookie","concat","sent","t0","undefined","routeInfo","ui","abrupt","stop","ytAuthMiddleware","_x","_x2","_x3","apply","arguments"],"sources":["yt-auth.ts"],"sourcesContent":["import axios from 'axios';\n\nimport {AppMiddleware} from '@gravity-ui/expresskit';\n\nimport {YT_CYPRESS_COOKIE_NAME} from '../../shared/constants';\nimport {getXSRFToken} from '../components/cluster-queries';\nimport {getUserYTApiSetup} from '../components/requestsSetup';\nimport {sendError} from '../utils';\n\nclass AuthError extends Error {\n    constructor() {\n        super('Authorization required');\n    }\n}\n\nfunction isAuthError(e: unknown) {\n    return e instanceof AuthError || (axios.isAxiosError(e) && e.response?.status === 401);\n}\n\nexport function createYTAuthMiddleware(ytAuthCluster: string): AppMiddleware {\n    return async function ytAuthMiddleware(req, res, next) {\n        try {\n            const secret: string = req.cookies[YT_CYPRESS_COOKIE_NAME];\n\n            req.yt = {\n                ytApiAuthHeaders: {\n                    Cookie: `${YT_CYPRESS_COOKIE_NAME}=${secret};`,\n                },\n            };\n\n            if (!secret) {\n                throw new AuthError();\n            }\n\n            const cfg = getUserYTApiSetup(ytAuthCluster, req);\n            const {login} = await getXSRFToken(req, cfg);\n            req.yt.login = login;\n        } catch (e) {\n            const isAuthFailed = isAuthError(e);\n            const error = isAuthFailed ? undefined : e;\n\n            if (!req.routeInfo.ui && isAuthFailed) {\n                sendError(res, error, 401);\n                return;\n            }\n        }\n\n        next();\n    };\n}\n"],"mappings":"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"}
+{"version":3,"names":["YT_CYPRESS_COOKIE_NAME","createYTAuthorizationResolver","_resoleOAuthAuthorize","_asyncToGenerator","_regeneratorRuntime","mark","_callee","req","_","next","secret","wrap","_callee$","_context","prev","cookies","yt","ytApiAuthHeaders","Cookie","concat","stop","resoleOAuthAuthorize","_x","_x2","_x3","apply","arguments"],"sources":["yt-auth.ts"],"sourcesContent":["import type {Request, Response} from 'express';\nimport {AppMiddleware} from '@gravity-ui/expresskit';\nimport {YT_CYPRESS_COOKIE_NAME} from '../../shared/constants';\n\nexport function createYTAuthorizationResolver(): AppMiddleware {\n    return async function resoleOAuthAuthorize(req: Request, _: Response, next) {\n        const secret: string = req.cookies[YT_CYPRESS_COOKIE_NAME];\n        req.yt = {\n            ytApiAuthHeaders: {\n                Cookie: `${YT_CYPRESS_COOKIE_NAME}=${secret};`,\n            },\n        };\n        next();\n    };\n}\n"],"mappings":";;AAEA,SAAQA,sBAAsB,QAAO,wBAAwB;AAE7D,OAAO,SAASC,6BAA6BA,CAAA,EAAkB;EAC3D;IAAA,IAAAC,qBAAA,GAAAC,iBAAA,eAAAC,mBAAA,CAAAC,IAAA,CAAO,SAAAC,QAAoCC,GAAY,EAAEC,CAAW,EAAEC,IAAI;MAAA,IAAAC,MAAA;MAAA,OAAAN,mBAAA,CAAAO,IAAA,UAAAC,SAAAC,QAAA;QAAA,kBAAAA,QAAA,CAAAC,IAAA,GAAAD,QAAA,CAAAJ,IAAA;UAAA;YAChEC,MAAc,GAAGH,GAAG,CAACQ,OAAO,CAACf,sBAAsB,CAAC;YAC1DO,GAAG,CAACS,EAAE,GAAG;cACLC,gBAAgB,EAAE;gBACdC,MAAM,KAAAC,MAAA,CAAKnB,sBAAsB,OAAAmB,MAAA,CAAIT,MAAM;cAC/C;YACJ,CAAC;YACDD,IAAI,CAAC,CAAC;UAAC;UAAA;YAAA,OAAAI,QAAA,CAAAO,IAAA;QAAA;MAAA,GAAAd,OAAA;IAAA,CACV;IAAA,SARqBe,oBAAoBA,CAAAC,EAAA,EAAAC,GAAA,EAAAC,GAAA;MAAA,OAAAtB,qBAAA,CAAAuB,KAAA,OAAAC,SAAA;IAAA;IAAA,OAApBL,oBAAoB;EAAA;AAS9C"}

package/build/esm/server/routes.js

@@ -9,12 +9,14 @@ import { handleClusterInfo } from './controllers/cluster-info';
 import { clusterVersions } from './controllers/clusters';
 import { tableColumnPresetGet, tableColumnPresetSave } from './controllers/table-column-preset';
 import { ping } from './controllers/ping';
-import { handleChangePassword, handleLogin, handleLogout } from './controllers/login';
+import { handleChangePassword, handleLogin } from './controllers/login';
 import { getClusterPools } from './controllers/scheduling-pools';
 import { markdownToHtmlHandler } from './controllers/markdown-to-html';
 import { odinProxyApi } from './controllers/odin-proxy-api';
 import { getClustersAvailability } from './controllers/availability';
 import { chytProxyApi } from './controllers/chyt-api';
+import { oauthCallback, oauthLogin, oauthLogout } from './controllers/oauth-login';
+import { handleLogout } from './controllers/logout';
 var HOME_INDEX_TARGET = {
   handler: homeIndex,
   ui: true
@@ -42,10 +44,22 @@ var routes = {
     handler: handleLogin,
     ui: true
   },
-  'POST /api/yt/logout': {
+  'GET /api/yt/logout': {
     handler: handleLogout,
     ui: true
   },
+  'GET /oauth/login': {
+    handler: oauthLogin,
+    ui: true
+  },
+  'GET /api/oauth/callback': {
+    handler: oauthCallback,
+    ui: true
+  },
+  'GET /api/oauth/logout/callback': {
+    handler: oauthLogout,
+    ui: true
+  },
   'POST /api/yt/change-password': {
     handler: handleChangePassword,
     ui: true

package/build/esm/server/routes.js.map

@@ -1 +1 @@
-{"version":3,"names":["AuthPolicy","clusterParams","ytTvmApiHandler","handleRemoteCopy","ytProxyApi","settingsCreate","settingsDeleteItem","settingsGet","settingsGetItem","settingsSetItem","homeIndex","homeRedirect","handleClusterInfo","clusterVersions","tableColumnPresetGet","tableColumnPresetSave","ping","handleChangePassword","handleLogin","handleLogout","getClusterPools","markdownToHtmlHandler","odinProxyApi","getClustersAvailability","chytProxyApi","HOME_INDEX_TARGET","handler","ui","routes","authPolicy","disabled"],"sources":["routes.ts"],"sourcesContent":["import {AppRouteDescription, AppRoutes, AuthPolicy} from '@gravity-ui/expresskit';\nimport {clusterParams} from './controllers/cluster-params';\nimport {ytTvmApiHandler} from './controllers/yt-api';\nimport {handleRemoteCopy} from './controllers/remote-copy';\nimport {ytProxyApi} from './controllers/yt-proxy-api';\nimport {\n    settingsCreate,\n    settingsDeleteItem,\n    settingsGet,\n    settingsGetItem,\n    settingsSetItem,\n} from './controllers/settings';\nimport {homeIndex, homeRedirect} from './controllers/home';\nimport {handleClusterInfo} from './controllers/cluster-info';\n\nimport {clusterVersions} from './controllers/clusters';\nimport {tableColumnPresetGet, tableColumnPresetSave} from './controllers/table-column-preset';\nimport {ping} from './controllers/ping';\nimport {handleChangePassword, handleLogin, handleLogout} from './controllers/login';\nimport {getClusterPools} from './controllers/scheduling-pools';\nimport {markdownToHtmlHandler} from './controllers/markdown-to-html';\nimport {odinProxyApi} from './controllers/odin-proxy-api';\nimport {getClustersAvailability} from './controllers/availability';\nimport {chytProxyApi} from './controllers/chyt-api';\n\nconst HOME_INDEX_TARGET: AppRouteDescription = {handler: homeIndex, ui: true};\n\nconst routes: AppRoutes = {\n    'GET /change-password/': HOME_INDEX_TARGET,\n    'GET /': HOME_INDEX_TARGET,\n    'GET /ping': {handler: ping, authPolicy: AuthPolicy.disabled},\n    'GET /api/cluster-info/:cluster': {handler: handleClusterInfo},\n    'GET /api/cluster-params/:cluster': {handler: clusterParams},\n    'GET /api/clusters/versions': {handler: clusterVersions},\n    'GET /api/pool-names/:cluster': {handler: getClusterPools},\n    'POST /api/yt/login': {handler: handleLogin, ui: true},\n    'POST /api/yt/logout': {handler: handleLogout, ui: true},\n    'POST /api/yt/change-password': {handler: handleChangePassword, ui: true},\n    'POST /api/remote-copy': {handler: handleRemoteCopy},\n\n    'POST /api/markdown-to-html': {handler: markdownToHtmlHandler},\n\n    'GET  /api/yt/:cluster/api/:version/:command': {handler: ytTvmApiHandler},\n    'POST /api/yt/:cluster/api/:version/:command': {handler: ytTvmApiHandler},\n    'PUT  /api/yt/:cluster/api/:version/:command': {handler: ytTvmApiHandler},\n\n    'GET /api/yt-proxy/:cluster/:command': {handler: ytProxyApi},\n\n    'GET /api/odin/proxy/:action/:cluster?': {handler: odinProxyApi},\n    'GET /api/odin/clusters/availability': {handler: getClustersAvailability},\n\n    'POST /api/chyt/:cluster/:action': {handler: chytProxyApi},\n\n    'GET    /api/settings/:username': {handler: settingsGet},\n    'POST   /api/settings/:username': {handler: settingsCreate},\n    'GET    /api/settings/:username/:path': {handler: settingsGetItem},\n    'PUT    /api/settings/:username/:path': {handler: settingsSetItem},\n    'DELETE /api/settings/:username/:path': {handler: settingsDeleteItem},\n\n    'GET  /api/table-column-preset/:hash': {\n        handler: tableColumnPresetGet,\n    },\n    'POST /api/table-column-preset': {handler: tableColumnPresetSave},\n\n    'GET /:cluster/': HOME_INDEX_TARGET,\n    'GET /:cluster/maintenance': {handler: homeRedirect},\n    'GET /:cluster/:page': HOME_INDEX_TARGET,\n    'GET /:cluster/:page/:tab': HOME_INDEX_TARGET,\n    'GET /:cluster/:page/:operation/:tab': HOME_INDEX_TARGET,\n    'GET /:cluster/:page/:operation/:job/:tab': HOME_INDEX_TARGET,\n};\n\nexport default routes;\n"],"mappings":"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"}
+{"version":3,"names":["AuthPolicy","clusterParams","ytTvmApiHandler","handleRemoteCopy","ytProxyApi","settingsCreate","settingsDeleteItem","settingsGet","settingsGetItem","settingsSetItem","homeIndex","homeRedirect","handleClusterInfo","clusterVersions","tableColumnPresetGet","tableColumnPresetSave","ping","handleChangePassword","handleLogin","getClusterPools","markdownToHtmlHandler","odinProxyApi","getClustersAvailability","chytProxyApi","oauthCallback","oauthLogin","oauthLogout","handleLogout","HOME_INDEX_TARGET","handler","ui","routes","authPolicy","disabled"],"sources":["routes.ts"],"sourcesContent":["import {AppRouteDescription, AppRoutes, AuthPolicy} from '@gravity-ui/expresskit';\nimport {clusterParams} from './controllers/cluster-params';\nimport {ytTvmApiHandler} from './controllers/yt-api';\nimport {handleRemoteCopy} from './controllers/remote-copy';\nimport {ytProxyApi} from './controllers/yt-proxy-api';\nimport {\n    settingsCreate,\n    settingsDeleteItem,\n    settingsGet,\n    settingsGetItem,\n    settingsSetItem,\n} from './controllers/settings';\nimport {homeIndex, homeRedirect} from './controllers/home';\nimport {handleClusterInfo} from './controllers/cluster-info';\n\nimport {clusterVersions} from './controllers/clusters';\nimport {tableColumnPresetGet, tableColumnPresetSave} from './controllers/table-column-preset';\nimport {ping} from './controllers/ping';\nimport {handleChangePassword, handleLogin} from './controllers/login';\nimport {getClusterPools} from './controllers/scheduling-pools';\nimport {markdownToHtmlHandler} from './controllers/markdown-to-html';\nimport {odinProxyApi} from './controllers/odin-proxy-api';\nimport {getClustersAvailability} from './controllers/availability';\nimport {chytProxyApi} from './controllers/chyt-api';\nimport {oauthCallback, oauthLogin, oauthLogout} from './controllers/oauth-login';\nimport {handleLogout} from './controllers/logout';\n\nconst HOME_INDEX_TARGET: AppRouteDescription = {handler: homeIndex, ui: true};\n\nconst routes: AppRoutes = {\n    'GET /change-password/': HOME_INDEX_TARGET,\n    'GET /': HOME_INDEX_TARGET,\n    'GET /ping': {handler: ping, authPolicy: AuthPolicy.disabled},\n    'GET /api/cluster-info/:cluster': {handler: handleClusterInfo},\n    'GET /api/cluster-params/:cluster': {handler: clusterParams},\n    'GET /api/clusters/versions': {handler: clusterVersions},\n    'GET /api/pool-names/:cluster': {handler: getClusterPools},\n    'POST /api/yt/login': {handler: handleLogin, ui: true},\n    'GET /api/yt/logout': {handler: handleLogout, ui: true},\n\n    'GET /oauth/login': {handler: oauthLogin, ui: true},\n    'GET /api/oauth/callback': {handler: oauthCallback, ui: true},\n    'GET /api/oauth/logout/callback': {handler: oauthLogout, ui: true},\n\n    'POST /api/yt/change-password': {handler: handleChangePassword, ui: true},\n    'POST /api/remote-copy': {handler: handleRemoteCopy},\n\n    'POST /api/markdown-to-html': {handler: markdownToHtmlHandler},\n\n    'GET  /api/yt/:cluster/api/:version/:command': {handler: ytTvmApiHandler},\n    'POST /api/yt/:cluster/api/:version/:command': {handler: ytTvmApiHandler},\n    'PUT  /api/yt/:cluster/api/:version/:command': {handler: ytTvmApiHandler},\n\n    'GET /api/yt-proxy/:cluster/:command': {handler: ytProxyApi},\n\n    'GET /api/odin/proxy/:action/:cluster?': {handler: odinProxyApi},\n    'GET /api/odin/clusters/availability': {handler: getClustersAvailability},\n\n    'POST /api/chyt/:cluster/:action': {handler: chytProxyApi},\n\n    'GET    /api/settings/:username': {handler: settingsGet},\n    'POST   /api/settings/:username': {handler: settingsCreate},\n    'GET    /api/settings/:username/:path': {handler: settingsGetItem},\n    'PUT    /api/settings/:username/:path': {handler: settingsSetItem},\n    'DELETE /api/settings/:username/:path': {handler: settingsDeleteItem},\n\n    'GET  /api/table-column-preset/:hash': {\n        handler: tableColumnPresetGet,\n    },\n    'POST /api/table-column-preset': {handler: tableColumnPresetSave},\n\n    'GET /:cluster/': HOME_INDEX_TARGET,\n    'GET /:cluster/maintenance': {handler: homeRedirect},\n    'GET /:cluster/:page': HOME_INDEX_TARGET,\n    'GET /:cluster/:page/:tab': HOME_INDEX_TARGET,\n    'GET /:cluster/:page/:operation/:tab': HOME_INDEX_TARGET,\n    'GET /:cluster/:page/:operation/:job/:tab': HOME_INDEX_TARGET,\n};\n\nexport default routes;\n"],"mappings":"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"}

package/build/esm/server/utils/authorization.d.ts

@@ -0,0 +1,6 @@
+import type { Request } from 'express';
+import { AppMiddleware } from '@gravity-ui/expresskit';
+import { AuthWay } from '../../shared/constants';
+export declare function isAuthorized(req: Request): boolean;
+export declare function getAuthWay(req: Request): AuthWay | undefined;
+export declare function authorizationResolver(resolver: AppMiddleware): AppMiddleware;

package/build/esm/server/utils/authorization.js

@@ -0,0 +1,28 @@
+import { isUserOAuthLogged } from '../components/oauth';
+export function isAuthorized(req) {
+  if (req.yt) {
+    var _req$yt$ytApiAuthHead;
+    return Boolean(Object.keys((_req$yt$ytApiAuthHead = req.yt.ytApiAuthHeaders) !== null && _req$yt$ytApiAuthHead !== void 0 ? _req$yt$ytApiAuthHead : {}));
+  }
+  return false;
+}
+export function getAuthWay(req) {
+  if (!isAuthorized(req)) {
+    return undefined;
+  }
+  if (isUserOAuthLogged(req)) {
+    return 'oauth';
+  }
+  return 'passwd';
+}
+export function authorizationResolver(resolver) {
+  return function (req, res, next) {
+    if (isAuthorized(req)) {
+      next();
+      return;
+    }
+    resolver(req, res, next);
+    return;
+  };
+}
+// #sourceMappingURL=authorization.js.map

package/build/esm/server/utils/authorization.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["isUserOAuthLogged","isAuthorized","req","yt","_req$yt$ytApiAuthHead","Boolean","Object","keys","ytApiAuthHeaders","getAuthWay","undefined","authorizationResolver","resolver","res","next"],"sources":["authorization.ts"],"sourcesContent":["import type {Request} from 'express';\nimport {AppMiddleware} from '@gravity-ui/expresskit';\nimport {AuthWay} from '../../shared/constants';\nimport {isUserOAuthLogged} from '../components/oauth';\n\nexport function isAuthorized(req: Request) {\n    if (req.yt) {\n        return Boolean(Object.keys(req.yt.ytApiAuthHeaders ?? {}));\n    }\n    return false;\n}\n\nexport function getAuthWay(req: Request): AuthWay | undefined {\n    if (!isAuthorized(req)) {\n        return undefined;\n    }\n    if (isUserOAuthLogged(req)) {\n        return 'oauth';\n    }\n    return 'passwd';\n}\n\nexport function authorizationResolver(resolver: AppMiddleware): AppMiddleware {\n    return (req, res, next) => {\n        if (isAuthorized(req)) {\n            next();\n            return;\n        }\n        resolver(req, res, next);\n        return;\n    };\n}\n"],"mappings":"AAGA,SAAQA,iBAAiB,QAAO,qBAAqB;AAErD,OAAO,SAASC,YAAYA,CAACC,GAAY,EAAE;EACvC,IAAIA,GAAG,CAACC,EAAE,EAAE;IAAA,IAAAC,qBAAA;IACR,OAAOC,OAAO,CAACC,MAAM,CAACC,IAAI,EAAAH,qBAAA,GAACF,GAAG,CAACC,EAAE,CAACK,gBAAgB,cAAAJ,qBAAA,cAAAA,qBAAA,GAAI,CAAC,CAAC,CAAC,CAAC;EAC9D;EACA,OAAO,KAAK;AAChB;AAEA,OAAO,SAASK,UAAUA,CAACP,GAAY,EAAuB;EAC1D,IAAI,CAACD,YAAY,CAACC,GAAG,CAAC,EAAE;IACpB,OAAOQ,SAAS;EACpB;EACA,IAAIV,iBAAiB,CAACE,GAAG,CAAC,EAAE;IACxB,OAAO,OAAO;EAClB;EACA,OAAO,QAAQ;AACnB;AAEA,OAAO,SAASS,qBAAqBA,CAACC,QAAuB,EAAiB;EAC1E,OAAO,UAACV,GAAG,EAAEW,GAAG,EAAEC,IAAI,EAAK;IACvB,IAAIb,YAAY,CAACC,GAAG,CAAC,EAAE;MACnBY,IAAI,CAAC,CAAC;MACN;IACJ;IACAF,QAAQ,CAACV,GAAG,EAAEW,GAAG,EAAEC,IAAI,CAAC;IACxB;EACJ,CAAC;AACL"}

package/build/esm/shared/constants/index.d.ts

@@ -2,6 +2,9 @@ export declare const YT_API_REQUEST_ID_HEADER = "X-Custom-Request-Id";
 export declare const YT_CYPRESS_COOKIE_NAME = "YTCypressCookie";
 export declare const YT_LOCAL_CLUSTER_ID = "ui";
 export declare const ODIN_PAGE_ID = "odin";
+export declare const YT_OAUTH_ACCESS_TOKEN_NAME = "yt_oauth_access_token";
+export declare const YT_OAUTH_REFRESH_TOKEN_NAME = "yt_oauth_refresh_token";
+export type AuthWay = 'oauth' | 'passwd';
 /**
  * Allows to succeed requests when master are in read-only mode and the transaction coordinator cell is evicted
  */

package/build/esm/shared/constants/index.js

@@ -2,7 +2,8 @@ export var YT_API_REQUEST_ID_HEADER = 'X-Custom-Request-Id';
 export var YT_CYPRESS_COOKIE_NAME = 'YTCypressCookie';
 export var YT_LOCAL_CLUSTER_ID = 'ui';
 export var ODIN_PAGE_ID = 'odin';
-
+export var YT_OAUTH_ACCESS_TOKEN_NAME = 'yt_oauth_access_token';
+export var YT_OAUTH_REFRESH_TOKEN_NAME = 'yt_oauth_refresh_token';
 /**
  * Allows to succeed requests when master are in read-only mode and the transaction coordinator cell is evicted
  */

package/build/esm/shared/constants/index.js.map

@@ -1 +1 @@
-{"version":3,"names":["YT_API_REQUEST_ID_HEADER","YT_CYPRESS_COOKIE_NAME","YT_LOCAL_CLUSTER_ID","ODIN_PAGE_ID","USE_SUPRESS_SYNC","suppress_transaction_coordinator_sync","suppress_upstream_sync"],"sources":["index.ts"],"sourcesContent":["export const YT_API_REQUEST_ID_HEADER = 'X-Custom-Request-Id';\nexport const YT_CYPRESS_COOKIE_NAME = 'YTCypressCookie';\nexport const YT_LOCAL_CLUSTER_ID = 'ui';\nexport const ODIN_PAGE_ID = 'odin';\n\n/**\n * Allows to succeed requests when master are in read-only mode and the transaction coordinator cell is evicted\n */\nexport const USE_SUPRESS_SYNC = {\n    suppress_transaction_coordinator_sync: true,\n    suppress_upstream_sync: true,\n};\n"],"mappings":"AAAA,OAAO,IAAMA,wBAAwB,GAAG,qBAAqB;AAC7D,OAAO,IAAMC,sBAAsB,GAAG,iBAAiB;AACvD,OAAO,IAAMC,mBAAmB,GAAG,IAAI;AACvC,OAAO,IAAMC,YAAY,GAAG,MAAM;;AAElC;AACA;AACA;AACA,OAAO,IAAMC,gBAAgB,GAAG;EAC5BC,qCAAqC,EAAE,IAAI;EAC3CC,sBAAsB,EAAE;AAC5B,CAAC"}
+{"version":3,"names":["YT_API_REQUEST_ID_HEADER","YT_CYPRESS_COOKIE_NAME","YT_LOCAL_CLUSTER_ID","ODIN_PAGE_ID","YT_OAUTH_ACCESS_TOKEN_NAME","YT_OAUTH_REFRESH_TOKEN_NAME","USE_SUPRESS_SYNC","suppress_transaction_coordinator_sync","suppress_upstream_sync"],"sources":["index.ts"],"sourcesContent":["export const YT_API_REQUEST_ID_HEADER = 'X-Custom-Request-Id';\nexport const YT_CYPRESS_COOKIE_NAME = 'YTCypressCookie';\nexport const YT_LOCAL_CLUSTER_ID = 'ui';\nexport const ODIN_PAGE_ID = 'odin';\n\nexport const YT_OAUTH_ACCESS_TOKEN_NAME = 'yt_oauth_access_token';\nexport const YT_OAUTH_REFRESH_TOKEN_NAME = 'yt_oauth_refresh_token';\n\nexport type AuthWay = 'oauth' | 'passwd';\n\n/**\n * Allows to succeed requests when master are in read-only mode and the transaction coordinator cell is evicted\n */\nexport const USE_SUPRESS_SYNC = {\n    suppress_transaction_coordinator_sync: true,\n    suppress_upstream_sync: true,\n};\n"],"mappings":"AAAA,OAAO,IAAMA,wBAAwB,GAAG,qBAAqB;AAC7D,OAAO,IAAMC,sBAAsB,GAAG,iBAAiB;AACvD,OAAO,IAAMC,mBAAmB,GAAG,IAAI;AACvC,OAAO,IAAMC,YAAY,GAAG,MAAM;AAElC,OAAO,IAAMC,0BAA0B,GAAG,uBAAuB;AACjE,OAAO,IAAMC,2BAA2B,GAAG,wBAAwB;AAInE;AACA;AACA;AACA,OAAO,IAAMC,gBAAgB,GAAG;EAC5BC,qCAAqC,EAAE,IAAI;EAC3CC,sBAAsB,EAAE;AAC5B,CAAC"}

package/build/esm/shared/yt-types.d.ts

@@ -233,6 +233,8 @@ export interface ConfigData {
     uiSettings?: UISettings;
     metrikaCounterId?: number;
     allowLoginDialog?: boolean;
+    allowOAuth?: boolean;
+    oauthButtonLabel?: string;
     allowUserColumnPresets?: boolean;
     odinPageEnabled: boolean;
 }

package/build/esm/ui/components/Login/LoginFormPage/LoginFormPage.js

@@ -1,14 +1,15 @@
 import _asyncToGenerator from "@babel/runtime/helpers/asyncToGenerator";
-import _isEmpty from "lodash/isEmpty";
 import _slicedToArray from "@babel/runtime/helpers/slicedToArray";
 import _regeneratorRuntime from "@babel/runtime/regenerator";
 import React, { useCallback, useState } from 'react';
 import axios from 'axios';
-import { useDispatch } from 'react-redux';
+import { useDispatch, useSelector } from 'react-redux';
 import { Button, Text, TextInput } from '@gravity-ui/uikit';
 import { onSuccessLogin } from '../../../store/actions/global';
 import ytLocalStorage from '../../../utils/yt-local-storage';
+import { getOAuthButtonLabel, getOAuthEnabled } from '../../../store/selectors/global';
 import LoginPageWrapper from '../LoginPageWrapper/LoginPageWrapper';
+import isEmpty from 'lodash/isEmpty';
 import cn from 'bem-cn-lite';
 import { jsx as _jsx } from "react/jsx-runtime";
 import { jsxs as _jsxs } from "react/jsx-runtime";
@@ -34,6 +35,8 @@ function LoginForm(_ref2) {
     _useState2 = _slicedToArray(_useState, 2),
     username = _useState2[0],
     setUsername = _useState2[1];
+  var allowOAuth = useSelector(getOAuthEnabled);
+  var buttonLabel = useSelector(getOAuthButtonLabel);
   var _useState3 = useState(''),
     _useState4 = _slicedToArray(_useState3, 2),
     password = _useState4[0],
@@ -53,7 +56,7 @@ function LoginForm(_ref2) {
       username: username,
       password: password
     });
-    if (!_isEmpty(validationErrors)) {
+    if (!isEmpty(validationErrors)) {
       setErrors(validationErrors);
       return;
     }
@@ -92,9 +95,9 @@ function LoginForm(_ref2) {
     children: [/*#__PURE__*/_jsx("h1", {
       className: block('title'),
       children: "Welcome to YTsaurus!"
-    }), /*#__PURE__*/_jsx("p", {
+    }), /*#__PURE__*/_jsxs("p", {
       className: block('text'),
-      children: "Single scalable platform for high volume storage and handling data. Login to your account."
+      children: ["A unified scalable platform for storing and processing large volumes of data.", /*#__PURE__*/_jsx("br", {}), /*#__PURE__*/_jsx("br", {}), "Login to your account."]
     }), /*#__PURE__*/_jsxs("form", {
       onSubmit: handleFormSubmit,
       children: [/*#__PURE__*/_jsx(TextInput, {
@@ -119,7 +122,8 @@ function LoginForm(_ref2) {
         error: errors.password
       }), /*#__PURE__*/_jsx(Button, {
         className: block('button', {
-          solid: true
+          solid: true,
+          submit: true
         }),
         type: "submit",
         width: "max",
@@ -128,6 +132,20 @@ function LoginForm(_ref2) {
         view: theme === 'light' ? 'action' : 'normal-contrast',
         loading: loading,
         children: "Login"
+      }), allowOAuth && /*#__PURE__*/_jsx(Button, {
+        className: block('button', {
+          solid: true,
+          link: true,
+          submit: true
+        }),
+        type: "submit",
+        href: "/oauth/login",
+        width: "max",
+        size: "l",
+        pin: "circle-circle",
+        view: theme === 'light' ? 'action' : 'normal-contrast',
+        loading: loading,
+        children: buttonLabel || 'Login via SSO'
       }), errors.response && /*#__PURE__*/_jsx(Text, {
         as: "p",
         color: "danger",

package/build/esm/ui/components/Login/LoginFormPage/LoginFormPage.js.map

@@ -1 +1 @@
-{"version":3,"names":["React","useCallback","useState","axios","useDispatch","Button","Text","TextInput","onSuccessLogin","ytLocalStorage","LoginPageWrapper","cn","jsx","_jsx","jsxs","_jsxs","Fragment","_Fragment","block","validate","_ref","username","password","result","LoginForm","_ref2","_ytLocalStorage$get","theme","dispatch","_useState","get","_useState2","_slicedToArray","setUsername","_useState3","_useState4","setPassword","_useState5","_useState6","loading","setLoading","_React$useState","_React$useState2","errors","setErrors","handleFormSubmit","e","preventDefault","validationErrors","_isEmpty","authorize","then","_asyncToGenerator","_regeneratorRuntime","mark","_callee","wrap","_callee$","_context","prev","next","set","stop","error","response","data","message","children","className","onSubmit","type","size","placeholder","name","value","onUpdate","solid","width","pin","view","as","color","_ref4","post","LoginFormPage","_ref5"],"sources":["LoginFormPage.tsx"],"sourcesContent":["import React, {useCallback, useState} from 'react';\nimport axios, {AxiosError} from 'axios';\nimport {useDispatch} from 'react-redux';\nimport {Button, Text, TextInput} from '@gravity-ui/uikit';\nimport {onSuccessLogin} from '../../../store/actions/global';\nimport ytLocalStorage from '../../../utils/yt-local-storage';\nimport LoginPageWrapper from '../LoginPageWrapper/LoginPageWrapper';\nimport _ from 'lodash';\n\nimport cn from 'bem-cn-lite';\n\nconst block = cn('login-page');\n\ninterface ErrorFields {\n    username?: string;\n    password?: string;\n    response?: string;\n}\n\ninterface Props {\n    theme?: 'light' | 'dark';\n}\n\nconst validate = ({\n    username,\n    password,\n}: Record<keyof Omit<ErrorFields, 'response'>, string>): ErrorFields => {\n    const result: ErrorFields = {};\n    if (username === '') {\n        result.username = 'Username must not be empty';\n    }\n\n    if (password === '') {\n        result.password = 'Password must not be empty';\n    }\n\n    return result;\n};\n\nfunction LoginForm({theme}: Props) {\n    const dispatch = useDispatch();\n    const [username, setUsername] = useState(ytLocalStorage.get('loginDialog')?.username || '');\n    const [password, setPassword] = useState('');\n    const [loading, setLoading] = useState<boolean>(false);\n    const [errors, setErrors] = React.useState<ErrorFields>({});\n\n    const handleFormSubmit = useCallback(\n        (e: React.FormEvent) => {\n            e.preventDefault();\n            setErrors({});\n            const validationErrors = validate({username, password});\n            if (!_.isEmpty(validationErrors)) {\n                setErrors(validationErrors);\n                return;\n            }\n            setLoading(true);\n            authorize({username, password})\n                .then(async () => {\n                    ytLocalStorage.set('loginDialog', {username});\n                    dispatch(onSuccessLogin(username));\n                })\n                .catch((error: AxiosError<Error>) => {\n                    if (error.response && error.response.data && error.response.data.message) {\n                        setErrors({\n                            response: error.response.data.message,\n                        });\n                    } else {\n                        setErrors({response: error.message});\n                    }\n                })\n                .finally(() => {\n                    setLoading(false);\n                });\n        },\n        [username, password, dispatch],\n    );\n\n    return (\n        <>\n            <h1 className={block('title')}>Welcome to YTsaurus!</h1>\n            <p className={block('text')}>\n                Single scalable platform for high volume storage and handling data. Login to your\n                account.\n            </p>\n            <form onSubmit={handleFormSubmit}>\n                <TextInput\n                    className={block('field')}\n                    type=\"text\"\n                    size=\"l\"\n                    placeholder=\"Login\"\n                    name=\"username\"\n                    value={username}\n                    onUpdate={setUsername}\n                    error={errors.username}\n                />\n                <TextInput\n                    className={block('field', {password: true})}\n                    type=\"password\"\n                    size=\"l\"\n                    placeholder=\"Password\"\n                    name=\"password\"\n                    value={password}\n                    onUpdate={setPassword}\n                    error={errors.password}\n                />\n                <Button\n                    className={block('button', {solid: true})}\n                    type=\"submit\"\n                    width=\"max\"\n                    size=\"l\"\n                    pin=\"circle-circle\"\n                    view={theme === 'light' ? 'action' : 'normal-contrast'}\n                    loading={loading}\n                >\n                    Login\n                </Button>\n                {errors.response && (\n                    <Text as=\"p\" color=\"danger\" className={block('error')}>\n                        {errors.response}\n                    </Text>\n                )}\n            </form>\n        </>\n    );\n}\n\nfunction authorize({username, password}: {username: string; password: string}) {\n    return axios.post(`/api/yt/login`, {\n        username,\n        password,\n    });\n}\n\nexport function LoginFormPage({theme}: Props) {\n    return (\n        <LoginPageWrapper theme={theme}>\n            <LoginForm theme={theme} />\n        </LoginPageWrapper>\n    );\n}\n"],"mappings":"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"}
+{"version":3,"names":["React","useCallback","useState","axios","useDispatch","useSelector","Button","Text","TextInput","onSuccessLogin","ytLocalStorage","getOAuthButtonLabel","getOAuthEnabled","LoginPageWrapper","isEmpty","cn","jsx","_jsx","jsxs","_jsxs","Fragment","_Fragment","block","validate","_ref","username","password","result","LoginForm","_ref2","_ytLocalStorage$get","theme","dispatch","_useState","get","_useState2","_slicedToArray","setUsername","allowOAuth","buttonLabel","_useState3","_useState4","setPassword","_useState5","_useState6","loading","setLoading","_React$useState","_React$useState2","errors","setErrors","handleFormSubmit","e","preventDefault","validationErrors","authorize","then","_asyncToGenerator","_regeneratorRuntime","mark","_callee","wrap","_callee$","_context","prev","next","set","stop","error","response","data","message","children","className","onSubmit","type","size","placeholder","name","value","onUpdate","solid","submit","width","pin","view","link","href","as","color","_ref4","post","LoginFormPage","_ref5"],"sources":["LoginFormPage.tsx"],"sourcesContent":["import React, {useCallback, useState} from 'react';\nimport axios, {AxiosError} from 'axios';\nimport {useDispatch, useSelector} from 'react-redux';\nimport {Button, Text, TextInput} from '@gravity-ui/uikit';\nimport {onSuccessLogin} from '../../../store/actions/global';\nimport ytLocalStorage from '../../../utils/yt-local-storage';\nimport {getOAuthButtonLabel, getOAuthEnabled} from '../../../store/selectors/global';\nimport LoginPageWrapper from '../LoginPageWrapper/LoginPageWrapper';\nimport isEmpty from 'lodash/isEmpty';\n\nimport cn from 'bem-cn-lite';\n\nconst block = cn('login-page');\n\ninterface ErrorFields {\n    username?: string;\n    password?: string;\n    response?: string;\n}\n\ninterface Props {\n    theme?: 'light' | 'dark';\n}\n\nconst validate = ({\n    username,\n    password,\n}: Record<keyof Omit<ErrorFields, 'response'>, string>): ErrorFields => {\n    const result: ErrorFields = {};\n    if (username === '') {\n        result.username = 'Username must not be empty';\n    }\n\n    if (password === '') {\n        result.password = 'Password must not be empty';\n    }\n\n    return result;\n};\n\nfunction LoginForm({theme}: Props) {\n    const dispatch = useDispatch();\n    const [username, setUsername] = useState(ytLocalStorage.get('loginDialog')?.username || '');\n    const allowOAuth = useSelector(getOAuthEnabled);\n    const buttonLabel = useSelector(getOAuthButtonLabel);\n    const [password, setPassword] = useState('');\n    const [loading, setLoading] = useState<boolean>(false);\n    const [errors, setErrors] = React.useState<ErrorFields>({});\n\n    const handleFormSubmit = useCallback(\n        (e: React.FormEvent) => {\n            e.preventDefault();\n            setErrors({});\n            const validationErrors = validate({username, password});\n            if (!isEmpty(validationErrors)) {\n                setErrors(validationErrors);\n                return;\n            }\n            setLoading(true);\n            authorize({username, password})\n                .then(async () => {\n                    ytLocalStorage.set('loginDialog', {username});\n                    dispatch(onSuccessLogin(username));\n                })\n                .catch((error: AxiosError<Error>) => {\n                    if (error.response && error.response.data && error.response.data.message) {\n                        setErrors({\n                            response: error.response.data.message,\n                        });\n                    } else {\n                        setErrors({response: error.message});\n                    }\n                })\n                .finally(() => {\n                    setLoading(false);\n                });\n        },\n        [username, password, dispatch],\n    );\n\n    return (\n        <>\n            <h1 className={block('title')}>Welcome to YTsaurus!</h1>\n            <p className={block('text')}>\n                A unified scalable platform for storing and processing large volumes of data.\n                <br />\n                <br />\n                Login to your account.\n            </p>\n            <form onSubmit={handleFormSubmit}>\n                <TextInput\n                    className={block('field')}\n                    type=\"text\"\n                    size=\"l\"\n                    placeholder=\"Login\"\n                    name=\"username\"\n                    value={username}\n                    onUpdate={setUsername}\n                    error={errors.username}\n                />\n                <TextInput\n                    className={block('field', {password: true})}\n                    type=\"password\"\n                    size=\"l\"\n                    placeholder=\"Password\"\n                    name=\"password\"\n                    value={password}\n                    onUpdate={setPassword}\n                    error={errors.password}\n                />\n\n                <Button\n                    className={block('button', {solid: true, submit: true})}\n                    type=\"submit\"\n                    width=\"max\"\n                    size=\"l\"\n                    pin=\"circle-circle\"\n                    view={theme === 'light' ? 'action' : 'normal-contrast'}\n                    loading={loading}\n                >\n                    Login\n                </Button>\n\n                {allowOAuth && (\n                    <Button\n                        className={block('button', {solid: true, link: true, submit: true})}\n                        type=\"submit\"\n                        href=\"/oauth/login\"\n                        width=\"max\"\n                        size=\"l\"\n                        pin=\"circle-circle\"\n                        view={theme === 'light' ? 'action' : 'normal-contrast'}\n                        loading={loading}\n                    >\n                        {buttonLabel || 'Login via SSO'}\n                    </Button>\n                )}\n\n                {errors.response && (\n                    <Text as=\"p\" color=\"danger\" className={block('error')}>\n                        {errors.response}\n                    </Text>\n                )}\n            </form>\n        </>\n    );\n}\n\nfunction authorize({username, password}: {username: string; password: string}) {\n    return axios.post(`/api/yt/login`, {\n        username,\n        password,\n    });\n}\n\nexport function LoginFormPage({theme}: Props) {\n    return (\n        <LoginPageWrapper theme={theme}>\n            <LoginForm theme={theme} />\n        </LoginPageWrapper>\n    );\n}\n"],"mappings":"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"}

package/build/esm/ui/components/Login/LoginPageWrapper/LoginPageWrapper.css

@@ -112,6 +112,14 @@
   --yc-button-background-color: var(--login-button-solid);
   --yc-button-background-color-hover: var(--login-button-solid-hover);
 }
+.login-page__button_link {
+  display: flex;
+  align-items: center;
+  justify-content: center;
+}
+.login-page__button_submit:not(:last-child) {
+  margin-bottom: 10px;
+}
 .login-page .yc-button_loading {
   --yc-button-loading-color-1: var(--login-button-loading-color-1);
   --yc-button-loading-color-2: var(--login-button-loading-color-2);

package/build/esm/ui/components/Login/LoginPageWrapper/LoginPageWrapper.css.map

@@ -1 +1 @@
-{"version":3,"sources":["LoginPageWrapper.scss","login-page-theme-light.scss","login-page-theme-dark.scss"],"names":[],"mappings":"AAGA;;ECFI,2BAAA;EACA,6BAAA;EACA,mCAAA;EACA,0FAAA;EACA,uCAAA;EACA,uCAAA;ADEJ;;AAAA;;EEPI,2BAAA;EACA,6BAAA;EACA,mCAAA;EACA,yFAAA;EACA,uCAAA;EACA,uCAAA;AFYJ;;AACA;EALI,sBAAA;EACA,kBAAA;EACA,gBAAA;EAMA,kBAAA;EACA,aAAA;EACA,sBAAA;EAEA,gBAAA;EACA,iBAAA;EACA,uBAAA;EAEA,yCAAA;EACA,+CAAA;EACA,4BAAA;EACA,qCAAA;EACA,0BAAA;AACJ;AACI;EACI,kBAAA;EACA,SAAA;EACA,UAAA;EACA,eAAA;EACA,eAAA;AACR;AAEI;EACI,gBAAA;EACA,kBAAA;AAAR;AAEQ;EAJJ;IAKQ,kBAAA;EACV;AACF;AACQ;EARJ;IASQ,kBAAA;EAEV;AACF;AAAQ;EAZJ;IAaQ,kBAAA;EAGV;AACF;AADQ;EAhBJ;IAiBQ,kBAAA;EAIV;AACF;AADI;EACI,eAAA;EACA,iBAAA;EACA,eAAA;EACA,gBAAA;EACA,mBAAA;AAGR;AAAI;EACI,eAAA;EACA,iBAAA;EACA,gBAAA;AAER;AACI;EACI,cAAA;AACR;AAEI;EACI,mBAAA;EACA,mCAAA;AAAR;AAEQ;EAzEJ,sBAAA;EACA,kBAAA;EACA,gBAAA;EAyEQ,YAAA;EACA,kBAAA;EACA,eAAA;EACA,iBAAA;EACA,gBAAA;AAEZ;AAEY;EACI,mBAAA;AAAhB;AADY;EACI,mBAAA;AAAhB;AAKI;EAzFA,sBAAA;EACA,kBAAA;EACA,gBAAA;EAyFI,wBAAA;EACA,eAAA;EACA,iBAAA;AADR;AAGQ;EACI,uDAAA;EACA,mEAAA;AADZ;AAKI;EACI,gEAAA;EACA,gEAAA;AAHR;AAMI;EACI,yCAAA;AAJR;AAOI;EACI,yDAAA;AALR;AAQI;EACI,iBAAA;EACA,WAAA;EACA,aAAA;EACA,mBAAA;EACA,8BAAA;AANR;AASI;EACI,SAAA;EACA,eAAA;EACA,kBAAA;EACA,gBAAA;EACA,eAAA;EACA,iBAAA;EACA,gBAAA;EACA,oCAAA;EACA,yBAAA;EACA,gDAAA;AAPR;AASQ;EACI,kCAAA;EACA,sDAAA;AAPZ","file":"LoginPageWrapper.css","sourcesContent":["@import './login-page-theme-light.scss';\n@import './login-page-theme-dark.scss';\n\n.g-root_theme_light,\n.g-root_theme_light-hc {\n    @include yt-login-page-light;\n}\n\n.g-root_theme_dark,\n.g-root_theme_dark-hc {\n    @include yt-login-page-dark;\n}\n\n@mixin login-page-font-settings {\n    font-family: 'Manrope';\n    font-style: normal;\n    font-weight: 400;\n}\n\n.login-page {\n    @include login-page-font-settings;\n\n    position: relative;\n    display: flex;\n    flex-direction: column;\n\n    min-width: 320px;\n    min-height: 100vh;\n    justify-content: center;\n\n    background-color: var(--login-background);\n    background-image: var(--login-background-image);\n    background-repeat: no-repeat;\n    background-position: bottom 0 right 0;\n    background-size: auto 100%;\n\n    &__logo {\n        position: absolute;\n        top: 40px;\n        left: 40px;\n        width: 160.32px;\n        height: 33.06px;\n    }\n\n    &__content {\n        max-width: 300px;\n        margin-left: 150px;\n\n        @media (min-width: 1200px) {\n            margin-left: 150px;\n        }\n\n        @media (min-width: 1400px) {\n            margin-left: 200px;\n        }\n\n        @media (min-width: 1600px) {\n            margin-left: 250px;\n        }\n\n        @media (min-width: 1920px) {\n            margin-left: 330px;\n        }\n    }\n\n    &__title {\n        font-size: 30px;\n        line-height: 36px;\n        margin: 0 0 8px;\n        font-weight: 600;\n        white-space: nowrap;\n    }\n\n    &__text {\n        font-size: 13px;\n        line-height: 18px;\n        margin: 0 0 24px;\n    }\n\n    &__error {\n        margin: 12px 0;\n    }\n\n    &__field {\n        margin-bottom: 20px;\n        --yc-text-input-border-radius: 10px;\n\n        .yc-text-input__control {\n            @include login-page-font-settings;\n            height: 40px;\n            padding: 12px 10px;\n            font-size: 13px;\n            line-height: 16px;\n            background: none;\n        }\n\n        &_password {\n            .yc-text-input__control:not(:placeholder-shown) {\n                letter-spacing: 2px;\n            }\n        }\n    }\n\n    &__button {\n        @include login-page-font-settings;\n        --yc-button-height: 38px;\n        font-size: 15px;\n        line-height: 20px;\n\n        &_solid {\n            --yc-button-background-color: var(--login-button-solid);\n            --yc-button-background-color-hover: var(--login-button-solid-hover);\n        }\n    }\n\n    .yc-button_loading {\n        --yc-button-loading-color-1: var(--login-button-loading-color-1);\n        --yc-button-loading-color-2: var(--login-button-loading-color-2);\n    }\n\n    .yc-button_view_outlined::before {\n        background-color: var(--login-background);\n    }\n\n    .yc-button:hover::before {\n        background-color: var(--yc-button-background-color-hover);\n    }\n\n    &__navigate {\n        padding-top: 15px;\n        width: 100%;\n        display: flex;\n        align-items: center;\n        justify-content: space-between;\n    }\n\n    &__navigate-link {\n        margin: 0;\n        cursor: pointer;\n        font-style: normal;\n        font-weight: 400;\n        font-size: 13px;\n        line-height: 18px;\n        text-align: left;\n        color: var(--g-color-text-secondary);\n        border-bottom: 1px dashed;\n        border-color: var(--g-color-line-generic-accent);\n\n        &:hover {\n            color: var(--g-color-text-primary);\n            border-color: var(--g-color-line-generic-accent-hover);\n        }\n    }\n}\n","@mixin yt-login-page-light {\n    --login-background: #f5fff0;\n    --login-button-solid: #4c4c4c;\n    --login-button-solid-hover: #333333;\n    --login-background-image: url('../../../../../img/svg/YT-login-page-background-light.svg');\n    --login-button-loading-color-1: #333333;\n    --login-button-loading-color-2: #4c4c4c;\n}\n","@mixin yt-login-page-dark {\n    --login-background: #1a1a1a;\n    --login-button-solid: #e9a43b;\n    --login-button-solid-hover: #d28004;\n    --login-background-image: url('../../../../../img/svg/YT-login-page-background-dark.svg');\n    --login-button-loading-color-1: #e9a43b;\n    --login-button-loading-color-2: #d28004;\n}\n"],"sourceRoot":""}
+{"version":3,"sources":["LoginPageWrapper.scss","login-page-theme-light.scss","login-page-theme-dark.scss"],"names":[],"mappings":"AAGA;;ECFI,2BAAA;EACA,6BAAA;EACA,mCAAA;EACA,0FAAA;EACA,uCAAA;EACA,uCAAA;ADEJ;;AAAA;;EEPI,2BAAA;EACA,6BAAA;EACA,mCAAA;EACA,yFAAA;EACA,uCAAA;EACA,uCAAA;AFYJ;;AACA;EALI,sBAAA;EACA,kBAAA;EACA,gBAAA;EAMA,kBAAA;EACA,aAAA;EACA,sBAAA;EAEA,gBAAA;EACA,iBAAA;EACA,uBAAA;EAEA,yCAAA;EACA,+CAAA;EACA,4BAAA;EACA,qCAAA;EACA,0BAAA;AACJ;AACI;EACI,kBAAA;EACA,SAAA;EACA,UAAA;EACA,eAAA;EACA,eAAA;AACR;AAEI;EACI,gBAAA;EACA,kBAAA;AAAR;AAEQ;EAJJ;IAKQ,kBAAA;EACV;AACF;AACQ;EARJ;IASQ,kBAAA;EAEV;AACF;AAAQ;EAZJ;IAaQ,kBAAA;EAGV;AACF;AADQ;EAhBJ;IAiBQ,kBAAA;EAIV;AACF;AADI;EACI,eAAA;EACA,iBAAA;EACA,eAAA;EACA,gBAAA;EACA,mBAAA;AAGR;AAAI;EACI,eAAA;EACA,iBAAA;EACA,gBAAA;AAER;AACI;EACI,cAAA;AACR;AAEI;EACI,mBAAA;EACA,mCAAA;AAAR;AAEQ;EAzEJ,sBAAA;EACA,kBAAA;EACA,gBAAA;EAyEQ,YAAA;EACA,kBAAA;EACA,eAAA;EACA,iBAAA;EACA,gBAAA;AAEZ;AAEY;EACI,mBAAA;AAAhB;AADY;EACI,mBAAA;AAAhB;AAKI;EAzFA,sBAAA;EACA,kBAAA;EACA,gBAAA;EAyFI,wBAAA;EACA,eAAA;EACA,iBAAA;AADR;AAGQ;EACI,uDAAA;EACA,mEAAA;AADZ;AAIQ;EACI,aAAA;EACA,mBAAA;EACA,uBAAA;AAFZ;AAMY;EACI,mBAAA;AAJhB;AASI;EACI,gEAAA;EACA,gEAAA;AAPR;AAUI;EACI,yCAAA;AARR;AAWI;EACI,yDAAA;AATR;AAYI;EACI,iBAAA;EACA,WAAA;EACA,aAAA;EACA,mBAAA;EACA,8BAAA;AAVR;AAaI;EACI,SAAA;EACA,eAAA;EACA,kBAAA;EACA,gBAAA;EACA,eAAA;EACA,iBAAA;EACA,gBAAA;EACA,oCAAA;EACA,yBAAA;EACA,gDAAA;AAXR;AAaQ;EACI,kCAAA;EACA,sDAAA;AAXZ","file":"LoginPageWrapper.css","sourcesContent":["@import './login-page-theme-light.scss';\n@import './login-page-theme-dark.scss';\n\n.g-root_theme_light,\n.g-root_theme_light-hc {\n    @include yt-login-page-light;\n}\n\n.g-root_theme_dark,\n.g-root_theme_dark-hc {\n    @include yt-login-page-dark;\n}\n\n@mixin login-page-font-settings {\n    font-family: 'Manrope';\n    font-style: normal;\n    font-weight: 400;\n}\n\n.login-page {\n    @include login-page-font-settings;\n\n    position: relative;\n    display: flex;\n    flex-direction: column;\n\n    min-width: 320px;\n    min-height: 100vh;\n    justify-content: center;\n\n    background-color: var(--login-background);\n    background-image: var(--login-background-image);\n    background-repeat: no-repeat;\n    background-position: bottom 0 right 0;\n    background-size: auto 100%;\n\n    &__logo {\n        position: absolute;\n        top: 40px;\n        left: 40px;\n        width: 160.32px;\n        height: 33.06px;\n    }\n\n    &__content {\n        max-width: 300px;\n        margin-left: 150px;\n\n        @media (min-width: 1200px) {\n            margin-left: 150px;\n        }\n\n        @media (min-width: 1400px) {\n            margin-left: 200px;\n        }\n\n        @media (min-width: 1600px) {\n            margin-left: 250px;\n        }\n\n        @media (min-width: 1920px) {\n            margin-left: 330px;\n        }\n    }\n\n    &__title {\n        font-size: 30px;\n        line-height: 36px;\n        margin: 0 0 8px;\n        font-weight: 600;\n        white-space: nowrap;\n    }\n\n    &__text {\n        font-size: 13px;\n        line-height: 18px;\n        margin: 0 0 24px;\n    }\n\n    &__error {\n        margin: 12px 0;\n    }\n\n    &__field {\n        margin-bottom: 20px;\n        --yc-text-input-border-radius: 10px;\n\n        .yc-text-input__control {\n            @include login-page-font-settings;\n            height: 40px;\n            padding: 12px 10px;\n            font-size: 13px;\n            line-height: 16px;\n            background: none;\n        }\n\n        &_password {\n            .yc-text-input__control:not(:placeholder-shown) {\n                letter-spacing: 2px;\n            }\n        }\n    }\n\n    &__button {\n        @include login-page-font-settings;\n        --yc-button-height: 38px;\n        font-size: 15px;\n        line-height: 20px;\n\n        &_solid {\n            --yc-button-background-color: var(--login-button-solid);\n            --yc-button-background-color-hover: var(--login-button-solid-hover);\n        }\n\n        &_link {\n            display: flex;\n            align-items: center;\n            justify-content: center;\n        }\n\n        &_submit {\n            &:not(:last-child) {\n                margin-bottom: 10px;\n            }\n        }\n    }\n\n    .yc-button_loading {\n        --yc-button-loading-color-1: var(--login-button-loading-color-1);\n        --yc-button-loading-color-2: var(--login-button-loading-color-2);\n    }\n\n    .yc-button_view_outlined::before {\n        background-color: var(--login-background);\n    }\n\n    .yc-button:hover::before {\n        background-color: var(--yc-button-background-color-hover);\n    }\n\n    &__navigate {\n        padding-top: 15px;\n        width: 100%;\n        display: flex;\n        align-items: center;\n        justify-content: space-between;\n    }\n\n    &__navigate-link {\n        margin: 0;\n        cursor: pointer;\n        font-style: normal;\n        font-weight: 400;\n        font-size: 13px;\n        line-height: 18px;\n        text-align: left;\n        color: var(--g-color-text-secondary);\n        border-bottom: 1px dashed;\n        border-color: var(--g-color-line-generic-accent);\n\n        &:hover {\n            color: var(--g-color-text-primary);\n            border-color: var(--g-color-line-generic-accent-hover);\n        }\n    }\n}\n","@mixin yt-login-page-light {\n    --login-background: #f5fff0;\n    --login-button-solid: #4c4c4c;\n    --login-button-solid-hover: #333333;\n    --login-background-image: url('../../../../../img/svg/YT-login-page-background-light.svg');\n    --login-button-loading-color-1: #333333;\n    --login-button-loading-color-2: #4c4c4c;\n}\n","@mixin yt-login-page-dark {\n    --login-background: #1a1a1a;\n    --login-button-solid: #e9a43b;\n    --login-button-solid-hover: #d28004;\n    --login-background-image: url('../../../../../img/svg/YT-login-page-background-dark.svg');\n    --login-button-loading-color-1: #e9a43b;\n    --login-button-loading-color-2: #d28004;\n}\n"],"sourceRoot":""}

package/build/esm/ui/components/Login/LoginPageWrapper/LoginPageWrapper.scss

@@ -111,6 +111,18 @@
             --yc-button-background-color: var(--login-button-solid);
             --yc-button-background-color-hover: var(--login-button-solid-hover);
         }
+
+        &_link {
+            display: flex;
+            align-items: center;
+            justify-content: center;
+        }
+
+        &_submit {
+            &:not(:last-child) {
+                margin-bottom: 10px;
+            }
+        }
     }
 
     .yc-button_loading {

package/build/esm/ui/components/NumberInput/NumberInput.d.ts

@@ -68,8 +68,8 @@ export declare class NumberInputWithError extends React.Component<NumberInputWit
         bottomLineVisibility?: "hidden" | "visible" | "focused" | undefined;
         disabled?: boolean | undefined;
         type?: string | undefined;
-        id?: string | undefined;
         name?: string | undefined;
+        id?: string | undefined;
         errorMessage?: React.ReactNode;
         size?: import("@gravity-ui/uikit").InputControlSize | undefined;
         label?: string | undefined;

package/build/esm/ui/constants/docsUrls.d.ts

@@ -8,6 +8,7 @@ export declare const docsUrls: {
     'faq:enablepathautocorrection': string;
     'storage:static_tables': string;
     'dynamic-tables:overview': string;
+    'dynamic-tables:cross-dc': string;
     'storage:compression#compression_codecs': string;
     'storage:replication#replication': string;
     'storage:replication#erasure': string;

package/build/esm/ui/constants/docsUrls.js

@@ -10,6 +10,7 @@ export var docsUrls = {
   'faq:enablepathautocorrection': "".concat(baseUrl, "/faq/faq#enablepathautocorrection"),
   'storage:static_tables': "".concat(baseUrl, "/user-guide/storage/static-tables"),
   'dynamic-tables:overview': "".concat(baseUrl, "/user-guide/dynamic-tables/overview"),
+  'dynamic-tables:cross-dc': "".concat(baseUrl, "/user-guide/dynamic-tables/dynamic-tables-resources#georaspredelyonnye-klastery-cross-dc"),
   'storage:compression#compression_codecs': "".concat(baseUrl, "/user-guide/storage/compression#compression_codecs"),
   'storage:replication#replication': "".concat(baseUrl, "/user-guide/storage/replication#replication"),
   'storage:replication#erasure': "".concat(baseUrl, "/user-guide/storage/replication#erasure"),

package/build/esm/ui/constants/docsUrls.js.map

@@ -1 +1 @@
-{"version":3,"names":["getDocsBaseUrl","baseUrl","docsUrls","concat"],"sources":["docsUrls.ts"],"sourcesContent":["import {getDocsBaseUrl} from '../config';\n\nconst baseUrl = getDocsBaseUrl() || '';\n\nexport const docsUrls = {\n    'bundle-controller:reserved-memory': ``,\n    'cypress:ttl': `${baseUrl}/user-guide/storage/cypress#TTL`,\n    'storage:compression': `${baseUrl}/user-guide/storage/compression`,\n    'operations:recommendations#slishkom-melkie-chanki': `${baseUrl}/user-guide/data-processing/operations/recommendations#slishkom-melkie-chanki`,\n    'scheduler:integral_guarantees': `${baseUrl}/user-guide/data-processing/scheduler/integral-guarantees`,\n    'overview:quickstart': `${baseUrl}/overview/try-yt`,\n    'faq:enablepathautocorrection': `${baseUrl}/faq/faq#enablepathautocorrection`,\n    'storage:static_tables': `${baseUrl}/user-guide/storage/static-tables`,\n    'dynamic-tables:overview': `${baseUrl}/user-guide/dynamic-tables/overview`,\n    'storage:compression#compression_codecs': `${baseUrl}/user-guide/storage/compression#compression_codecs`,\n    'storage:replication#replication': `${baseUrl}/user-guide/storage/replication#replication`,\n    'storage:replication#erasure': `${baseUrl}/user-guide/storage/replication#erasure`,\n    'storage:static_schema': `${baseUrl}/user-guide/storage/static-schema`,\n    'storage:data_types#schema': `${baseUrl}/user-guide/storage/data-types#schema`,\n    'storage:data_types#schema_optional': `${baseUrl}/user-guide/storage/data-types#schema_optional`,\n    'storage:static_schema#overview': `${baseUrl}/user-guide/storage/static-schema`,\n    'dynamic-tables:transactions#conflicts': `${baseUrl}/user-guide/dynamic-tables/transactions#conflicts`,\n    'dynamic-tables:sorted_dynamic_tables#aggr_columns': `${baseUrl}/user-guide/dynamic-tables/sorted-dynamic-tables#aggr_columns`,\n    'problems:jobstatistics': `${baseUrl}/user-guide/problems/jobstatistics`,\n    'storage:formats': `${baseUrl}/user-guide/storage/formats`,\n    'storage:excel#skachivanie': `${baseUrl}/user-guide/storage/excel#skachivanie`,\n    'storage:excel': `${baseUrl}/user-guide/storage/excel`,\n    'faq:web_interface_table_download': `${baseUrl}/faq/faq#web_interface_table_download`,\n    'dynamic-tables:overview#in_memory': `${baseUrl}/user-guide/dynamic-tables/overview#in_memory`,\n    'storage:chunks#optimize_for': `${baseUrl}/user-guide/storage/chunks#optimize_for`,\n    'storage:accounts': `${baseUrl}/user-guide/storage/accounts`,\n    'storage:media#primary': `${baseUrl}/user-guide/storage/media#primary`,\n    'dynamic-tables:concepts#tablet_cell_bundles': `${baseUrl}/user-guide/dynamic-tables/concepts#tablet_cell_bundles`,\n    'operations:operations_options#obshie-opcii-dlya-vseh-tipov-operacij': `${baseUrl}/user-guide/data-processing/operations/operations-options#common_options`,\n    'operations:erase': `${baseUrl}/user-guide/data-processing/operations/erase`,\n    'operations:merge': `${baseUrl}/user-guide/data-processing/operations/merge`,\n    'operations:overview#aborted_jobs': `${baseUrl}/user-guide/data-processing/operations/overview#aborted_jobs`,\n    'operations:overview#completed_jobs': `${baseUrl}/user-guide/data-processing/operations/overview#completed_jobs`,\n    'operations:operations_options': `${baseUrl}/user-guide/data-processing/operations/operations-options`,\n    'operations:remote_copy': `${baseUrl}/user-guide/data-processing/operations/remote-copy`,\n    'scheduler:scheduler_and_pools': `${baseUrl}/user-guide/data-processing/scheduler/scheduler-and-pools`,\n    'faq:alert_type': `${baseUrl}/faq/faq#`,\n    'common:quotas#request_quota': '',\n    'common:quota_request': '',\n    'api:cli': `${baseUrl}/api/cli/cli`,\n    'chyt:yt_tables#dynamic': `${baseUrl}/user-guide/data-processing/chyt/yt-tables#dynamic`,\n    'common:regular_system_processes': '',\n    'acl:permissions': `${baseUrl}/user-guide/storage/access-control#authorization`,\n};\n\nexport type DocsUrls = typeof docsUrls;\n"],"mappings":"AAAA,SAAQA,cAAc,QAAO,WAAW;AAExC,IAAMC,OAAO,GAAGD,cAAc,CAAC,CAAC,IAAI,EAAE;AAEtC,OAAO,IAAME,QAAQ,GAAG;EACpB,mCAAmC,IAAI;EACvC,aAAa,KAAAC,MAAA,CAAKF,OAAO,oCAAiC;EAC1D,qBAAqB,KAAAE,MAAA,CAAKF,OAAO,oCAAiC;EAClE,mDAAmD,KAAAE,MAAA,CAAKF,OAAO,kFAA+E;EAC9I,+BAA+B,KAAAE,MAAA,CAAKF,OAAO,8DAA2D;EACtG,qBAAqB,KAAAE,MAAA,CAAKF,OAAO,qBAAkB;EACnD,8BAA8B,KAAAE,MAAA,CAAKF,OAAO,sCAAmC;EAC7E,uBAAuB,KAAAE,MAAA,CAAKF,OAAO,sCAAmC;EACtE,yBAAyB,KAAAE,MAAA,CAAKF,OAAO,wCAAqC;EAC1E,wCAAwC,KAAAE,MAAA,CAAKF,OAAO,uDAAoD;EACxG,iCAAiC,KAAAE,MAAA,CAAKF,OAAO,gDAA6C;EAC1F,6BAA6B,KAAAE,MAAA,CAAKF,OAAO,4CAAyC;EAClF,uBAAuB,KAAAE,MAAA,CAAKF,OAAO,sCAAmC;EACtE,2BAA2B,KAAAE,MAAA,CAAKF,OAAO,0CAAuC;EAC9E,oCAAoC,KAAAE,MAAA,CAAKF,OAAO,mDAAgD;EAChG,gCAAgC,KAAAE,MAAA,CAAKF,OAAO,sCAAmC;EAC/E,uCAAuC,KAAAE,MAAA,CAAKF,OAAO,sDAAmD;EACtG,mDAAmD,KAAAE,MAAA,CAAKF,OAAO,kEAA+D;EAC9H,wBAAwB,KAAAE,MAAA,CAAKF,OAAO,uCAAoC;EACxE,iBAAiB,KAAAE,MAAA,CAAKF,OAAO,gCAA6B;EAC1D,2BAA2B,KAAAE,MAAA,CAAKF,OAAO,0CAAuC;EAC9E,eAAe,KAAAE,MAAA,CAAKF,OAAO,8BAA2B;EACtD,kCAAkC,KAAAE,MAAA,CAAKF,OAAO,0CAAuC;EACrF,mCAAmC,KAAAE,MAAA,CAAKF,OAAO,kDAA+C;EAC9F,6BAA6B,KAAAE,MAAA,CAAKF,OAAO,4CAAyC;EAClF,kBAAkB,KAAAE,MAAA,CAAKF,OAAO,iCAA8B;EAC5D,uBAAuB,KAAAE,MAAA,CAAKF,OAAO,sCAAmC;EACtE,6CAA6C,KAAAE,MAAA,CAAKF,OAAO,4DAAyD;EAClH,qEAAqE,KAAAE,MAAA,CAAKF,OAAO,6EAA0E;EAC3J,kBAAkB,KAAAE,MAAA,CAAKF,OAAO,iDAA8C;EAC5E,kBAAkB,KAAAE,MAAA,CAAKF,OAAO,iDAA8C;EAC5E,kCAAkC,KAAAE,MAAA,CAAKF,OAAO,iEAA8D;EAC5G,oCAAoC,KAAAE,MAAA,CAAKF,OAAO,mEAAgE;EAChH,+BAA+B,KAAAE,MAAA,CAAKF,OAAO,8DAA2D;EACtG,wBAAwB,KAAAE,MAAA,CAAKF,OAAO,uDAAoD;EACxF,+BAA+B,KAAAE,MAAA,CAAKF,OAAO,8DAA2D;EACtG,gBAAgB,KAAAE,MAAA,CAAKF,OAAO,cAAW;EACvC,6BAA6B,EAAE,EAAE;EACjC,sBAAsB,EAAE,EAAE;EAC1B,SAAS,KAAAE,MAAA,CAAKF,OAAO,iBAAc;EACnC,wBAAwB,KAAAE,MAAA,CAAKF,OAAO,uDAAoD;EACxF,iCAAiC,EAAE,EAAE;EACrC,iBAAiB,KAAAE,MAAA,CAAKF,OAAO;AACjC,CAAC"}
+{"version":3,"names":["getDocsBaseUrl","baseUrl","docsUrls","concat"],"sources":["docsUrls.ts"],"sourcesContent":["import {getDocsBaseUrl} from '../config';\n\nconst baseUrl = getDocsBaseUrl() || '';\n\nexport const docsUrls = {\n    'bundle-controller:reserved-memory': ``,\n    'cypress:ttl': `${baseUrl}/user-guide/storage/cypress#TTL`,\n    'storage:compression': `${baseUrl}/user-guide/storage/compression`,\n    'operations:recommendations#slishkom-melkie-chanki': `${baseUrl}/user-guide/data-processing/operations/recommendations#slishkom-melkie-chanki`,\n    'scheduler:integral_guarantees': `${baseUrl}/user-guide/data-processing/scheduler/integral-guarantees`,\n    'overview:quickstart': `${baseUrl}/overview/try-yt`,\n    'faq:enablepathautocorrection': `${baseUrl}/faq/faq#enablepathautocorrection`,\n    'storage:static_tables': `${baseUrl}/user-guide/storage/static-tables`,\n    'dynamic-tables:overview': `${baseUrl}/user-guide/dynamic-tables/overview`,\n    'dynamic-tables:cross-dc': `${baseUrl}/user-guide/dynamic-tables/dynamic-tables-resources#georaspredelyonnye-klastery-cross-dc`,\n    'storage:compression#compression_codecs': `${baseUrl}/user-guide/storage/compression#compression_codecs`,\n    'storage:replication#replication': `${baseUrl}/user-guide/storage/replication#replication`,\n    'storage:replication#erasure': `${baseUrl}/user-guide/storage/replication#erasure`,\n    'storage:static_schema': `${baseUrl}/user-guide/storage/static-schema`,\n    'storage:data_types#schema': `${baseUrl}/user-guide/storage/data-types#schema`,\n    'storage:data_types#schema_optional': `${baseUrl}/user-guide/storage/data-types#schema_optional`,\n    'storage:static_schema#overview': `${baseUrl}/user-guide/storage/static-schema`,\n    'dynamic-tables:transactions#conflicts': `${baseUrl}/user-guide/dynamic-tables/transactions#conflicts`,\n    'dynamic-tables:sorted_dynamic_tables#aggr_columns': `${baseUrl}/user-guide/dynamic-tables/sorted-dynamic-tables#aggr_columns`,\n    'problems:jobstatistics': `${baseUrl}/user-guide/problems/jobstatistics`,\n    'storage:formats': `${baseUrl}/user-guide/storage/formats`,\n    'storage:excel#skachivanie': `${baseUrl}/user-guide/storage/excel#skachivanie`,\n    'storage:excel': `${baseUrl}/user-guide/storage/excel`,\n    'faq:web_interface_table_download': `${baseUrl}/faq/faq#web_interface_table_download`,\n    'dynamic-tables:overview#in_memory': `${baseUrl}/user-guide/dynamic-tables/overview#in_memory`,\n    'storage:chunks#optimize_for': `${baseUrl}/user-guide/storage/chunks#optimize_for`,\n    'storage:accounts': `${baseUrl}/user-guide/storage/accounts`,\n    'storage:media#primary': `${baseUrl}/user-guide/storage/media#primary`,\n    'dynamic-tables:concepts#tablet_cell_bundles': `${baseUrl}/user-guide/dynamic-tables/concepts#tablet_cell_bundles`,\n    'operations:operations_options#obshie-opcii-dlya-vseh-tipov-operacij': `${baseUrl}/user-guide/data-processing/operations/operations-options#common_options`,\n    'operations:erase': `${baseUrl}/user-guide/data-processing/operations/erase`,\n    'operations:merge': `${baseUrl}/user-guide/data-processing/operations/merge`,\n    'operations:overview#aborted_jobs': `${baseUrl}/user-guide/data-processing/operations/overview#aborted_jobs`,\n    'operations:overview#completed_jobs': `${baseUrl}/user-guide/data-processing/operations/overview#completed_jobs`,\n    'operations:operations_options': `${baseUrl}/user-guide/data-processing/operations/operations-options`,\n    'operations:remote_copy': `${baseUrl}/user-guide/data-processing/operations/remote-copy`,\n    'scheduler:scheduler_and_pools': `${baseUrl}/user-guide/data-processing/scheduler/scheduler-and-pools`,\n    'faq:alert_type': `${baseUrl}/faq/faq#`,\n    'common:quotas#request_quota': '',\n    'common:quota_request': '',\n    'api:cli': `${baseUrl}/api/cli/cli`,\n    'chyt:yt_tables#dynamic': `${baseUrl}/user-guide/data-processing/chyt/yt-tables#dynamic`,\n    'common:regular_system_processes': '',\n    'acl:permissions': `${baseUrl}/user-guide/storage/access-control#authorization`,\n};\n\nexport type DocsUrls = typeof docsUrls;\n"],"mappings":"AAAA,SAAQA,cAAc,QAAO,WAAW;AAExC,IAAMC,OAAO,GAAGD,cAAc,CAAC,CAAC,IAAI,EAAE;AAEtC,OAAO,IAAME,QAAQ,GAAG;EACpB,mCAAmC,IAAI;EACvC,aAAa,KAAAC,MAAA,CAAKF,OAAO,oCAAiC;EAC1D,qBAAqB,KAAAE,MAAA,CAAKF,OAAO,oCAAiC;EAClE,mDAAmD,KAAAE,MAAA,CAAKF,OAAO,kFAA+E;EAC9I,+BAA+B,KAAAE,MAAA,CAAKF,OAAO,8DAA2D;EACtG,qBAAqB,KAAAE,MAAA,CAAKF,OAAO,qBAAkB;EACnD,8BAA8B,KAAAE,MAAA,CAAKF,OAAO,sCAAmC;EAC7E,uBAAuB,KAAAE,MAAA,CAAKF,OAAO,sCAAmC;EACtE,yBAAyB,KAAAE,MAAA,CAAKF,OAAO,wCAAqC;EAC1E,yBAAyB,KAAAE,MAAA,CAAKF,OAAO,6FAA0F;EAC/H,wCAAwC,KAAAE,MAAA,CAAKF,OAAO,uDAAoD;EACxG,iCAAiC,KAAAE,MAAA,CAAKF,OAAO,gDAA6C;EAC1F,6BAA6B,KAAAE,MAAA,CAAKF,OAAO,4CAAyC;EAClF,uBAAuB,KAAAE,MAAA,CAAKF,OAAO,sCAAmC;EACtE,2BAA2B,KAAAE,MAAA,CAAKF,OAAO,0CAAuC;EAC9E,oCAAoC,KAAAE,MAAA,CAAKF,OAAO,mDAAgD;EAChG,gCAAgC,KAAAE,MAAA,CAAKF,OAAO,sCAAmC;EAC/E,uCAAuC,KAAAE,MAAA,CAAKF,OAAO,sDAAmD;EACtG,mDAAmD,KAAAE,MAAA,CAAKF,OAAO,kEAA+D;EAC9H,wBAAwB,KAAAE,MAAA,CAAKF,OAAO,uCAAoC;EACxE,iBAAiB,KAAAE,MAAA,CAAKF,OAAO,gCAA6B;EAC1D,2BAA2B,KAAAE,MAAA,CAAKF,OAAO,0CAAuC;EAC9E,eAAe,KAAAE,MAAA,CAAKF,OAAO,8BAA2B;EACtD,kCAAkC,KAAAE,MAAA,CAAKF,OAAO,0CAAuC;EACrF,mCAAmC,KAAAE,MAAA,CAAKF,OAAO,kDAA+C;EAC9F,6BAA6B,KAAAE,MAAA,CAAKF,OAAO,4CAAyC;EAClF,kBAAkB,KAAAE,MAAA,CAAKF,OAAO,iCAA8B;EAC5D,uBAAuB,KAAAE,MAAA,CAAKF,OAAO,sCAAmC;EACtE,6CAA6C,KAAAE,MAAA,CAAKF,OAAO,4DAAyD;EAClH,qEAAqE,KAAAE,MAAA,CAAKF,OAAO,6EAA0E;EAC3J,kBAAkB,KAAAE,MAAA,CAAKF,OAAO,iDAA8C;EAC5E,kBAAkB,KAAAE,MAAA,CAAKF,OAAO,iDAA8C;EAC5E,kCAAkC,KAAAE,MAAA,CAAKF,OAAO,iEAA8D;EAC5G,oCAAoC,KAAAE,MAAA,CAAKF,OAAO,mEAAgE;EAChH,+BAA+B,KAAAE,MAAA,CAAKF,OAAO,8DAA2D;EACtG,wBAAwB,KAAAE,MAAA,CAAKF,OAAO,uDAAoD;EACxF,+BAA+B,KAAAE,MAAA,CAAKF,OAAO,8DAA2D;EACtG,gBAAgB,KAAAE,MAAA,CAAKF,OAAO,cAAW;EACvC,6BAA6B,EAAE,EAAE;EACjC,sBAAsB,EAAE,EAAE;EAC1B,SAAS,KAAAE,MAAA,CAAKF,OAAO,iBAAc;EACnC,wBAAwB,KAAAE,MAAA,CAAKF,OAAO,uDAAoD;EACxF,iCAAiC,EAAE,EAAE;EACrC,iBAAiB,KAAAE,MAAA,CAAKF,OAAO;AACjC,CAAC"}

package/build/esm/ui/containers/AppNavigation/AppNavigation.js

@@ -7,7 +7,7 @@ import _isEmpty from 'lodash/isEmpty';
 import ellipsisIcon from '../../../../img/svg/ellipsis.svg';
 import { useDispatch, useSelector } from 'react-redux';
 import { PagesSettingsEditor, usePagesMenuItems } from './PagesSettingsEditor';
-import { getClusterConfigByName, getCurrentUserName, getRootPagesCluster } from '../../store/selectors/global';
+import { getAuthWay, getClusterConfigByName, getCurrentUserName, getRootPagesCluster } from '../../store/selectors/global';
 import SettingsPanel from '../SettingsPanel/SettingsPanel';
 import { useClusterFromLocation } from '../../hooks/use-cluster';
 import "./AppNavigation.css";
@@ -32,6 +32,7 @@ export default function AppNavigation(_ref) {
   var clusterConfig = getClusterConfigByName(cluster || '');
   var items = usePagesMenuItems(cluster);
   var currentUser = useSelector(getCurrentUserName);
+  var authWay = useSelector(getAuthWay);
   var _React$useState = React.useState(false),
     _React$useState2 = _slicedToArray(_React$useState, 2),
     settingsVisible = _React$useState2[0],
@@ -88,6 +89,7 @@ export default function AppNavigation(_ref) {
       'no-cluster': !cluster
     }),
     currentUser: currentUser,
+    authWay: authWay,
     menuItems: _isEmpty(clusterConfig) ? [] : menuItems,
     panelContent: /*#__PURE__*/_jsx(PagesSettingsEditor, {
       cluster: cluster,