@odigos/ui-kit 0.0.9 → 0.0.10

package/CHANGELOG.md

@@ -1,5 +1,18 @@
 # Changelog
 
+## [0.0.10](https://github.com/odigos-io/ui-kit/compare/ui-kit-v0.0.9...ui-kit-v0.0.10) (2025-03-18)
+
+
+### Features
+
+* rename NOTIFICATION_TYPE ---> STATUS_TYPE ([#26](https://github.com/odigos-io/ui-kit/issues/26)) ([0f0c0e7](https://github.com/odigos-io/ui-kit/commit/0f0c0e7bd1cae951a6fd59729bfbacb51ac51f34))
+
+
+### Bug Fixes
+
+* drawer update - typed name resets on form change ([#29](https://github.com/odigos-io/ui-kit/issues/29)) ([e94ec92](https://github.com/odigos-io/ui-kit/commit/e94ec92a8f388582b91d2e9cad0b6fda7ba4484f))
+* tables - select all (with filters), and fetching loaders ([#30](https://github.com/odigos-io/ui-kit/issues/30)) ([40b1d82](https://github.com/odigos-io/ui-kit/commit/40b1d820018c98ee3c4c986e8db7132c0bfe8538))
+
 ## [0.0.9](https://github.com/odigos-io/ui-kit/compare/ui-kit-v0.0.8...ui-kit-v0.0.9) (2025-03-16)
 
 

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

@@ -1,9 +1,9 @@
 import { type ReactNode, type FC } from 'react';
-import { NOTIFICATION_TYPE } from '@/types';
+import { STATUS_TYPE } from '@/types';
 interface BadgeProps {
     label: string | number | ReactNode;
     filled?: boolean;
-    status?: NOTIFICATION_TYPE;
+    status?: STATUS_TYPE;
     withIcon?: boolean;
     onClick?: () => void;
 }

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

@@ -1,6 +1,6 @@
 import { type FC, type ReactNode } from 'react';
 import type { SVG } from '@/types';
-import { NOTIFICATION_TYPE, SIGNAL_TYPE } from '@/types';
+import { STATUS_TYPE, SIGNAL_TYPE } from '@/types';
 interface DataTabProps {
     title: string;
     subTitle?: string;
@@ -9,7 +9,7 @@ interface DataTabProps {
     iconSrc?: string;
     iconSrcs?: string[];
     hoverText?: string;
-    status?: NOTIFICATION_TYPE;
+    status?: STATUS_TYPE;
     faded?: boolean;
     monitors?: SIGNAL_TYPE[];
     monitorsWithLabels?: boolean;

package/lib/components/describe-row/index.d.ts

@@ -1,12 +1,12 @@
 import { type FC } from 'react';
-import { NOTIFICATION_TYPE } from '@/types';
+import { STATUS_TYPE } from '@/types';
 interface DescribeRowProps {
     title?: string;
     subTitle?: string;
     tooltip?: string;
     value?: {
         text?: string;
-        status?: NOTIFICATION_TYPE | 'transitioning';
+        status?: STATUS_TYPE | 'transitioning';
     };
 }
 declare const DescribeRow: FC<DescribeRowProps>;

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

@@ -1,8 +1,8 @@
 import { type FC } from 'react';
-import { NOTIFICATION_TYPE } from '@/types';
+import { STATUS_TYPE } from '@/types';
 interface DividerProps {
     orientation?: 'horizontal' | 'vertical';
-    type?: NOTIFICATION_TYPE;
+    type?: STATUS_TYPE;
     thickness?: number;
     length?: string;
     margin?: string;

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

@@ -7,7 +7,7 @@ interface DrawerHeaderProps {
     iconSrc?: string;
     title?: string;
     titleTooltip?: string;
-    replaceTitleWith?: () => ReactNode;
+    replaceTitleWith?: ReactNode | (() => ReactNode);
     actionButtons?: (ButtonProps & {
         'data-id': string;
     })[];

package/lib/components/icon-group/index.d.ts

@@ -1,10 +1,10 @@
 import { type FC } from 'react';
 import type { SVG } from '@/types';
-import { NOTIFICATION_TYPE } from '@/types';
+import { STATUS_TYPE } from '@/types';
 interface IconGroupProps {
     icons?: SVG[];
     iconSrcs?: string[];
-    status?: NOTIFICATION_TYPE;
+    status?: STATUS_TYPE;
     size?: number;
 }
 declare const IconGroup: FC<IconGroupProps>;

package/lib/components/icon-wrapped/index.d.ts

@@ -1,10 +1,10 @@
 import { type FC } from 'react';
-import { NOTIFICATION_TYPE, type SVG } from '@/types';
+import { STATUS_TYPE, type SVG } from '@/types';
 interface IconWrappedProps {
     icon?: SVG;
     src?: string;
     alt?: string;
-    status?: NOTIFICATION_TYPE;
+    status?: STATUS_TYPE;
     size?: number;
 }
 declare const IconWrapped: FC<IconWrappedProps>;

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

@@ -1,5 +1,5 @@
 import { type ReactNode, type FC, CSSProperties } from 'react';
-import { NOTIFICATION_TYPE, type SVG } from '@/types';
+import { STATUS_TYPE, type SVG } from '@/types';
 interface ColumnCell {
     key: string;
     title: string;
@@ -16,7 +16,7 @@ interface RowCell {
 interface InteractiveTableProps {
     columns: ColumnCell[];
     rows: {
-        status?: NOTIFICATION_TYPE;
+        status?: STATUS_TYPE;
         faded?: boolean;
         cells: RowCell[];
     }[];

package/lib/components/interactive-table/row.d.ts

@@ -1,12 +1,12 @@
 import { FC } from 'react';
 import { ColumnCell, RowCell } from '.';
-import { NOTIFICATION_TYPE } from '@/types';
+import { STATUS_TYPE } from '@/types';
 interface RowProps {
     index: number;
     columns: ColumnCell[];
     cells: RowCell[];
     onClick?: () => void;
-    status?: NOTIFICATION_TYPE;
+    status?: STATUS_TYPE;
     faded?: boolean;
 }
 declare const Row: FC<RowProps>;

package/lib/components/notification-note/index.d.ts

@@ -1,11 +1,11 @@
 import { type CSSProperties, type FC } from 'react';
-import { NOTIFICATION_TYPE } from '@/types';
+import { STATUS_TYPE } from '@/types';
 interface OnCloseParams {
     asSeen: boolean;
 }
 interface NotificationNoteProps {
     id?: string;
-    type: NOTIFICATION_TYPE;
+    type: STATUS_TYPE;
     title?: string;
     message?: string;
     action?: {

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

@@ -1,11 +1,11 @@
 import { type FC } from 'react';
-import { NOTIFICATION_TYPE, OTHER_STATUS } from '@/types';
+import { STATUS_TYPE, OTHER_STATUS } from '@/types';
 interface StatusProps {
     title?: string;
     subtitle?: string;
     size?: number;
     family?: 'primary' | 'secondary';
-    status?: NOTIFICATION_TYPE | OTHER_STATUS.LOADING;
+    status?: STATUS_TYPE | OTHER_STATUS.LOADING;
     withIcon?: boolean;
     withBorder?: boolean;
     withBackground?: boolean;

package/lib/components/styled.d.ts

@@ -1,3 +1,4 @@
+import { type CSSProperties } from 'styled-components';
 export declare const FlexRow: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {
     $gap?: number;
 }>> & string;
@@ -11,3 +12,14 @@ export declare const Overlay: import("styled-components/dist/types").IStyledComp
 export declare const ModalBody: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {
     $isNotModal?: boolean;
 }>> & string;
+export declare const TableContainer: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "$gap"> & {
+    $gap?: number;
+}, {
+    $maxWidth: CSSProperties["maxWidth"];
+}>> & string;
+export declare const TableTitleWrap: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "$gap"> & {
+    $gap?: number;
+}, never>> & string;
+export declare const TableWrap: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {
+    $maxHeight: CSSProperties["maxHeight"];
+}>> & string;

package/lib/components/warning-modal/index.d.ts

@@ -1,5 +1,5 @@
 import { type FC } from 'react';
-import { NOTIFICATION_TYPE } from '@/types';
+import { STATUS_TYPE } from '@/types';
 import { type ButtonProps } from '../button';
 interface ButtonParams {
     text: string;
@@ -12,7 +12,7 @@ interface WarningModalProps {
     title: string;
     description: string;
     note?: {
-        type: NOTIFICATION_TYPE;
+        type: STATUS_TYPE;
         title: string;
         message: string;
     };

package/lib/components.js

@@ -1,11 +1,11 @@
-import { B as Button } from './index-m62aT4IR.js';
-export { A as AutocompleteInput, a as Badge, C as CancelWarning, a0 as CenterThis, b as Checkbox, c as Code, d as ConditionDetails, f as DATA_CARD_FIELD_TYPES, D as DataCard, e as DataCardFields, g as DataTab, h as DeleteWarning, 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, $ as FlexColumn, _ 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, a2 as ModalBody, z as MonitorsCheckboxes, G as MonitorsIcons, N as NavigationButtons, J as NoDataFound, L as NotificationNote, a1 as Overlay, S as SectionTitle, O as Segment, P as SkeletonLoader, Q as Status, R as Stepper, U as Text, V as TextArea, W as Toggle, T as ToggleCodeComponent, X as Tooltip, Y as TraceLoader, Z as WarningModal } from './index-m62aT4IR.js';
+import { B as Button } from './index-Do8ODRlA.js';
+export { A as AutocompleteInput, a as Badge, C as CancelWarning, a0 as CenterThis, b as Checkbox, c as Code, d as ConditionDetails, f as DATA_CARD_FIELD_TYPES, D as DataCard, e as DataCardFields, g as DataTab, h as DeleteWarning, 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, $ as FlexColumn, _ 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, a2 as ModalBody, z as MonitorsCheckboxes, G as MonitorsIcons, N as NavigationButtons, J as NoDataFound, L as NotificationNote, a1 as Overlay, S as SectionTitle, O as Segment, P as SkeletonLoader, Q as Status, R as Stepper, a3 as TableContainer, a4 as TableTitleWrap, a5 as TableWrap, U as Text, V as TextArea, W as Toggle, T as ToggleCodeComponent, X as Tooltip, Y as TraceLoader, Z as WarningModal } from './index-Do8ODRlA.js';
 import React, { Component, createElement, createContext } from 'react';
 import Theme from './theme.js';
 import './types.js';
 import './index-DIcomki-.js';
 import 'styled-components';
-import './index-Bc8gi9FH.js';
+import './index-DB1gmCsH.js';
 import './index-BGlk5VhF.js';
 import './index-ixs381n-.js';
 import './index-BZS1ijMm.js';

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

@@ -39,4 +39,5 @@ export declare const DISPLAY_TITLES: {
     DETECTED_CONTAINERS: string;
     DETECTED_CONTAINERS_DESCRIPTION: string;
     CONTAINER_NAME: string;
+    FILTERED_COUNT_TOOLTIP: string;
 };

package/lib/constants.js

@@ -1,5 +1,5 @@
 export { A as ACTION_OPTIONS, I as INSTRUMENTATION_RULE_OPTIONS, M as MONITORS_OPTIONS } from './index-CZe2VX28.js';
-export { D as DISPLAY_TITLES, F as FORM_ALERTS } from './index-Cu2uHOuh.js';
+export { D as DISPLAY_TITLES, F as FORM_ALERTS } from './index-DnmWFsTQ.js';
 import './types.js';
 import './index-BumPE6cF.js';
 import './index-BGlk5VhF.js';

package/lib/containers/data-flow/nodes/base-node.d.ts

@@ -1,11 +1,11 @@
 import React from 'react';
 import { type Node, type NodeProps } from '@xyflow/react';
-import { type Action, type Destination, ENTITY_TYPES, type InstrumentationRule, NODE_TYPES, NOTIFICATION_TYPE, SIGNAL_TYPE, type Source, type SVG, type WorkloadId } from '@/types';
+import { type Action, type Destination, ENTITY_TYPES, type InstrumentationRule, NODE_TYPES, STATUS_TYPE, SIGNAL_TYPE, type Source, type SVG, type WorkloadId } from '@/types';
 export interface BaseNodeProps extends NodeProps<Node<{
     nodeWidth: number;
     id: string | WorkloadId;
     type: ENTITY_TYPES;
-    status?: NOTIFICATION_TYPE;
+    status?: STATUS_TYPE;
     faded?: boolean;
     title: string;
     subTitle: string;

package/lib/containers/data-flow/nodes/scroll-node.d.ts

@@ -1,6 +1,6 @@
 import React from 'react';
 import type { Node, NodeProps } from '@xyflow/react';
-import { ENTITY_TYPES, NODE_TYPES, NOTIFICATION_TYPE, type Source, type SVG, type WorkloadId } from '@/types';
+import { ENTITY_TYPES, NODE_TYPES, STATUS_TYPE, type Source, type SVG, type WorkloadId } from '@/types';
 export interface ScrollNodeProps extends NodeProps<Node<{
     nodeWidth: number;
     nodeHeight: number;
@@ -9,7 +9,7 @@ export interface ScrollNodeProps extends NodeProps<Node<{
         framePadding: number;
         id: WorkloadId;
         type: ENTITY_TYPES;
-        status?: NOTIFICATION_TYPE;
+        status?: STATUS_TYPE;
         title: string;
         subTitle: string;
         icon?: SVG;

package/lib/containers/destination-form/test-connection/index.d.ts

@@ -1,10 +1,10 @@
 import { type FC } from 'react';
-import type { DestinationFormData, NOTIFICATION_TYPE } from '@/types';
+import type { DestinationFormData, STATUS_TYPE } from '@/types';
 interface TestConnectionProps {
     destination: DestinationFormData;
     disabled: boolean;
     validateForm: () => boolean;
-    status?: NOTIFICATION_TYPE;
+    status?: STATUS_TYPE;
     testConnection: (destination: DestinationFormData) => void;
     testLoading: boolean;
     testResult?: {