ydb-ui-components 3.6.0 → 4.0.0

package/build/cjs/components/NavigationTree/EmptyView/EmptyView.d.ts

@@ -1,5 +1,5 @@
 /// <reference types="react" />
-import './EmptyView.scss';
+import './EmptyView.css';
 interface EmptyViewProps {
     level?: number;
 }

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

@@ -1,30 +1,14 @@
 "use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.EmptyView = EmptyView;
-
-var _react = _interopRequireDefault(require("react"));
-
-var _bemCnLite = _interopRequireDefault(require("bem-cn-lite"));
-
-var _i18n = _interopRequireDefault(require("../i18n"));
-
-var _TreeView = require("../../TreeView/TreeView");
-
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.EmptyView = void 0;
+const tslib_1 = require("tslib");
+const jsx_runtime_1 = require("react/jsx-runtime");
+const cn_1 = require("../../../utils/cn");
+const TreeView_1 = require("../../TreeView/TreeView");
+const i18n_1 = tslib_1.__importDefault(require("../i18n"));
 require("./EmptyView.css");
-
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
-
-var b = (0, _bemCnLite["default"])('ydb-navigation-tree-view-empty');
-
-function EmptyView(_ref) {
-  var level = _ref.level;
-  return /*#__PURE__*/_react["default"].createElement(_TreeView.TreeView, {
-    name: /*#__PURE__*/_react["default"].createElement("span", {
-      className: b()
-    }, (0, _i18n["default"])('label_empty')),
-    level: level
-  });
-}
+const b = (0, cn_1.block)('ydb-navigation-tree-view-empty');
+function EmptyView({ level }) {
+    return (0, jsx_runtime_1.jsx)(TreeView_1.TreeView, { name: (0, jsx_runtime_1.jsx)("span", { className: b(), children: (0, i18n_1.default)('label_empty') }), level: level });
+}
+exports.EmptyView = EmptyView;

package/build/cjs/components/NavigationTree/ErrorView/ErrorView.d.ts

@@ -1,5 +1,5 @@
 /// <reference types="react" />
-import './ErrorView.scss';
+import './ErrorView.css';
 interface ErrorViewProps {
     level?: number;
 }

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

@@ -1,30 +1,14 @@
 "use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.ErrorView = ErrorView;
-
-var _react = _interopRequireDefault(require("react"));
-
-var _bemCnLite = _interopRequireDefault(require("bem-cn-lite"));
-
-var _i18n = _interopRequireDefault(require("../i18n"));
-
-var _TreeView = require("../../TreeView/TreeView");
-
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.ErrorView = void 0;
+const tslib_1 = require("tslib");
+const jsx_runtime_1 = require("react/jsx-runtime");
+const cn_1 = require("../../../utils/cn");
+const TreeView_1 = require("../../TreeView/TreeView");
+const i18n_1 = tslib_1.__importDefault(require("../i18n"));
 require("./ErrorView.css");
-
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
-
-var b = (0, _bemCnLite["default"])('ydb-navigation-tree-view-error');
-
-function ErrorView(_ref) {
-  var level = _ref.level;
-  return /*#__PURE__*/_react["default"].createElement(_TreeView.TreeView, {
-    name: /*#__PURE__*/_react["default"].createElement("span", {
-      className: b()
-    }, (0, _i18n["default"])('label_error')),
-    level: level
-  });
-}
+const b = (0, cn_1.block)('ydb-navigation-tree-view-error');
+function ErrorView({ level }) {
+    return (0, jsx_runtime_1.jsx)(TreeView_1.TreeView, { name: (0, jsx_runtime_1.jsx)("span", { className: b(), children: (0, i18n_1.default)('label_error') }), level: level });
+}
+exports.ErrorView = ErrorView;

package/build/cjs/components/NavigationTree/LoaderView/LoaderView.d.ts

@@ -1,5 +1,5 @@
 /// <reference types="react" />
-import './LoaderView.scss';
+import './LoaderView.css';
 interface LoaderViewProps {
     level?: number;
 }

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

@@ -1,32 +1,13 @@
 "use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.LoaderView = LoaderView;
