@odigos/ui-kit 0.0.34 → 0.0.36

package/lib/theme/palletes/index.d.ts

@@ -1,105 +1,2 @@
-declare const darkModeTheme: {
-    darkMode: boolean;
-    colors: {
-        primary: string;
-        secondary: string;
-        border: string;
-        dark_grey: string;
-        translucent_bg: string;
-        dropdown_bg: string;
-        dropdown_bg_2: string;
-        warning: string;
-        error: string;
-        success: string;
-        info: string;
-        default: string;
-        majestic_blue: string;
-        majestic_blue_soft: string;
-        orange_og: string;
-        orange_soft: string;
-        dark_red: string;
-        darker_red: string;
-        darkest_red: string;
-        darkest_red_hover: string;
-        dark_green: string;
-    };
-    text: {
-        white: string;
-        primary: string;
-        secondary: string;
-        grey: string;
-        dark_grey: string;
-        darker_grey: string;
-        light_grey: string;
-        dark_button: string;
-        warning: string;
-        warning_secondary: string;
-        error: string;
-        error_secondary: string;
-        success: string;
-        success_secondary: string;
-        info: string;
-        info_secondary: string;
-        default: string;
-        default_secondary: string;
-    };
-    font_family: {
-        primary: string;
-        secondary: string;
-        code: string;
-    };
-};
-declare const lightModeTheme: {
-    darkMode: boolean;
-    colors: {
-        primary: string;
-        secondary: string;
-        border: string;
-        dark_grey: string;
-        translucent_bg: string;
-        dropdown_bg: string;
-        dropdown_bg_2: string;
-        warning: string;
-        error: string;
-        success: string;
-        info: string;
-        default: string;
-        majestic_blue: string;
-        majestic_blue_soft: string;
-        orange_og: string;
-        orange_soft: string;
-        dark_red: string;
-        darker_red: string;
-        darkest_red: string;
-        darkest_red_hover: string;
-        dark_green: string;
-    };
-    text: {
-        white: string;
-        primary: string;
-        secondary: string;
-        grey: string;
-        dark_grey: string;
-        darker_grey: string;
-        light_grey: string;
-        dark_button: string;
-        warning: string;
-        warning_secondary: string;
-        error: string;
-        error_secondary: string;
-        success: string;
-        success_secondary: string;
-        info: string;
-        info_secondary: string;
-        default: string;
-        default_secondary: string;
-    };
-    font_family: {
-        primary: string;
-        secondary: string;
-        code: string;
-    };
-};
-export type ITheme = typeof darkModeTheme & typeof lightModeTheme;
-export declare const getTheme: (darkMode: boolean) => ITheme;
-export {};
+import { DefaultTheme } from 'styled-components';
+export declare const getTheme: (darkMode: boolean) => DefaultTheme;

package/lib/theme.js

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

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

@@ -85,6 +85,12 @@ export declare enum StatusType {
     Info = "info",
     Default = "default"
 }
+export declare enum IntrumentationStatus {
+    INSTRUMNETED = "Instrumented",
+    INSTRUMENTING = "Instrumenting",
+    UNINSTRUMENTED = "Uninstrumented",
+    NOT_INSTRUMENTED = "Not Instrumented"
+}
 export declare enum OtherStatus {
     Loading = "loading",
     Disabled = "disabled"

package/lib/types.js

@@ -156,6 +156,13 @@ var StatusType;
     StatusType["Info"] = "info";
     StatusType["Default"] = "default";
 })(StatusType || (StatusType = {}));
+var IntrumentationStatus;
+(function (IntrumentationStatus) {
+    IntrumentationStatus["INSTRUMNETED"] = "Instrumented";
+    IntrumentationStatus["INSTRUMENTING"] = "Instrumenting";
+    IntrumentationStatus["UNINSTRUMENTED"] = "Uninstrumented";
+    IntrumentationStatus["NOT_INSTRUMENTED"] = "Not Instrumented";
+})(IntrumentationStatus || (IntrumentationStatus = {}));
 var OtherStatus;
 (function (OtherStatus) {
     OtherStatus["Loading"] = "loading";
@@ -299,4 +306,4 @@ var K8sResourceKind;
     K8sResourceKind["StatefulSet"] = "StatefulSet";
 })(K8sResourceKind || (K8sResourceKind = {}));
 
