ydb-ui-components 2.4.1 → 3.0.0

package/CHANGELOG.md

@@ -1,5 +1,30 @@
 # Changelog
 
+## [3.0.0](https://github.com/ydb-platform/ydb-ui-components/compare/v2.4.1...v3.0.0) (2022-09-21)
+
+
+### ⚠ BREAKING CHANGES
+
+* peer deps update: migrated from `@yandex-cloud/uikit` to `@gravity-ui/uikit`
+* updated i18n, and removed it from peer deps
+* removed deprecated i18n instance export
+
+#### Setting language in ydb-ui-components
+
+**v2**
+```js
+import {i18n} from 'ydb-ui-components';
+
+i18n.setLang('en');
+```
+
+**v3**
+```js
+import {configure} from 'ydb-ui-components';
+
+configure({lang: 'en'});
+```
+
 ## [2.4.1](https://github.com/ydb-platform/ydb-ui-components/compare/v2.4.0...v2.4.1) (2022-08-02)
 
 

package/README.md

@@ -5,7 +5,7 @@ A set of React components used in YDB interfaces.
 ## Install
 
 ```shell
-npm install --save-dev ydb-ui-components @yandex-cloud/uikit @yandex-cloud/i18n @yandex-cloud/browserslist-config
+npm install --save-dev ydb-ui-components @gravity-ui/uikit
 ```
 
 ## I18N

package/build/components/NavigationTree/EmptyView/EmptyView.js

@@ -15,18 +15,16 @@ var _TreeView = require("../../TreeView/TreeView");
 
 require("./EmptyView.css");
 
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
 
