ydb-ui-components 5.1.1 → 5.3.0

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

@@ -7,50 +7,39 @@ exports.NavigationTreeNode = void 0;
 const jsx_runtime_1 = require("react/jsx-runtime");
 const react_1 = __importDefault(require("react"));
 const TreeView_1 = require("../TreeView/TreeView");
-const AsyncReplication_1 = require("../icons/AsyncReplication");
-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 ResourcePool_1 = require("../icons/ResourcePool");
-const Table_1 = require("../icons/Table");
-const Topic_1 = require("../icons/Topic");
-const Transfer_1 = require("../icons/Transfer");
-const View_1 = require("../icons/View");
+const icons_1 = require("../icons");
 const state_1 = require("./state");
 function renderIcon(type, collapsed) {
     switch (type) {
         case 'async_replication':
-            return (0, jsx_runtime_1.jsx)(AsyncReplication_1.AsyncReplicationIcon, { height: 16 });
+            return (0, jsx_runtime_1.jsx)(icons_1.AsyncReplicationIcon, {});
         case 'transfer':
-            return (0, jsx_runtime_1.jsx)(Transfer_1.TransferIcon, { height: 16 });
+            return (0, jsx_runtime_1.jsx)(icons_1.TransferIcon, {});
         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 });
+            return (0, jsx_runtime_1.jsx)(icons_1.DatabaseIcon, {});
         case 'directory':
-            return collapsed ? (0, jsx_runtime_1.jsx)(Folder_1.FolderIcon, { height: 16 }) : (0, jsx_runtime_1.jsx)(FolderOpen_1.FolderOpenIcon, { height: 16 });
+            return collapsed ? (0, jsx_runtime_1.jsx)(icons_1.FolderIcon, {}) : (0, jsx_runtime_1.jsx)(icons_1.FolderOpenIcon, {});
         case 'index':
-            return (0, jsx_runtime_1.jsx)(Index_1.IndexIcon, { height: 16 });
+            return (0, jsx_runtime_1.jsx)(icons_1.TableIndexIcon, {});
         case 'table':
         case 'index_table':
         case 'system_table':
-            return (0, jsx_runtime_1.jsx)(Table_1.TableIcon, { height: 16 });
+            return (0, jsx_runtime_1.jsx)(icons_1.TableIcon, {});
         case 'column_table':
-            return (0, jsx_runtime_1.jsx)(ColumnTable_1.ColumnTableIcon, { height: 16 });
+            return (0, jsx_runtime_1.jsx)(icons_1.ColumnTableIcon, {});
         case 'stream':
         case 'topic':
-            return (0, jsx_runtime_1.jsx)(Topic_1.TopicIcon, { height: 16 });
+            return (0, jsx_runtime_1.jsx)(icons_1.TopicIcon, {});
         case 'external_table':
-            return (0, jsx_runtime_1.jsx)(ExternalTable_1.ExternalTableIcon, { height: 16 });
+            return (0, jsx_runtime_1.jsx)(icons_1.ExternalTableIcon, {});
         case 'external_data_source':
-            return (0, jsx_runtime_1.jsx)(ExternalDataSource_1.ExternalDataSourceIcon, { height: 16 });
+            return (0, jsx_runtime_1.jsx)(icons_1.ExternalDataSourceIcon, {});
+        case 'streaming_query':
+            return (0, jsx_runtime_1.jsx)(icons_1.StreamingQueryIcon, {});
         case 'view':
-            return (0, jsx_runtime_1.jsx)(View_1.ViewIcon, { height: 16 });
+            return (0, jsx_runtime_1.jsx)(icons_1.ViewIcon, {});
         case 'resource_pool':
-            return (0, jsx_runtime_1.jsx)(ResourcePool_1.ResourcePoolIcon, { height: 16 });
+            return (0, jsx_runtime_1.jsx)(icons_1.ResourcePoolIcon, {});
         default:
             return null;
     }

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' | 'system_table' | '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' | 'streaming_query' | 'table' | 'topic' | 'transfer' | 'view';
 export interface NavigationTreeDataItem<M = unknown> {
     name: string;
     type: NavigationTreeNodeType;

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

@@ -3,6 +3,6 @@ Object.defineProperty(exports, "__esModule", { value: true });
 exports.AsyncReplicationIcon = void 0;
 const jsx_runtime_1 = require("react/jsx-runtime");
 function AsyncReplicationIcon(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)("svg", Object.assign({ xmlns: "http://www.w3.org/2000/svg", height: 16, width: 16, 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" }) })));
 }
 exports.AsyncReplicationIcon = AsyncReplicationIcon;

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

@@ -3,6 +3,6 @@ Object.defineProperty(exports, "__esModule", { value: true });
 exports.ColumnTableIcon = void 0;
 const jsx_runtime_1 = require("react/jsx-runtime");
 function ColumnTableIcon(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: "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" }) })));
+    return ((0, jsx_runtime_1.jsx)("svg", Object.assign({ xmlns: "http://www.w3.org/2000/svg", height: 16, width: 16, 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" }) })));
 }
 exports.ColumnTableIcon = ColumnTableIcon;

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

@@ -3,6 +3,8 @@ Object.defineProperty(exports, "__esModule", { value: true });
 exports.DatabaseIcon = void 0;
 const jsx_runtime_1 = require("react/jsx-runtime");
 function DatabaseIcon(props) {
-    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" }) })));
+    return ((0, jsx_runtime_1.jsx)("svg", Object.assign({ xmlns: "http://www.w3.org/2000/svg", 
+        // This icon is larger than the others, therefore 14 for a better fit (other have 16)
+        height: 14, width: 14, 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" }) })));
 }
 exports.DatabaseIcon = DatabaseIcon;

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

@@ -3,6 +3,6 @@ Object.defineProperty(exports, "__esModule", { value: true });
 exports.ExternalDataSourceIcon = void 0;
 const jsx_runtime_1 = require("react/jsx-runtime");
 function ExternalDataSourceIcon(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: "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" }) })));
+    return ((0, jsx_runtime_1.jsx)("svg", Object.assign({ xmlns: "http://www.w3.org/2000/svg", height: 16, width: 16, 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" }) })));
 }
 exports.ExternalDataSourceIcon = ExternalDataSourceIcon;

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

@@ -3,6 +3,6 @@ Object.defineProperty(exports, "__esModule", { value: true });
 exports.ExternalTableIcon = void 0;
 const jsx_runtime_1 = require("react/jsx-runtime");
 function ExternalTableIcon(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: "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" }) })));
