@odigos/ui-kit 0.0.8 → 0.0.9
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/CHANGELOG.md +15 -0
- package/lib/components/data-card/index.d.ts +1 -0
- package/lib/components.js +5 -5
- package/lib/containers.js +27 -30
- package/lib/functions/get-containers-icons/index.d.ts +2 -2
- package/lib/functions/get-platform-icon/index.d.ts +1 -1
- package/lib/functions/get-platform-label/index.d.ts +1 -1
- package/lib/functions/get-programming-language-icon/index.d.ts +2 -2
- package/lib/functions.js +4 -4
- package/lib/icons/common/image-error-icon/image-error-icon.stories.d.ts +8 -0
- package/lib/icons/common/image-error-icon/index.d.ts +2 -0
- package/lib/icons/common/index.d.ts +1 -0
- package/lib/icons/index.d.ts +1 -0
- package/lib/icons/overview/connections-icon/connections-icon.stories.d.ts +8 -0
- package/lib/icons/overview/connections-icon/index.d.ts +2 -0
- package/lib/icons/overview/index.d.ts +1 -0
- package/lib/icons/programming-languages/c-plus-plus-logo/c-plus-plus-logo.stories.d.ts +8 -0
- package/lib/icons/programming-languages/c-plus-plus-logo/index.d.ts +2 -0
- package/lib/icons/programming-languages/c-sharp-logo/c-sharp-logo.stories.d.ts +8 -0
- package/lib/icons/programming-languages/c-sharp-logo/index.d.ts +2 -0
- package/lib/icons/programming-languages/dotnet-logo/dotnet-logo.stories.d.ts +8 -0
- package/lib/icons/programming-languages/dotnet-logo/index.d.ts +2 -0
- package/lib/icons/programming-languages/elixir-logo/elixir-logo.stories.d.ts +8 -0
- package/lib/icons/programming-languages/elixir-logo/index.d.ts +2 -0
- package/lib/icons/programming-languages/go-logo/go-logo.stories.d.ts +8 -0
- package/lib/icons/programming-languages/go-logo/index.d.ts +2 -0
- package/lib/icons/programming-languages/index.d.ts +17 -0
- package/lib/icons/programming-languages/java-logo/index.d.ts +2 -0
- package/lib/icons/programming-languages/java-logo/java-logo.stories.d.ts +8 -0
- package/lib/icons/programming-languages/kafka-logo/index.d.ts +2 -0
- package/lib/icons/programming-languages/kafka-logo/kafka-logo.stories.d.ts +8 -0
- package/lib/icons/programming-languages/mysql-logo/index.d.ts +2 -0
- package/lib/icons/programming-languages/mysql-logo/mysql-logo.stories.d.ts +8 -0
- package/lib/icons/programming-languages/nginx-logo/index.d.ts +2 -0
- package/lib/icons/programming-languages/nginx-logo/nginx-logo.stories.d.ts +8 -0
- package/lib/icons/programming-languages/nodejs-logo/index.d.ts +2 -0
- package/lib/icons/programming-languages/nodejs-logo/nodejs-logo.stories.d.ts +8 -0
- package/lib/icons/programming-languages/php-logo/index.d.ts +2 -0
- package/lib/icons/programming-languages/php-logo/php-logo.stories.d.ts +8 -0
- package/lib/icons/programming-languages/postgres-logo/index.d.ts +2 -0
- package/lib/icons/programming-languages/postgres-logo/postgres-logo.stories.d.ts +8 -0
- package/lib/icons/programming-languages/python-logo/index.d.ts +2 -0
- package/lib/icons/programming-languages/python-logo/python-logo.stories.d.ts +8 -0
- package/lib/icons/programming-languages/redis-logo/index.d.ts +2 -0
- package/lib/icons/programming-languages/redis-logo/redis-logo.stories.d.ts +8 -0
- package/lib/icons/programming-languages/ruby-logo/index.d.ts +2 -0
- package/lib/icons/programming-languages/ruby-logo/ruby-logo.stories.d.ts +8 -0
- package/lib/icons/programming-languages/rust-logo/index.d.ts +2 -0
- package/lib/icons/programming-languages/rust-logo/rust-logo.stories.d.ts +8 -0
- package/lib/icons/programming-languages/swift-logo/index.d.ts +2 -0
- package/lib/icons/programming-languages/swift-logo/swift-logo.stories.d.ts +8 -0
- package/lib/icons.js +10 -3
- package/lib/{index-BulCzWQI.js → index-Bc8gi9FH.js} +23 -25
- package/lib/{index-BJxaoI0G.js → index-D_Qn2U89.js} +8 -1
- package/lib/{index-CKD2OX24.js → index-g6Twdelv.js} +6 -2
- package/lib/index-ixs381n-.js +466 -0
- package/lib/{index-CKUgKtl0.js → index-m62aT4IR.js} +11 -14
- package/lib/types/connection/index.d.ts +2 -2
- package/package.json +1 -1
- package/lib/index-DLKEpJJm.js +0 -53
|
@@ -2,8 +2,8 @@ import { PROGRAMMING_LANGUAGES, SIGNAL_TYPE, NOTIFICATION_TYPE } from './types.j
|
|
|
2
2
|
import 'react';
|
|
3
3
|
import './index-DIcomki-.js';
|
|
4
4
|
import 'styled-components';
|
|
5
|
-
import { T as TracesIcon, M as MetricsIcon, L as LogsIcon, I as InfoIcon, W as WarningTriangleIcon, E as ErrorTriangleIcon, C as CheckCircledIcon } from './index-DLKEpJJm.js';
|
|
6
5
|
import { O as OdigosLogo } from './index-BGlk5VhF.js';
|
|
6
|
+
import { K as KafkaLogo, R as RedisLogo, P as PostgresLogo, N as NginxLogo, M as MysqlLogo, E as ElixirLogo, S as SwiftLogo, a as RustLogo, b as RubyLogo, c as PhpLogo, C as CPlusPlusLogo, d as CSharpLogo, D as DotnetLogo, e as PythonLogo, f as NodejsLogo, G as GoLogo, J as JavaLogo, T as TracesIcon, g as MetricsIcon, L as LogsIcon, I as InfoIcon, W as WarningTriangleIcon, h as ErrorTriangleIcon, i as CheckCircledIcon } from './index-ixs381n-.js';
|
|
7
7
|
|
|
8
8
|
const capitalizeFirstLetter = (string) => {
|
|
9
9
|
return string.charAt(0).toUpperCase() + string.slice(1);
|
|
@@ -72,31 +72,29 @@ const flattenObjectKeys = (obj, prefix = '', result = {}) => {
|
|
|
72
72
|
};
|
|
73
73
|
|
|
74
74
|
const getProgrammingLanguageIcon = (language) => {
|
|
75
|
-
// const BASE_URL = 'https://d1n7d4xz7fr8b4.cloudfront.net/'
|
|
76
|
-
const BASE_URL = 'https://odigos-sources.s3.us-east-1.amazonaws.com/';
|
|
77
75
|
const LOGOS = {
|
|
78
|
-
[PROGRAMMING_LANGUAGES.JAVA]:
|
|
79
|
-
[PROGRAMMING_LANGUAGES.GO]:
|
|
80
|
-
[PROGRAMMING_LANGUAGES.JAVASCRIPT]:
|
|
81
|
-
[PROGRAMMING_LANGUAGES.PYTHON]:
|
|
82
|
-
[PROGRAMMING_LANGUAGES.DOTNET]:
|
|
83
|
-
[PROGRAMMING_LANGUAGES.CSHARP]:
|
|
84
|
-
[PROGRAMMING_LANGUAGES.CPLUSPLUS]:
|
|
85
|
-
[PROGRAMMING_LANGUAGES.PHP]:
|
|
86
|
-
[PROGRAMMING_LANGUAGES.RUBY]:
|
|
87
|
-
[PROGRAMMING_LANGUAGES.RUST]:
|
|
88
|
-
[PROGRAMMING_LANGUAGES.SWIFT]:
|
|
89
|
-
[PROGRAMMING_LANGUAGES.ELIXIR]:
|
|
90
|
-
[PROGRAMMING_LANGUAGES.MYSQL]:
|
|
91
|
-
[PROGRAMMING_LANGUAGES.NGINX]:
|
|
92
|
-
[PROGRAMMING_LANGUAGES.POSTGRES]:
|
|
93
|
-
[PROGRAMMING_LANGUAGES.REDIS]:
|
|
94
|
-
[PROGRAMMING_LANGUAGES.KAFKA]:
|
|
95
|
-
[PROGRAMMING_LANGUAGES.IGNORED]:
|
|
96
|
-
[PROGRAMMING_LANGUAGES.UNKNOWN]:
|
|
97
|
-
[PROGRAMMING_LANGUAGES.PROCESSING]:
|
|
98
|
-
[PROGRAMMING_LANGUAGES.NO_CONTAINERS]:
|
|
99
|
-
[PROGRAMMING_LANGUAGES.NO_RUNNING_PODS]:
|
|
76
|
+
[PROGRAMMING_LANGUAGES.JAVA]: JavaLogo,
|
|
77
|
+
[PROGRAMMING_LANGUAGES.GO]: GoLogo,
|
|
78
|
+
[PROGRAMMING_LANGUAGES.JAVASCRIPT]: NodejsLogo,
|
|
79
|
+
[PROGRAMMING_LANGUAGES.PYTHON]: PythonLogo,
|
|
80
|
+
[PROGRAMMING_LANGUAGES.DOTNET]: DotnetLogo,
|
|
81
|
+
[PROGRAMMING_LANGUAGES.CSHARP]: CSharpLogo,
|
|
82
|
+
[PROGRAMMING_LANGUAGES.CPLUSPLUS]: CPlusPlusLogo,
|
|
83
|
+
[PROGRAMMING_LANGUAGES.PHP]: PhpLogo,
|
|
84
|
+
[PROGRAMMING_LANGUAGES.RUBY]: RubyLogo,
|
|
85
|
+
[PROGRAMMING_LANGUAGES.RUST]: RustLogo,
|
|
86
|
+
[PROGRAMMING_LANGUAGES.SWIFT]: SwiftLogo,
|
|
87
|
+
[PROGRAMMING_LANGUAGES.ELIXIR]: ElixirLogo,
|
|
88
|
+
[PROGRAMMING_LANGUAGES.MYSQL]: MysqlLogo,
|
|
89
|
+
[PROGRAMMING_LANGUAGES.NGINX]: NginxLogo,
|
|
90
|
+
[PROGRAMMING_LANGUAGES.POSTGRES]: PostgresLogo,
|
|
91
|
+
[PROGRAMMING_LANGUAGES.REDIS]: RedisLogo,
|
|
92
|
+
[PROGRAMMING_LANGUAGES.KAFKA]: KafkaLogo,
|
|
93
|
+
[PROGRAMMING_LANGUAGES.IGNORED]: OdigosLogo, // TODO: good icon
|
|
94
|
+
[PROGRAMMING_LANGUAGES.UNKNOWN]: OdigosLogo, // TODO: good icon
|
|
95
|
+
[PROGRAMMING_LANGUAGES.PROCESSING]: OdigosLogo, // TODO: good icon
|
|
96
|
+
[PROGRAMMING_LANGUAGES.NO_CONTAINERS]: OdigosLogo, // TODO: good icon
|
|
97
|
+
[PROGRAMMING_LANGUAGES.NO_RUNNING_PODS]: OdigosLogo, // TODO: good icon
|
|
100
98
|
};
|
|
101
99
|
return LOGOS[language];
|
|
102
100
|
};
|
|
@@ -29,6 +29,13 @@ const ExtendArrowIcon = ({ size = 16, fill: f, rotate = 0, onClick }) => {
|
|
|
29
29
|
React.createElement("path", { stroke: fill, strokeLinecap: 'round', strokeLinejoin: 'round', d: 'M4 5.06934C4.53103 5.80028 5.15354 6.45498 5.85106 7.01644C5.93869 7.08697 6.06131 7.08697 6.14894 7.01644C6.84646 6.45498 7.46897 5.80028 8 5.06934' })));
|
|
30
30
|
};
|
|
31
31
|
|
|
32
|
+
const ImageErrorIcon = ({ size = 16, fill: f, rotate = 0, onClick }) => {
|
|
33
|
+
const theme = Theme.useTheme();
|
|
34
|
+
const fill = f || theme.text.secondary;
|
|
35
|
+
return (React.createElement("svg", { width: size, height: size, viewBox: '0 0 24 24', xmlns: 'http://www.w3.org/2000/svg', fill: 'none', style: { transform: `rotate(${rotate}deg)` }, onClick: onClick },
|
|
36
|
+
React.createElement("path", { stroke: fill, strokeLinecap: 'round', strokeLinejoin: 'round', d: 'M17.2 21.0002L19.6 18.6002M19.6 18.6002L22 16.2002M19.6 18.6002L17.2 16.2002M19.6 18.6002L22 21.0002M22 12.1944V11C22 10.6449 22 10.3123 21.9989 10M13.1992 21H10C9.24401 21 8.59006 21 8.01712 20.9893M21.9989 10H21C19.607 10 18.9104 10 18.324 10.0603C12.9031 10.6176 8.61758 14.9031 8.06029 20.324C8.03963 20.5249 8.02605 20.7388 8.01712 20.9893M21.9989 10C21.9912 7.84993 21.9309 6.66397 21.455 5.73005C20.9757 4.78924 20.2108 4.02433 19.27 3.54497C18.2004 3 16.8003 3 14 3H10C7.19974 3 5.79961 3 4.73005 3.54497C3.78924 4.02433 3.02433 4.78924 2.54497 5.73005C2 6.79961 2 8.19974 2 11V13C2 15.8003 2 17.2004 2.54497 18.27C3.02433 19.2108 3.78924 19.9757 4.73005 20.455C5.51086 20.8529 6.46784 20.9603 8.01712 20.9893M7.5 9.5C6.94772 9.5 6.5 9.05228 6.5 8.5C6.5 7.94772 6.94772 7.5 7.5 7.5C8.05228 7.5 8.5 7.94772 8.5 8.5C8.5 9.05228 8.05228 9.5 7.5 9.5Z' })));
|
|
37
|
+
};
|
|
38
|
+
|
|
32
39
|
const ListIcon = ({ size = 16, fill: f, rotate = 0, onClick }) => {
|
|
33
40
|
const theme = Theme.useTheme();
|
|
34
41
|
const fill = f || theme.text.secondary;
|
|
@@ -128,4 +135,4 @@ const CrossIcon = ({ size = 16, fill: f, rotate = 0, onClick }) => {
|
|
|
128
135
|
React.createElement("path", { stroke: fill, strokeLinecap: 'round', strokeLinejoin: 'round', d: 'M4 12L8 8M8 8L12 4M8 8L4 4M8 8L12 12' })));
|
|
129
136
|
};
|
|
130
137
|
|
|
131
|
-
export { ArrowIcon as A, CodeIcon as C, ExtendArrowIcon as E, ListIcon as L, MinusIcon as M, NoDataIcon as N, PlusIcon as P, SearchIcon as S, TrashIcon as T, XIcon as X, CopyIcon as a, NotebookIcon as b, SortArrowsIcon as c, EyeClosedIcon as d, EyeOpenIcon as e, CheckIcon as f, CrossIcon as g };
|
|
138
|
+
export { ArrowIcon as A, CodeIcon as C, ExtendArrowIcon as E, ImageErrorIcon as I, ListIcon as L, MinusIcon as M, NoDataIcon as N, PlusIcon as P, SearchIcon as S, TrashIcon as T, XIcon as X, CopyIcon as a, NotebookIcon as b, SortArrowsIcon as c, EyeClosedIcon as d, EyeOpenIcon as e, CheckIcon as f, CrossIcon as g };
|
|
@@ -1,10 +1,10 @@
|
|
|
1
1
|
import { NOTIFICATION_TYPE, OTHER_STATUS, ENTITY_TYPES, PLATFORM_TYPE } from './types.js';
|
|
2
|
-
import { a as getProgrammingLanguageIcon } from './index-
|
|
2
|
+
import { a as getProgrammingLanguageIcon } from './index-Bc8gi9FH.js';
|
|
3
3
|
import 'react';
|
|
4
4
|
import './index-DIcomki-.js';
|
|
5
5
|
import 'styled-components';
|
|
6
6
|
import { R as RulesIcon, A as ActionsIcon, D as DestinationsIcon, S as SourcesIcon, V as VmLogo } from './index-BjJpYtF1.js';
|
|
7
|
-
import { K as K8sLogo } from './index-BGlk5VhF.js';
|
|
7
|
+
import { O as OdigosLogo, K as K8sLogo } from './index-BGlk5VhF.js';
|
|
8
8
|
|
|
9
9
|
const compareCondition = (renderCondition, fields) => {
|
|
10
10
|
if (!renderCondition || !renderCondition.length)
|
|
@@ -154,6 +154,8 @@ const getMetricForEntity = (metrics, entityType, entityId) => {
|
|
|
154
154
|
};
|
|
155
155
|
|
|
156
156
|
const getPlatformIcon = (type) => {
|
|
157
|
+
if (!type)
|
|
158
|
+
return OdigosLogo;
|
|
157
159
|
const LOGOS = {
|
|
158
160
|
[PLATFORM_TYPE.K8S]: K8sLogo,
|
|
159
161
|
[PLATFORM_TYPE.VM]: VmLogo,
|
|
@@ -162,6 +164,8 @@ const getPlatformIcon = (type) => {
|
|
|
162
164
|
};
|
|
163
165
|
|
|
164
166
|
const getPlatformLabel = (type) => {
|
|
167
|
+
if (!type)
|
|
168
|
+
return 'Unknown';
|
|
165
169
|
const LABELS = {
|
|
166
170
|
[PLATFORM_TYPE.K8S]: 'Kubernetes Cluster',
|
|
167
171
|
[PLATFORM_TYPE.VM]: 'Virtual Machine',
|