@odigos/ui-kit 0.0.7 → 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 (87) hide show
  1. package/CHANGELOG.md +34 -0
  2. package/lib/components/data-card/index.d.ts +1 -0
  3. package/lib/components/dropdown/dropdown.stories.d.ts +3 -2
  4. package/lib/components/error-boundary/error-boundary.stories.d.ts +9 -0
  5. package/lib/components/error-boundary/index.d.ts +5 -0
  6. package/lib/components/icon-title-badge/index.d.ts +1 -0
  7. package/lib/components/index.d.ts +1 -0
  8. package/lib/components.js +161 -10
  9. package/lib/constants.js +3 -3
  10. package/lib/containers/compute-platform-select/index.d.ts +4 -4
  11. package/lib/containers/compute-platforms/index.d.ts +3 -3
  12. package/lib/containers/compute-platforms-actions-menu/index.d.ts +2 -2
  13. package/lib/containers/data-flow/nodes/header-node.d.ts +2 -1
  14. package/lib/containers/dropdowns/connection-status-dropdown/index.d.ts +2 -2
  15. package/lib/containers/dropdowns/connection-type-dropdown/connection-type-dropdown.stories.d.ts +9 -0
  16. package/lib/containers/dropdowns/{platform-types-dropdown → connection-type-dropdown}/index.d.ts +5 -5
  17. package/lib/containers/dropdowns/index.d.ts +1 -1
  18. package/lib/containers.js +74 -67
  19. package/lib/data/sources/index.d.ts +1 -0
  20. package/lib/functions/get-containers-icons/index.d.ts +2 -2
  21. package/lib/functions/get-platform-icon/index.d.ts +1 -1
  22. package/lib/functions/get-platform-label/index.d.ts +1 -1
  23. package/lib/functions/get-programming-language-icon/index.d.ts +2 -2
  24. package/lib/functions.js +6 -6
  25. package/lib/hooks/useCopy.d.ts +1 -1
  26. package/lib/hooks.js +5 -5
  27. package/lib/icons/common/image-error-icon/image-error-icon.stories.d.ts +8 -0
  28. package/lib/icons/common/image-error-icon/index.d.ts +2 -0
  29. package/lib/icons/common/index.d.ts +1 -0
  30. package/lib/icons/index.d.ts +1 -0
  31. package/lib/icons/overview/connections-icon/connections-icon.stories.d.ts +8 -0
  32. package/lib/icons/overview/connections-icon/index.d.ts +2 -0
  33. package/lib/icons/overview/index.d.ts +1 -0
  34. package/lib/icons/programming-languages/c-plus-plus-logo/c-plus-plus-logo.stories.d.ts +8 -0
  35. package/lib/icons/programming-languages/c-plus-plus-logo/index.d.ts +2 -0
  36. package/lib/icons/programming-languages/c-sharp-logo/c-sharp-logo.stories.d.ts +8 -0
  37. package/lib/icons/programming-languages/c-sharp-logo/index.d.ts +2 -0
  38. package/lib/icons/programming-languages/dotnet-logo/dotnet-logo.stories.d.ts +8 -0
  39. package/lib/icons/programming-languages/dotnet-logo/index.d.ts +2 -0
  40. package/lib/icons/programming-languages/elixir-logo/elixir-logo.stories.d.ts +8 -0
  41. package/lib/icons/programming-languages/elixir-logo/index.d.ts +2 -0
  42. package/lib/icons/programming-languages/go-logo/go-logo.stories.d.ts +8 -0
  43. package/lib/icons/programming-languages/go-logo/index.d.ts +2 -0
  44. package/lib/icons/programming-languages/index.d.ts +17 -0
  45. package/lib/icons/programming-languages/java-logo/index.d.ts +2 -0
  46. package/lib/icons/programming-languages/java-logo/java-logo.stories.d.ts +8 -0
  47. package/lib/icons/programming-languages/kafka-logo/index.d.ts +2 -0
  48. package/lib/icons/programming-languages/kafka-logo/kafka-logo.stories.d.ts +8 -0
  49. package/lib/icons/programming-languages/mysql-logo/index.d.ts +2 -0
  50. package/lib/icons/programming-languages/mysql-logo/mysql-logo.stories.d.ts +8 -0
  51. package/lib/icons/programming-languages/nginx-logo/index.d.ts +2 -0
  52. package/lib/icons/programming-languages/nginx-logo/nginx-logo.stories.d.ts +8 -0
  53. package/lib/icons/programming-languages/nodejs-logo/index.d.ts +2 -0
  54. package/lib/icons/programming-languages/nodejs-logo/nodejs-logo.stories.d.ts +8 -0
  55. package/lib/icons/programming-languages/php-logo/index.d.ts +2 -0
  56. package/lib/icons/programming-languages/php-logo/php-logo.stories.d.ts +8 -0
  57. package/lib/icons/programming-languages/postgres-logo/index.d.ts +2 -0
  58. package/lib/icons/programming-languages/postgres-logo/postgres-logo.stories.d.ts +8 -0
  59. package/lib/icons/programming-languages/python-logo/index.d.ts +2 -0
  60. package/lib/icons/programming-languages/python-logo/python-logo.stories.d.ts +8 -0
  61. package/lib/icons/programming-languages/redis-logo/index.d.ts +2 -0
  62. package/lib/icons/programming-languages/redis-logo/redis-logo.stories.d.ts +8 -0
  63. package/lib/icons/programming-languages/ruby-logo/index.d.ts +2 -0
  64. package/lib/icons/programming-languages/ruby-logo/ruby-logo.stories.d.ts +8 -0
  65. package/lib/icons/programming-languages/rust-logo/index.d.ts +2 -0
  66. package/lib/icons/programming-languages/rust-logo/rust-logo.stories.d.ts +8 -0
  67. package/lib/icons/programming-languages/swift-logo/index.d.ts +2 -0
  68. package/lib/icons/programming-languages/swift-logo/swift-logo.stories.d.ts +8 -0
  69. package/lib/icons.js +11 -4
  70. package/lib/{index-4tCBQ2pl.js → index-Bc8gi9FH.js} +24 -26
  71. package/lib/{index-BhCi-TxF.js → index-BumPE6cF.js} +1 -1
  72. package/lib/{index-Byh3BO6S.js → index-CZe2VX28.js} +2 -2
  73. package/lib/{index-DRT_7tQl.js → index-DIcomki-.js} +12 -0
  74. package/lib/{index-BJxaoI0G.js → index-D_Qn2U89.js} +8 -1
  75. package/lib/{index-DUW6bkzG.js → index-g6Twdelv.js} +7 -3
  76. package/lib/index-ixs381n-.js +466 -0
  77. package/lib/{index-COMxdOJo.js → index-m62aT4IR.js} +28 -28
  78. package/lib/store/useEntityStore.d.ts +1 -0
  79. package/lib/store.js +1 -1
  80. package/lib/theme.js +1 -1
  81. package/lib/types/{compute-platform → connection}/index.d.ts +3 -3
  82. package/lib/types/index.d.ts +1 -1
  83. package/lib/{useSourceSelectionFormData-ClorQ_WP.js → useSourceSelectionFormData-BY6B70Kf.js} +5 -4
  84. package/lib/{useTransition-5w3VnEhL.js → useTransition-Dfxjcy-C.js} +25 -4
  85. package/package.json +4 -1
  86. package/lib/containers/dropdowns/platform-types-dropdown/platform-types-dropdown.stories.d.ts +0 -9
  87. package/lib/index-DLKEpJJm.js +0 -53
