@odigos/ui-kit 0.0.44 → 0.0.45

package/CHANGELOG.md

@@ -1,5 +1,17 @@
 # Changelog
 
+## [0.0.45](https://github.com/odigos-io/ui-kit/compare/ui-kit-v0.0.44...ui-kit-v0.0.45) (2025-06-23)
+
+
+### Features
+
+* re-use getConditionsBooleans function ([#188](https://github.com/odigos-io/ui-kit/issues/188)) ([e602132](https://github.com/odigos-io/ui-kit/commit/e60213239340354d44c4855abf8a39da44acdeee))
+
+
+### Bug Fixes
+
+* initialize extend state with initialExtended prop in DataCard component ([#189](https://github.com/odigos-io/ui-kit/issues/189)) ([31604ca](https://github.com/odigos-io/ui-kit/commit/31604cabee2587c647354601fca37d3816a4807d))
+
 ## [0.0.44](https://github.com/odigos-io/ui-kit/compare/ui-kit-v0.0.43...ui-kit-v0.0.44) (2025-06-19)
 
 

package/lib/components.js

@@ -1,11 +1,11 @@
-import { B as Button } from './index-AM8c03-E.js';
-export { a as AutocompleteInput, b as Badge, a1 as CenterThis, C as Checkbox, c as Code, d as ConditionDetails, D as DataCard, f as DataCardFieldTypes, e as DataCardFields, g as DataTab, h as Divider, i as DocsButton, j as Drawer, l as DrawerFooter, k as DrawerHeader, m as Dropdown, E as ExtendArrow, F as FadeLoader, n as FieldError, o as FieldLabel, a0 as FlexColumn, $ as FlexRow, H as Header, I as IconButton, p as IconGroup, q as IconTitleBadge, r as IconWrapped, s as IconsNav, t as ImageControlled, u as Input, v as InputList, w as InputTable, x as InteractiveTable, K as KeyValueInputsList, M as Modal, a4 as ModalBody, y as MonitorsCheckboxes, z as MonitorsIcons, N as NavigationButtons, G as NoDataFound, J as NotificationNote, a3 as Overlay, S as ScrollX, L as SectionTitle, O as Segment, P as SelectionButton, Q as SkeletonLoader, R as Status, U as Stepper, a5 as TableContainer, a6 as TableTitleWrap, a7 as TableWrap, V as Text, W as TextArea, X as Toggle, T as ToggleCodeComponent, Y as Tooltip, Z as TraceLoader, a2 as VerticalScroll, _ as WarningModal } from './index-AM8c03-E.js';
-export { C as CancelWarning, D as DeleteWarning } from './index-Dxj04GUZ.js';
+import { B as Button } from './index-C4uhvIMP.js';
+export { a as AutocompleteInput, b as Badge, a1 as CenterThis, C as Checkbox, c as Code, d as ConditionDetails, D as DataCard, f as DataCardFieldTypes, e as DataCardFields, g as DataTab, h as Divider, i as DocsButton, j as Drawer, l as DrawerFooter, k as DrawerHeader, m as Dropdown, E as ExtendArrow, F as FadeLoader, n as FieldError, o as FieldLabel, a0 as FlexColumn, $ as FlexRow, H as Header, I as IconButton, p as IconGroup, q as IconTitleBadge, r as IconWrapped, s as IconsNav, t as ImageControlled, u as Input, v as InputList, w as InputTable, x as InteractiveTable, K as KeyValueInputsList, M as Modal, a4 as ModalBody, y as MonitorsCheckboxes, z as MonitorsIcons, N as NavigationButtons, G as NoDataFound, J as NotificationNote, a3 as Overlay, S as ScrollX, L as SectionTitle, O as Segment, P as SelectionButton, Q as SkeletonLoader, R as Status, U as Stepper, a5 as TableContainer, a6 as TableTitleWrap, a7 as TableWrap, V as Text, W as TextArea, X as Toggle, T as ToggleCodeComponent, Y as Tooltip, Z as TraceLoader, a2 as VerticalScroll, _ as WarningModal } from './index-C4uhvIMP.js';
+export { C as CancelWarning, D as DeleteWarning } from './index-CnbEaeQS.js';
 import React, { Component, createElement, createContext } from 'react';
 import { T as Theme } from './index-BD7meETN.js';
 import './types.js';
 import './index-CY3kjYr3.js';
-import './index-b8zuk7ta.js';
+import './index-qnmhJI4d.js';
 import 'styled-components';
 import './index-DZWbhK14.js';
 import './index-BV85P9UP.js';

package/lib/containers.js

@@ -2,19 +2,19 @@ import React, { useState, useEffect, forwardRef, useRef, useImperativeHandle, us
 import styled, { css } from 'styled-components';
 import { l as DISPLAY_TITLES, T as Theme, h as usePendingStore, g as useNotificationStore, b as useDrawerStore, B as BUTTON_TEXTS, c as useEntityStore, A as ACTION_OPTIONS, m as getActionIcon, f as useModalStore, F as FORM_ALERTS, d as useFilterStore, M as MONITORS_OPTIONS, $ as styleInject, i as useSelectedStore, e as useInstrumentStore, o as getInstrumentationRuleIcon, a as useDataStreamStore, n as getEntityId, S as STORAGE_KEYS, j as useSetupStore, I as INSTRUMENTATION_RULE_OPTIONS, u as useDarkMode } from './index-BD7meETN.js';
 import { ActionType, ActionKeyTypes, InputTypes, FieldTypes, EntityTypes, StatusType, Crud, OtherStatus, NodeTypes, AddNodeTypes, EdgeTypes, SignalType, HeadersCollectionKeyTypes, CodeAttributesKeyTypes, PayloadCollectionKeyTypes, InstrumentationRuleType, K8sResourceKind } from './types.js';
-import { f as DataCardFieldTypes, o as FieldLabel, C as Checkbox, n as FieldError, u as Input, w as InputTable, K as KeyValueInputsList, v as InputList, V as Text, O as Segment, L as SectionTitle, i as DocsButton, y as MonitorsCheckboxes, W as TextArea, j as Drawer, d as ConditionDetails, D as DataCard, a0 as FlexColumn, M as Modal, N as NavigationButtons, a4 as ModalBody, J as NotificationNote, a as AutocompleteInput, h as Divider, R as Status, $ as FlexRow, Y as Tooltip, r as IconWrapped, z as MonitorsIcons, a5 as TableContainer, a6 as TableTitleWrap, q as IconTitleBadge, a7 as TableWrap, x as InteractiveTable, a1 as CenterThis, G as NoDataFound, Z as TraceLoader, b as Badge, E as ExtendArrow, a2 as VerticalScroll, P as SelectionButton, B as Button, m as Dropdown, a8 as getDefaultExportFromCjs, F as FadeLoader, g as DataTab, Q as SkeletonLoader, X as Toggle, A as AddButton$1, U as Stepper, I as IconButton, e as DataCardFields, s as IconsNav, p as IconGroup } from './index-AM8c03-E.js';
+import { f as DataCardFieldTypes, o as FieldLabel, C as Checkbox, n as FieldError, u as Input, w as InputTable, K as KeyValueInputsList, v as InputList, V as Text, O as Segment, L as SectionTitle, i as DocsButton, y as MonitorsCheckboxes, W as TextArea, j as Drawer, d as ConditionDetails, D as DataCard, a0 as FlexColumn, M as Modal, N as NavigationButtons, a4 as ModalBody, J as NotificationNote, a as AutocompleteInput, h as Divider, R as Status, $ as FlexRow, Y as Tooltip, r as IconWrapped, z as MonitorsIcons, a5 as TableContainer, a6 as TableTitleWrap, q as IconTitleBadge, a7 as TableWrap, x as InteractiveTable, a1 as CenterThis, G as NoDataFound, Z as TraceLoader, b as Badge, E as ExtendArrow, a2 as VerticalScroll, P as SelectionButton, B as Button, m as Dropdown, a8 as getDefaultExportFromCjs, F as FadeLoader, g as DataTab, Q as SkeletonLoader, X as Toggle, A as AddButton$1, U as Stepper, I as IconButton, e as DataCardFields, s as IconsNav, p as IconGroup } from './index-C4uhvIMP.js';
 import { i as isEmpty, s as safeJsonParse } from './index-BV85P9UP.js';
 import { C as CheckCircledIcon, O as OdigosLogo } from './index-DZWbhK14.js';
 import { C as CrossCircledIcon, O as OdigosLogoText, a as OverviewIcon, F as FilterIcon, D as DataStreamsIcon, R as RetryIcon, N as NotificationIcon, S as SlackLogo, K as KeyIcon, T as TerminalIcon } from './index-BL1s2-bo.js';
 import { u as useActionFormData, a as useClickNode, e as useSessionStorage, c as useDataStreamFormData, d as useDestinationFormData, b as useClickNotification, f as useSourceFormData, g as useSourceSelectionFormData } from './useSourceSelectionFormData-DmZnRueA.js';
 import { d as useKeyDown, e as useOnClickOutside, u as useContainerSize, c as useInstrumentationRuleFormData, g as useTransition, f as useTimeAgo, a as useCopy } from './useTransition-BWC_F-Pl.js';
 import { E as EditIcon, T as TrashIcon, S as SearchIcon, P as PlusIcon$1, h as CheckIcon, A as ArrowIcon, a as CopyIcon, i as CrossIcon } from './index-CY3kjYr3.js';
-import { D as DeleteWarning, C as CancelWarning } from './index-Dxj04GUZ.js';
-import { m as mapConditions, a as getStatusIcon, c as capitalizeFirstLetter } from './index-b8zuk7ta.js';
-import { f as filterActions, i as getConditionsBooleans, n as getEntityLabel, m as getEntityIcon, w as sleep$1, p as getPlatformIcon, q as getPlatformLabel, h as formatBytes, k as getContainersIcons, r as getValueForRange, l as getDestinationIcon, g as filterSourcesByStream, e as filterSources, b as filterDestinationsByStream, a as filterDestinations, v as mapDestinationFieldsForDisplay, c as compareCondition, t as getYamlFieldsForDestination, d as deepClone, o as getMetricForEntity, s as getWorkloadId, j as getContainersInstrumentedCount, u as isOverTime } from './index-Bup9Thvg.js';
+import { D as DeleteWarning, C as CancelWarning } from './index-CnbEaeQS.js';
+import { g as getConditionsBooleans, m as mapConditions, b as getStatusIcon, c as capitalizeFirstLetter } from './index-qnmhJI4d.js';
+import { f as filterActions, m as getEntityLabel, l as getEntityIcon, v as sleep$1, o as getPlatformIcon, p as getPlatformLabel, h as formatBytes, j as getContainersIcons, q as getValueForRange, k as getDestinationIcon, g as filterSourcesByStream, e as filterSources, b as filterDestinationsByStream, a as filterDestinations, u as mapDestinationFieldsForDisplay, c as compareCondition, s as getYamlFieldsForDestination, d as deepClone, n as getMetricForEntity, r as getWorkloadId, i as getContainersInstrumentedCount, t as isOverTime } from './index-BSjQAYib.js';
 import { createPortal } from 'react-dom';
 import { m as mapExportedSignals } from './index-BlZKWuxe.js';
-import { N as NoteBackToSummary, E as EditButton } from './index-BDBeg2A7.js';
+import { N as NoteBackToSummary, E as EditButton } from './index-lkkeQEOt.js';
 import { D as DESTINATION_CATEGORIES } from './index-Dqief9td.js';
 import { a6 as RulesIcon, a7 as SourcesIcon, a3 as ActionsIcon, a4 as DestinationsIcon } from './index-C3BU6Xe-.js';
 
@@ -852,16 +852,13 @@ const buildSpecCell$1 = (action) => {
 };
 
 const TableCellConditions = ({ conditions, id }) => {
-    const errors = useMemo(() => conditions?.filter(({ status }) => status === StatusType.Error) || [], [conditions]);
-    const warnings = useMemo(() => conditions?.filter(({ status }) => status === StatusType.Warning) || [], [conditions]);
-    const disableds = useMemo(() => conditions?.filter(({ status }) => status === OtherStatus.Disabled) || [], [conditions]);
-    const isLoading = useMemo(() => !conditions?.length || !!conditions?.find(({ status }) => status === OtherStatus.Loading), [conditions]);
+    const { errors, warnings, disableds, hasLoadings } = useMemo(() => getConditionsBooleans(conditions), [conditions]);
     const conditionsToShow = errors.length > 0 ? errors : warnings.length > 0 ? warnings : disableds.length > 0 ? disableds : [];
     if (conditionsToShow.length > 0) {
         return (React.createElement("div", { style: { lineHeight: 1 } },
             React.createElement(ConditionsStatuses, { conditions: conditionsToShow, id: id })));
     }
-    const elseStatus = isLoading ? OtherStatus.Loading : StatusType.Success;
+    const elseStatus = hasLoadings ? OtherStatus.Loading : StatusType.Success;
     return (React.createElement("div", { style: { lineHeight: 1 } },
         React.createElement(Status, { status: elseStatus, title: elseStatus, withBorder: true, withIcon: true })));
 };
@@ -7028,6 +7025,7 @@ function XYDrag({ onNodeMouseDown, getStoreItems, onDragStart, onDrag, onDragSto
     let dragStarted = false;
     let d3Selection = null;
     let abortDrag = false; // prevents unintentional dragging on multitouch
+    let nodePositionsChanged = false;
     // public functions
     function update({ noDragClassName, handleSelector, domNode, isSelectable, nodeId, nodeClickDistance = 0, }) {
         d3Selection = select(domNode);
@@ -7084,6 +7082,7 @@ function XYDrag({ onNodeMouseDown, getStoreItems, onDragStart, onDrag, onDragSto
                 dragItem.position = position;
                 dragItem.internals.positionAbsolute = positionAbsolute;
             }
+            nodePositionsChanged = nodePositionsChanged || hasChange;
             if (!hasChange) {
                 return;
             }
@@ -7155,6 +7154,7 @@ function XYDrag({ onNodeMouseDown, getStoreItems, onDragStart, onDrag, onDragSto
             const { domNode, nodeDragThreshold, transform, snapGrid, snapToGrid } = getStoreItems();
             containerBounds = domNode?.getBoundingClientRect() || null;
             abortDrag = false;
+            nodePositionsChanged = false;
             if (nodeDragThreshold === 0) {
                 startDrag(event);
             }
@@ -7201,7 +7201,10 @@ function XYDrag({ onNodeMouseDown, getStoreItems, onDragStart, onDrag, onDragSto
             cancelAnimationFrame(autoPanId);
             if (dragItems.size > 0) {
                 const { nodeLookup, updateNodePositions, onNodeDragStop, onSelectionDragStop } = getStoreItems();
-                updateNodePositions(dragItems, false);
+                if (nodePositionsChanged) {
+                    updateNodePositions(dragItems, false);
+                    nodePositionsChanged = false;
+                }
                 if (onDragStop || onNodeDragStop || (!nodeId && onSelectionDragStop)) {
                     const [currentNode, currentNodes] = getEventHandlerParams({
                         nodeId,

package/lib/functions/get-conditions-booleans/index.d.ts

@@ -1,8 +1,12 @@
 import { StatusType, type Condition } from '@/types';
 export declare const getConditionsBooleans: (conditions: Condition[]) => {
+    errors: Condition[];
     hasErrors: boolean;
+    warnings: Condition[];
     hasWarnings: boolean;
+    disableds: Condition[];
     hasDisableds: boolean;
+    loadings: Condition[];
     hasLoadings: boolean;
     priorotizedStatus: StatusType | undefined;
 };

package/lib/functions.js

@@ -1,5 +1,5 @@
-export { c as capitalizeFirstLetter, f as flattenObjectKeys, g as getMonitorIcon, a as getStatusIcon, i as isValidVersion, m as mapConditions, n as numbersOnly, p as parseBooleanFromString, b as parseJsonStringToPrettyString, r as removeEmptyValuesFromObject, s as safeJsonStringify, d as splitCamelString } from './index-b8zuk7ta.js';
-export { c as compareCondition, d as deepClone, f as filterActions, a as filterDestinations, b as filterDestinationsByStream, e as filterSources, g as filterSourcesByStream, h as formatBytes, i as getConditionsBooleans, k as getContainersIcons, j as getContainersInstrumentedCount, l as getDestinationIcon, m as getEntityIcon, n as getEntityLabel, o as getMetricForEntity, p as getPlatformIcon, q as getPlatformLabel, r as getValueForRange, s as getWorkloadId, t as getYamlFieldsForDestination, u as isOverTime, v as mapDestinationFieldsForDisplay, w as sleep } from './index-Bup9Thvg.js';
+export { c as capitalizeFirstLetter, f as flattenObjectKeys, g as getConditionsBooleans, a as getMonitorIcon, b as getStatusIcon, i as isValidVersion, m as mapConditions, n as numbersOnly, p as parseBooleanFromString, d as parseJsonStringToPrettyString, r as removeEmptyValuesFromObject, s as safeJsonStringify, e as splitCamelString } from './index-qnmhJI4d.js';
+export { c as compareCondition, d as deepClone, f as filterActions, a as filterDestinations, b as filterDestinationsByStream, e as filterSources, g as filterSourcesByStream, h as formatBytes, j as getContainersIcons, i as getContainersInstrumentedCount, k as getDestinationIcon, l as getEntityIcon, m as getEntityLabel, n as getMetricForEntity, o as getPlatformIcon, p as getPlatformLabel, q as getValueForRange, r as getWorkloadId, s as getYamlFieldsForDestination, t as isOverTime, u as mapDestinationFieldsForDisplay, v as sleep } from './index-BSjQAYib.js';
 export { m as getActionIcon, n as getEntityId, o as getInstrumentationRuleIcon, p as getProgrammingLanguageIcon } from './index-BD7meETN.js';
 export { g as getIdFromSseTarget, i as isLegalK8sLabel, m as mapExportedSignals } from './index-BlZKWuxe.js';
 import { EntityTypes } from './types.js';

package/lib/{index-Bup9Thvg.js → index-BSjQAYib.js}

@@ -1,4 +1,4 @@
-import { StatusType, OtherStatus, DestinationTypes, EntityTypes, PlatformType } from './types.js';
+import { StatusType, DestinationTypes, EntityTypes, PlatformType } from './types.js';
 import { k as DEFAULT_DATA_STREAM_NAME, p as getProgrammingLanguageIcon, v as KafkaLogo, K as K8sLogo } from './index-BD7meETN.js';
 import 'react';
 import 'styled-components';
@@ -95,21 +95,6 @@ const formatBytes = (bytes) => {
     return `${value.toFixed(i === 0 ? 0 : 1)} ${sizes[i]}`;
 };
 
-const getConditionsBooleans = (conditions) => {
-    const hasErrors = !!conditions?.find(({ status }) => status === StatusType.Error);
-    const hasWarnings = !!conditions?.find(({ status }) => status === StatusType.Warning);
-    const hasDisableds = !!conditions?.find(({ status }) => status === OtherStatus.Disabled);
-    const hasLoadings = !!conditions?.find(({ status }) => status === OtherStatus.Loading);
-    const priorotizedStatus = hasErrors ? StatusType.Error : hasWarnings ? StatusType.Warning : hasDisableds ? StatusType.Info : undefined;
-    return {
-        hasErrors,
-        hasWarnings,
-        hasDisableds,
-        hasLoadings,
-        priorotizedStatus,
-    };
-};
-
 const getContainersInstrumentedCount = (containers) => {
     const instrumentedCount = containers?.reduce((prev, curr) => (curr.instrumented ? prev + 1 : prev), 0);
     const totalCount = containers?.length || 0;
@@ -330,4 +315,4 @@ const mapDestinationFieldsForDisplay = (destination, yamlFields) => {
 
 const sleep = async (ms = 1000) => new Promise((resolve) => setTimeout(resolve, ms));
 
-export { filterDestinations as a, filterDestinationsByStream as b, compareCondition as c, deepClone as d, filterSources as e, filterActions as f, filterSourcesByStream as g, formatBytes as h, getConditionsBooleans as i, getContainersInstrumentedCount as j, getContainersIcons as k, getDestinationIcon as l, getEntityIcon as m, getEntityLabel as n, getMetricForEntity as o, getPlatformIcon as p, getPlatformLabel as q, getValueForRange as r, getWorkloadId as s, getYamlFieldsForDestination as t, isOverTime as u, mapDestinationFieldsForDisplay as v, sleep as w };
+export { filterDestinations as a, filterDestinationsByStream as b, compareCondition as c, deepClone as d, filterSources as e, filterActions as f, filterSourcesByStream as g, formatBytes as h, getContainersInstrumentedCount as i, getContainersIcons as j, getDestinationIcon as k, getEntityIcon as l, getEntityLabel as m, getMetricForEntity as n, getPlatformIcon as o, getPlatformLabel as p, getValueForRange as q, getWorkloadId as r, getYamlFieldsForDestination as s, isOverTime as t, mapDestinationFieldsForDisplay as u, sleep as v };

package/lib/{index-AM8c03-E.js → index-C4uhvIMP.js}

@@ -2,7 +2,7 @@ import React, { useState, useEffect, useRef, forwardRef, createElement, useCallb
 import { T as Theme, t as ImageErrorIcon, M as MONITORS_OPTIONS, g as useNotificationStore, l as DISPLAY_TITLES, L as LANGUAGE_OPTIONS, F as FORM_ALERTS, p as getProgrammingLanguageIcon, D as DISPLAY_LANGUAGES, B as BUTTON_TEXTS } from './index-BD7meETN.js';
 import { StatusType, OtherStatus, ProgrammingLanguages, SortDirection, IntrumentationStatus, InputTypes, FieldTypes } from './types.js';
 import { M as MinusIcon, h as CheckIcon, L as ListIcon, C as CodeIcon, c as ExtendArrowIcon, E as EditIcon, i as CrossIcon, T as TrashIcon, e as SortArrowsIcon, b as EditedIcon, a as CopyIcon, d as NotebookIcon, X as XIcon, f as EyeClosedIcon, g as EyeOpenIcon, N as NoDataIcon, S as SearchIcon, P as PlusIcon, A as ArrowIcon } from './index-CY3kjYr3.js';
-import { a as getStatusIcon, r as removeEmptyValuesFromObject, s as safeJsonStringify, f as flattenObjectKeys, m as mapConditions, c as capitalizeFirstLetter, g as getMonitorIcon, i as isValidVersion, b as parseJsonStringToPrettyString, d as splitCamelString, p as parseBooleanFromString, n as numbersOnly } from './index-b8zuk7ta.js';
+import { b as getStatusIcon, r as removeEmptyValuesFromObject, s as safeJsonStringify, f as flattenObjectKeys, m as mapConditions, g as getConditionsBooleans, c as capitalizeFirstLetter, a as getMonitorIcon, i as isValidVersion, d as parseJsonStringToPrettyString, e as splitCamelString, p as parseBooleanFromString, n as numbersOnly } from './index-qnmhJI4d.js';
 import styled, { css } from 'styled-components';
 import { s as safeJsonParse, i as isEmpty } from './index-BV85P9UP.js';
 import { b as useGenericForm, e as useOnClickOutside, d as useKeyDown, u as useContainerSize, a as useCopy, g as useTransition } from './useTransition-BWC_F-Pl.js';
@@ -3997,19 +3997,12 @@ const IconWrap$1 = styled(FlexColumn) `
 const ConditionDetails = ({ conditions: c, headerLabelError = 'Something Failed', headerLabelWarning = "Something isn't right", headerLabelSuccess = 'Everything Successful', }) => {
     const theme = Theme.useTheme();
     const [extend, setExtend] = useState(false);
-    const conditions = mapConditions(c);
-    const errors = useMemo(() => conditions.filter(({ status }) => status === StatusType.Error), [conditions]);
-    const hasErrors = !!errors.length;
-    const warnings = useMemo(() => conditions.filter(({ status }) => status === StatusType.Warning), [conditions]);
-    const hasWarnings = !!warnings.length;
-    const disableds = useMemo(() => conditions.filter(({ status }) => status === OtherStatus.Disabled), [conditions]);
-    const hasDisableds = !!disableds.length;
-    const loadings = useMemo(() => conditions.filter(({ status }) => status === OtherStatus.Loading), [conditions]);
-    const hasLoadings = !!loadings.length;
-    const loading = (!conditions.length || hasLoadings) && !hasErrors && !hasWarnings && !hasDisableds;
+    const conditions = useMemo(() => mapConditions(c), [c]);
+    const { errors, hasErrors, warnings, hasWarnings, hasDisableds, hasLoadings } = useMemo(() => getConditionsBooleans(conditions), [conditions]);
     useEffect(() => {
         setExtend(hasErrors || hasWarnings || hasDisableds || hasLoadings);
     }, [hasErrors, hasWarnings, hasDisableds, hasLoadings]);
+    const loading = (!conditions.length || hasLoadings) && !hasErrors && !hasWarnings && !hasDisableds;
     const overallStatus = hasErrors ? StatusType.Error : hasWarnings ? StatusType.Warning : hasDisableds ? StatusType.Info : StatusType.Success;
     const HeaderIcon = getStatusIcon(overallStatus, theme);
     const headerText = hasErrors ? headerLabelError : hasWarnings ? headerLabelWarning : hasDisableds ? headerLabelWarning : loading ? 'Loading...' : headerLabelSuccess;
@@ -4806,8 +4799,8 @@ const ActionWrapper = styled(FlexRow) `
   margin-left: auto;
   gap: 8px;
 `;
-const DataCard = ({ title = 'Details', titleBadge, description, action: Action, withExtend, data, children }) => {
-    const [extend, setExtend] = useState(false);
+const DataCard = ({ title = 'Details', titleBadge, description, action: Action, withExtend, initialExtended = false, data, children }) => {
+    const [extend, setExtend] = useState(initialExtended);
     const [hovered, setHovered] = useState(false);
     return (React.createElement(CardContainer, { "$hovered": hovered },
         !!title || !!description || !!Action ? (React.createElement(Header$1, { "$clickable": withExtend || false, onClick: () => withExtend && setExtend((prev) => !prev), onMouseEnter: () => withExtend && setHovered(true), onMouseLeave: () => withExtend && setHovered(false) },

package/lib/{index-Dxj04GUZ.js → index-CnbEaeQS.js}

@@ -1,5 +1,5 @@
 import React from 'react';
-import { _ as WarningModal } from './index-AM8c03-E.js';
+import { _ as WarningModal } from './index-C4uhvIMP.js';
 import { StatusType, EntityTypes } from './types.js';
 import './index-BD7meETN.js';
 import 'styled-components';

package/lib/{index-BDBeg2A7.js → index-lkkeQEOt.js}

@@ -1,7 +1,7 @@
 import React from 'react';
 import { T as Theme, B as BUTTON_TEXTS, l as DISPLAY_TITLES } from './index-BD7meETN.js';
 import { E as EditIcon } from './index-CY3kjYr3.js';
-import { B as Button, V as Text, J as NotificationNote } from './index-AM8c03-E.js';
+import { B as Button, V as Text, J as NotificationNote } from './index-C4uhvIMP.js';
 import { StatusType } from './types.js';
 import 'styled-components';
 import { I as InfoIcon } from './index-DZWbhK14.js';

package/lib/{index-b8zuk7ta.js → index-qnmhJI4d.js}

@@ -1,4 +1,4 @@
-import { SignalType, StatusType } from './types.js';
+import { StatusType, OtherStatus, SignalType } from './types.js';
 import 'react';
 import './index-BD7meETN.js';
 import 'styled-components';
@@ -70,6 +70,29 @@ const flattenObjectKeys = (obj, prefix = '', result = {}) => {
     return result;
 };
 
+const getConditionsBooleans = (conditions) => {
+    const errors = conditions?.filter(({ status }) => status === StatusType.Error);
+    const warnings = conditions?.filter(({ status }) => status === StatusType.Warning);
+    const disableds = conditions?.filter(({ status }) => status === OtherStatus.Disabled);
+    const loadings = conditions?.filter(({ status }) => status === OtherStatus.Loading);
+    const hasErrors = errors.length > 0;
+    const hasWarnings = warnings.length > 0;
+    const hasDisableds = disableds.length > 0;
+    const hasLoadings = loadings.length > 0;
+    const priorotizedStatus = hasErrors ? StatusType.Error : hasWarnings ? StatusType.Warning : hasDisableds ? StatusType.Info : undefined;
+    return {
+        errors,
+        hasErrors,
+        warnings,
+        hasWarnings,
+        disableds,
+        hasDisableds,
+        loadings,
+        hasLoadings,
+        priorotizedStatus,
+    };
+};
+
 const getMonitorIcon = (type) => {
     const LOGOS = {
         [SignalType.Logs]: LogsIcon,
@@ -192,4 +215,4 @@ const safeJsonStringify = (obj, indent = 2) => {
     return JSON.stringify(obj || {}, null, indent);
 };
 
-export { getStatusIcon as a, parseJsonStringToPrettyString as b, capitalizeFirstLetter as c, splitCamelString as d, flattenObjectKeys as f, getMonitorIcon as g, isValidVersion as i, mapConditions as m, numbersOnly as n, parseBooleanFromString as p, removeEmptyValuesFromObject as r, safeJsonStringify as s };
+export { getMonitorIcon as a, getStatusIcon as b, capitalizeFirstLetter as c, parseJsonStringToPrettyString as d, splitCamelString as e, flattenObjectKeys as f, getConditionsBooleans as g, isValidVersion as i, mapConditions as m, numbersOnly as n, parseBooleanFromString as p, removeEmptyValuesFromObject as r, safeJsonStringify as s };

package/lib/snippets.js

@@ -1,11 +1,11 @@
-export { A as AddButton } from './index-AM8c03-E.js';
-export { E as EditButton, N as NoteBackToSummary } from './index-BDBeg2A7.js';
+export { A as AddButton } from './index-C4uhvIMP.js';
+export { E as EditButton, N as NoteBackToSummary } from './index-lkkeQEOt.js';
 import 'react';
 import './index-BD7meETN.js';
 import './types.js';
 import 'styled-components';
 import './index-CY3kjYr3.js';
-import './index-b8zuk7ta.js';
+import './index-qnmhJI4d.js';
 import './index-DZWbhK14.js';
 import './index-BV85P9UP.js';
 import './useTransition-BWC_F-Pl.js';

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@odigos/ui-kit",
-  "version": "0.0.44",
+  "version": "0.0.45",
   "author": "Odigos",
   "repository": {
     "type": "git",
@@ -114,12 +114,12 @@
     "eslint": "^9.29.0",
     "eslint-config-next": "^15.3.3",
     "eslint-plugin-storybook": "9.0.11",
-    "next": "^15.3.3",
+    "next": "^15.3.4",
     "postcss": "^8.5.6",
     "rollup": "^4.43.0",
     "rollup-plugin-postcss": "^4.0.2",
     "rollup-plugin-typescript2": "^0.36.0",
-    "storybook": "9.0.11",
+    "storybook": "9.0.12",
     "typescript": "^5.8.3"
   }
 }