@odigos/ui-kit 0.0.33 → 0.0.35

package/CHANGELOG.md

@@ -1,5 +1,27 @@
 # Changelog
 
+## [0.0.35](https://github.com/odigos-io/ui-kit/compare/ui-kit-v0.0.34...ui-kit-v0.0.35) (2025-06-04)
+
+
+### Features
+
+* apply filtered signals to destination form ([#153](https://github.com/odigos-io/ui-kit/issues/153)) ([ca5b940](https://github.com/odigos-io/ui-kit/commit/ca5b940bdf5b8fd0445c54fc26e9c8a0f8858fb2))
+* enhance source drawer ([#152](https://github.com/odigos-io/ui-kit/issues/152)) ([92b0805](https://github.com/odigos-io/ui-kit/commit/92b080585d1f28728fa650bc931837623dea4fcd))
+* make all entity columns scrollable ([#154](https://github.com/odigos-io/ui-kit/issues/154)) ([79d486c](https://github.com/odigos-io/ui-kit/commit/79d486ca16d56dab6e4f3b135f63d0f100828998))
+* save overview filters to session storage ([#146](https://github.com/odigos-io/ui-kit/issues/146)) ([1b6d16d](https://github.com/odigos-io/ui-kit/commit/1b6d16d37a75106ef18dbe3d7b700d34b855ad9f))
+
+
+### Bug Fixes
+
+* wrap condition icons to prevent shrinking ([#144](https://github.com/odigos-io/ui-kit/issues/144)) ([3a96120](https://github.com/odigos-io/ui-kit/commit/3a96120368152597a1eb54b00a0afe09da70d8c8))
+
+## [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)
 
 

package/eslint.config.mjs

@@ -0,0 +1,17 @@
+import { dirname } from 'path';
+import { fileURLToPath } from 'url';
+import { FlatCompat } from '@eslint/eslintrc';
+
+const __filename = fileURLToPath(import.meta.url);
+const __dirname = dirname(__filename);
+
+const compat = new FlatCompat({
+  baseDirectory: __dirname,
+});
+
+const extensions = compat.extends('next/core-web-vitals', 'next/typescript');
+const config = compat.config({});
+
+const eslintConfig = [...extensions, ...config];
+
+export default eslintConfig;

package/lib/components/data-card/index.d.ts

@@ -1,8 +1,9 @@
 import { type ReactNode, type FC, type PropsWithChildren } from 'react';
+import { OtherStatus } from '@/types';
 import { DataCardFields, type DataCardFieldsProps, DataCardFieldTypes } from './data-card-fields';
 interface DataCardProps extends PropsWithChildren {
     title?: string;
-    titleBadge?: string | number;
+    titleBadge?: string | number | OtherStatus.Loading;
     description?: string;
     action?: ReactNode | (() => ReactNode);
     withExtend?: boolean;

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,15 @@
-import { B as Button } from './index-BedCNcwV.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-BedCNcwV.js';
-export { C as CancelWarning, D as DeleteWarning } from './index-CaAOgaiC.js';
+import { B as Button } from './index-THrvNIPj.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-THrvNIPj.js';
+export { C as CancelWarning, D as DeleteWarning } from './index-CyG_tD3y.js';
 import React, { Component, createElement, createContext } from 'react';
-import { T as Theme } from './index-CVH8Q8Sl.js';
-import 'styled-components';
-import './index-CNfdJ1X8.js';
+import { T as Theme } from './index-CKOBXat_.js';
 import './types.js';
+import './index-CEWs8CTN.js';
+import './index-CCX1HLUr.js';
+import 'styled-components';
+import './index-BVj4fOL3.js';
 import './index-BV85P9UP.js';
-import './index-mOgS3e5E.js';
-import './index-B_Gl6Qa6.js';
-import './index-Do3CYz7N.js';
-import './useTransition-B0eagOib.js';
+import './useTransition-D9f1CP9n.js';
 import 'react-dom';
 
 const ErrorBoundaryContext = createContext(null);

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

@@ -1,4 +1,10 @@
 export declare const DEFAULT_DATA_STREAM_NAME = "default";
+export declare const STORAGE_KEYS: {
+    SELECTED_DATA_STREAM: string;
+    SELECTED_DATA_STREAM_WITH_PROXY: (proxyId: string) => string;
+    OVERVIEW_FILTERS: string;
+    DARK_MODE: string;
+};
 export declare const FORM_ALERTS: {
     REQUIRED_FIELDS: string;
     FIELD_IS_REQUIRED: string;

package/lib/constants.js

@@ -1,6 +1,5 @@
-export { A as ACTION_OPTIONS, I as INSTRUMENTATION_RULE_OPTIONS, M as MONITORS_OPTIONS } from './index-CVH8Q8Sl.js';
+export { A as ACTION_OPTIONS, B as BUTTON_TEXTS, D as DEFAULT_DATA_STREAM_NAME, k as DISPLAY_TITLES, F as FORM_ALERTS, I as INSTRUMENTATION_RULE_OPTIONS, M as MONITORS_OPTIONS, S as STORAGE_KEYS } from './index-CKOBXat_.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-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-flow/helpers/build-action-nodes.d.ts

@@ -6,6 +6,12 @@ interface Params {
     entities: Action[];
     positions: NodePositions;
     unfilteredCount: number;
+    containerHeight: number;
+    onScroll: (params: {
+        clientHeight: number;
+        scrollHeight: number;
+        scrollTop: number;
+    }) => void;
 }
-export declare const buildActionNodes: ({ loading, entities, positions, unfilteredCount }: Params) => Node[];
+export declare const buildActionNodes: ({ loading, entities, positions, unfilteredCount, containerHeight, onScroll }: Params) => Node[];
 export {};

package/lib/containers/data-flow/helpers/build-destination-nodes.d.ts

@@ -6,6 +6,12 @@ interface Params {
     entities: Destination[];
     positions: NodePositions;
     unfilteredCount: number;
+    containerHeight: number;
+    onScroll: (params: {
+        clientHeight: number;
+        scrollHeight: number;
+        scrollTop: number;
+    }) => void;
 }
-export declare const buildDestinationNodes: ({ loading, entities, positions, unfilteredCount }: Params) => Node[];
+export declare const buildDestinationNodes: ({ loading, entities, positions, unfilteredCount, containerHeight, onScroll }: Params) => Node[];
 export {};

package/lib/containers/data-flow/helpers/build-rule-nodes.d.ts

@@ -6,6 +6,12 @@ interface Params {
     entities: InstrumentationRule[];
     positions: NodePositions;
     unfilteredCount: number;
+    containerHeight: number;
+    onScroll: (params: {
+        clientHeight: number;
+        scrollHeight: number;
+        scrollTop: number;
+    }) => void;
 }
-export declare const buildRuleNodes: ({ loading, entities, positions, unfilteredCount }: Params) => Node[];
+export declare const buildRuleNodes: ({ loading, entities, positions, unfilteredCount, containerHeight, onScroll }: Params) => Node[];
 export {};

package/lib/containers/destination-modal/choose-destination/destinations-list/index.d.ts

@@ -2,7 +2,7 @@ import { type FC } from 'react';
 import { type DestinationCategories, type DestinationOption } from '@/types';
 interface DestinationsListProps {
     items: DestinationCategories;
-    onSelectOption: (item: DestinationOption) => void;
+    onSelectNew: (item: DestinationOption) => void;
     onSelectConfigured: (id: string) => void;
 }
 declare const DestinationsList: FC<DestinationsListProps>;

package/lib/containers/destination-modal/choose-destination/index.d.ts

@@ -1,10 +1,10 @@
 import React from 'react';
-import { type DestinationCategories, type DestinationOption } from '@/types';
+import { type DestinationCategories, type DestinationOption, SignalType } from '@/types';
 interface Props {
     hidden?: boolean;
     categories: DestinationCategories;
     potentialDestinations: DestinationOption[];
-    onSelectOption: (item: DestinationOption) => void;
+    onSelectNew: (item: DestinationOption, selectedMonitors: SignalType[]) => void;
     onSelectConfigured: (id: string) => void;
 }
 export declare const ChooseDestinationBody: React.FC<Props>;

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 };