@odigos/ui-kit 0.0.28 → 0.0.30

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-CJs4RDHU.js';
-export { c as compareCondition, d as deepClone, f as filterActions, a as filterDestinations, b as filterDestinationsByStream, e as filterSources, g as filterSourcesByStream, h as formatBytes, i as getConditionsBooleans, k as getContainersIcons, j as getContainersInstrumentedCount, l as getDestinationIcon, m as getEntityIcon, n as getEntityLabel, o as getMetricForEntity, p as getPlatformIcon, q as getPlatformLabel, r as getValueForRange, s as getWorkloadId, t as isOverTime, u as mapExportedSignals, v as sleep } from './index-BfatCMWq.js';
+export { c as compareCondition, d as deepClone, f as filterActions, a as filterDestinations, b as filterDestinationsByStream, e as filterSources, g as filterSourcesByStream, h as formatBytes, i as getConditionsBooleans, k as getContainersIcons, j as getContainersInstrumentedCount, l as getDestinationIcon, m as getEntityIcon, n as getEntityLabel, o as getMetricForEntity, p as getPlatformIcon, q as getPlatformLabel, r as getValueForRange, s as getWorkloadId, t as isOverTime, u as mapExportedSignals, v as sleep } from './index-DYNMhZMX.js';
 export { g as getActionIcon, a as getInstrumentationRuleIcon } from './index-CFnxjzaW.js';
 export { k as getEntityId } from './index-DMXaEyAB.js';
 export { g as getIdFromSseTarget } from './index-7-KCQK-x.js';
@@ -10,7 +10,7 @@ import 'styled-components';
 import './index-DGel4E-Z.js';
 import './theme.js';
 import './index-IKusBlIE.js';