+    return ((0, jsx_runtime_1.jsx)("svg", Object.assign({ xmlns: "http://www.w3.org/2000/svg", height: 16, width: 16, 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" }) })));
 }
 exports.ExternalTableIcon = ExternalTableIcon;

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

@@ -3,6 +3,6 @@ Object.defineProperty(exports, "__esModule", { value: true });
 exports.FolderIcon = void 0;
 const jsx_runtime_1 = require("react/jsx-runtime");
 function FolderIcon(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", { 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" }) })));
+    return ((0, jsx_runtime_1.jsx)("svg", Object.assign({ xmlns: "http://www.w3.org/2000/svg", height: 16, width: 16, 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" }) })));
 }
 exports.FolderIcon = FolderIcon;

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

@@ -3,6 +3,6 @@ Object.defineProperty(exports, "__esModule", { value: true });
 exports.FolderOpenIcon = void 0;
 const jsx_runtime_1 = require("react/jsx-runtime");
 function FolderOpenIcon(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", { 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" }) })));
+    return ((0, jsx_runtime_1.jsx)("svg", Object.assign({ xmlns: "http://www.w3.org/2000/svg", height: 16, width: 16, 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" }) })));
 }
 exports.FolderOpenIcon = FolderOpenIcon;

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

@@ -3,6 +3,6 @@ Object.defineProperty(exports, "__esModule", { value: true });
 exports.ResourcePoolIcon = void 0;
 const jsx_runtime_1 = require("react/jsx-runtime");
 function ResourcePoolIcon(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", { d: "m1.5 3.25c0-0.41421 0.33579-0.75 0.75-0.75h1.0109c0.41421 0 0.75-0.33579 0.75-0.75s-0.33579-0.75-0.75-0.75h-1.0109c-1.2426 0-2.25 1.0074-2.25 2.25v9.5c0 1.2426 1.0074 2.25 2.25 2.25h1.0109c0.41421 0 0.75-0.3358 0.75-0.75s-0.33579-0.75-0.75-0.75h-1.0109c-0.41421 0-0.75-0.3358-0.75-0.75v-9.5zm11.239-2.25c-0.4142 0-0.75 0.33579-0.75 0.75s0.3358 0.75 0.75 0.75h1.0109c0.4142 0 0.75 0.33579 0.75 0.75v9.5c0 0.4142-0.3358 0.75-0.75 0.75h-1.0109c-0.4142 0-0.75 0.3358-0.75 0.75s0.3358 0.75 0.75 0.75h1.0109c1.2426 0 2.25-1.0074 2.25-2.25v-9.5c0-1.2426-1.0074-2.25-2.25-2.25h-1.0109zm-1.4316 6.9054c-0.9374 0.45226-2.1226 0.63619-3.3102 0.63619-1.1876 0-2.3728-0.18393-3.3103-0.63619-0.21174-0.10215-0.42044-0.22399-0.61701-0.36633v0.46091c0 1.3714 1.7583 2.0571 3.9273 2.0571 2.169 0 3.9273-0.68571 3.9273-2.0571v-0.46091c-0.1966 0.14234-0.4053 0.26418-0.6171 0.36633zm-3.3102-0.59108c2.169 0 3.9273-0.68572 3.9273-2.0571 0-1.3714-1.7583-2.0572-3.9273-2.0572-2.169 0-3.9273 0.68572-3.9273 2.0572 0 1.3714 1.7583 2.0571 3.9273 2.0571zm3.9273 3.4286c0 1.3714-1.7583 2.0571-3.9273 2.0571-2.169 0-3.9273-0.6857-3.9273-2.0571v-0.461c0.19657 0.1423 0.40527 0.2641 0.61701 0.3663 0.93748 0.4522 2.1227 0.6362 3.3103 0.6362 1.1876 0 2.3728-0.184 3.3102-0.6362 0.2118-0.1022 0.4205-0.224 0.6171-0.3663v0.461z", fill: "currentColor", clipRule: "evenodd", fillRule: "evenodd" }) })));
+    return ((0, jsx_runtime_1.jsx)("svg", Object.assign({ xmlns: "http://www.w3.org/2000/svg", height: 16, width: 16, viewBox: "0 0 16 16", fill: "currentColor" }, props, { children: (0, jsx_runtime_1.jsx)("path", { d: "m1.5 3.25c0-0.41421 0.33579-0.75 0.75-0.75h1.0109c0.41421 0 0.75-0.33579 0.75-0.75s-0.33579-0.75-0.75-0.75h-1.0109c-1.2426 0-2.25 1.0074-2.25 2.25v9.5c0 1.2426 1.0074 2.25 2.25 2.25h1.0109c0.41421 0 0.75-0.3358 0.75-0.75s-0.33579-0.75-0.75-0.75h-1.0109c-0.41421 0-0.75-0.3358-0.75-0.75v-9.5zm11.239-2.25c-0.4142 0-0.75 0.33579-0.75 0.75s0.3358 0.75 0.75 0.75h1.0109c0.4142 0 0.75 0.33579 0.75 0.75v9.5c0 0.4142-0.3358 0.75-0.75 0.75h-1.0109c-0.4142 0-0.75 0.3358-0.75 0.75s0.3358 0.75 0.75 0.75h1.0109c1.2426 0 2.25-1.0074 2.25-2.25v-9.5c0-1.2426-1.0074-2.25-2.25-2.25h-1.0109zm-1.4316 6.9054c-0.9374 0.45226-2.1226 0.63619-3.3102 0.63619-1.1876 0-2.3728-0.18393-3.3103-0.63619-0.21174-0.10215-0.42044-0.22399-0.61701-0.36633v0.46091c0 1.3714 1.7583 2.0571 3.9273 2.0571 2.169 0 3.9273-0.68571 3.9273-2.0571v-0.46091c-0.1966 0.14234-0.4053 0.26418-0.6171 0.36633zm-3.3102-0.59108c2.169 0 3.9273-0.68572 3.9273-2.0571 0-1.3714-1.7583-2.0572-3.9273-2.0572-2.169 0-3.9273 0.68572-3.9273 2.0572 0 1.3714 1.7583 2.0571 3.9273 2.0571zm3.9273 3.4286c0 1.3714-1.7583 2.0571-3.9273 2.0571-2.169 0-3.9273-0.6857-3.9273-2.0571v-0.461c0.19657 0.1423 0.40527 0.2641 0.61701 0.3663 0.93748 0.4522 2.1227 0.6362 3.3103 0.6362 1.1876 0 2.3728-0.184 3.3102-0.6362 0.2118-0.1022 0.4205-0.224 0.6171-0.3663v0.461z", fill: "currentColor", clipRule: "evenodd", fillRule: "evenodd" }) })));
 }
 exports.ResourcePoolIcon = ResourcePoolIcon;

package/build/cjs/components/icons/StreamingQuery.d.ts

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

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

@@ -0,0 +1,8 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.StreamingQueryIcon = void 0;
+const jsx_runtime_1 = require("react/jsx-runtime");
+function StreamingQueryIcon(props) {
+    return ((0, jsx_runtime_1.jsxs)("svg", Object.assign({ xmlns: "http://www.w3.org/2000/svg", width: 16, height: 16, viewBox: "0 0 16 16", fill: "currentColor" }, props, { children: [(0, jsx_runtime_1.jsx)("path", { d: "M1.74736 10.2865C3.06151 9.1017 4.5271 8.93752 5.7625 9.14443C6.9676 9.34634 7.98265 9.90421 8.49297 10.1889C9.08861 10.5211 9.83649 10.9101 10.6673 11.0311C11.4608 11.1467 12.3492 11.0208 13.2747 10.2636C13.5952 10.0013 14.068 10.0481 14.3304 10.3685C14.5927 10.6891 14.5454 11.1619 14.2249 11.4242C12.9391 12.4764 11.6157 12.6852 10.451 12.5155C9.32352 12.3513 8.36538 11.8355 7.76201 11.4989C7.2599 11.2188 6.44194 10.7793 5.51445 10.6239C4.61708 10.4736 3.64946 10.5919 2.75225 11.4008C2.44461 11.678 1.97 11.6537 1.69268 11.3461C1.41543 11.0385 1.43991 10.5639 1.74736 10.2865Z" }), (0, jsx_runtime_1.jsx)("path", { d: "M1.74736 4.62734C3.06151 3.44252 4.52711 3.27834 5.7625 3.48525C6.96757 3.68716 7.98264 4.24502 8.49297 4.52968C9.08861 4.86192 9.8365 5.25091 10.6673 5.37196C11.4608 5.48752 12.3492 5.36169 13.2747 4.60439C13.5952 4.34209 14.068 4.38896 14.3304 4.70937C14.5927 5.02991 14.5454 5.50269 14.2249 5.76503C12.9391 6.81728 11.6157 7.02598 10.451 6.85634C9.32352 6.69207 8.36538 6.17629 7.76201 5.83974C7.2599 5.55967 6.44192 5.1201 5.51445 4.96474C4.61709 4.81446 3.64946 4.93275 2.75225 5.74159C2.44461 6.01886 1.97001 5.99449 1.69268 5.68691C1.41547 5.37931 1.43989 4.90468 1.74736 4.62734Z" })] })));
+}
+exports.StreamingQueryIcon = StreamingQueryIcon;

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

@@ -3,6 +3,6 @@ Object.defineProperty(exports, "__esModule", { value: true });
 exports.TableIcon = void 0;
 const jsx_runtime_1 = require("react/jsx-runtime");
 function TableIcon(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: "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" }) })));
