ydb-ui-components 3.3.0 → 3.4.0

package/build/esm/components/NavigationTree/utils.js

@@ -0,0 +1,68 @@
+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; }
+
+export function isServiceNode(node) {
+  return 'status' in node;
+}
+export function getServiceNode(node, level) {
+  if (node.collapsed) {
+    return undefined;
+  }
+
+  if (node.loading) {
+    return {
+      path: node.path,
+      status: 'loading',
+      level: level + 1
+    };
+  }
+
+  if (node.error) {
+    return {
+      path: node.path,
+      status: 'error',
+      level: level + 1
+    };
+  }
+
+  if (node.loaded && node.children.length === 0) {
+    return {
+      path: node.path,
+      status: 'empty',
+      level: level + 1
+    };
+  }
+
+  return undefined;
+}
+export function traverseDFS(state, path, visit) {
+  var level = arguments.length > 3 && arguments[3] !== undefined ? arguments[3] : 0;
+  var currentNode = state[path];
+
+  if (!currentNode) {
+    return;
+  }
+
+  visit(currentNode, level, path, state);
+
+  if (currentNode.collapsed) {
+    return;
+  }
+
+  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/esm/components/TreeView/TreeView.css

@@ -0,0 +1,90 @@
+.ydb-tree-view {
+  --ydb-tree-view-level: 0;
+  font-size: 13px;
+  line-height: 18px;
+}
+.ydb-tree-view, .ydb-tree-view * {
+  box-sizing: border-box;
+}
+.ydb-tree-view__item {
+  display: flex;
+  align-items: center;
+  height: 24px;
+  padding-left: calc(24px * var(--ydb-tree-view-level));
+  padding-right: 3px;
+  border-bottom: 1px solid var(--yc-color-line-solid);
+  cursor: pointer;
+}
+.ydb-tree-view__item:hover {
+  background-color: var(--yc-color-base-simple-hover);
+}
+.ydb-tree-view__item:hover .ydb-tree-view__actions {
+  display: flex;
+}
+.ydb-tree-view__item_active {
+  font-weight: bold;
+  background-color: var(--yc-color-base-selection);
+}
+.ydb-tree-view__item_active:hover {
+  background-color: var(--yc-color-base-selection-hover);
+}
+.ydb-tree-view__content {
+  flex-grow: 1;
+  display: flex;
+  align-items: center;
+  overflow: hidden;
+}
+.ydb-tree-view__icon {
+  flex-shrink: 0;
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  width: 24px;
+  height: 24px;
+  color: var(--yc-color-text-hint);
+}
+.ydb-tree-view__icon svg {
+  display: block;
+}
+.ydb-tree-view__text {
+  flex-grow: 1;
+  white-space: nowrap;
+  overflow: hidden;
+  text-overflow: ellipsis;
+}
+.ydb-tree-view__actions {
+  display: none;
+  margin-left: 6px;
+  align-items: center;
+}
+.ydb-tree-view .tree-view_arrow {
+  flex-shrink: 0;
+  width: 24px;
+  height: 24px;
+  cursor: pointer;
+  background: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 6 12" width="6" height="12"><path d="M0.192529 10.7483C-0.0845649 11.0562 -0.0596061 11.5304 0.248276 11.8075C0.556159 12.0846 1.03038 12.0596 1.30747 11.7517L0.192529 10.7483ZM5.25 6.25L5.80747 6.75172C6.06418 6.46649 6.06418 6.0335 5.80747 5.74828L5.25 6.25ZM1.30747 0.748277C1.03038 0.440394 0.556159 0.415435 0.248276 0.69253C-0.0596065 0.969624 -0.0845653 1.44384 0.192529 1.75172L1.30747 0.748277ZM1.30747 11.7517L5.80747 6.75172L4.69253 5.74828L0.192529 10.7483L1.30747 11.7517ZM5.80747 5.74828L1.30747 0.748277L0.192529 1.75172L4.69253 6.75172L5.80747 5.74828Z" fill="rgba(0, 0, 0, 0.85)"/></svg>') no-repeat center center;
+}
+.yc-root_theme_dark .ydb-tree-view .tree-view_arrow {
+  background: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 6 12" width="6" height="12"><path d="M0.192529 10.7483C-0.0845649 11.0562 -0.0596061 11.5304 0.248276 11.8075C0.556159 12.0846 1.03038 12.0596 1.30747 11.7517L0.192529 10.7483ZM5.25 6.25L5.80747 6.75172C6.06418 6.46649 6.06418 6.0335 5.80747 5.74828L5.25 6.25ZM1.30747 0.748277C1.03038 0.440394 0.556159 0.415435 0.248276 0.69253C-0.0596065 0.969624 -0.0845653 1.44384 0.192529 1.75172L1.30747 0.748277ZM1.30747 11.7517L5.80747 6.75172L4.69253 5.74828L0.192529 10.7483L1.30747 11.7517ZM5.80747 5.74828L1.30747 0.748277L0.192529 1.75172L4.69253 6.75172L5.80747 5.74828Z" fill="rgba(255, 255, 255, 0.85)"/></svg>') no-repeat center center;
+}
+.ydb-tree-view .tree-view_arrow:not(.tree-view_arrow-collapsed) {
+  transform: rotate(90deg);
+}
+.ydb-tree-view_no-arrow .tree-view_arrow {
+  visibility: hidden;
+}
+.ydb-tree-view .ydb-tree-view .ydb-tree-view__item {
+  padding-left: calc(24px * 1);
+}
+.ydb-tree-view .ydb-tree-view .ydb-tree-view .ydb-tree-view__item {
+  padding-left: calc(24px * 2);
+}
+.ydb-tree-view .ydb-tree-view .ydb-tree-view .ydb-tree-view .ydb-tree-view__item {
+  padding-left: calc(24px * 3);
+}
+.ydb-tree-view .ydb-tree-view .ydb-tree-view .ydb-tree-view .ydb-tree-view .ydb-tree-view__item {
+  padding-left: calc(24px * 4);
+}
+.ydb-tree-view .ydb-tree-view .ydb-tree-view .ydb-tree-view .ydb-tree-view .ydb-tree-view .ydb-tree-view__item {
+  padding-left: calc(24px * 5);
+}

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

@@ -0,0 +1,18 @@
+import React from 'react';
+import { DropdownMenuItemMixed } from '@gravity-ui/uikit';
+import './TreeView.scss';
+export interface TreeViewProps {
+    children?: React.ReactNode;
+    name: React.ReactNode;
+    title?: string;
+    icon?: React.ReactNode;
+    collapsed?: boolean;
+    active?: boolean;
+    onClick?: () => void;
+    onArrowClick?: () => void;
+    hasArrow?: boolean;
+    actions?: DropdownMenuItemMixed<any>[];
+    additionalNodeElements?: JSX.Element;
+    level?: number;
+}
+export declare function TreeView({ children, name, title, icon, collapsed, active, onClick, onArrowClick, hasArrow, actions, additionalNodeElements, level, }: TreeViewProps): JSX.Element;

package/build/esm/components/TreeView/TreeView.js

@@ -0,0 +1,86 @@
+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; }
+
+import React from 'react';
+import block from 'bem-cn-lite';
+import ReactTreeView from 'react-treeview';
+import { DropdownMenu } from '@gravity-ui/uikit';
+import './TreeView.css';
+var TREE_LEVEL_CSS_VAR = '--ydb-tree-view-level';
+var b = block('ydb-tree-view');
+export function TreeView(_ref) {
+  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,
+      additionalNodeElements = _ref.additionalNodeElements,
+      level = _ref.level;
+  var rootRef = React.useRef(null);
+  var nodeLabel = /*#__PURE__*/React.createElement("div", {
+    className: b('content')
+  }, icon && /*#__PURE__*/React.createElement("div", {
+    className: b('icon')
+  }, icon), /*#__PURE__*/React.createElement("div", {
+    className: b('text'),
+    title: title
+  }, name), actions && actions.length > 0 && /*#__PURE__*/React.createElement("div", {
+    className: b('actions')
+  }, additionalNodeElements, /*#__PURE__*/React.createElement(DropdownMenu, {
+    defaultSwitcherProps: {
+      view: 'flat-secondary',
+      size: 's',
+      pin: 'brick-brick'
+    },
+    items: actions
+  })));
+  React.useEffect(function () {
+    var rootEl = rootRef.current;
+    var itemEl = rootEl && rootEl.querySelector(".".concat(b('item')));
+
+    if (!onClick || !itemEl) {
+      return;
+    }
+
+    var skipClicksSelector = ".tree-view_arrow, .".concat(b('actions'));
+
+    function handleClick(event) {
+      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();
+      }
+    }
+
+    itemEl.addEventListener('click', handleClick);
+    return function () {
+      itemEl.removeEventListener('click', handleClick);
+    };
+  }, [onClick]);
+  return /*#__PURE__*/React.createElement("div", {
+    ref: rootRef,
+    className: b({
+      'no-arrow': !hasArrow
+    }),
+    style: _defineProperty({}, TREE_LEVEL_CSS_VAR, level)
+  }, /*#__PURE__*/React.createElement(ReactTreeView, {
+    collapsed: collapsed,
+    itemClassName: b('item', {
+      active: active
+    }),
+    nodeLabel: nodeLabel,
+    onClick: onArrowClick
+  }, children));
+}

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

