ydb-ui-components 3.6.0 → 4.0.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (84) hide show
  1. package/build/cjs/components/NavigationTree/EmptyView/EmptyView.d.ts +1 -1
  2. package/build/cjs/components/NavigationTree/EmptyView/EmptyView.js +12 -28
  3. package/build/cjs/components/NavigationTree/ErrorView/ErrorView.d.ts +1 -1
  4. package/build/cjs/components/NavigationTree/ErrorView/ErrorView.js +12 -28
  5. package/build/cjs/components/NavigationTree/LoaderView/LoaderView.d.ts +1 -1
  6. package/build/cjs/components/NavigationTree/LoaderView/LoaderView.js +11 -30
  7. package/build/cjs/components/NavigationTree/NavigationTree.js +36 -116
  8. package/build/cjs/components/NavigationTree/NavigationTreeNode.d.ts +2 -2
  9. package/build/cjs/components/NavigationTree/NavigationTreeNode.js +86 -173
  10. package/build/cjs/components/NavigationTree/i18n/index.d.ts +1 -1
  11. package/build/cjs/components/NavigationTree/i18n/index.js +7 -25
  12. package/build/cjs/components/NavigationTree/index.d.ts +1 -1
  13. package/build/cjs/components/NavigationTree/index.js +3 -30
  14. package/build/cjs/components/NavigationTree/state.d.ts +31 -5
  15. package/build/cjs/components/NavigationTree/state.js +58 -122
  16. package/build/cjs/components/NavigationTree/types.d.ts +3 -3
  17. package/build/cjs/components/NavigationTree/types.js +1 -4
  18. package/build/cjs/components/NavigationTree/utils.d.ts +1 -1
  19. package/build/cjs/components/NavigationTree/utils.js +42 -72
  20. package/build/cjs/components/TreeView/TreeView.d.ts +2 -2
  21. package/build/cjs/components/TreeView/TreeView.js +43 -104
  22. package/build/cjs/components/TreeView/index.js +3 -17
  23. package/build/cjs/components/icons/ColumnTable.js +6 -22
  24. package/build/cjs/components/icons/Database.js +6 -20
  25. package/build/cjs/components/icons/ExternalDataSource.js +6 -22
  26. package/build/cjs/components/icons/ExternalTable.js +6 -22
  27. package/build/cjs/components/icons/Folder.js +6 -20
  28. package/build/cjs/components/icons/FolderOpen.js +6 -20
  29. package/build/cjs/components/icons/Index.js +6 -22
  30. package/build/cjs/components/icons/Table.js +6 -22
  31. package/build/cjs/components/icons/Topic.js +6 -36
  32. package/build/cjs/index.d.ts +0 -1
  33. package/build/cjs/index.js +4 -43
  34. package/build/cjs/utils/cn.d.ts +1 -0
  35. package/build/cjs/utils/cn.js +5 -0
  36. package/build/esm/components/NavigationTree/EmptyView/EmptyView.d.ts +1 -1
  37. package/build/esm/components/NavigationTree/EmptyView/EmptyView.js +7 -13
  38. package/build/esm/components/NavigationTree/ErrorView/ErrorView.d.ts +1 -1
  39. package/build/esm/components/NavigationTree/ErrorView/ErrorView.js +7 -13
  40. package/build/esm/components/NavigationTree/LoaderView/LoaderView.d.ts +1 -1
  41. package/build/esm/components/NavigationTree/LoaderView/LoaderView.js +6 -14
  42. package/build/esm/components/NavigationTree/NavigationTree.js +29 -98
  43. package/build/esm/components/NavigationTree/NavigationTreeNode.d.ts +2 -2
  44. package/build/esm/components/NavigationTree/NavigationTreeNode.js +76 -142
  45. package/build/esm/components/NavigationTree/i18n/index.d.ts +1 -1
  46. package/build/esm/components/NavigationTree/i18n/index.js +3 -6
  47. package/build/esm/components/NavigationTree/index.d.ts +1 -1
  48. package/build/esm/components/NavigationTree/index.js +0 -1
  49. package/build/esm/components/NavigationTree/state.d.ts +31 -5
  50. package/build/esm/components/NavigationTree/state.js +51 -106
  51. package/build/esm/components/NavigationTree/types.d.ts +3 -3
  52. package/build/esm/components/NavigationTree/types.js +1 -1
  53. package/build/esm/components/NavigationTree/utils.d.ts +1 -1
  54. package/build/esm/components/NavigationTree/utils.js +37 -62
  55. package/build/esm/components/TreeView/TreeView.d.ts +2 -2
  56. package/build/esm/components/TreeView/TreeView.js +38 -84
  57. package/build/esm/components/TreeView/index.js +1 -1
  58. package/build/esm/components/icons/ColumnTable.js +3 -12
  59. package/build/esm/components/icons/Database.js +3 -10
  60. package/build/esm/components/icons/ExternalDataSource.js +3 -12
  61. package/build/esm/components/icons/ExternalTable.js +3 -12
  62. package/build/esm/components/icons/Folder.js +3 -10
  63. package/build/esm/components/icons/FolderOpen.js +3 -10
  64. package/build/esm/components/icons/Index.js +3 -12
  65. package/build/esm/components/icons/Table.js +3 -12
  66. package/build/esm/components/icons/Topic.js +3 -26
  67. package/build/esm/index.d.ts +0 -1
  68. package/build/esm/index.js +0 -1
  69. package/build/esm/utils/cn.d.ts +1 -0
  70. package/build/esm/utils/cn.js +2 -0
  71. package/package.json +52 -29
  72. package/CHANGELOG.md +0 -233
  73. package/build/cjs/components/i18n.d.ts +0 -2
  74. package/build/cjs/components/i18n.js +0 -19
  75. package/build/cjs/utils/configure.d.ts +0 -12
  76. package/build/cjs/utils/configure.js +0 -42
  77. package/build/cjs/utils/index.d.ts +0 -1
  78. package/build/cjs/utils/index.js +0 -19
  79. package/build/esm/components/i18n.d.ts +0 -2
  80. package/build/esm/components/i18n.js +0 -9
  81. package/build/esm/utils/configure.d.ts +0 -12
  82. package/build/esm/utils/configure.js +0 -26
  83. package/build/esm/utils/index.d.ts +0 -1
  84. package/build/esm/utils/index.js +0 -1
