@odigos/ui-kit 0.0.14 → 0.0.16

package/CHANGELOG.md

@@ -1,5 +1,22 @@
 # Changelog
 
+## [0.0.16](https://github.com/odigos-io/ui-kit/compare/ui-kit-v0.0.15...ui-kit-v0.0.16) (2025-03-25)
+
+
+### Features
+
+* destination icons as imported SVGs ([#51](https://github.com/odigos-io/ui-kit/issues/51)) ([9351568](https://github.com/odigos-io/ui-kit/commit/93515684b7fa464f526159092061f63a4b8675fb))
+* kill `crypto.randomUUID` (after killing `useId`) ([#49](https://github.com/odigos-io/ui-kit/issues/49)) ([f668cf7](https://github.com/odigos-io/ui-kit/commit/f668cf719c44ebf267138b6c565c81701f135a86))
+* move namespaces into entity store ([#47](https://github.com/odigos-io/ui-kit/issues/47)) ([4c96c3f](https://github.com/odigos-io/ui-kit/commit/4c96c3f746fcd2192e7b3c7cd69cf0d9c2dc6f6d))
+* refactor data-tab props ([#48](https://github.com/odigos-io/ui-kit/issues/48)) ([d81559a](https://github.com/odigos-io/ui-kit/commit/d81559ae8fc0268c52ab52fd4171fedd63060fb2))
+
+## [0.0.15](https://github.com/odigos-io/ui-kit/compare/ui-kit-v0.0.14...ui-kit-v0.0.15) (2025-03-24)
+
+
+### Bug Fixes
+
+* :bug: react minified 310 error ([#40](https://github.com/odigos-io/ui-kit/issues/40)) ([eb1fa39](https://github.com/odigos-io/ui-kit/commit/eb1fa399a9244f95223b307fc0a2506845283043))
+
 ## [0.0.14](https://github.com/odigos-io/ui-kit/compare/ui-kit-v0.0.13...ui-kit-v0.0.14) (2025-03-20)
 
 

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

@@ -1,9 +1,15 @@
 import React from 'react';
 import { type DataTabProps } from '.';
-import type { StoryFn } from '@storybook/react';
+import type { StoryObj } from '@storybook/react';
 declare const _default: {
     title: string;
     component: React.FC<DataTabProps>;
 };
 export default _default;
-export declare const Default: StoryFn<DataTabProps>;
+export declare const NoStatus: StoryObj<DataTabProps>;
+export declare const ForcedBgColor: StoryObj<DataTabProps>;
+export declare const InfoStatus: StoryObj<DataTabProps>;
+export declare const DefaultStatus: StoryObj<DataTabProps>;
+export declare const ErrorStatus: StoryObj<DataTabProps>;
+export declare const WarningStatus: StoryObj<DataTabProps>;
+export declare const SuccessStatus: StoryObj<DataTabProps>;

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

@@ -1,28 +1,42 @@
-import { type FC, type ReactNode } from 'react';
+import { type CSSProperties, type FC, type ReactNode } from 'react';
 import type { SVG } from '@/types';
 import { StatusType, SignalType } from '@/types';
-interface DataTabProps {
-    title: string;
-    subTitle?: string;
+interface IconProps {
     icon?: SVG;
     icons?: SVG[];
     iconSrc?: string;
     iconSrcs?: string[];
-    hoverText?: string;
+}
+interface VisualProps {
     status?: StatusType;
     faded?: boolean;
+    bgColor?: CSSProperties['backgroundColor'];
+    bgColorHover?: CSSProperties['backgroundColor'];
+    isActive?: boolean;
     monitors?: SignalType[];
     monitorsWithLabels?: boolean;
-    isActive?: boolean;
+}
+interface CheckboxProps {
     withCheckbox?: boolean;
     isCheckboxDisabled?: boolean;
     isChecked?: boolean;
     onCheckboxChange?: (value: boolean) => void;
+}
+interface ExtendableProps {
     withExtend?: boolean;
     isExtended?: boolean;
     renderExtended?: () => ReactNode;
-    renderActions?: () => ReactNode;
+}
+interface DataTabProps {
+    title: string;
+    subTitle?: string;
+    hoverText?: string;
     onClick?: () => void;
+    renderActions?: () => ReactNode;
+    iconProps?: IconProps;
+    visualProps?: VisualProps;
+    checkboxProps?: CheckboxProps;
+    extendableProps?: ExtendableProps;
 }
 declare const DataTab: FC<DataTabProps>;
 export { DataTab, type DataTabProps };

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

@@ -6,6 +6,7 @@ interface IconGroupProps {
     iconSrcs?: string[];
     status?: StatusType;
     size?: number;
+    id: string;
 }
 declare const IconGroup: FC<IconGroupProps>;
 export { IconGroup, type IconGroupProps };

package/lib/components.js

@@ -1,18 +1,18 @@
-import { B as Button } from './index-B5wdZoej.js';
-export { A as AutocompleteInput, a as Badge, C as CancelWarning, a0 as CenterThis, b as Checkbox, c as Code, d as ConditionDetails, D as DataCard, f as DataCardFieldTypes, 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-B5wdZoej.js';
+import { B as Button } from './index-D6cZdmUs.js';
+export { A as AutocompleteInput, a as Badge, C as CancelWarning, a0 as CenterThis, b as Checkbox, c as Code, d as ConditionDetails, D as DataCard, f as DataCardFieldTypes, 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-D6cZdmUs.js';
 import React, { Component, createElement, createContext } from 'react';
 import Theme from './theme.js';
 import './types.js';
-import './index-DYEcdkUF.js';
+import './index-IvGLauAo.js';
 import 'styled-components';
-import './index-CYn62h8x.js';
+import './index-CKtl8KxE.js';
 import './index-BGlk5VhF.js';
-import './index-9ObpINp4.js';
+import './index-DM8CZWtL.js';
 import './index-BZS1ijMm.js';
 import './index-D_Qn2U89.js';
-import './index-CJKFedQi.js';
-import './index-Db_ZDrEr.js';
-import './useTransition-CFmm4scp.js';
+import './index-lL1o2K_5.js';
+import './index-CLOUNx6Z.js';
+import './useTransition-hWYVBuSi.js';
 import 'react-dom';
 import 'babel-runtime/helpers/extends';
 import 'babel-runtime/core-js/object/get-prototype-of';

package/lib/constants.js

@@ -1,11 +1,11 @@
-export { A as ACTION_OPTIONS, I as INSTRUMENTATION_RULE_OPTIONS, M as MONITORS_OPTIONS } from './index-CJKFedQi.js';
+export { A as ACTION_OPTIONS, I as INSTRUMENTATION_RULE_OPTIONS, M as MONITORS_OPTIONS } from './index-lL1o2K_5.js';
 export { D as DISPLAY_TITLES, F as FORM_ALERTS } from './index-C_0J5P9M.js';
 import './types.js';
-import './index-Db_ZDrEr.js';
+import './index-CLOUNx6Z.js';
 import './index-BGlk5VhF.js';
 import 'react';
 import './theme.js';
-import './index-DYEcdkUF.js';
+import './index-IvGLauAo.js';
 import 'styled-components';
 
 const TOKEN_ABOUT_TO_EXPIRE = 604800000; // 7 days in milliseconds

package/lib/containers/data-flow-actions-menu/filters/index.d.ts

@@ -1,10 +1,5 @@
 import React from 'react';
-import type { Source } from '@/types';
 interface Props {
-    namespaces: {
-        name: string;
-    }[];
-    sources: Source[];
 }
 export declare const Filters: React.FC<Props>;
 export {};

package/lib/containers/data-flow-actions-menu/index.d.ts

@@ -1,9 +1,6 @@
 import React from 'react';
 import { EntityTypes } from '@/types';
 interface DataFlowActionsMenuProps {
-    namespaces: {
-        name: string;
-    }[];
     addEntity?: EntityTypes;
 }
 declare const DataFlowActionsMenu: React.FC<DataFlowActionsMenuProps>;

package/lib/containers/data-flow-actions-menu/styled.d.ts

@@ -1,2 +1,4 @@
 export declare const RelativeContainer: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
-export declare const AbsoluteContainer: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
+export declare const AbsoluteContainer: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {
+    $hidden?: boolean;
+}>> & string;

package/lib/containers/dropdowns/namespace-dropdown/index.d.ts

@@ -1,9 +1,6 @@
 import { type FC } from 'react';
 import { type DropdownProps } from '@/components';
 interface NamespaceDropdownProps {
-    namespaces: {
-        name: string;
-    }[];
     title?: string;
     value?: DropdownProps['options'];
     onSelect: (val: DropdownProps['options'][0]) => void;

package/lib/containers/overview-drawer/index.d.ts

@@ -16,5 +16,8 @@ interface OverviewDrawerProps extends PropsWithChildren {
     onCancel?: () => void;
     tabs?: DrawerProps['header']['tabs'];
 }
-declare const OverviewDrawer: React.FC<OverviewDrawerProps>;
-export { OverviewDrawer, type OverviewDrawerProps };
+interface OverviewDrawerRef {
+    closeDrawer: () => void;
+}
+declare const OverviewDrawer: React.ForwardRefExoticComponent<OverviewDrawerProps & React.RefAttributes<OverviewDrawerRef>>;
+export { OverviewDrawer, type OverviewDrawerProps, type OverviewDrawerRef };

package/lib/containers/overview-drawer/overview-drawer.stories.d.ts

@@ -1,9 +1,9 @@
 import React from 'react';
 import type { StoryFn } from '@storybook/react';
-import { type OverviewDrawerProps } from '.';
+import { type OverviewDrawerRef, type OverviewDrawerProps } from '.';
 declare const _default: {
     title: string;
-    component: React.FC<OverviewDrawerProps>;
+    component: React.ForwardRefExoticComponent<OverviewDrawerProps & React.RefAttributes<OverviewDrawerRef>>;
 };
 export default _default;
 export declare const Default: StoryFn<OverviewDrawerProps>;

package/lib/containers/source-modal/index.d.ts

@@ -3,11 +3,9 @@ import { type Namespace, type PersistSources } from '@/types';
 import { type SourceSelectionFormProps } from '../source-selection-form';
 interface SourceModalProps {
     componentType?: SourceSelectionFormProps['componentType'];
-    namespaces: Namespace[];
-    namespace?: Namespace;
-    namespacesLoading: boolean;
     selectedNamespace: string;
     setSelectedNamespace: Dispatch<SetStateAction<string>>;
+    namespace?: Namespace;
     persistSources: PersistSources;
 }
 declare const SourceModal: FC<SourceModalProps>;

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

@@ -2,7 +2,6 @@ import { type FC } from 'react';
 import type { UseSourceSelectionFormData } from '@/hooks';
 interface ListProps extends UseSourceSelectionFormData {
     isModal?: boolean;
-    namespacesLoading: boolean;
     selectedNamespace: string;
     onSelectNamespace: (namespace: string) => void;
 }

package/lib/containers/source-selection-form/index.d.ts

@@ -4,11 +4,9 @@ import type { AvailableSourcesByNamespace, NamespaceSelectionFormData, SourceSel
 interface SourceSelectionFormProps {
     componentType: 'SIMPLE' | 'FAST';
     isModal?: boolean;
-    namespaces: Namespace[];
-    namespace?: Namespace;
-    namespacesLoading: boolean;
     selectedNamespace: string;
     onSelectNamespace: (namespace: string) => void;
+    namespace?: Namespace;
 }
 interface SourceSelectionFormRef {
     getFormValues: () => {

package/lib/containers/source-selection-form/simple/controls/index.d.ts

@@ -1,9 +1,7 @@
 import { type FC } from 'react';
-import type { Namespace } from '@/types';
 import type { UseSourceSelectionFormData } from '@/hooks';
 interface ControlsProps extends UseSourceSelectionFormData {
     isModal?: boolean;
-    namespaces: Namespace[];
     selectedNamespace: string;
     onSelectNamespace: (namespace: string) => void;
 }

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

@@ -2,7 +2,6 @@ import { type FC } from 'react';
 import type { UseSourceSelectionFormData } from '@/hooks';
 interface ListProps extends UseSourceSelectionFormData {
     isModal?: boolean;
-    namespacesLoading: boolean;
     selectedNamespace: string;
 }
 declare const List: FC<ListProps>;

package/lib/containers/table-cell-conditions/index.d.ts

@@ -2,6 +2,7 @@ import { type FC } from 'react';
 import { type Condition } from '@/types';
 interface TableCellConditionsProps {
     conditions: Condition[];
+    id: string;
 }
 declare const TableCellConditions: FC<TableCellConditionsProps>;
 export { TableCellConditions, type TableCellConditionsProps };