-
-var _react = _interopRequireDefault(require("react"));
-
-var _bemCnLite = _interopRequireDefault(require("bem-cn-lite"));
-
-var _uikit = require("@gravity-ui/uikit");
-
-var _TreeView = require("../../TreeView/TreeView");
-
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.LoaderView = void 0;
+const jsx_runtime_1 = require("react/jsx-runtime");
+const uikit_1 = require("@gravity-ui/uikit");
+const cn_1 = require("../../../utils/cn");
+const TreeView_1 = require("../../TreeView/TreeView");
 require("./LoaderView.css");
-
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
-
-var b = (0, _bemCnLite["default"])('ydb-navigation-tree-view-loader');
-
-function LoaderView(_ref) {
-  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, {
-      size: "xs"
-    })),
-    level: level
-  });
-}
+const b = (0, cn_1.block)('ydb-navigation-tree-view-loader');
+function LoaderView({ level }) {
+    return ((0, jsx_runtime_1.jsx)(TreeView_1.TreeView, { name: (0, jsx_runtime_1.jsx)("div", { className: b(), children: (0, jsx_runtime_1.jsx)(uikit_1.Spin, { size: "xs" }) }), level: level }));
+}
+exports.LoaderView = LoaderView;

package/build/cjs/components/NavigationTree/NavigationTree.js

@@ -1,119 +1,39 @@
 "use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.NavigationTree = NavigationTree;
-
-var _react = _interopRequireDefault(require("react"));
-
-var _reactList = _interopRequireDefault(require("react-list"));
-
-var _state = require("./state");
-
-var _utils = require("./utils");
-
-var _NavigationTreeNode = require("./NavigationTreeNode");
-
-var _LoaderView = require("./LoaderView/LoaderView");
-
-var _ErrorView = require("./ErrorView/ErrorView");
-
-var _EmptyView = require("./EmptyView/EmptyView");
-
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
-
-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, {
-      key: key,
-      level: node.level
-    });
-  }
-
-  if (node.status === 'error') {
-    return /*#__PURE__*/_react["default"].createElement(_ErrorView.ErrorView, {
-      key: key,
-      level: node.level
-    });
-  }
-
-  return /*#__PURE__*/_react["default"].createElement(_EmptyView.EmptyView, {
-    key: key,
-    level: node.level
-  });
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.NavigationTree = void 0;
+const tslib_1 = require("tslib");
+const jsx_runtime_1 = require("react/jsx-runtime");
+const react_1 = tslib_1.__importDefault(require("react"));
+const react_list_1 = tslib_1.__importDefault(require("react-list"));
+const EmptyView_1 = require("./EmptyView/EmptyView");
+const ErrorView_1 = require("./ErrorView/ErrorView");
+const LoaderView_1 = require("./LoaderView/LoaderView");
+const NavigationTreeNode_1 = require("./NavigationTreeNode");
+const state_1 = require("./state");
+const utils_1 = require("./utils");
+const renderServiceNode = (node) => {
+    const key = `${node.path}|${node.status}`;
+    if (node.status === 'loading') {
+        return (0, jsx_runtime_1.jsx)(LoaderView_1.LoaderView, { level: node.level }, key);
+    }
+    if (node.status === 'error') {
+        return (0, jsx_runtime_1.jsx)(ErrorView_1.ErrorView, { level: node.level }, key);
+    }
+    return (0, jsx_runtime_1.jsx)(EmptyView_1.EmptyView, { level: node.level }, key);
 };
