@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.
Files changed (60) hide show
  1. package/CHANGELOG.md +15 -0
  2. package/lib/components/data-card/index.d.ts +1 -0
  3. package/lib/components.js +5 -5
  4. package/lib/containers.js +27 -30
  5. package/lib/functions/get-containers-icons/index.d.ts +2 -2
  6. package/lib/functions/get-platform-icon/index.d.ts +1 -1
  7. package/lib/functions/get-platform-label/index.d.ts +1 -1
  8. package/lib/functions/get-programming-language-icon/index.d.ts +2 -2
  9. package/lib/functions.js +4 -4
  10. package/lib/icons/common/image-error-icon/image-error-icon.stories.d.ts +8 -0
  11. package/lib/icons/common/image-error-icon/index.d.ts +2 -0
  12. package/lib/icons/common/index.d.ts +1 -0
  13. package/lib/icons/index.d.ts +1 -0
  14. package/lib/icons/overview/connections-icon/connections-icon.stories.d.ts +8 -0
  15. package/lib/icons/overview/connections-icon/index.d.ts +2 -0
  16. package/lib/icons/overview/index.d.ts +1 -0
  17. package/lib/icons/programming-languages/c-plus-plus-logo/c-plus-plus-logo.stories.d.ts +8 -0
  18. package/lib/icons/programming-languages/c-plus-plus-logo/index.d.ts +2 -0
  19. package/lib/icons/programming-languages/c-sharp-logo/c-sharp-logo.stories.d.ts +8 -0
  20. package/lib/icons/programming-languages/c-sharp-logo/index.d.ts +2 -0
  21. package/lib/icons/programming-languages/dotnet-logo/dotnet-logo.stories.d.ts +8 -0
  22. package/lib/icons/programming-languages/dotnet-logo/index.d.ts +2 -0
  23. package/lib/icons/programming-languages/elixir-logo/elixir-logo.stories.d.ts +8 -0
  24. package/lib/icons/programming-languages/elixir-logo/index.d.ts +2 -0
  25. package/lib/icons/programming-languages/go-logo/go-logo.stories.d.ts +8 -0
  26. package/lib/icons/programming-languages/go-logo/index.d.ts +2 -0
  27. package/lib/icons/programming-languages/index.d.ts +17 -0
  28. package/lib/icons/programming-languages/java-logo/index.d.ts +2 -0
  29. package/lib/icons/programming-languages/java-logo/java-logo.stories.d.ts +8 -0
  30. package/lib/icons/programming-languages/kafka-logo/index.d.ts +2 -0
  31. package/lib/icons/programming-languages/kafka-logo/kafka-logo.stories.d.ts +8 -0
  32. package/lib/icons/programming-languages/mysql-logo/index.d.ts +2 -0
  33. package/lib/icons/programming-languages/mysql-logo/mysql-logo.stories.d.ts +8 -0
  34. package/lib/icons/programming-languages/nginx-logo/index.d.ts +2 -0
  35. package/lib/icons/programming-languages/nginx-logo/nginx-logo.stories.d.ts +8 -0
  36. package/lib/icons/programming-languages/nodejs-logo/index.d.ts +2 -0
  37. package/lib/icons/programming-languages/nodejs-logo/nodejs-logo.stories.d.ts +8 -0
  38. package/lib/icons/programming-languages/php-logo/index.d.ts +2 -0
  39. package/lib/icons/programming-languages/php-logo/php-logo.stories.d.ts +8 -0
  40. package/lib/icons/programming-languages/postgres-logo/index.d.ts +2 -0
  41. package/lib/icons/programming-languages/postgres-logo/postgres-logo.stories.d.ts +8 -0
  42. package/lib/icons/programming-languages/python-logo/index.d.ts +2 -0
  43. package/lib/icons/programming-languages/python-logo/python-logo.stories.d.ts +8 -0
  44. package/lib/icons/programming-languages/redis-logo/index.d.ts +2 -0
  45. package/lib/icons/programming-languages/redis-logo/redis-logo.stories.d.ts +8 -0
  46. package/lib/icons/programming-languages/ruby-logo/index.d.ts +2 -0
  47. package/lib/icons/programming-languages/ruby-logo/ruby-logo.stories.d.ts +8 -0
  48. package/lib/icons/programming-languages/rust-logo/index.d.ts +2 -0
  49. package/lib/icons/programming-languages/rust-logo/rust-logo.stories.d.ts +8 -0
  50. package/lib/icons/programming-languages/swift-logo/index.d.ts +2 -0
  51. package/lib/icons/programming-languages/swift-logo/swift-logo.stories.d.ts +8 -0
  52. package/lib/icons.js +10 -3
  53. package/lib/{index-BulCzWQI.js → index-Bc8gi9FH.js} +23 -25
  54. package/lib/{index-BJxaoI0G.js → index-D_Qn2U89.js} +8 -1
  55. package/lib/{index-CKD2OX24.js → index-g6Twdelv.js} +6 -2
  56. package/lib/index-ixs381n-.js +466 -0
  57. package/lib/{index-CKUgKtl0.js → index-m62aT4IR.js} +11 -14
  58. package/lib/types/connection/index.d.ts +2 -2
  59. package/package.json +1 -1
  60. 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]: `${BASE_URL}java.svg`,
79
- [PROGRAMMING_LANGUAGES.GO]: `${BASE_URL}go.svg`,
80
- [PROGRAMMING_LANGUAGES.JAVASCRIPT]: `${BASE_URL}nodejs.svg`,
81
- [PROGRAMMING_LANGUAGES.PYTHON]: `${BASE_URL}python.svg`,
82
- [PROGRAMMING_LANGUAGES.DOTNET]: `${BASE_URL}dotnet.svg`,
83
- [PROGRAMMING_LANGUAGES.CSHARP]: `${BASE_URL}csharp.svg`,
84
- [PROGRAMMING_LANGUAGES.CPLUSPLUS]: `${BASE_URL}cplusplus.svg`,
85
- [PROGRAMMING_LANGUAGES.PHP]: `${BASE_URL}php.svg`,
86
- [PROGRAMMING_LANGUAGES.RUBY]: `${BASE_URL}ruby.svg`,
87
- [PROGRAMMING_LANGUAGES.RUST]: `${BASE_URL}rust.svg`,
88
- [PROGRAMMING_LANGUAGES.SWIFT]: `${BASE_URL}swift.svg`,
89
- [PROGRAMMING_LANGUAGES.ELIXIR]: `${BASE_URL}elixir.svg`,
90
- [PROGRAMMING_LANGUAGES.MYSQL]: `${BASE_URL}mysql.svg`,
91
- [PROGRAMMING_LANGUAGES.NGINX]: `${BASE_URL}nginx.svg`,
92
- [PROGRAMMING_LANGUAGES.POSTGRES]: `${BASE_URL}postgres.svg`,
93
- [PROGRAMMING_LANGUAGES.REDIS]: `${BASE_URL}redis.svg`,
94
- [PROGRAMMING_LANGUAGES.KAFKA]: `${BASE_URL}kafka.svg`,
95
- [PROGRAMMING_LANGUAGES.IGNORED]: '', // TODO: good icon
96
- [PROGRAMMING_LANGUAGES.UNKNOWN]: '', // TODO: good icon
97
- [PROGRAMMING_LANGUAGES.PROCESSING]: '', // TODO: good icon
98
- [PROGRAMMING_LANGUAGES.NO_CONTAINERS]: '', // TODO: good icon
99
- [PROGRAMMING_LANGUAGES.NO_RUNNING_PODS]: '', // TODO: good icon
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-BulCzWQI.js';
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',