@odigos/ui-kit 0.0.31 → 0.0.33

package/lib/{index-BGK1nMOD.js → index-CaAOgaiC.js}

@@ -1,7 +1,7 @@
 import React from 'react';
-import { _ as WarningModal } from './index-nltUpkWT.js';
+import { _ as WarningModal } from './index-BedCNcwV.js';
 import { StatusType, EntityTypes } from './types.js';
-import './index-DMXaEyAB.js';
+import './index-CVH8Q8Sl.js';
 import 'styled-components';
 
 const CancelWarning = ({ isOpen, noOverlay, name, onApprove, onDeny }) => {

package/lib/{index-7-KCQK-x.js → index-CnZlllYu.js}

@@ -19,4 +19,13 @@ const getIdFromSseTarget = (target, type) => {
     }
 };
 
-export { getIdFromSseTarget as g };
+const isLegalK8sLabel = (name) => {
+    if (!name)
+        return false;
+    if (name.length > 63)
+        return false;
+    const regex = /^(([A-Za-z0-9][-A-Za-z0-9_.]*)?[A-Za-z0-9])?$/;
+    return regex.test(name);
+};
+
+export { getIdFromSseTarget as g, isLegalK8sLabel as i };

package/lib/{index-IKusBlIE.js → index-Do3CYz7N.js}

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

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

@@ -1,11 +1,12 @@
 import { StatusType, OtherStatus, DestinationTypes, EntityTypes, PlatformType } from './types.js';