-
-function NavigationTree(_ref) {
-  var partialRootState = _ref.rootState,
-      fetchPath = _ref.fetchPath,
-      getActions = _ref.getActions,
-      renderAdditionalNodeElements = _ref.renderAdditionalNodeElements,
-      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,
-      activePath: activePath,
-      fetchPath: fetchPath,
-      dispatch: dispatch,
-      onActivate: onActivePathUpdate,
-      getActions: getActions,
-      renderAdditionalNodeElements: renderAdditionalNodeElements,
-      cache: cache,
-      level: node.level
+function NavigationTree({ rootState: partialRootState, fetchPath, getActions, renderAdditionalNodeElements, activePath, onActivePathUpdate, cache = true, virtualize = false, }) {
+    const [state, dispatch] = react_1.default.useReducer(state_1.reducer, {
+        [partialRootState.path]: (0, state_1.getNodeState)(partialRootState),
     });
-  };
-
-  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);
-      }
-    });
-  };
-
-  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();
-}
+    const nodesList = react_1.default.useMemo(() => (0, state_1.selectTreeAsList)(state, partialRootState.path), [partialRootState.path, state]);
+    const renderNode = (node) => {
+        return ((0, jsx_runtime_1.jsx)(NavigationTreeNode_1.NavigationTreeNode, { state: state, path: node.path, activePath: activePath, fetchPath: fetchPath, dispatch: dispatch, onActivate: onActivePathUpdate, getActions: getActions, renderAdditionalNodeElements: renderAdditionalNodeElements, cache: cache, level: node.level }, node.path));
+    };
+    const renderVirtualizedTree = () => ((0, jsx_runtime_1.jsx)(react_list_1.default, { type: "uniform", length: nodesList.length, useStaticSize: true, itemRenderer: (index) => {
+            const node = nodesList[index];
+            return (0, utils_1.isServiceNode)(node) ? renderServiceNode(node) : renderNode(node);
+        } }));
+    const renderSimpleTree = () => ((0, jsx_runtime_1.jsx)(react_1.default.Fragment, { children: nodesList.map((node) => (0, utils_1.isServiceNode)(node) ? renderServiceNode(node) : renderNode(node)) }));
+    return virtualize ? renderVirtualizedTree() : renderSimpleTree();
+}
+exports.NavigationTree = NavigationTree;

package/build/cjs/components/NavigationTree/NavigationTreeNode.d.ts

@@ -1,6 +1,6 @@
 import React from 'react';
-import { NavigationTreeState, NavigationTreeProps } from './types';
-import { NavigationTreeAction } from './state';
+import type { NavigationTreeAction } from './state';
+import type { NavigationTreeProps, NavigationTreeState } from './types';
 export interface NavigationTreeNodeProps {
     path: string;
     fetchPath: NavigationTreeProps['fetchPath'];

package/build/cjs/components/NavigationTree/NavigationTreeNode.js

@@ -1,179 +1,92 @@
 "use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.NavigationTreeNode = NavigationTreeNode;
-
-var _react = _interopRequireDefault(require("react"));
-
-var _state = require("./state");
-
-var _Database = require("../icons/Database");
-
-var _Folder = require("../icons/Folder");
-
-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 _ExternalTable = require("../icons/ExternalTable");
-
-var _ExternalDataSource = require("../icons/ExternalDataSource");
-
-var _TreeView = require("../TreeView/TreeView");
-
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
-
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.NavigationTreeNode = void 0;
+const tslib_1 = require("tslib");
+const jsx_runtime_1 = require("react/jsx-runtime");
+const react_1 = tslib_1.__importDefault(require("react"));
+const TreeView_1 = require("../TreeView/TreeView");
+const ColumnTable_1 = require("../icons/ColumnTable");
+const Database_1 = require("../icons/Database");
+const ExternalDataSource_1 = require("../icons/ExternalDataSource");
+const ExternalTable_1 = require("../icons/ExternalTable");
+const Folder_1 = require("../icons/Folder");
+const FolderOpen_1 = require("../icons/FolderOpen");
+const Index_1 = require("../icons/Index");
+const Table_1 = require("../icons/Table");
+const Topic_1 = require("../icons/Topic");
+const state_1 = require("./state");
 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, {
-        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 /*#__PURE__*/_react["default"].createElement(_Index.IndexIcon, {
-        height: 16
-      });
-
-    case 'table':
-    case 'index_table':
-      return /*#__PURE__*/_react["default"].createElement(_Table.TableIcon, {
-        height: 16
-      });
-
-    case 'column_table':
-      return /*#__PURE__*/_react["default"].createElement(_ColumnTable.ColumnTableIcon, {
-        height: 16
-      });
-
-    case 'stream':
-    case 'topic':
-      return /*#__PURE__*/_react["default"].createElement(_Topic.TopicIcon, {
-        height: 16
-      });
-
-    case 'external_table':
-      return /*#__PURE__*/_react["default"].createElement(_ExternalTable.ExternalTableIcon, {
-        height: 16
-      });
-
-    case 'external_data_source':
-      return /*#__PURE__*/_react["default"].createElement(_ExternalDataSource.ExternalDataSourceIcon, {
-        height: 16
-      });
-
-    default:
-      return null;
-  }
+    switch (type) {
+        case 'database':
+            // this icon is larger than the others, therefore 14 for a better fit
+            return (0, jsx_runtime_1.jsx)(Database_1.DatabaseIcon, { height: 14 });
+        case 'directory':
+            return collapsed ? (0, jsx_runtime_1.jsx)(Folder_1.FolderIcon, { height: 16 }) : (0, jsx_runtime_1.jsx)(FolderOpen_1.FolderOpenIcon, { height: 16 });
+        case 'index':
+            return (0, jsx_runtime_1.jsx)(Index_1.IndexIcon, { height: 16 });
+        case 'table':
+        case 'index_table':
+            return (0, jsx_runtime_1.jsx)(Table_1.TableIcon, { height: 16 });
+        case 'column_table':
+            return (0, jsx_runtime_1.jsx)(ColumnTable_1.ColumnTableIcon, { height: 16 });
+        case 'stream':
+        case 'topic':
+            return (0, jsx_runtime_1.jsx)(Topic_1.TopicIcon, { height: 16 });
+        case 'external_table':
+            return (0, jsx_runtime_1.jsx)(ExternalTable_1.ExternalTableIcon, { height: 16 });
+        case 'external_data_source':
+            return (0, jsx_runtime_1.jsx)(ExternalDataSource_1.ExternalDataSourceIcon, { height: 16 });
+        default:
+            return null;
+    }
 }