@@ -0,0 +1,17 @@
1
+ export * from './c-plus-plus-logo';
2
+ export * from './c-sharp-logo';
3
+ export * from './dotnet-logo';
4
+ export * from './elixir-logo';
5
+ export * from './go-logo';
6
+ export * from './java-logo';
7
+ export * from './kafka-logo';
8
+ export * from './mysql-logo';
9
+ export * from './nginx-logo';
10
+ export * from './nodejs-logo';
11
+ export * from './php-logo';
12
+ export * from './postgres-logo';
13
+ export * from './python-logo';
14
+ export * from './redis-logo';
15
+ export * from './ruby-logo';
16
+ export * from './rust-logo';
17
+ export * from './swift-logo';
@@ -0,0 +1,2 @@
1
+ import type { SVG } from '@/types';
2
+ export declare const JavaLogo: SVG;
@@ -0,0 +1,8 @@
1
+ import type { SVG } from '@/types';
2
+ import type { StoryFn } from '@storybook/react';
3
+ declare const _default: {
4
+ title: string;
5
+ component: SVG;
6
+ };
7
+ export default _default;
8
+ export declare const Default: StoryFn<SVG>;
@@ -0,0 +1,2 @@
1
+ import type { SVG } from '@/types';
2
+ export declare const KafkaLogo: SVG;
@@ -0,0 +1,8 @@
1
+ import type { SVG } from '@/types';
2
+ import type { StoryFn } from '@storybook/react';
3
+ declare const _default: {
4
+ title: string;
5
+ component: SVG;
6
+ };
7
+ export default _default;
8
+ export declare const Default: StoryFn<SVG>;
@@ -0,0 +1,2 @@
1
+ import type { SVG } from '@/types';
2
+ export declare const MysqlLogo: SVG;
@@ -0,0 +1,8 @@
1
+ import type { SVG } from '@/types';
2
+ import type { StoryFn } from '@storybook/react';
3
+ declare const _default: {
4
+ title: string;
5
+ component: SVG;
6
+ };
7
+ export default _default;
8
+ export declare const Default: StoryFn<SVG>;
@@ -0,0 +1,2 @@
1
+ import type { SVG } from '@/types';
2
+ export declare const NginxLogo: SVG;
@@ -0,0 +1,8 @@
1
+ import type { SVG } from '@/types';
2
+ import type { StoryFn } from '@storybook/react';
3
+ declare const _default: {
4
+ title: string;
5
+ component: SVG;
6
+ };
7
+ export default _default;
8
+ export declare const Default: StoryFn<SVG>;
@@ -0,0 +1,2 @@
1
+ import type { SVG } from '@/types';
2
+ export declare const NodejsLogo: SVG;
@@ -0,0 +1,8 @@
1
+ import type { SVG } from '@/types';
2
+ import type { StoryFn } from '@storybook/react';
3
+ declare const _default: {
4
+ title: string;
5
+ component: SVG;
6
+ };
7
+ export default _default;
8
+ export declare const Default: StoryFn<SVG>;
@@ -0,0 +1,2 @@
1
+ import type { SVG } from '@/types';
2
+ export declare const PhpLogo: SVG;
@@ -0,0 +1,8 @@
1
+ import type { SVG } from '@/types';
2
+ import type { StoryFn } from '@storybook/react';
3
+ declare const _default: {
4
+ title: string;
5
+ component: SVG;
6
+ };
7
+ export default _default;
8
+ export declare const Default: StoryFn<SVG>;
@@ -0,0 +1,2 @@
1
+ import type { SVG } from '@/types';
2
+ export declare const PostgresLogo: SVG;
@@ -0,0 +1,8 @@
1
+ import type { SVG } from '@/types';
2
+ import type { StoryFn } from '@storybook/react';
3
+ declare const _default: {
4
+ title: string;
5
+ component: SVG;
6
+ };
7
+ export default _default;
8
+ export declare const Default: StoryFn<SVG>;
@@ -0,0 +1,2 @@
1
+ import type { SVG } from '@/types';
2
+ export declare const PythonLogo: SVG;
@@ -0,0 +1,8 @@
1
+ import type { SVG } from '@/types';
2
+ import type { StoryFn } from '@storybook/react';
3
+ declare const _default: {
4
+ title: string;
5
+ component: SVG;
6
+ };
7
+ export default _default;
8
+ export declare const Default: StoryFn<SVG>;
@@ -0,0 +1,2 @@
1
+ import type { SVG } from '@/types';
2
+ export declare const RedisLogo: SVG;
@@ -0,0 +1,8 @@
1
+ import type { SVG } from '@/types';
2
+ import type { StoryFn } from '@storybook/react';
3
+ declare const _default: {
4
+ title: string;
5
+ component: SVG;
6
+ };
7
+ export default _default;
8
+ export declare const Default: StoryFn<SVG>;
@@ -0,0 +1,2 @@
1
+ import type { SVG } from '@/types';
2
+ export declare const RubyLogo: SVG;
@@ -0,0 +1,8 @@
1
+ import type { SVG } from '@/types';
2
+ import type { StoryFn } from '@storybook/react';
3
+ declare const _default: {
4
+ title: string;
5
+ component: SVG;
6
+ };
7
+ export default _default;
8
+ export declare const Default: StoryFn<SVG>;
@@ -0,0 +1,2 @@
1
+ import type { SVG } from '@/types';
2
+ export declare const RustLogo: SVG;
@@ -0,0 +1,8 @@
1
+ import type { SVG } from '@/types';
2
+ import type { StoryFn } from '@storybook/react';
3
+ declare const _default: {
4
+ title: string;
5
+ component: SVG;
6
+ };
7
+ export default _default;
8
+ export declare const Default: StoryFn<SVG>;
@@ -0,0 +1,2 @@
1
+ import type { SVG } from '@/types';
2
+ export declare const SwiftLogo: SVG;
@@ -0,0 +1,8 @@
1
+ import type { SVG } from '@/types';
2
+ import type { StoryFn } from '@storybook/react';
3
+ declare const _default: {
4
+ title: string;
5
+ component: SVG;
6
+ };
7
+ export default _default;
8
+ export declare const Default: StoryFn<SVG>;
package/lib/icons.js CHANGED
@@ -1,11 +1,11 @@
1
1
  export { A as AddClusterInfoIcon, C as CodeAttributesIcon, D as DeleteAttributeIcon, K as K8sLogo, O as OdigosLogo, a as PayloadCollectionIcon, P as PiiMaskingIcon, R as RenameAttributeIcon, S as SamplerIcon } from './index-BGlk5VhF.js';
