@odigos/ui-kit 0.0.15 → 0.0.16

package/lib/{index-3KUV6Vlt.js → index-DH2zLaey.js}

@@ -66,8 +66,11 @@ const TerminalIcon = ({ size = 16, fill: f, rotate = 0, onClick }) => {
 const OverviewIcon = ({ size = 16, fill: f, rotate = 0, onClick }) => {
     const theme = Theme.useTheme();
     const fill = f || theme.text.secondary;
-    return (React.createElement("svg", { width: size * (14 / 15), height: size, viewBox: '0 0 14 15', 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: 'M1.75 8.79362H12.25M1.75 11.7103H12.25M3.5 5.87695H10.5C11.4665 5.87695 12.25 5.09345 12.25 4.12695C12.25 3.16045 11.4665 2.37695 10.5 2.37695H3.5C2.5335 2.37695 1.75 3.16045 1.75 4.12695C1.75 5.09345 2.5335 5.87695 3.5 5.87695Z' })));
+    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: 'M2.00015 4.13333C2.00015 3.3866 2.00015 3.01323 2.14548 2.72801C2.27331 2.47713 2.47728 2.27316 2.72816 2.14532C3.01338 2 3.38675 2 4.13348 2H4.53348C5.28022 2 5.65359 2 5.93881 2.14532C6.18969 2.27316 6.39366 2.47713 6.52149 2.72801C6.66682 3.01323 6.66682 3.3866 6.66682 4.13333V4.53333C6.66682 5.28007 6.66682 5.65344 6.52149 5.93865C6.39366 6.18954 6.18969 6.39351 5.93881 6.52134C5.65359 6.66667 5.28022 6.66667 4.53348 6.66667H4.13348C3.38675 6.66667 3.01338 6.66667 2.72816 6.52134C2.47728 6.39351 2.27331 6.18954 2.14548 5.93865C2.00015 5.65344 2.00015 5.28007 2.00015 4.53333V4.13333Z' }),
+        React.createElement("path", { stroke: fill, strokeLinecap: 'round', strokeLinejoin: 'round', d: 'M2.54215 13.1752C2.01412 12.6471 1.75011 12.3831 1.6512 12.0787C1.56418 11.8109 1.56418 11.5224 1.6512 11.2546C1.75011 10.9502 2.01412 10.6862 2.54215 10.1582L2.82499 9.87533C3.35301 9.34731 3.61702 9.0833 3.92146 8.98438C4.18925 8.89737 4.47772 8.89737 4.74551 8.98438C5.04995 9.0833 5.31396 9.34731 5.84198 9.87533L6.12482 10.1582C6.65284 10.6862 6.91686 10.9502 7.01577 11.2546C7.10278 11.5224 7.10278 11.8109 7.01577 12.0787C6.91686 12.3831 6.65284 12.6471 6.12482 13.1752L5.84198 13.458C5.31396 13.986 5.04995 14.25 4.74551 14.349C4.47772 14.436 4.18925 14.436 3.92146 14.349C3.61702 14.25 3.35301 13.986 2.82499 13.458L2.54215 13.1752Z' }),
+        React.createElement("path", { stroke: fill, strokeLinecap: 'round', strokeLinejoin: 'round', d: 'M9.33348 4.33333C9.33348 3.04467 10.3782 2 11.6668 2C12.9555 2 14.0002 3.04467 14.0002 4.33333C14.0002 5.622 12.9555 6.66667 11.6668 6.66667C10.3782 6.66667 9.33348 5.622 9.33348 4.33333Z' }),
+        React.createElement("path", { stroke: fill, strokeLinecap: 'round', strokeLinejoin: 'round', d: 'M9.33348 11.4667C9.33348 10.7199 9.33348 10.3466 9.47881 10.0613C9.60664 9.81046 9.81061 9.60649 10.0615 9.47866C10.3467 9.33333 10.7201 9.33333 11.4668 9.33333H11.8668C12.6136 9.33333 12.9869 9.33333 13.2721 9.47866C13.523 9.60649 13.727 9.81046 13.8548 10.0613C14.0002 10.3466 14.0002 10.7199 14.0002 11.4667V11.8667C14.0002 12.6134 14.0002 12.9868 13.8548 13.272C13.727 13.5229 13.523 13.7268 13.2721 13.8547C12.9869 14 12.6136 14 11.8668 14H11.4668C10.7201 14 10.3467 14 10.0615 13.8547C9.81061 13.7268 9.60664 13.5229 9.47881 13.272C9.33348 12.9868 9.33348 12.6134 9.33348 11.8667V11.4667Z' })));
 };
 
 const SlackLogo = ({ size = 16, fill, rotate = 0, onClick }) => {

package/lib/{index-BtuW12KL.js → index-DiEc-llU.js}

@@ -1,9 +1,10 @@
-import { StatusType, OtherStatus, EntityTypes, PlatformType } from './types.js';
-import { a as getProgrammingLanguageIcon } from './index-CYn62h8x.js';
+import { StatusType, OtherStatus, DestinationTypes, EntityTypes, PlatformType } from './types.js';
+import { a as getProgrammingLanguageIcon } from './index-CKtl8KxE.js';
 import 'react';
-import './index-DYEcdkUF.js';
+import './index-IvGLauAo.js';
 import 'styled-components';
-import { R as RulesIcon, A as ActionsIcon, D as DestinationsIcon, S as SourcesIcon, V as VmLogo } from './index-BjJpYtF1.js';
+import { c as AwsXrayLogo, U as UptraceLogo, x as TraceloopLogo, T as TempoLogo, w as SumoLogicLogo, v as SplunkLogo, S as SignozLogo, b as AwsS3Logo, u as QuickwitLogo, G as GigapipeLogo, Q as QrynLogo, P as PrometheusLogo, O as OpenTelemetryLogo, t as OpsVerseLogo, N as NewRelicLogo, M as MiddlewareLogo, s as LumigoLogo, r as LokiLogo, q as LogzioLogo, p as LightstepLogo, L as Last9Logo, K as KloudmateLogo, J as JaegerLogo, I as InstanaLogo, o as HyperDxLogo, H as HoneycombLogo, n as GroundcoverLogo, m as GrafanaLogo, l as GoogleCloudPlatformLogo, k as ElasticSearchLogo, E as ElasticApmLogo, j as DynatraceLogo, i as DatadogLogo, D as Dash0Logo, h as CoralogixLogo, a as AwsCloudwatchLogo, g as ClickhouseLogo, f as ChronosphereLogo, C as CauselyLogo, B as BetterStackLogo, e as BlobStorageLogo, d as AxiomLogo, A as AppDynamicsLogo, R as RulesIcon, y as ActionsIcon, z as DestinationsIcon, W as SourcesIcon, F as NamespacesIcon, V as VmLogo } from './index-DB8Djrsy.js';
+import { K as KafkaLogo } from './index-DM8CZWtL.js';
 import { O as OdigosLogo, K as K8sLogo } from './index-BGlk5VhF.js';
 
 const compareCondition = (renderCondition, fields) => {
@@ -102,8 +103,66 @@ const getContainersIcons = (containers) => {
     return icons;
 };
 
+const getDestinationIcon = (type, forceFromUrl) => {
+    const LOGOS = {
+        [DestinationTypes.AppDynamics]: AppDynamicsLogo,
+        [DestinationTypes.Axiom]: AxiomLogo,
+        [DestinationTypes.AzureBlob]: BlobStorageLogo,
+        [DestinationTypes.BetterStack]: BetterStackLogo,
+        [DestinationTypes.Causely]: CauselyLogo,
+        [DestinationTypes.Chronosphere]: ChronosphereLogo,
+        [DestinationTypes.ClickHouse]: ClickhouseLogo,
+        [DestinationTypes.CloudWatch]: AwsCloudwatchLogo,
+        [DestinationTypes.Coralogix]: CoralogixLogo,
+        [DestinationTypes.Dash0]: Dash0Logo,
+        [DestinationTypes.Datadog]: DatadogLogo,
+        [DestinationTypes.Dynatrace]: DynatraceLogo,
+        [DestinationTypes.ElasticApm]: ElasticApmLogo,
+        [DestinationTypes.ElasticSearch]: ElasticSearchLogo,
+        [DestinationTypes.GoogleCloud]: GoogleCloudPlatformLogo,
+        [DestinationTypes.GrafanaCloudLoki]: GrafanaLogo,
+        [DestinationTypes.GrafanaCloudPrometheus]: GrafanaLogo,
+        [DestinationTypes.GrafanaCloudTempo]: GrafanaLogo,
+        [DestinationTypes.Groundcover]: GroundcoverLogo,
+        [DestinationTypes.Honeycomb]: HoneycombLogo,
+        [DestinationTypes.HyperDX]: HyperDxLogo,
+        [DestinationTypes.Instana]: InstanaLogo,
+        [DestinationTypes.Jaeger]: JaegerLogo,
+        [DestinationTypes.Kafka]: KafkaLogo,
+        [DestinationTypes.Kloudmate]: KloudmateLogo,
+        [DestinationTypes.Last9]: Last9Logo,
+        [DestinationTypes.Lightstep]: LightstepLogo,
+        [DestinationTypes.LogzIo]: LogzioLogo,
+        [DestinationTypes.Loki]: LokiLogo,
+        [DestinationTypes.Lumigo]: LumigoLogo,
+        [DestinationTypes.Middleware]: MiddlewareLogo,
+        [DestinationTypes.NewRelic]: NewRelicLogo,
+        [DestinationTypes.Opsverse]: OpsVerseLogo,
+        [DestinationTypes.OTLP]: OpenTelemetryLogo,
+        [DestinationTypes.OTLPHttp]: OpenTelemetryLogo,
+        [DestinationTypes.Prometheus]: PrometheusLogo,
+        [DestinationTypes.Qryn]: QrynLogo,
+        [DestinationTypes.QrynOss]: GigapipeLogo,
+        [DestinationTypes.Quickwit]: QuickwitLogo,
+        [DestinationTypes.S3]: AwsS3Logo,
+        [DestinationTypes.Signoz]: SignozLogo,
+        [DestinationTypes.Splunk]: SplunkLogo,
+        [DestinationTypes.SumoLogic]: SumoLogicLogo,
+        [DestinationTypes.Tempo]: TempoLogo,
+        [DestinationTypes.Traceloop]: TraceloopLogo,
+        [DestinationTypes.Uptrace]: UptraceLogo,
+        [DestinationTypes.XRay]: AwsXrayLogo,
+    };
+    const logo = LOGOS[type];
+    if (logo && !forceFromUrl)
+        return { icon: logo };
+    // Fallback to fetched-icon (in-case new destinations were added, and we haven't added the icon to the kit yet)
+    return { iconSrc: `https://d15jtxgb40qetw.cloudfront.net/${type}.svg` };
+};
+
 const getEntityIcon = (type) => {
     const LOGOS = {
+        [EntityTypes.Namespace]: NamespacesIcon,
         [EntityTypes.Source]: SourcesIcon,
         [EntityTypes.Destination]: DestinationsIcon,
         [EntityTypes.Action]: ActionsIcon,
@@ -185,6 +244,10 @@ const getValueForRange = (current, matrix) => {
     return found?.[2] || null;
 };
 
+const getWorkloadId = ({ namespace, name, kind }) => {
+    return { namespace, name, kind };
+};
+
 const isOverTime = (originDate, difference = 0) => {
     const now = new Date().getTime();
     const compareWith = new Date(originDate).getTime();
@@ -193,4 +256,4 @@ const isOverTime = (originDate, difference = 0) => {
 
 const sleep = async (ms = 1000) => new Promise((resolve) => setTimeout(resolve, ms));
 
-export { filterDestinations as a, filterSources as b, compareCondition as c, formatBytes as d, getContainersInstrumentedCount as e, filterActions as f, getConditionsBooleans as g, getContainersIcons as h, getEntityIcon as i, getEntityLabel as j, getMetricForEntity as k, getPlatformIcon as l, getPlatformLabel as m, getValueForRange as n, isOverTime as o, sleep as s };
+export { filterDestinations as a, filterSources as b, compareCondition as c, formatBytes as d, getContainersInstrumentedCount as e, filterActions as f, getConditionsBooleans as g, getContainersIcons as h, getDestinationIcon as i, getEntityIcon as j, getEntityLabel as k, getMetricForEntity as l, getPlatformIcon as m, getPlatformLabel as n, getValueForRange as o, getWorkloadId as p, isOverTime as q, sleep as s };

package/lib/{index-DYEcdkUF.js → index-IvGLauAo.js}

@@ -276,6 +276,8 @@ const isTimeElapsed = (originDate, difference = 0) => {
 };
 
 const useEntityStore = create((set) => ({
+    namespacesLoading: false,
+    namespaces: [],
     sourcesLoading: false,
     sources: [],
     destinationsLoading: false,
@@ -285,43 +287,49 @@ const useEntityStore = create((set) => ({
     instrumentationRulesLoading: false,
     instrumentationRules: [],
     setEntitiesLoading: (entityType, bool) => {
-        const KEY = entityType === EntityTypes.Source
-            ? 'sourcesLoading'
-            : entityType === EntityTypes.Destination
-                ? 'destinationsLoading'
-                : entityType === EntityTypes.Action
-                    ? 'actionsLoading'
-                    : entityType === EntityTypes.InstrumentationRule
-                        ? 'instrumentationRulesLoading'
-                        : 'NONE';
+        const KEY = entityType === EntityTypes.Namespace
+            ? 'namespacesLoading'
+            : entityType === EntityTypes.Source
+                ? 'sourcesLoading'
+                : entityType === EntityTypes.Destination
+                    ? 'destinationsLoading'
+                    : entityType === EntityTypes.Action
+                        ? 'actionsLoading'
+                        : entityType === EntityTypes.InstrumentationRule
+                            ? 'instrumentationRulesLoading'
+                            : 'NONE';
         if (KEY === 'NONE')
             return;
         set({ [KEY]: bool });
     },
     setEntities: (entityType, payload) => {
-        const KEY = entityType === EntityTypes.Source
-            ? 'sources'
-            : entityType === EntityTypes.Destination
-                ? 'destinations'
-                : entityType === EntityTypes.Action
-                    ? 'actions'
-                    : entityType === EntityTypes.InstrumentationRule
-                        ? 'instrumentationRules'
-                        : 'NONE';
+        const KEY = entityType === EntityTypes.Namespace
+            ? 'namespaces'
+            : entityType === EntityTypes.Source
+                ? 'sources'
+                : entityType === EntityTypes.Destination
+                    ? 'destinations'
+                    : entityType === EntityTypes.Action
+                        ? 'actions'
+                        : entityType === EntityTypes.InstrumentationRule
+                            ? 'instrumentationRules'
+                            : 'NONE';
         if (KEY === 'NONE')
             return;
         set({ [KEY]: payload });
     },
     addEntities: (entityType, entities) => {
-        const KEY = entityType === EntityTypes.Source
-            ? 'sources'
-            : entityType === EntityTypes.Destination
-                ? 'destinations'
-                : entityType === EntityTypes.Action
-                    ? 'actions'
-                    : entityType === EntityTypes.InstrumentationRule
-                        ? 'instrumentationRules'
-                        : 'NONE';
+        const KEY = entityType === EntityTypes.Namespace
+            ? 'namespaces'
+            : entityType === EntityTypes.Source
+                ? 'sources'
+                : entityType === EntityTypes.Destination
+                    ? 'destinations'
+                    : entityType === EntityTypes.Action
+                        ? 'actions'
+                        : entityType === EntityTypes.InstrumentationRule
+                            ? 'instrumentationRules'
+                            : 'NONE';
         if (KEY === 'NONE')
             return;
         set((state) => {
@@ -339,15 +347,17 @@ const useEntityStore = create((set) => ({
         });
     },
     removeEntities: (entityType, entityIds) => {
-        const KEY = entityType === EntityTypes.Source
-            ? 'sources'
-            : entityType === EntityTypes.Destination
-                ? 'destinations'
-                : entityType === EntityTypes.Action
-                    ? 'actions'
-                    : entityType === EntityTypes.InstrumentationRule
-                        ? 'instrumentationRules'
-                        : 'NONE';
+        const KEY = entityType === EntityTypes.Namespace
+            ? 'namespaces'
+            : entityType === EntityTypes.Source
+                ? 'sources'
+                : entityType === EntityTypes.Destination
+                    ? 'destinations'
+                    : entityType === EntityTypes.Action
+                        ? 'actions'
+                        : entityType === EntityTypes.InstrumentationRule
+                            ? 'instrumentationRules'
+                            : 'NONE';
         if (KEY === 'NONE')
             return;
         set((state) => {
@@ -363,6 +373,8 @@ const useEntityStore = create((set) => ({
     },
     resetEntityStore: () => {
         set({
+            namespacesLoading: false,
+            namespaces: [],
             sourcesLoading: false,
             sources: [],
             destinationsLoading: false,
@@ -668,4 +680,4 @@ var animations = /*#__PURE__*/Object.freeze({
   slide: slide
 });
 
-export { useDrawerStore as a, useEntityStore as b, useFilterStore as c, useInstrumentStore as d, useModalStore as e, useNotificationStore as f, usePendingStore as g, useSelectedStore as h, useSetupStore as i, animations as j, getEntityId as k, isTimeElapsed as l, styleInject as s, useDarkMode as u };
+export { useDrawerStore as a, useEntityStore as b, useFilterStore as c, useInstrumentStore as d, useModalStore as e, useNotificationStore as f, usePendingStore as g, useSelectedStore as h, useSetupStore as i, getEntityId as j, isTimeElapsed as k, animations as l, styleInject as s, useDarkMode as u };

package/lib/{index-CJKFedQi.js → index-lL1o2K_5.js}

@@ -1,7 +1,7 @@
 import { SignalType, ActionType, InstrumentationRuleType } from './types.js';
-import { g as getActionIcon, a as getInstrumentationRuleIcon } from './index-Db_ZDrEr.js';
+import { g as getActionIcon, a as getInstrumentationRuleIcon } from './index-CLOUNx6Z.js';
 import 'react';
-import './index-DYEcdkUF.js';
+import './index-IvGLauAo.js';
 import 'styled-components';
 
 const ACTION_OPTIONS = [

package/lib/store/useEntityStore.d.ts

@@ -1,5 +1,7 @@
-import { type Action, type Destination, EntityTypes, type InstrumentationRule, type Source, type WorkloadId } from '@/types';
+import { type Action, type Destination, EntityTypes, type InstrumentationRule, type Namespace, type Source, type WorkloadId } from '@/types';
 interface IEntityState {
+    namespacesLoading: boolean;
+    namespaces: Namespace[];
     sourcesLoading: boolean;
     sources: Source[];
     destinationsLoading: boolean;
@@ -10,7 +12,7 @@ interface IEntityState {
     instrumentationRules: InstrumentationRule[];
 }
 type EntityId = string | WorkloadId;
-type EntityItems = IEntityState['sources'] | IEntityState['destinations'] | IEntityState['actions'] | IEntityState['instrumentationRules'];
+type EntityItems = IEntityState['namespaces'] | IEntityState['sources'] | IEntityState['destinations'] | IEntityState['actions'] | IEntityState['instrumentationRules'];
 interface IEntityStateSetters {
     setEntitiesLoading: (entityType: EntityTypes, bool: boolean) => void;
     setEntities: (entityType: EntityTypes, entities: EntityItems) => void;

package/lib/store/useSetupStore.d.ts

@@ -1,4 +1,4 @@
-import type { Destination, DestinationFormData, Source } from '@/types';
+import { type Destination, type DestinationFormData, DestinationTypes, type Source } from '@/types';
 export interface AvailableSourcesByNamespace {
     [namespace: string]: Pick<Source, 'name' | 'kind' | 'selected' | 'numberOfInstances'>[];
 }
@@ -9,9 +9,8 @@ export interface NamespaceSelectionFormData {
     [namespace: string]: boolean;
 }
 export interface StoredSetupDestination {
-    type: string;
+    type: DestinationTypes;
     displayName: string;
-    imageUrl: string;
     category: string;
     exportedSignals: Destination['exportedSignals'];
     destinationTypeDetails: {

package/lib/store.js

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

package/lib/theme.js

@@ -1,5 +1,5 @@
 import React from 'react';
-import { u as useDarkMode, j as animations } from './index-DYEcdkUF.js';
+import { u as useDarkMode, l as animations } from './index-IvGLauAo.js';
 import { ThemeProvider, useTheme } from 'styled-components';
 import './types.js';
 

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

@@ -57,6 +57,7 @@ export declare enum Crud {
     Delete = "Delete"
 }
 export declare enum EntityTypes {
+    Namespace = "Namespace",
     Source = "Source",
     Destination = "Destination",
     Action = "Action",

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

@@ -1,6 +1,55 @@
 import type { Comparison } from '@/functions';
 import type { DropdownProps } from '@/components';
 import { type Condition, FieldTypes } from '../common';
+export declare enum DestinationTypes {
+    AppDynamics = "appdynamics",
+    Axiom = "axiom",
+    AzureBlob = "azureblob",
+    BetterStack = "betterstack",
+    Causely = "causely",
+    Chronosphere = "chronosphere",
+    ClickHouse = "clickhouse",
+    CloudWatch = "cloudwatch",
+    Coralogix = "coralogix",
+    Dash0 = "dash0",
+    Datadog = "datadog",
+    Dynatrace = "dynatrace",
+    ElasticApm = "elasticapm",
+    ElasticSearch = "elasticsearch",
+    GoogleCloud = "googlecloud",
+    GrafanaCloudLoki = "grafanacloudloki",
+    GrafanaCloudPrometheus = "grafanacloudprometheus",
+    GrafanaCloudTempo = "grafanacloudtempo",
+    Groundcover = "groundcover",
+    Honeycomb = "honeycomb",
+    HyperDX = "hyperdx",
+    Instana = "instana",
+    Jaeger = "jaeger",
+    Kafka = "kafka",
+    Kloudmate = "kloudmate",
+    Last9 = "last9",
+    Lightstep = "lightstep",
+    LogzIo = "logzio",
+    Loki = "loki",
+    Lumigo = "lumigo",
+    Middleware = "middleware",
+    NewRelic = "newrelic",
+    Opsverse = "opsverse",
+    OTLP = "otlp",
+    OTLPHttp = "otlphttp",
+    Prometheus = "prometheus",
+    Qryn = "qryn",
+    QrynOss = "qryn-oss",
+    Quickwit = "quickwit",
+    S3 = "s3",
+    Signoz = "signoz",
+    Splunk = "splunk",
+    SumoLogic = "sumologic",
+    Tempo = "tempo",
+    Traceloop = "traceloop",
+    Uptrace = "uptrace",
+    XRay = "xray"
+}
 export interface Destination {
     id: string;
     name: string;
@@ -12,9 +61,8 @@ export interface Destination {
     fields: string;
     conditions: Condition[] | null;
     destinationType: {
-        type: string;
+        type: DestinationTypes;
         displayName: string;
-        imageUrl: string;
         supportedSignals: {
             logs: {
                 supported: boolean;
@@ -47,7 +95,6 @@ export interface DestinationYamlProperties {
 export interface DestinationOption {
     type: Destination['destinationType']['type'];
     displayName: Destination['destinationType']['displayName'];
-    imageUrl: Destination['destinationType']['imageUrl'];
     supportedSignals: Destination['destinationType']['supportedSignals'];
     testConnectionSupported: boolean;
     fields: DestinationYamlProperties[];

package/lib/types.js

@@ -55,6 +55,7 @@ var Crud;
 })(Crud || (Crud = {}));
 var EntityTypes;
 (function (EntityTypes) {
+    EntityTypes["Namespace"] = "Namespace";
     EntityTypes["Source"] = "Source";
     EntityTypes["Destination"] = "Destination";
     EntityTypes["Action"] = "Action";
@@ -130,6 +131,57 @@ var AddNodeTypes;
     AddNodeTypes["AddDestination"] = "addDestination";
 })(AddNodeTypes || (AddNodeTypes = {}));
 
+var DestinationTypes;
+(function (DestinationTypes) {
+    DestinationTypes["AppDynamics"] = "appdynamics";
+    DestinationTypes["Axiom"] = "axiom";
+    DestinationTypes["AzureBlob"] = "azureblob";
+    DestinationTypes["BetterStack"] = "betterstack";
+    DestinationTypes["Causely"] = "causely";
+    DestinationTypes["Chronosphere"] = "chronosphere";
+    DestinationTypes["ClickHouse"] = "clickhouse";
+    DestinationTypes["CloudWatch"] = "cloudwatch";
+    DestinationTypes["Coralogix"] = "coralogix";
+    DestinationTypes["Dash0"] = "dash0";
+    DestinationTypes["Datadog"] = "datadog";
+    DestinationTypes["Dynatrace"] = "dynatrace";
+    DestinationTypes["ElasticApm"] = "elasticapm";
+    DestinationTypes["ElasticSearch"] = "elasticsearch";
+    DestinationTypes["GoogleCloud"] = "googlecloud";
+    DestinationTypes["GrafanaCloudLoki"] = "grafanacloudloki";
+    DestinationTypes["GrafanaCloudPrometheus"] = "grafanacloudprometheus";
+    DestinationTypes["GrafanaCloudTempo"] = "grafanacloudtempo";
+    DestinationTypes["Groundcover"] = "groundcover";
+    DestinationTypes["Honeycomb"] = "honeycomb";
+    DestinationTypes["HyperDX"] = "hyperdx";
+    DestinationTypes["Instana"] = "instana";
+    DestinationTypes["Jaeger"] = "jaeger";
+    DestinationTypes["Kafka"] = "kafka";
+    DestinationTypes["Kloudmate"] = "kloudmate";
+    DestinationTypes["Last9"] = "last9";
+    DestinationTypes["Lightstep"] = "lightstep";
+    DestinationTypes["LogzIo"] = "logzio";
+    DestinationTypes["Loki"] = "loki";
+    DestinationTypes["Lumigo"] = "lumigo";
+    DestinationTypes["Middleware"] = "middleware";
+    DestinationTypes["NewRelic"] = "newrelic";
+    DestinationTypes["Opsverse"] = "opsverse";
+    DestinationTypes["OTLP"] = "otlp";
+    DestinationTypes["OTLPHttp"] = "otlphttp";
+    DestinationTypes["Prometheus"] = "prometheus";
+    DestinationTypes["Qryn"] = "qryn";
+    DestinationTypes["QrynOss"] = "qryn-oss";
+    DestinationTypes["Quickwit"] = "quickwit";
+    DestinationTypes["S3"] = "s3";
+    DestinationTypes["Signoz"] = "signoz";
+    DestinationTypes["Splunk"] = "splunk";
+    DestinationTypes["SumoLogic"] = "sumologic";
+    DestinationTypes["Tempo"] = "tempo";
+    DestinationTypes["Traceloop"] = "traceloop";
+    DestinationTypes["Uptrace"] = "uptrace";
+    DestinationTypes["XRay"] = "xray";
+})(DestinationTypes || (DestinationTypes = {}));
+
 var InstrumentationRuleType;
 (function (InstrumentationRuleType) {
     InstrumentationRuleType["PayloadCollection"] = "PayloadCollection";
@@ -168,4 +220,4 @@ var K8sResourceKind;
     K8sResourceKind["StatefulSet"] = "StatefulSet";
 })(K8sResourceKind || (K8sResourceKind = {}));
 
-export { ActionType, AddNodeTypes, CodeAttributesKeyTypes, CrdTypes, Crud, EdgeTypes, EntityTypes, FieldTypes, InstrumentationRuleType, K8sResourceKind, NodeTypes, OtherStatus, PayloadCollectionKeyTypes, PlatformType, ProgrammingLanguages, SignalType, SortDirection, StatusType, Tier };
+export { ActionType, AddNodeTypes, CodeAttributesKeyTypes, CrdTypes, Crud, DestinationTypes, EdgeTypes, EntityTypes, FieldTypes, InstrumentationRuleType, K8sResourceKind, NodeTypes, OtherStatus, PayloadCollectionKeyTypes, PlatformType, ProgrammingLanguages, SignalType, SortDirection, StatusType, Tier };

package/lib/{useSourceSelectionFormData-BnlRp8m3.js → useSourceSelectionFormData-R_uK7F7W.js}

@@ -1,11 +1,11 @@
 import { ActionType, StatusType, AddNodeTypes, EntityTypes, FieldTypes } from './types.js';
 import { useState, useEffect, useCallback } from 'react';
-import { f as useNotificationStore, e as useModalStore, a as useDrawerStore, i as useSetupStore } from './index-DYEcdkUF.js';
+import { f as useNotificationStore, e as useModalStore, a as useDrawerStore, b as useEntityStore, i as useSetupStore } from './index-IvGLauAo.js';
 import 'styled-components';
 import { i as isEmpty, s as safeJsonParse } from './index-BZS1ijMm.js';
-import './index-CJKFedQi.js';
+import './index-lL1o2K_5.js';
 import { F as FORM_ALERTS } from './index-C_0J5P9M.js';
-import { b as useGenericForm } from './useTransition-CFmm4scp.js';
+import { b as useGenericForm } from './useTransition-hWYVBuSi.js';
 import { g as getIdFromSseTarget } from './index-7-KCQK-x.js';
 
 const INITIAL$2 = {
@@ -204,6 +204,7 @@ const useClickNotification = () => {
 };
 
 const INITIAL$1 = {
+    // @ts-ignore form should be initialized with empty values
     type: '',
     name: '',
     exportedSignals: {
@@ -371,7 +372,8 @@ const useSourceFormData = () => {
 };
 
 const useSourceSelectionFormData = (params) => {
-    const { namespaces, namespace, selectedNamespace, onSelectNamespace } = params || {};
+    const { namespaces } = useEntityStore();
+    const { selectedNamespace, onSelectNamespace, namespace } = params || {};
     // only for "onboarding" - get unsaved values and set to state
     // (this is to persist the values when user navigates back to this page)
     const { configuredSources, configuredFutureApps, availableSources } = useSetupStore();

package/lib/{useTransition-CFmm4scp.js → useTransition-hWYVBuSi.js}

@@ -1,6 +1,6 @@
 import React, { useState, useRef, useEffect, useCallback } from 'react';
-import './index-CJKFedQi.js';
-import { f as useNotificationStore } from './index-DYEcdkUF.js';
+import './index-lL1o2K_5.js';
+import { f as useNotificationStore } from './index-IvGLauAo.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.15",
+  "version": "0.0.16",
   "author": "Odigos",
   "repository": {
     "type": "git",
@@ -92,31 +92,31 @@
     "@babel/core": "^7.26.10",
     "@babel/preset-env": "^7.26.9",
     "@babel/preset-react": "^7.26.3",
-    "@babel/preset-typescript": "^7.26.0",
+    "@babel/preset-typescript": "^7.27.0",
     "@rollup/plugin-commonjs": "^28.0.3",
     "@rollup/plugin-json": "^6.1.0",
     "@rollup/plugin-node-resolve": "^16.0.1",
-    "@storybook/addon-essentials": "^8.6.7",
+    "@storybook/addon-essentials": "^8.6.9",
     "@storybook/addon-webpack5-compiler-babel": "^3.0.5",
-    "@storybook/react": "^8.6.7",
-    "@storybook/react-webpack5": "^8.6.7",
-    "@types/node": "^22.13.10",
-    "@types/react": "^19.0.11",
+    "@storybook/react": "^8.6.9",
+    "@storybook/react-webpack5": "^8.6.9",
+    "@types/node": "^22.13.13",
+    "@types/react": "^19.0.12",
     "@types/react-dom": "^19.0.4",
     "@types/react-lottie": "^1.2.10",
-    "@typescript-eslint/eslint-plugin": "^8.26.1",
-    "@typescript-eslint/parser": "^8.26.1",
+    "@typescript-eslint/eslint-plugin": "^8.28.0",
+    "@typescript-eslint/parser": "^8.28.0",
     "babel-loader": "^10.0.0",
     "babel-plugin-styled-components": "^2.1.4",
-    "eslint": "^9.22.0",
+    "eslint": "^9.23.0",
     "eslint-plugin-react": "^7.37.4",
     "eslint-plugin-storybook": "^0.11.6",
     "html-webpack-plugin": "^5.6.3",
     "postcss": "^8.5.3",
-    "rollup": "^4.36.0",
+    "rollup": "^4.37.0",
     "rollup-plugin-postcss": "^4.0.2",
     "rollup-plugin-typescript2": "^0.36.0",
-    "storybook": "^8.6.7",
+    "storybook": "^8.6.9",
     "typescript": "^5.8.2"
   }
 }

package/lib/index-BjJpYtF1.js

@@ -1,42 +0,0 @@
-import React from 'react';
-import Theme from './theme.js';
-
-const VmLogo = ({ 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 14 14', 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: 'M7 7.00016V12.5418M7 7.00016L1.94814 4.30969M7 7.00016L12.0519 4.30969M7 12.5418C7.12674 12.5418 7.25347 12.5291 7.37812 12.5037C7.65987 12.4463 7.92489 12.2996 8.45492 12.0063L10.7951 10.7111C11.3251 10.4177 11.5901 10.2711 11.7829 10.0659C11.9534 9.8843 12.0822 9.6704 12.161 9.43804C12.25 9.17542 12.25 8.88207 12.25 8.29536V5.70497C12.25 5.11826 12.25 4.82491 12.161 4.56229C12.1315 4.47526 12.095 4.39081 12.0519 4.30969M7 12.5418C6.87326 12.5418 6.74653 12.5291 6.62188 12.5037C6.34013 12.4463 6.07511 12.2996 5.54508 12.0063L3.20492 10.7111C2.67489 10.4177 2.40987 10.2711 2.21713 10.0659C2.04659 9.8843 1.91777 9.6704 1.83901 9.43804C1.75 9.17542 1.75 8.88207 1.75 8.29536V5.70497C1.75 5.11826 1.75 4.82491 1.83901 4.56229C1.86851 4.47526 1.90503 4.39081 1.94814 4.30969M12.0519 4.30969C11.9799 4.17423 11.8895 4.04802 11.7829 3.93447C11.5901 3.72926 11.3251 3.58258 10.7951 3.28923L8.45492 1.99404C7.92489 1.70068 7.65987 1.554 7.37812 1.49659C7.12882 1.4458 6.87117 1.4458 6.62188 1.49659C6.34013 1.554 6.07511 1.70068 5.54508 1.99404L3.20492 3.28923C2.67489 3.58258 2.40987 3.72926 2.21713 3.93447C2.11047 4.04802 2.02013 4.17423 1.94814 4.30969' })));
-};
-
-const ActionsIcon = ({ 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: 'M4.03577 5.58623L7.87311 2.57807C8.96507 1.72206 9.51105 1.29405 9.88484 1.33635C10.2084 1.37297 10.4931 1.58015 10.6428 1.88795C10.8158 2.24356 10.6404 2.94122 10.2895 4.33655L9.99556 5.50565C9.85509 6.06426 9.78486 6.34357 9.83323 6.58606C9.87578 6.79937 9.9806 6.99284 10.1327 7.13876C10.3056 7.30464 10.5677 7.37948 11.0919 7.52916L11.432 7.62628C12.4401 7.91412 12.9442 8.05804 13.1457 8.35103C13.3209 8.60578 13.3771 8.93198 13.2982 9.23643C13.2074 9.58657 12.7841 9.91181 11.9376 10.5623L8.16976 13.4575C7.08454 14.2914 6.54192 14.7083 6.16999 14.6636C5.84799 14.6248 5.56547 14.4171 5.41715 14.1101C5.24584 13.7555 5.41898 13.0669 5.76527 11.6898L6.02808 10.6446C6.16855 10.0859 6.23878 9.80664 6.19041 9.56415C6.14786 9.35085 6.04304 9.15737 5.89096 9.01146C5.71807 8.84557 5.45596 8.77073 4.93173 8.62105L4.55326 8.51299C3.55574 8.22817 3.05698 8.08576 2.8556 7.79472C2.68046 7.5416 2.62311 7.21724 2.6998 6.91357C2.78798 6.5644 3.20391 6.23834 4.03577 5.58623Z' })));
-};
-
-const DestinationsIcon = ({ 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: 'M7.9999 14.0999C11.3688 14.0999 14.0999 11.3688 14.0999 7.9999C14.0999 4.63096 11.3688 1.8999 7.9999 1.8999C4.63096 1.8999 1.8999 4.63096 1.8999 7.9999C1.8999 11.3688 4.63096 14.0999 7.9999 14.0999Z' }),
-        React.createElement("path", { stroke: fill, strokeLinecap: 'round', strokeLinejoin: 'round', d: 'M7.99984 11.3332C9.84077 11.3332 11.3332 9.84077 11.3332 7.99984C11.3332 6.15889 9.84077 4.6665 7.99984 4.6665C6.15889 4.6665 4.6665 6.15889 4.6665 7.99984C4.6665 9.84077 6.15889 11.3332 7.99984 11.3332Z' }),
-        React.createElement("path", { stroke: fill, strokeLinecap: 'round', strokeLinejoin: 'round', d: 'M8.6665 7.99984C8.6665 8.36804 8.36804 8.6665 7.99984 8.6665C7.63164 8.6665 7.33317 8.36804 7.33317 7.99984C7.33317 7.63164 7.63164 7.33317 7.99984 7.33317C8.36804 7.33317 8.6665 7.63164 8.6665 7.99984Z' })));
-};
-
-const RulesIcon = ({ 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, strokeWidth: '1.2', strokeLinecap: 'round', strokeLinejoin: 'round', d: 'M4.5 1.94059V1.94836M1.94111 4.49806V4.50583M1 7.99611V8.00389M1.94111 11.4942V11.5019M4.5 14.0516V14.0594M8 14.9922V15M11.5 14.0516V14.0594M14.0589 11.4942V11.5019M15 7.99611V8.00389M14.0589 4.49806V4.50583M11.5 1.94059V1.94836M8 1V1.00777' }),
-        React.createElement("path", { stroke: fill, strokeLinecap: 'round', strokeLinejoin: 'round', d: 'M8 8H8.01125M8 3.5L9.326 4.79876L11.182 4.81802L11.2012 6.674L12.5 8L11.2012 9.326L11.182 11.182L9.326 11.2012L8 12.5L6.674 11.2012L4.81802 11.182L4.79876 9.326L3.5 8L4.79876 6.674L4.81802 4.81802L6.674 4.79876L8 3.5Z' })));
-};
-
-const SourcesIcon = ({ 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: 'M13.3332 3.8V8M13.3332 3.8C13.3332 4.79411 10.9454 5.6 7.99984 5.6C5.05432 5.6 2.6665 4.79411 2.6665 3.8M13.3332 3.8C13.3332 2.80589 10.9454 2 7.99984 2C5.05432 2 2.6665 2.80589 2.6665 3.8M13.3332 8V12.0875C13.3332 13.1437 10.9454 14 7.99984 14C5.05432 14 2.6665 13.1437 2.6665 12.0875V8M13.3332 8C13.3332 8.99413 10.9454 9.8 7.99984 9.8C5.05432 9.8 2.6665 8.99413 2.6665 8M2.6665 8V3.8M10.6665 7.33333H10.6732M10.6665 11.3333H10.6732' })));
-};
-
-export { ActionsIcon as A, DestinationsIcon as D, RulesIcon as R, SourcesIcon as S, VmLogo as V };