@odigos/ui-kit 0.0.24 → 0.0.26

package/lib/{index-DiTtXTRm.js → index-DMXaEyAB.js}

@@ -57,7 +57,7 @@ function createJSONStorage(getStorage, options) {
         if (str2 === null) {
           return null;
         }
-        return JSON.parse(str2, undefined );
+        return JSON.parse(str2, void 0 );
       };
       const str = (_a = storage.getItem(name)) != null ? _a : null;
       if (str instanceof Promise) {
@@ -67,7 +67,7 @@ function createJSONStorage(getStorage, options) {
     },
     setItem: (name, newValue) => storage.setItem(
       name,
-      JSON.stringify(newValue, undefined )
+      JSON.stringify(newValue, void 0 )
     ),
     removeItem: (name) => storage.removeItem(name)
   };
@@ -155,7 +155,7 @@ const persistImpl = (config, baseOptions) => (set, get, api) => {
       var _a2;
       return cb((_a2 = get()) != null ? _a2 : configResult);
     });
-    const postRehydrationCallback = ((_b = options.onRehydrateStorage) == null ? undefined : _b.call(options, (_a = get()) != null ? _a : configResult)) || undefined;
+    const postRehydrationCallback = ((_b = options.onRehydrateStorage) == null ? void 0 : _b.call(options, (_a = get()) != null ? _a : configResult)) || void 0;
     return toThenable(storage.getItem.bind(storage))(options.name).then((deserializedStorageValue) => {
       if (deserializedStorageValue) {
         if (typeof deserializedStorageValue.version === "number" && deserializedStorageValue.version !== options.version) {
@@ -176,7 +176,7 @@ const persistImpl = (config, baseOptions) => (set, get, api) => {
           return [false, deserializedStorageValue.state];
         }
       }
-      return [false, undefined];
+      return [false, void 0];
     }).then((migrationResult) => {
       var _a2;
       const [migrated, migratedState] = migrationResult;
@@ -189,12 +189,12 @@ const persistImpl = (config, baseOptions) => (set, get, api) => {
         return setItem();
       }
     }).then(() => {
-      postRehydrationCallback == null ? undefined : postRehydrationCallback(stateFromStorage, undefined);
+      postRehydrationCallback == null ? void 0 : postRehydrationCallback(stateFromStorage, void 0);
       stateFromStorage = get();
       hasHydrated = true;
       finishHydrationListeners.forEach((cb) => cb(stateFromStorage));
     }).catch((e) => {
-      postRehydrationCallback == null ? undefined : postRehydrationCallback(undefined, e);
+      postRehydrationCallback == null ? void 0 : postRehydrationCallback(void 0, e);
     });
   };
   api.persist = {
@@ -208,7 +208,7 @@ const persistImpl = (config, baseOptions) => (set, get, api) => {
       }
     },
     clearStorage: () => {
-      storage == null ? undefined : storage.removeItem(options.name);
+      storage == null ? void 0 : storage.removeItem(options.name);
     },
     getOptions: () => options,
     rehydrate: () => hydrate(),