-import { a as getProgrammingLanguageIcon } from './index-CJs4RDHU.js';
+import { K as K8sLogo } from './index-CVH8Q8Sl.js';
+import { D as DEFAULT_DATA_STREAM_NAME } from './index-mOgS3e5E.js';
+import { a as getProgrammingLanguageIcon } from './index-B_Gl6Qa6.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-BbbCCewR.js';
-import { K as KafkaLogo, O as OdigosLogo } from './index-IKusBlIE.js';
-import { K as K8sLogo } from './index-DGel4E-Z.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-1N9wymEq.js';
+import { K as KafkaLogo, O as OdigosLogo } from './index-Do3CYz7N.js';
+import { s as safeJsonParse } from './index-BV85P9UP.js';
 
 const compareCondition = (renderCondition, fields) => {
     if (!renderCondition || !renderCondition.length)
@@ -84,7 +85,7 @@ const filterSourcesByStream = (sources, streamName) => {
     // if no stream is selected, return nothing (to prevent glitchy rendering)
     if (!streamName)
         return [];
-    return sources.filter((source) => source.dataStreamNames.includes(streamName));
+    return sources.filter((source) => source.dataStreamNames.includes(streamName) || (streamName === DEFAULT_DATA_STREAM_NAME && !source.dataStreamNames.length));
 };
 
 const formatBytes = (bytes) => {
@@ -287,12 +288,46 @@ const getWorkloadId = ({ namespace, name, kind }) => {
     return { namespace, name, kind };
 };
 
+const getYamlFieldsForDestination = (categories, destination) => {
+    const fields = [];
+    const parsedCategories = JSON.parse(JSON.stringify(categories));
+    for (const category of parsedCategories) {
+        const autoFilledFields = safeJsonParse(destination.fields, {});
+        const idx = category.items.findIndex((item) => item.type === destination.destinationType.type);
+        if (idx !== -1) {
+            fields.push(...category.items[idx].fields.map((field) => ({
+                ...field,
+                initialValue: autoFilledFields[field.name],
+            })));
+        }
+    }
+    return fields;
+};
+
 const isOverTime = (originDate, difference = 0) => {
     const now = new Date().getTime();
     const compareWith = new Date(originDate).getTime();
     return compareWith - now <= difference;
 };
 
+const mapDestinationFieldsForDisplay = (destination, yamlFields) => {
+    const parsedFields = safeJsonParse(destination.fields, {});
+    if (!yamlFields.length) {
+        return Object.entries(parsedFields).map(([key, value]) => ({
+            key,
+            name: key,
+            value,
+        }));
+    }
+    return yamlFields
+        .map((field) => ({
+        key: field.name,
+        name: field.displayName || field.name,
+        value: parsedFields[field.name] ?? null,
+    }))
+        .filter((item) => item.value !== null);
+};
+
 const mapExportedSignals = (exportedSignals) => {
     if (!exportedSignals)
         return [];
@@ -301,4 +336,4 @@ const mapExportedSignals = (exportedSignals) => {
 
 const sleep = async (ms = 1000) => new Promise((resolve) => setTimeout(resolve, ms));
 
-export { filterDestinations as a, filterDestinationsByStream as b, compareCondition as c, deepClone as d, filterSources as e, filterActions as f, filterSourcesByStream as g, formatBytes as h, getConditionsBooleans as i, getContainersInstrumentedCount as j, getContainersIcons as k, getDestinationIcon as l, getEntityIcon as m, getEntityLabel as n, getMetricForEntity as o, getPlatformIcon as p, getPlatformLabel as q, getValueForRange as r, getWorkloadId as s, isOverTime as t, mapExportedSignals as u, sleep as v };
+export { filterDestinations as a, filterDestinationsByStream as b, compareCondition as c, deepClone as d, filterSources as e, filterActions as f, filterSourcesByStream as g, formatBytes as h, getConditionsBooleans as i, getContainersInstrumentedCount as j, getContainersIcons as k, getDestinationIcon as l, getEntityIcon as m, getEntityLabel as n, getMetricForEntity as o, getPlatformIcon as p, getPlatformLabel as q, getValueForRange as r, getWorkloadId as s, getYamlFieldsForDestination as t, isOverTime as u, mapDestinationFieldsForDisplay as v, mapExportedSignals as w, sleep as x };

package/lib/{index-CamnKrev.js → index-f8FRaVkE.js}

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

package/lib/index-mOgS3e5E.js

@@ -0,0 +1,101 @@
+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 };

package/lib/snippets.js

@@ -1,17 +1,14 @@
-export { A as AddButton } from './index-nltUpkWT.js';
-export { E as EditButton, N as NoteBackToSummary } from './index-B46Mcu9H.js';
+export { A as AddButton } from './index-BedCNcwV.js';
+export { E as EditButton, N as NoteBackToSummary } from './index-BjVl4-os.js';
 import 'react';
-import './theme.js';
-import './index-DMXaEyAB.js';
+import './index-CVH8Q8Sl.js';
 import './types.js';
 import 'styled-components';
-import './index-BJxaoI0G.js';
-import './index-BZS1ijMm.js';
-import './index-DGuOxbBR.js';
-import './index-CFnxjzaW.js';
-import './index-DGel4E-Z.js';
-import './index-CJs4RDHU.js';
-import './index-IKusBlIE.js';
-import './useTransition-B65KBqdK.js';
+import './index-CNfdJ1X8.js';
+import './index-BV85P9UP.js';
+import './index-mOgS3e5E.js';
+import './index-B_Gl6Qa6.js';
+import './index-Do3CYz7N.js';
+import './useTransition-B0eagOib.js';
 import 'react-dom';
-import './index-CWbxXTof.js';
+import './index-BQQZyvRz.js';

package/lib/store.js

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

package/lib/theme.js

@@ -1,234 +1,4 @@
-import React from 'react';
-import { u as useDarkMode, l as animations } from './index-DMXaEyAB.js';
-import { ThemeProvider, useTheme } from 'styled-components';
+export { T as default } from './index-CVH8Q8Sl.js';
+import 'styled-components';
+import 'react';
 import './types.js';
-
-const baseTheme = {
-    colors: {
-        // Custom Colors
-        majestic_blue: '#444AD9',
-        majestic_blue_soft: '#6C7AE8',
-        orange_og: '#FE9239',
-        orange_soft: '#FFB160',
-        dark_red: '#802828',
-        darker_red: '#611F1F',
-        darkest_red: '#281515',
-        darkest_red_hover: '#351515',
-        dark_green: '#2D4323',
-    },
-    font_family: {
-        primary: 'Inter, sans-serif',
-        secondary: 'Kode Mono, sans-serif',
-        code: 'IBM Plex Mono, monospace',
-    },
-};
-const darkModeTheme = {
-    darkMode: true,
-    colors: {
-        ...baseTheme.colors,
-        // Base Colors
-        primary: '#111111',
-        secondary: '#F9F9F9',
-        border: '#525252',
-        dark_grey: '#151515',
-        translucent_bg: '#1A1A1A',
-        dropdown_bg: '#242424',
-        dropdown_bg_2: '#333333',
-        // Notification Colors
-        warning: '#472300',
-        error: '#431919',
-        success: '#172013',
-        info: '#242424',
-        default: '#181944',
-    },
-    text: {
-        // Base Colors
-        white: '#FFFFFF',
-        primary: '#111111',
-        secondary: '#F9F9F9',
-        grey: '#B8B8B8',
-        dark_grey: '#8F8F8F',
-        darker_grey: '#7A7A7A',
-        light_grey: '#CCD0D2',
-        dark_button: '#0A1824',
-        // Notification Colors
-        warning: '#E9CF35',
-        warning_secondary: '#FFA349',
-        error: '#EF7676',
-        error_secondary: '#DB5151',
-        success: '#81AF65',
-        success_secondary: '#51DB51',
-        info: '#B8B8B8',
-        info_secondary: '#CCDDDD',
-        default: '#AABEF7',
-        default_secondary: '#8CBEFF',
-    },
-    font_family: baseTheme.font_family,
-};
-const lightModeTheme = {
-    darkMode: false,
-    colors: {
-        ...baseTheme.colors,
-        // Base Colors
-        primary: '#EEEEEE',
-        secondary: '#060606',
-        border: '#ADADAD',
-        dark_grey: '#EAEAEA',
-        translucent_bg: '#E5E5E5',
-        dropdown_bg: '#DBDBDB',
-        dropdown_bg_2: '#CCCCCC',
-        // Notification Colors
-        warning: '#F6F092',
-        error: '#FACECE',
-        success: '#C8DEB8',
-        info: '#E0E0E0',
-        default: '#CAD9FB',
-    },
-    text: {
-        // Base Colors
-        white: '#FFFFFF',
-        primary: '#EEEEEE',
-        secondary: '#060606',
-        grey: '#474747',
-        dark_grey: '#707070',
-        darker_grey: '#858585',
-        light_grey: '#332F2D',
-        dark_button: '#F5E7DB',
-        // Notification Colors
-        warning: '#A56F12',
-        warning_secondary: '#CA9416',
-        error: '#B63A3A',
-        error_secondary: '#DB5151',
-        success: '#4E763A',
-        success_secondary: '#67964C',
-        info: '#525252',
-        info_secondary: '#7A7A7A',
-        default: '#444AD9',
-        default_secondary: '#6C7AE8',
-    },
-    font_family: baseTheme.font_family,
-};
-const getTheme = (darkMode) => (darkMode ? darkModeTheme : lightModeTheme);
-
-const Provider = ({ children }) => {
-    const { darkMode } = useDarkMode();
-    return React.createElement(ThemeProvider, { theme: getTheme(darkMode) }, children);
-};
-
-const hex = {
-    '100': 'FF',
-    '099': 'FC',
-    '098': 'FA',
-    '097': 'F7',
-    '096': 'F5',
-    '095': 'F2',
-    '094': 'F0',
-    '093': 'ED',
-    '092': 'EB',
-    '091': 'E8',
-    '090': 'E6',
-    '089': 'E3',
-    '088': 'E0',
-    '087': 'DE',
-    '086': 'DB',
-    '085': 'D9',
-    '084': 'D6',
-    '083': 'D4',
-    '082': 'D1',
-    '081': 'CF',
-    '080': 'CC',
-    '079': 'C9',
-    '078': 'C7',
-    '077': 'C4',
-    '076': 'C2',
-    '075': 'BF',
-    '074': 'BD',
-    '073': 'BA',
-    '072': 'B8',
-    '071': 'B5',
-    '070': 'B3',
-    '069': 'B0',
-    '068': 'AD',
-    '067': 'AB',
-    '066': 'A8',
-    '065': 'A6',
-    '064': 'A3',
-    '063': 'A1',
-    '062': '9E',
-    '061': '9C',
-    '060': '99',
-    '059': '96',
-    '058': '94',
-    '057': '91',
-    '056': '8F',
-    '055': '8C',
-    '054': '8A',
-    '053': '87',
-    '052': '85',
-    '051': '82',
-    '050': '80',
-    '049': '7D',
-    '048': '7A',
-    '047': '78',
-    '046': '75',
-    '045': '73',
-    '044': '70',
-    '043': '6E',
-    '042': '6B',
-    '041': '69',
-    '040': '66',
-    '039': '63',
-    '038': '61',
-    '037': '5E',
-    '036': '5C',
-    '035': '59',
-    '034': '57',
-    '033': '54',
-    '032': '52',
-    '031': '4F',
-    '030': '4D',
-    '029': '4A',
-    '028': '47',
-    '027': '45',
-    '026': '42',
-    '025': '40',
-    '024': '3D',
-    '023': '3B',
-    '022': '38',
-    '021': '36',
-    '020': '33',
-    '019': '30',
-    '018': '2E',
-    '017': '2B',
-    '016': '29',
-    '015': '26',
-    '014': '24',
-    '013': '21',
-    '012': '1F',
-    '011': '1C',
-    '010': '1A',
-    '009': '17',
-    '008': '14',
-    '007': '12',
-    '006': '0F',
-    '005': '0D',
-    '004': '0A',
-    '003': '08',
-    '002': '05',
-    '001': '03',
-    '000': '00',
-};
-
-var opacity = /*#__PURE__*/Object.freeze({
-  __proto__: null,
-  hex: hex
-});
-
-const Theme = {
-    Provider,
-    useTheme: useTheme,
-    opacity,
-    animations,
-};
-
-export { Theme as default };

package/lib/types/instrumentation-rules/index.d.ts

@@ -1,8 +1,9 @@
 import type { SVG } from '../common';
 import type { WorkloadId } from '../sources';
 export declare enum InstrumentationRuleType {
-    PayloadCollection = "PayloadCollection",
     CodeAttributes = "CodeAttributes",
+    HeadersCollection = "HeadersCollection",
+    PayloadCollection = "PayloadCollection",
     UnknownType = "UnknownType"
 }
 export interface InstrumentationRule {
@@ -18,8 +19,31 @@ export interface InstrumentationRule {
         language: string;
         library: string;
     }[] | null;
-    payloadCollection?: PayloadCollection | null;
     codeAttributes?: CodeAttributes | null;
+    headersCollection?: HeadersCollection | null;
+    payloadCollection?: PayloadCollection | null;
+}
+export declare enum CodeAttributesKeyTypes {
+    Column = "column",
+    FilePath = "filePath",
+    Function = "function",
+    LineNumber = "lineNumber",
+    Namespace = "namespace",
+    StackTrace = "stacktrace"
+}
+export interface CodeAttributes {
+    [CodeAttributesKeyTypes.Column]?: boolean | null;
+    [CodeAttributesKeyTypes.FilePath]?: boolean | null;
+    [CodeAttributesKeyTypes.Function]?: boolean | null;
+    [CodeAttributesKeyTypes.LineNumber]?: boolean | null;
+    [CodeAttributesKeyTypes.Namespace]?: boolean | null;
+    [CodeAttributesKeyTypes.StackTrace]?: boolean | null;
+}
+export declare enum HeadersCollectionKeyTypes {
+    HeaderKeys = "headerKeys"
+}
+export interface HeadersCollection {
+    [HeadersCollectionKeyTypes.HeaderKeys]?: string[] | null;
 }
 interface HttpPayloadCollection {
     mimeTypes?: string[] | null;
@@ -46,22 +70,6 @@ export interface PayloadCollection {
     [PayloadCollectionKeyTypes.DbQuery]?: DbQueryPayloadCollection | null;
     [PayloadCollectionKeyTypes.Messaging]?: MessagingPayloadCollection | null;
 }
-export declare enum CodeAttributesKeyTypes {
-    Column = "column",
-    FilePath = "filePath",
-    Function = "function",
-    LineNumber = "lineNumber",
-    Namespace = "namespace",
-    StackTrace = "stacktrace"
-}
-export interface CodeAttributes {
-    [CodeAttributesKeyTypes.Column]?: boolean | null;
-    [CodeAttributesKeyTypes.FilePath]?: boolean | null;
-    [CodeAttributesKeyTypes.Function]?: boolean | null;
-    [CodeAttributesKeyTypes.LineNumber]?: boolean | null;
-    [CodeAttributesKeyTypes.Namespace]?: boolean | null;
-    [CodeAttributesKeyTypes.StackTrace]?: boolean | null;
-}
 export interface InstrumentationRuleOption {
     type: InstrumentationRuleType;
     icon: SVG;

package/lib/types.js

@@ -199,17 +199,11 @@ var DestinationTypes;
 
 var InstrumentationRuleType;
 (function (InstrumentationRuleType) {
-    InstrumentationRuleType["PayloadCollection"] = "PayloadCollection";
     InstrumentationRuleType["CodeAttributes"] = "CodeAttributes";
+    InstrumentationRuleType["HeadersCollection"] = "HeadersCollection";
+    InstrumentationRuleType["PayloadCollection"] = "PayloadCollection";
     InstrumentationRuleType["UnknownType"] = "UnknownType";
 })(InstrumentationRuleType || (InstrumentationRuleType = {}));
-var PayloadCollectionKeyTypes;
-(function (PayloadCollectionKeyTypes) {
-    PayloadCollectionKeyTypes["HttpRequest"] = "httpRequest";
-    PayloadCollectionKeyTypes["HttpResponse"] = "httpResponse";
-    PayloadCollectionKeyTypes["DbQuery"] = "dbQuery";
-    PayloadCollectionKeyTypes["Messaging"] = "messaging";
-})(PayloadCollectionKeyTypes || (PayloadCollectionKeyTypes = {}));
 // Code Attributes for Instrumentation Rules
 var CodeAttributesKeyTypes;
 (function (CodeAttributesKeyTypes) {
@@ -220,6 +214,18 @@ var CodeAttributesKeyTypes;
     CodeAttributesKeyTypes["Namespace"] = "namespace";
     CodeAttributesKeyTypes["StackTrace"] = "stacktrace";
 })(CodeAttributesKeyTypes || (CodeAttributesKeyTypes = {}));
+// Code Attributes for Instrumentation Rules
+var HeadersCollectionKeyTypes;
+(function (HeadersCollectionKeyTypes) {
+    HeadersCollectionKeyTypes["HeaderKeys"] = "headerKeys";
+})(HeadersCollectionKeyTypes || (HeadersCollectionKeyTypes = {}));
+var PayloadCollectionKeyTypes;
+(function (PayloadCollectionKeyTypes) {
+    PayloadCollectionKeyTypes["HttpRequest"] = "httpRequest";
+    PayloadCollectionKeyTypes["HttpResponse"] = "httpResponse";
+    PayloadCollectionKeyTypes["DbQuery"] = "dbQuery";
+    PayloadCollectionKeyTypes["Messaging"] = "messaging";
+})(PayloadCollectionKeyTypes || (PayloadCollectionKeyTypes = {}));
 
 var SignalType;
 (function (SignalType) {
@@ -235,4 +241,4 @@ var K8sResourceKind;
     K8sResourceKind["StatefulSet"] = "StatefulSet";
 })(K8sResourceKind || (K8sResourceKind = {}));
 
-export { ActionType, AddNodeTypes, CodeAttributesKeyTypes, CrdTypes, Crud, DestinationTypes, EdgeTypes, EntityTypes, FieldTypes, InstrumentationRuleType, K8sResourceKind, NodeTypes, OtherStatus, PayloadCollectionKeyTypes, PlatformType, ProgrammingLanguages, SignalType, SortDirection, StatusType, Tier };
+export { ActionType, AddNodeTypes, CodeAttributesKeyTypes, CrdTypes, Crud, DestinationTypes, EdgeTypes, EntityTypes, FieldTypes, HeadersCollectionKeyTypes, InstrumentationRuleType, K8sResourceKind, NodeTypes, OtherStatus, PayloadCollectionKeyTypes, PlatformType, ProgrammingLanguages, SignalType, SortDirection, StatusType, Tier };

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

@@ -1,11 +1,11 @@
 import { 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-CVH8Q8Sl.js';
+import { F as FORM_ALERTS } from './index-mOgS3e5E.js';
 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-DGuOxbBR.js';
-import { b as useGenericForm } from './useTransition-B65KBqdK.js';
-import { g as getIdFromSseTarget } from './index-7-KCQK-x.js';
+import { i as isEmpty, s as safeJsonParse } from './index-BV85P9UP.js';
+import { b as useGenericForm } from './useTransition-B0eagOib.js';
+import { g as getIdFromSseTarget, i as isLegalK8sLabel } from './index-CnZlllYu.js';
 
 const INITIAL$2 = {
     // @ts-ignore (TS complains about empty string because we expect an "ActionsType", but it's fine)
@@ -213,6 +213,10 @@ const useDataStreamFormData = (initialFormData) => {
             isValid = false;
             errors['name'] = FORM_ALERTS.FIELD_IS_REQUIRED;
         }
+        else if (!isLegalK8sLabel(formData['name'])) {
+            isValid = false;
+            errors['name'] = FORM_ALERTS.ILLEGAL_K8S_LABEL;
+        }
         else {
             errors['name'] = undefined;
         }

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

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