2
2
  export { C as CrossCircledIcon, E as EditIcon, F as FilterIcon, a as FolderIcon, K as KeyIcon, N as NotificationIcon, O as OdigosLogoText, b as OverviewIcon, S as SlackLogo, T as TerminalIcon } from './index-3KUV6Vlt.js';
3
- export { A as ArrowIcon, f as CheckIcon, C as CodeIcon, a as CopyIcon, g as CrossIcon, E as ExtendArrowIcon, d as EyeClosedIcon, e as EyeOpenIcon, L as ListIcon, M as MinusIcon, N as NoDataIcon, b as NotebookIcon, P as PlusIcon, S as SearchIcon, c as SortArrowsIcon, T as TrashIcon, X as XIcon } from './index-BJxaoI0G.js';
3
+ export { A as ArrowIcon, f as CheckIcon, C as CodeIcon, a as CopyIcon, g as CrossIcon, E as ExtendArrowIcon, d as EyeClosedIcon, e as EyeOpenIcon, I as ImageErrorIcon, L as ListIcon, M as MinusIcon, N as NoDataIcon, b as NotebookIcon, P as PlusIcon, S as SearchIcon, c as SortArrowsIcon, T as TrashIcon, X as XIcon } from './index-D_Qn2U89.js';
4
4
  import React from 'react';