-export { ActionCategory, ActionKeyTypes, ActionType, AddNodeTypes, BooleanOperation, CodeAttributesKeyTypes, Crud, DestinationTypes, EdgeTypes, EntityTypes, FieldTypes, HeadersCollectionKeyTypes, InputTypes, InstrumentationRuleType, JsonOperation, K8sResourceKind, NodeTypes, NumberOperation, OtherStatus, PayloadCollectionKeyTypes, PlatformType, ProgrammingLanguages, SignalType, SortDirection, StatusType, StringOperation, Tier };
+export { ActionCategory, ActionKeyTypes, ActionType, AddNodeTypes, BooleanOperation, CodeAttributesKeyTypes, Crud, DestinationTypes, EdgeTypes, EntityTypes, FieldTypes, HeadersCollectionKeyTypes, InputTypes, InstrumentationRuleType, IntrumentationStatus, JsonOperation, K8sResourceKind, NodeTypes, NumberOperation, OtherStatus, PayloadCollectionKeyTypes, PlatformType, ProgrammingLanguages, SignalType, SortDirection, StatusType, StringOperation, Tier };

package/lib/{useSourceSelectionFormData-DBNf1uEe.js → useSourceSelectionFormData-CH2xUOpu.js}

@@ -1,11 +1,10 @@
 import { ActionKeyTypes, ActionType, StatusType, AddNodeTypes, EntityTypes, FieldTypes } from './types.js';
-import { g as useNotificationStore, f as useModalStore, b as useDrawerStore, c as useEntityStore, a as useDataStreamStore, j as useSetupStore } from './index-DJGe2YeC.js';
-import { F as FORM_ALERTS } from './index-mOgS3e5E.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-aRNtyuuU.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-dZ92VxT2.js';
-import { g as getIdFromSseTarget, i as isLegalK8sLabel } from './index-CnZlllYu.js';
+import { b as useGenericForm } from './useTransition-0Rz0QKmh.js';
+import { g as getIdFromSseTarget, i as isLegalK8sLabel, m as mapExportedSignals } from './index-BlZKWuxe.js';
 
 const INITIAL$2 = {
     // @ts-ignore (TS complains about empty string because we expect an "ActionsType", but it's fine)
@@ -348,19 +347,24 @@ const useDestinationFormData = (params) => {
         }
     }, [yamlFields, preLoadedFields]);
     useEffect(() => {
-        handleFormChange('fields', dynamicFields.map((field) => ({
-            key: field.name,
-            value: field.value,
-        })));
+        if (dynamicFields) {
+            const mapped = dynamicFields.map((field) => ({
+                key: field.name,
+                value: field.value,
+            }));
+            handleFormChange('fields', mapped);
+        }
     }, [dynamicFields]);
     useEffect(() => {
-        const { logs, metrics, traces } = supportedSignals || {};
-        handleFormChange('exportedSignals', {
-            logs: logs?.supported || false,
-            metrics: metrics?.supported || false,
-            traces: traces?.supported || false,
-        });
-    }, [supportedSignals]);
+        if (supportedSignals && mapExportedSignals(formData.exportedSignals).length === 0) {
+            const { logs, metrics, traces } = supportedSignals;
+            handleFormChange('exportedSignals', {
+                logs: logs.supported,
+                metrics: metrics.supported,
+                traces: traces.supported,
+            });
+        }
+    }, [supportedSignals, formData]);
     const validateForm = (params) => {
         const errors = {};
         let ok = true;
@@ -406,6 +410,20 @@ const useDestinationFormData = (params) => {
     };
 };
 
+const useSessionStorage = () => {
+    const getItemSS = (key, defaultValue) => {
+        const item = sessionStorage.getItem(key);
+        return item ? safeJsonParse(item, defaultValue) : defaultValue;
+    };
+    const setItemSS = (key, value) => {
+        sessionStorage.setItem(key, JSON.stringify(value));
+    };
+    const removeItemSS = (key) => {
+        sessionStorage.removeItem(key);
+    };
+    return { getItemSS, setItemSS, removeItemSS };
+};
+
 const INITIAL = {
     otelServiceName: '',
     currentStreamName: '',
@@ -604,4 +622,4 @@ const useSourceSelectionFormData = (params) => {
     };
 };
 
-export { useClickNode as a, useClickNotification as b, useDataStreamFormData as c, useDestinationFormData as d, useSourceFormData as e, useSourceSelectionFormData as f, useActionFormData as u };
+export { useClickNode as a, useClickNotification as b, useDataStreamFormData as c, useDestinationFormData as d, useSessionStorage as e, useSourceFormData as f, useSourceSelectionFormData as g, useActionFormData as u };

