@odigos/ui-kit 0.0.9 → 0.0.10

package/lib/{index-m62aT4IR.js → index-Do8ODRlA.js}

@@ -1,9 +1,9 @@
 import React, { useState, useRef, forwardRef, useEffect, createElement, useCallback, useMemo, Fragment, useId } from 'react';
-import { NOTIFICATION_TYPE, OTHER_STATUS, PROGRAMMING_LANGUAGES, ENTITY_TYPES } from './types.js';
+import { STATUS_TYPE, OTHER_STATUS, PROGRAMMING_LANGUAGES, ENTITY_TYPES } from './types.js';
 import './index-DIcomki-.js';
 import styled, { css } from 'styled-components';
 import Theme from './theme.js';
-import { b as getStatusIcon, r as removeEmptyValuesFromObject, s as safeJsonStringify, f as flattenObjectKeys, m as mapConditions, c as capitalizeFirstLetter, g as getMonitorIcon, p as parseJsonStringToPrettyString, a as getProgrammingLanguageIcon, d as splitCamelString } from './index-Bc8gi9FH.js';
+import { b as getStatusIcon, r as removeEmptyValuesFromObject, s as safeJsonStringify, f as flattenObjectKeys, m as mapConditions, c as capitalizeFirstLetter, g as getMonitorIcon, p as parseJsonStringToPrettyString, a as getProgrammingLanguageIcon, d as splitCamelString } from './index-DB1gmCsH.js';
 import { s as safeJsonParse, i as isEmpty } from './index-BZS1ijMm.js';
 import { M as MinusIcon, f as CheckIcon, L as ListIcon, C as CodeIcon, E as ExtendArrowIcon, I as ImageErrorIcon, c as SortArrowsIcon, a as CopyIcon, b as NotebookIcon, X as XIcon, d as EyeClosedIcon, e as EyeOpenIcon, N as NoDataIcon, g as CrossIcon, S as SearchIcon, T as TrashIcon, P as PlusIcon, A as ArrowIcon } from './index-D_Qn2U89.js';
 import { M as MONITORS_OPTIONS } from './index-CZe2VX28.js';
