ydb-ui-components 2.4.0 → 3.0.0

package/CHANGELOG.md

@@ -1,5 +1,37 @@
 # 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)
+
+
+### Bug Fixes
+
+* **NavigationTree:** add node types & update icons ([909b560](https://github.com/ydb-platform/ydb-ui-components/commit/909b5607b6309cb42401afdb7b869f2a2e8ab908))
+
 ## [2.4.0](https://github.com/ydb-platform/ydb-ui-components/compare/v2.3.0...v2.4.0) (2022-07-28)
 
 

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

@@ -17,29 +17,50 @@ var _FolderOpen = require("../icons/FolderOpen");
 
 var _Table = require("../icons/Table");
 
+var _Topic = require("../icons/Topic");
+
+var _Index = require("../icons/Index");
+
+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':
-      return /*#__PURE__*/_react.default.createElement(_Database.DatabaseIcon, {
+      // this icon is larger than the others, therefore 14 for a better fit
+      return /*#__PURE__*/_react["default"].createElement(_Database.DatabaseIcon, {
         height: 14
       });
 
     case 'directory':
+      return collapsed ? /*#__PURE__*/_react["default"].createElement(_Folder.FolderIcon, {
+        height: 16
+      }) : /*#__PURE__*/_react["default"].createElement(_FolderOpen.FolderOpenIcon, {
+        height: 16
+      });
+
     case 'index':
-      return collapsed ? /*#__PURE__*/_react.default.createElement(_Folder.FolderIcon, {
-        height: 14
-      }) : /*#__PURE__*/_react.default.createElement(_FolderOpen.FolderOpenIcon, {
-        height: 14
+      return /*#__PURE__*/_react["default"].createElement(_Index.IndexIcon, {
+        height: 16
       });
 
     case 'table':
     case 'index_table':
-      return /*#__PURE__*/_react.default.createElement(_Table.TableIcon, {
-        height: 14
+      return /*#__PURE__*/_react["default"].createElement(_Table.TableIcon, {
+        height: 16
+      });
+
+    case 'column_table':
+      return /*#__PURE__*/_react["default"].createElement(_ColumnTable.ColumnTableIcon, {
+        height: 16
+      });
+
+    case 'topic':
+      return /*#__PURE__*/_react["default"].createElement(_Topic.TopicIcon, {
+        height: 16
       });
 
     default:
@@ -48,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
           }
         });
       }
@@ -83,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,5 +1,5 @@
-import { DropdownMenuItemMixed } from '@yandex-cloud/uikit';
-export declare type NavigationTreeNodeType = 'database' | 'directory' | 'table' | 'index_table' | 'index';
+import { DropdownMenuItemMixed } from '@gravity-ui/uikit';
+export declare type NavigationTreeNodeType = 'database' | 'directory' | 'table' | 'column_table' | 'index_table' | 'index' | 'topic';
 export interface NavigationTreeDataItem {
     name: string;
     type: NavigationTreeNodeType;