@@ -0,0 +1 @@
+export * from './TreeView';

package/build/esm/components/TreeView/index.js

@@ -0,0 +1 @@
+export * from './TreeView';

package/build/esm/components/i18n.d.ts

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

package/build/esm/components/i18n.js

@@ -0,0 +1,9 @@
+import { I18N } from '@gravity-ui/i18n';
+import { getConfig, subscribeConfigure, Lang } from '../utils/configure';
+export var i18n = new I18N();
+i18n.setLang(getConfig().lang || Lang.En);
+subscribeConfigure(function (config) {
+  if (config.lang) {
+    i18n.setLang(config.lang);
+  }
+});

package/build/esm/components/icons/ColumnTable.d.ts

@@ -0,0 +1,2 @@
+import React from 'react';
+export declare function ColumnTableIcon(props: React.SVGProps<SVGSVGElement>): JSX.Element;

package/build/esm/components/icons/ColumnTable.js

@@ -0,0 +1,14 @@
+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); }
+
+import React from 'react';
+export function ColumnTableIcon(props) {
+  return /*#__PURE__*/React.createElement("svg", _extends({
+    xmlns: "http://www.w3.org/2000/svg",
+    viewBox: "0 0 16 16",
+    fill: "currentColor"
+  }, props), /*#__PURE__*/React.createElement("path", {
+    fillRule: "evenodd",
+    clipRule: "evenodd",
+    d: "M2.01033 3.79551C2.11275 2.787 2.96447 2 4 2H5.5H7H9H10.5H12C13.1046 2 14 2.89543 14 4V5.5V12C14 13.1046 13.1046 14 12 14H10.5H9H7H5.5H4C2.89543 14 2 13.1046 2 12V5.5V4C2 3.93096 2.0035 3.86275 2.01033 3.79551ZM10.5 12.5H11.5C12.0523 12.5 12.5 12.0523 12.5 11.5V5.5H10.5L10.5 12.5ZM9 5.5L9 12.5H7L7 5.5H9ZM3.5 5.5H5.5L5.5 12.5H4.5C3.94772 12.5 3.5 12.0523 3.5 11.5V5.5Z"
+  }));
+}