package/lib/{useTransition-dZ92VxT2.js → useTransition-0Rz0QKmh.js}

@@ -1,5 +1,5 @@
 import React, { useState, useRef, useEffect, useCallback } from 'react';
-import { g as useNotificationStore } from './index-DJGe2YeC.js';
+import { g as useNotificationStore } from './index-aRNtyuuU.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.34",
+  "version": "0.0.36",
   "author": "Odigos",
   "repository": {
     "type": "git",
@@ -73,15 +73,15 @@
     }
   },
   "peerDependencies": {
-    "@xyflow/react": "^12.5.5",
+    "@xyflow/react": "^12.6.4",
     "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": "^5.0.0",
-    "styled-components": "6.1.15",
-    "zustand": "^5.0.3"
+    "react-error-boundary": "^6.0.0",
+    "styled-components": "6.1.18",
+    "zustand": "^5.0.5"
   },
   "dependencies": {
     "@xyflow/react": "^12.6.4",
@@ -91,38 +91,35 @@
     "react": "^19.1.0",
     "react-dom": "^19.1.0",
     "react-error-boundary": "^6.0.0",
-    "styled-components": "6.1.15",
+    "styled-components": "6.1.18",
     "zustand": "^5.0.5"
   },
   "devDependencies": {
-    "@babel/core": "^7.27.1",
+    "@babel/core": "^7.27.4",
     "@babel/preset-env": "^7.27.2",
     "@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-json": "^6.1.0",
     "@rollup/plugin-node-resolve": "^16.0.1",
     "@storybook/addon-essentials": "^8.6.14",
     "@storybook/addon-webpack5-compiler-babel": "^3.0.6",
-    "@storybook/react": "^8.6.14",
-    "@storybook/react-webpack5": "^8.6.14",
-    "@types/node": "^22.15.21",
-    "@types/react": "^19.1.5",
-    "@types/react-dom": "^19.1.5",
-    "@types/react-lottie": "^1.2.10",
-    "@typescript-eslint/eslint-plugin": "^8.32.1",
-    "@typescript-eslint/parser": "^8.32.1",
+    "@storybook/react": "^9.0.4",
+    "@storybook/react-webpack5": "^9.0.4",
+    "@types/node": "^22.15.29",
+    "@types/react": "^19.1.6",
+    "@types/react-dom": "^19.1.6",
     "babel-loader": "^10.0.0",
     "babel-plugin-styled-components": "^2.1.4",
-    "eslint": "^9.27.0",
-    "eslint-plugin-react": "^7.37.5",
-    "eslint-plugin-storybook": "^0.12.0",
-    "html-webpack-plugin": "^5.6.3",
-    "postcss": "^8.5.3",
+    "eslint": "^9.28.0",
+    "eslint-config-next": "^15.3.3",
+    "next": "^15.3.3",
+    "postcss": "^8.5.4",
     "rollup": "^4.41.1",
     "rollup-plugin-postcss": "^4.0.2",
     "rollup-plugin-typescript2": "^0.36.0",
-    "storybook": "^8.6.14",
+    "storybook": "^9.0.4",
     "typescript": "^5.8.3"
   }
 }

package/lib/index-mOgS3e5E.js