+    return ((0, jsx_runtime_1.jsx)("svg", Object.assign({ xmlns: "http://www.w3.org/2000/svg", height: 16, width: 16, 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" }) })));
 }
 exports.TableIcon = TableIcon;

package/build/cjs/components/icons/TableIndex.d.ts

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

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

@@ -0,0 +1,8 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.TableIndexIcon = void 0;
+const jsx_runtime_1 = require("react/jsx-runtime");
+function TableIndexIcon(props) {
+    return ((0, jsx_runtime_1.jsx)("svg", Object.assign({ xmlns: "http://www.w3.org/2000/svg", height: 16, width: 16, 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" }) })));
+}
+exports.TableIndexIcon = TableIndexIcon;

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

@@ -3,6 +3,6 @@ Object.defineProperty(exports, "__esModule", { value: true });
 exports.TopicIcon = void 0;
 const jsx_runtime_1 = require("react/jsx-runtime");
 function TopicIcon(props) {
-    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" })] })));
+    return ((0, jsx_runtime_1.jsxs)("svg", Object.assign({ xmlns: "http://www.w3.org/2000/svg", height: 16, width: 16, 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" })] })));
 }
 exports.TopicIcon = TopicIcon;

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

@@ -4,6 +4,6 @@ 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)(icons_1.FileArrowRightOut, Object.assign({}, props));
+    return (0, jsx_runtime_1.jsx)(icons_1.FileArrowRightOut, Object.assign({ height: 16, width: 16 }, props));
 }
 exports.TransferIcon = TransferIcon;

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

@@ -3,6 +3,6 @@ Object.defineProperty(exports, "__esModule", { value: true });
 exports.ViewIcon = void 0;
 const jsx_runtime_1 = require("react/jsx-runtime");
 function ViewIcon(props) {
-    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)("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M1.625 2H7.49951C6.47457 2.77006 5.7552 3.92488 5.55588 5.25H1.625V7.6875H5.79193C6.48417 9.6186 8.33076 11 10.5 11C10.877 11 11.2443 10.9583 11.5974 10.8792L12.7748 12.5799C12.4905 13.0601 11.9665 13.375 11.375 13.375H1.625C0.710938 13.375 0 12.6641 0 11.75V3.625C0 2.73633 0.710938 2 1.625 2ZM1.625 11.75V9.3125H5.6875V11.75H1.625Z" }), (0, jsx_runtime_1.jsx)("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M13.4411 8.71106C14.0985 7.9983 14.5 7.04604 14.5 6C14.5 3.79086 12.7091 2 10.5 2C8.29086 2 6.5 3.79086 6.5 6C6.5 8.20914 8.29086 10 10.5 10C11.0316 10 11.5389 9.89631 12.0029 9.70806L14.2807 12.9981C14.5557 13.3955 15.1008 13.4946 15.4981 13.2195C15.8955 12.9444 15.9946 12.3993 15.7195 12.002L13.4411 8.71106ZM12.5 6C12.5 7.10457 11.6046 8 10.5 8C9.39543 8 8.5 7.10457 8.5 6C8.5 4.89543 9.39543 4 10.5 4C11.6046 4 12.5 4.89543 12.5 6Z" })] })));
+    return ((0, jsx_runtime_1.jsxs)("svg", Object.assign({ xmlns: "http://www.w3.org/2000/svg", height: 16, width: 16, viewBox: "0 0 16 16", fill: "currentColor" }, props, { children: [(0, jsx_runtime_1.jsx)("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M1.625 2H7.49951C6.47457 2.77006 5.7552 3.92488 5.55588 5.25H1.625V7.6875H5.79193C6.48417 9.6186 8.33076 11 10.5 11C10.877 11 11.2443 10.9583 11.5974 10.8792L12.7748 12.5799C12.4905 13.0601 11.9665 13.375 11.375 13.375H1.625C0.710938 13.375 0 12.6641 0 11.75V3.625C0 2.73633 0.710938 2 1.625 2ZM1.625 11.75V9.3125H5.6875V11.75H1.625Z" }), (0, jsx_runtime_1.jsx)("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M13.4411 8.71106C14.0985 7.9983 14.5 7.04604 14.5 6C14.5 3.79086 12.7091 2 10.5 2C8.29086 2 6.5 3.79086 6.5 6C6.5 8.20914 8.29086 10 10.5 10C11.0316 10 11.5389 9.89631 12.0029 9.70806L14.2807 12.9981C14.5557 13.3955 15.1008 13.4946 15.4981 13.2195C15.8955 12.9444 15.9946 12.3993 15.7195 12.002L13.4411 8.71106ZM12.5 6C12.5 7.10457 11.6046 8 10.5 8C9.39543 8 8.5 7.10457 8.5 6C8.5 4.89543 9.39543 4 10.5 4C11.6046 4 12.5 4.89543 12.5 6Z" })] })));
 }
 exports.ViewIcon = ViewIcon;

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

