ydb-ui-components 4.4.0 → 4.6.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.
- package/build/cjs/components/NavigationTree/NavigationTreeNode.js +6 -0
- package/build/cjs/components/NavigationTree/types.d.ts +1 -1
- package/build/cjs/components/icons/ResourcePool.d.ts +2 -0
- package/build/cjs/components/icons/ResourcePool.js +8 -0
- package/build/cjs/components/icons/Transfer.d.ts +2 -0
- package/build/cjs/components/icons/Transfer.js +8 -0
- package/build/esm/components/NavigationTree/NavigationTreeNode.js +6 -0
- package/build/esm/components/NavigationTree/types.d.ts +1 -1
- package/build/esm/components/icons/ResourcePool.d.ts +2 -0
- package/build/esm/components/icons/ResourcePool.js +5 -0
- package/build/esm/components/icons/Transfer.d.ts +2 -0
- package/build/esm/components/icons/Transfer.js +5 -0
- package/package.json +1 -1
|
@@ -13,14 +13,18 @@ const ExternalTable_1 = require("../icons/ExternalTable");
|
|
|
13
13
|
const Folder_1 = require("../icons/Folder");
|
|
14
14
|
const FolderOpen_1 = require("../icons/FolderOpen");
|
|
15
15
|
const Index_1 = require("../icons/Index");
|
|
16
|
+
const ResourcePool_1 = require("../icons/ResourcePool");
|
|
16
17
|
const Table_1 = require("../icons/Table");
|
|
17
18
|
const Topic_1 = require("../icons/Topic");
|
|
19
|
+
const Transfer_1 = require("../icons/Transfer");
|
|
18
20
|
const View_1 = require("../icons/View");
|
|
19
21
|
const state_1 = require("./state");
|
|
20
22
|
function renderIcon(type, collapsed) {
|
|
21
23
|
switch (type) {
|
|
22
24
|
case 'async_replication':
|
|
23
25
|
return (0, jsx_runtime_1.jsx)(AsyncReplication_1.AsyncReplicationIcon, { height: 16 });
|
|
26
|
+
case 'transfer':
|
|
27
|
+
return (0, jsx_runtime_1.jsx)(Transfer_1.TransferIcon, { height: 16 });
|
|
24
28
|
case 'database':
|
|
25
29
|
// this icon is larger than the others, therefore 14 for a better fit
|
|
26
30
|
return (0, jsx_runtime_1.jsx)(Database_1.DatabaseIcon, { height: 14 });
|
|
@@ -42,6 +46,8 @@ function renderIcon(type, collapsed) {
|
|
|
42
46
|
return (0, jsx_runtime_1.jsx)(ExternalDataSource_1.ExternalDataSourceIcon, { height: 16 });
|
|
43
47
|
case 'view':
|
|
44
48
|
return (0, jsx_runtime_1.jsx)(View_1.ViewIcon, { height: 16 });
|
|
49
|
+
case 'resource_pool':
|
|
50
|
+
return (0, jsx_runtime_1.jsx)(ResourcePool_1.ResourcePoolIcon, { height: 16 });
|
|
45
51
|
default:
|
|
46
52
|
return null;
|
|
47
53
|
}
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
/// <reference types="react" />
|
|
2
2
|
import type { DropdownMenuItemMixed } from '@gravity-ui/uikit';
|
|
3
|
-
export type NavigationTreeNodeType = 'async_replication' | 'column_table' | 'database' | 'directory' | 'external_data_source' | 'external_table' | 'index_table' | 'index' | 'stream' | 'table' | 'topic' | 'view';
|
|
3
|
+
export type NavigationTreeNodeType = 'async_replication' | 'column_table' | 'resource_pool' | 'database' | 'directory' | 'external_data_source' | 'external_table' | 'index_table' | 'index' | 'stream' | 'table' | 'topic' | 'transfer' | 'view';
|
|
4
4
|
export interface NavigationTreeDataItem {
|
|
5
5
|
name: string;
|
|
6
6
|
type: NavigationTreeNodeType;
|
|
@@ -0,0 +1,8 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
Object.defineProperty(exports, "__esModule", { value: true });
|
|
3
|
+
exports.ResourcePoolIcon = void 0;
|
|
4
|
+
const jsx_runtime_1 = require("react/jsx-runtime");
|
|
5
|
+
function ResourcePoolIcon(props) {
|
|
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: "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" }) })));
|
|
7
|
+
}
|
|
8
|
+
exports.ResourcePoolIcon = ResourcePoolIcon;
|
|
@@ -0,0 +1,8 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
Object.defineProperty(exports, "__esModule", { value: true });
|
|
3
|
+
exports.TransferIcon = void 0;
|
|
4
|
+
const jsx_runtime_1 = require("react/jsx-runtime");
|
|
5
|
+
function TransferIcon(props) {
|
|
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.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" }) })));
|
|
7
|
+
}
|
|
8
|
+
exports.TransferIcon = TransferIcon;
|
|
@@ -9,14 +9,18 @@ import { ExternalTableIcon } from '../icons/ExternalTable';
|
|
|
9
9
|
import { FolderIcon } from '../icons/Folder';
|
|
10
10
|
import { FolderOpenIcon } from '../icons/FolderOpen';
|
|
11
11
|
import { IndexIcon } from '../icons/Index';
|
|
12
|
+
import { ResourcePoolIcon } from '../icons/ResourcePool';
|
|
12
13
|
import { TableIcon } from '../icons/Table';
|
|
13
14
|
import { TopicIcon } from '../icons/Topic';
|
|
15
|
+
import { TransferIcon } from '../icons/Transfer';
|
|
14
16
|
import { ViewIcon } from '../icons/View';
|
|
15
17
|
import { NavigationTreeActionType } from './state';
|
|
16
18
|
function renderIcon(type, collapsed) {
|
|
17
19
|
switch (type) {
|
|
18
20
|
case 'async_replication':
|
|
19
21
|
return _jsx(AsyncReplicationIcon, { height: 16 });
|
|
22
|
+
case 'transfer':
|
|
23
|
+
return _jsx(TransferIcon, { height: 16 });
|
|
20
24
|
case 'database':
|
|
21
25
|
// this icon is larger than the others, therefore 14 for a better fit
|
|
22
26
|
return _jsx(DatabaseIcon, { height: 14 });
|
|
@@ -38,6 +42,8 @@ function renderIcon(type, collapsed) {
|
|
|
38
42
|
return _jsx(ExternalDataSourceIcon, { height: 16 });
|
|
39
43
|
case 'view':
|
|
40
44
|
return _jsx(ViewIcon, { height: 16 });
|
|
45
|
+
case 'resource_pool':
|
|
46
|
+
return _jsx(ResourcePoolIcon, { height: 16 });
|
|
41
47
|
default:
|
|
42
48
|
return null;
|
|
43
49
|
}
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
/// <reference types="react" />
|
|
2
2
|
import type { DropdownMenuItemMixed } from '@gravity-ui/uikit';
|
|
3
|
-
export type NavigationTreeNodeType = 'async_replication' | 'column_table' | 'database' | 'directory' | 'external_data_source' | 'external_table' | 'index_table' | 'index' | 'stream' | 'table' | 'topic' | 'view';
|
|
3
|
+
export type NavigationTreeNodeType = 'async_replication' | 'column_table' | 'resource_pool' | 'database' | 'directory' | 'external_data_source' | 'external_table' | 'index_table' | 'index' | 'stream' | 'table' | 'topic' | 'transfer' | 'view';
|
|
4
4
|
export interface NavigationTreeDataItem {
|
|
5
5
|
name: string;
|
|
6
6
|
type: NavigationTreeNodeType;
|
|
@@ -0,0 +1,5 @@
|
|
|
1
|
+
import { jsx as _jsx } from "react/jsx-runtime";
|
|
2
|
+
import React from 'react';
|
|
3
|
+
export function ResourcePoolIcon(props) {
|
|
4
|
+
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" }) })));
|
|
5
|
+
}
|
|
@@ -0,0 +1,5 @@
|
|
|
1
|
+
import { jsx as _jsx } from "react/jsx-runtime";
|
|
2
|
+
import React from 'react';
|
|
3
|
+
export function TransferIcon(props) {
|
|
4
|
+
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" }) })));
|
|
5
|
+
}
|