@odigos/ui-kit 0.0.6 → 0.0.7

package/lib/icons/status/cross-icon/cross-icon.stories.d.ts

@@ -6,4 +6,3 @@ declare const _default: {
 };
 export default _default;
 export declare const Default: StoryFn<SVG>;
-//# sourceMappingURL=cross-icon.stories.d.ts.map

package/lib/icons/status/cross-icon/index.d.ts

@@ -1,3 +1,2 @@
 import type { SVG } from '@/types';
 export declare const CrossIcon: SVG;
-//# sourceMappingURL=index.d.ts.map

package/lib/icons/status/error-round-icon/error-round-icon.stories.d.ts

@@ -6,4 +6,3 @@ declare const _default: {
 };
 export default _default;
 export declare const Default: StoryFn<SVG>;
-//# sourceMappingURL=error-round-icon.stories.d.ts.map

package/lib/icons/status/error-round-icon/index.d.ts

@@ -1,3 +1,2 @@
 import type { SVG } from '@/types';
 export declare const ErrorRoundIcon: SVG;
-//# sourceMappingURL=index.d.ts.map

package/lib/icons/status/error-triangle-icon/error-triangle-icon.stories.d.ts

@@ -6,4 +6,3 @@ declare const _default: {
 };
 export default _default;
 export declare const Default: StoryFn<SVG>;
-//# sourceMappingURL=error-triangle-icon.stories.d.ts.map

package/lib/icons/status/error-triangle-icon/index.d.ts

@@ -1,3 +1,2 @@
 import type { SVG } from '@/types';
 export declare const ErrorTriangleIcon: SVG;
-//# sourceMappingURL=index.d.ts.map

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

@@ -6,4 +6,3 @@ export * from './error-round-icon/index';
 export * from './error-triangle-icon/index';
 export * from './info-icon/index';
 export * from './warning-triangle-icon/index';
-//# sourceMappingURL=index.d.ts.map

package/lib/icons/status/info-icon/index.d.ts

@@ -1,3 +1,2 @@
 import type { SVG } from '@/types';
 export declare const InfoIcon: SVG;
-//# sourceMappingURL=index.d.ts.map

package/lib/icons/status/info-icon/info-icon.stories.d.ts

@@ -6,4 +6,3 @@ declare const _default: {
 };
 export default _default;
 export declare const Default: StoryFn<SVG>;
-//# sourceMappingURL=info-icon.stories.d.ts.map

package/lib/icons/status/warning-triangle-icon/index.d.ts

@@ -1,3 +1,2 @@
 import type { SVG } from '@/types';
 export declare const WarningTriangleIcon: SVG;
-//# sourceMappingURL=index.d.ts.map

package/lib/icons/status/warning-triangle-icon/warning-triangle-icon.stories.d.ts

@@ -6,4 +6,3 @@ declare const _default: {
 };
 export default _default;
 export declare const Default: StoryFn<SVG>;
-//# sourceMappingURL=warning-triangle-icon.stories.d.ts.map

package/lib/icons.js