@@ -0,0 +1,14 @@
+export { AsyncReplicationIcon } from './AsyncReplication';
+export { ColumnTableIcon } from './ColumnTable';
+export { DatabaseIcon } from './Database';
+export { ExternalDataSourceIcon } from './ExternalDataSource';
+export { ExternalTableIcon } from './ExternalTable';
+export { FolderIcon } from './Folder';
+export { FolderOpenIcon } from './FolderOpen';
+export { ResourcePoolIcon } from './ResourcePool';
+export { TableIcon } from './Table';
+export { TableIndexIcon } from './TableIndex';
+export { TopicIcon } from './Topic';
+export { TransferIcon } from './Transfer';
+export { ViewIcon } from './View';
+export { StreamingQueryIcon } from './StreamingQuery';

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

@@ -0,0 +1,31 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.StreamingQueryIcon = exports.ViewIcon = exports.TransferIcon = exports.TopicIcon = exports.TableIndexIcon = exports.TableIcon = exports.ResourcePoolIcon = exports.FolderOpenIcon = exports.FolderIcon = exports.ExternalTableIcon = exports.ExternalDataSourceIcon = exports.DatabaseIcon = exports.ColumnTableIcon = exports.AsyncReplicationIcon = void 0;
+var AsyncReplication_1 = require("./AsyncReplication");
+Object.defineProperty(exports, "AsyncReplicationIcon", { enumerable: true, get: function () { return AsyncReplication_1.AsyncReplicationIcon; } });
+var ColumnTable_1 = require("./ColumnTable");
+Object.defineProperty(exports, "ColumnTableIcon", { enumerable: true, get: function () { return ColumnTable_1.ColumnTableIcon; } });
+var Database_1 = require("./Database");
+Object.defineProperty(exports, "DatabaseIcon", { enumerable: true, get: function () { return Database_1.DatabaseIcon; } });
+var ExternalDataSource_1 = require("./ExternalDataSource");
+Object.defineProperty(exports, "ExternalDataSourceIcon", { enumerable: true, get: function () { return ExternalDataSource_1.ExternalDataSourceIcon; } });
+var ExternalTable_1 = require("./ExternalTable");
+Object.defineProperty(exports, "ExternalTableIcon", { enumerable: true, get: function () { return ExternalTable_1.ExternalTableIcon; } });
+var Folder_1 = require("./Folder");
+Object.defineProperty(exports, "FolderIcon", { enumerable: true, get: function () { return Folder_1.FolderIcon; } });
+var FolderOpen_1 = require("./FolderOpen");
+Object.defineProperty(exports, "FolderOpenIcon", { enumerable: true, get: function () { return FolderOpen_1.FolderOpenIcon; } });
+var ResourcePool_1 = require("./ResourcePool");
+Object.defineProperty(exports, "ResourcePoolIcon", { enumerable: true, get: function () { return ResourcePool_1.ResourcePoolIcon; } });
+var Table_1 = require("./Table");
+Object.defineProperty(exports, "TableIcon", { enumerable: true, get: function () { return Table_1.TableIcon; } });
+var TableIndex_1 = require("./TableIndex");
+Object.defineProperty(exports, "TableIndexIcon", { enumerable: true, get: function () { return TableIndex_1.TableIndexIcon; } });
+var Topic_1 = require("./Topic");
+Object.defineProperty(exports, "TopicIcon", { enumerable: true, get: function () { return Topic_1.TopicIcon; } });
+var Transfer_1 = require("./Transfer");
+Object.defineProperty(exports, "TransferIcon", { enumerable: true, get: function () { return Transfer_1.TransferIcon; } });
+var View_1 = require("./View");
+Object.defineProperty(exports, "ViewIcon", { enumerable: true, get: function () { return View_1.ViewIcon; } });
+var StreamingQuery_1 = require("./StreamingQuery");
+Object.defineProperty(exports, "StreamingQueryIcon", { enumerable: true, get: function () { return StreamingQuery_1.StreamingQueryIcon; } });