package/build/esm/components/icons/Database.d.ts

@@ -0,0 +1,2 @@
+import React from 'react';
+export declare function DatabaseIcon(props: React.SVGProps<SVGSVGElement>): JSX.Element;

package/build/esm/components/icons/Database.js

@@ -0,0 +1,12 @@
+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); }
+
+import React from 'react';
+export function DatabaseIcon(props) {
+  return /*#__PURE__*/React.createElement("svg", _extends({
+    xmlns: "http://www.w3.org/2000/svg",
+    viewBox: "0 0 448 512",
+    fill: "currentColor"
+  }, props), /*#__PURE__*/React.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/esm/components/icons/ExternalDataSource.d.ts

@@ -0,0 +1,2 @@
+import React from 'react';
+export declare function ExternalDataSourceIcon(props: React.SVGProps<SVGSVGElement>): JSX.Element;

package/build/esm/components/icons/ExternalDataSource.js

@@ -0,0 +1,14 @@
+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); }
+
+import React from 'react';
+export function ExternalDataSourceIcon(props) {
+  return /*#__PURE__*/React.createElement("svg", _extends({
+    xmlns: "http://www.w3.org/2000/svg",
+    viewBox: "0 0 16 16",
+    fill: "currentColor"
+  }, props), /*#__PURE__*/React.createElement("path", {
+    fillRule: "evenodd",
+    clipRule: "evenodd",
+    d: "M0 6.75C0 6.35156 0.338542 6 0.722222 6L3.61111 6V3L0.722222 3C0.338542 3 0 2.67188 0 2.25C0 1.85156 0.338542 1.5 0.722222 1.5L3.61111 1.5V0.750001C3.61111 0.351563 3.94965 0 4.33333 0C4.73958 0 5.05556 0.351563 5.05556 0.750001H5.77778C7.53819 0.750001 8.98264 2.03906 9.32118 3.75H12V5.25H9.32118C9.29095 5.4049 9.25189 5.55606 9.20457 5.70291C9.10459 5.73587 9.00778 5.77066 8.9144 5.80723C8.505 5.96755 8.12646 6.17556 7.83841 6.44187C7.5498 6.70871 7.3 7.08678 7.3 7.56255V7.90902C6.83862 8.12843 6.32337 8.25 5.77778 8.25H5.05556C5.05556 8.67188 4.73958 9 4.33333 9C3.94965 9 3.61111 8.67188 3.61111 8.25V7.5L0.722222 7.5C0.338542 7.5 0 7.17188 0 6.75ZM16 8.5V7.5625C16 6.70312 14.1964 6 12 6C9.78571 6 8 6.70312 8 7.5625V8.5C8 9.37891 9.78571 10.0625 12 10.0625C14.1964 10.0625 16 9.37891 16 8.5ZM16 9.65234C15.7321 9.86719 15.375 10.0625 15.0179 10.1992C14.2143 10.5117 13.1429 10.6875 12 10.6875C10.8393 10.6875 9.76786 10.5117 8.96429 10.1992C8.60714 10.0625 8.25 9.86719 8 9.65234V11.625C8 12.5039 9.78571 13.1875 12 13.1875C14.1964 13.1875 16 12.5039 16 11.625V9.65234ZM12 13.8125C10.8393 13.8125 9.76786 13.6367 8.96429 13.3242C8.60714 13.1875 8.25 12.9922 8 12.7773V14.4375C8 15.3164 9.78571 16 12 16C14.1964 16 16 15.3164 16 14.4375V12.7773C15.7321 12.9922 15.375 13.1875 15.0179 13.3242C14.2143 13.6367 13.1429 13.8125 12 13.8125Z"
+  }));
+}

