@odigos/ui-kit 0.0.41 → 0.0.43

package/lib/{index-Cau7bWmr.js → index-DJfTCJxF.js}

@@ -1,5 +1,5 @@
 import React from 'react';
-import { T as Theme } from './index-BdZq2vdJ.js';
+import { T as Theme } from './index-CFcAM49k.js';
 
 const ArrowIcon = ({ size = 16, fill: f, rotate = 0, onClick }) => {
     const theme = Theme.useTheme();
@@ -22,6 +22,13 @@ const CopyIcon = ({ size = 16, fill: f, rotate = 0, onClick }) => {
         React.createElement("path", { stroke: fill, strokeLinecap: 'round', strokeLinejoin: 'round', d: 'M11.2679 11.2679C11.425 11.2446 11.5649 11.213 11.6967 11.1702C12.7115 10.8405 13.5071 10.0449 13.8369 9.03006C14 8.52795 14 7.90752 14 6.66667C14 5.42581 14 4.80539 13.8369 4.30328C13.5071 3.28848 12.7115 2.49287 11.6967 2.16314C11.1946 2 10.5742 2 9.33333 2C8.09248 2 7.47205 2 6.96994 2.16314C5.95515 2.49287 5.15954 3.28848 4.82981 4.30328C4.787 4.43505 4.75542 4.57498 4.73212 4.73212M11.2679 11.2679C11.3333 10.8262 11.3333 10.2485 11.3333 9.33333C11.3333 8.09248 11.3333 7.47205 11.1702 6.96994C10.8405 5.95515 10.0449 5.15954 9.03006 4.82981C8.52795 4.66667 7.90752 4.66667 6.66667 4.66667C5.75147 4.66667 5.17377 4.66667 4.73212 4.73212M11.2679 11.2679C11.2446 11.425 11.213 11.5649 11.1702 11.6967C10.8405 12.7115 10.0449 13.5071 9.03006 13.8369C8.52795 14 7.90752 14 6.66667 14C5.42581 14 4.80539 14 4.30328 13.8369C3.28848 13.5071 2.49287 12.7115 2.16314 11.6967C2 11.1946 2 10.5742 2 9.33333C2 8.09248 2 7.47205 2.16314 6.96994C2.49287 5.95515 3.28848 5.15954 4.30328 4.82981C4.43505 4.787 4.57498 4.75542 4.73212 4.73212' })));
 };
 