@@ -1,58 +1,75 @@
-export { AddClusterInfoIcon } from './src/icons/actions/add-cluster-info-icon/index.js';
-export { DeleteAttributeIcon } from './src/icons/actions/delete-attribute-icon/index.js';
-export { PiiMaskingIcon } from './src/icons/actions/pii-masking-icon/index.js';
-export { RenameAttributeIcon } from './src/icons/actions/rename-attribute-icon/index.js';
-export { SamplerIcon } from './src/icons/actions/sampler-icon/index.js';
-export { OdigosLogo } from './src/icons/brand/odigos-logo/index.js';
-export { OdigosLogoText } from './src/icons/brand/odigos-logo-text/index.js';
-export { ArrowIcon } from './src/icons/common/arrow-icon/index.js';
-export { CodeBracketsIcon } from './src/icons/common/code-brackets-icon/index.js';
-export { CodeIcon } from './src/icons/common/code-icon/index.js';
-export { CommandIcon } from './src/icons/common/command-icon/index.js';
-export { CopyIcon } from './src/icons/common/copy-icon/index.js';
-export { EditIcon } from './src/icons/common/edit-icon/index.js';
-export { ExtendArrowIcon } from './src/icons/common/extend-arrow-icon/index.js';
-export { FilterIcon } from './src/icons/common/filter-icon/index.js';
-export { FolderIcon } from './src/icons/common/folder-icon/index.js';
-export { KeyIcon } from './src/icons/common/key-icon/index.js';
-export { ListIcon } from './src/icons/common/list-icon/index.js';
-export { NoDataIcon } from './src/icons/common/no-data-icon/index.js';
-export { NotebookIcon } from './src/icons/common/notebook-icon/index.js';
-export { NotificationIcon } from './src/icons/common/notification-icon/index.js';
-export { SearchIcon } from './src/icons/common/search-icon/index.js';
-export { SortArrowsIcon } from './src/icons/common/sort-arrows-icon/index.js';
-export { TerminalIcon } from './src/icons/common/terminal-icon/index.js';
-export { TrashIcon } from './src/icons/common/trash-icon/index.js';
-export { XIcon } from './src/icons/common/x-icon/index.js';
-export { K8sLogo } from './src/icons/compute-platform/k8s-logo/index.js';
-export { VmLogo } from './src/icons/compute-platform/vm-logo/index.js';
-export { CodeAttributesIcon } from './src/icons/instrumentation-rules/code-attributes-icon/index.js';
-export { PayloadCollectionIcon } from './src/icons/instrumentation-rules/payload-collection-icon/index.js';
-export { MinusIcon } from './src/icons/math/minus-icon/index.js';
-export { PlusIcon } from './src/icons/math/plus-icon/index.js';
-export { LogsIcon } from './src/icons/monitors/logs-icon/index.js';
-export { MetricsIcon } from './src/icons/monitors/metrics-icon/index.js';
-export { TracesIcon } from './src/icons/monitors/traces-icon/index.js';
-export { EyeClosedIcon } from './src/icons/on-off/eye-closed-icon/index.js';
-export { EyeOpenIcon } from './src/icons/on-off/eye-open-icon/index.js';
-export { LightOffIcon } from './src/icons/on-off/light-off-icon/index.js';
-export { LightOnIcon } from './src/icons/on-off/light-on-icon/index.js';
-export { MoonIcon } from './src/icons/on-off/moon-icon/index.js';
-export { SunIcon } from './src/icons/on-off/sun-icon/index.js';
-export { OverviewIcon } from './src/icons/overview/overview-icon/index.js';
-export { ServiceMapIcon } from './src/icons/overview/service-map-icon/index.js';
-export { TraceViewIcon } from './src/icons/overview/trace-view-icon/index.js';
-export { ActionsIcon } from './src/icons/overview/actions-icon/index.js';
-export { DestinationsIcon } from './src/icons/overview/destinations-icon/index.js';
-export { RulesIcon } from './src/icons/overview/rules-icon/index.js';
-export { SourcesIcon } from './src/icons/overview/sources-icon/index.js';
-export { SlackLogo } from './src/icons/social/slack-logo/index.js';
-export { CheckCircledIcon } from './src/icons/status/check-circled-icon/index.js';
-export { CheckIcon } from './src/icons/status/check-icon/index.js';
-export { CrossCircledIcon } from './src/icons/status/cross-circled-icon/index.js';
-export { CrossIcon } from './src/icons/status/cross-icon/index.js';
-export { ErrorRoundIcon } from './src/icons/status/error-round-icon/index.js';
-export { ErrorTriangleIcon } from './src/icons/status/error-triangle-icon/index.js';
-export { InfoIcon } from './src/icons/status/info-icon/index.js';
-export { WarningTriangleIcon } from './src/icons/status/warning-triangle-icon/index.js';
-//# sourceMappingURL=icons.js.map
+export { A as AddClusterInfoIcon, C as CodeAttributesIcon, D as DeleteAttributeIcon, K as K8sLogo, O as OdigosLogo, a as PayloadCollectionIcon, P as PiiMaskingIcon, R as RenameAttributeIcon, S as SamplerIcon } from './index-BGlk5VhF.js';
+export { C as CrossCircledIcon, E as EditIcon, F as FilterIcon, a as FolderIcon, K as KeyIcon, N as NotificationIcon, O as OdigosLogoText, b as OverviewIcon, S as SlackLogo, T as TerminalIcon } from './index-3KUV6Vlt.js';
+export { A as ArrowIcon, f as CheckIcon, C as CodeIcon, a as CopyIcon, g as CrossIcon, E as ExtendArrowIcon, d as EyeClosedIcon, e as EyeOpenIcon, L as ListIcon, M as MinusIcon, N as NoDataIcon, b as NotebookIcon, P as PlusIcon, S as SearchIcon, c as SortArrowsIcon, T as TrashIcon, X as XIcon } from './index-BJxaoI0G.js';
+import React from 'react';
+import Theme from './theme.js';
+export { A as ActionsIcon, D as DestinationsIcon, R as RulesIcon, S as SourcesIcon, V as VmLogo } from './index-BjJpYtF1.js';
+export { C as CheckCircledIcon, E as ErrorTriangleIcon, I as InfoIcon, L as LogsIcon, M as MetricsIcon, T as TracesIcon, W as WarningTriangleIcon } from './index-DLKEpJJm.js';
+import './index-DRT_7tQl.js';
+import './types.js';
+import 'styled-components';
+
+const CodeBracketsIcon = ({ size = 16, fill: f, rotate = 0, onClick }) => {
+    const theme = Theme.useTheme();
+    const fill = f || theme.text.secondary;
+    return (React.createElement("svg", { width: size, height: size, viewBox: '0 0 16 16', xmlns: 'http://www.w3.org/2000/svg', fill: 'none', style: { transform: `rotate(${rotate}deg)` }, onClick: onClick },
+        React.createElement("path", { stroke: fill, strokeLinecap: 'round', strokeLinejoin: 'round', d: 'M5.33333 2.66669C4.22876 2.66669 3.33333 3.46263 3.33333 4.44446V6.22224C3.33333 7.20408 2.4379 8.00002 1.33333 8.00002C2.4379 8.00002 3.33333 8.79596 3.33333 9.7778V11.5556C3.33333 12.5374 4.22876 13.3334 5.33333 13.3334M10.6667 2.66669C11.7712 2.66669 12.6667 3.46263 12.6667 4.44446V6.22224C12.6667 7.20408 13.5621 8.00002 14.6667 8.00002C13.5621 8.00002 12.6667 8.79596 12.6667 9.7778V11.5556C12.6667 12.5374 11.7712 13.3334 10.6667 13.3334' })));
+};
+
+const CommandIcon = ({ size = 16, fill: f, rotate = 0, onClick }) => {
+    const theme = Theme.useTheme();
+    const fill = f || theme.text.secondary;
+    return (React.createElement("svg", { width: size, height: size * (24 / 25), viewBox: '0 0 25 24', xmlns: 'http://www.w3.org/2000/svg', fill: 'none', style: { transform: `rotate(${rotate}deg)` }, onClick: onClick },
+        React.createElement("path", { stroke: fill, strokeLinecap: 'round', strokeLinejoin: 'round', d: 'M9.83333 14.6667H7.16667C5.69391 14.6667 4.5 15.8606 4.5 17.3333C4.5 18.8061 5.69391 20 7.16667 20C8.63943 20 9.83333 18.8061 9.83333 17.3333V14.6667ZM9.83333 14.6667H15.1667M9.83333 14.6667V9.33333M15.1667 14.6667H17.8333C19.3061 14.6667 20.5 15.8606 20.5 17.3333C20.5 18.8061 19.3061 20 17.8333 20C16.3606 20 15.1667 18.8061 15.1667 17.3333V14.6667ZM15.1667 14.6667V9.33333M15.1667 9.33333V6.66667C15.1667 5.19391 16.3606 4 17.8333 4C19.3061 4 20.5 5.19391 20.5 6.66667C20.5 8.13943 19.3061 9.33333 17.8333 9.33333H15.1667ZM15.1667 9.33333H9.83333M9.83333 9.33333H7.16667C5.69391 9.33333 4.5 8.13943 4.5 6.66667C4.5 5.19391 5.69391 4 7.16667 4C8.63943 4 9.83333 5.19391 9.83333 6.66667V9.33333Z' })));
+};
+
+const LightOffIcon = ({ size = 16, fill: f, rotate = 0, onClick }) => {
+    const theme = Theme.useTheme();
+    const fill = f || theme.text.secondary;
+    return (React.createElement("svg", { width: size, height: size, viewBox: '0 0 24 24', xmlns: 'http://www.w3.org/2000/svg', fill: 'none', style: { transform: `rotate(${rotate}deg)` }, onClick: onClick },
+        React.createElement("path", { stroke: fill, strokeLinecap: 'round', strokeLinejoin: 'round', d: 'M10.3789 21H13.621M6.3125 10.4681C6.3125 7.44504 8.85888 4.99438 12 4.99438C15.1411 4.99438 17.6875 7.44504 17.6875 10.4681C17.6875 12.1252 16.9224 13.6103 15.7136 14.614C15.203 15.038 14.764 15.5644 14.5972 16.2068L14.3698 17.0821C14.2302 17.6193 13.7453 17.9944 13.1902 17.9944H10.8098C10.2547 17.9944 9.76975 17.6193 9.6302 17.0821L9.40282 16.2068C9.23596 15.5644 8.797 15.038 8.28642 14.614C7.07762 13.6103 6.3125 12.1252 6.3125 10.4681Z' })));
+};
+
+const LightOnIcon = ({ size = 16, fill: f, rotate = 0, onClick }) => {
+    const theme = Theme.useTheme();
+    const fill = f || theme.text.secondary;
+    return (React.createElement("svg", { width: size, height: size, viewBox: '0 0 24 24', xmlns: 'http://www.w3.org/2000/svg', fill: 'none', style: { transform: `rotate(${rotate}deg)` }, onClick: onClick },
+        React.createElement("path", { stroke: fill, strokeLinecap: 'round', strokeLinejoin: 'round', d: 'M10.3789 21H13.621M12 2V1M19 4.70711L19.7071 4M4.70711 4.70711L4 4M22 11H21M3 11H2M6.3127 10.468C6.3127 7.44492 8.85908 4.99427 12.0002 4.99427C15.1413 4.99427 17.6877 7.44492 17.6877 10.468C17.6877 12.125 16.9226 13.6102 15.7138 14.6139C15.2032 15.0379 14.7642 15.5643 14.5974 16.2066L14.37 17.0819C14.2304 17.6192 13.7455 17.9943 13.1904 17.9943H10.81C10.2549 17.9943 9.76995 17.6192 9.63039 17.0819L9.40302 16.2066C9.23616 15.5643 8.7972 15.0379 8.28662 14.6139C7.07782 13.6102 6.3127 12.125 6.3127 10.468Z' })));
+};
+
+const MoonIcon = ({ size = 16, fill: f, rotate = 0, onClick }) => {
+    const theme = Theme.useTheme();
+    const fill = f || theme.text.secondary;
+    return (React.createElement("svg", { width: size, height: size, viewBox: '0 0 16 16', xmlns: 'http://www.w3.org/2000/svg', fill: 'none', style: { transform: `rotate(${rotate}deg)` }, onClick: onClick },
+        React.createElement("path", { stroke: fill, strokeLinecap: 'round', strokeLinejoin: 'round', d: 'M14 7.977A4.333 4.333 0 1 1 8.023 2H8a6 6 0 1 0 6 6v-.023Z' })));
+};
+
+const SunIcon = ({ size = 16, fill: f, rotate = 0, onClick }) => {
+    const theme = Theme.useTheme();
+    const fill = f || theme.text.secondary;
+    return (React.createElement("svg", { width: size, height: size, viewBox: '0 0 16 16', xmlns: 'http://www.w3.org/2000/svg', fill: 'none', style: { transform: `rotate(${rotate}deg)` }, onClick: onClick },
+        React.createElement("path", { stroke: fill, strokeLinecap: 'round', strokeLinejoin: 'round', d: 'M8 15.333v-.666m-5.185-1.482.471-.471M.666 8h.667m1.482-5.185.471.47M8 1.334V.667m4.714 2.619.471-.471M14.667 8h.666m-2.619 4.714.471.471M12 8a4 4 0 1 1-8 0 4 4 0 0 1 8 0Z' })));
+};
+
+const ServiceMapIcon = ({ size = 16, fill: f, rotate = 0, onClick }) => {
+    const theme = Theme.useTheme();
+    const fill = f || theme.text.secondary;
+    return (React.createElement("svg", { width: size * (16 / 17), height: size, viewBox: '0 0 16 17', xmlns: 'http://www.w3.org/2000/svg', fill: 'none', style: { transform: `rotate(${rotate}deg)` }, onClick: onClick },
+        React.createElement("path", { stroke: fill, strokeLinecap: 'round', strokeLinejoin: 'round', d: 'M4.67333 8.61735H4.66667M7.34667 8.61735H7.34M9.66667 7.61735L10.6668 8.61744M10.6668 8.61744L11.6667 9.61735M10.6668 8.61744L11.6668 7.61735M10.6668 8.61744L9.66684 9.61735M6.95406 3.76106L9.05573 4.81189C9.39594 4.982 9.56605 5.06705 9.74417 5.10188C9.91313 5.13491 10.0869 5.13491 10.2558 5.10188C10.434 5.06705 10.6041 4.982 10.9443 4.81189C11.9382 4.31494 12.4351 4.06646 12.8395 4.11932C13.2185 4.16887 13.5581 4.37871 13.7719 4.69556C14 5.0336 14 5.58921 14 6.70044V10.6322C14 11.1108 14 11.3501 13.9271 11.5614C13.8627 11.7482 13.7575 11.9184 13.6192 12.0596C13.4628 12.2193 13.2488 12.3263 12.8207 12.5403L10.9541 13.4737C10.6042 13.6486 10.4293 13.736 10.2459 13.7705C10.0834 13.8009 9.91663 13.8009 9.75414 13.7705C9.57067 13.736 9.39576 13.6486 9.04595 13.4737L6.94427 12.4228C6.60406 12.2527 6.43395 12.1677 6.25583 12.1328C6.08687 12.0998 5.91313 12.0998 5.74417 12.1328C5.56605 12.1677 5.39594 12.2527 5.05573 12.4228C4.06182 12.9198 3.56486 13.1683 3.16049 13.1154C2.78147 13.0658 2.44195 12.856 2.22812 12.5392C2 12.2011 2 11.6455 2 10.5343V6.6025C2 6.12389 2 5.88458 2.07287 5.67331C2.13732 5.48648 2.24249 5.31631 2.38078 5.17511C2.53715 5.01545 2.7512 4.90843 3.17928 4.69439L5.04594 3.76106C5.39576 3.58615 5.57067 3.49869 5.75414 3.46427C5.91663 3.43378 6.08337 3.43378 6.24586 3.46427C6.42933 3.49869 6.60424 3.58615 6.95406 3.76106Z' })));
+};
+
+const TraceViewIcon = ({ size = 16, fill: f, rotate = 0, onClick }) => {
+    const theme = Theme.useTheme();
+    const fill = f || theme.text.secondary;
+    return (React.createElement("svg", { width: size * (16 / 17), height: size, viewBox: '0 0 16 17', xmlns: 'http://www.w3.org/2000/svg', fill: 'none', style: { transform: `rotate(${rotate}deg)` }, onClick: onClick },
+        React.createElement("path", { stroke: fill, strokeLinecap: 'round', strokeLinejoin: 'round', d: 'M2.66666 8.61719H6.66666M2.66666 12.6172H6.66666M2.66666 4.61719H13.3333M14 12.9505L13.0809 12.0315M13.0809 12.0315C13.4438 11.6686 13.6667 11.1686 13.6667 10.6172C13.6667 9.51147 12.7724 8.61719 11.6667 8.61719C10.5609 8.61719 9.66666 9.51147 9.66666 10.6172C9.66666 11.7229 10.5609 12.6172 11.6667 12.6172C12.2181 12.6172 12.7181 12.3943 13.0809 12.0315Z' })));
+};
+
+const ErrorRoundIcon = ({ size = 16, fill: f, rotate = 0, onClick }) => {
+    const theme = Theme.useTheme();
+    const fill = f || theme.text.error;
+    return (React.createElement("svg", { width: size * (14 / 15), height: size, viewBox: '0 0 14 15', xmlns: 'http://www.w3.org/2000/svg', fill: 'none', style: { transform: `rotate(${rotate}deg)` }, onClick: onClick },
+        React.createElement("path", { stroke: fill, strokeLinecap: 'round', strokeLinejoin: 'round', d: 'M7 8.33673V6.00339M7 10.3055V10.3061M12.25 7.97266C12.25 10.8722 9.89949 13.2227 7 13.2227C4.1005 13.2227 1.75 10.8721 1.75 7.97265C1.75 5.07316 4.10051 2.72266 7 2.72266C9.8995 2.72266 12.25 5.07316 12.25 7.97266Z' })));
+};
+
+export { CodeBracketsIcon, CommandIcon, ErrorRoundIcon, LightOffIcon, LightOnIcon, MoonIcon, ServiceMapIcon, SunIcon, TraceViewIcon };