package/build/cjs/index.d.ts

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

package/build/cjs/index.js

@@ -16,3 +16,4 @@ var __exportStar = (this && this.__exportStar) || function(m, exports) {
 Object.defineProperty(exports, "__esModule", { value: true });
 __exportStar(require("./components/NavigationTree"), exports);
 __exportStar(require("./components/TreeView"), exports);
+__exportStar(require("./components/icons"), exports);

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

@@ -1,50 +1,39 @@
 import { jsx as _jsx } from "react/jsx-runtime";
 import React from 'react';
 import { TreeView } from '../TreeView/TreeView';
-import { AsyncReplicationIcon } from '../icons/AsyncReplication';
-import { ColumnTableIcon } from '../icons/ColumnTable';
-import { DatabaseIcon } from '../icons/Database';
-import { ExternalDataSourceIcon } from '../icons/ExternalDataSource';
-import { ExternalTableIcon } from '../icons/ExternalTable';
-import { FolderIcon } from '../icons/Folder';
-import { FolderOpenIcon } from '../icons/FolderOpen';
-import { IndexIcon } from '../icons/Index';
-import { ResourcePoolIcon } from '../icons/ResourcePool';
-import { TableIcon } from '../icons/Table';
-import { TopicIcon } from '../icons/Topic';
-import { TransferIcon } from '../icons/Transfer';
-import { ViewIcon } from '../icons/View';
+import { AsyncReplicationIcon, ColumnTableIcon, DatabaseIcon, ExternalDataSourceIcon, ExternalTableIcon, FolderIcon, FolderOpenIcon, ResourcePoolIcon, StreamingQueryIcon, TableIcon, TableIndexIcon, TopicIcon, TransferIcon, ViewIcon, } from '../icons';
 import { NavigationTreeActionType } from './state';
 function renderIcon(type, collapsed) {
     switch (type) {
         case 'async_replication':
-            return _jsx(AsyncReplicationIcon, { height: 16 });
+            return _jsx(AsyncReplicationIcon, {});
         case 'transfer':
-            return _jsx(TransferIcon, { height: 16 });
+            return _jsx(TransferIcon, {});
         case 'database':
-            // this icon is larger than the others, therefore 14 for a better fit
-            return _jsx(DatabaseIcon, { height: 14 });
+            return _jsx(DatabaseIcon, {});
         case 'directory':
-            return collapsed ? _jsx(FolderIcon, { height: 16 }) : _jsx(FolderOpenIcon, { height: 16 });
+            return collapsed ? _jsx(FolderIcon, {}) : _jsx(FolderOpenIcon, {});
         case 'index':
-            return _jsx(IndexIcon, { height: 16 });
+            return _jsx(TableIndexIcon, {});
         case 'table':
         case 'index_table':
         case 'system_table':
-            return _jsx(TableIcon, { height: 16 });
+            return _jsx(TableIcon, {});
         case 'column_table':
-            return _jsx(ColumnTableIcon, { height: 16 });
+            return _jsx(ColumnTableIcon, {});
         case 'stream':
         case 'topic':
-            return _jsx(TopicIcon, { height: 16 });
+            return _jsx(TopicIcon, {});
         case 'external_table':
-            return _jsx(ExternalTableIcon, { height: 16 });
+            return _jsx(ExternalTableIcon, {});
         case 'external_data_source':
-            return _jsx(ExternalDataSourceIcon, { height: 16 });
+            return _jsx(ExternalDataSourceIcon, {});
+        case 'streaming_query':
+            return _jsx(StreamingQueryIcon, {});
         case 'view':
-            return _jsx(ViewIcon, { height: 16 });
+            return _jsx(ViewIcon, {});
         case 'resource_pool':
-            return _jsx(ResourcePoolIcon, { height: 16 });
+            return _jsx(ResourcePoolIcon, {});
         default:
             return null;
     }

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' | 'system_table' | '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' | 'streaming_query' | 'table' | 'topic' | 'transfer' | 'view';
 export interface NavigationTreeDataItem<M = unknown> {
     name: string;
     type: NavigationTreeNodeType;

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

@@ -1,5 +1,5 @@
 import { jsx as _jsx } from "react/jsx-runtime";
 import React from 'react';
 export function AsyncReplicationIcon(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("svg", Object.assign({ xmlns: "http://www.w3.org/2000/svg", height: 16, width: 16, 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" }) })));
 }

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

@@ -1,5 +1,5 @@
 import { jsx as _jsx } from "react/jsx-runtime";
 import React from 'react';
 export function ColumnTableIcon(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: "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" }) })));
+    return (_jsx("svg", Object.assign({ xmlns: "http://www.w3.org/2000/svg", height: 16, width: 16, viewBox: "0 0 16 16", fill: "currentColor" }, props, { children: _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" }) })));
 }

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

@@ -1,5 +1,7 @@
 import { jsx as _jsx } from "react/jsx-runtime";
 import React from 'react';
 export function DatabaseIcon(props) {
-    return (_jsx("svg", Object.assign({ xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 448 512", fill: "currentColor" }, props, { children: _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" }) })));
+    return (_jsx("svg", Object.assign({ xmlns: "http://www.w3.org/2000/svg", 
+        // This icon is larger than the others, therefore 14 for a better fit (other have 16)
+        height: 14, width: 14, viewBox: "0 0 448 512", fill: "currentColor" }, props, { children: _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" }) })));
 }

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

@@ -1,5 +1,5 @@
 import { jsx as _jsx } from "react/jsx-runtime";
 import React from 'react';
 export function ExternalDataSourceIcon(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: "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" }) })));
+    return (_jsx("svg", Object.assign({ xmlns: "http://www.w3.org/2000/svg", height: 16, width: 16, viewBox: "0 0 16 16", fill: "currentColor" }, props, { children: _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" }) })));
 }

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

@@ -1,5 +1,5 @@
 import { jsx as _jsx } from "react/jsx-runtime";
 import React from 'react';
 export function ExternalTableIcon(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: "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" }) })));