-
-function NavigationTreeNode(_ref) {
-  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,
-      renderAdditionalNodeElements = _ref.renderAdditionalNodeElements,
-      cache = _ref.cache;
-  var nodeState = state[path];
-
-  _react["default"].useEffect(function () {
-    if (nodeState.collapsed) {
-      if (!cache) {
+function NavigationTreeNode({ path, fetchPath, activePath, state, level, dispatch, children, onActivate, getActions, renderAdditionalNodeElements, cache, }) {
+    const nodeState = state[path];
+    react_1.default.useEffect(() => {
+        if (nodeState.collapsed) {
+            if (!cache) {
+                dispatch({
+                    type: state_1.NavigationTreeActionType.ResetNode,
+                    payload: { path },
+                });
+            }
+            return;
+        }
+        if (nodeState.loaded || nodeState.loading) {
+            return;
+        }
         dispatch({
-          type: _state.NavigationTreeActionType.ResetNode,
-          payload: {
-            path: path
-          }
+            type: state_1.NavigationTreeActionType.StartLoading,
+            payload: { path },
         });
-      }
-
-      return;
-    }
-
-    if (nodeState.loaded || nodeState.loading) {
-      return;
-    }
-
-    dispatch({
-      type: _state.NavigationTreeActionType.StartLoading,
-      payload: {
-        path: path
-      }
-    });
-    fetchPath(path).then(function (data) {
-      dispatch({
-        type: _state.NavigationTreeActionType.FinishLoading,
-        payload: {
-          path: path,
-          activePath: activePath,
-          data: data
-        }
-      });
-    })["catch"](function (error) {
-      dispatch({
-        type: _state.NavigationTreeActionType.FinishLoading,
-        payload: {
-          path: path,
-          error: error
+        fetchPath(path)
+            .then((data) => {
+            dispatch({
+                type: state_1.NavigationTreeActionType.FinishLoading,
+                payload: { path, activePath, data },
+            });
+        })
+            .catch((error) => {
+            dispatch({
+                type: state_1.NavigationTreeActionType.ErrorLoading,
+                payload: { path, error },
+            });
+        });
+    }, [nodeState.collapsed]);
+    const handleClick = react_1.default.useCallback(() => {
+        if (onActivate) {
+            onActivate(path);
         }
-      });
-    });
-  }, [nodeState.collapsed]);
-
-  var handleClick = _react["default"].useCallback(function () {
-    if (onActivate) {
-      onActivate(path);
-    }
-  }, [path, onActivate]);
-
-  var handleArrowClick = _react["default"].useCallback(function () {
-    dispatch({
-      type: _state.NavigationTreeActionType.ToggleCollapsed,
-      payload: {
-        path: path
-      }
-    });
-  }, []);
-
-  var additionalNodeElements = _react["default"].useMemo(function () {
-    return renderAdditionalNodeElements === null || renderAdditionalNodeElements === void 0 ? void 0 : renderAdditionalNodeElements(nodeState.path, nodeState.type);
-  }, [renderAdditionalNodeElements, nodeState]);
-
-  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, {
-    name: nodeState.name,
-    icon: renderIcon(nodeState.type, nodeState.collapsed),
-    collapsed: nodeState.collapsed,
-    active: nodeState.path === activePath,
-    actions: actions,
-    additionalNodeElements: additionalNodeElements,
-    hasArrow: nodeState.expandable,
-    onClick: handleClick,
-    onArrowClick: handleArrowClick,
-    level: level
-  }, children);
-}
+    }, [path, onActivate]);
+    const handleArrowClick = react_1.default.useCallback(() => {
+        dispatch({ type: state_1.NavigationTreeActionType.ToggleCollapsed, payload: { path } });
+    }, [dispatch, path]);
+    const additionalNodeElements = react_1.default.useMemo(() => {
+        return renderAdditionalNodeElements === null || renderAdditionalNodeElements === void 0 ? void 0 : renderAdditionalNodeElements(nodeState.path, nodeState.type);
+    }, [renderAdditionalNodeElements, nodeState]);
+    const actions = react_1.default.useMemo(() => {
+        return getActions === null || getActions === void 0 ? void 0 : getActions(nodeState.path, nodeState.type);
+    }, [getActions, nodeState]);
+    return ((0, jsx_runtime_1.jsx)(TreeView_1.TreeView, { name: nodeState.name, icon: renderIcon(nodeState.type, nodeState.collapsed), collapsed: nodeState.collapsed, active: nodeState.path === activePath, actions: actions, additionalNodeElements: additionalNodeElements, hasArrow: nodeState.expandable, onClick: handleClick, onArrowClick: handleArrowClick, level: level, children: children }));
+}
+exports.NavigationTreeNode = NavigationTreeNode;

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

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

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

