@odigos/ui-kit 0.0.8 → 0.0.10

package/lib/functions/get-conditions-booleans/index.d.ts

@@ -1,8 +1,8 @@
-import { NOTIFICATION_TYPE, type Condition } from '@/types';
+import { STATUS_TYPE, type Condition } from '@/types';
 export declare const getConditionsBooleans: (conditions: Condition[]) => {
     hasErrors: boolean;
     hasWarnings: boolean;
     hasDisableds: boolean;
     hasLoadings: boolean;
-    priorotizedStatus: NOTIFICATION_TYPE | undefined;
+    priorotizedStatus: STATUS_TYPE | undefined;
 };

package/lib/functions/get-containers-icons/index.d.ts

@@ -1,2 +1,2 @@
-import type { Source } from '@/types';
-export declare const getContainersIcons: (containers: Source["containers"]) => string[];
+import type { Source, SVG } from '@/types';
+export declare const getContainersIcons: (containers: Source["containers"]) => SVG[];

package/lib/functions/get-platform-icon/index.d.ts

@@ -1,2 +1,2 @@
 import { PLATFORM_TYPE, type SVG } from '@/types';
-export declare const getPlatformIcon: (type: PLATFORM_TYPE) => SVG;
+export declare const getPlatformIcon: (type?: PLATFORM_TYPE) => SVG;

package/lib/functions/get-platform-label/index.d.ts

@@ -1,2 +1,2 @@
 import { PLATFORM_TYPE } from '@/types';
-export declare const getPlatformLabel: (type: PLATFORM_TYPE) => string;
+export declare const getPlatformLabel: (type?: PLATFORM_TYPE) => string;

package/lib/functions/get-programming-language-icon/index.d.ts

@@ -1,2 +1,2 @@
-import { PROGRAMMING_LANGUAGES } from '@/types';
-export declare const getProgrammingLanguageIcon: (language: PROGRAMMING_LANGUAGES) => string;
+import { PROGRAMMING_LANGUAGES, type SVG } from '@/types';
+export declare const getProgrammingLanguageIcon: (language: PROGRAMMING_LANGUAGES) => SVG;

package/lib/functions/get-status-icon/index.d.ts

@@ -1,2 +1,2 @@
-import { NOTIFICATION_TYPE, type SVG } from '@/types';
-export declare const getStatusIcon: (type: NOTIFICATION_TYPE, theme: Record<"text", Record<NOTIFICATION_TYPE, string>>) => SVG;
+import { STATUS_TYPE, type SVG } from '@/types';
+export declare const getStatusIcon: (type: STATUS_TYPE, theme: Record<"text", Record<STATUS_TYPE, string>>) => SVG;

package/lib/functions.js

@@ -1,5 +1,5 @@
-export { c as capitalizeFirstLetter, f as flattenObjectKeys, g as getMonitorIcon, a as getProgrammingLanguageIcon, b as getStatusIcon, m as mapConditions, p as parseJsonStringToPrettyString, r as removeEmptyValuesFromObject, s as safeJsonStringify, d as splitCamelString } from './index-BulCzWQI.js';
-export { c as compareCondition, f as filterActions, a as filterDestinations, b as filterSources, d as formatBytes, g as getConditionsBooleans, h as getContainersIcons, e as getContainersInstrumentedCount, i as getEntityIcon, j as getEntityLabel, k as getMetricForEntity, l as getPlatformIcon, m as getPlatformLabel, n as getValueForRange, o as isOverTime, s as sleep } from './index-CKD2OX24.js';
+export { c as capitalizeFirstLetter, f as flattenObjectKeys, g as getMonitorIcon, a as getProgrammingLanguageIcon, b as getStatusIcon, m as mapConditions, p as parseJsonStringToPrettyString, r as removeEmptyValuesFromObject, s as safeJsonStringify, d as splitCamelString } from './index-DB1gmCsH.js';
+export { c as compareCondition, f as filterActions, a as filterDestinations, b as filterSources, d as formatBytes, g as getConditionsBooleans, h as getContainersIcons, e as getContainersInstrumentedCount, i as getEntityIcon, j as getEntityLabel, k as getMetricForEntity, l as getPlatformIcon, m as getPlatformLabel, n as getValueForRange, o as isOverTime, s as sleep } from './index-eF2JXMVR.js';
 import { INSTRUMENTATION_RULE_TYPE, ENTITY_TYPES } from './types.js';
 export { g as getActionIcon, a as getInstrumentationRuleIcon } from './index-BumPE6cF.js';
 export { k as getEntityId, l as isTimeElapsed } from './index-DIcomki-.js';
