@odigos/ui-kit 0.0.34 → 0.0.36

package/CHANGELOG.md

@@ -1,5 +1,34 @@
 # Changelog
 
+## [0.0.36](https://github.com/odigos-io/ui-kit/compare/ui-kit-v0.0.35...ui-kit-v0.0.36) (2025-06-05)
+
+
+### Features
+
+* add docs button for destination modal ([#158](https://github.com/odigos-io/ui-kit/issues/158)) ([b410e83](https://github.com/odigos-io/ui-kit/commit/b410e8304b4900da48c26350544149ea3cbd7212))
+* bump styled components & update theme type definition ([#160](https://github.com/odigos-io/ui-kit/issues/160)) ([645ed7b](https://github.com/odigos-io/ui-kit/commit/645ed7b2a569e50ee1d3c505b0efe64c6762ff2d))
+
+
+### Bug Fixes
+
+* destination metrics ([#156](https://github.com/odigos-io/ui-kit/issues/156)) ([d98594d](https://github.com/odigos-io/ui-kit/commit/d98594df6cb077d140bee06af77d7f6323ea4aa6))
+* test connection was disabled on initial load ([#157](https://github.com/odigos-io/ui-kit/issues/157)) ([9a529e6](https://github.com/odigos-io/ui-kit/commit/9a529e649a92540c8a5026316c8cfff980633666))
+
+## [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)
 
 

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.js

@@ -1,16 +1,15 @@
-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 { B as Button } from './index-Be0m3TUg.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-Be0m3TUg.js';
+export { C as CancelWarning, D as DeleteWarning } from './index-CNbTSsNJ.js';
 import React, { Component, createElement, createContext } from 'react';
-import { T as Theme } from './index-DJGe2YeC.js';
+import { T as Theme } from './index-aRNtyuuU.js';
 import './types.js';
-import './index-CIKkezVt.js';
-import './index-ChYtqgBW.js';
+import './index-D8AnbGCE.js';
+import './index-BbEmZ4Wj.js';
 import 'styled-components';
-import './index-Bd8ZAEvq.js';
+import './index-7YZOplrB.js';
 import './index-BV85P9UP.js';
-import './index-mOgS3e5E.js';
-import './useTransition-dZ92VxT2.js';
+import './useTransition-0Rz0QKmh.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-DJGe2YeC.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-aRNtyuuU.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/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-edges.d.ts

@@ -1,8 +1,8 @@
-import type { ITheme } from '@/theme/palletes';
 import type { Edge, Node } from '@xyflow/react';
+import { DefaultTheme } from 'styled-components';
 import { type Metrics } from '@/types';
 interface Params {
-    theme: ITheme;
+    theme: DefaultTheme;
     nodes: Node[];
     metrics?: Metrics;
     containerHeight: number;

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