5
5
  import Theme from './theme.js';
6
6
  export { A as ActionsIcon, D as DestinationsIcon, R as RulesIcon, S as SourcesIcon, V as VmLogo } from './index-BjJpYtF1.js';
7
- export { C as CheckCircledIcon, E as ErrorTriangleIcon, I as InfoIcon, L as LogsIcon, M as MetricsIcon, T as TracesIcon, W as WarningTriangleIcon } from './index-DLKEpJJm.js';
8
- import './index-DRT_7tQl.js';
7
+ export { C as CPlusPlusLogo, d as CSharpLogo, i as CheckCircledIcon, D as DotnetLogo, E as ElixirLogo, h as ErrorTriangleIcon, G as GoLogo, I as InfoIcon, J as JavaLogo, K as KafkaLogo, L as LogsIcon, g as MetricsIcon, M as MysqlLogo, N as NginxLogo, f as NodejsLogo, c as PhpLogo, P as PostgresLogo, e as PythonLogo, R as RedisLogo, b as RubyLogo, a as RustLogo, S as SwiftLogo, T as TracesIcon, W as WarningTriangleIcon } from './index-ixs381n-.js';
8
+ import './index-DIcomki-.js';
9
9
  import './types.js';
10
10
  import 'styled-components';
11
11
 
@@ -65,6 +65,13 @@ const TraceViewIcon = ({ size = 16, fill: f, rotate = 0, onClick }) => {
65
65
  React.createElement("path", { stroke: fill, strokeLinecap: 'round', strokeLinejoin: 'round', d: 'M2.66666 8.61719H6.66666M2.66666 12.6172H6.66666M2.66666 4.61719H13.3333M14 12.9505L13.0809 12.0315M13.0809 12.0315C13.4438 11.6686 13.6667 11.1686 13.6667 10.6172C13.6667 9.51147 12.7724 8.61719 11.6667 8.61719C10.5609 8.61719 9.66666 9.51147 9.66666 10.6172C9.66666 11.7229 10.5609 12.6172 11.6667 12.6172C12.2181 12.6172 12.7181 12.3943 13.0809 12.0315Z' })));