@@ -1,26 +1,8 @@
 "use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports["default"] = void 0;
-
-var _i18n = require("../../i18n");
-
-var _utils = require("../../../utils");
-
-var _en = _interopRequireDefault(require("./en.json"));
-
-var _ru = _interopRequireDefault(require("./ru.json"));
-
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
-
-var COMPONENT = 'ydb-navigation-tree';
-
-_i18n.i18n.registerKeyset(_utils.Lang.En, COMPONENT, _en["default"]);
-
-_i18n.i18n.registerKeyset(_utils.Lang.Ru, COMPONENT, _ru["default"]);
-
-var _default = _i18n.i18n.keyset(COMPONENT);
-
-exports["default"] = _default;
+Object.defineProperty(exports, "__esModule", { value: true });
+const tslib_1 = require("tslib");
+const i18n_1 = require("@gravity-ui/uikit/i18n");
+const en_json_1 = tslib_1.__importDefault(require("./en.json"));
+const ru_json_1 = tslib_1.__importDefault(require("./ru.json"));
+const COMPONENT = 'ydb-navigation-tree';
+exports.default = (0, i18n_1.addComponentKeysets)({ en: en_json_1.default, ru: ru_json_1.default }, COMPONENT);

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

@@ -1,2 +1,2 @@
 export * from './NavigationTree';
-export * from './types';
+export type * from './types';