package/build/esm/components/icons/ExternalTable.d.ts

@@ -0,0 +1,2 @@
+import React from 'react';
+export declare function ExternalTableIcon(props: React.SVGProps<SVGSVGElement>): JSX.Element;

package/build/esm/components/icons/ExternalTable.js

@@ -0,0 +1,14 @@
+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); }
+
+import React from 'react';
+export function ExternalTableIcon(props) {
+  return /*#__PURE__*/React.createElement("svg", _extends({
+    xmlns: "http://www.w3.org/2000/svg",
+    viewBox: "0 0 16 16",
+    fill: "currentColor"
+  }, props), /*#__PURE__*/React.createElement("path", {
+    fillRule: "evenodd",
+    clipRule: "evenodd",
+    d: "M0 6.75C0 6.35156 0.351562 6 0.75 6L3.75 6V3L0.75 3C0.351562 3 0 2.67188 0 2.25C0 1.85156 0.351562 1.5 0.75 1.5L3.75 1.5V0.750001C3.75 0.351563 4.10156 0 4.5 0C4.92188 0 5.25 0.351563 5.25 0.750001H6C7.82812 0.750001 9.32812 2.03906 9.67969 3.75H12V5.25H9.67969C9.60376 5.62455 9.47428 5.97724 9.2995 6.30005H7.19969C6.09701 6.30005 5.26846 7.20143 5.25 8.25C5.25 8.67188 4.92188 9 4.5 9C4.10156 9 3.75 8.67188 3.75 8.25V7.5L0.75 7.5C0.351562 7.5 0 7.17188 0 6.75ZM16 8.28571C16 7.58259 15.4336 7 14.75 7H7.25C6.54688 7 6 7.58259 6 8.28571V14.7143C6 15.4375 6.54688 16 7.25 16H14.75C15.4336 16 16 15.4375 16 14.7143V8.28571ZM10.375 9.57143V11.5H7.25V9.57143H10.375ZM7.25 14.7143V12.7857H10.375V14.7143H7.25ZM14.75 14.7143H11.625V12.7857H14.75V14.7143ZM14.75 9.57143V11.5H11.625V9.57143H14.75Z"
+  }));
+}