@@ -339,7 +339,7 @@ const Button$4 = ({ children, variant = 'primary', onClick, ...props }) => {
 const CancelWarning = ({ isOpen, noOverlay, name, onApprove, onDeny }) => {
     return (React.createElement(WarningModal, { isOpen: isOpen, noOverlay: noOverlay, title: `Cancel${name ? ` ${name}` : ''}`, description: 'Are you sure you want to cancel?', approveButton: {
             text: 'Confirm',
-            variant: NOTIFICATION_TYPE.WARNING,
+            variant: STATUS_TYPE.WARNING,
             onClick: onApprove,
         }, denyButton: {
             text: 'Go Back',
@@ -381,6 +381,20 @@ const ModalBody = styled.div `
   margin: ${({ $isNotModal }) => ($isNotModal ? '64px 0 0 0' : '64px 7vw 32px 7vw')};
   overflow-y: scroll;
 `;
+// common styles for focused-table containers
+const TableContainer = styled(FlexColumn) `
+  max-width: ${({ $maxWidth }) => $maxWidth || 'unset'};
+  width: 100%;
+`;
+const TableTitleWrap = styled(FlexRow) `
+  gap: 16px;
+  padding: 16px;
+`;
+const TableWrap = styled.div `
+  width: 100%;
+  max-height: ${({ $maxHeight }) => $maxHeight || 'unset'};
+  overflow-y: auto;
+`;
 
 const TooltipContainer = styled.div `
   position: relative;
@@ -3723,7 +3737,7 @@ const getComponentsFromPropertyString = (propertyString, theme) => {
                     return React.createElement("div", { key: useId(), style: { width: 16, height: 16 } });
                 let Icon = getStatusIcon(value, theme);
                 if (!Icon)
-                    Icon = getStatusIcon(NOTIFICATION_TYPE.WARNING, theme);
+                    Icon = getStatusIcon(STATUS_TYPE.WARNING, theme);
                 return React.createElement(Icon, { key: useId() });
             default:
                 console.warn('unexpected component type!', type);
@@ -3951,15 +3965,15 @@ const ExtendArrow = ({ extend, size = 14, align = 'center' }) => {
 
 const Container$q = styled.div `
   border-radius: 24px;
-  background-color: ${({ theme, $status }) => $status === NOTIFICATION_TYPE.ERROR
+  background-color: ${({ theme, $status }) => $status === STATUS_TYPE.ERROR
     ? theme.text.error + Theme.opacity.hex['010']
-    : $status === NOTIFICATION_TYPE.WARNING
+    : $status === STATUS_TYPE.WARNING
         ? theme.text.warning + Theme.opacity.hex['010']
         : theme.colors.secondary + Theme.opacity.hex['005']};
   &:hover {
-    background-color: ${({ theme, $status }) => $status === NOTIFICATION_TYPE.ERROR
+    background-color: ${({ theme, $status }) => $status === STATUS_TYPE.ERROR
     ? theme.text.error + Theme.opacity.hex['020']
-    : $status === NOTIFICATION_TYPE.WARNING
+    : $status === STATUS_TYPE.WARNING
         ? theme.text.warning + Theme.opacity.hex['020']
         : theme.colors.secondary + Theme.opacity.hex['010']};
   }
@@ -3990,9 +4004,9 @@ const ConditionDetails = ({ conditions: c, headerLabelError = 'Something Failed'
     const theme = Theme.useTheme();
     const [extend, setExtend] = useState(false);
     const conditions = mapConditions(c);
-    const errors = useMemo(() => conditions.filter(({ status }) => status === NOTIFICATION_TYPE.ERROR), [conditions]);
+    const errors = useMemo(() => conditions.filter(({ status }) => status === STATUS_TYPE.ERROR), [conditions]);
     const hasErrors = !!errors.length;
-    const warnings = useMemo(() => conditions.filter(({ status }) => status === NOTIFICATION_TYPE.WARNING), [conditions]);
+    const warnings = useMemo(() => conditions.filter(({ status }) => status === STATUS_TYPE.WARNING), [conditions]);
     const hasWarnings = !!warnings.length;
     const disableds = useMemo(() => conditions.filter(({ status }) => status === OTHER_STATUS.DISABLED), [conditions]);
     const hasDisableds = !!disableds.length;
@@ -4002,7 +4016,7 @@ const ConditionDetails = ({ conditions: c, headerLabelError = 'Something Failed'
     useEffect(() => {
         setExtend(hasErrors || hasWarnings || hasDisableds || hasLoadings);
     }, [hasErrors, hasWarnings, hasDisableds, hasLoadings]);
-    const overallStatus = hasErrors ? NOTIFICATION_TYPE.ERROR : hasWarnings ? NOTIFICATION_TYPE.WARNING : hasDisableds ? NOTIFICATION_TYPE.INFO : NOTIFICATION_TYPE.SUCCESS;
+    const overallStatus = hasErrors ? STATUS_TYPE.ERROR : hasWarnings ? STATUS_TYPE.WARNING : hasDisableds ? STATUS_TYPE.INFO : STATUS_TYPE.SUCCESS;
     const HeaderIcon = getStatusIcon(overallStatus, theme);
     const headerText = hasErrors ? headerLabelError : hasWarnings ? headerLabelWarning : hasDisableds ? headerLabelWarning : loading ? 'Loading...' : headerLabelSuccess;
     const headerTextColor = hasErrors ? theme.text.error : hasWarnings ? theme.text.warning : theme.text.info;
@@ -4016,13 +4030,13 @@ const ConditionDetails = ({ conditions: c, headerLabelError = 'Something Failed'
             React.createElement(Text, { color: headerSubTextColor, size: 12, family: 'secondary' }, headerSubText),
             React.createElement(ExtendArrow, { extend: extend, align: 'right' })),
         extend && (React.createElement(Body, null, conditions.map(({ status, type, reason, message, lastTransitionTime }, idx) => {
-            const Icon = status === 'loading' ? () => React.createElement(FadeLoader, { scale: 0.8 }) : status === 'disabled' ? getStatusIcon(NOTIFICATION_TYPE.INFO, theme) : getStatusIcon(status, theme);
-            const color = status === 'disabled' ? theme.text.info : status === NOTIFICATION_TYPE.ERROR ? theme.text.error : status === NOTIFICATION_TYPE.WARNING ? theme.text.warning : theme.text.info;
+            const Icon = status === 'loading' ? () => React.createElement(FadeLoader, { scale: 0.8 }) : status === 'disabled' ? getStatusIcon(STATUS_TYPE.INFO, theme) : getStatusIcon(status, theme);
+            const color = status === 'disabled' ? theme.text.info : status === STATUS_TYPE.ERROR ? theme.text.error : status === STATUS_TYPE.WARNING ? theme.text.warning : theme.text.info;
             const boldColor = status === 'disabled'
                 ? theme.text.info_secondary
-                : status === NOTIFICATION_TYPE.ERROR
+                : status === STATUS_TYPE.ERROR
                     ? theme.text.error_secondary
-                    : status === NOTIFICATION_TYPE.WARNING
+                    : status === STATUS_TYPE.WARNING
                         ? theme.text.warning_secondary
                         : theme.text.info_secondary;
             return (React.createElement(Row$1, { key: `condition-${idx}` },
@@ -4063,9 +4077,9 @@ const TextWrapper$1 = styled.div `
   display: flex;
   align-items: center;
 `;
-const Status = ({ title, subtitle, size = 12, family = 'secondary', status = NOTIFICATION_TYPE.DEFAULT, withIcon, withBorder, withBackground }) => {
+const Status = ({ title, subtitle, size = 12, family = 'secondary', status = STATUS_TYPE.DEFAULT, withIcon, withBorder, withBackground }) => {
     const theme = Theme.useTheme();
-    const statusType = status === OTHER_STATUS.LOADING ? NOTIFICATION_TYPE.INFO : status;
+    const statusType = status === OTHER_STATUS.LOADING ? STATUS_TYPE.INFO : status;
     const StatusIcon = status === OTHER_STATUS.LOADING ? () => React.createElement(FadeLoader, { scale: 0.8 }) : () => getStatusIcon(statusType, theme)({ size: size + 2 });
     return (React.createElement(Container$p, { "$size": size, "$status": statusType, "$withIcon": withIcon, "$withBorder": withBorder, "$withBackground": withBackground },
         withIcon && (React.createElement(IconWrapper$4, null,
@@ -4298,7 +4312,7 @@ const DataTab = ({ title, subTitle, icon, icons, iconSrc, iconSrcs, hoverText, s
             return null;
         return (React.createElement(React.Fragment, null,
             withSeperator && React.createElement(SubTitle$2, null, '•'),
-            React.createElement(Status, { status: isActive ? NOTIFICATION_TYPE.SUCCESS : NOTIFICATION_TYPE.ERROR, size: 10 })));
+            React.createElement(Status, { status: isActive ? STATUS_TYPE.SUCCESS : STATUS_TYPE.ERROR, size: 10 })));
     };
     return (React.createElement(Container$m, { ref: containerRef, "$status": status, "$faded": faded, "$withClick": !!onClick, onClick: onClick, ...props },
         React.createElement(FlexRow, { "$gap": 8 },
@@ -4607,7 +4621,7 @@ const renderValue = (type, value) => {
             return React.createElement(InteractiveTable, { ...params });
         }
         case DATA_CARD_FIELD_TYPES.ACTIVE_STATUS: {
-            return React.createElement(Status, { status: value == 'true' ? NOTIFICATION_TYPE.SUCCESS : NOTIFICATION_TYPE.ERROR, title: value == 'true' ? 'Active' : 'Inactive', size: 10, withIcon: true, withBorder: true });
+            return React.createElement(Status, { status: value == 'true' ? STATUS_TYPE.SUCCESS : STATUS_TYPE.ERROR, title: value == 'true' ? 'Active' : 'Inactive', size: 10, withIcon: true, withBorder: true });
         }
         case DATA_CARD_FIELD_TYPES.COPY_TEXT: {
             const str = typeof value === 'string' ? value : JSON.stringify(value);
@@ -4622,14 +4636,14 @@ const renderValue = (type, value) => {
             const { containerName, actualDevice, processes } = safeJsonParse(value, {
                 containerName: '',
                 actualDevice: { title: '', subTitle: '', tooltip: '' },
-                processes: [{ health: NOTIFICATION_TYPE.INFO, message: '', identifyingAttributes: [] }],
+                processes: [{ health: STATUS_TYPE.INFO, message: '', identifyingAttributes: [] }],
             });
             return (React.createElement(DataTab, { title: containerName, subTitle: `${processes.length} Instrumented Processes`, renderActions: () => {
-                    return (React.createElement(Status, { status: NOTIFICATION_TYPE.INFO, title: 'Instrumentation Device', subtitle: !actualDevice.subTitle || actualDevice.subTitle === '[]' ? 'none' : actualDevice.subTitle, withBorder: true }));
+                    return React.createElement(Status, { status: STATUS_TYPE.INFO, title: 'Instrumentation Device', subtitle: !actualDevice.subTitle || actualDevice.subTitle === '[]' ? 'none' : actualDevice.subTitle, withBorder: true });
                 }, isExtended: !!processes.length, renderExtended: () => {
                     return (React.createElement(FlexColStretched, { "$gap": 24 }, processes.map((process, idx) => (React.createElement(FlexColStretched, { key: `process-${idx}`, "$gap": 8 },
                         React.createElement(DescribeRow, { title: `Instrumented Process #${idx + 1}`, subTitle: process.message || '', value: {
-                                text: process.health === NOTIFICATION_TYPE.SUCCESS ? 'healthy' : 'unhealthy',
+                                text: process.health === STATUS_TYPE.SUCCESS ? 'healthy' : 'unhealthy',
                                 status: process.health,
                             } }),
                         process.identifyingAttributes.map(({ name, value }) => (React.createElement(DescribeRow, { key: useId(), title: name, subTitle: '', value: { text: value, status: undefined } }))))))));
@@ -4648,11 +4662,11 @@ const renderValue = (type, value) => {
             return (React.createElement(DataTab, { title: containerName, subTitle: `${language === PROGRAMMING_LANGUAGES.JAVASCRIPT ? 'Node.js' : capitalizeFirstLetter(language)}` + (!!runtimeVersion ? ` • Runtime Version: ${runtimeVersion}` : ''), icon: getProgrammingLanguageIcon(language), isExtended: !!instrumentationMessage, renderExtended: () => {
                     if (!!instrumentationMessage) {
                         return (React.createElement(AlignCenter, null,
-                            React.createElement(Status, { status: NOTIFICATION_TYPE.INFO, title: splitCamelString(instrumentationMessage) })));
+                            React.createElement(Status, { status: STATUS_TYPE.INFO, title: splitCamelString(instrumentationMessage) })));
                     }
                     return null;
                 }, renderActions: () => {
-                    return (React.createElement(Status, { status: instrumented ? NOTIFICATION_TYPE.SUCCESS : awaitingInstrumentation ? NOTIFICATION_TYPE.WARNING : NOTIFICATION_TYPE.ERROR, title: instrumented ? 'Instrumented' : awaitingInstrumentation ? 'Instrumenting...' : 'Uninstrumented', subtitle: otelDistroName, withIcon: true, withBorder: true }));
+                    return (React.createElement(Status, { status: instrumented ? STATUS_TYPE.SUCCESS : awaitingInstrumentation ? STATUS_TYPE.WARNING : STATUS_TYPE.ERROR, title: instrumented ? 'Instrumented' : awaitingInstrumentation ? 'Instrumenting...' : 'Uninstrumented', subtitle: otelDistroName, withIcon: true, withBorder: true }));
                 } }));
         }
         default: {
@@ -4714,7 +4728,7 @@ const DeleteWarning = ({ isOpen, noOverlay, name, type, isLastItem, onApprove, o
     const actionText = type === ENTITY_TYPES.SOURCE ? 'uninstrument' : 'delete';
     return (React.createElement(WarningModal, { isOpen: isOpen, noOverlay: noOverlay, title: `${actionText.charAt(0).toUpperCase() + actionText.substring(1)}${name ? ` ${name}` : ''}`, description: `Are you sure you want to ${actionText}?`, note: isLastItem
             ? {
-                type: NOTIFICATION_TYPE.WARNING,
+                type: STATUS_TYPE.WARNING,
                 title: `You're about to ${actionText} the last ${type || name}`,
                 message: '',
             }
@@ -4783,11 +4797,20 @@ const Tab = styled(Text) `
   gap: 8px;
 `;
 const DrawerHeader = ({ onClose, icon, iconSrc, title, titleTooltip, replaceTitleWith: ReplaceTitleWith, actionButtons = [], tabs }) => {
+    const renderReplaceTitleWith = () => {
+        if (typeof ReplaceTitleWith === 'function') {
+            return React.createElement(ReplaceTitleWith, null);
+        }
+        if (ReplaceTitleWith) {
+            return ReplaceTitleWith;
+        }
+        return null;
+    };
     return (React.createElement(Container$j, null,
         React.createElement(TopRow, null,
             React.createElement(SectionItemsWrapper, null,
                 (!!icon || !!iconSrc) && React.createElement(IconWrapped, { icon: icon, src: iconSrc, alt: 'Drawer Item' }),
-                !!ReplaceTitleWith ? (React.createElement(ReplaceTitleWith, null)) : (React.createElement(Tooltip, { text: titleTooltip, withIcon: true }, title && React.createElement(Title$7, null, title)))),
+                renderReplaceTitleWith() || (React.createElement(Tooltip, { text: titleTooltip, withIcon: true }, title && React.createElement(Title$7, null, title)))),
             React.createElement(SectionItemsWrapper, { "$gap": 2 },
                 actionButtons.map((btn, i) => (React.createElement(ActionButton$1, { key: `header-action-button-${i}`, ...btn }))),
                 React.createElement(CloseButton, { "data-id": 'drawer-close', variant: 'secondary', onClick: onClose },
@@ -29571,4 +29594,4 @@ const WarningModal = ({ isOpen, noOverlay, title = '', description = '', note, a
                 React.createElement(FooterButton, { "data-id": 'deny', variant: denyButton.variant || 'secondary', onClick: onDeny }, denyButton.text)))));
 };
 
-export { FlexColumn as $, AutocompleteInput as A, Button$4 as B, CancelWarning as C, DataCard as D, ExtendArrow as E, FadeLoader as F, MonitorsIcons as G, Header as H, IconButton as I, NoDataFound as J, KeyValueInputsList as K, NotificationNote as L, Modal as M, NavigationButtons as N, Segment as O, SkeletonLoader as P, Status as Q, Stepper as R, SectionTitle as S, ToggleCodeComponent as T, Text as U, TextArea as V, Toggle as W, Tooltip as X, TraceLoader as Y, WarningModal as Z, FlexRow as _, Badge as a, CenterThis as a0, Overlay as a1, ModalBody as a2, getDefaultExportFromCjs as a3, Checkbox as b, Code as c, ConditionDetails as d, DataCardFields as e, DATA_CARD_FIELD_TYPES as f, DataTab as g, DeleteWarning as h, Divider as i, DocsButton as j, Drawer as k, DrawerHeader as l, DrawerFooter as m, Dropdown as n, FieldError as o, FieldLabel as p, IconGroup as q, IconTitleBadge as r, IconWrapped as s, IconsNav as t, ImageControlled as u, Input as v, InputList as w, InputTable as x, InteractiveTable as y, MonitorsCheckboxes as z };
+export { FlexColumn as $, AutocompleteInput as A, Button$4 as B, CancelWarning as C, DataCard as D, ExtendArrow as E, FadeLoader as F, MonitorsIcons as G, Header as H, IconButton as I, NoDataFound as J, KeyValueInputsList as K, NotificationNote as L, Modal as M, NavigationButtons as N, Segment as O, SkeletonLoader as P, Status as Q, Stepper as R, SectionTitle as S, ToggleCodeComponent as T, Text as U, TextArea as V, Toggle as W, Tooltip as X, TraceLoader as Y, WarningModal as Z, FlexRow as _, Badge as a, CenterThis as a0, Overlay as a1, ModalBody as a2, TableContainer as a3, TableTitleWrap as a4, TableWrap as a5, getDefaultExportFromCjs as a6, Checkbox as b, Code as c, ConditionDetails as d, DataCardFields as e, DATA_CARD_FIELD_TYPES as f, DataTab as g, DeleteWarning as h, Divider as i, DocsButton as j, Drawer as k, DrawerHeader as l, DrawerFooter as m, Dropdown as n, FieldError as o, FieldLabel as p, IconGroup as q, IconTitleBadge as r, IconWrapped as s, IconsNav as t, ImageControlled as u, Input as v, InputList as w, InputTable as x, InteractiveTable as y, MonitorsCheckboxes as z };

package/lib/{index-g6Twdelv.js → index-eF2JXMVR.js}

@@ -1,5 +1,5 @@
-import { NOTIFICATION_TYPE, OTHER_STATUS, ENTITY_TYPES, PLATFORM_TYPE } from './types.js';
-import { a as getProgrammingLanguageIcon } from './index-Bc8gi9FH.js';
+import { STATUS_TYPE, OTHER_STATUS, ENTITY_TYPES, PLATFORM_TYPE } from './types.js';
+import { a as getProgrammingLanguageIcon } from './index-DB1gmCsH.js';
 import 'react';
 import './index-DIcomki-.js';
 import 'styled-components';
@@ -61,7 +61,7 @@ const filterSources = (sources, filters) => {
     if (!!filters.languages?.length)
         filtered = filtered.filter((source) => !!filters.languages?.find((language) => !!source.containers?.find((cont) => cont.language === language.id)));
     if (!!filters.onlyErrors)
-        filtered = filtered.filter((source) => !!source.conditions?.find((cond) => cond.status === NOTIFICATION_TYPE.ERROR));
+        filtered = filtered.filter((source) => !!source.conditions?.find((cond) => cond.status === STATUS_TYPE.ERROR));
     if (!!filters.errors?.length)
         filtered = filtered.filter((source) => !!filters.errors?.find((error) => !!source.conditions?.find((cond) => cond.message === error.id)));
     return filtered;
@@ -77,11 +77,11 @@ const formatBytes = (bytes) => {
 };
 
 const getConditionsBooleans = (conditions) => {
-    const hasErrors = !!conditions?.find(({ status }) => status === NOTIFICATION_TYPE.ERROR);
-    const hasWarnings = !!conditions?.find(({ status }) => status === NOTIFICATION_TYPE.WARNING);
+    const hasErrors = !!conditions?.find(({ status }) => status === STATUS_TYPE.ERROR);
+    const hasWarnings = !!conditions?.find(({ status }) => status === STATUS_TYPE.WARNING);
     const hasDisableds = !!conditions?.find(({ status }) => status === OTHER_STATUS.DISABLED);
     const hasLoadings = !!conditions?.find(({ status }) => status === OTHER_STATUS.LOADING);
-    const priorotizedStatus = hasErrors ? NOTIFICATION_TYPE.ERROR : hasWarnings ? NOTIFICATION_TYPE.WARNING : hasDisableds ? NOTIFICATION_TYPE.INFO : undefined;
+    const priorotizedStatus = hasErrors ? STATUS_TYPE.ERROR : hasWarnings ? STATUS_TYPE.WARNING : hasDisableds ? STATUS_TYPE.INFO : undefined;
     return {
         hasErrors,
         hasWarnings,

package/lib/types/common/index.d.ts

@@ -89,7 +89,7 @@ export declare enum CRD_TYPES {
     LATENCY_SAMPLER = "LatencySampler",
     PROBABILISTIC_SAMPLER = "ProbabilisticSampler"
 }
-export declare enum NOTIFICATION_TYPE {
+export declare enum STATUS_TYPE {
     WARNING = "warning",
     ERROR = "error",
     SUCCESS = "success",
@@ -101,7 +101,7 @@ export declare enum OTHER_STATUS {
     DISABLED = "disabled"
 }
 export interface Condition {
-    status: NOTIFICATION_TYPE | OTHER_STATUS;
+    status: STATUS_TYPE | OTHER_STATUS;
     type: string;
     reason?: string | null;
     message?: string | null;
@@ -109,7 +109,7 @@ export interface Condition {
 }
 export interface Notification {
     id: string;
-    type: NOTIFICATION_TYPE;
+    type: STATUS_TYPE;
     title?: string;
     message?: string;
     crdType?: string;

package/lib/types/connection/index.d.ts

@@ -1,7 +1,7 @@
-import { NOTIFICATION_TYPE, PLATFORM_TYPE } from '../common';
+import { STATUS_TYPE, PLATFORM_TYPE } from '../common';
 export interface Connection {
     id: string;
     type?: PLATFORM_TYPE;
     name?: string;
-    status: NOTIFICATION_TYPE;
+    status: STATUS_TYPE;
 }

package/lib/types.js

@@ -89,14 +89,14 @@ var CRD_TYPES;
     CRD_TYPES["LATENCY_SAMPLER"] = "LatencySampler";
     CRD_TYPES["PROBABILISTIC_SAMPLER"] = "ProbabilisticSampler";
 })(CRD_TYPES || (CRD_TYPES = {}));
-var NOTIFICATION_TYPE;
-(function (NOTIFICATION_TYPE) {
-    NOTIFICATION_TYPE["WARNING"] = "warning";
-    NOTIFICATION_TYPE["ERROR"] = "error";
-    NOTIFICATION_TYPE["SUCCESS"] = "success";
-    NOTIFICATION_TYPE["INFO"] = "info";
-    NOTIFICATION_TYPE["DEFAULT"] = "default";
-})(NOTIFICATION_TYPE || (NOTIFICATION_TYPE = {}));
+var STATUS_TYPE;
+(function (STATUS_TYPE) {
+    STATUS_TYPE["WARNING"] = "warning";
+    STATUS_TYPE["ERROR"] = "error";
+    STATUS_TYPE["SUCCESS"] = "success";
+    STATUS_TYPE["INFO"] = "info";
+    STATUS_TYPE["DEFAULT"] = "default";
+})(STATUS_TYPE || (STATUS_TYPE = {}));
 var OTHER_STATUS;
 (function (OTHER_STATUS) {
     OTHER_STATUS["LOADING"] = "loading";
@@ -163,4 +163,4 @@ var K8S_RESOURCE_KIND;
     K8S_RESOURCE_KIND["STATEFUL_SET"] = "StatefulSet";
 })(K8S_RESOURCE_KIND || (K8S_RESOURCE_KIND = {}));
 
-export { ACTION_TYPE, ADD_NODE_TYPES, CODE_ATTRIBUTES_KEY_TYPES, CRD_TYPES, CRUD, EDGE_TYPES, ENTITY_TYPES, FIELD_TYPES, INSTRUMENTATION_RULE_TYPE, K8S_RESOURCE_KIND, NODE_TYPES, NOTIFICATION_TYPE, OTHER_STATUS, PAYLOAD_COLLECTION_KEY_TYPES, PLATFORM_TYPE, PROGRAMMING_LANGUAGES, SIGNAL_TYPE, TIER };
+export { ACTION_TYPE, ADD_NODE_TYPES, CODE_ATTRIBUTES_KEY_TYPES, CRD_TYPES, CRUD, EDGE_TYPES, ENTITY_TYPES, FIELD_TYPES, INSTRUMENTATION_RULE_TYPE, K8S_RESOURCE_KIND, NODE_TYPES, OTHER_STATUS, PAYLOAD_COLLECTION_KEY_TYPES, PLATFORM_TYPE, PROGRAMMING_LANGUAGES, SIGNAL_TYPE, STATUS_TYPE, TIER };

package/lib/{useSourceSelectionFormData-BY6B70Kf.js → useSourceSelectionFormData-CxdOP9FT.js}

@@ -1,10 +1,10 @@
-import { ACTION_TYPE, NOTIFICATION_TYPE, ADD_NODE_TYPES, ENTITY_TYPES, FIELD_TYPES } from './types.js';
+import { ACTION_TYPE, STATUS_TYPE, ADD_NODE_TYPES, ENTITY_TYPES, FIELD_TYPES } from './types.js';
 import { useState, useEffect, useCallback } from 'react';
 import { f as useNotificationStore, e as useModalStore, a as useDrawerStore, i as useSetupStore } from './index-DIcomki-.js';
 import 'styled-components';
 import { i as isEmpty, s as safeJsonParse } from './index-BZS1ijMm.js';
 import './index-CZe2VX28.js';
-import { F as FORM_ALERTS } from './index-Cu2uHOuh.js';
+import { F as FORM_ALERTS } from './index-DnmWFsTQ.js';
 import { b as useGenericForm } from './useTransition-Dfxjcy-C.js';
 import { g as getIdFromSseTarget } from './index-BFct3S32.js';
 
@@ -75,7 +75,7 @@ const useActionFormData = () => {
         ok = !Object.values(errors).length;
         if (!ok && params?.withAlert) {
             addNotification({
-                type: NOTIFICATION_TYPE.WARNING,
+                type: STATUS_TYPE.WARNING,
                 title: params.alertTitle,
                 message: FORM_ALERTS.REQUIRED_FIELDS,
                 hideFromHistory: true,
@@ -308,7 +308,7 @@ const useDestinationFormData = (params) => {
         });
         if (!ok && params?.withAlert) {
             addNotification({
-                type: NOTIFICATION_TYPE.WARNING,
+                type: STATUS_TYPE.WARNING,
                 title: params.alertTitle,
                 message: FORM_ALERTS.REQUIRED_FIELDS,
                 hideFromHistory: true,

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@odigos/ui-kit",
-  "version": "0.0.9",
+  "version": "0.0.10",
   "author": "Odigos",
   "repository": {
     "type": "git",
@@ -74,7 +74,7 @@
     "react-dom": "^19.0.0",
     "react-error-boundary": "^5.0.0",
     "react-lottie": "^1.2.10",
-    "styled-components": "^6.1.15",
+    "styled-components": "^6.1.16",
     "zustand": "^5.0.3"
   },
   "dependencies": {
@@ -85,7 +85,7 @@
     "react-dom": "^19.0.0",
     "react-error-boundary": "^5.0.0",
     "react-lottie": "^1.2.10",
-    "styled-components": "^6.1.15",
+    "styled-components": "^6.1.16",
     "zustand": "^5.0.3"
   },
   "devDependencies": {
@@ -96,12 +96,12 @@
     "@rollup/plugin-commonjs": "^28.0.3",
     "@rollup/plugin-json": "^6.1.0",
     "@rollup/plugin-node-resolve": "^16.0.1",
-    "@storybook/addon-essentials": "^8.6.4",
+    "@storybook/addon-essentials": "^8.6.7",
     "@storybook/addon-webpack5-compiler-babel": "^3.0.5",
-    "@storybook/react": "^8.6.4",
-    "@storybook/react-webpack5": "^8.6.4",
+    "@storybook/react": "^8.6.7",
+    "@storybook/react-webpack5": "^8.6.7",
     "@types/node": "^22.13.10",
-    "@types/react": "^19.0.10",
+    "@types/react": "^19.0.11",
     "@types/react-dom": "^19.0.4",
     "@types/react-lottie": "^1.2.10",
     "@typescript-eslint/eslint-plugin": "^8.26.1",
@@ -110,13 +110,13 @@
     "babel-plugin-styled-components": "^2.1.4",
     "eslint": "^9.22.0",
     "eslint-plugin-react": "^7.37.4",
-    "eslint-plugin-storybook": "^0.11.4",
+    "eslint-plugin-storybook": "^0.11.6",
     "html-webpack-plugin": "^5.6.3",
     "postcss": "^8.5.3",
-    "rollup": "^4.35.0",
+    "rollup": "^4.36.0",
     "rollup-plugin-postcss": "^4.0.2",
     "rollup-plugin-typescript2": "^0.36.0",
-    "storybook": "^8.6.4",
+    "storybook": "^8.6.7",
     "typescript": "^5.8.2"
   }
 }