-const b = (0, _bemCnLite.default)('ydb-navigation-tree-view-empty');
+var b = (0, _bemCnLite["default"])('ydb-navigation-tree-view-empty');
 
 function EmptyView(_ref) {
-  let {
-    level
-  } = _ref;
-  return /*#__PURE__*/_react.default.createElement(_TreeView.TreeView, {
-    name: /*#__PURE__*/_react.default.createElement("span", {
+  var level = _ref.level;
+  return /*#__PURE__*/_react["default"].createElement(_TreeView.TreeView, {
+    name: /*#__PURE__*/_react["default"].createElement("span", {
       className: b()
-    }, (0, _i18n.default)('label_empty')),
+    }, (0, _i18n["default"])('label_empty')),
     level: level
   });
 }

package/build/components/NavigationTree/ErrorView/ErrorView.js

@@ -15,18 +15,16 @@ var _TreeView = require("../../TreeView/TreeView");
 
 require("./ErrorView.css");
 
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
 
-const b = (0, _bemCnLite.default)('ydb-navigation-tree-view-error');
+var b = (0, _bemCnLite["default"])('ydb-navigation-tree-view-error');
 
 function ErrorView(_ref) {
-  let {
-    level
-  } = _ref;
-  return /*#__PURE__*/_react.default.createElement(_TreeView.TreeView, {
-    name: /*#__PURE__*/_react.default.createElement("span", {
+  var level = _ref.level;
+  return /*#__PURE__*/_react["default"].createElement(_TreeView.TreeView, {
+    name: /*#__PURE__*/_react["default"].createElement("span", {
       className: b()
-    }, (0, _i18n.default)('label_error')),
+    }, (0, _i18n["default"])('label_error')),
     level: level
   });
 }

package/build/components/NavigationTree/LoaderView/LoaderView.js

@@ -9,24 +9,22 @@ var _react = _interopRequireDefault(require("react"));
 
 var _bemCnLite = _interopRequireDefault(require("bem-cn-lite"));
 
-var _uikit = require("@yandex-cloud/uikit");
+var _uikit = require("@gravity-ui/uikit");
 
 var _TreeView = require("../../TreeView/TreeView");
 
 require("./LoaderView.css");
 
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
 
-const b = (0, _bemCnLite.default)('ydb-navigation-tree-view-loader');
+var b = (0, _bemCnLite["default"])('ydb-navigation-tree-view-loader');
 
 function LoaderView(_ref) {
-  let {
-    level
-  } = _ref;
-  return /*#__PURE__*/_react.default.createElement(_TreeView.TreeView, {
-    name: /*#__PURE__*/_react.default.createElement("div", {
+  var level = _ref.level;
+  return /*#__PURE__*/_react["default"].createElement(_TreeView.TreeView, {
+    name: /*#__PURE__*/_react["default"].createElement("div", {
       className: b()
-    }, /*#__PURE__*/_react.default.createElement(_uikit.Spin, {
+    }, /*#__PURE__*/_react["default"].createElement(_uikit.Spin, {
       size: "xs"
     })),
     level: level

package/build/components/NavigationTree/NavigationTree.js

@@ -21,50 +21,67 @@ var _ErrorView = require("./ErrorView/ErrorView");
 
 var _EmptyView = require("./EmptyView/EmptyView");
 
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
 
-const renderServiceNode = node => {
-  const key = `${node.path}|${node.status}`;
+function _defineProperty(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
+
+function _slicedToArray(arr, i) { return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest(); }
+
+function _nonIterableRest() { throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
+
+function _unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o === "string") return _arrayLikeToArray(o, minLen); var n = Object.prototype.toString.call(o).slice(8, -1); if (n === "Object" && o.constructor) n = o.constructor.name; if (n === "Map" || n === "Set") return Array.from(o); if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen); }
+
+function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) { arr2[i] = arr[i]; } return arr2; }
+
+function _iterableToArrayLimit(arr, i) { var _i = arr == null ? null : typeof Symbol !== "undefined" && arr[Symbol.iterator] || arr["@@iterator"]; if (_i == null) return; var _arr = []; var _n = true; var _d = false; var _s, _e; try { for (_i = _i.call(arr); !(_n = (_s = _i.next()).done); _n = true) { _arr.push(_s.value); if (i && _arr.length === i) break; } } catch (err) { _d = true; _e = err; } finally { try { if (!_n && _i["return"] != null) _i["return"](); } finally { if (_d) throw _e; } } return _arr; }
+
+function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
+
+var renderServiceNode = function renderServiceNode(node) {
+  var key = "".concat(node.path, "|").concat(node.status);
 
   if (node.status === 'loading') {
-    return /*#__PURE__*/_react.default.createElement(_LoaderView.LoaderView, {
+    return /*#__PURE__*/_react["default"].createElement(_LoaderView.LoaderView, {
       key: key,
       level: node.level
     });
   }
 
   if (node.status === 'error') {
-    return /*#__PURE__*/_react.default.createElement(_ErrorView.ErrorView, {
+    return /*#__PURE__*/_react["default"].createElement(_ErrorView.ErrorView, {
       key: key,
       level: node.level
     });
   }
 
-  return /*#__PURE__*/_react.default.createElement(_EmptyView.EmptyView, {
+  return /*#__PURE__*/_react["default"].createElement(_EmptyView.EmptyView, {
     key: key,
     level: node.level
   });
 };
 
 function NavigationTree(_ref) {
-  let {
-    rootState: partialRootState,
-    fetchPath,
-    getActions,
-    activePath,
-    onActivePathUpdate,
-    cache = true,
-    virtualize = false
-  } = _ref;
-
-  const [state, dispatch] = _react.default.useReducer(_state.reducer, {
-    [partialRootState.path]: (0, _state.getNodeState)(partialRootState)
-  });
-
-  const nodesList = _react.default.useMemo(() => (0, _state.selectTreeAsList)(state, partialRootState.path), [state]);
-
-  const renderNode = node => {
-    return /*#__PURE__*/_react.default.createElement(_NavigationTreeNode.NavigationTreeNode, {
+  var partialRootState = _ref.rootState,
+      fetchPath = _ref.fetchPath,
+      getActions = _ref.getActions,
+      activePath = _ref.activePath,
+      onActivePathUpdate = _ref.onActivePathUpdate,
+      _ref$cache = _ref.cache,
+      cache = _ref$cache === void 0 ? true : _ref$cache,
+      _ref$virtualize = _ref.virtualize,
+      virtualize = _ref$virtualize === void 0 ? false : _ref$virtualize;
+
+  var _React$useReducer = _react["default"].useReducer(_state.reducer, _defineProperty({}, partialRootState.path, (0, _state.getNodeState)(partialRootState))),
+      _React$useReducer2 = _slicedToArray(_React$useReducer, 2),
+      state = _React$useReducer2[0],
+      dispatch = _React$useReducer2[1];
+
+  var nodesList = _react["default"].useMemo(function () {
+    return (0, _state.selectTreeAsList)(state, partialRootState.path);
+  }, [state]);
+
+  var renderNode = function renderNode(node) {
+    return /*#__PURE__*/_react["default"].createElement(_NavigationTreeNode.NavigationTreeNode, {
       key: node.path,
       state: state,
       path: node.path,
@@ -78,17 +95,23 @@ function NavigationTree(_ref) {
     });
   };
 
-  const renderVirtualizedTree = () => /*#__PURE__*/_react.default.createElement(_reactList.default, {
-    type: "uniform",
-    length: nodesList.length,
-    useStaticSize: true,
-    itemRenderer: index => {
-      const node = nodesList[index];
-      return (0, _utils.isServiceNode)(node) ? renderServiceNode(node) : renderNode(node);
-    }
-  });
+  var renderVirtualizedTree = function renderVirtualizedTree() {
+    return /*#__PURE__*/_react["default"].createElement(_reactList["default"], {
+      type: "uniform",
+      length: nodesList.length,
+      useStaticSize: true,
+      itemRenderer: function itemRenderer(index) {
+        var node = nodesList[index];
+        return (0, _utils.isServiceNode)(node) ? renderServiceNode(node) : renderNode(node);
+      }
+    });
+  };
 
-  const renderSimpleTree = () => /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, nodesList.map(node => (0, _utils.isServiceNode)(node) ? renderServiceNode(node) : renderNode(node)));
+  var renderSimpleTree = function renderSimpleTree() {
+    return /*#__PURE__*/_react["default"].createElement(_react["default"].Fragment, null, nodesList.map(function (node) {
+      return (0, _utils.isServiceNode)(node) ? renderServiceNode(node) : renderNode(node);
+    }));
+  };
 
   return virtualize ? renderVirtualizedTree() : renderSimpleTree();
 }

package/build/components/NavigationTree/NavigationTreeNode.js

@@ -25,41 +25,41 @@ var _ColumnTable = require("../icons/ColumnTable");
 
 var _TreeView = require("../TreeView/TreeView");
 
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
 
 function renderIcon(type, collapsed) {
   switch (type) {
     case 'database':
       // this icon is larger than the others, therefore 14 for a better fit
-      return /*#__PURE__*/_react.default.createElement(_Database.DatabaseIcon, {
+      return /*#__PURE__*/_react["default"].createElement(_Database.DatabaseIcon, {
         height: 14
       });
 
     case 'directory':
-      return collapsed ? /*#__PURE__*/_react.default.createElement(_Folder.FolderIcon, {
+      return collapsed ? /*#__PURE__*/_react["default"].createElement(_Folder.FolderIcon, {
         height: 16
-      }) : /*#__PURE__*/_react.default.createElement(_FolderOpen.FolderOpenIcon, {
+      }) : /*#__PURE__*/_react["default"].createElement(_FolderOpen.FolderOpenIcon, {
         height: 16
       });
 
     case 'index':
-      return /*#__PURE__*/_react.default.createElement(_Index.IndexIcon, {
+      return /*#__PURE__*/_react["default"].createElement(_Index.IndexIcon, {
         height: 16
       });
 
     case 'table':
     case 'index_table':
-      return /*#__PURE__*/_react.default.createElement(_Table.TableIcon, {
+      return /*#__PURE__*/_react["default"].createElement(_Table.TableIcon, {
         height: 16
       });
 
     case 'column_table':
-      return /*#__PURE__*/_react.default.createElement(_ColumnTable.ColumnTableIcon, {
+      return /*#__PURE__*/_react["default"].createElement(_ColumnTable.ColumnTableIcon, {
         height: 16
       });
 
     case 'topic':
-      return /*#__PURE__*/_react.default.createElement(_Topic.TopicIcon, {
+      return /*#__PURE__*/_react["default"].createElement(_Topic.TopicIcon, {
         height: 16
       });
 
@@ -69,27 +69,25 @@ function renderIcon(type, collapsed) {
 }
 
 function NavigationTreeNode(_ref) {
-  let {
-    path,
-    fetchPath,
-    activePath,
-    state,
-    level,
-    dispatch,
-    children,
-    onActivate,
-    getActions,
-    cache
-  } = _ref;
-  const nodeState = state[path];
-
-  _react.default.useEffect(() => {
+  var path = _ref.path,
+      fetchPath = _ref.fetchPath,
+      activePath = _ref.activePath,
+      state = _ref.state,
+      level = _ref.level,
+      dispatch = _ref.dispatch,
+      children = _ref.children,
+      onActivate = _ref.onActivate,
+      getActions = _ref.getActions,
+      cache = _ref.cache;
+  var nodeState = state[path];
+
+  _react["default"].useEffect(function () {
     if (nodeState.collapsed) {
       if (!cache) {
         dispatch({
           type: _state.NavigationTreeActionType.ResetNode,
           payload: {
-            path
+            path: path
           }
         });
       }
@@ -104,49 +102,49 @@ function NavigationTreeNode(_ref) {
     dispatch({
       type: _state.NavigationTreeActionType.StartLoading,
       payload: {
-        path
+        path: path
       }
     });
-    fetchPath(path).then(data => {
+    fetchPath(path).then(function (data) {
       dispatch({
         type: _state.NavigationTreeActionType.FinishLoading,
         payload: {
-          path,
-          activePath,
-          data
+          path: path,
+          activePath: activePath,
+          data: data
         }
       });
-    }).catch(error => {
+    })["catch"](function (error) {
       dispatch({
         type: _state.NavigationTreeActionType.FinishLoading,
         payload: {
-          path,
-          error
+          path: path,
+          error: error
         }
       });
     });
   }, [nodeState.collapsed]);
 
-  const handleClick = _react.default.useCallback(() => {
+  var handleClick = _react["default"].useCallback(function () {
     if (onActivate) {
       onActivate(path);
     }
   }, [path, onActivate]);
 
-  const handleArrowClick = _react.default.useCallback(() => {
+  var handleArrowClick = _react["default"].useCallback(function () {
     dispatch({
       type: _state.NavigationTreeActionType.ToggleCollapsed,
       payload: {
-        path
+        path: path
       }
     });
   }, []);
 
-  const actions = _react.default.useMemo(() => {
+  var actions = _react["default"].useMemo(function () {
     return getActions === null || getActions === void 0 ? void 0 : getActions(nodeState.path, nodeState.type);
   }, [getActions, nodeState]);
 
-  return /*#__PURE__*/_react.default.createElement(_TreeView.TreeView, {
+  return /*#__PURE__*/_react["default"].createElement(_TreeView.TreeView, {
     name: nodeState.name,
     icon: renderIcon(nodeState.type, nodeState.collapsed),
     collapsed: nodeState.collapsed,

package/build/components/NavigationTree/i18n/index.d.ts

@@ -1,2 +1,2 @@
-declare const _default: (key: string, params?: import("@yandex-cloud/i18n").Params | undefined) => string;
+declare const _default: (key: string, params?: import("@gravity-ui/i18n").Params | undefined) => string;
 export default _default;

package/build/components/NavigationTree/i18n/index.js

@@ -3,7 +3,7 @@
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.default = void 0;
+exports["default"] = void 0;
 
 var _i18n = require("../../i18n");
 
@@ -13,14 +13,14 @@ var _en = _interopRequireDefault(require("./en.json"));
 
 var _ru = _interopRequireDefault(require("./ru.json"));
 
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
 
-const COMPONENT = 'ydb-navigation-tree';
+var COMPONENT = 'ydb-navigation-tree';
 
-_i18n.i18n.registerKeyset(_utils.Lang.En, COMPONENT, _en.default);
+_i18n.i18n.registerKeyset(_utils.Lang.En, COMPONENT, _en["default"]);
 
-_i18n.i18n.registerKeyset(_utils.Lang.Ru, COMPONENT, _ru.default);
+_i18n.i18n.registerKeyset(_utils.Lang.Ru, COMPONENT, _ru["default"]);
 
 var _default = _i18n.i18n.keyset(COMPONENT);
 
-exports.default = _default;
+exports["default"] = _default;

package/build/components/NavigationTree/index.js

@@ -11,7 +11,7 @@ Object.keys(_NavigationTree).forEach(function (key) {
   if (key in exports && exports[key] === _NavigationTree[key]) return;
   Object.defineProperty(exports, key, {
     enumerable: true,
-    get: function () {
+    get: function get() {
       return _NavigationTree[key];
     }
   });
@@ -24,7 +24,7 @@ Object.keys(_types).forEach(function (key) {
   if (key in exports && exports[key] === _types[key]) return;
   Object.defineProperty(exports, key, {
     enumerable: true,
-    get: function () {
+    get: function get() {
       return _types[key];
     }
   });

package/build/components/NavigationTree/state.js

@@ -11,13 +11,19 @@ exports.selectTreeAsList = selectTreeAsList;
 
 var _utils = require("./utils");
 
+function _createForOfIteratorHelper(o, allowArrayLike) { var it = typeof Symbol !== "undefined" && o[Symbol.iterator] || o["@@iterator"]; if (!it) { if (Array.isArray(o) || (it = _unsupportedIterableToArray(o)) || allowArrayLike && o && typeof o.length === "number") { if (it) o = it; var i = 0; var F = function F() {}; return { s: F, n: function n() { if (i >= o.length) return { done: true }; return { done: false, value: o[i++] }; }, e: function e(_e) { throw _e; }, f: F }; } throw new TypeError("Invalid attempt to iterate non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); } var normalCompletion = true, didErr = false, err; return { s: function s() { it = it.call(o); }, n: function n() { var step = it.next(); normalCompletion = step.done; return step; }, e: function e(_e2) { didErr = true; err = _e2; }, f: function f() { try { if (!normalCompletion && it["return"] != null) it["return"](); } finally { if (didErr) throw err; } } }; }
+
+function _unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o === "string") return _arrayLikeToArray(o, minLen); var n = Object.prototype.toString.call(o).slice(8, -1); if (n === "Object" && o.constructor) n = o.constructor.name; if (n === "Map" || n === "Set") return Array.from(o); if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen); }
+
+function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) { arr2[i] = arr[i]; } return arr2; }
+
 function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
 
 function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
 
 function _defineProperty(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
 
-let NavigationTreeActionType;
+var NavigationTreeActionType;
 exports.NavigationTreeActionType = NavigationTreeActionType;
 
 (function (NavigationTreeActionType) {
@@ -44,59 +50,60 @@ function getNodeState(partialState) {
 }
 
 function reducer() {
-  let state = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
-  let action = arguments.length > 1 ? arguments[1] : undefined;
+  var state = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
+  var action = arguments.length > 1 ? arguments[1] : undefined;
 
   switch (action.type) {
     case NavigationTreeActionType.ToggleCollapsed:
-      return _objectSpread(_objectSpread({}, state), {}, {
-        [action.payload.path]: _objectSpread(_objectSpread({}, state[action.payload.path]), {}, {
-          collapsed: !state[action.payload.path].collapsed
-        })
-      });
+      return _objectSpread(_objectSpread({}, state), {}, _defineProperty({}, action.payload.path, _objectSpread(_objectSpread({}, state[action.payload.path]), {}, {
+        collapsed: !state[action.payload.path].collapsed
+      })));
 
     case NavigationTreeActionType.StartLoading:
-      return _objectSpread(_objectSpread({}, state), {}, {
-        [action.payload.path]: _objectSpread(_objectSpread({}, state[action.payload.path]), {}, {
-          loading: true,
-          loaded: false,
-          error: false,
-          children: []
-        })
-      });
+      return _objectSpread(_objectSpread({}, state), {}, _defineProperty({}, action.payload.path, _objectSpread(_objectSpread({}, state[action.payload.path]), {}, {
+        loading: true,
+        loaded: false,
+        error: false,
+        children: []
+      })));
 
     case NavigationTreeActionType.FinishLoading:
       {
-        const newState = _objectSpread(_objectSpread({}, state), {}, {
-          [action.payload.path]: _objectSpread(_objectSpread({}, state[action.payload.path]), {}, {
-            loading: false,
-            loaded: Boolean(action.payload.data),
-            error: Boolean(action.payload.error)
-          })
-        });
+        var newState = _objectSpread(_objectSpread({}, state), {}, _defineProperty({}, action.payload.path, _objectSpread(_objectSpread({}, state[action.payload.path]), {}, {
+          loading: false,
+          loaded: Boolean(action.payload.data),
+          error: Boolean(action.payload.error)
+        })));
 
         if (action.payload.data) {
-          newState[action.payload.path].children = action.payload.data.map(_ref => {
-            let {
-              name
-            } = _ref;
+          newState[action.payload.path].children = action.payload.data.map(function (_ref) {
+            var name = _ref.name;
             return name;
           });
 
-          for (const item of action.payload.data) {
-            var _state$path$collapsed, _state$path;
-
-            const path = `${action.payload.path}/${item.name}`; // expand the tree according to the active path
-            // prioritize the existing state to expand the tree only on first load
-
-            const {
-              activePath = ''
-            } = action.payload;
-            const collapsed = (_state$path$collapsed = (_state$path = state[path]) === null || _state$path === void 0 ? void 0 : _state$path.collapsed) !== null && _state$path$collapsed !== void 0 ? _state$path$collapsed : !activePath.startsWith(`${path}/`);
-            newState[path] = getNodeState(_objectSpread(_objectSpread({}, item), {}, {
-              collapsed,
-              path
-            }));
+          var _iterator = _createForOfIteratorHelper(action.payload.data),
+              _step;
+
+          try {
+            for (_iterator.s(); !(_step = _iterator.n()).done;) {
+              var _state$path$collapsed, _state$path;
+
+              var item = _step.value;
+              var path = "".concat(action.payload.path, "/").concat(item.name); // expand the tree according to the active path
+              // prioritize the existing state to expand the tree only on first load
+
+              var _action$payload$activ = action.payload.activePath,
+                  activePath = _action$payload$activ === void 0 ? '' : _action$payload$activ;
+              var collapsed = (_state$path$collapsed = (_state$path = state[path]) === null || _state$path === void 0 ? void 0 : _state$path.collapsed) !== null && _state$path$collapsed !== void 0 ? _state$path$collapsed : !activePath.startsWith("".concat(path, "/"));
+              newState[path] = getNodeState(_objectSpread(_objectSpread({}, item), {}, {
+                collapsed: collapsed,
+                path: path
+              }));
+            }
+          } catch (err) {
+            _iterator.e(err);
+          } finally {
+            _iterator.f();
           }
         }
 
@@ -104,9 +111,7 @@ function reducer() {
       }
 
     case NavigationTreeActionType.ResetNode:
-      return _objectSpread(_objectSpread({}, state), {}, {
-        [action.payload.path]: _objectSpread(_objectSpread({}, state[action.payload.path]), getDefaultNodeState())
-      });
+      return _objectSpread(_objectSpread({}, state), {}, _defineProperty({}, action.payload.path, _objectSpread(_objectSpread({}, state[action.payload.path]), getDefaultNodeState())));
 
     default:
       return state;
@@ -114,12 +119,12 @@ function reducer() {
 }
 
 function selectTreeAsList(state, rootPath) {
-  const list = [];
-  (0, _utils.traverseDFS)(state, rootPath, (node, level) => {
+  var list = [];
+  (0, _utils.traverseDFS)(state, rootPath, function (node, level) {
     list.push(_objectSpread(_objectSpread({}, node), {}, {
-      level
+      level: level
     }));
-    const serviceNode = (0, _utils.getServiceNode)(node, level);
+    var serviceNode = (0, _utils.getServiceNode)(node, level);
 
     if (serviceNode) {
       list.push(serviceNode);

package/build/components/NavigationTree/types.d.ts

@@ -1,4 +1,4 @@
-import { DropdownMenuItemMixed } from '@yandex-cloud/uikit';
+import { DropdownMenuItemMixed } from '@gravity-ui/uikit';
 export declare type NavigationTreeNodeType = 'database' | 'directory' | 'table' | 'column_table' | 'index_table' | 'index' | 'topic';
 export interface NavigationTreeDataItem {
     name: string;

package/build/components/NavigationTree/utils.js

@@ -7,6 +7,12 @@ exports.getServiceNode = getServiceNode;
 exports.isServiceNode = isServiceNode;
 exports.traverseDFS = traverseDFS;
 
+function _createForOfIteratorHelper(o, allowArrayLike) { var it = typeof Symbol !== "undefined" && o[Symbol.iterator] || o["@@iterator"]; if (!it) { if (Array.isArray(o) || (it = _unsupportedIterableToArray(o)) || allowArrayLike && o && typeof o.length === "number") { if (it) o = it; var i = 0; var F = function F() {}; return { s: F, n: function n() { if (i >= o.length) return { done: true }; return { done: false, value: o[i++] }; }, e: function e(_e) { throw _e; }, f: F }; } throw new TypeError("Invalid attempt to iterate non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); } var normalCompletion = true, didErr = false, err; return { s: function s() { it = it.call(o); }, n: function n() { var step = it.next(); normalCompletion = step.done; return step; }, e: function e(_e2) { didErr = true; err = _e2; }, f: function f() { try { if (!normalCompletion && it["return"] != null) it["return"](); } finally { if (didErr) throw err; } } }; }
+
+function _unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o === "string") return _arrayLikeToArray(o, minLen); var n = Object.prototype.toString.call(o).slice(8, -1); if (n === "Object" && o.constructor) n = o.constructor.name; if (n === "Map" || n === "Set") return Array.from(o); if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen); }
+
+function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) { arr2[i] = arr[i]; } return arr2; }
+
 function isServiceNode(node) {
   return 'status' in node;
 }
@@ -44,8 +50,8 @@ function getServiceNode(node, level) {
 }
 
 function traverseDFS(state, path, visit) {
-  let level = arguments.length > 3 && arguments[3] !== undefined ? arguments[3] : 0;
-  const currentNode = state[path];
+  var level = arguments.length > 3 && arguments[3] !== undefined ? arguments[3] : 0;
+  var currentNode = state[path];
 
   if (!currentNode) {
     return;
@@ -57,7 +63,17 @@ function traverseDFS(state, path, visit) {
     return;
   }
 
-  for (const childPath of currentNode.children) {
-    traverseDFS(state, `${path}/${childPath}`, visit, level + 1);
+  var _iterator = _createForOfIteratorHelper(currentNode.children),
+      _step;
+
+  try {
+    for (_iterator.s(); !(_step = _iterator.n()).done;) {
+      var childPath = _step.value;
+      traverseDFS(state, "".concat(path, "/").concat(childPath), visit, level + 1);
+    }
+  } catch (err) {
+    _iterator.e(err);
+  } finally {
+    _iterator.f();
   }
 }

package/build/components/TreeView/TreeView.d.ts

@@ -1,5 +1,5 @@
 import React from 'react';
-import { DropdownMenuItemMixed } from '@yandex-cloud/uikit';
+import { DropdownMenuItemMixed } from '@gravity-ui/uikit';
 import './TreeView.scss';
 export interface TreeViewProps {
     children?: React.ReactNode;

package/build/components/TreeView/TreeView.js

@@ -11,42 +11,45 @@ var _bemCnLite = _interopRequireDefault(require("bem-cn-lite"));
 
 var _reactTreeview = _interopRequireDefault(require("react-treeview"));
 
-var _uikit = require("@yandex-cloud/uikit");
+var _uikit = require("@gravity-ui/uikit");
 
 require("./TreeView.css");
 
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
 
-const TREE_LEVEL_CSS_VAR = '--ydb-tree-view-level';
-const b = (0, _bemCnLite.default)('ydb-tree-view');
+function _defineProperty(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
+
+var TREE_LEVEL_CSS_VAR = '--ydb-tree-view-level';
+var b = (0, _bemCnLite["default"])('ydb-tree-view');
 
 function TreeView(_ref) {
-  let {
-    children,
-    name,
-    title,
-    icon,
-    collapsed = true,
-    active = false,
-    onClick,
-    onArrowClick,
-    hasArrow = false,
-    actions,
-    level
-  } = _ref;
-
-  const rootRef = _react.default.useRef(null);
-
-  const nodeLabel = /*#__PURE__*/_react.default.createElement("div", {
+  var children = _ref.children,
+      name = _ref.name,
+      title = _ref.title,
+      icon = _ref.icon,
+      _ref$collapsed = _ref.collapsed,
+      collapsed = _ref$collapsed === void 0 ? true : _ref$collapsed,
+      _ref$active = _ref.active,
+      active = _ref$active === void 0 ? false : _ref$active,
+      onClick = _ref.onClick,
+      onArrowClick = _ref.onArrowClick,
+      _ref$hasArrow = _ref.hasArrow,
+      hasArrow = _ref$hasArrow === void 0 ? false : _ref$hasArrow,
+      actions = _ref.actions,
+      level = _ref.level;
+
+  var rootRef = _react["default"].useRef(null);
+
+  var nodeLabel = /*#__PURE__*/_react["default"].createElement("div", {
     className: b('content')
-  }, icon && /*#__PURE__*/_react.default.createElement("div", {
+  }, icon && /*#__PURE__*/_react["default"].createElement("div", {
     className: b('icon')
-  }, icon), /*#__PURE__*/_react.default.createElement("div", {
+  }, icon), /*#__PURE__*/_react["default"].createElement("div", {
     className: b('text'),
     title: title
-  }, name), actions && actions.length > 0 && /*#__PURE__*/_react.default.createElement("div", {
+  }, name), actions && actions.length > 0 && /*#__PURE__*/_react["default"].createElement("div", {
     className: b('actions')
-  }, /*#__PURE__*/_react.default.createElement(_uikit.DropdownMenu, {
+  }, /*#__PURE__*/_react["default"].createElement(_uikit.DropdownMenu, {
     defaultSwitcherProps: {
       view: 'flat-secondary',
       size: 's',
@@ -55,19 +58,23 @@ function TreeView(_ref) {
     items: actions
   })));
 
-  _react.default.useEffect(() => {
-    const rootEl = rootRef.current;
-    const itemEl = rootEl && rootEl.querySelector(`.${b('item')}`);
+  _react["default"].useEffect(function () {
+    var rootEl = rootRef.current;
+    var itemEl = rootEl && rootEl.querySelector(".".concat(b('item')));
 
     if (!onClick || !itemEl) {
       return;
     }
 
-    const skipClicksSelector = `.tree-view_arrow, .${b('actions')}`;
+    var skipClicksSelector = ".tree-view_arrow, .".concat(b('actions'));
 
     function handleClick(event) {
-      const path = event.composedPath().filter(item => item.nodeType === Node.ELEMENT_NODE);
-      const hasSkipped = path.some(el => el.matches(skipClicksSelector));
+      var path = event.composedPath().filter(function (item) {
+        return item.nodeType === Node.ELEMENT_NODE;
+      });
+      var hasSkipped = path.some(function (el) {
+        return el.matches(skipClicksSelector);
+      });
 
       if (!hasSkipped) {
         onClick();
@@ -75,23 +82,21 @@ function TreeView(_ref) {
     }
 
     itemEl.addEventListener('click', handleClick);
-    return () => {
+    return function () {
       itemEl.removeEventListener('click', handleClick);
     };
   }, [onClick]);
 
-  return /*#__PURE__*/_react.default.createElement("div", {
+  return /*#__PURE__*/_react["default"].createElement("div", {
     ref: rootRef,
     className: b({
       'no-arrow': !hasArrow
     }),
-    style: {
-      [TREE_LEVEL_CSS_VAR]: level
-    }
-  }, /*#__PURE__*/_react.default.createElement(_reactTreeview.default, {
+    style: _defineProperty({}, TREE_LEVEL_CSS_VAR, level)
+  }, /*#__PURE__*/_react["default"].createElement(_reactTreeview["default"], {
     collapsed: collapsed,
     itemClassName: b('item', {
-      active
+      active: active
     }),
     nodeLabel: nodeLabel,
     onClick: onArrowClick

package/build/components/TreeView/index.js

@@ -11,7 +11,7 @@ Object.keys(_TreeView).forEach(function (key) {
   if (key in exports && exports[key] === _TreeView[key]) return;
   Object.defineProperty(exports, key, {
     enumerable: true,
-    get: function () {
+    get: function get() {
       return _TreeView[key];
     }
   });

package/build/components/i18n.d.ts

@@ -1,2 +1,2 @@
-import { I18N } from '@yandex-cloud/i18n';
+import { I18N } from '@gravity-ui/i18n';
 export declare const i18n: I18N;

package/build/components/i18n.js

@@ -5,14 +5,14 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.i18n = void 0;
 
-var _i18n = require("@yandex-cloud/i18n");
+var _i18n = require("@gravity-ui/i18n");
 
 var _configure = require("../utils/configure");
 
-const i18n = new _i18n.I18N();
+var i18n = new _i18n.I18N();
 exports.i18n = i18n;
 i18n.setLang((0, _configure.getConfig)().lang || _configure.Lang.En);
-(0, _configure.subscribeConfigure)(config => {
+(0, _configure.subscribeConfigure)(function (config) {
   if (config.lang) {
     i18n.setLang(config.lang);
   }

package/build/components/icons/ColumnTable.js

@@ -7,46 +7,46 @@ exports.ColumnTableIcon = ColumnTableIcon;
 
 var _react = _interopRequireDefault(require("react"));
 
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
 
 function _extends() { _extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
 
 function ColumnTableIcon(props) {
-  return /*#__PURE__*/_react.default.createElement("svg", _extends({
+  return /*#__PURE__*/_react["default"].createElement("svg", _extends({
     xmlns: "http://www.w3.org/2000/svg",
     viewBox: "0 0 16 16",
     fill: "currentColor"
-  }, props), /*#__PURE__*/_react.default.createElement("rect", {
+  }, props), /*#__PURE__*/_react["default"].createElement("rect", {
     x: "2",
     y: "3",
     width: "5",
     height: "2.5",
     rx: "0.5"
-  }), /*#__PURE__*/_react.default.createElement("rect", {
+  }), /*#__PURE__*/_react["default"].createElement("rect", {
     x: "2",
     y: "7",
     width: "5",
     height: "2.5",
     rx: "0.5"
-  }), /*#__PURE__*/_react.default.createElement("rect", {
+  }), /*#__PURE__*/_react["default"].createElement("rect", {
     x: "2",
     y: "11",
     width: "5",
     height: "2.5",
     rx: "0.5"
-  }), /*#__PURE__*/_react.default.createElement("rect", {
+  }), /*#__PURE__*/_react["default"].createElement("rect", {
     x: "9",
     y: "3",
     width: "5",
     height: "2.5",
     rx: "0.5"
-  }), /*#__PURE__*/_react.default.createElement("rect", {
+  }), /*#__PURE__*/_react["default"].createElement("rect", {
     x: "9",
     y: "7",
     width: "5",
     height: "2.5",
     rx: "0.5"
-  }), /*#__PURE__*/_react.default.createElement("rect", {
+  }), /*#__PURE__*/_react["default"].createElement("rect", {
     x: "9",
     y: "11",
     width: "5",

package/build/components/icons/Database.js

@@ -7,16 +7,16 @@ exports.DatabaseIcon = DatabaseIcon;
 
 var _react = _interopRequireDefault(require("react"));
 
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
 
 function _extends() { _extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
 
 function DatabaseIcon(props) {
-  return /*#__PURE__*/_react.default.createElement("svg", _extends({
+  return /*#__PURE__*/_react["default"].createElement("svg", _extends({
     xmlns: "http://www.w3.org/2000/svg",
     viewBox: "0 0 448 512",
     fill: "currentColor"
-  }, props), /*#__PURE__*/_react.default.createElement("path", {
+  }, props), /*#__PURE__*/_react["default"].createElement("path", {
     d: "M448 80V128C448 172.2 347.7 208 224 208C100.3 208 0 172.2 0 128V80C0 35.82 100.3 0 224 0C347.7 0 448 35.82 448 80zM393.2 214.7C413.1 207.3 433.1 197.8 448 186.1V288C448 332.2 347.7 368 224 368C100.3 368 0 332.2 0 288V186.1C14.93 197.8 34.02 207.3 54.85 214.7C99.66 230.7 159.5 240 224 240C288.5 240 348.3 230.7 393.2 214.7V214.7zM54.85 374.7C99.66 390.7 159.5 400 224 400C288.5 400 348.3 390.7 393.2 374.7C413.1 367.3 433.1 357.8 448 346.1V432C448 476.2 347.7 512 224 512C100.3 512 0 476.2 0 432V346.1C14.93 357.8 34.02 367.3 54.85 374.7z"
   }));
 }

package/build/components/icons/Folder.js

@@ -7,16 +7,16 @@ exports.FolderIcon = FolderIcon;
 
 var _react = _interopRequireDefault(require("react"));
 
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
 
 function _extends() { _extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
 
 function FolderIcon(props) {
-  return /*#__PURE__*/_react.default.createElement("svg", _extends({
+  return /*#__PURE__*/_react["default"].createElement("svg", _extends({
     xmlns: "http://www.w3.org/2000/svg",
     viewBox: "0 0 16 16",
     fill: "currentColor"
-  }, props), /*#__PURE__*/_react.default.createElement("path", {
+  }, props), /*#__PURE__*/_react["default"].createElement("path", {
     d: "M13.2812 4.875H8.40625L6.78125 3.25H2.71875C2.0332 3.25 1.5 3.80859 1.5 4.46875V11.7812C1.5 12.4668 2.0332 13 2.71875 13H13.2812C13.9414 13 14.5 12.4668 14.5 11.7812V6.09375C14.5 5.43359 13.9414 4.875 13.2812 4.875Z"
   }));
 }

package/build/components/icons/FolderOpen.js

@@ -7,16 +7,16 @@ exports.FolderOpenIcon = FolderOpenIcon;
 
 var _react = _interopRequireDefault(require("react"));
 
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
 
 function _extends() { _extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
 
 function FolderOpenIcon(props) {
-  return /*#__PURE__*/_react.default.createElement("svg", _extends({
+  return /*#__PURE__*/_react["default"].createElement("svg", _extends({
     xmlns: "http://www.w3.org/2000/svg",
     viewBox: "0 0 16 16",
     fill: "currentColor"
-  }, props), /*#__PURE__*/_react.default.createElement("path", {
+  }, props), /*#__PURE__*/_react["default"].createElement("path", {
     d: "M15.2109 9.06445C15.4648 8.6582 15.1602 8.125 14.6777 8.125H4.54688C4.01367 8.125 3.37891 8.50586 3.125 8.9375L1.29688 12.0859C1.04297 12.4922 1.34766 13 1.83008 13H11.9609C12.4941 13 13.1289 12.6445 13.3828 12.2129L15.2109 9.06445ZM4.54688 7.3125H12.875V6.09375C12.875 5.43359 12.3164 4.875 11.6562 4.875H7.59375L5.96875 3.25H1.90625C1.2207 3.25 0.6875 3.80859 0.6875 4.46875V11.5527L2.43945 8.53125C2.87109 7.79492 3.6582 7.3125 4.54688 7.3125Z"
   }));
 }

package/build/components/icons/Index.js

@@ -7,16 +7,16 @@ exports.IndexIcon = IndexIcon;
 
 var _react = _interopRequireDefault(require("react"));
 
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
 
 function _extends() { _extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
 
 function IndexIcon(props) {
-  return /*#__PURE__*/_react.default.createElement("svg", _extends({
+  return /*#__PURE__*/_react["default"].createElement("svg", _extends({
     xmlns: "http://www.w3.org/2000/svg",
     viewBox: "0 0 16 16",
     fill: "currentColor"
-  }, props), /*#__PURE__*/_react.default.createElement("path", {
+  }, props), /*#__PURE__*/_react["default"].createElement("path", {
     "fill-rule": "evenodd",
     "clip-rule": "evenodd",
     d: "M2.21875 2H9.97675L6.6875 7.29469V5.25H2.625V7.6875H6.44347L6.10429 8.23348V8.23454C5.9286 8.50001 5.92847 8.93002 5.9286 9.03845C5.9286 9.13568 5.9579 9.2302 6.01212 9.3125H2.625V11.75H6.6875V9.57909L8.3125 9.60141V11.75H8.96364L8.68578 13.375H2.21875C1.5332 13.375 1 12.8418 1 12.1562V3.21875C1 2.55859 1.5332 2 2.21875 2ZM12.7812 13.375H11.5739L14 9.27358V12.1562C14 12.8418 13.4414 13.375 12.7812 13.375ZM14 3.21875V6H12L12.6784 2H12.7812C13.4414 2 14 2.55859 14 3.21875ZM10.962 2.06484C11.034 2.02249 11.1162 2.00009 11.2 2C11.3238 2 11.4425 2.04863 11.53 2.13518C11.6175 2.22174 11.6667 2.33913 11.6667 2.46154C11.6666 2.50769 11.6595 2.55358 11.6457 2.59766L10.9667 7.07692H13.5333C13.7909 7.07692 14 7.28369 14 7.53846C14 7.63899 13.9604 7.72676 13.9052 7.80258L13.9098 7.8107L10.2129 13.7539H10.212C10.1724 13.8281 10.1131 13.8902 10.0405 13.9335C9.96796 13.9769 9.8848 13.9999 9.8 14C9.67623 14 9.55753 13.9514 9.47002 13.8648C9.3825 13.7783 9.33333 13.6609 9.33333 13.5385C9.33325 13.5076 9.33631 13.4768 9.34245 13.4465L10.0333 8.92308H7.46667C7.3429 8.92308 7.2242 8.87445 7.13668 8.7879C7.04917 8.70134 7 8.58395 7 8.46154C6.9999 8.3686 7.02818 8.2778 7.08112 8.20102V8.20012L10.7908 2.24069C10.8308 2.16793 10.89 2.10719 10.962 2.06484Z"

package/build/components/icons/Table.js

@@ -7,16 +7,16 @@ exports.TableIcon = TableIcon;
 
 var _react = _interopRequireDefault(require("react"));
 
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
 
 function _extends() { _extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
 
 function TableIcon(props) {
-  return /*#__PURE__*/_react.default.createElement("svg", _extends({
+  return /*#__PURE__*/_react["default"].createElement("svg", _extends({
     xmlns: "http://www.w3.org/2000/svg",
     viewBox: "0 0 16 16",
     fill: "currentColor"
-  }, props), /*#__PURE__*/_react.default.createElement("path", {
+  }, props), /*#__PURE__*/_react["default"].createElement("path", {
     d: "M12.7812 2.4375H2.21875C1.5332 2.4375 1 2.99609 1 3.65625V12.5938C1 13.2793 1.5332 13.8125 2.21875 13.8125H12.7812C13.4414 13.8125 14 13.2793 14 12.5938V3.65625C14 2.99609 13.4414 2.4375 12.7812 2.4375ZM6.6875 12.1875H2.625V9.75H6.6875V12.1875ZM6.6875 8.125H2.625V5.6875H6.6875V8.125ZM12.375 12.1875H8.3125V9.75H12.375V12.1875ZM12.375 8.125H8.3125V5.6875H12.375V8.125Z"
   }));
 }

package/build/components/icons/Topic.js

@@ -7,16 +7,16 @@ exports.TopicIcon = TopicIcon;
 
 var _react = _interopRequireDefault(require("react"));
 
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
 
 function _extends() { _extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
 
 function TopicIcon(props) {
-  return /*#__PURE__*/_react.default.createElement("svg", _extends({
+  return /*#__PURE__*/_react["default"].createElement("svg", _extends({
     xmlns: "http://www.w3.org/2000/svg",
     viewBox: "0 0 16 16",
     fill: "currentColor"
-  }, props), /*#__PURE__*/_react.default.createElement("path", {
+  }, props), /*#__PURE__*/_react["default"].createElement("path", {
     d: "M1.90625 4.875H12.4688C12.6719 4.875 12.875 4.69727 12.875 4.46875V2.84375C12.875 2.64062 12.6719 2.4375 12.4688 2.4375H1.90625C1.67773 2.4375 1.5 2.64062 1.5 2.84375V4.46875C1.5 4.69727 1.67773 4.875 1.90625 4.875ZM14.0938 6.90625H3.53125C3.30273 6.90625 3.125 7.10938 3.125 7.3125V8.9375C3.125 9.16602 3.30273 9.34375 3.53125 9.34375H14.0938C14.2969 9.34375 14.5 9.16602 14.5 8.9375V7.3125C14.5 7.10938 14.2969 6.90625 14.0938 6.90625ZM12.4688 11.375H1.90625C1.67773 11.375 1.5 11.5781 1.5 11.7812V13.4062C1.5 13.6348 1.67773 13.8125 1.90625 13.8125H12.4688C12.6719 13.8125 12.875 13.6348 12.875 13.4062V11.7812C12.875 11.5781 12.6719 11.375 12.4688 11.375Z"
   }));
 }

package/build/index.d.ts

@@ -1,4 +1,3 @@
 export * from './components/NavigationTree';
 export * from './components/TreeView';
-export { i18n } from './components/i18n';
 export * from './utils';

package/build/index.js

@@ -3,25 +3,15 @@
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-var _exportNames = {
-  i18n: true
-};
-Object.defineProperty(exports, "i18n", {
-  enumerable: true,
-  get: function () {
-    return _i18n.i18n;
-  }
-});
 
 var _NavigationTree = require("./components/NavigationTree");
 
 Object.keys(_NavigationTree).forEach(function (key) {
   if (key === "default" || key === "__esModule") return;
-  if (Object.prototype.hasOwnProperty.call(_exportNames, key)) return;
   if (key in exports && exports[key] === _NavigationTree[key]) return;
   Object.defineProperty(exports, key, {
     enumerable: true,
-    get: function () {
+    get: function get() {
       return _NavigationTree[key];
     }
   });
@@ -31,27 +21,23 @@ var _TreeView = require("./components/TreeView");
 
 Object.keys(_TreeView).forEach(function (key) {
   if (key === "default" || key === "__esModule") return;
-  if (Object.prototype.hasOwnProperty.call(_exportNames, key)) return;
   if (key in exports && exports[key] === _TreeView[key]) return;
   Object.defineProperty(exports, key, {
     enumerable: true,
-    get: function () {
+    get: function get() {
       return _TreeView[key];
     }
   });
 });
 
-var _i18n = require("./components/i18n");
-
 var _utils = require("./utils");
 
 Object.keys(_utils).forEach(function (key) {
   if (key === "default" || key === "__esModule") return;
-  if (Object.prototype.hasOwnProperty.call(_exportNames, key)) return;
   if (key in exports && exports[key] === _utils[key]) return;
   Object.defineProperty(exports, key, {
     enumerable: true,
-    get: function () {
+    get: function get() {
       return _utils[key];
     }
   });

package/build/utils/configure.js

@@ -4,7 +4,7 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.subscribeConfigure = exports.getConfig = exports.configure = exports.Lang = void 0;
-let Lang;
+var Lang;
 exports.Lang = Lang;
 
 (function (Lang) {
@@ -12,27 +12,31 @@ exports.Lang = Lang;
   Lang["En"] = "en";
 })(Lang || (exports.Lang = Lang = {}));
 
-let subs = [];
-const config = {};
+var subs = [];
+var config = {};
 
-const configure = newConfig => {
+var configure = function configure(newConfig) {
   Object.assign(config, newConfig);
-  subs.forEach(sub => {
+  subs.forEach(function (sub) {
     sub(config);
   });
 };
 
 exports.configure = configure;
 
-const subscribeConfigure = sub => {
+var subscribeConfigure = function subscribeConfigure(sub) {
   subs.push(sub);
-  return () => {
-    subs = subs.filter(item => item !== sub);
+  return function () {
+    subs = subs.filter(function (item) {
+      return item !== sub;
+    });
   };
 };
 
 exports.subscribeConfigure = subscribeConfigure;
 
-const getConfig = () => config;
+var getConfig = function getConfig() {
+  return config;
+};
 
 exports.getConfig = getConfig;

package/build/utils/index.js

@@ -5,13 +5,13 @@ Object.defineProperty(exports, "__esModule", {
 });
 Object.defineProperty(exports, "Lang", {
   enumerable: true,
-  get: function () {
+  get: function get() {
     return _configure.Lang;
   }
 });
 Object.defineProperty(exports, "configure", {
   enumerable: true,
-  get: function () {
+  get: function get() {
     return _configure.configure;
   }
 });

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "ydb-ui-components",
-  "version": "2.4.1",
+  "version": "3.0.0",
   "description": "",
   "license": "MIT",
   "main": "build/index.js",
@@ -23,6 +23,7 @@
     "prepublishOnly": "npm run build"
   },
   "dependencies": {
+    "@gravity-ui/i18n": "^1.0.0",
     "bem-cn-lite": "^4.1.0",
     "react-list": "^0.8.17",
     "react-treeview": "^0.4.7"
@@ -34,18 +35,16 @@
     "@babel/preset-typescript": "^7.16.7",
     "@commitlint/cli": "^16.2.3",
     "@commitlint/config-conventional": "^16.2.1",
+    "@gravity-ui/eslint-config": "^1.0.2",
+    "@gravity-ui/prettier-config": "^1.0.1",
+    "@gravity-ui/stylelint-config": "^1.0.1",
+    "@gravity-ui/tsconfig": "^1.0.0",
+    "@gravity-ui/uikit": "^3.0.1",
     "@storybook/addon-essentials": "^6.4.19",
     "@storybook/preset-scss": "^1.0.3",
     "@storybook/react": "^6.4.19",
     "@types/react-list": "^0.8.7",
     "@types/react-treeview": "^0.4.3",
-    "@yandex-cloud/browserslist-config": "^1.0.1",
-    "@yandex-cloud/eslint-config": "^1.0.0",
-    "@yandex-cloud/i18n": "^0.6.0",
-    "@yandex-cloud/prettier-config": "^1.0.0",
-    "@yandex-cloud/stylelint-config": "^1.1.0",
-    "@yandex-cloud/tsconfig": "^1.0.0",
-    "@yandex-cloud/uikit": "^2.4.0",
     "css-loader": "^5.2.7",
     "eslint": "^8.11.0",
     "gulp": "^4.0.2",
@@ -67,13 +66,8 @@
     "typescript": "^4.6.2"
   },
   "peerDependencies": {
-    "@yandex-cloud/browserslist-config": "^1.0.1",
-    "@yandex-cloud/i18n": "^0.6.0",
-    "@yandex-cloud/uikit": "^2.4.0",
+    "@gravity-ui/uikit": "^3.0.1",
     "react": "^16.0.0",
     "react-dom": "^16.0.0"
-  },
-  "browserslist": [
-    "extends @yandex-cloud/browserslist-config"
-  ]
+  }
 }