ydb-ui-components 4.7.0 → 5.1.0

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

@@ -1,11 +1,13 @@
 "use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
 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"));
+const i18n_1 = __importDefault(require("../i18n"));
 require("./EmptyView.css");
 const b = (0, cn_1.block)('ydb-navigation-tree-view-empty');
 function EmptyView({ level }) {

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

@@ -1,11 +1,13 @@
 "use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
 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"));
+const i18n_1 = __importDefault(require("../i18n"));
 require("./ErrorView.css");
 const b = (0, cn_1.block)('ydb-navigation-tree-view-error');
 function ErrorView({ level }) {

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

@@ -1,10 +1,12 @@
 "use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
 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 react_1 = __importDefault(require("react"));
+const react_list_1 = __importDefault(require("react-list"));
 const EmptyView_1 = require("./EmptyView/EmptyView");
 const ErrorView_1 = require("./ErrorView/ErrorView");
 const LoaderView_1 = require("./LoaderView/LoaderView");

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

@@ -1,9 +1,11 @@
 "use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
 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 react_1 = __importDefault(require("react"));
 const TreeView_1 = require("../TreeView/TreeView");
 const AsyncReplication_1 = require("../icons/AsyncReplication");
 const ColumnTable_1 = require("../icons/ColumnTable");
@@ -34,6 +36,7 @@ function renderIcon(type, collapsed) {
             return (0, jsx_runtime_1.jsx)(Index_1.IndexIcon, { height: 16 });
         case 'table':
         case 'index_table':
+        case 'system_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 });

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

@@ -1,2 +1,6 @@
-declare const _default: (key: "label_error" | "label_empty", params?: import("@gravity-ui/i18n").Params | undefined) => string;
+declare const _default: ((key: "label_error" | "label_empty", params?: import("@gravity-ui/i18n").Params | undefined) => string) & {
+    keysetData: {
+        "ydb-navigation-tree": Record<"label_error" | "label_empty", import("@gravity-ui/i18n").KeyData>;
+    };
+};
 export default _default;

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

@@ -1,8 +1,10 @@
 "use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
 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 en_json_1 = __importDefault(require("./en.json"));
+const ru_json_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.js

@@ -1,4 +1,17 @@
 "use strict";
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __exportStar = (this && this.__exportStar) || function(m, exports) {
+    for (var p in m) if (p !== "default" && !Object.prototype.hasOwnProperty.call(exports, p)) __createBinding(exports, m, p);
+};
 Object.defineProperty(exports, "__esModule", { value: true });
-const tslib_1 = require("tslib");
-tslib_1.__exportStar(require("./NavigationTree"), exports);
+__exportStar(require("./NavigationTree"), exports);

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

@@ -1,6 +1,6 @@
 /// <reference types="react" />
 import type { DropdownMenuItemMixed } from '@gravity-ui/uikit';
-export type NavigationTreeNodeType = 'async_replication' | 'column_table' | 'resource_pool' | 'database' | 'directory' | 'external_data_source' | 'external_table' | 'index_table' | 'index' | 'stream' | 'table' | 'topic' | 'transfer' | 'view';
+export type NavigationTreeNodeType = 'async_replication' | 'column_table' | 'resource_pool' | 'database' | 'directory' | 'external_data_source' | 'external_table' | 'index_table' | 'index' | 'stream' | 'system_table' | 'table' | 'topic' | 'transfer' | 'view';
 export interface NavigationTreeDataItem<M = unknown> {
     name: string;
     type: NavigationTreeNodeType;

package/build/cjs/components/TreeView/TreeView.css

@@ -19,7 +19,7 @@
   background-color: var(--g-color-base-simple-hover);
 }
 .ydb-tree-view__item:hover .ydb-tree-view__actions {
-  display: flex;
+  visibility: visible;
 }
 .ydb-tree-view__item_active {
   font-weight: bold;
@@ -53,7 +53,8 @@
   text-overflow: ellipsis;
 }
 .ydb-tree-view__actions {
-  display: none;
+  display: flex;
+  visibility: hidden;
   margin-left: 6px;
   align-items: center;
 }

package/build/cjs/components/TreeView/TreeView.js

@@ -1,9 +1,11 @@
 "use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.TreeView = 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_1 = __importDefault(require("react"));
 const uikit_1 = require("@gravity-ui/uikit");
 const cn_1 = require("../../utils/cn");
 require("./TreeView.css");

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

@@ -1,4 +1,17 @@
 "use strict";
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __exportStar = (this && this.__exportStar) || function(m, exports) {
+    for (var p in m) if (p !== "default" && !Object.prototype.hasOwnProperty.call(exports, p)) __createBinding(exports, m, p);
+};
 Object.defineProperty(exports, "__esModule", { value: true });
-const tslib_1 = require("tslib");
-tslib_1.__exportStar(require("./TreeView"), exports);
+__exportStar(require("./TreeView"), exports);

package/build/cjs/components/icons/Transfer.js

@@ -2,7 +2,8 @@
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.TransferIcon = void 0;
 const jsx_runtime_1 = require("react/jsx-runtime");
+const icons_1 = require("@gravity-ui/icons");
 function TransferIcon(props) {
-    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.22 15.03s-.001 0 0 0a.75.75 0 0 0 1.06-1.06l-.47-.47H10a3.016 3.016 0 0 0 1.507-.405A2.999 2.999 0 0 0 13 10.5V7.896h.003a2.735 2.735 0 0 0 .785-.366 2.75 2.75 0 1 0-2.288.366V10.5A1.5 1.5 0 0 1 10 12h-.19l.47-.47s0 .001 0 0a.75.75 0 0 0-1.06-1.06l-.47.47-1.28 1.28a.75.75 0 0 0 0 1.06l1.75 1.75ZM5.72 2.97a.75.75 0 0 1 1.06 0l.47.47 1.28 1.28a.748.748 0 0 1 0 1.06L6.78 7.53c.001 0 0 0 0 0a.751.751 0 0 1-1.06-1.06L6.19 6H6a1.5 1.5 0 0 0-1.5 1.5v2.604a2.757 2.757 0 0 1 2 2.646 2.738 2.738 0 0 1-1.212 2.28 2.737 2.737 0 0 1-1.538.47A2.747 2.747 0 0 1 1 12.75a2.751 2.751 0 0 1 2-2.646V7.5a2.999 2.999 0 0 1 3-3h.19l-.47-.47a.75.75 0 0 1 0-1.06Zm-.908 9.121A1.246 1.246 0 0 1 5 12.75a1.25 1.25 0 1 1-.188-.659ZM11 5.25a1.25 1.25 0 1 1 2.5 0 1.25 1.25 0 0 1-2.5 0Z" }) })));
+    return (0, jsx_runtime_1.jsx)(icons_1.FileArrowRightOut, Object.assign({}, props));
 }
 exports.TransferIcon = TransferIcon;

package/build/cjs/index.js

@@ -1,5 +1,18 @@
 "use strict";
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __exportStar = (this && this.__exportStar) || function(m, exports) {
+    for (var p in m) if (p !== "default" && !Object.prototype.hasOwnProperty.call(exports, p)) __createBinding(exports, m, p);
+};
 Object.defineProperty(exports, "__esModule", { value: true });
-const tslib_1 = require("tslib");
-tslib_1.__exportStar(require("./components/NavigationTree"), exports);
-tslib_1.__exportStar(require("./components/TreeView"), exports);
+__exportStar(require("./components/NavigationTree"), exports);
+__exportStar(require("./components/TreeView"), exports);

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

@@ -30,6 +30,7 @@ function renderIcon(type, collapsed) {
             return _jsx(IndexIcon, { height: 16 });
         case 'table':
         case 'index_table':
+        case 'system_table':
             return _jsx(TableIcon, { height: 16 });
         case 'column_table':
             return _jsx(ColumnTableIcon, { height: 16 });

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

@@ -1,2 +1,6 @@
-declare const _default: (key: "label_error" | "label_empty", params?: import("@gravity-ui/i18n").Params | undefined) => string;
+declare const _default: ((key: "label_error" | "label_empty", params?: import("@gravity-ui/i18n").Params | undefined) => string) & {
+    keysetData: {
+        "ydb-navigation-tree": Record<"label_error" | "label_empty", import("@gravity-ui/i18n").KeyData>;
+    };
+};
 export default _default;

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

@@ -1,6 +1,6 @@
 /// <reference types="react" />
 import type { DropdownMenuItemMixed } from '@gravity-ui/uikit';
-export type NavigationTreeNodeType = 'async_replication' | 'column_table' | 'resource_pool' | 'database' | 'directory' | 'external_data_source' | 'external_table' | 'index_table' | 'index' | 'stream' | 'table' | 'topic' | 'transfer' | 'view';
+export type NavigationTreeNodeType = 'async_replication' | 'column_table' | 'resource_pool' | 'database' | 'directory' | 'external_data_source' | 'external_table' | 'index_table' | 'index' | 'stream' | 'system_table' | 'table' | 'topic' | 'transfer' | 'view';
 export interface NavigationTreeDataItem<M = unknown> {
     name: string;
     type: NavigationTreeNodeType;

package/build/esm/components/TreeView/TreeView.css

@@ -19,7 +19,7 @@
   background-color: var(--g-color-base-simple-hover);
 }
 .ydb-tree-view__item:hover .ydb-tree-view__actions {
-  display: flex;
+  visibility: visible;
 }
 .ydb-tree-view__item_active {
   font-weight: bold;
@@ -53,7 +53,8 @@
   text-overflow: ellipsis;
 }
 .ydb-tree-view__actions {
-  display: none;
+  display: flex;
+  visibility: hidden;
   margin-left: 6px;
   align-items: center;
 }

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

@@ -1,5 +1,6 @@
 import { jsx as _jsx } from "react/jsx-runtime";
 import React from 'react';
+import { FileArrowRightOut } from '@gravity-ui/icons';
 export function TransferIcon(props) {
-    return (_jsx("svg", Object.assign({ xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 16 16", fill: "currentColor" }, props, { children: _jsx("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M9.22 15.03s-.001 0 0 0a.75.75 0 0 0 1.06-1.06l-.47-.47H10a3.016 3.016 0 0 0 1.507-.405A2.999 2.999 0 0 0 13 10.5V7.896h.003a2.735 2.735 0 0 0 .785-.366 2.75 2.75 0 1 0-2.288.366V10.5A1.5 1.5 0 0 1 10 12h-.19l.47-.47s0 .001 0 0a.75.75 0 0 0-1.06-1.06l-.47.47-1.28 1.28a.75.75 0 0 0 0 1.06l1.75 1.75ZM5.72 2.97a.75.75 0 0 1 1.06 0l.47.47 1.28 1.28a.748.748 0 0 1 0 1.06L6.78 7.53c.001 0 0 0 0 0a.751.751 0 0 1-1.06-1.06L6.19 6H6a1.5 1.5 0 0 0-1.5 1.5v2.604a2.757 2.757 0 0 1 2 2.646 2.738 2.738 0 0 1-1.212 2.28 2.737 2.737 0 0 1-1.538.47A2.747 2.747 0 0 1 1 12.75a2.751 2.751 0 0 1 2-2.646V7.5a2.999 2.999 0 0 1 3-3h.19l-.47-.47a.75.75 0 0 1 0-1.06Zm-.908 9.121A1.246 1.246 0 0 1 5 12.75a1.25 1.25 0 1 1-.188-.659ZM11 5.25a1.25 1.25 0 1 1 2.5 0 1.25 1.25 0 0 1-2.5 0Z" }) })));
+    return _jsx(FileArrowRightOut, Object.assign({}, props));
 }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "ydb-ui-components",
-  "version": "4.7.0",
+  "version": "5.1.0",
   "description": "",
   "license": "MIT",
   "exports": {
@@ -37,7 +37,7 @@
     "lint": "run-p lint:*",
     "prettier": "prettier '**/*.{json,md,yaml,yml}'",
     "typecheck": "tsc --noEmit",
-    "start": "storybook dev -p 7002",
+    "start": "storybook dev -p 7003",
     "prepublishOnly": "npm run build",
     "prepare": "husky"
   },
@@ -54,10 +54,11 @@
     "@commitlint/cli": "^19.0.3",
     "@commitlint/config-conventional": "^19.0.3",
     "@gravity-ui/eslint-config": "^3.1.1",
+    "@gravity-ui/icons": "^2.16.0",
     "@gravity-ui/prettier-config": "^1.1.0",
     "@gravity-ui/stylelint-config": "^4.0.1",
     "@gravity-ui/tsconfig": "^1.0.0",
-    "@gravity-ui/uikit": "^6.1.1",
+    "@gravity-ui/uikit": "^7.11.0",
     "@storybook/addon-essentials": "^7.6.17",
     "@storybook/preset-scss": "^1.0.3",
     "@storybook/react": "^7.6.17",
@@ -85,7 +86,7 @@
     "typescript": "^5.3.3"
   },
   "peerDependencies": {
-    "@gravity-ui/uikit": "^6.0.0",
+    "@gravity-ui/uikit": "^7.0.0",
     "react": "^16.0.0 || ^17.0.0 || ^18.0.0",
     "react-dom": "^16.0.0 || ^17.0.0 || ^18.0.0"
   },