@@ -1,24 +1,8 @@
1
1
  "use strict";
2
-
3
- Object.defineProperty(exports, "__esModule", {
4
- value: true
5
- });
6
- exports.ColumnTableIcon = ColumnTableIcon;
7
-
8
- var _react = _interopRequireDefault(require("react"));
9
-
10
- function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
11
-
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); }
13
-
2
+ Object.defineProperty(exports, "__esModule", { value: true });
3
+ exports.ColumnTableIcon = void 0;
4
+ const jsx_runtime_1 = require("react/jsx-runtime");
14
5
  function ColumnTableIcon(props) {
15
- return /*#__PURE__*/_react["default"].createElement("svg", _extends({
16
- xmlns: "http://www.w3.org/2000/svg",
17
- viewBox: "0 0 16 16",
18
- fill: "currentColor"
19
- }, props), /*#__PURE__*/_react["default"].createElement("path", {
20
- fillRule: "evenodd",
21
- clipRule: "evenodd",
22
- 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"
23
- }));
24
- }
6
+ return ((0, jsx_runtime_1.jsx)("svg", Object.assign({ xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 16 16", fill: "currentColor" }, props, { children: (0, jsx_runtime_1.jsx)("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" }) })));
7
+ }
8
+ exports.ColumnTableIcon = ColumnTableIcon;
@@ -1,22 +1,8 @@
1
1
  "use strict";
2
-
3
- Object.defineProperty(exports, "__esModule", {
4
- value: true
5
- });
6
- exports.DatabaseIcon = DatabaseIcon;
7
-
8
- var _react = _interopRequireDefault(require("react"));
9
-
10
- function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
11
-
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); }
13
-
2
+ Object.defineProperty(exports, "__esModule", { value: true });
3
+ exports.DatabaseIcon = void 0;
4
+ const jsx_runtime_1 = require("react/jsx-runtime");
14
5
  function DatabaseIcon(props) {
15
- return /*#__PURE__*/_react["default"].createElement("svg", _extends({
16
- xmlns: "http://www.w3.org/2000/svg",
17
- viewBox: "0 0 448 512",
18
- fill: "currentColor"
19
- }, props), /*#__PURE__*/_react["default"].createElement("path", {
20
- 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"
21
- }));
22
- }
6
+ return ((0, jsx_runtime_1.jsx)("svg", Object.assign({ xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 448 512", fill: "currentColor" }, props, { children: (0, jsx_runtime_1.jsx)("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" }) })));
7
+ }
8
+ exports.DatabaseIcon = DatabaseIcon;
@@ -1,24 +1,8 @@
1
1
  "use strict";
2
-
3
- Object.defineProperty(exports, "__esModule", {
4
- value: true
5
- });
6
- exports.ExternalDataSourceIcon = ExternalDataSourceIcon;
7
-
8
- var _react = _interopRequireDefault(require("react"));
9
-
10
- function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
11
-
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); }
13
-
2
+ Object.defineProperty(exports, "__esModule", { value: true });
3
+ exports.ExternalDataSourceIcon = void 0;
4
+ const jsx_runtime_1 = require("react/jsx-runtime");
14
5
  function ExternalDataSourceIcon(props) {
15
- return /*#__PURE__*/_react["default"].createElement("svg", _extends({
16
- xmlns: "http://www.w3.org/2000/svg",
17
- viewBox: "0 0 16 16",
18
- fill: "currentColor"
19
- }, props), /*#__PURE__*/_react["default"].createElement("path", {
20
- fillRule: "evenodd",
21
- clipRule: "evenodd",
22
- 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"
23
- }));
24
- }
6
+ return ((0, jsx_runtime_1.jsx)("svg", Object.assign({ xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 16 16", fill: "currentColor" }, props, { children: (0, jsx_runtime_1.jsx)("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" }) })));
7
+ }
8
+ exports.ExternalDataSourceIcon = ExternalDataSourceIcon;
@@ -1,24 +1,8 @@
1
1
  "use strict";
2
-
3
- Object.defineProperty(exports, "__esModule", {
4
- value: true
5
- });
6
- exports.ExternalTableIcon = ExternalTableIcon;
7
-
8
- var _react = _interopRequireDefault(require("react"));
9
-
10
- function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
11
-
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); }
13
-
2
+ Object.defineProperty(exports, "__esModule", { value: true });
3
+ exports.ExternalTableIcon = void 0;
4
+ const jsx_runtime_1 = require("react/jsx-runtime");
14
5
  function ExternalTableIcon(props) {
15
- return /*#__PURE__*/_react["default"].createElement("svg", _extends({
16
- xmlns: "http://www.w3.org/2000/svg",
17
- viewBox: "0 0 16 16",
18
- fill: "currentColor"
19
- }, props), /*#__PURE__*/_react["default"].createElement("path", {
20
- fillRule: "evenodd",
21
- clipRule: "evenodd",
22
- 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"
23
- }));
24
- }
6
+ return ((0, jsx_runtime_1.jsx)("svg", Object.assign({ xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 16 16", fill: "currentColor" }, props, { children: (0, jsx_runtime_1.jsx)("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" }) })));
7
+ }
8
+ exports.ExternalTableIcon = ExternalTableIcon;
@@ -1,22 +1,8 @@
1
1
  "use strict";
2
-
3
- Object.defineProperty(exports, "__esModule", {
4
- value: true
5
- });
6
- exports.FolderIcon = FolderIcon;
7
-
8
- var _react = _interopRequireDefault(require("react"));
9
-
10
- function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
11
-
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); }
13
-
2
+ Object.defineProperty(exports, "__esModule", { value: true });
3
+ exports.FolderIcon = void 0;
4
+ const jsx_runtime_1 = require("react/jsx-runtime");
14
5
  function FolderIcon(props) {
15
- return /*#__PURE__*/_react["default"].createElement("svg", _extends({
16
- xmlns: "http://www.w3.org/2000/svg",
17
- viewBox: "0 0 16 16",
18
- fill: "currentColor"
19
- }, props), /*#__PURE__*/_react["default"].createElement("path", {
20
- 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"
21
- }));
22
- }
6
+ return ((0, jsx_runtime_1.jsx)("svg", Object.assign({ xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 16 16", fill: "currentColor" }, props, { children: (0, jsx_runtime_1.jsx)("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" }) })));
7
+ }
8
+ exports.FolderIcon = FolderIcon;
@@ -1,22 +1,8 @@
1
1
  "use strict";
2
-
3
- Object.defineProperty(exports, "__esModule", {
4
- value: true
5
- });
6
- exports.FolderOpenIcon = FolderOpenIcon;
7
-
8
- var _react = _interopRequireDefault(require("react"));
9
-
10
- function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
11
-
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); }
13
-
2
+ Object.defineProperty(exports, "__esModule", { value: true });
3
+ exports.FolderOpenIcon = void 0;
4
+ const jsx_runtime_1 = require("react/jsx-runtime");
14
5
  function FolderOpenIcon(props) {
15
- return /*#__PURE__*/_react["default"].createElement("svg", _extends({
16
- xmlns: "http://www.w3.org/2000/svg",
17
- viewBox: "0 0 16 16",
18
- fill: "currentColor"
19
- }, props), /*#__PURE__*/_react["default"].createElement("path", {
20
- 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"
21
- }));
22
- }
6
+ return ((0, jsx_runtime_1.jsx)("svg", Object.assign({ xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 16 16", fill: "currentColor" }, props, { children: (0, jsx_runtime_1.jsx)("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" }) })));
7
+ }
8
+ exports.FolderOpenIcon = FolderOpenIcon;
@@ -1,24 +1,8 @@
1
1
  "use strict";
2
-
3
- Object.defineProperty(exports, "__esModule", {
4
- value: true
5
- });
6
- exports.IndexIcon = IndexIcon;
7
-
8
- var _react = _interopRequireDefault(require("react"));
9
-
10
- function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
11
-
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); }
13
-
2
+ Object.defineProperty(exports, "__esModule", { value: true });
3
+ exports.IndexIcon = void 0;
4
+ const jsx_runtime_1 = require("react/jsx-runtime");
14
5
  function IndexIcon(props) {
15
- return /*#__PURE__*/_react["default"].createElement("svg", _extends({
16
- xmlns: "http://www.w3.org/2000/svg",
17
- viewBox: "0 0 16 16",
18
- fill: "currentColor"
19
- }, props), /*#__PURE__*/_react["default"].createElement("path", {
20
- fillRule: "evenodd",
21
- clipRule: "evenodd",
22
- 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"
23
- }));
24
- }
6
+ return ((0, jsx_runtime_1.jsx)("svg", Object.assign({ xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 16 16", fill: "currentColor" }, props, { children: (0, jsx_runtime_1.jsx)("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" }) })));
7
+ }
8
+ exports.IndexIcon = IndexIcon;
@@ -1,24 +1,8 @@
1
1
  "use strict";
2
-
3
- Object.defineProperty(exports, "__esModule", {
4
- value: true
5
- });
6
- exports.TableIcon = TableIcon;
7
-
8
- var _react = _interopRequireDefault(require("react"));
9
-
10
- function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
11
-
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); }
13
-
2
+ Object.defineProperty(exports, "__esModule", { value: true });
3
+ exports.TableIcon = void 0;
4
+ const jsx_runtime_1 = require("react/jsx-runtime");
14
5
  function TableIcon(props) {
15
- return /*#__PURE__*/_react["default"].createElement("svg", _extends({
16
- xmlns: "http://www.w3.org/2000/svg",
17
- viewBox: "0 0 16 16",
18
- fill: "currentColor"
19
- }, props), /*#__PURE__*/_react["default"].createElement("path", {
20
- fillRule: "evenodd",
21
- clipRule: "evenodd",
22
- 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"
23
- }));
24
- }
6
+ return ((0, jsx_runtime_1.jsx)("svg", Object.assign({ xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 16 16", fill: "currentColor" }, props, { children: (0, jsx_runtime_1.jsx)("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" }) })));
7
+ }
8
+ exports.TableIcon = TableIcon;
@@ -1,38 +1,8 @@
1
1
  "use strict";
2
-
3
- Object.defineProperty(exports, "__esModule", {
4
- value: true
5
- });
6
- exports.TopicIcon = TopicIcon;
7
-
8
- var _react = _interopRequireDefault(require("react"));
9
-
10
- function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
11
-
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); }
13
-
2
+ Object.defineProperty(exports, "__esModule", { value: true });
3
+ exports.TopicIcon = void 0;
4
+ const jsx_runtime_1 = require("react/jsx-runtime");
14
5
  function TopicIcon(props) {
15
- return /*#__PURE__*/_react["default"].createElement("svg", _extends({
16
- xmlns: "http://www.w3.org/2000/svg",
17
- viewBox: "0 0 16 16",
18
- fill: "currentColor"
19
- }, props), /*#__PURE__*/_react["default"].createElement("rect", {
20
- x: "2",
21
- y: "2.20001",
22
- width: "9",
23
- height: "2.5",
24
- rx: "0.5"
25
- }), /*#__PURE__*/_react["default"].createElement("rect", {
26
- x: "5",
27
- y: "6.70001",
28
- width: "9",
29
- height: "2.5",
30
- rx: "0.5"
31
- }), /*#__PURE__*/_react["default"].createElement("rect", {
32
- x: "2",
33
- y: "11.2",
34
- width: "9",
35
- height: "2.5",
36
- rx: "0.5"
37
- }));
38
- }
6
+ return ((0, jsx_runtime_1.jsxs)("svg", Object.assign({ xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 16 16", fill: "currentColor" }, props, { children: [(0, jsx_runtime_1.jsx)("rect", { x: "2", y: "2.20001", width: "9", height: "2.5", rx: "0.5" }), (0, jsx_runtime_1.jsx)("rect", { x: "5", y: "6.70001", width: "9", height: "2.5", rx: "0.5" }), (0, jsx_runtime_1.jsx)("rect", { x: "2", y: "11.2", width: "9", height: "2.5", rx: "0.5" })] })));
7
+ }
8
+ exports.TopicIcon = TopicIcon;
@@ -1,3 +1,2 @@
1
1
  export * from './components/NavigationTree';
2
2
  export * from './components/TreeView';
3
- export * from './utils';
@@ -1,44 +1,5 @@
1
1
  "use strict";
2
-
3
- Object.defineProperty(exports, "__esModule", {
4
- value: true
5
- });
6
-
7
- var _NavigationTree = require("./components/NavigationTree");
8
-
9
- Object.keys(_NavigationTree).forEach(function (key) {
10
- if (key === "default" || key === "__esModule") return;
11
- if (key in exports && exports[key] === _NavigationTree[key]) return;
12
- Object.defineProperty(exports, key, {
13
- enumerable: true,
14
- get: function get() {
15
- return _NavigationTree[key];
16
- }
17
- });
18
- });
19
-
20
- var _TreeView = require("./components/TreeView");
21
-
22
- Object.keys(_TreeView).forEach(function (key) {
23
- if (key === "default" || key === "__esModule") return;
24
- if (key in exports && exports[key] === _TreeView[key]) return;
25
- Object.defineProperty(exports, key, {
26
- enumerable: true,
27
- get: function get() {
28
- return _TreeView[key];
29
- }
30
- });
31
- });
32
-
33
- var _utils = require("./utils");
34
-
35
- Object.keys(_utils).forEach(function (key) {
36
- if (key === "default" || key === "__esModule") return;
37
- if (key in exports && exports[key] === _utils[key]) return;
38
- Object.defineProperty(exports, key, {
39
- enumerable: true,
40
- get: function get() {
41
- return _utils[key];
42
- }
43
- });
44
- });
2
+ Object.defineProperty(exports, "__esModule", { value: true });
3
+ const tslib_1 = require("tslib");
4
+ tslib_1.__exportStar(require("./components/NavigationTree"), exports);
5
+ tslib_1.__exportStar(require("./components/TreeView"), exports);
@@ -0,0 +1 @@
1
+ export declare const block: import("@bem-react/classname").ClassNameInitilizer;
@@ -0,0 +1,5 @@
1
+ "use strict";
2
+ Object.defineProperty(exports, "__esModule", { value: true });
3
+ exports.block = void 0;
4
+ const classname_1 = require("@bem-react/classname");
5
+ exports.block = (0, classname_1.withNaming)({ e: '__', m: '_' });
@@ -1,5 +1,5 @@
1
1
  /// <reference types="react" />
2
- import './EmptyView.scss';
2
+ import './EmptyView.css';
3
3
  interface EmptyViewProps {
4
4
  level?: number;
5
5
  }
@@ -1,15 +1,9 @@
1
- import React from 'react';
2
- import block from 'bem-cn-lite';
3
- import i18n from '../i18n';
1
+ import { jsx as _jsx } from "react/jsx-runtime";
2
+ import { block } from '../../../utils/cn';
4
3
  import { TreeView } from '../../TreeView/TreeView';
4
+ import i18n from '../i18n';
5
5
  import './EmptyView.css';
6
- var b = block('ydb-navigation-tree-view-empty');
7
- export function EmptyView(_ref) {
8
- var level = _ref.level;
9
- return /*#__PURE__*/React.createElement(TreeView, {
10
- name: /*#__PURE__*/React.createElement("span", {
11
- className: b()
12
- }, i18n('label_empty')),
13
- level: level
14
- });
15
- }
6
+ const b = block('ydb-navigation-tree-view-empty');
7
+ export function EmptyView({ level }) {
8
+ return _jsx(TreeView, { name: _jsx("span", { className: b(), children: i18n('label_empty') }), level: level });
9
+ }
@@ -1,5 +1,5 @@
1
1
  /// <reference types="react" />
2
- import './ErrorView.scss';
2
+ import './ErrorView.css';
3
3
  interface ErrorViewProps {
4
4
  level?: number;
5
5
  }
@@ -1,15 +1,9 @@
1
- import React from 'react';
2
- import block from 'bem-cn-lite';
3
- import i18n from '../i18n';
1
+ import { jsx as _jsx } from "react/jsx-runtime";
2
+ import { block } from '../../../utils/cn';
4
3
  import { TreeView } from '../../TreeView/TreeView';
4
+ import i18n from '../i18n';
5
5
  import './ErrorView.css';
6
- var b = block('ydb-navigation-tree-view-error');
7
- export function ErrorView(_ref) {
8
- var level = _ref.level;
9
- return /*#__PURE__*/React.createElement(TreeView, {
10
- name: /*#__PURE__*/React.createElement("span", {
11
- className: b()
12
- }, i18n('label_error')),
13
- level: level
14
- });
15
- }
6
+ const b = block('ydb-navigation-tree-view-error');
7
+ export function ErrorView({ level }) {
8
+ return _jsx(TreeView, { name: _jsx("span", { className: b(), children: i18n('label_error') }), level: level });
9
+ }
@@ -1,5 +1,5 @@
1
1
  /// <reference types="react" />
2
- import './LoaderView.scss';
2
+ import './LoaderView.css';
3
3
  interface LoaderViewProps {
4
4
  level?: number;
5
5
  }
@@ -1,17 +1,9 @@
1
- import React from 'react';
2
- import block from 'bem-cn-lite';
1
+ import { jsx as _jsx } from "react/jsx-runtime";
3
2
  import { Spin } from '@gravity-ui/uikit';
3
+ import { block } from '../../../utils/cn';
4
4
  import { TreeView } from '../../TreeView/TreeView';
5
5
  import './LoaderView.css';
6
- var b = block('ydb-navigation-tree-view-loader');
7
- export function LoaderView(_ref) {
8
- var level = _ref.level;
9
- return /*#__PURE__*/React.createElement(TreeView, {
10
- name: /*#__PURE__*/React.createElement("div", {
11
- className: b()
12
- }, /*#__PURE__*/React.createElement(Spin, {
13
- size: "xs"
14
- })),
15
- level: level
16
- });
17
- }
6
+ const b = block('ydb-navigation-tree-view-loader');
7
+ export function LoaderView({ level }) {
8
+ return (_jsx(TreeView, { name: _jsx("div", { className: b(), children: _jsx(Spin, { size: "xs" }) }), level: level }));
9
+ }
@@ -1,103 +1,34 @@
1
- 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; }
2
-
3
- function _slicedToArray(arr, i) { return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest(); }
4
-
5
- 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."); }
6
-
7
- 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); }
8
-
9
- 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; }
10
-
11
- 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; }
12
-
13
- function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
14
-
1
+ import { jsx as _jsx } from "react/jsx-runtime";
15
2
  import React from 'react';
16
3
  import ReactList from 'react-list';
17
- import { reducer, getNodeState, selectTreeAsList } from './state';
18
- import { isServiceNode } from './utils';
19
- import { NavigationTreeNode } from './NavigationTreeNode';
20
- import { LoaderView } from './LoaderView/LoaderView';
21
- import { ErrorView } from './ErrorView/ErrorView';
22
4
  import { EmptyView } from './EmptyView/EmptyView';
23
-
24
- var renderServiceNode = function renderServiceNode(node) {
25
- var key = "".concat(node.path, "|").concat(node.status);
26
-
27
- if (node.status === 'loading') {
28
- return /*#__PURE__*/React.createElement(LoaderView, {
29
- key: key,
30
- level: node.level
31
- });
32
- }
33
-
34
- if (node.status === 'error') {
35
- return /*#__PURE__*/React.createElement(ErrorView, {
36
- key: key,
37
- level: node.level
38
- });
39
- }
40
-
41
- return /*#__PURE__*/React.createElement(EmptyView, {
42
- key: key,
43
- level: node.level
44
- });
5
+ import { ErrorView } from './ErrorView/ErrorView';
6
+ import { LoaderView } from './LoaderView/LoaderView';
7
+ import { NavigationTreeNode } from './NavigationTreeNode';
8
+ import { getNodeState, reducer, selectTreeAsList } from './state';
9
+ import { isServiceNode } from './utils';
10
+ const renderServiceNode = (node) => {
11
+ const key = `${node.path}|${node.status}`;
12
+ if (node.status === 'loading') {
13
+ return _jsx(LoaderView, { level: node.level }, key);
14
+ }
15
+ if (node.status === 'error') {
16
+ return _jsx(ErrorView, { level: node.level }, key);
17
+ }
18
+ return _jsx(EmptyView, { level: node.level }, key);
45
19
  };
46
-
47
- export function NavigationTree(_ref) {
48
- var partialRootState = _ref.rootState,
49
- fetchPath = _ref.fetchPath,
50
- getActions = _ref.getActions,
51
- renderAdditionalNodeElements = _ref.renderAdditionalNodeElements,
52
- activePath = _ref.activePath,
53
- onActivePathUpdate = _ref.onActivePathUpdate,
54
- _ref$cache = _ref.cache,
55
- cache = _ref$cache === void 0 ? true : _ref$cache,
56
- _ref$virtualize = _ref.virtualize,
57
- virtualize = _ref$virtualize === void 0 ? false : _ref$virtualize;
58
-
59
- var _React$useReducer = React.useReducer(reducer, _defineProperty({}, partialRootState.path, getNodeState(partialRootState))),
60
- _React$useReducer2 = _slicedToArray(_React$useReducer, 2),
61
- state = _React$useReducer2[0],
62
- dispatch = _React$useReducer2[1];
63
-
64
- var nodesList = React.useMemo(function () {
65
- return selectTreeAsList(state, partialRootState.path);
66
- }, [state]);
67
-
68
- var renderNode = function renderNode(node) {
69
- return /*#__PURE__*/React.createElement(NavigationTreeNode, {
70
- key: node.path,
71
- state: state,
72
- path: node.path,
73
- activePath: activePath,
74
- fetchPath: fetchPath,
75
- dispatch: dispatch,
76
- onActivate: onActivePathUpdate,
77
- getActions: getActions,
78
- renderAdditionalNodeElements: renderAdditionalNodeElements,
79
- cache: cache,
80
- level: node.level
81
- });
82
- };
83
-
84
- var renderVirtualizedTree = function renderVirtualizedTree() {
85
- return /*#__PURE__*/React.createElement(ReactList, {
86
- type: "uniform",
87
- length: nodesList.length,
88
- useStaticSize: true,
89
- itemRenderer: function itemRenderer(index) {
90
- var node = nodesList[index];
91
- return isServiceNode(node) ? renderServiceNode(node) : renderNode(node);
92
- }
20
+ export function NavigationTree({ rootState: partialRootState, fetchPath, getActions, renderAdditionalNodeElements, activePath, onActivePathUpdate, cache = true, virtualize = false, }) {
21
+ const [state, dispatch] = React.useReducer(reducer, {
22
+ [partialRootState.path]: getNodeState(partialRootState),
93
23
  });
94
- };
95
-
96
- var renderSimpleTree = function renderSimpleTree() {
97
- return /*#__PURE__*/React.createElement(React.Fragment, null, nodesList.map(function (node) {
98
- return isServiceNode(node) ? renderServiceNode(node) : renderNode(node);
99
- }));
100
- };
101
-
102
- return virtualize ? renderVirtualizedTree() : renderSimpleTree();
103
- }
24
+ const nodesList = React.useMemo(() => selectTreeAsList(state, partialRootState.path), [partialRootState.path, state]);
25
+ const renderNode = (node) => {
26
+ return (_jsx(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));
27
+ };
28
+ const renderVirtualizedTree = () => (_jsx(ReactList, { type: "uniform", length: nodesList.length, useStaticSize: true, itemRenderer: (index) => {
29
+ const node = nodesList[index];
30
+ return isServiceNode(node) ? renderServiceNode(node) : renderNode(node);
31
+ } }));
32
+ const renderSimpleTree = () => (_jsx(React.Fragment, { children: nodesList.map((node) => isServiceNode(node) ? renderServiceNode(node) : renderNode(node)) }));
33
+ return virtualize ? renderVirtualizedTree() : renderSimpleTree();
34
+ }
@@ -1,6 +1,6 @@
1
1
  import React from 'react';
2
- import { NavigationTreeState, NavigationTreeProps } from './types';
3
- import { NavigationTreeAction } from './state';
2
+ import type { NavigationTreeAction } from './state';
3
+ import type { NavigationTreeProps, NavigationTreeState } from './types';
4
4
  export interface NavigationTreeNodeProps {
5
5
  path: string;
6
6
  fetchPath: NavigationTreeProps['fetchPath'];