package/build/esm/components/icons/Folder.d.ts

@@ -0,0 +1,2 @@
+import React from 'react';
+export declare function FolderIcon(props: React.SVGProps<SVGSVGElement>): JSX.Element;

package/build/esm/components/icons/Folder.js

@@ -0,0 +1,12 @@
+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); }
+
+import React from 'react';
+export function FolderIcon(props) {
+  return /*#__PURE__*/React.createElement("svg", _extends({
+    xmlns: "http://www.w3.org/2000/svg",
+    viewBox: "0 0 16 16",
+    fill: "currentColor"
+  }, props), /*#__PURE__*/React.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/esm/components/icons/FolderOpen.d.ts

@@ -0,0 +1,2 @@
+import React from 'react';
+export declare function FolderOpenIcon(props: React.SVGProps<SVGSVGElement>): JSX.Element;

package/build/esm/components/icons/FolderOpen.js

@@ -0,0 +1,12 @@
+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); }
+
+import React from 'react';
+export function FolderOpenIcon(props) {
+  return /*#__PURE__*/React.createElement("svg", _extends({
+    xmlns: "http://www.w3.org/2000/svg",
+    viewBox: "0 0 16 16",
+    fill: "currentColor"
+  }, props), /*#__PURE__*/React.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/esm/components/icons/Index.d.ts

@@ -0,0 +1,2 @@
+import React from 'react';
+export declare function IndexIcon(props: React.SVGProps<SVGSVGElement>): JSX.Element;

package/build/esm/components/icons/Index.js

@@ -0,0 +1,14 @@
+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); }
+
+import React from 'react';
+export function IndexIcon(props) {
+  return /*#__PURE__*/React.createElement("svg", _extends({
+    xmlns: "http://www.w3.org/2000/svg",
+    viewBox: "0 0 16 16",
+    fill: "currentColor"
+  }, props), /*#__PURE__*/React.createElement("path", {
+    fillRule: "evenodd",
+    clipRule: "evenodd",
+    d: "M9.24935 2.94323L8.5 9.5H12.1L11.1446 14.2772C11.0322 14.839 11.7994 15.1177 12.0738 14.6147L15.9111 7.57956C16.1765 7.09311 15.8244 6.5 15.2703 6.5H12.9L13.5325 3.33728C13.6192 2.90413 13.2879 2.5 12.8461 2.5H9.74611C9.49194 2.5 9.27821 2.69069 9.24935 2.94323ZM7.40003 10.5L8.25717 3H1.625C0.710938 3 0 3.73633 0 4.625V12.75C0 13.6641 0.710938 14.375 1.625 14.375H10.1517C10.1538 14.2803 10.1646 14.1822 10.1848 14.0811L10.901 10.5H7.40003ZM5.6875 8.6875V6.25H1.625V8.6875H5.6875ZM1.625 10.3125V12.75H5.6875V10.3125H1.625Z"
+  }));
+}

package/build/esm/components/icons/Table.d.ts

@@ -0,0 +1,2 @@
+import React from 'react';
+export declare function TableIcon(props: React.SVGProps<SVGSVGElement>): JSX.Element;

package/build/esm/components/icons/Table.js