@@ -1,101 +0,0 @@
-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 "/"',
-    READONLY_WARNING: "You're not allowed to create/update/delete in readonly mode",
-    ILLEGAL_K8S_LABEL: 'Must be 63 characters or less, must consist of alphanumeric characters, "-", "_", or ".", and must start & end with an alphanumeric character (e.g., my-name, 123.abc).',
-};
-const DISPLAY_TITLES = {
-    NAMESPACE: 'Namespace',
-    NAME: 'Name',
-    KIND: 'Kind',
-    CONNECTION: 'Connection',
-    CONNECTIONS: 'Connections',
-    DATA_STREAM: 'Data Stream',
-    DATA_STREAMS: 'Data Streams',
-    STREAM_NAME: 'Data Stream Name',
-    NAME_YOUR_STREAM: 'Name your Data Stream',
-    NAME_YOUR_STREAM_PLACEHOLDER: 'e.g. Highest priority',
-    STREAM_DESCRIPTION: 'Provide a clear and descriptive name for your pipeline to ensure its purpose is easily understood by you and your team.',
-    STREAM_CONFIRM: 'Confirm your new Data Stream',
-    ACTION: 'Action',
-    ACTIONS: 'Actions',
-    ADD_ACTION: 'Add Action',
-    ACTION_DETAILS: 'Action Details',
-    INSTRUMENTATION_RULE: 'Instrumentation Rule',
-    INSTRUMENTATION_RULES: 'Instrumentation Rules',
-    ADD_INSTRUMENTATION_RULE: 'Add Instrumentation Rule',
-    INSTRUMENTATION_RULE_DETAILS: 'Instrumentation Rule Details',
-    DESTINATION: 'Destination',
-    DESTINATIONS: 'Destinations',
-    ADD_DESTINATION: 'Add Destination',
-    ADD_DESTINATIONS: 'Add Destinations',
-    ADD_DESTINATION_DESCRIPTION: 'Add a destination to send your telemetry data to. You can add multiple destinations.',
-    DESTINATION_DETAILS: 'Destination Details',
-    SELECTED_DESTINATIONS: 'Selected Destinations',
-    SOURCE: 'Source',
-    SOURCES: 'Sources',
-    ADD_SOURCE: 'Add Source',
-    SOURCE_DETAILS: 'Source Details',
-    SELECT_SOURCES: 'Select Sources',
-    SELECTED_SOURCES: 'Selected Sources',
-    SELECT_SOURCES_DESCRIPTION: 'Select apps to monitor in each namespace. Odigos will instrument them and send telemetry data to your destinations.',
-    NO_SOURCES: 'No sources',
-    NO_SOURCES_GO_BACK: 'No sources selected. Please go back to select sources.',
-    PLEASE_ADD_SOURCE: 'Please add a source',
-    NO_SOURCES_NAMESPACE: 'No sources available in this namespace',
-    TRY_SEARCH_OR_OTHER_NAMESPACE: 'Try searching again or select another namespace.',
-    PLEASE_MAKE_SURE_UNIGNORED_NAMESPACES: 'Please make sure your cluster has unignored namespaces',
-    INSTALLATION: 'Installation',
-    SUMMARY: 'Summary',
-    TYPE: 'Type',
-    NOTES: 'Notes',
-    STATUS: 'Status',
-    READONLY: 'Readonly',
-    LANGUAGE: 'Language',
-    MONITORS: 'Monitors',
-    SIGNALS_FOR_PROCESSING: 'Signals for Processing',
-    MANAGED_BY_PROFILE: 'Managed by Profile',
-    API_TOKEN: 'API Token',
-    API_TOKENS: 'API Tokens',
-    DESCRIBE_ODIGOS: 'Describe Odigos',
-    DESCRIBE_SOURCE: 'Describe Source',
-    DETECTED_CONTAINERS: 'Detected Containers',
-    DETECTED_CONTAINERS_DESCRIPTION: 'The system automatically instruments the containers it detects with a supported programming language.',
-    CONTAINER_NAME: 'Container Name',
-    FILTERED_COUNT_TOOLTIP: 'Represents filtered amount, out of total amount',
-    SEARCH_NAMESPACES: 'Search Namespaces',
-    SHOW_SELECTED_ONLY: 'Show selected only',
-    TO_COLLECT_OTEL_DATA: 'To collect OpenTelemetry data',
-    TO_MONITOR_OTEL_DATA: 'To monitor OpenTelemetry data',
-    TO_MODIFY_OTEL_DATA: 'To modify OpenTelemetry data',
-    QUICK_BACK_TO_SUMMARY: 'When you finish editing you can quickly go back to the summary.',
-    GO_TO_SUMMARY: 'Go to summary',
-};
-const BUTTON_TEXTS = {
-    ADD: 'Add',
-    ADD_NEW: 'Add New',
-    NEW: 'New',
-    SELECT: 'Select',
-    CREATE: 'Create',
-    UPDATE: 'Update',
-    EDIT: 'Edit',
-    DELETE: 'Delete',
-    CANCEL: 'Cancel',
-    DONE: 'Done',
-    SAVE: 'Save',
-    BACK: 'Back',
-    NEXT: 'Next',
-    TEST: 'Test',
-    TEST_CONNECTION: 'Test Connection',
-    INSTRUMENT: 'Instrument',
-    UNINSTRUMENT: 'Uninstrument',
-};
-
-export { BUTTON_TEXTS as B, DEFAULT_DATA_STREAM_NAME as D, FORM_ALERTS as F, DISPLAY_TITLES as a };