@odigos/ui-kit 0.0.32 → 0.0.34

package/CHANGELOG.md

@@ -1,5 +1,19 @@
 # Changelog
 
+## [0.0.34](https://github.com/odigos-io/ui-kit/compare/ui-kit-v0.0.33...ui-kit-v0.0.34) (2025-05-28)
+
+
+### Features
+
+* add actions - ServiceNameSampler & SpanAttributeSampler ([#139](https://github.com/odigos-io/ui-kit/issues/139)) ([3dea0d2](https://github.com/odigos-io/ui-kit/commit/3dea0d2bba6cda3a8f870b52ee506e934bca35a6))
+
+## [0.0.33](https://github.com/odigos-io/ui-kit/compare/ui-kit-v0.0.32...ui-kit-v0.0.33) (2025-05-27)
+
+
+### Bug Fixes
+
+* Data Stream bugs ([#140](https://github.com/odigos-io/ui-kit/issues/140)) ([1af6a2f](https://github.com/odigos-io/ui-kit/commit/1af6a2f66720aca790d6179a3df47585362884c9))
+
 ## [0.0.32](https://github.com/odigos-io/ui-kit/compare/ui-kit-v0.0.31...ui-kit-v0.0.32) (2025-05-25)
 
 

package/lib/components/dropdown/index.d.ts

@@ -16,6 +16,7 @@ interface DropdownProps {
     required?: boolean;
     showSearch?: boolean;
     errorMessage?: string;
+    hasError?: boolean;
 }
 declare const Dropdown: FC<DropdownProps>;
 export { Dropdown, type DropdownProps, type DropdownOption };

package/lib/components/input/index.d.ts

@@ -1,5 +1,5 @@
 import { type FC, type InputHTMLAttributes } from 'react';
-import type { SVG } from '@/types';
+import { type SVG } from '@/types';
 interface InputProps extends InputHTMLAttributes<HTMLInputElement> {
     title?: string;
     icon?: SVG;

package/lib/components/input-table/index.d.ts

@@ -1,20 +1,12 @@
 import { type FC } from 'react';
-type Row = {
-    [key: string]: any;
-};
+import type { Column, Row } from './types';
 interface InputTableProps {
-    columns: {
-        title: string;
-        keyName: string;
-        type?: 'number';
-        placeholder?: string;
-        tooltip?: string;
-        required?: boolean;
-    }[];
+    columns: Column[];
     initialValues?: Row[];
     value?: Row[];
     onChange?: (values: Row[]) => void;
     errorMessage?: string;
+    limitFieldsPerRow?: number;
 }
 declare const InputTable: FC<InputTableProps>;
 export { InputTable, type InputTableProps };

package/lib/components/input-table/map-columns-to-fields/index.d.ts

@@ -0,0 +1,15 @@
+import { CSSProperties, type FC } from 'react';
+import type { Column, Row } from '../types';
+interface ColumnsToFieldsProps {
+    col: Column;
+    colIdx: number;
+    row: Row;
+    rowIdx: number;
+    rowsLength: number;
+    maxWidth: CSSProperties['maxWidth'];
+    handleChange: (key: string, val: string | number, idx: number) => void;
+    errorMessage?: string;
+    limitFieldsPerRow?: number;
+}
+declare const ColumnsToFields: FC<ColumnsToFieldsProps>;
+export { ColumnsToFields, type ColumnsToFieldsProps };

package/lib/components/input-table/types.d.ts

@@ -0,0 +1,15 @@
+import type { DropdownOption } from '../dropdown';
+export interface Row {
+    [key: string]: any;
+}
+export interface Column {
+    keyName: string;
+    title: string;
+    tooltip?: string;
+    placeholder?: string;
+    required?: boolean;
+    type?: 'number';
+    componentType?: 'dropdown';
+    options?: DropdownOption[];
+    renderCondition?: (row: Row) => boolean;
+}

package/lib/components.js

@@ -1,16 +1,16 @@
-import { B as Button } from './index-BxckQJom.js';
-export { a as AutocompleteInput, b as Badge, a1 as CenterThis, C as Checkbox, c as Code, d as ConditionDetails, D as DataCard, f as DataCardFieldTypes, e as DataCardFields, g as DataTab, h as Divider, i as DocsButton, j as Drawer, l as DrawerFooter, k as DrawerHeader, m as Dropdown, E as ExtendArrow, F as FadeLoader, n as FieldError, o as FieldLabel, a0 as FlexColumn, $ as FlexRow, H as Header, I as IconButton, p as IconGroup, q as IconTitleBadge, r as IconWrapped, s as IconsNav, t as ImageControlled, u as Input, v as InputList, w as InputTable, x as InteractiveTable, K as KeyValueInputsList, M as Modal, a4 as ModalBody, y as MonitorsCheckboxes, z as MonitorsIcons, N as NavigationButtons, G as NoDataFound, J as NotificationNote, a3 as Overlay, S as ScrollX, L as SectionTitle, O as Segment, P as SelectionButton, Q as SkeletonLoader, R as Status, U as Stepper, a5 as TableContainer, a6 as TableTitleWrap, a7 as TableWrap, V as Text, W as TextArea, X as Toggle, T as ToggleCodeComponent, Y as Tooltip, Z as TraceLoader, a2 as VerticalScroll, _ as WarningModal } from './index-BxckQJom.js';
-export { C as CancelWarning, D as DeleteWarning } from './index-rbphz5kH.js';
+import { B as Button } from './index-BZq0yNL-.js';
+export { a as AutocompleteInput, b as Badge, a1 as CenterThis, C as Checkbox, c as Code, d as ConditionDetails, D as DataCard, f as DataCardFieldTypes, e as DataCardFields, g as DataTab, h as Divider, i as DocsButton, j as Drawer, l as DrawerFooter, k as DrawerHeader, m as Dropdown, E as ExtendArrow, F as FadeLoader, n as FieldError, o as FieldLabel, a0 as FlexColumn, $ as FlexRow, H as Header, I as IconButton, p as IconGroup, q as IconTitleBadge, r as IconWrapped, s as IconsNav, t as ImageControlled, u as Input, v as InputList, w as InputTable, x as InteractiveTable, K as KeyValueInputsList, M as Modal, a4 as ModalBody, y as MonitorsCheckboxes, z as MonitorsIcons, N as NavigationButtons, G as NoDataFound, J as NotificationNote, a3 as Overlay, S as ScrollX, L as SectionTitle, O as Segment, P as SelectionButton, Q as SkeletonLoader, R as Status, U as Stepper, a5 as TableContainer, a6 as TableTitleWrap, a7 as TableWrap, V as Text, W as TextArea, X as Toggle, T as ToggleCodeComponent, Y as Tooltip, Z as TraceLoader, a2 as VerticalScroll, _ as WarningModal } from './index-BZq0yNL-.js';
+export { C as CancelWarning, D as DeleteWarning } from './index-a_WA-82O.js';
 import React, { Component, createElement, createContext } from 'react';
-import { T as Theme } from './index-ivnS3eWW.js';
-import 'styled-components';
-import './index-DAbcw-wM.js';
+import { T as Theme } from './index-DJGe2YeC.js';
 import './types.js';
-import './index-BZS1ijMm.js';
-import './index-B9cvsYnj.js';
-import './index-C7YDojNh.js';
-import './index-DuSmjoDs.js';
-import './useTransition-9tDdAS9s.js';
+import './index-CIKkezVt.js';
+import './index-ChYtqgBW.js';
+import 'styled-components';
+import './index-Bd8ZAEvq.js';
+import './index-BV85P9UP.js';
+import './index-mOgS3e5E.js';
+import './useTransition-dZ92VxT2.js';
 import 'react-dom';
 
 const ErrorBoundaryContext = createContext(null);

package/lib/constants/strings/index.d.ts

@@ -9,6 +9,7 @@ export declare const FORM_ALERTS: {
     CANNOT_DELETE_RULE: string;
     LATENCY_HTTP_ROUTE: string;
     READONLY_WARNING: string;
+    ILLEGAL_K8S_LABEL: string;
 };
 export declare const DISPLAY_TITLES: {
     NAMESPACE: string;

package/lib/constants.js

@@ -1,6 +1,6 @@
-export { A as ACTION_OPTIONS, I as INSTRUMENTATION_RULE_OPTIONS, M as MONITORS_OPTIONS } from './index-ivnS3eWW.js';
+export { A as ACTION_OPTIONS, I as INSTRUMENTATION_RULE_OPTIONS, M as MONITORS_OPTIONS } from './index-DJGe2YeC.js';
 export { D as DESTINATION_CATEGORIES } from './index-Dqief9td.js';
-export { B as BUTTON_TEXTS, D as DEFAULT_DATA_STREAM_NAME, a as DISPLAY_TITLES, F as FORM_ALERTS } from './index-B9cvsYnj.js';
+export { B as BUTTON_TEXTS, D as DEFAULT_DATA_STREAM_NAME, a as DISPLAY_TITLES, F as FORM_ALERTS } from './index-mOgS3e5E.js';
 import 'react';
 import './types.js';
 import 'styled-components';

package/lib/containers/action-form/custom-fields/add-cluster-info.d.ts

@@ -1,5 +1,5 @@
 import { type FC } from 'react';
-import type { ActionFormData, CustomFieldProps } from '@/types';
+import { type ActionFormData, type CustomFieldProps } from '@/types';
 type AddClusterInfoProps = CustomFieldProps<ActionFormData>;
 declare const AddClusterInfo: FC<AddClusterInfoProps>;
 export { AddClusterInfo, type AddClusterInfoProps };

package/lib/containers/action-form/custom-fields/delete-attributes.d.ts

@@ -1,5 +1,5 @@
 import { type FC } from 'react';
-import type { ActionFormData, CustomFieldProps } from '@/types';
+import { type ActionFormData, type CustomFieldProps } from '@/types';
 type DeleteAttributesProps = CustomFieldProps<ActionFormData>;
 declare const DeleteAttributes: FC<DeleteAttributesProps>;
 export { DeleteAttributes, type DeleteAttributesProps };

package/lib/containers/action-form/custom-fields/error-sampler.d.ts

@@ -1,5 +1,5 @@
 import { type FC } from 'react';
-import type { ActionFormData, CustomFieldProps } from '@/types';
+import { type ActionFormData, type CustomFieldProps } from '@/types';
 type ErrorSamplerProps = CustomFieldProps<ActionFormData>;
 declare const ErrorSampler: FC<ErrorSamplerProps>;
 export { ErrorSampler, type ErrorSamplerProps };

package/lib/containers/action-form/custom-fields/k8s-attributes.d.ts

@@ -1,5 +1,5 @@
 import { type FC } from 'react';
-import type { ActionFormData, CustomFieldProps } from '@/types';
+import { type ActionFormData, type CustomFieldProps } from '@/types';
 type K8sAttributesProps = CustomFieldProps<ActionFormData>;
 declare const K8sAttributes: FC<K8sAttributesProps>;
 export { K8sAttributes, type K8sAttributesProps };

package/lib/containers/action-form/custom-fields/latency-sampler.d.ts

@@ -1,5 +1,5 @@
 import { type FC } from 'react';
-import type { ActionFormData, CustomFieldProps } from '@/types';
+import { type ActionFormData, type CustomFieldProps } from '@/types';
 type LatencySamplerProps = CustomFieldProps<ActionFormData>;
 declare const LatencySampler: FC<LatencySamplerProps>;
 export { LatencySampler, type LatencySamplerProps };

package/lib/containers/action-form/custom-fields/pii-masking.d.ts

@@ -1,5 +1,5 @@
 import { type FC } from 'react';
-import type { ActionFormData, CustomFieldProps } from '@/types';
+import { type ActionFormData, type CustomFieldProps } from '@/types';
 type PiiMaskingProps = CustomFieldProps<ActionFormData>;
 declare const PiiMasking: FC<PiiMaskingProps>;
 export { PiiMasking, type PiiMaskingProps };

package/lib/containers/action-form/custom-fields/probabilistic-sampler.d.ts

@@ -1,5 +1,5 @@
 import { type FC } from 'react';
-import type { ActionFormData, CustomFieldProps } from '@/types';
+import { type ActionFormData, type CustomFieldProps } from '@/types';
 type ProbabilisticSamplerProps = CustomFieldProps<ActionFormData>;
 declare const ProbabilisticSampler: FC<ProbabilisticSamplerProps>;
 export { ProbabilisticSampler, type ProbabilisticSamplerProps };

package/lib/containers/action-form/custom-fields/rename-attributes.d.ts

@@ -1,5 +1,5 @@
 import { type FC } from 'react';
-import type { ActionFormData, CustomFieldProps } from '@/types';
+import { type ActionFormData, type CustomFieldProps } from '@/types';
 type RenameAttributesProps = CustomFieldProps<ActionFormData>;
 declare const RenameAttributes: FC<RenameAttributesProps>;
 export { RenameAttributes, type RenameAttributesProps };

package/lib/containers/action-form/custom-fields/service-name-sampler.d.ts

@@ -0,0 +1,5 @@
+import { type FC } from 'react';
+import { type ActionFormData, type CustomFieldProps } from '@/types';
+type ServiceNameSamplerProps = CustomFieldProps<ActionFormData>;
+declare const ServiceNameSampler: FC<ServiceNameSamplerProps>;
+export { ServiceNameSampler, type ServiceNameSamplerProps };

package/lib/containers/action-form/custom-fields/span-attribute-sampler.d.ts

@@ -0,0 +1,5 @@
+import { type FC } from 'react';
+import { type ActionFormData, type CustomFieldProps } from '@/types';
+type SpanAttributeSamplerProps = CustomFieldProps<ActionFormData>;
+declare const SpanAttributeSampler: FC<SpanAttributeSamplerProps>;
+export { SpanAttributeSampler, type SpanAttributeSamplerProps };

package/lib/containers/data-stream-drawer/index.d.ts

@@ -1,5 +1,5 @@
 import { type FC } from 'react';
-import type { DataStream } from '@/types';
+import { type DataStream } from '@/types';
 interface DataStreamDrawerProps {
     isOpen: boolean;
     onClose: () => void;

package/lib/containers/data-stream-form/index.d.ts

@@ -3,6 +3,7 @@ import type { DataStream } from '@/types';
 interface DataStreamFormProps {
     formData: DataStream;
     handleFormChange: (key: keyof DataStream, val: any) => void;
+    formErrors: Partial<Record<'name', string>>;
 }
 declare const DataStreamForm: FC<DataStreamFormProps>;
 export { DataStreamForm, type DataStreamFormProps };

package/lib/containers/destination-selection-form/destination-list/index.d.ts

@@ -1,5 +1,7 @@
 import { type FC } from 'react';
+import { type DestinationCategories } from '@/types';
 interface DestinationListProps {
+    categories: DestinationCategories;
     withDelete?: boolean;
 }
 declare const DestinationList: FC<DestinationListProps>;

package/lib/containers/instrumentation-rule-drawer/build-card.d.ts

@@ -1,3 +1,3 @@
-import type { InstrumentationRule } from '@/types';
+import { type InstrumentationRule } from '@/types';
 declare const buildCard: (rule: InstrumentationRule) => import("../../components/data-card/data-card-fields").DataCardField[];
 export { buildCard };

package/lib/containers/setup-summary/index.d.ts

@@ -1,8 +1,10 @@
 import { type FC } from 'react';
+import type { DestinationCategories } from '@/types';
 interface SetupSummaryProps {
     onEditStream: () => void;
     onEditSources: () => void;
     onEditDestinations: () => void;
+    categories: DestinationCategories;
 }
 declare const SetupSummary: FC<SetupSummaryProps>;
 export { SetupSummary, type SetupSummaryProps };