@@ -7,9 +7,9 @@ export { g as getIdFromSseTarget } from './index-BFct3S32.js';
 export { i as isEmpty, s as safeJsonParse } from './index-BZS1ijMm.js';
 import 'react';
 import 'styled-components';
-import './index-DLKEpJJm.js';
-import './theme.js';
 import './index-BGlk5VhF.js';
+import './theme.js';
+import './index-ixs381n-.js';
 import './index-BjJpYtF1.js';
 
 const cleanObjectEmptyStringsValues = (obj) => {

package/lib/hooks.js

@@ -1,4 +1,4 @@
-export { u as useActionFormData, a as useClickNode, b as useClickNotification, c as useDestinationFormData, d as useSourceFormData, e as useSourceSelectionFormData } from './useSourceSelectionFormData-BY6B70Kf.js';
+export { u as useActionFormData, a as useClickNode, b as useClickNotification, c as useDestinationFormData, d as useSourceFormData, e as useSourceSelectionFormData } from './useSourceSelectionFormData-CxdOP9FT.js';
 export { u as useContainerSize, a as useCopy, b as useGenericForm, c as useInstrumentationRuleFormData, d as useKeyDown, e as useOnClickOutside, f as useTimeAgo, g as useTransition } from './useTransition-Dfxjcy-C.js';
 import './types.js';
 import 'react';
@@ -9,5 +9,5 @@ import './index-CZe2VX28.js';
 import './index-BumPE6cF.js';
 import './index-BGlk5VhF.js';
 import './theme.js';
-import './index-Cu2uHOuh.js';
+import './index-DnmWFsTQ.js';
 import './index-BFct3S32.js';

package/lib/icons/common/image-error-icon/image-error-icon.stories.d.ts

@@ -0,0 +1,8 @@
+import type { SVG } from '@/types';
+import type { StoryFn } from '@storybook/react';
+declare const _default: {
+    title: string;
+    component: SVG;
+};
+export default _default;
+export declare const Default: StoryFn<SVG>;

package/lib/icons/common/image-error-icon/index.d.ts

@@ -0,0 +1,2 @@
+import type { SVG } from '@/types';
+export declare const ImageErrorIcon: SVG;

package/lib/icons/common/index.d.ts

@@ -7,6 +7,7 @@ export * from './edit-icon/index';
 export * from './extend-arrow-icon/index';
 export * from './filter-icon/index';
 export * from './folder-icon/index';
+export * from './image-error-icon/index';
 export * from './key-icon/index';
 export * from './list-icon/index';
 export * from './no-data-icon/index';

package/lib/icons/index.d.ts

@@ -7,5 +7,6 @@ export * from './math';
 export * from './monitors';
 export * from './on-off';
 export * from './overview';
+export * from './programming-languages';
 export * from './social';
 export * from './status';

package/lib/icons/overview/connections-icon/connections-icon.stories.d.ts

@@ -0,0 +1,8 @@
+import type { SVG } from '@/types';
+import type { StoryFn } from '@storybook/react';
+declare const _default: {
+    title: string;
+    component: SVG;
+};
+export default _default;
+export declare const Default: StoryFn<SVG>;

package/lib/icons/overview/connections-icon/index.d.ts

@@ -0,0 +1,2 @@
+import type { SVG } from '@/types';
+export declare const ConnectionsIcon: SVG;

package/lib/icons/overview/index.d.ts

@@ -1,6 +1,7 @@
 export * from './overview-icon/index';
 export * from './service-map-icon/index';
 export * from './trace-view-icon/index';
+export * from './connections-icon/index';
 export * from './actions-icon/index';
 export * from './destinations-icon/index';
 export * from './rules-icon/index';

package/lib/icons/programming-languages/c-plus-plus-logo/c-plus-plus-logo.stories.d.ts

@@ -0,0 +1,8 @@
+import type { SVG } from '@/types';
+import type { StoryFn } from '@storybook/react';
+declare const _default: {
+    title: string;
+    component: SVG;
+};
+export default _default;
+export declare const Default: StoryFn<SVG>;

package/lib/icons/programming-languages/c-plus-plus-logo/index.d.ts

@@ -0,0 +1,2 @@
+import type { SVG } from '@/types';
+export declare const CPlusPlusLogo: SVG;

package/lib/icons/programming-languages/c-sharp-logo/c-sharp-logo.stories.d.ts

@@ -0,0 +1,8 @@
+import type { SVG } from '@/types';
+import type { StoryFn } from '@storybook/react';
+declare const _default: {
+    title: string;
+    component: SVG;
+};
+export default _default;
+export declare const Default: StoryFn<SVG>;

package/lib/icons/programming-languages/c-sharp-logo/index.d.ts

@@ -0,0 +1,2 @@
+import type { SVG } from '@/types';
+export declare const CSharpLogo: SVG;

package/lib/icons/programming-languages/dotnet-logo/dotnet-logo.stories.d.ts

@@ -0,0 +1,8 @@
+import type { SVG } from '@/types';
+import type { StoryFn } from '@storybook/react';
+declare const _default: {
+    title: string;
+    component: SVG;
+};
+export default _default;
+export declare const Default: StoryFn<SVG>;

package/lib/icons/programming-languages/dotnet-logo/index.d.ts

@@ -0,0 +1,2 @@
+import type { SVG } from '@/types';
+export declare const DotnetLogo: SVG;

package/lib/icons/programming-languages/elixir-logo/elixir-logo.stories.d.ts

@@ -0,0 +1,8 @@
+import type { SVG } from '@/types';
+import type { StoryFn } from '@storybook/react';
+declare const _default: {
+    title: string;
+    component: SVG;
+};
+export default _default;
+export declare const Default: StoryFn<SVG>;

package/lib/icons/programming-languages/elixir-logo/index.d.ts

@@ -0,0 +1,2 @@
+import type { SVG } from '@/types';
+export declare const ElixirLogo: SVG;

package/lib/icons/programming-languages/go-logo/go-logo.stories.d.ts

@@ -0,0 +1,8 @@
+import type { SVG } from '@/types';
+import type { StoryFn } from '@storybook/react';
+declare const _default: {
+    title: string;
+    component: SVG;
+};
+export default _default;
+export declare const Default: StoryFn<SVG>;

package/lib/icons/programming-languages/go-logo/index.d.ts

@@ -0,0 +1,2 @@
+import type { SVG } from '@/types';
+export declare const GoLogo: SVG;

package/lib/icons/programming-languages/index.d.ts

@@ -0,0 +1,17 @@
+export * from './c-plus-plus-logo';
+export * from './c-sharp-logo';
+export * from './dotnet-logo';
+export * from './elixir-logo';
+export * from './go-logo';
+export * from './java-logo';
+export * from './kafka-logo';
+export * from './mysql-logo';
+export * from './nginx-logo';
+export * from './nodejs-logo';
+export * from './php-logo';
+export * from './postgres-logo';
+export * from './python-logo';
+export * from './redis-logo';
+export * from './ruby-logo';
+export * from './rust-logo';
+export * from './swift-logo';

package/lib/icons/programming-languages/java-logo/index.d.ts

@@ -0,0 +1,2 @@
+import type { SVG } from '@/types';
+export declare const JavaLogo: SVG;

package/lib/icons/programming-languages/java-logo/java-logo.stories.d.ts

@@ -0,0 +1,8 @@
+import type { SVG } from '@/types';
+import type { StoryFn } from '@storybook/react';
+declare const _default: {
+    title: string;
+    component: SVG;
+};
+export default _default;
+export declare const Default: StoryFn<SVG>;

package/lib/icons/programming-languages/kafka-logo/index.d.ts

@@ -0,0 +1,2 @@
+import type { SVG } from '@/types';
+export declare const KafkaLogo: SVG;

package/lib/icons/programming-languages/kafka-logo/kafka-logo.stories.d.ts

@@ -0,0 +1,8 @@
+import type { SVG } from '@/types';
+import type { StoryFn } from '@storybook/react';
+declare const _default: {
+    title: string;
+    component: SVG;
+};
+export default _default;
+export declare const Default: StoryFn<SVG>;

package/lib/icons/programming-languages/mysql-logo/index.d.ts

@@ -0,0 +1,2 @@
+import type { SVG } from '@/types';
+export declare const MysqlLogo: SVG;

package/lib/icons/programming-languages/mysql-logo/mysql-logo.stories.d.ts

@@ -0,0 +1,8 @@
+import type { SVG } from '@/types';
+import type { StoryFn } from '@storybook/react';
+declare const _default: {
+    title: string;
+    component: SVG;
+};
+export default _default;
+export declare const Default: StoryFn<SVG>;

package/lib/icons/programming-languages/nginx-logo/index.d.ts

@@ -0,0 +1,2 @@
+import type { SVG } from '@/types';
+export declare const NginxLogo: SVG;

package/lib/icons/programming-languages/nginx-logo/nginx-logo.stories.d.ts

@@ -0,0 +1,8 @@
+import type { SVG } from '@/types';
+import type { StoryFn } from '@storybook/react';
+declare const _default: {
+    title: string;
+    component: SVG;
+};
+export default _default;
+export declare const Default: StoryFn<SVG>;

package/lib/icons/programming-languages/nodejs-logo/index.d.ts

@@ -0,0 +1,2 @@
+import type { SVG } from '@/types';
+export declare const NodejsLogo: SVG;

package/lib/icons/programming-languages/nodejs-logo/nodejs-logo.stories.d.ts

@@ -0,0 +1,8 @@
+import type { SVG } from '@/types';
+import type { StoryFn } from '@storybook/react';
+declare const _default: {
+    title: string;
+    component: SVG;
+};
+export default _default;
+export declare const Default: StoryFn<SVG>;

package/lib/icons/programming-languages/php-logo/index.d.ts

@@ -0,0 +1,2 @@
+import type { SVG } from '@/types';
+export declare const PhpLogo: SVG;

package/lib/icons/programming-languages/php-logo/php-logo.stories.d.ts

@@ -0,0 +1,8 @@
+import type { SVG } from '@/types';
+import type { StoryFn } from '@storybook/react';
+declare const _default: {
+    title: string;
+    component: SVG;
+};
+export default _default;
+export declare const Default: StoryFn<SVG>;

package/lib/icons/programming-languages/postgres-logo/index.d.ts

@@ -0,0 +1,2 @@
+import type { SVG } from '@/types';
+export declare const PostgresLogo: SVG;

package/lib/icons/programming-languages/postgres-logo/postgres-logo.stories.d.ts

@@ -0,0 +1,8 @@
+import type { SVG } from '@/types';
+import type { StoryFn } from '@storybook/react';
+declare const _default: {
+    title: string;
+    component: SVG;
+};
+export default _default;
+export declare const Default: StoryFn<SVG>;

package/lib/icons/programming-languages/python-logo/index.d.ts

@@ -0,0 +1,2 @@
+import type { SVG } from '@/types';
+export declare const PythonLogo: SVG;

package/lib/icons/programming-languages/python-logo/python-logo.stories.d.ts

@@ -0,0 +1,8 @@
+import type { SVG } from '@/types';
+import type { StoryFn } from '@storybook/react';
+declare const _default: {
+    title: string;
+    component: SVG;
+};
+export default _default;
+export declare const Default: StoryFn<SVG>;

package/lib/icons/programming-languages/redis-logo/index.d.ts

@@ -0,0 +1,2 @@
+import type { SVG } from '@/types';
+export declare const RedisLogo: SVG;

package/lib/icons/programming-languages/redis-logo/redis-logo.stories.d.ts

@@ -0,0 +1,8 @@
+import type { SVG } from '@/types';
+import type { StoryFn } from '@storybook/react';
+declare const _default: {
+    title: string;
+    component: SVG;
+};
+export default _default;
+export declare const Default: StoryFn<SVG>;

package/lib/icons/programming-languages/ruby-logo/index.d.ts

@@ -0,0 +1,2 @@
+import type { SVG } from '@/types';
+export declare const RubyLogo: SVG;

package/lib/icons/programming-languages/ruby-logo/ruby-logo.stories.d.ts

@@ -0,0 +1,8 @@
+import type { SVG } from '@/types';
+import type { StoryFn } from '@storybook/react';
+declare const _default: {
+    title: string;
+    component: SVG;
+};
+export default _default;
+export declare const Default: StoryFn<SVG>;

package/lib/icons/programming-languages/rust-logo/index.d.ts

@@ -0,0 +1,2 @@
+import type { SVG } from '@/types';
+export declare const RustLogo: SVG;

package/lib/icons/programming-languages/rust-logo/rust-logo.stories.d.ts

@@ -0,0 +1,8 @@
+import type { SVG } from '@/types';
+import type { StoryFn } from '@storybook/react';
+declare const _default: {
+    title: string;
+    component: SVG;
+};
+export default _default;
+export declare const Default: StoryFn<SVG>;

package/lib/icons/programming-languages/swift-logo/index.d.ts

@@ -0,0 +1,2 @@
+import type { SVG } from '@/types';
+export declare const SwiftLogo: SVG;

package/lib/icons/programming-languages/swift-logo/swift-logo.stories.d.ts

@@ -0,0 +1,8 @@
+import type { SVG } from '@/types';
+import type { StoryFn } from '@storybook/react';
+declare const _default: {
+    title: string;
+    component: SVG;
+};
+export default _default;
+export declare const Default: StoryFn<SVG>;

package/lib/icons.js

@@ -1,10 +1,10 @@
 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';
 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';
-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';
+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';
 import React from 'react';
 import Theme from './theme.js';
 export { A as ActionsIcon, D as DestinationsIcon, R as RulesIcon, S as SourcesIcon, V as VmLogo } from './index-BjJpYtF1.js';
-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';
+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';
 import './index-DIcomki-.js';
 import './types.js';
 import 'styled-components';
@@ -65,6 +65,13 @@ const TraceViewIcon = ({ size = 16, fill: f, rotate = 0, onClick }) => {
         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' })));
 };
 
+const ConnectionsIcon = ({ size = 16, fill: f, rotate = 0, onClick }) => {
+    const theme = Theme.useTheme();
+    const fill = f || theme.text.secondary;
+    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 },
+        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' })));
+};
+
 const ErrorRoundIcon = ({ size = 16, fill: f, rotate = 0, onClick }) => {
     const theme = Theme.useTheme();
     const fill = f || theme.text.error;
@@ -72,4 +79,4 @@ const ErrorRoundIcon = ({ size = 16, fill: f, rotate = 0, onClick }) => {
         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' })));
 };
 
-export { CodeBracketsIcon, CommandIcon, ErrorRoundIcon, LightOffIcon, LightOnIcon, MoonIcon, ServiceMapIcon, SunIcon, TraceViewIcon };
+export { CodeBracketsIcon, CommandIcon, ConnectionsIcon, ErrorRoundIcon, LightOffIcon, LightOnIcon, MoonIcon, ServiceMapIcon, SunIcon, TraceViewIcon };

package/lib/{index-BulCzWQI.js → index-DB1gmCsH.js}

@@ -1,9 +1,9 @@
-import { PROGRAMMING_LANGUAGES, SIGNAL_TYPE, NOTIFICATION_TYPE } from './types.js';
+import { PROGRAMMING_LANGUAGES, SIGNAL_TYPE, STATUS_TYPE } from './types.js';
 import 'react';
 import './index-DIcomki-.js';
 import 'styled-components';
-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';
 import { O as OdigosLogo } from './index-BGlk5VhF.js';
+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';
 
 const capitalizeFirstLetter = (string) => {
     return string.charAt(0).toUpperCase() + string.slice(1);
@@ -72,31 +72,29 @@ const flattenObjectKeys = (obj, prefix = '', result = {}) => {
 };
 
 const getProgrammingLanguageIcon = (language) => {
-    // const BASE_URL = 'https://d1n7d4xz7fr8b4.cloudfront.net/'
-    const BASE_URL = 'https://odigos-sources.s3.us-east-1.amazonaws.com/';
     const LOGOS = {
-        [PROGRAMMING_LANGUAGES.JAVA]: `${BASE_URL}java.svg`,
-        [PROGRAMMING_LANGUAGES.GO]: `${BASE_URL}go.svg`,
-        [PROGRAMMING_LANGUAGES.JAVASCRIPT]: `${BASE_URL}nodejs.svg`,
-        [PROGRAMMING_LANGUAGES.PYTHON]: `${BASE_URL}python.svg`,
-        [PROGRAMMING_LANGUAGES.DOTNET]: `${BASE_URL}dotnet.svg`,
-        [PROGRAMMING_LANGUAGES.CSHARP]: `${BASE_URL}csharp.svg`,
-        [PROGRAMMING_LANGUAGES.CPLUSPLUS]: `${BASE_URL}cplusplus.svg`,
-        [PROGRAMMING_LANGUAGES.PHP]: `${BASE_URL}php.svg`,
-        [PROGRAMMING_LANGUAGES.RUBY]: `${BASE_URL}ruby.svg`,
-        [PROGRAMMING_LANGUAGES.RUST]: `${BASE_URL}rust.svg`,
-        [PROGRAMMING_LANGUAGES.SWIFT]: `${BASE_URL}swift.svg`,
-        [PROGRAMMING_LANGUAGES.ELIXIR]: `${BASE_URL}elixir.svg`,
-        [PROGRAMMING_LANGUAGES.MYSQL]: `${BASE_URL}mysql.svg`,
-        [PROGRAMMING_LANGUAGES.NGINX]: `${BASE_URL}nginx.svg`,
-        [PROGRAMMING_LANGUAGES.POSTGRES]: `${BASE_URL}postgres.svg`,
-        [PROGRAMMING_LANGUAGES.REDIS]: `${BASE_URL}redis.svg`,
-        [PROGRAMMING_LANGUAGES.KAFKA]: `${BASE_URL}kafka.svg`,
-        [PROGRAMMING_LANGUAGES.IGNORED]: '', // TODO: good icon
-        [PROGRAMMING_LANGUAGES.UNKNOWN]: '', // TODO: good icon
-        [PROGRAMMING_LANGUAGES.PROCESSING]: '', // TODO: good icon
-        [PROGRAMMING_LANGUAGES.NO_CONTAINERS]: '', // TODO: good icon
-        [PROGRAMMING_LANGUAGES.NO_RUNNING_PODS]: '', // TODO: good icon
+        [PROGRAMMING_LANGUAGES.JAVA]: JavaLogo,
+        [PROGRAMMING_LANGUAGES.GO]: GoLogo,
+        [PROGRAMMING_LANGUAGES.JAVASCRIPT]: NodejsLogo,
+        [PROGRAMMING_LANGUAGES.PYTHON]: PythonLogo,
+        [PROGRAMMING_LANGUAGES.DOTNET]: DotnetLogo,
+        [PROGRAMMING_LANGUAGES.CSHARP]: CSharpLogo,
+        [PROGRAMMING_LANGUAGES.CPLUSPLUS]: CPlusPlusLogo,
+        [PROGRAMMING_LANGUAGES.PHP]: PhpLogo,
+        [PROGRAMMING_LANGUAGES.RUBY]: RubyLogo,
+        [PROGRAMMING_LANGUAGES.RUST]: RustLogo,
+        [PROGRAMMING_LANGUAGES.SWIFT]: SwiftLogo,
+        [PROGRAMMING_LANGUAGES.ELIXIR]: ElixirLogo,
+        [PROGRAMMING_LANGUAGES.MYSQL]: MysqlLogo,
+        [PROGRAMMING_LANGUAGES.NGINX]: NginxLogo,
+        [PROGRAMMING_LANGUAGES.POSTGRES]: PostgresLogo,
+        [PROGRAMMING_LANGUAGES.REDIS]: RedisLogo,
+        [PROGRAMMING_LANGUAGES.KAFKA]: KafkaLogo,
+        [PROGRAMMING_LANGUAGES.IGNORED]: OdigosLogo, // TODO: good icon
+        [PROGRAMMING_LANGUAGES.UNKNOWN]: OdigosLogo, // TODO: good icon
+        [PROGRAMMING_LANGUAGES.PROCESSING]: OdigosLogo, // TODO: good icon
+        [PROGRAMMING_LANGUAGES.NO_CONTAINERS]: OdigosLogo, // TODO: good icon
+        [PROGRAMMING_LANGUAGES.NO_RUNNING_PODS]: OdigosLogo, // TODO: good icon
     };
     return LOGOS[language];
 };
@@ -112,11 +110,11 @@ const getMonitorIcon = (type) => {
 
 const getStatusIcon = (type, theme) => {
     const LOGOS = {
-        [NOTIFICATION_TYPE.SUCCESS]: (props) => CheckCircledIcon({ fill: theme.text[type], ...props }),
-        [NOTIFICATION_TYPE.ERROR]: (props) => ErrorTriangleIcon({ fill: theme.text[type], ...props }),
-        [NOTIFICATION_TYPE.WARNING]: (props) => WarningTriangleIcon({ fill: theme.text[type], ...props }),
-        [NOTIFICATION_TYPE.INFO]: (props) => InfoIcon({ fill: theme.text[type], ...props }),
-        [NOTIFICATION_TYPE.DEFAULT]: (props) => OdigosLogo({ fill: theme.text[type], ...props }),
+        [STATUS_TYPE.SUCCESS]: (props) => CheckCircledIcon({ fill: theme.text[type], ...props }),
+        [STATUS_TYPE.ERROR]: (props) => ErrorTriangleIcon({ fill: theme.text[type], ...props }),
+        [STATUS_TYPE.WARNING]: (props) => WarningTriangleIcon({ fill: theme.text[type], ...props }),
+        [STATUS_TYPE.INFO]: (props) => InfoIcon({ fill: theme.text[type], ...props }),
+        [STATUS_TYPE.DEFAULT]: (props) => OdigosLogo({ fill: theme.text[type], ...props }),
     };
     return LOGOS[type];
 };

package/lib/{index-BJxaoI0G.js → index-D_Qn2U89.js}

@@ -29,6 +29,13 @@ const ExtendArrowIcon = ({ size = 16, fill: f, rotate = 0, onClick }) => {
         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' })));
 };
 
+const ImageErrorIcon = ({ size = 16, fill: f, rotate = 0, onClick }) => {
+    const theme = Theme.useTheme();
+    const fill = f || theme.text.secondary;
+    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 },
+        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' })));
+};
+
 const ListIcon = ({ size = 16, fill: f, rotate = 0, onClick }) => {
     const theme = Theme.useTheme();
     const fill = f || theme.text.secondary;
@@ -128,4 +135,4 @@ const CrossIcon = ({ size = 16, fill: f, rotate = 0, onClick }) => {
         React.createElement("path", { stroke: fill, strokeLinecap: 'round', strokeLinejoin: 'round', d: 'M4 12L8 8M8 8L12 4M8 8L4 4M8 8L12 12' })));
 };
 
-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 };
+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 };

package/lib/{index-Cu2uHOuh.js → index-DnmWFsTQ.js}

@@ -39,6 +39,7 @@ const DISPLAY_TITLES = {
     DETECTED_CONTAINERS: 'Detected Containers',
     DETECTED_CONTAINERS_DESCRIPTION: 'The system automatically instruments the containers it detects with a supported programming language.',
     CONTAINER_NAME: 'Container Name',
+    FILTERED_COUNT_TOOLTIP: 'Represents filtered amount, out of total amount',
 };
 
 export { DISPLAY_TITLES as D, FORM_ALERTS as F };