@odigos/ui-kit 0.0.10 → 0.0.12

package/CHANGELOG.md

@@ -1,5 +1,20 @@
 # Changelog
 
+## [0.0.12](https://github.com/odigos-io/ui-kit/compare/ui-kit-v0.0.11...ui-kit-v0.0.12) (2025-03-20)
+
+
+### Bug Fixes
+
+* table row click ([#34](https://github.com/odigos-io/ui-kit/issues/34)) ([5e78a3f](https://github.com/odigos-io/ui-kit/commit/5e78a3f516f294dae83729ebd52bf37bbfa3dd61))
+
+## [0.0.11](https://github.com/odigos-io/ui-kit/compare/ui-kit-v0.0.10...ui-kit-v0.0.11) (2025-03-20)
+
+
+### Features
+
+* kill deriveTypeFromRule function ([#33](https://github.com/odigos-io/ui-kit/issues/33)) ([3933bdc](https://github.com/odigos-io/ui-kit/commit/3933bdcc2b0bbe25a93d1297186964f3b6df674b))
+* refactor enums ([#31](https://github.com/odigos-io/ui-kit/issues/31)) ([62f58b8](https://github.com/odigos-io/ui-kit/commit/62f58b864c1ae79e675b13d20f806a11e37617ea))
+
 ## [0.0.10](https://github.com/odigos-io/ui-kit/compare/ui-kit-v0.0.9...ui-kit-v0.0.10) (2025-03-18)
 
 

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

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

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

@@ -1,24 +1,24 @@
 import { type FC } from 'react';
-declare enum DATA_CARD_FIELD_TYPES {
-    CODE = "code",
-    TABLE = "table",
-    BADGE = "badge",
-    LOADER = "loader",
-    DIVIDER = "divider",
-    MONITORS = "monitors",
-    COPY_TEXT = "copy-text",
-    DESCRIBE_ROW = "describe-row",
-    ACTIVE_STATUS = "active-status",
-    POD_CONTAINER = "pod-container",
-    SOURCE_CONTAINER = "source-container"
+declare enum DataCardFieldTypes {
+    Code = "code",
+    Table = "table",
+    Badge = "badge",
+    Loader = "loader",
+    Divider = "divider",
+    Monitors = "monitors",
+    CopyText = "copy-text",
+    DescribeRow = "describe-row",
+    ActiveStatus = "active-status",
+    PodContainer = "pod-container",
+    SourceContainer = "source-container"
 }
 interface DataCardFieldsProps {
     data: {
-        type?: DATA_CARD_FIELD_TYPES;
+        type?: DataCardFieldTypes;
         title?: string;
         tooltip?: string;
         value?: string | Record<string, any>;
     }[];
 }
 declare const DataCardFields: FC<DataCardFieldsProps>;
-export { DataCardFields, type DataCardFieldsProps, DATA_CARD_FIELD_TYPES };
+export { DataCardFields, type DataCardFieldsProps, DataCardFieldTypes };

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

@@ -1,5 +1,5 @@
 import { type ReactNode, type FC } from 'react';
-import { DataCardFields, type DataCardFieldsProps, DATA_CARD_FIELD_TYPES } from './data-card-fields';
+import { DataCardFields, type DataCardFieldsProps, DataCardFieldTypes } from './data-card-fields';
 interface DataCardProps {
     title?: string;
     titleBadge?: string | number;
@@ -10,4 +10,4 @@ interface DataCardProps {
     data: DataCardFieldsProps['data'];
 }
 declare const DataCard: FC<DataCardProps>;
-export { DataCard, type DataCardProps, DataCardFields, type DataCardFieldsProps, DATA_CARD_FIELD_TYPES };
+export { DataCard, type DataCardProps, DataCardFields, type DataCardFieldsProps, DataCardFieldTypes };

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 { STATUS_TYPE, SIGNAL_TYPE } from '@/types';
+import { StatusType, SignalType } from '@/types';
 interface DataTabProps {
     title: string;
     subTitle?: string;
@@ -9,9 +9,9 @@ interface DataTabProps {
     iconSrc?: string;
     iconSrcs?: string[];
     hoverText?: string;
-    status?: STATUS_TYPE;
+    status?: StatusType;
     faded?: boolean;
-    monitors?: SIGNAL_TYPE[];
+    monitors?: SignalType[];
     monitorsWithLabels?: boolean;
     isActive?: boolean;
     withCheckbox?: boolean;

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

@@ -1,10 +1,10 @@
 import React from 'react';
-import { ENTITY_TYPES } from '@/types';
+import { EntityTypes } from '@/types';
 interface DeleteWarningProps {
     isOpen: boolean;
     noOverlay?: boolean;
     name?: string;
-    type?: ENTITY_TYPES;
+    type?: EntityTypes;
     isLastItem?: boolean;
     onApprove: () => void;
     onDeny: () => void;

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

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

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

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

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

@@ -1,10 +1,10 @@
 import { type FC } from 'react';
 import type { SVG } from '@/types';
-import { STATUS_TYPE } from '@/types';
+import { StatusType } from '@/types';
 interface IconGroupProps {
     icons?: SVG[];
     iconSrcs?: string[];
-    status?: STATUS_TYPE;
+    status?: StatusType;
     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 { STATUS_TYPE, type SVG } from '@/types';
+import { StatusType, type SVG } from '@/types';
 interface IconWrappedProps {
     icon?: SVG;
     src?: string;
     alt?: string;
-    status?: STATUS_TYPE;
+    status?: StatusType;
     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 { STATUS_TYPE, type SVG } from '@/types';
+import { StatusType, type SVG } from '@/types';
 interface ColumnCell {
     key: string;
     title: string;
@@ -13,14 +13,15 @@ interface RowCell {
     textColor?: CSSProperties['color'];
     withTooltip?: boolean;
 }
+interface Row {
+    status?: StatusType;
+    faded?: boolean;
+    onClick?: () => void;
+    cells: RowCell[];
+}
 interface InteractiveTableProps {
     columns: ColumnCell[];
-    rows: {
-        status?: STATUS_TYPE;
-        faded?: boolean;
-        cells: RowCell[];
-    }[];
-    onRowClick?: (index: number) => void;
+    rows: Row[];
 }
 declare const InteractiveTable: FC<InteractiveTableProps>;
-export { InteractiveTable, type InteractiveTableProps, type ColumnCell, type RowCell };
+export { InteractiveTable, type InteractiveTableProps, type ColumnCell, type RowCell, type Row };

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

@@ -0,0 +1,13 @@
+import { type FC } from 'react';
+import { StatusType } from '@/types';
+import { ColumnCell, RowCell } from '.';
+interface TableRowProps {
+    index: number;
+    columns: ColumnCell[];
+    cells: RowCell[];
+    onClick?: () => void;
+    status?: StatusType;
+    faded?: boolean;
+}
+declare const TableRow: FC<TableRowProps>;
+export { TableRow, type TableRowProps };

package/lib/components/monitors-checkboxes/index.d.ts

@@ -1,13 +1,13 @@
 import { type FC } from 'react';
-import { SIGNAL_TYPE } from '@/types';
+import { SignalType } from '@/types';
 interface MonitorsCheckboxesProps {
     isVertical?: boolean;
     title?: string;
     required?: boolean;
     errorMessage?: string;
-    allowedSignals?: SIGNAL_TYPE[];
-    selectedSignals: SIGNAL_TYPE[];
-    setSelectedSignals: (value: SIGNAL_TYPE[]) => void;
+    allowedSignals?: SignalType[];
+    selectedSignals: SignalType[];
+    setSelectedSignals: (value: SignalType[]) => void;
 }
 declare const MonitorsCheckboxes: FC<MonitorsCheckboxesProps>;
 export { MonitorsCheckboxes, type MonitorsCheckboxesProps };

package/lib/components/monitors-icons/index.d.ts

@@ -1,7 +1,7 @@
 import { type FC } from 'react';
-import { SIGNAL_TYPE } from '@/types';
+import { SignalType } from '@/types';
 interface MonitorsIconsProps {
-    monitors?: SIGNAL_TYPE[];
+    monitors?: SignalType[];
     withTooltips?: boolean;
     withLabels?: boolean;
     size?: number;

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

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

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

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

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

@@ -1,10 +1,10 @@
 import { FC } from 'react';
 interface StepperProps {
+    currentStep: number;
     data: {
         stepNumber: number;
         title: string;
     }[];
-    currentStep: number;
 }
 declare const Stepper: FC<StepperProps>;
 export { Stepper, type StepperProps };

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

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

package/lib/components.js

@@ -1,18 +1,18 @@
-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 { 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 React, { Component, createElement, createContext } from 'react';
 import Theme from './theme.js';
 import './types.js';
-import './index-DIcomki-.js';
+import './index-DYEcdkUF.js';
 import 'styled-components';
-import './index-DB1gmCsH.js';
+import './index-CYn62h8x.js';
 import './index-BGlk5VhF.js';
-import './index-ixs381n-.js';
+import './index-9ObpINp4.js';
 import './index-BZS1ijMm.js';
 import './index-D_Qn2U89.js';
-import './index-CZe2VX28.js';
-import './index-BumPE6cF.js';
-import './useTransition-Dfxjcy-C.js';
+import './index-CJKFedQi.js';
+import './index-Db_ZDrEr.js';
+import './useTransition-CFmm4scp.js';
 import 'react-dom';
 import 'babel-runtime/helpers/extends';
 import 'babel-runtime/core-js/object/get-prototype-of';

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

@@ -9,27 +9,27 @@ export declare const FORM_ALERTS: {
     READONLY_WARNING: string;
 };
 export declare const DISPLAY_TITLES: {
-    NAMESPACE: string;
+    Namespace: string;
     NAME: string;
     KIND: string;
-    ACTION: string;
-    ACTIONS: string;
+    Action: string;
+    Actions: string;
     ACTION_DETAILS: string;
-    INSTRUMENTATION_RULE: string;
-    INSTRUMENTATION_RULES: string;
+    InstrumentationRule: string;
+    InstrumentationRules: string;
     INSTRUMENTATION_RULE_DETAILS: string;
-    DESTINATION: string;
-    DESTINATIONS: string;
+    Destination: string;
+    Destinations: string;
     DESTINATION_DETAILS: string;
-    SOURCE: string;
-    SOURCES: string;
+    Source: string;
+    Sources: string;
     SOURCE_DETAILS: string;
     TYPE: string;
     NOTES: string;
     STATUS: string;
     READONLY: string;
     LANGUAGE: string;
-    MONITORS: string;
+    Monitors: string;
     SIGNALS_FOR_PROCESSING: string;
     MANAGED_BY_PROFILE: string;
     API_TOKEN: string;

package/lib/constants.js

@@ -1,11 +1,11 @@
-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-DnmWFsTQ.js';
+export { A as ACTION_OPTIONS, I as INSTRUMENTATION_RULE_OPTIONS, M as MONITORS_OPTIONS } from './index-CJKFedQi.js';
+export { D as DISPLAY_TITLES, F as FORM_ALERTS } from './index-C_0J5P9M.js';
 import './types.js';
-import './index-BumPE6cF.js';
+import './index-Db_ZDrEr.js';
 import './index-BGlk5VhF.js';
 import 'react';
 import './theme.js';
-import './index-DIcomki-.js';
+import './index-DYEcdkUF.js';
 import 'styled-components';
 
 const TOKEN_ABOUT_TO_EXPIRE = 604800000; // 7 days in milliseconds

package/lib/containers/action-drawer/build-card.d.ts

@@ -1,7 +1,7 @@
 import { type Action } from '@/types';
-import { DATA_CARD_FIELD_TYPES } from '@/components';
+import { DataCardFieldTypes } from '@/components';
 declare const buildCard: (action: Action) => {
-    type?: DATA_CARD_FIELD_TYPES;
+    type?: DataCardFieldTypes;
     title?: string;
     tooltip?: string;
     value?: string | Record<string, any>;

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

@@ -1,8 +1,8 @@
 import { type FC } from 'react';
-import { ACTION_TYPE, type ActionFormData } from '@/types';
+import { ActionType, type ActionFormData } from '@/types';
 interface ActionDrawerProps {
     updateAction: (id: string, action: ActionFormData) => void;
-    deleteAction: (id: string, actionType: ACTION_TYPE) => void;
+    deleteAction: (id: string, actionType: ActionType) => void;
 }
 declare const ActionDrawer: FC<ActionDrawerProps>;
 export { ActionDrawer, type ActionDrawerProps };

package/lib/containers/action-form/custom-fields/index.d.ts

@@ -1,7 +1,7 @@
 import React from 'react';
-import { ACTION_TYPE, type ActionFormData, type CustomFieldProps } from '@/types';
+import { ActionType, type ActionFormData, type CustomFieldProps } from '@/types';
 interface CustomFieldsProps extends CustomFieldProps<ActionFormData> {
-    actionType?: ACTION_TYPE;
+    actionType?: ActionType;
 }
 declare const CustomFields: React.FC<CustomFieldsProps>;
 export { CustomFields, type CustomFieldsProps };

package/lib/containers/data-flow/edges/labeled-edge.d.ts

@@ -1,10 +1,10 @@
 import { type FC } from 'react';
-import { EDGE_TYPES } from '@/types';
+import { EdgeTypes } from '@/types';
 import { type EdgeProps, type Edge } from '@xyflow/react';
 export interface LabeledEdgeProps extends EdgeProps<Edge<{
     label: string;
     isMultiTarget?: boolean;
     isError?: boolean;
-}, EDGE_TYPES.LABELED>> {
+}, EdgeTypes.Labeled>> {
 }
 export declare const LabeledEdge: FC<LabeledEdgeProps>;

package/lib/containers/data-flow/helpers/get-main-container-language.d.ts

@@ -1,2 +1,2 @@
-import { PROGRAMMING_LANGUAGES, type Source } from '@/types';
-export declare const getMainContainerLanguage: (source: Source) => PROGRAMMING_LANGUAGES;
+import { ProgrammingLanguages, type Source } from '@/types';
+export declare const getMainContainerLanguage: (source: Source) => ProgrammingLanguages;

package/lib/containers/data-flow/helpers/get-node-positions.d.ts

@@ -1,8 +1,8 @@
-import { ENTITY_TYPES } from '@/types';
+import { EntityTypes } from '@/types';
 interface Params {
     containerWidth: number;
 }
-export type NodePositions = Record<ENTITY_TYPES, {
+export type NodePositions = Record<EntityTypes, {
     x: number;
     y: (idx?: number) => number;
 }>;

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

@@ -1,11 +1,11 @@
 import React from 'react';
-import { ADD_NODE_TYPES, NODE_TYPES } from '@/types';
+import { AddNodeTypes, NodeTypes } from '@/types';
 import { type Node, type NodeProps } from '@xyflow/react';
 export interface AddNodeProps extends NodeProps<Node<{
     nodeWidth: number;
-    type: ADD_NODE_TYPES;
+    type: AddNodeTypes;
     title: string;
     subTitle: string;
-}, NODE_TYPES.ADD>> {
+}, NodeTypes.Add>> {
 }
 export declare const AddNode: React.FC<AddNodeProps>;

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, STATUS_TYPE, SIGNAL_TYPE, type Source, type SVG, type WorkloadId } from '@/types';
+import { type Action, type Destination, EntityTypes, type InstrumentationRule, NodeTypes, StatusType, SignalType, type Source, type SVG, type WorkloadId } from '@/types';
 export interface BaseNodeProps extends NodeProps<Node<{
     nodeWidth: number;
     id: string | WorkloadId;
-    type: ENTITY_TYPES;
-    status?: STATUS_TYPE;
+    type: EntityTypes;
+    status?: StatusType;
     faded?: boolean;
     title: string;
     subTitle: string;
@@ -13,9 +13,9 @@ export interface BaseNodeProps extends NodeProps<Node<{
     icons?: SVG[];
     iconSrc?: string;
     iconSrcs?: string[];
-    monitors?: SIGNAL_TYPE[];
+    monitors?: SignalType[];
     isActive?: boolean;
     raw: Source | Destination | Action | InstrumentationRule;
-}, NODE_TYPES.BASE>> {
+}, NodeTypes.Base>> {
 }
 export declare const BaseNode: React.FC<BaseNodeProps>;

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

@@ -1,9 +1,9 @@
 import React from 'react';
-import { NODE_TYPES } from '@/types';
+import { NodeTypes } from '@/types';
 import { type Node, type NodeProps } from '@xyflow/react';
 export interface EdgedNodeProps extends NodeProps<Node<{
     nodeWidth: number;
     nodeHeight: number;
-}, NODE_TYPES.EDGED>> {
+}, NodeTypes.Edged>> {
 }
 export declare const EdgedNode: React.FC<EdgedNodeProps>;

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

@@ -1,9 +1,9 @@
 import React from 'react';
-import { NODE_TYPES } from '@/types';
+import { NodeTypes } from '@/types';
 import { type Node, type NodeProps } from '@xyflow/react';
 export interface FrameNodeProps extends NodeProps<Node<{
     nodeWidth: number;
     nodeHeight: number;
-}, NODE_TYPES.FRAME>> {
+}, NodeTypes.Frame>> {
 }
 export declare const FrameNode: React.FC<FrameNodeProps>;

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

@@ -1,6 +1,6 @@
 import React from 'react';
 import type { Node, NodeProps } from '@xyflow/react';
-import { NODE_TYPES, type Source, type SVG } from '@/types';
+import { NodeTypes, type Source, type SVG } from '@/types';
 export interface HeaderNodeProps extends NodeProps<Node<{
     nodeWidth: number;
     icon: SVG;
@@ -9,6 +9,6 @@ export interface HeaderNodeProps extends NodeProps<Node<{
     badgeTooltip?: string;
     isFetching?: boolean;
     sources?: Source[];
-}, NODE_TYPES.HEADER>> {
+}, NodeTypes.Header>> {
 }
 export declare const HeaderNode: React.FC<HeaderNodeProps>;

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, STATUS_TYPE, type Source, type SVG, type WorkloadId } from '@/types';
+import { EntityTypes, NodeTypes, StatusType, type Source, type SVG, type WorkloadId } from '@/types';
 export interface ScrollNodeProps extends NodeProps<Node<{
     nodeWidth: number;
     nodeHeight: number;
@@ -8,19 +8,19 @@ export interface ScrollNodeProps extends NodeProps<Node<{
         nodeWidth: number;
         framePadding: number;
         id: WorkloadId;
-        type: ENTITY_TYPES;
-        status?: STATUS_TYPE;
+        type: EntityTypes;
+        status?: StatusType;
         title: string;
         subTitle: string;
         icon?: SVG;
         iconSrc?: string;
         raw: Source;
-    }, NODE_TYPES.BASE>>[];
+    }, NodeTypes.Base>>[];
     onScroll: (params: {
         clientHeight: number;
         scrollHeight: number;
         scrollTop: number;
     }) => void;
-}, NODE_TYPES.SCROLL>> {
+}, NodeTypes.Scroll>> {
 }
 export declare const ScrollNode: React.FC<ScrollNodeProps>;

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

@@ -1,8 +1,8 @@
 import React from 'react';
-import { NODE_TYPES } from '@/types';
+import { NodeTypes } from '@/types';
 import { type Node, type NodeProps } from '@xyflow/react';
 export interface SkeletonNodeProps extends NodeProps<Node<{
     nodeWidth: number;
-}, NODE_TYPES.SKELETON>> {
+}, NodeTypes.Skeleton>> {
 }
 export declare const SkeletonNode: React.FC<SkeletonNodeProps>;

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

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

package/lib/containers/data-flow-actions-menu/search/search-results/builder.d.ts

@@ -1,5 +1,5 @@
-import { type Action, type Destination, ENTITY_TYPES, type InstrumentationRule, type Source } from '@/types';
-export type Category = 'all' | ENTITY_TYPES;
+import { type Action, type Destination, EntityTypes, type InstrumentationRule, type Source } from '@/types';
+export type Category = 'all' | EntityTypes;
 interface Params {
     searchText: string;
     selectedCategory: Category;

package/lib/containers/destination-drawer/build-card.d.ts

@@ -1,7 +1,7 @@
-import { DATA_CARD_FIELD_TYPES } from '@/components';
+import { DataCardFieldTypes } from '@/components';
 import { type Destination, type DestinationYamlProperties } from '@/types';
 declare const buildCard: (destination: Destination, yamlFields: DestinationYamlProperties[]) => {
-    type?: DATA_CARD_FIELD_TYPES;
+    type?: DataCardFieldTypes;
     title?: string;
     tooltip?: string;
     value?: string | Record<string, any>;