@@ -0,0 +1,14 @@
+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); }
+
+import React from 'react';
+export function TableIcon(props) {
+  return /*#__PURE__*/React.createElement("svg", _extends({
+    xmlns: "http://www.w3.org/2000/svg",
+    viewBox: "0 0 16 16",
+    fill: "currentColor"
+  }, props), /*#__PURE__*/React.createElement("path", {
+    fillRule: "evenodd",
+    clipRule: "evenodd",
+    d: "M2.01033 3.79551C2.11275 2.787 2.96447 2 4 2H7.3H8.8H12C13.1046 2 14 2.89543 14 4V5.5V8.2002V9.7002V12C14 13.1046 13.1046 14 12 14H8.8H7.3H4C2.89543 14 2 13.1046 2 12V9.7002V8.2002V5.5V4C2 3.93096 2.0035 3.86275 2.01033 3.79551ZM8.8 12.5H11.5C12.0523 12.5 12.5 12.0523 12.5 11.5V9.7002H8.8V12.5ZM7.3 9.7002V12.5H4.5C3.94772 12.5 3.5 12.0523 3.5 11.5V9.7002H7.3ZM8.8 8.2002H12.5V5.5H8.8L8.8 8.2002ZM7.3 5.5L7.3 8.2002H3.5V5.5H7.3Z"
+  }));
+}

package/build/esm/components/icons/Topic.d.ts

@@ -0,0 +1,2 @@
+import React from 'react';
+export declare function TopicIcon(props: React.SVGProps<SVGSVGElement>): JSX.Element;

package/build/esm/components/icons/Topic.js

@@ -0,0 +1,28 @@
+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); }
+
+import React from 'react';
+export function TopicIcon(props) {
+  return /*#__PURE__*/React.createElement("svg", _extends({
+    xmlns: "http://www.w3.org/2000/svg",
+    viewBox: "0 0 16 16",
+    fill: "currentColor"
+  }, props), /*#__PURE__*/React.createElement("rect", {
+    x: "2",
+    y: "2.20001",
+    width: "9",
+    height: "2.5",
+    rx: "0.5"
+  }), /*#__PURE__*/React.createElement("rect", {
+    x: "5",
+    y: "6.70001",
+    width: "9",
+    height: "2.5",
+    rx: "0.5"
+  }), /*#__PURE__*/React.createElement("rect", {
+    x: "2",
+    y: "11.2",
+    width: "9",
+    height: "2.5",
+    rx: "0.5"
+  }));
+}

package/build/esm/index.d.ts

@@ -0,0 +1,3 @@
+export * from './components/NavigationTree';
+export * from './components/TreeView';
+export * from './utils';

package/build/esm/index.js

@@ -0,0 +1,3 @@
+export * from './components/NavigationTree';
+export * from './components/TreeView';
+export * from './utils';

package/build/esm/utils/configure.d.ts

@@ -0,0 +1,12 @@
+export declare enum Lang {
+    Ru = "ru",
+    En = "en"
+}
+interface Config {
+    lang?: Lang;
+}
+declare type Subscriber = (config: Config) => void;
+export declare const configure: (newConfig: Config) => void;
+export declare const subscribeConfigure: (sub: Subscriber) => () => void;
+export declare const getConfig: () => Config;
+export {};

package/build/esm/utils/configure.js

@@ -0,0 +1,26 @@
+export var Lang;
+
+(function (Lang) {
+  Lang["Ru"] = "ru";
+  Lang["En"] = "en";
+})(Lang || (Lang = {}));
+
+var subs = [];
+var config = {};
+export var configure = function configure(newConfig) {
+  Object.assign(config, newConfig);
+  subs.forEach(function (sub) {
+    sub(config);
+  });
+};
+export var subscribeConfigure = function subscribeConfigure(sub) {
+  subs.push(sub);
+  return function () {
+    subs = subs.filter(function (item) {
+      return item !== sub;
+    });
+  };
+};
+export var getConfig = function getConfig() {
+  return config;
+};

package/build/esm/utils/index.d.ts

@@ -0,0 +1 @@
+export { configure, Lang } from './configure';

package/build/esm/utils/index.js

@@ -0,0 +1 @@
+export { configure, Lang } from './configure';

package/package.json

@@ -1,10 +1,18 @@
 {
   "name": "ydb-ui-components",
-  "version": "3.3.0",
+  "version": "3.4.0",
   "description": "",
   "license": "MIT",
-  "main": "build/index.js",
-  "types": "build/index.d.ts",
+  "exports": {
+    ".": {
+      "types": "./build/esm/index.d.ts",
+      "require": "./build/cjs/index.js",
+      "import": "./build/esm/index.js"
+    }
+  },
+  "main": "./build/cjs/index.js",
+  "module": "./build/esm/index.js",
+  "types": "./build/esm/index.d.ts",
   "sideEffects": [
     "*.css",
     "*.scss"