package/lib/index-3KUV6Vlt.js

@@ -0,0 +1,89 @@
+import React from 'react';
+import Theme from './theme.js';
+
+const OdigosLogoText = ({ size = 16, fill: f, rotate = 0, onClick }) => {
+    const theme = Theme.useTheme();
+    const fill = f || theme.text.secondary;
+    return (React.createElement("svg", { width: size, height: size * (103 / 429), viewBox: '0 0 429 103', fill: fill, xmlns: 'http://www.w3.org/2000/svg', style: { transform: `rotate(${rotate}deg)` }, onClick: onClick },
+        React.createElement("defs", null,
+            React.createElement("clipPath", { id: 'clip0_116_120' },
+                React.createElement("rect", { width: '429', height: '102.681', fill: 'none' }))),
+        React.createElement("g", { clipPath: 'url(#clip0_116_120)' },
+            React.createElement("path", { d: 'M253.012 22.3253H242.622V81.3372H253.012V22.3253Z' }),
+            React.createElement("path", { d: 'M198.854 81.3261C197.32 81.3261 195.886 80.7305 194.805 79.6495L183.83 68.6744C182.749 67.5934 182.154 66.1595 182.154 64.6263V39.003C182.154 37.4698 182.749 36.0359 183.83 34.9549L194.805 23.9798C195.886 22.8988 197.32 22.3032 198.854 22.3032H215.2C216.59 22.3032 217.925 22.8106 218.973 23.7151L221.267 25.7115V0H231.658V64.6153C231.658 66.1485 231.062 67.5824 229.981 68.6634L219.006 79.6385C217.925 80.7195 216.491 81.3151 214.958 81.3151H198.854V81.3261ZM200.409 32.7158C196.228 32.7158 192.831 36.1131 192.831 40.2935V63.3799C192.831 67.5493 196.228 70.9577 200.409 70.9577H213.402C217.583 70.9577 220.98 67.5603 220.98 63.3799V40.2935C220.98 36.1131 217.583 32.7158 213.402 32.7158H200.409Z' }),
+            React.createElement("path", { d: 'M395.942 81.3371C394.552 81.3371 393.218 80.8298 392.17 79.9253L381.449 70.5495C380.202 69.4576 379.496 67.8913 379.496 66.2477V64.1079H390.218C390.582 67.9464 393.825 70.9466 397.751 70.9466H410.745C414.914 70.9466 418.312 67.5493 418.323 63.3909V62.9938C418.323 61.6922 417.44 60.5782 416.183 60.2804L383.28 52.4379C380.952 51.8863 379.375 49.7465 379.507 47.3529V39.014C379.507 37.4808 380.103 36.0469 381.184 34.9659L392.159 23.9908C393.24 22.9098 394.674 22.3142 396.207 22.3142H412.554C413.944 22.3142 415.278 22.8216 416.326 23.7261L427.048 33.1018C428.294 34.1828 429 35.7601 429 37.4036V41.6834H418.334V39.5435H418.279C417.915 35.7049 414.672 32.7047 410.745 32.7047H397.751C393.571 32.7047 390.174 36.102 390.174 40.2825V40.8671C390.174 42.1466 391.045 43.2607 392.28 43.5695L420.054 50.5076L425.184 51.7319C427.312 52.2393 428.857 54.1365 428.945 56.3536V56.7948H428.967V64.6263C428.967 66.1595 428.371 67.5934 427.29 68.6744L416.315 79.6495C415.234 80.7305 413.8 81.3261 412.267 81.3261H395.92H395.931L395.942 81.3371Z' }),
+            React.createElement("path", { d: 'M247.817 10.4016C244.949 10.4016 242.622 8.06314 242.622 5.2063C242.622 2.34946 244.949 0.0110474 247.817 0.0110474C250.685 0.0110474 253.012 2.34946 253.012 5.2063C253.012 8.06314 250.685 10.4016 247.817 10.4016Z' }),
+            React.createElement("path", { d: 'M279.154 102.681V92.2902H294.574C298.755 92.2902 302.152 88.8929 302.152 84.7124V77.6861L300.178 79.6605C299.097 80.7415 297.663 81.3371 296.129 81.3371H280.025C278.492 81.3371 277.058 80.7415 275.977 79.6605L265.002 68.6854C263.921 67.6045 263.325 66.1705 263.325 64.6373V39.014C263.325 37.4808 263.921 36.0469 265.002 34.9659L275.977 23.9908C277.058 22.9098 278.492 22.3142 280.025 22.3142H296.372C297.762 22.3142 299.097 22.8216 300.144 23.7261L310.866 33.1018C312.112 34.1828 312.818 35.7601 312.818 37.4036V85.9699C312.818 87.5031 312.223 88.937 311.142 90.018L300.167 100.993C299.086 102.074 297.652 102.67 296.118 102.67H279.143L279.154 102.681ZM281.581 32.7157C277.411 32.7157 274.003 36.1131 274.003 40.2935V63.3799C274.003 67.5493 277.4 70.9577 281.581 70.9577H294.574C298.755 70.9577 302.152 67.5603 302.152 63.3799V40.2935C302.152 36.1131 298.755 32.7157 294.574 32.7157H281.581Z' }),
+            React.createElement("path", { d: 'M139.555 81.3371C138.022 81.3371 136.588 80.7415 135.507 79.6605L124.532 68.6854C123.451 67.6045 122.855 66.1705 122.855 64.6373V39.014C122.855 37.4808 123.451 36.0469 124.532 34.9659L135.507 23.9908C136.588 22.9098 138.022 22.3142 139.555 22.3142H155.902C157.292 22.3142 158.626 22.8216 159.674 23.7261L170.395 33.1018C171.642 34.1828 172.348 35.7601 172.348 37.4036V64.6153C172.348 66.1485 171.752 67.5824 170.671 68.6634L159.696 79.6385C158.615 80.7194 157.181 81.3151 155.648 81.3151H139.544V81.3261L139.555 81.3371ZM141.121 32.7157C136.941 32.7157 133.543 36.1131 133.543 40.2935V63.3799C133.543 67.5603 136.941 70.9577 141.121 70.9577H154.104C158.284 70.9577 161.682 67.5603 161.682 63.3799V40.2935C161.682 36.1131 158.284 32.7157 154.104 32.7157H141.121Z' }),
+            React.createElement("path", { d: 'M337.791 81.3371C336.258 81.3371 334.824 80.7415 333.743 79.6605L322.768 68.6854C321.687 67.6045 321.091 66.1705 321.091 64.6373V39.014C321.091 37.4808 321.687 36.0469 322.768 34.9659L333.743 23.9908C334.824 22.9098 336.258 22.3142 337.791 22.3142H354.138C355.527 22.3142 356.862 22.8216 357.91 23.7261L368.631 33.1018C369.878 34.1828 370.584 35.7601 370.584 37.4036V64.6153C370.584 66.1485 369.988 67.5824 368.907 68.6634L357.932 79.6385C356.851 80.7194 355.417 81.3151 353.884 81.3151H337.78V81.3261L337.791 81.3371ZM339.346 32.7157C335.166 32.7157 331.768 36.1131 331.768 40.2935V63.3799C331.768 67.5603 335.166 70.9577 339.346 70.9577H352.34C356.52 70.9577 359.917 67.5603 359.917 63.3799V40.2935C359.917 36.1131 356.52 32.7157 352.34 32.7157H339.346Z' }),
+            React.createElement("path", { d: 'M44.2865 34.2931V22.3473H67.8361C70.8804 22.3473 73.3512 24.6967 73.3512 27.5977V76.0867C73.3512 78.9877 70.8804 81.3371 67.8361 81.3371H44.2865V69.4686L65.266 60.1921C68.7185 58.6589 70.8694 55.4601 70.8694 51.8422C70.8694 48.2243 68.7185 45.0145 65.266 43.4923L44.2755 34.3041L44.2865 34.2931Z' }),
+            React.createElement("path", { d: 'M29.0758 69.3804V81.3262H5.52618C2.48183 81.3262 0.0110474 78.9767 0.0110474 76.0757V27.5867C0.0110474 24.6857 2.48183 22.3363 5.52618 22.3363H29.0758V34.2049L8.09623 43.4813C4.64376 45.0145 2.49286 48.2133 2.49286 51.8312C2.49286 55.4492 4.64376 58.659 8.09623 60.1811L29.0868 69.3693L29.0758 69.3804Z' }),
+            React.createElement("path", { d: 'M36.6756 64.0307C43.4071 64.0307 48.8641 58.5737 48.8641 51.8422C48.8641 45.1108 43.4071 39.6538 36.6756 39.6538C29.9441 39.6538 24.4872 45.1108 24.4872 51.8422C24.4872 58.5737 29.9441 64.0307 36.6756 64.0307Z' }))));
+};
+
+const EditIcon = ({ size = 16, fill: f, rotate = 0, onClick }) => {
+    const theme = Theme.useTheme();
+    const fill = f || theme.text.secondary;
+    return (React.createElement("svg", { width: size, height: size, viewBox: '0 0 16 16', xmlns: 'http://www.w3.org/2000/svg', fill: 'none', style: { transform: `rotate(${rotate}deg)` }, onClick: onClick },
+        React.createElement("path", { stroke: fill, strokeLinecap: 'round', strokeLinejoin: 'round', d: 'M8 14C10.6787 11.8171 10.7261 16.2383 14 12.6667M2 13.997L3.81777 13.9999C4.07739 14.0003 4.2072 14.0005 4.32937 13.9712C4.43769 13.9452 4.54125 13.9022 4.63623 13.8438C4.74337 13.778 4.83516 13.6858 5.01874 13.5014L13.6676 4.81451C14.021 4.4596 14.1088 3.91087 13.8396 3.47722C13.5142 2.95298 13.0691 2.50221 12.5511 2.16754C12.136 1.8993 11.5908 1.95805 11.2417 2.30864L2.53993 11.0487C2.36296 11.2264 2.27447 11.3153 2.21029 11.4188C2.15338 11.5105 2.11072 11.6104 2.08378 11.7151C2.05341 11.8331 2.05031 11.9588 2.04411 12.2101L2 13.997Z' })));
+};
+
+const FilterIcon = ({ size = 16, fill: f, rotate = 0, onClick }) => {
+    const theme = Theme.useTheme();
+    const fill = f || theme.text.secondary;
+    return (React.createElement("svg", { width: size, height: size, viewBox: '0 0 16 16', xmlns: 'http://www.w3.org/2000/svg', fill: 'none', style: { transform: `rotate(${rotate}deg)` }, onClick: onClick },
+        React.createElement("path", { stroke: fill, strokeLinecap: 'round', strokeLinejoin: 'round', d: 'M5.33341 8H10.6667M7.33341 12H8.66675M2.66675 4H13.3334' })));
+};
+
+const FolderIcon = ({ size = 16, fill: f, rotate = 0, onClick }) => {
+    const theme = Theme.useTheme();
+    const fill = f || theme.text.secondary;
+    return (React.createElement("svg", { width: size * (18 / 19), height: size, viewBox: '0 0 18 19', xmlns: 'http://www.w3.org/2000/svg', fill: 'none', style: { transform: `rotate(${rotate}deg)` }, onClick: onClick },
+        React.createElement("path", { stroke: fill, strokeLinecap: 'round', strokeLinejoin: 'round', d: 'M1.5 7.96504C1.5 6.28488 1.5 5.4448 1.82698 4.80307C2.1146 4.23858 2.57354 3.77964 3.13803 3.49202C3.77976 3.16504 4.61984 3.16504 6.3 3.16504H6.53667C6.88887 3.16504 7.06498 3.16504 7.22483 3.21358C7.36634 3.25656 7.49799 3.32702 7.61225 3.42093C7.74131 3.527 7.83899 3.67353 8.03436 3.96658L8.46564 4.6135C8.66101 4.90655 8.75869 5.05308 8.88775 5.15915C9.00201 5.25306 9.13366 5.32352 9.27517 5.36649C9.43502 5.41504 9.61113 5.41504 9.96333 5.41504H11.7C13.3802 5.41504 14.2202 5.41504 14.862 5.74202C15.4265 6.02964 15.8854 6.48858 16.173 7.05307C16.5 7.6948 16.5 8.53488 16.5 10.215V11.865C16.5 13.5452 16.5 14.3853 16.173 15.027C15.8854 15.5915 15.4265 16.0504 14.862 16.3381C14.2202 16.665 13.3802 16.665 11.7 16.665H6.3C4.61984 16.665 3.77976 16.665 3.13803 16.3381C2.57354 16.0504 2.1146 15.5915 1.82698 15.027C1.5 14.3853 1.5 13.5452 1.5 11.865V7.96504Z' })));
+};
+
+const KeyIcon = ({ size = 16, fill: f, rotate = 0, onClick }) => {
+    const theme = Theme.useTheme();
+    const fill = f || theme.text.secondary;
+    return (React.createElement("svg", { width: size, height: size, viewBox: '0 0 24 24', xmlns: 'http://www.w3.org/2000/svg', fill: 'none', style: { transform: `rotate(${rotate}deg)` }, onClick: onClick },
+        React.createElement("path", { stroke: fill, strokeLinecap: 'round', strokeLinejoin: 'round', d: 'M14 12C14 14.2091 15.7909 16 18 16C20.2091 16 22 14.2091 22 12C22 9.79086 20.2091 8 18 8C15.7909 8 14 9.79086 14 12ZM14 12H2V15M6 12V14' })));
+};
+
+const NotificationIcon = ({ size = 16, fill: f, rotate = 0, onClick }) => {
+    const theme = Theme.useTheme();
+    const fill = f || theme.text.secondary;
+    return (React.createElement("svg", { width: size * (16 / 17), height: size, viewBox: '0 0 16 17', xmlns: 'http://www.w3.org/2000/svg', fill: 'none', style: { transform: `rotate(${rotate}deg)` }, onClick: onClick },
+        React.createElement("path", { stroke: fill, strokeLinecap: 'round', strokeLinejoin: 'round', d: 'M6.10569 12.3626C5.27488 12.3229 4.44501 12.2571 3.61736 12.1651C2.94777 12.0907 2.51712 11.4179 2.73017 10.7787C2.83819 10.4547 2.94697 10.1359 2.97558 9.79265L3.21224 6.95266C3.41977 4.46237 5.50153 2.54688 8.00045 2.54688C10.4994 2.54688 12.5811 4.46237 12.7886 6.95266L13.0254 9.79425C13.054 10.1373 13.1627 10.456 13.2703 10.78C13.4824 11.4188 13.052 12.0906 12.383 12.165C11.5555 12.257 10.7258 12.3228 9.89517 12.3625M6.10569 12.3626C7.36812 12.4229 8.63275 12.4229 9.89517 12.3625M6.10569 12.3626L6.10571 12.6522C6.10571 13.6986 6.95401 14.5469 8.00045 14.5469C9.04688 14.5469 9.89519 13.6986 9.89519 12.6522L9.89517 12.3625' })));
+};
+
+const TerminalIcon = ({ size = 16, fill: f, rotate = 0, onClick }) => {
+    const theme = Theme.useTheme();
+    const fill = f || theme.text.secondary;
+    return (React.createElement("svg", { width: size, height: size, viewBox: '0 0 24 24', xmlns: 'http://www.w3.org/2000/svg', fill: 'none', style: { transform: `rotate(${rotate}deg)` }, onClick: onClick },
+        React.createElement("path", { stroke: fill, strokeLinecap: 'round', strokeLinejoin: 'round', d: 'M7 12L9 10L7 8M12 12H15M3 11C3 8.19974 3 6.79961 3.54497 5.73005C4.02433 4.78924 4.78924 4.02433 5.73005 3.54497C6.79961 3 8.19974 3 11 3H13C15.8003 3 17.2004 3 18.27 3.54497C19.2108 4.02433 19.9757 4.78924 20.455 5.73005C21 6.79961 21 8.19974 21 11V13C21 15.8003 21 17.2004 20.455 18.27C19.9757 19.2108 19.2108 19.9757 18.27 20.455C17.2004 21 15.8003 21 13 21H11C8.19974 21 6.79961 21 5.73005 20.455C4.78924 19.9757 4.02433 19.2108 3.54497 18.27C3 17.2004 3 15.8003 3 13V11Z' })));
+};
+
+const OverviewIcon = ({ size = 16, fill: f, rotate = 0, onClick }) => {
+    const theme = Theme.useTheme();
+    const fill = f || theme.text.secondary;
+    return (React.createElement("svg", { width: size * (14 / 15), height: size, viewBox: '0 0 14 15', xmlns: 'http://www.w3.org/2000/svg', fill: 'none', style: { transform: `rotate(${rotate}deg)` }, onClick: onClick },
+        React.createElement("path", { stroke: fill, strokeLinecap: 'round', strokeLinejoin: 'round', d: 'M1.75 8.79362H12.25M1.75 11.7103H12.25M3.5 5.87695H10.5C11.4665 5.87695 12.25 5.09345 12.25 4.12695C12.25 3.16045 11.4665 2.37695 10.5 2.37695H3.5C2.5335 2.37695 1.75 3.16045 1.75 4.12695C1.75 5.09345 2.5335 5.87695 3.5 5.87695Z' })));
+};
+
+const SlackLogo = ({ size = 16, fill, rotate = 0, onClick }) => {
+    return (React.createElement("svg", { width: size, height: size, viewBox: '0 0 16 16', xmlns: 'http://www.w3.org/2000/svg', fill: 'none', style: { transform: `rotate(${rotate}deg)` }, onClick: onClick },
+        React.createElement("g", { fillRule: 'evenodd', clipRule: 'evenodd' },
+            React.createElement("path", { fill: fill || '#E01E5A', d: 'M2.471 11.318a1.474 1.474 0 001.47-1.471v-1.47h-1.47A1.474 1.474 0 001 9.846c.001.811.659 1.469 1.47 1.47zm3.682-2.942a1.474 1.474 0 00-1.47 1.471v3.683c.002.811.66 1.468 1.47 1.47a1.474 1.474 0 001.47-1.47V9.846a1.474 1.474 0 00-1.47-1.47z' }),
+            React.createElement("path", { fill: fill || '#36C5F0', d: 'M4.683 2.471c.001.811.659 1.469 1.47 1.47h1.47v-1.47A1.474 1.474 0 006.154 1a1.474 1.474 0 00-1.47 1.47zm2.94 3.682a1.474 1.474 0 00-1.47-1.47H2.47A1.474 1.474 0 001 6.153c.002.812.66 1.469 1.47 1.47h3.684a1.474 1.474 0 001.47-1.47z' }),
+            React.createElement("path", { fill: fill || '#2EB67D', d: 'M9.847 7.624a1.474 1.474 0 001.47-1.47V2.47A1.474 1.474 0 009.848 1a1.474 1.474 0 00-1.47 1.47v3.684c.002.81.659 1.468 1.47 1.47zm3.682-2.941a1.474 1.474 0 00-1.47 1.47v1.47h1.47A1.474 1.474 0 0015 6.154a1.474 1.474 0 00-1.47-1.47z' }),
+            React.createElement("path", { fill: fill || '#ECB22E', d: 'M8.377 9.847c.002.811.659 1.469 1.47 1.47h3.683A1.474 1.474 0 0015 9.848a1.474 1.474 0 00-1.47-1.47H9.847a1.474 1.474 0 00-1.47 1.47zm2.94 3.682a1.474 1.474 0 00-1.47-1.47h-1.47v1.47c.002.812.659 1.469 1.47 1.47a1.474 1.474 0 001.47-1.47z' }))));
+};
+
+const CrossCircledIcon = ({ size = 16, fill: f, rotate = 0, onClick }) => {
+    const theme = Theme.useTheme();
+    const fill = f || theme.text.secondary;
+    return (React.createElement("svg", { width: size, height: size * (16 / 17), viewBox: '0 0 17 16', xmlns: 'http://www.w3.org/2000/svg', fill: 'none', style: { transform: `rotate(${rotate}deg)` }, onClick: onClick },
+        React.createElement("path", { stroke: fill, strokeLinecap: 'round', strokeLinejoin: 'round', d: 'M6.75049 10.0005L8.75049 8.00049M8.75049 8.00049L10.7505 6.00049M8.75049 8.00049L6.75049 6.00049M8.75049 8.00049L10.7505 10.0005M8.75039 14.1004C5.38145 14.1004 2.65039 11.3693 2.65039 8.00039C2.65039 4.63145 5.38145 1.90039 8.75039 1.90039C12.1193 1.90039 14.8504 4.63145 14.8504 8.00039C14.8504 11.3693 12.1193 14.1004 8.75039 14.1004Z' })));
+};
+
+export { CrossCircledIcon as C, EditIcon as E, FilterIcon as F, KeyIcon as K, NotificationIcon as N, OdigosLogoText as O, SlackLogo as S, TerminalIcon as T, FolderIcon as a, OverviewIcon as b };