+    return (_jsx("svg", Object.assign({ xmlns: "http://www.w3.org/2000/svg", height: 16, width: 16, viewBox: "0 0 16 16", fill: "currentColor" }, props, { children: _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" }) })));
 }

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

@@ -1,5 +1,5 @@
 import { jsx as _jsx } from "react/jsx-runtime";
 import React from 'react';
 export function FolderIcon(props) {
-    return (_jsx("svg", Object.assign({ xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 16 16", fill: "currentColor" }, props, { children: _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" }) })));
+    return (_jsx("svg", Object.assign({ xmlns: "http://www.w3.org/2000/svg", height: 16, width: 16, viewBox: "0 0 16 16", fill: "currentColor" }, props, { children: _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" }) })));
 }

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

@@ -1,5 +1,5 @@
 import { jsx as _jsx } from "react/jsx-runtime";
 import React from 'react';
 export function FolderOpenIcon(props) {
-    return (_jsx("svg", Object.assign({ xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 16 16", fill: "currentColor" }, props, { children: _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" }) })));
+    return (_jsx("svg", Object.assign({ xmlns: "http://www.w3.org/2000/svg", height: 16, width: 16, viewBox: "0 0 16 16", fill: "currentColor" }, props, { children: _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" }) })));
 }

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

@@ -1,5 +1,5 @@
 import { jsx as _jsx } from "react/jsx-runtime";
 import React from 'react';
 export function ResourcePoolIcon(props) {
-    return (_jsx("svg", Object.assign({ xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 16 16", fill: "currentColor" }, props, { children: _jsx("path", { d: "m1.5 3.25c0-0.41421 0.33579-0.75 0.75-0.75h1.0109c0.41421 0 0.75-0.33579 0.75-0.75s-0.33579-0.75-0.75-0.75h-1.0109c-1.2426 0-2.25 1.0074-2.25 2.25v9.5c0 1.2426 1.0074 2.25 2.25 2.25h1.0109c0.41421 0 0.75-0.3358 0.75-0.75s-0.33579-0.75-0.75-0.75h-1.0109c-0.41421 0-0.75-0.3358-0.75-0.75v-9.5zm11.239-2.25c-0.4142 0-0.75 0.33579-0.75 0.75s0.3358 0.75 0.75 0.75h1.0109c0.4142 0 0.75 0.33579 0.75 0.75v9.5c0 0.4142-0.3358 0.75-0.75 0.75h-1.0109c-0.4142 0-0.75 0.3358-0.75 0.75s0.3358 0.75 0.75 0.75h1.0109c1.2426 0 2.25-1.0074 2.25-2.25v-9.5c0-1.2426-1.0074-2.25-2.25-2.25h-1.0109zm-1.4316 6.9054c-0.9374 0.45226-2.1226 0.63619-3.3102 0.63619-1.1876 0-2.3728-0.18393-3.3103-0.63619-0.21174-0.10215-0.42044-0.22399-0.61701-0.36633v0.46091c0 1.3714 1.7583 2.0571 3.9273 2.0571 2.169 0 3.9273-0.68571 3.9273-2.0571v-0.46091c-0.1966 0.14234-0.4053 0.26418-0.6171 0.36633zm-3.3102-0.59108c2.169 0 3.9273-0.68572 3.9273-2.0571 0-1.3714-1.7583-2.0572-3.9273-2.0572-2.169 0-3.9273 0.68572-3.9273 2.0572 0 1.3714 1.7583 2.0571 3.9273 2.0571zm3.9273 3.4286c0 1.3714-1.7583 2.0571-3.9273 2.0571-2.169 0-3.9273-0.6857-3.9273-2.0571v-0.461c0.19657 0.1423 0.40527 0.2641 0.61701 0.3663 0.93748 0.4522 2.1227 0.6362 3.3103 0.6362 1.1876 0 2.3728-0.184 3.3102-0.6362 0.2118-0.1022 0.4205-0.224 0.6171-0.3663v0.461z", fill: "currentColor", clipRule: "evenodd", fillRule: "evenodd" }) })));
+    return (_jsx("svg", Object.assign({ xmlns: "http://www.w3.org/2000/svg", height: 16, width: 16, viewBox: "0 0 16 16", fill: "currentColor" }, props, { children: _jsx("path", { d: "m1.5 3.25c0-0.41421 0.33579-0.75 0.75-0.75h1.0109c0.41421 0 0.75-0.33579 0.75-0.75s-0.33579-0.75-0.75-0.75h-1.0109c-1.2426 0-2.25 1.0074-2.25 2.25v9.5c0 1.2426 1.0074 2.25 2.25 2.25h1.0109c0.41421 0 0.75-0.3358 0.75-0.75s-0.33579-0.75-0.75-0.75h-1.0109c-0.41421 0-0.75-0.3358-0.75-0.75v-9.5zm11.239-2.25c-0.4142 0-0.75 0.33579-0.75 0.75s0.3358 0.75 0.75 0.75h1.0109c0.4142 0 0.75 0.33579 0.75 0.75v9.5c0 0.4142-0.3358 0.75-0.75 0.75h-1.0109c-0.4142 0-0.75 0.3358-0.75 0.75s0.3358 0.75 0.75 0.75h1.0109c1.2426 0 2.25-1.0074 2.25-2.25v-9.5c0-1.2426-1.0074-2.25-2.25-2.25h-1.0109zm-1.4316 6.9054c-0.9374 0.45226-2.1226 0.63619-3.3102 0.63619-1.1876 0-2.3728-0.18393-3.3103-0.63619-0.21174-0.10215-0.42044-0.22399-0.61701-0.36633v0.46091c0 1.3714 1.7583 2.0571 3.9273 2.0571 2.169 0 3.9273-0.68571 3.9273-2.0571v-0.46091c-0.1966 0.14234-0.4053 0.26418-0.6171 0.36633zm-3.3102-0.59108c2.169 0 3.9273-0.68572 3.9273-2.0571 0-1.3714-1.7583-2.0572-3.9273-2.0572-2.169 0-3.9273 0.68572-3.9273 2.0572 0 1.3714 1.7583 2.0571 3.9273 2.0571zm3.9273 3.4286c0 1.3714-1.7583 2.0571-3.9273 2.0571-2.169 0-3.9273-0.6857-3.9273-2.0571v-0.461c0.19657 0.1423 0.40527 0.2641 0.61701 0.3663 0.93748 0.4522 2.1227 0.6362 3.3103 0.6362 1.1876 0 2.3728-0.184 3.3102-0.6362 0.2118-0.1022 0.4205-0.224 0.6171-0.3663v0.461z", fill: "currentColor", clipRule: "evenodd", fillRule: "evenodd" }) })));
 }

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

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

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

@@ -0,0 +1,5 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import React from 'react';
+export function StreamingQueryIcon(props) {
+    return (_jsxs("svg", Object.assign({ xmlns: "http://www.w3.org/2000/svg", width: 16, height: 16, viewBox: "0 0 16 16", fill: "currentColor" }, props, { children: [_jsx("path", { d: "M1.74736 10.2865C3.06151 9.1017 4.5271 8.93752 5.7625 9.14443C6.9676 9.34634 7.98265 9.90421 8.49297 10.1889C9.08861 10.5211 9.83649 10.9101 10.6673 11.0311C11.4608 11.1467 12.3492 11.0208 13.2747 10.2636C13.5952 10.0013 14.068 10.0481 14.3304 10.3685C14.5927 10.6891 14.5454 11.1619 14.2249 11.4242C12.9391 12.4764 11.6157 12.6852 10.451 12.5155C9.32352 12.3513 8.36538 11.8355 7.76201 11.4989C7.2599 11.2188 6.44194 10.7793 5.51445 10.6239C4.61708 10.4736 3.64946 10.5919 2.75225 11.4008C2.44461 11.678 1.97 11.6537 1.69268 11.3461C1.41543 11.0385 1.43991 10.5639 1.74736 10.2865Z" }), _jsx("path", { d: "M1.74736 4.62734C3.06151 3.44252 4.52711 3.27834 5.7625 3.48525C6.96757 3.68716 7.98264 4.24502 8.49297 4.52968C9.08861 4.86192 9.8365 5.25091 10.6673 5.37196C11.4608 5.48752 12.3492 5.36169 13.2747 4.60439C13.5952 4.34209 14.068 4.38896 14.3304 4.70937C14.5927 5.02991 14.5454 5.50269 14.2249 5.76503C12.9391 6.81728 11.6157 7.02598 10.451 6.85634C9.32352 6.69207 8.36538 6.17629 7.76201 5.83974C7.2599 5.55967 6.44192 5.1201 5.51445 4.96474C4.61709 4.81446 3.64946 4.93275 2.75225 5.74159C2.44461 6.01886 1.97001 5.99449 1.69268 5.68691C1.41547 5.37931 1.43989 4.90468 1.74736 4.62734Z" })] })));
+}

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

@@ -1,5 +1,5 @@
 import { jsx as _jsx } from "react/jsx-runtime";
 import React from 'react';
 export function TableIcon(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: "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" }) })));
+    return (_jsx("svg", Object.assign({ xmlns: "http://www.w3.org/2000/svg", height: 16, width: 16, viewBox: "0 0 16 16", fill: "currentColor" }, props, { children: _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" }) })));
 }

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

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

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

@@ -0,0 +1,5 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import React from 'react';
+export function TableIndexIcon(props) {
+    return (_jsx("svg", Object.assign({ xmlns: "http://www.w3.org/2000/svg", height: 16, width: 16, viewBox: "0 0 16 16", fill: "currentColor" }, props, { children: _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" }) })));
+}

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

@@ -1,5 +1,5 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import React from 'react';
 export function TopicIcon(props) {
-    return (_jsxs("svg", Object.assign({ xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 16 16", fill: "currentColor" }, props, { children: [_jsx("rect", { x: "2", y: "2.20001", width: "9", height: "2.5", rx: "0.5" }), _jsx("rect", { x: "5", y: "6.70001", width: "9", height: "2.5", rx: "0.5" }), _jsx("rect", { x: "2", y: "11.2", width: "9", height: "2.5", rx: "0.5" })] })));
+    return (_jsxs("svg", Object.assign({ xmlns: "http://www.w3.org/2000/svg", height: 16, width: 16, viewBox: "0 0 16 16", fill: "currentColor" }, props, { children: [_jsx("rect", { x: "2", y: "2.20001", width: "9", height: "2.5", rx: "0.5" }), _jsx("rect", { x: "5", y: "6.70001", width: "9", height: "2.5", rx: "0.5" }), _jsx("rect", { x: "2", y: "11.2", width: "9", height: "2.5", rx: "0.5" })] })));
 }

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

@@ -2,5 +2,5 @@ import { jsx as _jsx } from "react/jsx-runtime";
 import React from 'react';
 import { FileArrowRightOut } from '@gravity-ui/icons';
 export function TransferIcon(props) {
-    return _jsx(FileArrowRightOut, Object.assign({}, props));
+    return _jsx(FileArrowRightOut, Object.assign({ height: 16, width: 16 }, props));
 }

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

@@ -1,5 +1,5 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import React from 'react';
 export function ViewIcon(props) {
-    return (_jsxs("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: "M1.625 2H7.49951C6.47457 2.77006 5.7552 3.92488 5.55588 5.25H1.625V7.6875H5.79193C6.48417 9.6186 8.33076 11 10.5 11C10.877 11 11.2443 10.9583 11.5974 10.8792L12.7748 12.5799C12.4905 13.0601 11.9665 13.375 11.375 13.375H1.625C0.710938 13.375 0 12.6641 0 11.75V3.625C0 2.73633 0.710938 2 1.625 2ZM1.625 11.75V9.3125H5.6875V11.75H1.625Z" }), _jsx("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M13.4411 8.71106C14.0985 7.9983 14.5 7.04604 14.5 6C14.5 3.79086 12.7091 2 10.5 2C8.29086 2 6.5 3.79086 6.5 6C6.5 8.20914 8.29086 10 10.5 10C11.0316 10 11.5389 9.89631 12.0029 9.70806L14.2807 12.9981C14.5557 13.3955 15.1008 13.4946 15.4981 13.2195C15.8955 12.9444 15.9946 12.3993 15.7195 12.002L13.4411 8.71106ZM12.5 6C12.5 7.10457 11.6046 8 10.5 8C9.39543 8 8.5 7.10457 8.5 6C8.5 4.89543 9.39543 4 10.5 4C11.6046 4 12.5 4.89543 12.5 6Z" })] })));
+    return (_jsxs("svg", Object.assign({ xmlns: "http://www.w3.org/2000/svg", height: 16, width: 16, viewBox: "0 0 16 16", fill: "currentColor" }, props, { children: [_jsx("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M1.625 2H7.49951C6.47457 2.77006 5.7552 3.92488 5.55588 5.25H1.625V7.6875H5.79193C6.48417 9.6186 8.33076 11 10.5 11C10.877 11 11.2443 10.9583 11.5974 10.8792L12.7748 12.5799C12.4905 13.0601 11.9665 13.375 11.375 13.375H1.625C0.710938 13.375 0 12.6641 0 11.75V3.625C0 2.73633 0.710938 2 1.625 2ZM1.625 11.75V9.3125H5.6875V11.75H1.625Z" }), _jsx("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M13.4411 8.71106C14.0985 7.9983 14.5 7.04604 14.5 6C14.5 3.79086 12.7091 2 10.5 2C8.29086 2 6.5 3.79086 6.5 6C6.5 8.20914 8.29086 10 10.5 10C11.0316 10 11.5389 9.89631 12.0029 9.70806L14.2807 12.9981C14.5557 13.3955 15.1008 13.4946 15.4981 13.2195C15.8955 12.9444 15.9946 12.3993 15.7195 12.002L13.4411 8.71106ZM12.5 6C12.5 7.10457 11.6046 8 10.5 8C9.39543 8 8.5 7.10457 8.5 6C8.5 4.89543 9.39543 4 10.5 4C11.6046 4 12.5 4.89543 12.5 6Z" })] })));
 }

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

@@ -0,0 +1,14 @@
+export { AsyncReplicationIcon } from './AsyncReplication';
+export { ColumnTableIcon } from './ColumnTable';
+export { DatabaseIcon } from './Database';
+export { ExternalDataSourceIcon } from './ExternalDataSource';
+export { ExternalTableIcon } from './ExternalTable';
+export { FolderIcon } from './Folder';
+export { FolderOpenIcon } from './FolderOpen';
+export { ResourcePoolIcon } from './ResourcePool';
+export { TableIcon } from './Table';
+export { TableIndexIcon } from './TableIndex';
+export { TopicIcon } from './Topic';
+export { TransferIcon } from './Transfer';
+export { ViewIcon } from './View';
+export { StreamingQueryIcon } from './StreamingQuery';

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

@@ -0,0 +1,14 @@
+export { AsyncReplicationIcon } from './AsyncReplication';
+export { ColumnTableIcon } from './ColumnTable';
+export { DatabaseIcon } from './Database';
+export { ExternalDataSourceIcon } from './ExternalDataSource';
+export { ExternalTableIcon } from './ExternalTable';
+export { FolderIcon } from './Folder';
+export { FolderOpenIcon } from './FolderOpen';
+export { ResourcePoolIcon } from './ResourcePool';
+export { TableIcon } from './Table';
+export { TableIndexIcon } from './TableIndex';
+export { TopicIcon } from './Topic';
+export { TransferIcon } from './Transfer';
+export { ViewIcon } from './View';
+export { StreamingQueryIcon } from './StreamingQuery';

package/build/esm/index.d.ts

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

package/build/esm/index.js

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

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "ydb-ui-components",
-  "version": "5.1.1",
+  "version": "5.3.0",
   "description": "",
   "license": "MIT",
   "exports": {

package/build/cjs/components/icons/Index.d.ts

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

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

@@ -1,8 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.IndexIcon = void 0;
-const jsx_runtime_1 = require("react/jsx-runtime");
-function IndexIcon(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.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" }) })));
-}
-exports.IndexIcon = IndexIcon;

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

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

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

@@ -1,5 +0,0 @@
-import { jsx as _jsx } from "react/jsx-runtime";
-import React from 'react';
-export function IndexIcon(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.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" }) })));
-}