+const EditIcon = ({ 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 16 16', 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: 'M8 14C10.6787 11.8171 10.7261 16.2383 14 12.6667M2 13.997L3.81777 13.9999C4.07739 14.0003 4.2072 14.0005 4.32937 13.9712C4.43769 13.9452 4.54125 13.9022 4.63623 13.8438C4.74337 13.778 4.83516 13.6858 5.01874 13.5014L13.6676 4.81451C14.021 4.4596 14.1088 3.91087 13.8396 3.47722C13.5142 2.95298 13.0691 2.50221 12.5511 2.16754C12.136 1.8993 11.5908 1.95805 11.2417 2.30864L2.53993 11.0487C2.36296 11.2264 2.27447 11.3153 2.21029 11.4188C2.15338 11.5105 2.11072 11.6104 2.08378 11.7151C2.05341 11.8331 2.05031 11.9588 2.04411 12.2101L2 13.997Z' })));
+};
+
 const ExtendArrowIcon = ({ 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, EditIcon 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, ExtendArrowIcon as b, NotebookIcon as c, SortArrowsIcon as d, EyeClosedIcon as e, EyeOpenIcon as f, CheckIcon as g, CrossIcon as h };

package/lib/{index-BrriZrlp.js → index-DeWFbFU-.js}

@@ -1,10 +1,9 @@
 import { StatusType, OtherStatus, DestinationTypes, EntityTypes, PlatformType } from './types.js';
-import { D as DEFAULT_DATA_STREAM_NAME, K as K8sLogo } from './index-BdZq2vdJ.js';
-import { a as getProgrammingLanguageIcon } from './index-B1h5g0Hl.js';
+import { k as DEFAULT_DATA_STREAM_NAME, p as getProgrammingLanguageIcon, v as KafkaLogo, K as K8sLogo } from './index-CFcAM49k.js';
 import 'react';
 import 'styled-components';
-import { e as AwsXrayLogo, a2 as VictoriaMetricsLogo, a1 as UptraceLogo, a0 as TraceloopLogo, $ as TingyunLogo, _ as TempoLogo, Z as TelemetryHubLogo, Y as SumoLogicLogo, X as SplunkLogo, W as SignozLogo, U as SeqLogo, d as AwsS3Logo, T as QuickwitLogo, G as GigapipeLogo, S as QrynLogo, R as PrometheusLogo, F as OpenTelemetryLogo, Q as OracleLogo, P as OpsVerseLogo, z as OpenObserveLogo, y as OneUptimeLogo, O as ObserveLogo, N as NewRelicLogo, M as MiddlewareLogo, x as LumigoLogo, w as LokiLogo, v as LogzioLogo, u as LightstepLogo, L as Last9Logo, K as KloudmateLogo, J as JaegerLogo, I as InstanaLogo, t as HyperDxLogo, H as HoneycombLogo, s as GroundcoverLogo, r as GreptimeLogo, q as GrafanaLogo, p as GoogleCloudPlatformLogo, o as ElasticSearchLogo, E as ElasticApmLogo, n as DynatraceLogo, m as DatadogLogo, D as Dash0Logo, l as CoralogixLogo, c as AwsCloudwatchLogo, k as ClickhouseLogo, j as ChronosphereLogo, i as ChecklyLogo, C as CauselyLogo, h as BonreeLogo, B as BetterStackLogo, g as BlobStorageLogo, f as AxiomLogo, b as AppDynamicsLogo, a as AlibabaCloudLogo, A as AlaudaLogo, a6 as RulesIcon, a3 as ActionsIcon, a4 as DestinationsIcon, a7 as SourcesIcon, a5 as NamespacesIcon, V as VmLogo } from './index-CBgnxpkW.js';
-import { K as KafkaLogo, O as OdigosLogo } from './index-BeVb1H9n.js';
+import { e as AwsXrayLogo, a2 as VictoriaMetricsLogo, a1 as UptraceLogo, a0 as TraceloopLogo, $ as TingyunLogo, _ as TempoLogo, Z as TelemetryHubLogo, Y as SumoLogicLogo, X as SplunkLogo, W as SignozLogo, U as SeqLogo, d as AwsS3Logo, T as QuickwitLogo, G as GigapipeLogo, S as QrynLogo, R as PrometheusLogo, F as OpenTelemetryLogo, Q as OracleLogo, P as OpsVerseLogo, z as OpenObserveLogo, y as OneUptimeLogo, O as ObserveLogo, N as NewRelicLogo, M as MiddlewareLogo, x as LumigoLogo, w as LokiLogo, v as LogzioLogo, u as LightstepLogo, L as Last9Logo, K as KloudmateLogo, J as JaegerLogo, I as InstanaLogo, t as HyperDxLogo, H as HoneycombLogo, s as GroundcoverLogo, r as GreptimeLogo, q as GrafanaLogo, p as GoogleCloudPlatformLogo, o as ElasticSearchLogo, E as ElasticApmLogo, n as DynatraceLogo, m as DatadogLogo, D as Dash0Logo, l as CoralogixLogo, c as AwsCloudwatchLogo, k as ClickhouseLogo, j as ChronosphereLogo, i as ChecklyLogo, C as CauselyLogo, h as BonreeLogo, B as BetterStackLogo, g as BlobStorageLogo, f as AxiomLogo, b as AppDynamicsLogo, a as AlibabaCloudLogo, A as AlaudaLogo, a6 as RulesIcon, a3 as ActionsIcon, a4 as DestinationsIcon, a7 as SourcesIcon, a5 as NamespacesIcon, V as VmLogo } from './index-OD60p3iQ.js';
+import { O as OdigosLogo } from './index-BjrdHhNI.js';
 import { s as safeJsonParse } from './index-BV85P9UP.js';
 
 const compareCondition = (renderCondition, fields) => {

package/lib/{index-B1h5g0Hl.js → index-DeYAfvCA.js}

@@ -1,8 +1,8 @@
-import { ProgrammingLanguages, SignalType, StatusType } from './types.js';
+import { SignalType, StatusType } from './types.js';
 import 'react';
-import { o as ImageErrorIcon } from './index-BdZq2vdJ.js';
+import './index-CFcAM49k.js';
 import 'styled-components';
-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, O as OdigosLogo, I as InfoIcon, W as WarningTriangleIcon, h as ErrorTriangleIcon, i as CheckCircledIcon } from './index-BeVb1H9n.js';
+import { T as TracesIcon, M as MetricsIcon, L as LogsIcon, O as OdigosLogo, I as InfoIcon, W as WarningTriangleIcon, E as ErrorTriangleIcon, C as CheckCircledIcon } from './index-BjrdHhNI.js';
 
 const capitalizeFirstLetter = (string) => {
     return string.charAt(0).toUpperCase() + string.slice(1);
@@ -70,34 +70,6 @@ const flattenObjectKeys = (obj, prefix = '', result = {}) => {
     return result;
 };
 
-const getProgrammingLanguageIcon = (language) => {
-    const LOGOS = {
-        [ProgrammingLanguages.Java]: JavaLogo,
-        [ProgrammingLanguages.Go]: GoLogo,
-        [ProgrammingLanguages.JavaScript]: NodejsLogo,
-        [ProgrammingLanguages.Python]: PythonLogo,
-        [ProgrammingLanguages.DotNet]: DotnetLogo,
-        [ProgrammingLanguages.CSharp]: CSharpLogo,
-        [ProgrammingLanguages.CPlusPlus]: CPlusPlusLogo,
-        [ProgrammingLanguages.Php]: PhpLogo,
-        [ProgrammingLanguages.Ruby]: RubyLogo,
-        [ProgrammingLanguages.Rust]: RustLogo,
-        [ProgrammingLanguages.Swift]: SwiftLogo,
-        [ProgrammingLanguages.Elixir]: ElixirLogo,
-        [ProgrammingLanguages.MySql]: MysqlLogo,
-        [ProgrammingLanguages.Nginx]: NginxLogo,
-        [ProgrammingLanguages.Postgres]: PostgresLogo,
-        [ProgrammingLanguages.Redis]: RedisLogo,
-        [ProgrammingLanguages.Kafka]: KafkaLogo,
-        [ProgrammingLanguages.Ignored]: ImageErrorIcon, // TODO: good icon
-        [ProgrammingLanguages.Unknown]: ImageErrorIcon, // TODO: good icon
-        [ProgrammingLanguages.Processing]: ImageErrorIcon, // TODO: good icon
-        [ProgrammingLanguages.NoContainers]: ImageErrorIcon, // TODO: good icon
-        [ProgrammingLanguages.NoRunningPods]: ImageErrorIcon, // TODO: good icon
-    };
-    return LOGOS[language] || ImageErrorIcon;
-};
-
 const getMonitorIcon = (type) => {
     const LOGOS = {
         [SignalType.Logs]: LogsIcon,
@@ -118,6 +90,9 @@ const getStatusIcon = (type, theme) => {
     return LOGOS[type];
 };
 
+const SEMVER_REGEX = /^(\d+\.)?(\d+\.)?(\*|\d+)$/;
+const isValidVersion = (version) => SEMVER_REGEX.test(version);
+
 // Example: splitCamelString('LoremIpsumDolorSitAmet')
 // > 'Lorem Ipsum Dolor Sit Amet'
 const splitCamelString = (str) => {
@@ -217,4 +192,4 @@ const safeJsonStringify = (obj, indent = 2) => {
     return JSON.stringify(obj || {}, null, indent);
 };
 
-export { getProgrammingLanguageIcon as a, getStatusIcon as b, capitalizeFirstLetter as c, parseJsonStringToPrettyString as d, splitCamelString as e, flattenObjectKeys as f, getMonitorIcon as g, mapConditions as m, numbersOnly as n, parseBooleanFromString as p, removeEmptyValuesFromObject as r, safeJsonStringify as s };
+export { getStatusIcon as a, parseJsonStringToPrettyString as b, capitalizeFirstLetter as c, splitCamelString as d, flattenObjectKeys as f, getMonitorIcon as g, isValidVersion as i, mapConditions as m, numbersOnly as n, parseBooleanFromString as p, removeEmptyValuesFromObject as r, safeJsonStringify as s };

package/lib/{index-DLH1IvyS.js → index-JW9d8KBI.js}

@@ -1,7 +1,7 @@
 import React from 'react';
-import { _ as WarningModal } from './index-C-84NaCL.js';
+import { _ as WarningModal } from './index-BHJkDHqL.js';
 import { StatusType, EntityTypes } from './types.js';
-import './index-BdZq2vdJ.js';
+import './index-CFcAM49k.js';
 import 'styled-components';
 
 const CancelWarning = ({ isOpen, noOverlay, name, onApprove, onDeny }) => {

package/lib/{index-CBgnxpkW.js → index-OD60p3iQ.js}

@@ -1,5 +1,5 @@
 import React from 'react';
-import { T as Theme } from './index-BdZq2vdJ.js';
+import { T as Theme } from './index-CFcAM49k.js';
 
 const VmLogo = ({ size = 16, fill: f, rotate = 0, onClick }) => {
     const theme = Theme.useTheme();

package/lib/snippets/note-back-to-summary/note-back-to-summary.stories.d.ts

@@ -1,5 +1,5 @@
 import React from 'react';
-import type { StoryFn } from '@storybook/react';
+import type { StoryFn } from '@storybook/react-webpack5';
 import { type NoteBackToSummaryProps } from '.';
 declare const _default: {
     title: string;

package/lib/snippets.js

@@ -1,13 +1,12 @@
-export { A as AddButton } from './index-C-84NaCL.js';
-export { E as EditButton, N as NoteBackToSummary } from './index-Cph4pNkb.js';
+export { A as AddButton } from './index-BHJkDHqL.js';
+export { E as EditButton, N as NoteBackToSummary } from './index-BDivLGyc.js';
 import 'react';
-import './index-BdZq2vdJ.js';
+import './index-CFcAM49k.js';
 import './types.js';
 import 'styled-components';
-import './index-Cau7bWmr.js';
-import './index-B1h5g0Hl.js';
-import './index-BeVb1H9n.js';
+import './index-DJfTCJxF.js';
+import './index-DeYAfvCA.js';
+import './index-BjrdHhNI.js';
 import './index-BV85P9UP.js';
-import './useTransition-BumZECD3.js';
+import './useTransition-DfzjoAze.js';
 import 'react-dom';
-import './index-CDHYBh8C.js';

package/lib/store.js

@@ -1,4 +1,4 @@
-export { u as useDarkMode, a as useDataStreamStore, b as useDrawerStore, c as useEntityStore, d as useFilterStore, e as useInstrumentStore, f as useModalStore, g as useNotificationStore, h as usePendingStore, i as useSelectedStore, j as useSetupStore } from './index-BdZq2vdJ.js';
+export { u as useDarkMode, a as useDataStreamStore, b as useDrawerStore, c as useEntityStore, d as useFilterStore, e as useInstrumentStore, f as useModalStore, g as useNotificationStore, h as usePendingStore, i as useSelectedStore, j as useSetupStore } from './index-CFcAM49k.js';
 import 'react';
 import './types.js';
 import 'styled-components';

package/lib/theme.js

@@ -1,4 +1,4 @@
-export { T as default } from './index-BdZq2vdJ.js';
+export { T as default } from './index-CFcAM49k.js';
 import 'styled-components';
 import 'react';
 import './types.js';

package/lib/types/sources/index.d.ts

@@ -27,8 +27,11 @@ export interface Source extends WorkloadId {
     conditions: Condition[] | null;
 }
 export interface SourceFormData {
-    otelServiceName: string;
-    currentStreamName: string;
+    otelServiceName?: string;
+    currentStreamName?: string;
+    containerName?: string;
+    language?: ProgrammingLanguages | null;
+    version?: string;
 }
 export type PersistSources = (selectAppsList: {
     [namespace: string]: SelectedSource[];

package/lib/{useSourceSelectionFormData-CrtSxE3G.js → useSourceSelectionFormData-KsupxR2K.js}

@@ -1,9 +1,9 @@
 import { ActionKeyTypes, ActionType, StatusType, AddNodeTypes, EntityTypes, FieldTypes } from './types.js';
-import { g as useNotificationStore, F as FORM_ALERTS, f as useModalStore, b as useDrawerStore, c as useEntityStore, a as useDataStreamStore, j as useSetupStore } from './index-BdZq2vdJ.js';
+import { g as useNotificationStore, F as FORM_ALERTS, f as useModalStore, b as useDrawerStore, c as useEntityStore, a as useDataStreamStore, j as useSetupStore } from './index-CFcAM49k.js';
 import { useState, useEffect, useMemo } from 'react';
 import 'styled-components';
 import { i as isEmpty, s as safeJsonParse } from './index-BV85P9UP.js';
-import { b as useGenericForm } from './useTransition-BumZECD3.js';
+import { b as useGenericForm } from './useTransition-DfzjoAze.js';
 import { g as getIdFromSseTarget, i as isLegalK8sLabel, m as mapExportedSignals } from './index-BlZKWuxe.js';
 
 const INITIAL$2 = {

package/lib/{useTransition-BumZECD3.js → useTransition-DfzjoAze.js}

@@ -1,5 +1,5 @@
 import React, { useState, useRef, useEffect, useCallback } from 'react';
-import { g as useNotificationStore } from './index-BdZq2vdJ.js';
+import { g as useNotificationStore } from './index-CFcAM49k.js';
 import { CodeAttributesKeyTypes, PayloadCollectionKeyTypes } from './types.js';
 import styled from 'styled-components';
 

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@odigos/ui-kit",
-  "version": "0.0.41",
+  "version": "0.0.43",
   "author": "Odigos",
   "repository": {
     "type": "git",
@@ -73,25 +73,25 @@
     }
   },
   "peerDependencies": {
-    "@xyflow/react": "^12.6.4",
+    "@xyflow/react": "^12.7.0",
     "javascript-time-ago": "^2.5.11",
     "lottie-react": "^2.4.1",
     "prism-react-renderer": "^2.4.1",
     "react": "^19.1.0",
     "react-dom": "^19.1.0",
     "react-error-boundary": "^6.0.0",
-    "styled-components": "6.1.18",
+    "styled-components": "6.1.19",
     "zustand": "^5.0.5"
   },
   "dependencies": {
-    "@xyflow/react": "^12.6.4",
+    "@xyflow/react": "^12.7.0",
     "javascript-time-ago": "^2.5.11",
     "lottie-react": "^2.4.1",
     "prism-react-renderer": "^2.4.1",
     "react": "^19.1.0",
     "react-dom": "^19.1.0",
     "react-error-boundary": "^6.0.0",
-    "styled-components": "6.1.18",
+    "styled-components": "6.1.19",
     "zustand": "^5.0.5"
   },
   "devDependencies": {
@@ -100,26 +100,26 @@
     "@babel/preset-react": "^7.27.1",
     "@babel/preset-typescript": "^7.27.1",
     "@eslint/eslintrc": "^3.3.1",
-    "@rollup/plugin-commonjs": "^28.0.3",
+    "@rollup/plugin-commonjs": "^28.0.6",
     "@rollup/plugin-json": "^6.1.0",
     "@rollup/plugin-node-resolve": "^16.0.1",
-    "@storybook/addon-essentials": "^8.6.14",
+    "@storybook/addon-docs": "^9.0.11",
     "@storybook/addon-webpack5-compiler-babel": "^3.0.6",
-    "@storybook/react": "8.6.14",
-    "@storybook/react-webpack5": "8.6.14",
-    "@types/node": "^24.0.0",
-    "@types/react": "^19.1.6",
+    "@storybook/react-webpack5": "9.0.11",
+    "@types/node": "^24.0.3",
+    "@types/react": "^19.1.8",
     "@types/react-dom": "^19.1.6",
     "babel-loader": "^10.0.0",
     "babel-plugin-styled-components": "^2.1.4",
-    "eslint": "^9.28.0",
+    "eslint": "^9.29.0",
     "eslint-config-next": "^15.3.3",
+    "eslint-plugin-storybook": "9.0.11",
     "next": "^15.3.3",
-    "postcss": "^8.5.4",
+    "postcss": "^8.5.6",
     "rollup": "^4.43.0",
     "rollup-plugin-postcss": "^4.0.2",
     "rollup-plugin-typescript2": "^0.36.0",
-    "storybook": "8.6.14",
+    "storybook": "9.0.11",
     "typescript": "^5.8.3"
   }
 }