@@ -241,6 +241,29 @@ const useDarkMode = create()(persist((set) => ({
     storage: typeof window !== 'undefined' ? createJSONStorage(() => localStorage) : undefined,
 }));
 
+const initialState$1 = {
+    dataStreamsLoading: false,
+    dataStreams: [],
+    selectedStreamName: '',
+};
+const useDataStreamStore = create((set) => ({
+    ...initialState$1,
+    setDataStreamsLoading: (bool) => set({ dataStreamsLoading: bool }),
+    setDataStreams: (dataStreams) => set({ dataStreams }),
+    addDataStreams: (newStreams) => set((state) => {
+        const merged = [...state.dataStreams, ...newStreams];
+        const mapped = merged.map((ds) => [ds.name, ds]);
+        const uniqueByName = Array.from(new Map(mapped).values());
+        return { dataStreams: uniqueByName };
+    }),
+    removeDataStreams: (dataStreams) => set((state) => {
+        const filtered = state.dataStreams.filter((ds) => !dataStreams.find((toRemove) => toRemove.name === ds.name));
+        return { dataStreams: filtered };
+    }),
+    setSelectedStreamName: (streamName) => set({ selectedStreamName: streamName }),
+    resetDataStreamStore: () => set(initialState$1),
+}));
+
 const useDrawerStore = create((set) => ({
     drawerType: null,
     drawerEntityId: null,
@@ -553,18 +576,32 @@ const useSelectedStore = create((set) => ({
     resetSelectedState: () => set(() => ({ selectedSources: {} })),
 }));
 
-const useSetupStore = create((set) => ({
+const initialState = {
     availableSources: {},
     configuredSources: {},
     configuredFutureApps: {},
     configuredDestinations: [],
+    configuredDestinationsUpdateOnly: [],
+};
+const filterByType = (existingDest, compareDest) => existingDest.destinationType.type !== compareDest.destinationType.type;
+const useSetupStore = create((set) => ({
+    ...initialState,
     setAvailableSources: (payload) => set({ availableSources: payload }),
     setConfiguredSources: (payload) => set({ configuredSources: payload }),
     setConfiguredFutureApps: (payload) => set({ configuredFutureApps: payload }),
     setConfiguredDestinations: (payload) => set({ configuredDestinations: payload }),
     addConfiguredDestination: (payload) => set((state) => ({ configuredDestinations: [...state.configuredDestinations, payload] })),
-    removeConfiguredDestination: (payload) => set((state) => ({ configuredDestinations: state.configuredDestinations.filter(({ stored }) => stored.type !== payload.type) })),
-    resetState: () => set(() => ({ availableSources: {}, configuredSources: {}, configuredFutureApps: {}, configuredDestinations: [] })),
+    removeConfiguredDestination: (payload) => set((state) => ({ configuredDestinations: state.configuredDestinations.filter((dest) => filterByType(dest, payload)) })),
+    setConfiguredDestinationsUpdateOnly: (payload) => set({ configuredDestinationsUpdateOnly: payload }),
+    addConfiguredDestinationUpdateOnly: (payload) => set((state) => {
+        // For update-only cases, we have to prevent duplicates using the dest ID
+        const merged = [...state.configuredDestinationsUpdateOnly, payload];
+        const mapped = merged.map((d) => [d.id, d]);
+        const uniqueById = Array.from(new Map(mapped).values());
+        return { configuredDestinationsUpdateOnly: uniqueById };
+    }),
+    removeConfiguredDestinationUpdateOnly: (payload) => set((state) => ({ configuredDestinationsUpdateOnly: state.configuredDestinationsUpdateOnly.filter((dest) => filterByType(dest, payload)) })),
+    resetState: () => set(() => ({ ...initialState })),
 }));
 
 function styleInject(css, ref) {
@@ -680,4 +717,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, styleInject as s, useDarkMode as u };
+export { useDataStreamStore as a, useDrawerStore as b, useEntityStore as c, useFilterStore as d, useInstrumentStore as e, useModalStore as f, useNotificationStore as g, usePendingStore as h, useSelectedStore as i, useSetupStore as j, getEntityId as k, animations as l, styleInject as s, useDarkMode as u };

package/lib/index-Dqief9td.js

@@ -0,0 +1,20 @@
+const DESTINATION_CATEGORIES = {
+    DETECTED: {
+        TITLE: 'Detected by Odigos',
+        DESCRIPTION: 'Odigos found these destinations in your cluster and pre-filled their details. Review and enable them to start sending data.',
+    },
+    EXISTS: {
+        TITLE: 'Already configured',
+        DESCRIPTION: 'These are destinations that you have already configured in other data-streams and can reuse them.',
+    },
+    MANAGED: {
+        TITLE: 'Managed',
+        DESCRIPTION: 'Effortless monitoring with scalable performance management.',
+    },
+    SELF_HOSTED: {
+        TITLE: 'Self-hosted',
+        DESCRIPTION: 'Full control and customization for advanced application monitoring.',
+    },
+};
+
+export { DESTINATION_CATEGORIES as D };

package/lib/{data → mock-data}/sources/index.d.ts

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

package/lib/snippets/add-button/index.d.ts

@@ -0,0 +1,7 @@
+import { FC } from 'react';
+import { type ButtonProps } from '@/components';
+interface AddButtonProps extends ButtonProps {
+    label?: string;
+}
+declare const AddButton: FC<AddButtonProps>;
+export { AddButton, type AddButtonProps };

package/lib/snippets/edit-button/index.d.ts

@@ -0,0 +1,7 @@
+import { type FC } from 'react';
+import { type ButtonProps } from '@/components';
+interface EditButtonProps extends ButtonProps {
+    label?: string;
+}
+declare const EditButton: FC<EditButtonProps>;
+export { EditButton, type EditButtonProps };

package/lib/snippets/index.d.ts

@@ -0,0 +1,3 @@
+export * from './add-button/index';
+export * from './edit-button/index';
+export * from './note-back-to-summary/index';

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

@@ -0,0 +1,6 @@
+import { FC } from 'react';
+interface NoteBackToSummaryProps {
+    onClick: () => void;
+}
+declare const NoteBackToSummary: FC<NoteBackToSummaryProps>;
+export { NoteBackToSummary, type NoteBackToSummaryProps };

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

@@ -0,0 +1,9 @@
+import React from 'react';
+import type { StoryFn } from '@storybook/react';
+import { type NoteBackToSummaryProps } from '.';
+declare const _default: {
+    title: string;
+    component: React.FC<NoteBackToSummaryProps>;
+};
+export default _default;
+export declare const Default: StoryFn<NoteBackToSummaryProps>;

package/lib/snippets.js

@@ -0,0 +1,17 @@
+export { A as AddButton } from './index-C_LWKMnO.js';
+export { E as EditButton, N as NoteBackToSummary } from './index-CWufhl9G.js';
+import 'react';
+import './theme.js';
+import './index-DMXaEyAB.js';
+import './types.js';
+import 'styled-components';
+import './index-BJxaoI0G.js';
+import './index-BZS1ijMm.js';
+import './index-B6FywnIf.js';
+import './index-CFnxjzaW.js';
+import './index-DGel4E-Z.js';
+import './index-CJs4RDHU.js';
+import './index-IKusBlIE.js';
+import './useTransition-BPxqZqXu.js';
+import 'react-dom';
+import './index-CWbxXTof.js';

package/lib/store/index.d.ts

@@ -1,4 +1,5 @@
 export * from './useDarkMode';
+export * from './useDataStreamStore';
 export * from './useDrawerStore';
 export * from './useEntityStore';
 export * from './useFilterStore';

package/lib/store/useDataStreamStore.d.ts

@@ -0,0 +1,16 @@
+import type { DataStream } from '@/types';
+interface IDataStreamState {
+    dataStreamsLoading: boolean;
+    dataStreams: DataStream[];
+    selectedStreamName: string;
+}
+interface IDataStreamStateSetters {
+    setDataStreamsLoading: (bool: boolean) => void;
+    setDataStreams: (dataStreams: DataStream[]) => void;
+    addDataStreams: (dataStreams: DataStream[]) => void;
+    removeDataStreams: (dataStreams: DataStream[]) => void;
+    setSelectedStreamName: (streamName: string) => void;
+    resetDataStreamStore: () => void;
+}
+export declare const useDataStreamStore: import("zustand").UseBoundStore<import("zustand").StoreApi<IDataStreamState & IDataStreamStateSetters>>;
+export {};

package/lib/store/useSetupStore.d.ts

@@ -1,44 +1,34 @@
-import { type Destination, type DestinationFormData, DestinationTypes, type Source } from '@/types';
+import type { Destination, Source } from '@/types';
+export type AvailableSource = Pick<Source, 'name' | 'kind' | 'selected' | 'numberOfInstances'>;
 export interface AvailableSourcesByNamespace {
-    [namespace: string]: Pick<Source, 'name' | 'kind' | 'selected' | 'numberOfInstances'>[];
+    [namespace: string]: AvailableSource[];
 }
+export type SelectedSource = AvailableSource & {
+    currentStreamName: string;
+};
 export interface SourceSelectionFormData {
-    [namespace: string]: Pick<Source, 'name' | 'kind' | 'selected'>[];
+    [namespace: string]: SelectedSource[];
 }
 export interface NamespaceSelectionFormData {
     [namespace: string]: boolean;
 }
-export interface StoredSetupDestination {
-    type: DestinationTypes;
-    displayName: string;
-    category: string;
-    exportedSignals: Destination['exportedSignals'];
-    destinationTypeDetails: {
-        title: string;
-        value: string;
-    }[];
-}
 export interface ISetupState {
     availableSources: AvailableSourcesByNamespace;
     configuredSources: SourceSelectionFormData;
     configuredFutureApps: NamespaceSelectionFormData;
-    configuredDestinations: {
-        stored: StoredSetupDestination;
-        form: DestinationFormData;
-    }[];
+    configuredDestinations: Destination[];
+    configuredDestinationsUpdateOnly: Destination[];
 }
 interface ISetupStateSetters {
     setAvailableSources: (payload: ISetupState['availableSources']) => void;
     setConfiguredSources: (payload: ISetupState['configuredSources']) => void;
     setConfiguredFutureApps: (payload: ISetupState['configuredFutureApps']) => void;
     setConfiguredDestinations: (payload: ISetupState['configuredDestinations']) => void;
-    addConfiguredDestination: (payload: {
-        stored: StoredSetupDestination;
-        form: DestinationFormData;
-    }) => void;
-    removeConfiguredDestination: (payload: {
-        type: string;
-    }) => void;
+    addConfiguredDestination: (payload: Destination) => void;
+    removeConfiguredDestination: (payload: Destination) => void;
+    setConfiguredDestinationsUpdateOnly: (payload: ISetupState['configuredDestinationsUpdateOnly']) => void;
+    addConfiguredDestinationUpdateOnly: (payload: Destination) => void;
+    removeConfiguredDestinationUpdateOnly: (payload: Destination) => void;
     resetState: () => void;
 }
 export declare const useSetupStore: import("zustand").UseBoundStore<import("zustand").StoreApi<ISetupState & ISetupStateSetters>>;

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-DiTtXTRm.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-DMXaEyAB.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-DiTtXTRm.js';
+import { u as useDarkMode, l as animations } from './index-DMXaEyAB.js';
 import { ThemeProvider, useTheme } from 'styled-components';
 import './types.js';
 

package/lib/types/data-streams/index.d.ts

@@ -0,0 +1,3 @@
+export interface DataStream {
+    name: string;
+}

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

@@ -1,6 +1,6 @@
 import type { Comparison } from '@/functions';
 import type { DropdownProps } from '@/components';
-import { type Condition, FieldTypes } from '../common';
+import { type Condition, FieldTypes, SVG } from '../common';
 export declare enum DestinationTypes {
     Alauda = "alauda",
     AlibabaCloud = "alibabacloud",
@@ -67,6 +67,7 @@ export declare enum DestinationTypes {
 export interface Destination {
     id: string;
     name: string;
+    dataStreamNames: string[];
     exportedSignals: {
         traces: boolean;
         metrics: boolean;
@@ -107,6 +108,8 @@ export interface DestinationYamlProperties {
     }[];
 }
 export interface DestinationOption {
+    id?: string;
+    selected?: boolean;
     type: Destination['destinationType']['type'];
     displayName: Destination['destinationType']['displayName'];
     supportedSignals: Destination['destinationType']['supportedSignals'];
@@ -114,13 +117,15 @@ export interface DestinationOption {
     fields: DestinationYamlProperties[];
 }
 export type DestinationCategories = {
-    name: 'managed' | 'self hosted';
+    icon?: SVG;
+    name: string;
     description: string;
     items: DestinationOption[];
 }[];
 export interface DestinationFormData {
     type: Destination['destinationType']['type'];
     name: Destination['destinationType']['displayName'];
+    currentStreamName: string;
     exportedSignals: Destination['exportedSignals'];
     fields: {
         key: string;
@@ -138,4 +143,11 @@ export interface DestinationDynamicField {
     placeholder?: string;
     options?: DropdownProps['options'];
 }
+export interface TestConnectionResponse {
+    succeeded: boolean;
+    message: string;
+    reason: string;
+    destinationType?: DestinationTypes;
+}
+export type TestConnectionFunc = (payload: DestinationFormData) => Promise<TestConnectionResponse | undefined>;
 export {};

package/lib/types/index.d.ts

@@ -2,6 +2,7 @@ export * from './actions';
 export * from './common';
 export * from './connection';
 export * from './data-flow';
+export * from './data-streams';
 export * from './describe';
 export * from './destinations';
 export * from './instrumentation-rules';

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

@@ -4,3 +4,16 @@ export interface Namespace {
     selected: boolean;
     sources?: Source[];
 }
+export type FetchSingleNamespace = (payload: {
+    variables: {
+        namespaceName: string;
+    };
+}) => Promise<{
+    loading: boolean;
+    error?: string;
+    data?: {
+        computePlatform?: {
+            k8sActualNamespace?: Namespace;
+        };
+    };
+}>;

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

@@ -1,3 +1,4 @@
+import { SelectedSource } from '@/store';
 import { type Condition, ProgrammingLanguages } from '../common';
 export declare enum K8sResourceKind {
     Deployment = "Deployment",
@@ -13,6 +14,7 @@ export interface Source extends WorkloadId {
     selected: boolean;
     otelServiceName: string;
     numberOfInstances?: number;
+    dataStreamNames: string[];
     containers: {
         containerName: string;
         language: ProgrammingLanguages;
@@ -25,9 +27,10 @@ export interface Source extends WorkloadId {
 }
 export interface SourceFormData {
     otelServiceName: string;
+    currentStreamName: string;
 }
 export type PersistSources = (selectAppsList: {
-    [namespace: string]: Pick<Source, 'name' | 'kind' | 'selected'>[];
+    [namespace: string]: SelectedSource[];
 }, futureSelectAppsList: {
     [namespace: string]: boolean;
 }) => void;