-import './index-BRW_Nl-n.js';
+import './index-BbbCCewR.js';
 
 const cleanObjectEmptyStringsValues = (obj) => {
     const cleanArray = (arr) => arr.filter((item) => {

package/lib/hooks/index.d.ts

@@ -3,6 +3,7 @@ export * from './useClickNode';
 export * from './useClickNotification';
 export * from './useContainerSize';
 export * from './useCopy';
+export * from './useDataStreamFormData';
 export * from './useDestinationFormData';
 export * from './useGenericForm';
 export * from './useInstrumentationRuleFormData';

package/lib/hooks/useDataStreamFormData.d.ts

@@ -0,0 +1,12 @@
+import { DataStream } from '@/types';
+export declare const useDataStreamFormData: (initialFormData: DataStream) => {
+    formData: DataStream;
+    formErrors: Partial<Record<"name", string>>;
+    handleFormChange: (key?: string | undefined, val?: any, obj?: DataStream | undefined) => void;
+    resetFormData: () => void;
+    validateForm: (params?: {
+        withAlert?: boolean;
+        alertTitle?: string;
+    }) => boolean;
+    loadFormWithDrawerItem: ({ name }: DataStream) => void;
+};

package/lib/hooks/useDestinationFormData.d.ts

@@ -12,7 +12,7 @@ export declare const useDestinationFormData: (params?: Params) => {
         withAlert?: boolean;
         alertTitle?: string;
     }) => boolean;
-    loadFormWithDrawerItem: ({ destinationType: { type }, name, exportedSignals, fields }: Destination) => void;
+    loadFormWithDrawerItem: ({ destinationType: { type }, name, exportedSignals, fields }: Destination) => DestinationFormData;
     yamlFields: DestinationYamlProperties[];
     setYamlFields: import("react").Dispatch<import("react").SetStateAction<DestinationYamlProperties[]>>;
     dynamicFields: DestinationDynamicField[];

package/lib/hooks.js

@@ -1,11 +1,11 @@
-export { u as useActionFormData, a as useClickNode, b as useClickNotification, c as useDestinationFormData, d as useSourceFormData, e as useSourceSelectionFormData } from './useSourceSelectionFormData-CoaXePS_.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-BSKilkmZ.js';
+export { u as useActionFormData, a as useClickNode, b as useClickNotification, c as useDataStreamFormData, d as useDestinationFormData, e as useSourceFormData, f as useSourceSelectionFormData } from './useSourceSelectionFormData-BWz8fTJr.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-B65KBqdK.js';
 import './types.js';
 import 'react';
 import './index-DMXaEyAB.js';
 import 'styled-components';
 import './index-BZS1ijMm.js';
-import './index-CTgLYGo-.js';
+import './index-DGuOxbBR.js';
 import './index-CFnxjzaW.js';
 import './index-DGel4E-Z.js';
 import './theme.js';

package/lib/icons.js

@@ -5,7 +5,7 @@ export { A as ArrowIcon, f as CheckIcon, C as CodeIcon, a as CopyIcon, g as Cros
 import React from 'react';
 import Theme from './theme.js';
 export { E as EditIcon } from './index-CWbxXTof.js';
-export { a3 as ActionsIcon, A as AlaudaLogo, a as AlibabaCloudLogo, b as AppDynamicsLogo, c as AwsCloudwatchLogo, d as AwsS3Logo, e as AwsXrayLogo, f as AxiomLogo, B as BetterStackLogo, g as BlobStorageLogo, h as BonreeLogo, C as CauselyLogo, i as ChecklyLogo, j as ChronosphereLogo, k as ClickhouseLogo, l as CoralogixLogo, D as Dash0Logo, m as DatadogLogo, a4 as DestinationsIcon, n as DynatraceLogo, E as ElasticApmLogo, o as ElasticSearchLogo, G as GigapipeLogo, p as GoogleCloudPlatformLogo, q as GrafanaLogo, r as GreptimeLogo, s as GroundcoverLogo, H as HoneycombLogo, t as HyperDxLogo, I as InstanaLogo, J as JaegerLogo, K as KloudmateLogo, L as Last9Logo, u as LightstepLogo, v as LogzioLogo, w as LokiLogo, x as LumigoLogo, M as MiddlewareLogo, a5 as NamespacesIcon, N as NewRelicLogo, O as ObserveLogo, y as OneUptimeLogo, z as OpenObserveLogo, F as OpenTelemetryLogo, P as OpsVerseLogo, Q as OracleLogo, R as PrometheusLogo, S as QrynLogo, T as QuickwitLogo, a6 as RulesIcon, U as SeqLogo, W as SignozLogo, a7 as SourcesIcon, X as SplunkLogo, Y as SumoLogicLogo, Z as TelemetryHubLogo, _ as TempoLogo, $ as TingyunLogo, a0 as TraceloopLogo, a1 as UptraceLogo, a2 as VictoriaMetricsLogo, V as VmLogo } from './index-BRW_Nl-n.js';
+export { a3 as ActionsIcon, A as AlaudaLogo, a as AlibabaCloudLogo, b as AppDynamicsLogo, c as AwsCloudwatchLogo, d as AwsS3Logo, e as AwsXrayLogo, f as AxiomLogo, B as BetterStackLogo, g as BlobStorageLogo, h as BonreeLogo, C as CauselyLogo, i as ChecklyLogo, j as ChronosphereLogo, k as ClickhouseLogo, l as CoralogixLogo, D as Dash0Logo, m as DatadogLogo, a4 as DestinationsIcon, n as DynatraceLogo, E as ElasticApmLogo, o as ElasticSearchLogo, G as GigapipeLogo, p as GoogleCloudPlatformLogo, q as GrafanaLogo, r as GreptimeLogo, s as GroundcoverLogo, H as HoneycombLogo, t as HyperDxLogo, I as InstanaLogo, J as JaegerLogo, K as KloudmateLogo, L as Last9Logo, u as LightstepLogo, v as LogzioLogo, w as LokiLogo, x as LumigoLogo, M as MiddlewareLogo, a5 as NamespacesIcon, N as NewRelicLogo, O as ObserveLogo, y as OneUptimeLogo, z as OpenObserveLogo, F as OpenTelemetryLogo, P as OpsVerseLogo, Q as OracleLogo, R as PrometheusLogo, S as QrynLogo, T as QuickwitLogo, a6 as RulesIcon, U as SeqLogo, W as SignozLogo, a7 as SourcesIcon, X as SplunkLogo, Y as SumoLogicLogo, Z as TelemetryHubLogo, _ as TempoLogo, $ as TingyunLogo, a0 as TraceloopLogo, a1 as UptraceLogo, a2 as VictoriaMetricsLogo, V as VmLogo } from './index-BbbCCewR.js';
 import './index-DMXaEyAB.js';
 import './types.js';
 import 'styled-components';

package/lib/{index-R9xRto5r.js → index-B46Mcu9H.js}

@@ -1,8 +1,8 @@
 import React from 'react';
 import Theme from './theme.js';
 import { E as EditIcon } from './index-CWbxXTof.js';
-import { B as BUTTON_TEXTS, D as DISPLAY_TITLES } from './index-CTgLYGo-.js';
-import { B as Button, V as Text, J as NotificationNote } from './index-CX75oR-h.js';
+import { B as BUTTON_TEXTS, a as DISPLAY_TITLES } from './index-DGuOxbBR.js';
+import { B as Button, V as Text, J as NotificationNote } from './index-nltUpkWT.js';
 import { StatusType } from './types.js';
 import './index-DMXaEyAB.js';
 import 'styled-components';

package/lib/{index-8BSRffGz.js → index-BGK1nMOD.js}

@@ -1,5 +1,5 @@
 import React from 'react';
-import { _ as WarningModal } from './index-CX75oR-h.js';
+import { _ as WarningModal } from './index-nltUpkWT.js';
 import { StatusType, EntityTypes } from './types.js';
 import './index-DMXaEyAB.js';
 import 'styled-components';

package/lib/{index-BRW_Nl-n.js → index-BbbCCewR.js}

@@ -632,7 +632,7 @@ const NamespacesIcon = ({ 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: 'M7 12H17M7 12C6.536 12 6.303 12 6.108 12.022C5.32013 12.1108 4.58575 12.4645 4.02511 13.0251C3.46447 13.5857 3.1108 14.3201 3.022 15.108C3 15.303 3 15.536 3 16C3 16.464 3 16.697 3.022 16.892C3.1108 17.6799 3.46447 18.4143 4.02511 18.9749C4.58575 19.5355 5.32013 19.8892 6.108 19.978C6.303 20 6.536 20 7 20H17C17.464 20 17.697 20 17.892 19.978C18.6799 19.8892 19.4143 19.5355 19.9749 18.9749C20.5355 18.4143 20.8892 17.6799 20.978 16.892C21 16.697 21 16.464 21 16C21 15.536 21 15.303 20.978 15.108C20.8892 14.3201 20.5355 13.5857 19.9749 13.0251C19.4143 12.4645 18.6799 12.1108 17.892 12.022C17.697 12 17.464 12 17 12M7 12C6.536 12 6.303 12 6.108 11.978C5.32013 11.8892 4.58575 11.5355 4.02511 10.9749C3.46447 10.4143 3.1108 9.67987 3.022 8.892C3 8.697 3 8.464 3 8C3 7.536 3 7.303 3.022 7.108C3.1108 6.32013 3.46447 5.58575 4.02511 5.02511C4.58575 4.46447 5.32013 4.1108 6.108 4.022C6.303 4 6.536 4 7 4H17C17.464 4 17.697 4 17.892 4.022C18.6799 4.1108 19.4143 4.46447 19.9749 5.02511C20.5355 5.58575 20.8892 6.32013 20.978 7.108C21 7.303 21 7.536 21 8C21 8.464 21 8.697 20.978 8.892C20.8892 9.67987 20.5355 10.4143 19.9749 10.9749C19.4143 11.5355 18.6799 11.8892 17.892 11.978C17.697 12 17.464 12 17 12M13 8H13.01M17 8H17.01M13 16H13.01M17 16H17.01' })));
+        React.createElement("path", { stroke: fill, strokeLinecap: 'round', strokeLinejoin: 'round', d: 'M12 12V21.5M12 12L3.33967 7.38776M12 12L16.3302 9.69388M12 21.5C12.2173 21.5 12.4345 21.4782 12.6482 21.4347C13.1312 21.3363 13.5855 21.0848 14.4942 20.5819L18.5058 18.3616C19.4145 17.8587 19.8688 17.6073 20.1992 17.2555C20.4916 16.9442 20.7124 16.5775 20.8474 16.1792C21 15.729 21 15.2261 21 14.2203V9.77967C21 8.77388 21 8.27099 20.8474 7.82079C20.7968 7.67159 20.7342 7.52683 20.6603 7.38776M12 21.5C11.7827 21.5 11.5655 21.4782 11.3518 21.4347C10.8688 21.3363 10.4145 21.0848 9.50585 20.5819L5.49415 18.3616C4.58552 17.8587 4.13121 17.6073 3.8008 17.2555C3.50845 16.9442 3.2876 16.5775 3.15259 16.1792C3 15.729 3 15.2261 3 14.2203V9.77967C3 8.77388 3 8.27099 3.15259 7.82079C3.20316 7.67159 3.26577 7.52683 3.33967 7.38776M20.6603 7.38776C20.5369 7.15554 20.3821 6.93919 20.1992 6.74452C19.8688 6.39274 19.4145 6.14129 18.5058 5.6384L14.4942 3.41807C13.5855 2.91518 13.1312 2.66373 12.6482 2.56531C12.2208 2.47823 11.7792 2.47823 11.3518 2.56531C10.8688 2.66373 10.4145 2.91518 9.50585 3.41807L7.5 4.52823M20.6603 7.38776L16.3302 9.69388M3.33967 7.38776C3.46307 7.15554 3.61795 6.93919 3.8008 6.74452C4.13121 6.39274 4.58552 6.14129 5.49415 5.6384L7.5 4.52823M7.5 4.52823L16.3302 9.69388' })));
 };
 
 const RulesIcon = ({ size = 16, fill: f, rotate = 0, onClick }) => {

package/lib/{index-CTgLYGo-.js → index-DGuOxbBR.js}

@@ -125,11 +125,13 @@ const MONITORS_OPTIONS = [
     },
 ];
 
