@odigos/ui-kit 0.0.95 → 0.0.98

package/CHANGELOG.md

@@ -1,5 +1,33 @@
 # Changelog
 
+## [0.0.98](https://github.com/odigos-io/ui-kit/compare/ui-kit-v0.0.97...ui-kit-v0.0.98) (2025-08-27)
+
+
+### Features
+
+* **source-selection:** add 'Select All' toggle functionality to source selection form ([#365](https://github.com/odigos-io/ui-kit/issues/365)) ([14d82d4](https://github.com/odigos-io/ui-kit/commit/14d82d4ab6e35a17bffc98131782587799dce88a))
+
+
+### Bug Fixes
+
+* optimize single namespace query ([#364](https://github.com/odigos-io/ui-kit/issues/364)) ([13df621](https://github.com/odigos-io/ui-kit/commit/13df621f2681e3dfe0d4322559e01dea5646ce98))
+* **source-table:** improve loading state handling and no data display logic ([#362](https://github.com/odigos-io/ui-kit/issues/362)) ([572826d](https://github.com/odigos-io/ui-kit/commit/572826da04932e1485c34adb48cbc50c2e91cb0c))
+
+## [0.0.97](https://github.com/odigos-io/ui-kit/compare/ui-kit-v0.0.96...ui-kit-v0.0.97) (2025-08-26)
+
+
+### Bug Fixes
+
+* release of 0.0.97 ([#359](https://github.com/odigos-io/ui-kit/issues/359)) ([67659cc](https://github.com/odigos-io/ui-kit/commit/67659cc785acbf6934293098be331274b9d0fa13))
+
+## [0.0.96](https://github.com/odigos-io/ui-kit/compare/ui-kit-v0.0.95...ui-kit-v0.0.96) (2025-08-26)
+
+
+### Features
+
+* **trace-view:** add loading state to TraceView component ([#356](https://github.com/odigos-io/ui-kit/issues/356)) ([12d811c](https://github.com/odigos-io/ui-kit/commit/12d811c6b3bd4ae0b5773d4f8aa488f88a08322e))
+* **trace-view:** add SpanDrawer with detailed span and process information ([#358](https://github.com/odigos-io/ui-kit/issues/358)) ([861635e](https://github.com/odigos-io/ui-kit/commit/861635ea0de73535a778b4a54d0cac2ed5cf8594))
+
 ## [0.0.95](https://github.com/odigos-io/ui-kit/compare/ui-kit-v0.0.94...ui-kit-v0.0.95) (2025-08-26)
 
 

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

@@ -1,5 +1,5 @@
 import { type FC } from 'react';
-import { AnyObj } from '@/types';
+import { AnyObj, SVG } from '@/types';
 declare enum DataCardFieldTypes {
     Code = "code",
     Table = "table",
@@ -13,6 +13,7 @@ declare enum DataCardFieldTypes {
 interface DataCardField {
     type?: DataCardFieldTypes;
     title?: string;
+    titleIcon?: SVG;
     tooltip?: string;
     value?: string | AnyObj;
 }

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

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

package/lib/components/drawer/drawer-header/index.d.ts

@@ -1,8 +1,9 @@
-import { type FC, type ReactNode } from 'react';
+import { CSSProperties, type FC, type ReactNode } from 'react';
 import type { SVG } from '@/types';
 import { type ButtonProps } from '@/components/button';
 interface DrawerHeaderProps {
     onClose: () => void;
+    width?: CSSProperties['width'];
     icons?: SVG[];
     iconSrcs?: string[];
     title?: string;

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

@@ -1,4 +1,4 @@
-import { type ReactNode, type FC } from 'react';
+import { type ReactNode, type FC, CSSProperties } from 'react';
 import { DrawerHeader, DrawerHeaderProps } from './drawer-header';
 import { DrawerFooter, DrawerFooterProps } from './drawer-footer';
 interface DrawerProps {
@@ -6,7 +6,7 @@ interface DrawerProps {
     onClose: () => void;
     closeOnEscape?: boolean;
     position?: 'right' | 'left';
-    width?: string;
+    width?: CSSProperties['width'];
     children: ReactNode;
     header: Omit<DrawerHeaderProps, 'onClose'>;
     footer: DrawerFooterProps;

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

@@ -1,4 +1,4 @@
-import { type DetailedHTMLProps, type FC, type HTMLAttributes, type ReactNode } from 'react';
+import { type DetailedHTMLProps, type FC, type HTMLAttributes, type ReactNode, CSSProperties } from 'react';
 import { DefaultTheme } from 'styled-components';
 interface TextProps extends DetailedHTMLProps<HTMLAttributes<HTMLDivElement>, HTMLDivElement> {
     children?: ReactNode;
@@ -9,6 +9,7 @@ interface TextProps extends DetailedHTMLProps<HTMLAttributes<HTMLDivElement>, HT
     family?: 'primary' | 'secondary';
     opacity?: number;
     decoration?: string;
+    transform?: CSSProperties['textTransform'];
 }
 declare const getLinksFromText: (text: string) => {
     original: string;

package/lib/components.js

@@ -1,16 +1,16 @@
-import { B as Button } from './index-c529b896.js';
-export { A as AutocompleteInput, a as Badge, a9 as CenterThis, C as Checkbox, b as Code, c as ConditionDetails, D as DataCard, e as DataCardFieldTypes, d as DataCardFields, f as DataFinger, g as DataTab, h as DescribeRow, i as Divider, j as DocsButton, k as Drawer, m as DrawerFooter, l as DrawerHeader, n as Dropdown, E as ExtendArrow, F as FadeLoader, o as FieldError, p as FieldLabel, a8 as FlexColumn, a7 as FlexRow, H as Header, I as IconButton, q as IconGroup, r as IconTitleBadge, s as IconWrapped, t as IconsNav, u as ImageControlled, v as Input, w as InputList, x as InputTable, y as InteractiveTable, K as KeyValueInputsList, M as Modal, ac as ModalBody, z as MonitorsCheckboxes, G as MonitorsIcons, N as NavigationButtons, J as NoDataFound, L as NotificationNote, ab as Overlay, P as Popup, O as PopupForm, S as ScrollX, Q as SectionTitle, R as Segment, U as SelectionButton, V as SkeletonLoader, W as Status, X as Stepper, Y as TabList, ad as TableContainer, ae as TableTitleWrap, af as TableWrap, Z as Tag, _ as Text, a2 as TextArea, a3 as Toggle, T as ToggleCodeComponent, a4 as Tooltip, a5 as TraceLoader, aa as VerticalScroll, a6 as WarningModal, $ as getLinksFromText, a0 as getStrongsFromText, a1 as renderText } from './index-c529b896.js';
-export { C as CancelWarning, D as DeleteWarning } from './index-9a7beddb.js';
+import { B as Button } from './index-c8b542d8.js';
+export { A as AutocompleteInput, a as Badge, a9 as CenterThis, C as Checkbox, b as Code, c as ConditionDetails, D as DataCard, e as DataCardFieldTypes, d as DataCardFields, f as DataFinger, g as DataTab, h as DescribeRow, i as Divider, j as DocsButton, k as Drawer, m as DrawerFooter, l as DrawerHeader, n as Dropdown, E as ExtendArrow, F as FadeLoader, o as FieldError, p as FieldLabel, a8 as FlexColumn, a7 as FlexRow, H as Header, I as IconButton, q as IconGroup, r as IconTitleBadge, s as IconWrapped, t as IconsNav, u as ImageControlled, v as Input, w as InputList, x as InputTable, y as InteractiveTable, K as KeyValueInputsList, M as Modal, ac as ModalBody, z as MonitorsCheckboxes, G as MonitorsIcons, N as NavigationButtons, J as NoDataFound, L as NotificationNote, ab as Overlay, P as Popup, O as PopupForm, S as ScrollX, Q as SectionTitle, R as Segment, U as SelectionButton, V as SkeletonLoader, W as Status, X as Stepper, Y as TabList, ad as TableContainer, ae as TableTitleWrap, af as TableWrap, Z as Tag, _ as Text, a2 as TextArea, a3 as Toggle, T as ToggleCodeComponent, a4 as Tooltip, a5 as TraceLoader, aa as VerticalScroll, a6 as WarningModal, $ as getLinksFromText, a0 as getStrongsFromText, a1 as renderText } from './index-c8b542d8.js';
+export { C as CancelWarning, D as DeleteWarning } from './index-a3c0cecd.js';
 import React, { createContext, Component, createElement } from 'react';
-import { T as Theme } from './index-40dfa720.js';
+import { T as Theme } from './index-89edd01d.js';
 import 'styled-components';
-import './index-1bc2b507.js';
+import './index-d8fb5fed.js';
 import './types.js';
 import './index-5e5f7bda.js';
-import './index-d92ef50b.js';
-import './index-eff01b3d.js';
+import './index-9475009f.js';
+import './index-f18c8530.js';
 import 'react-dom';
-import './useTransition-2df374a9.js';
+import './useTransition-159c9af8.js';
 
 const ErrorBoundaryContext = createContext(null);
 

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

@@ -88,6 +88,7 @@ export declare const DISPLAY_TITLES: {
     FILTERED_COUNT_TOOLTIP: string;
     SEARCH_NAMESPACES: string;
     SEARCH_SOURCES: string;
+    SELECT_ALL: string;
     ONLY_SELECTED: string;
     ONLY_RUNNING_INSTANCES: string;
     TO_COLLECT_OTEL_DATA: string;

package/lib/constants.js

@@ -1,4 +1,4 @@
-export { A as ACTION_OPTIONS, B as BUTTON_TEXTS, a as DEFAULT_DATA_STREAM_NAME, D as DISPLAY_LANGUAGES, b as DISPLAY_TITLES, F as FORM_ALERTS, I as INSTRUMENTATION_RULE_OPTIONS, L as LANGUAGE_OPTIONS, M as MONITORS_OPTIONS, S as STORAGE_KEYS } from './index-40dfa720.js';
+export { A as ACTION_OPTIONS, B as BUTTON_TEXTS, a as DEFAULT_DATA_STREAM_NAME, D as DISPLAY_LANGUAGES, b as DISPLAY_TITLES, F as FORM_ALERTS, I as INSTRUMENTATION_RULE_OPTIONS, L as LANGUAGE_OPTIONS, M as MONITORS_OPTIONS, S as STORAGE_KEYS } from './index-89edd01d.js';
 export { D as DESTINATION_CATEGORIES } from './index-1cb4f9e2.js';
 import 'react';
 import './types.js';

package/lib/containers/trace-view/index.d.ts

@@ -3,6 +3,7 @@ import type { Trace } from '@/types';
 interface TraceViewProps {
     heightToRemove: number;
     traces: Trace[];
+    isLoading: boolean;
 }
 declare const TraceView: FC<TraceViewProps>;
 export { TraceView, type TraceViewProps };

package/lib/containers/trace-view/span/index.d.ts

@@ -13,6 +13,7 @@ interface SpanProps {
     isOpen?: boolean;
     withToggle?: boolean;
     onToggleOpen?: () => void;
+    onSelect: () => void;
 }
 interface RecursiveSpansProps {
     spans: TraceSpan[];
@@ -26,6 +27,10 @@ interface RecursiveSpansProps {
         value: string[];
         set: React.Dispatch<React.SetStateAction<string[]>>;
     };
+    selectedSpanState: {
+        value: TraceSpan | null;
+        set: React.Dispatch<React.SetStateAction<TraceSpan | null>>;
+    };
 }
 export declare const LEFT_MAX_WIDTH = 370;
 declare const Span: FC<SpanProps>;

package/lib/containers/trace-view/span-drawer/build-details-card.d.ts

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

package/lib/containers/trace-view/span-drawer/build-logs-card.d.ts

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

package/lib/containers/trace-view/span-drawer/build-process-card.d.ts

@@ -0,0 +1,3 @@
+import type { TraceProcess } from '@/types';
+declare const buildProcessCard: (process: TraceProcess, isPrettyMode: boolean) => import("../../../components/data-card/data-card-fields").DataCardField[];
+export { buildProcessCard };

package/lib/containers/trace-view/span-drawer/build-tags-card.d.ts

@@ -0,0 +1,3 @@
+import type { TraceSpan } from '@/types';
+declare const buildTagsCard: (span: TraceSpan, isPrettyMode: boolean) => import("../../../components/data-card/data-card-fields").DataCardField[];
+export { buildTagsCard };

package/lib/containers/trace-view/span-drawer/index.d.ts

@@ -0,0 +1,9 @@
+import { type FC } from 'react';
+import { TraceProcess, type TraceSpan } from '@/types';
+interface SpanDrawerProps {
+    span: TraceSpan;
+    process?: TraceProcess;
+    onClose: () => void;
+}
+declare const SpanDrawer: FC<SpanDrawerProps>;
+export { SpanDrawer, type SpanDrawerProps };