66
66
  };
67
67
 
68
+ const ConnectionsIcon = ({ size = 16, fill: f, rotate = 0, onClick }) => {
69
+ const theme = Theme.useTheme();
70
+ const fill = f || theme.text.secondary;
71
+ 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 },
72
+ React.createElement("path", { stroke: fill, strokeLinecap: 'round', strokeLinejoin: 'round', d: 'M2 12H5.27924C5.70967 12 6.09181 11.7246 6.22792 11.3162L9 3L15 21L17.7721 12.6838C17.9082 12.2754 18.2903 12 18.7208 12H22' })));
73
+ };
74
+
68
75
  const ErrorRoundIcon = ({ size = 16, fill: f, rotate = 0, onClick }) => {
69
76
  const theme = Theme.useTheme();
70
77
  const fill = f || theme.text.error;
@@ -72,4 +79,4 @@ const ErrorRoundIcon = ({ size = 16, fill: f, rotate = 0, onClick }) => {
72
79
  React.createElement("path", { stroke: fill, strokeLinecap: 'round', strokeLinejoin: 'round', d: 'M7 8.33673V6.00339M7 10.3055V10.3061M12.25 7.97266C12.25 10.8722 9.89949 13.2227 7 13.2227C4.1005 13.2227 1.75 10.8721 1.75 7.97265C1.75 5.07316 4.10051 2.72266 7 2.72266C9.8995 2.72266 12.25 5.07316 12.25 7.97266Z' })));
73
80
  };
74
81
 
75
- export { CodeBracketsIcon, CommandIcon, ErrorRoundIcon, LightOffIcon, LightOnIcon, MoonIcon, ServiceMapIcon, SunIcon, TraceViewIcon };
82
+ export { CodeBracketsIcon, CommandIcon, ConnectionsIcon, ErrorRoundIcon, LightOffIcon, LightOnIcon, MoonIcon, ServiceMapIcon, SunIcon, TraceViewIcon };
@@ -1,9 +1,9 @@
1
1
  import { PROGRAMMING_LANGUAGES, SIGNAL_TYPE, NOTIFICATION_TYPE } from './types.js';
2
2
  import 'react';
3
- import './index-DRT_7tQl.js';
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
  };
@@ -1,7 +1,7 @@
1
1
  import { ACTION_TYPE, INSTRUMENTATION_RULE_TYPE } from './types.js';
2
2
  import { S as SamplerIcon, P as PiiMaskingIcon, R as RenameAttributeIcon, D as DeleteAttributeIcon, A as AddClusterInfoIcon, K as K8sLogo, O as OdigosLogo, C as CodeAttributesIcon, a as PayloadCollectionIcon } from './index-BGlk5VhF.js';
3
3
  import 'react';
4
- import './index-DRT_7tQl.js';
4
+ import './index-DIcomki-.js';
5
5
  import 'styled-components';
6
6
 
7
7
  const getActionIcon = (type) => {
@@ -1,7 +1,7 @@
1
1
  import { SIGNAL_TYPE, ACTION_TYPE, INSTRUMENTATION_RULE_TYPE } from './types.js';
2
- import { g as getActionIcon, a as getInstrumentationRuleIcon } from './index-BhCi-TxF.js';
2
+ import { g as getActionIcon, a as getInstrumentationRuleIcon } from './index-BumPE6cF.js';
3
3
  import 'react';
4
- import './index-DRT_7tQl.js';
4
+ import './index-DIcomki-.js';
5
5
  import 'styled-components';
6
6
 
7
7
  const ACTION_OPTIONS = [
@@ -361,6 +361,18 @@ const useEntityStore = create((set) => ({
361
361
  return { [KEY]: prev };
362
362
  });
363
363
  },
364
+ resetEntityStore: () => {
365
+ set({
366
+ sourcesLoading: false,
367
+ sources: [],
368
+ destinationsLoading: false,
369
+ destinations: [],
370
+ actionsLoading: false,
371
+ actions: [],
372
+ instrumentationRulesLoading: false,
373
+ instrumentationRules: [],
374
+ });
375
+ },
364
376
  }));
365
377
 
366
378
  const getEmptyState = () => ({
@@ -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-4tCBQ2pl.js';
2
+ import { a as getProgrammingLanguageIcon } from './index-Bc8gi9FH.js';
3
3
  import 'react';
4
- import './index-DRT_7tQl.js';
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',