+const DEFAULT_DATA_STREAM_NAME = 'default';
 const FORM_ALERTS = {
     REQUIRED_FIELDS: 'Required fields are missing',
     FIELD_IS_REQUIRED: 'This field is required',
     FORBIDDEN: 'Forbidden',
     ENTERPRISE_ONLY: (str = 'This') => `${str} is an Enterprise feature. Please upgrade your plan.`,
+    DEFINED_FOR_ALL_STREAMS: (str) => `${str} are defined for all Data Streams.`,
     CANNOT_EDIT_RULE: 'Cannot edit a system-managed instrumentation rule',
     CANNOT_DELETE_RULE: 'Cannot delete a system-managed instrumentation rule',
     LATENCY_HTTP_ROUTE: 'HTTP route must start with a forward slash "/"',
@@ -218,6 +220,8 @@ const BUTTON_TEXTS = {
     NEXT: 'Next',
     TEST: 'Test',
     TEST_CONNECTION: 'Test Connection',
+    INSTRUMENT: 'Instrument',
+    UNINSTRUMENT: 'Uninstrument',
 };
 
-export { ACTION_OPTIONS as A, BUTTON_TEXTS as B, DISPLAY_TITLES as D, FORM_ALERTS as F, INSTRUMENTATION_RULE_OPTIONS as I, MONITORS_OPTIONS as M };
+export { ACTION_OPTIONS as A, BUTTON_TEXTS as B, DEFAULT_DATA_STREAM_NAME as D, FORM_ALERTS as F, INSTRUMENTATION_RULE_OPTIONS as I, MONITORS_OPTIONS as M, DISPLAY_TITLES as a };

package/lib/{index-BfatCMWq.js → index-DYNMhZMX.js}

@@ -3,7 +3,7 @@ import { a as getProgrammingLanguageIcon } from './index-CJs4RDHU.js';
 import 'react';
 import './index-DMXaEyAB.js';
 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-BRW_Nl-n.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-BbbCCewR.js';
 import { K as KafkaLogo, O as OdigosLogo } from './index-IKusBlIE.js';
 import { K as K8sLogo } from './index-DGel4E-Z.js';
 
@@ -139,6 +139,7 @@ const getDestinationIcon = (type, forceFromUrl) => {
         [DestinationTypes.Coralogix]: CoralogixLogo,
         [DestinationTypes.Dash0]: Dash0Logo,
         [DestinationTypes.Datadog]: DatadogLogo,
+        [DestinationTypes.Dynamic]: OpenTelemetryLogo,
         [DestinationTypes.Dynatrace]: DynatraceLogo,
         [DestinationTypes.ElasticApm]: ElasticApmLogo,
         [DestinationTypes.ElasticSearch]: ElasticSearchLogo,

package/lib/{index-CX75oR-h.js → index-nltUpkWT.js}

@@ -4,10 +4,10 @@ import styled, { css } from 'styled-components';
 import { M as MinusIcon, f as CheckIcon, L as ListIcon, C as CodeIcon, E as ExtendArrowIcon, c as SortArrowsIcon, a as CopyIcon, b as NotebookIcon, X as XIcon, d as EyeClosedIcon, e as EyeOpenIcon, N as NoDataIcon, g as CrossIcon, S as SearchIcon, P as PlusIcon, T as TrashIcon, A as ArrowIcon } from './index-BJxaoI0G.js';
 import { StatusType, OtherStatus, SortDirection, ProgrammingLanguages } from './types.js';
 import { s as safeJsonParse, i as isEmpty } from './index-BZS1ijMm.js';
-import { M as MONITORS_OPTIONS, B as BUTTON_TEXTS } from './index-CTgLYGo-.js';
+import { M as MONITORS_OPTIONS, B as BUTTON_TEXTS } from './index-DGuOxbBR.js';
 import { b as getStatusIcon, r as removeEmptyValuesFromObject, s as safeJsonStringify, f as flattenObjectKeys, m as mapConditions, c as capitalizeFirstLetter, g as getMonitorIcon, p as parseJsonStringToPrettyString, a as getProgrammingLanguageIcon, d as splitCamelString } from './index-CJs4RDHU.js';
 import './index-DMXaEyAB.js';
-import { u as useContainerSize, a as useCopy, g as useTransition, d as useKeyDown, e as useOnClickOutside } from './useTransition-BSKilkmZ.js';
+import { u as useContainerSize, a as useCopy, g as useTransition, d as useKeyDown, e as useOnClickOutside } from './useTransition-B65KBqdK.js';
 import { I as ImageErrorIcon } from './index-DGel4E-Z.js';
 import ReactDOM from 'react-dom';
 import { I as InfoIcon } from './index-IKusBlIE.js';
@@ -6047,13 +6047,16 @@ const Stepper = ({ data, currentStep = 0 }) => {
     useEffect(() => {
         setStepsList(data.map((step, i) => {
             if (i < currentStep - 1) {
-                return { ...step, state: StepState.Finished, subtitle: 'Success' };
+                // Finished
+                return { ...step, state: StepState.Finished, subtitle: step.subtitle || StatusType.Success };
             }
             else if (i === currentStep - 1) {
-                return { ...step, state: StepState.Active };
+                // Current
+                return { ...step, state: StepState.Active, subtitle: '' };
             }
             else {
-                return { ...step, state: StepState.Disabled };
+                // Future
+                return { ...step, state: StepState.Disabled, subtitle: '' };
             }
         }));
     }, [currentStep, data]);

package/lib/mock-data/sources/index.d.ts

@@ -4,7 +4,7 @@ export declare const MOCK_SOURCE_JAEGER: {
     namespace: string;
     name: string;
     kind: K8sResourceKind;
-    dataStreamNames: never[];
+    dataStreamNames: string[];
     selected: boolean;
     otelServiceName: string;
     numberOfInstances: number;

package/lib/snippets.js

@@ -1,5 +1,5 @@
-export { A as AddButton } from './index-CX75oR-h.js';
-export { E as EditButton, N as NoteBackToSummary } from './index-R9xRto5r.js';
+export { A as AddButton } from './index-nltUpkWT.js';
+export { E as EditButton, N as NoteBackToSummary } from './index-B46Mcu9H.js';
 import 'react';
 import './theme.js';
 import './index-DMXaEyAB.js';
@@ -7,11 +7,11 @@ import './types.js';
 import 'styled-components';
 import './index-BJxaoI0G.js';
 import './index-BZS1ijMm.js';
-import './index-CTgLYGo-.js';
+import './index-DGuOxbBR.js';
 import './index-CFnxjzaW.js';
 import './index-DGel4E-Z.js';
 import './index-CJs4RDHU.js';
 import './index-IKusBlIE.js';
-import './useTransition-BSKilkmZ.js';
+import './useTransition-B65KBqdK.js';
 import 'react-dom';
 import './index-CWbxXTof.js';

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

@@ -17,6 +17,7 @@ export declare enum DestinationTypes {
     Coralogix = "coralogix",
     Dash0 = "dash0",
     Datadog = "datadog",
+    Dynamic = "dynamic",
     Dynatrace = "dynatrace",
     ElasticApm = "elasticapm",
     ElasticSearch = "elasticsearch",

package/lib/types.js

@@ -148,6 +148,7 @@ var DestinationTypes;
     DestinationTypes["Coralogix"] = "coralogix";
     DestinationTypes["Dash0"] = "dash0";
     DestinationTypes["Datadog"] = "datadog";
+    DestinationTypes["Dynamic"] = "dynamic";
     DestinationTypes["Dynatrace"] = "dynatrace";
     DestinationTypes["ElasticApm"] = "elasticapm";
     DestinationTypes["ElasticSearch"] = "elasticsearch";

package/lib/{useSourceSelectionFormData-CoaXePS_.js → useSourceSelectionFormData-BWz8fTJr.js}

@@ -3,8 +3,8 @@ import { useState, useEffect, useMemo } from 'react';
 import { g as useNotificationStore, f as useModalStore, b as useDrawerStore, c as useEntityStore, a as useDataStreamStore, j as useSetupStore } from './index-DMXaEyAB.js';
 import 'styled-components';
 import { i as isEmpty, s as safeJsonParse } from './index-BZS1ijMm.js';
-import { F as FORM_ALERTS } from './index-CTgLYGo-.js';
-import { b as useGenericForm } from './useTransition-BSKilkmZ.js';
+import { F as FORM_ALERTS } from './index-DGuOxbBR.js';
+import { b as useGenericForm } from './useTransition-B65KBqdK.js';
 import { g as getIdFromSseTarget } from './index-7-KCQK-x.js';
 
 const INITIAL$2 = {
@@ -203,6 +203,47 @@ const useClickNotification = () => {
     return { onClickNotification };
 };
 
+const useDataStreamFormData = (initialFormData) => {
+    const { addNotification } = useNotificationStore();
+    const { formData, handleFormChange, formErrors, handleErrorChange, resetFormData } = useGenericForm(initialFormData);
+    const validateForm = (params) => {
+        const errors = {};
+        let isValid = true;
+        if (!formData['name']) {
+            isValid = false;
+            errors['name'] = FORM_ALERTS.FIELD_IS_REQUIRED;
+        }
+        else {
+            errors['name'] = undefined;
+        }
+        if (!isValid && params?.withAlert) {
+            addNotification({
+                type: StatusType.Warning,
+                title: params.alertTitle,
+                message: FORM_ALERTS.REQUIRED_FIELDS,
+                hideFromHistory: true,
+            });
+        }
+        handleErrorChange(undefined, undefined, errors);
+        return isValid;
+    };
+    const loadFormWithDrawerItem = ({ name }) => {
+        const updatedData = {
+            ...initialFormData,
+            name,
+        };
+        handleFormChange(undefined, undefined, updatedData);
+    };
+    return {
+        formData,
+        formErrors,
+        handleFormChange,
+        resetFormData,
+        validateForm,
+        loadFormWithDrawerItem,
+    };
+};
+
 const INITIAL$1 = {
     // @ts-ignore form should be initialized with empty values
     type: '',
@@ -327,6 +368,7 @@ const useDestinationFormData = (params) => {
             fields: Object.entries(safeJsonParse(fields, {})).map(([key, value]) => ({ key, value })),
         };
         handleFormChange(undefined, undefined, updatedData);
+        return updatedData;
     };
     return {
         formData,
@@ -540,4 +582,4 @@ const useSourceSelectionFormData = (params) => {
     };
 };
 
-export { useClickNode as a, useClickNotification as b, useDestinationFormData as c, useSourceFormData as d, useSourceSelectionFormData as e, useActionFormData as u };
+export { useClickNode as a, useClickNotification as b, useDataStreamFormData as c, useDestinationFormData as d, useSourceFormData as e, useSourceSelectionFormData as f, useActionFormData as u };

package/lib/{useTransition-BSKilkmZ.js → useTransition-B65KBqdK.js}

@@ -1,5 +1,5 @@
 import React, { useState, useRef, useEffect, useCallback } from 'react';
-import './index-CTgLYGo-.js';
+import './index-DGuOxbBR.js';
 import { g as useNotificationStore } from './index-DMXaEyAB.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.28",
+  "version": "0.0.30",
   "author": "Odigos",
   "repository": {
     "type": "git",