package/lib/index-4tCBQ2pl.js

@@ -0,0 +1,204 @@
+import { PROGRAMMING_LANGUAGES, SIGNAL_TYPE, NOTIFICATION_TYPE } from './types.js';
+import 'react';
+import './index-DRT_7tQl.js';
+import 'styled-components';
+import { T as TracesIcon, M as MetricsIcon, L as LogsIcon, I as InfoIcon, W as WarningTriangleIcon, E as ErrorTriangleIcon, C as CheckCircledIcon } from './index-DLKEpJJm.js';
+import { O as OdigosLogo } from './index-BGlk5VhF.js';
+
+const capitalizeFirstLetter = (string) => {
+    return string.charAt(0).toUpperCase() + string.slice(1);
+};
+
+/**
+ * Recursively flattens a nested object into a single-level object where each key
+ * represents the path to its corresponding value in the original object. Keys for nested
+ * properties are concatenated using a dot (`.`) as a separator, while array elements
+ * include their index in square brackets (`[]`).
+ *
+ * @param {Record<string, any>} obj - The input object to be flattened.
+ * @param {string} [prefix=''] - The current prefix for the keys, used for recursion.
+ * @param {Record<string, any>} [result={}] - The accumulator object that stores the flattened result.
+ * @returns {Record<string, any>} A new object where all nested properties are flattened into
+ *                                a single level with their paths as keys.
+ *
+ * @example
+ * const input = {
+ *   name: {
+ *     name: 'Name',
+ *     value: 'load-generator',
+ *     status: null,
+ *     explain: '...',
+ *   },
+ * };
+ *
+ * const output = flattenObjectKeys(input);
+ * Output:
+ * {
+ *   'name.name': 'Name',
+ *   'name.value': 'load-generator',
+ *   'name.status': null,
+ *   'name.explain': '...',
+ * }
+ */
+const flattenObjectKeys = (obj, prefix = '', result = {}) => {
+    for (const key in obj) {
+        if (obj.hasOwnProperty(key)) {
+            const value = obj[key];
+            const newKey = prefix ? `${prefix}.${key}` : key;
+            if (value !== null && typeof value === 'object' && !Array.isArray(value)) {
+                // Recurse for nested objects
+                flattenObjectKeys(value, newKey, result);
+            }
+            else if (Array.isArray(value)) {
+                value.forEach((item, index) => {
+                    const arrayKey = `${newKey}[${index}]`;
+                    if (item !== null && typeof item === 'object') {
+                        // Recurse for objects in arrays
+                        flattenObjectKeys(item, arrayKey, result);
+                    }
+                    else {
+                        // Assign primitive array values
+                        result[arrayKey] = item;
+                    }
+                });
+            }
+            else {
+                // Assign non-object, non-array values
+                result[newKey] = value;
+            }
+        }
+    }
+    return result;
+};
+
+const getProgrammingLanguageIcon = (language) => {
+    // const BASE_URL = 'https://d1n7d4xz7fr8b4.cloudfront.net/'
+    const BASE_URL = 'https://odigos-sources.s3.us-east-1.amazonaws.com/';
+    const LOGOS = {
+        [PROGRAMMING_LANGUAGES.JAVA]: `${BASE_URL}java.svg`,
+        [PROGRAMMING_LANGUAGES.GO]: `${BASE_URL}go.svg`,
+        [PROGRAMMING_LANGUAGES.JAVASCRIPT]: `${BASE_URL}nodejs.svg`,
+        [PROGRAMMING_LANGUAGES.PYTHON]: `${BASE_URL}python.svg`,
+        [PROGRAMMING_LANGUAGES.DOTNET]: `${BASE_URL}dotnet.svg`,
+        [PROGRAMMING_LANGUAGES.CSHARP]: `${BASE_URL}csharp.svg`,
+        [PROGRAMMING_LANGUAGES.CPLUSPLUS]: `${BASE_URL}cplusplus.svg`,
+        [PROGRAMMING_LANGUAGES.PHP]: `${BASE_URL}php.svg`,
+        [PROGRAMMING_LANGUAGES.RUBY]: `${BASE_URL}ruby.svg`,
+        [PROGRAMMING_LANGUAGES.RUST]: `${BASE_URL}rust.svg`,
+        [PROGRAMMING_LANGUAGES.SWIFT]: `${BASE_URL}swift.svg`,
+        [PROGRAMMING_LANGUAGES.ELIXIR]: `${BASE_URL}elixir.svg`,
+        [PROGRAMMING_LANGUAGES.MYSQL]: `${BASE_URL}mysql.svg`,
+        [PROGRAMMING_LANGUAGES.NGINX]: `${BASE_URL}nginx.svg`,
+        [PROGRAMMING_LANGUAGES.POSTGRES]: `${BASE_URL}postgres.svg`,
+        [PROGRAMMING_LANGUAGES.REDIS]: `${BASE_URL}redis.svg`,
+        [PROGRAMMING_LANGUAGES.KAFKA]: `${BASE_URL}kafka.svg`,
+        [PROGRAMMING_LANGUAGES.IGNORED]: '', // TODO: good icon
+        [PROGRAMMING_LANGUAGES.UNKNOWN]: '', // TODO: good icon
+        [PROGRAMMING_LANGUAGES.PROCESSING]: '', // TODO: good icon
+        [PROGRAMMING_LANGUAGES.NO_CONTAINERS]: '', // TODO: good icon
+        [PROGRAMMING_LANGUAGES.NO_RUNNING_PODS]: '', // TODO: good icon
+    };
+    return LOGOS[language];
+};
+
+const getMonitorIcon = (type) => {
+    const LOGOS = {
+        [SIGNAL_TYPE.LOGS]: LogsIcon,
+        [SIGNAL_TYPE.METRICS]: MetricsIcon,
+        [SIGNAL_TYPE.TRACES]: TracesIcon,
+    };
+    return LOGOS[type];
+};
+
+const getStatusIcon = (type, theme) => {
+    const LOGOS = {
+        [NOTIFICATION_TYPE.SUCCESS]: (props) => CheckCircledIcon({ fill: theme.text[type], ...props }),
+        [NOTIFICATION_TYPE.ERROR]: (props) => ErrorTriangleIcon({ fill: theme.text[type], ...props }),
+        [NOTIFICATION_TYPE.WARNING]: (props) => WarningTriangleIcon({ fill: theme.text[type], ...props }),
+        [NOTIFICATION_TYPE.INFO]: (props) => InfoIcon({ fill: theme.text[type], ...props }),
+        [NOTIFICATION_TYPE.DEFAULT]: (props) => OdigosLogo({ fill: theme.text[type], ...props }),
+    };
+    return LOGOS[type];
+};
+
+// Example: splitCamelString('LoremIpsumDolorSitAmet')
+// > 'Lorem Ipsum Dolor Sit Amet'
+const splitCamelString = (str) => {
+    if (!str)
+        return '';
+    return str.replace(/([a-z0-9])([A-Z])/g, '$1 $2');
+};
+
+const mapConditions = (conditions) => {
+    return (conditions?.map(({ status, type, reason, message, lastTransitionTime }) => ({
+        status,
+        type: splitCamelString(type),
+        reason: !!reason ? splitCamelString(reason) : '',
+        message,
+        lastTransitionTime,
+    })) || []);
+};
+
+const parseJsonStringToPrettyString = (value) => {
+    let str = '';
+    try {
+        const parsed = JSON.parse(value);
+        // Handle arrays
+        if (Array.isArray(parsed)) {
+            str = parsed
+                .map((item) => {
+                if (typeof item === 'object' && item !== null)
+                    return `${item.key}: ${item.value}`;
+                else
+                    return item;
+            })
+                .join(', ');
+        }
+        // Handle objects (non-array JSON objects)
+        else if (typeof parsed === 'object' && parsed !== null) {
+            str = Object.entries(parsed)
+                .map(([key, val]) => `${key}: ${val}`)
+                .join(', ');
+        }
+        // Should never reach this if it's a string (it will throw)
+        else {
+            str = value;
+        }
+    }
+    catch (error) {
+        str = value;
+    }
+    return str;
+};
+
+const removeEmptyValuesFromObject = (obj) => {
+    if (typeof obj !== 'object')
+        return obj;
+    const result = Array.isArray(obj) ? [] : {};
+    Object.keys(obj).forEach((key) => {
+        const value = obj[key];
+        if (Array.isArray(value)) {
+            // Remove empty arrays or recursively clean non-empty ones
+            const filteredArray = value.filter((item) => item !== null && item !== undefined && item !== '');
+            if (filteredArray.length > 0)
+                result[key] = filteredArray.map((item) => removeEmptyValuesFromObject(item));
+        }
+        else if (typeof value === 'object' && value !== null) {
+            // Recursively clean nested objects
+            const nestedObject = removeEmptyValuesFromObject(value);
+            if (Object.keys(nestedObject).length > 0)
+                result[key] = nestedObject;
+        }
+        else if (![undefined, null, ''].includes(value)) {
+            // Keep valid values
+            result[key] = value;
+        }
+    });
+    return result;
+};
+
+const safeJsonStringify = (obj, indent = 2) => {
+    return JSON.stringify(obj || {}, null, indent);
+};
+
+export { getProgrammingLanguageIcon as a, getStatusIcon as b, capitalizeFirstLetter as c, splitCamelString as d, flattenObjectKeys as f, getMonitorIcon as g, mapConditions as m, parseJsonStringToPrettyString as p, removeEmptyValuesFromObject as r, safeJsonStringify as s };

package/lib/index-BFct3S32.js

@@ -0,0 +1,22 @@
+import { ENTITY_TYPES } from './types.js';
+
+const getIdFromSseTarget = (target, type) => {
+    switch (type) {
+        case ENTITY_TYPES.SOURCE: {
+            const id = {
+                namespace: '',
+                name: '',
+                kind: '',
+            };
+            target.split('&').forEach((str) => {
+                const [key, value] = str.split('=');
+                id[key] = value;
+            });
+            return id;
+        }
+        default:
+            return target;
+    }
+};
+
+export { getIdFromSseTarget as g };