@odigos/ui-kit 0.0.48 → 0.0.50

package/CHANGELOG.md

@@ -1,5 +1,25 @@
 # Changelog
 
+## [0.0.50](https://github.com/odigos-io/ui-kit/compare/ui-kit-v0.0.49...ui-kit-v0.0.50) (2025-07-10)
+
+
+### Features
+
+* add AvatarIcon & UserGroupIcon, update UserIcon ([#214](https://github.com/odigos-io/ui-kit/issues/214)) ([755e660](https://github.com/odigos-io/ui-kit/commit/755e6601cfa90a8fd8ca9cedddcb33d88883b86d))
+* add DataFinger component ([#212](https://github.com/odigos-io/ui-kit/issues/212)) ([d0f328d](https://github.com/odigos-io/ui-kit/commit/d0f328dd486b0ac0437b1921d88482ddc622c77d))
+* add Tag component ([#213](https://github.com/odigos-io/ui-kit/issues/213)) ([700031e](https://github.com/odigos-io/ui-kit/commit/700031ef09c824377c6f31d5fc207244cb51952b))
+* refactor DataCardFields ([#211](https://github.com/odigos-io/ui-kit/issues/211)) ([9f446b3](https://github.com/odigos-io/ui-kit/commit/9f446b36dac4e008c79eba4ee2177f44b2743fef))
+* refactor popups to be re-used ([#215](https://github.com/odigos-io/ui-kit/issues/215)) ([18e671e](https://github.com/odigos-io/ui-kit/commit/18e671e73b999f35e0ee4fc9e189a0194dcfde01))
+* service map edits ([#216](https://github.com/odigos-io/ui-kit/issues/216)) ([eaa1526](https://github.com/odigos-io/ui-kit/commit/eaa15269ffb562e70ab8e6156c395187f1e121a8))
+
+## [0.0.49](https://github.com/odigos-io/ui-kit/compare/ui-kit-v0.0.48...ui-kit-v0.0.49) (2025-07-01)
+
+
+### Features
+
+* add ESLint workflow for pull requests ([#206](https://github.com/odigos-io/ui-kit/issues/206)) ([17e5036](https://github.com/odigos-io/ui-kit/commit/17e50361890a251748115326b0f3e63bda924b6d))
+* service map ([#207](https://github.com/odigos-io/ui-kit/issues/207)) ([24637e0](https://github.com/odigos-io/ui-kit/commit/24637e01d75af8221b6fe20fde192ce55c072687))
+
 ## [0.0.48](https://github.com/odigos-io/ui-kit/compare/ui-kit-v0.0.47...ui-kit-v0.0.48) (2025-06-26)
 
 

package/eslint.config.mjs

@@ -1,5 +1,5 @@
 // For more info, see https://github.com/storybookjs/eslint-plugin-storybook#configuration-flat-config-format
-import storybook from "eslint-plugin-storybook";
+import storybook from 'eslint-plugin-storybook';
 
 import { dirname } from 'path';
 import { fileURLToPath } from 'url';
@@ -15,6 +15,20 @@ const compat = new FlatCompat({
 const extensions = compat.extends('next/core-web-vitals', 'next/typescript');
 const config = compat.config({});
 
-const eslintConfig = [...extensions, ...config, ...storybook.configs["flat/recommended"]];
+// Custom rule to allow unused variables that start with underscore
+const customRules = {
+  rules: {
+    '@typescript-eslint/no-unused-vars': [
+      'error',
+      {
+        argsIgnorePattern: '^_',
+        varsIgnorePattern: '^_',
+        caughtErrorsIgnorePattern: '^_',
+      },
+    ],
+  },
+};
+
+const eslintConfig = [...extensions, ...config, ...storybook.configs['flat/recommended'], customRules];
 
 export default eslintConfig;

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

@@ -1,4 +1,5 @@
 import { type FC } from 'react';
+import { AnyObj } from '@/types';
 declare enum DataCardFieldTypes {
     Code = "code",
     Table = "table",
@@ -7,17 +8,13 @@ declare enum DataCardFieldTypes {
     Divider = "divider",
     Monitors = "monitors",
     CopyText = "copy-text",
-    DescribeRow = "describe-row",
-    ActiveStatus = "active-status",
-    PodContainer = "pod-container",
-    SourceContainer = "source-container"
+    ActiveStatus = "active-status"
 }
 interface DataCardField {
     type?: DataCardFieldTypes;
     title?: string;
     tooltip?: string;
-    value?: string | Record<string, any>;
-    callback?: (payload: any) => void | Promise<void>;
+    value?: string | AnyObj;
 }
 interface DataCardFieldsProps {
     data?: DataCardField[];

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

@@ -1,11 +1,11 @@
 import React from 'react';
-import { StoryObj } from '@storybook/react-webpack5';
 import { type DataCardProps } from '.';
+import { StoryObj } from '@storybook/react-webpack5';
 declare const _default: {
     title: string;
     component: React.FC<DataCardProps>;
 };
 export default _default;
-export declare const Containers: StoryObj<DataCardProps>;
-export declare const FromChildren: StoryObj<DataCardProps>;
-export declare const DescribePod: StoryObj<DataCardProps>;
+export declare const MixedCard: StoryObj<DataCardProps>;
+export declare const SourceContainers: StoryObj<DataCardProps>;
+export declare const SourceDescribe: StoryObj<DataCardProps>;

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

@@ -0,0 +1,9 @@
+import React from 'react';
+import { type DataFingerProps } from '.';
+import type { StoryObj } from '@storybook/react-webpack5';
+declare const _default: {
+    title: string;
+    component: React.FC<DataFingerProps>;
+};
+export default _default;
+export declare const Default: StoryObj<DataFingerProps>;

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

@@ -0,0 +1,12 @@
+import { type FC, type ReactNode } from 'react';
+import type { SVG } from '@/types';
+interface DataFingerProps {
+    title?: string;
+    subTitle?: string;
+    icons?: SVG[];
+    iconSrcs?: string[];
+    onClick?: () => void;
+    renderActions?: () => ReactNode;
+}
+declare const DataFinger: FC<DataFingerProps>;
+export { DataFinger, type DataFingerProps };

package/lib/components/error-boundary/error-boundary.stories.d.ts

@@ -3,7 +3,9 @@ import type { StoryFn } from '@storybook/react-webpack5';
 import { type ErrorBoundaryProps } from '.';
 declare const _default: {
     title: string;
-    component: React.FC<ErrorBoundaryProps>;
+    component: React.FC<{
+        children?: React.ReactNode | undefined;
+    }>;
 };
 export default _default;
 export declare const Default: StoryFn<ErrorBoundaryProps>;

package/lib/components/error-boundary/index.d.ts

@@ -1,5 +1,4 @@
 import { type FC, type PropsWithChildren } from 'react';
-interface ErrorBoundaryProps extends PropsWithChildren {
-}
+type ErrorBoundaryProps = PropsWithChildren;
 declare const ErrorBoundary: FC<ErrorBoundaryProps>;
 export { ErrorBoundary, type ErrorBoundaryProps };

package/lib/components/field-error/field-error.stories.d.ts

@@ -3,7 +3,9 @@ import type { StoryFn } from '@storybook/react-webpack5';
 import { type FieldErrorProps } from '.';
 declare const _default: {
     title: string;
-    component: React.FC<FieldErrorProps>;
+    component: React.FC<{
+        children?: React.ReactNode | undefined;
+    }>;
 };
 export default _default;
 export declare const Default: StoryFn<FieldErrorProps>;

package/lib/components/field-error/index.d.ts

@@ -1,5 +1,4 @@
 import { type FC, type PropsWithChildren } from 'react';
-interface FieldErrorProps extends PropsWithChildren {
-}
+type FieldErrorProps = PropsWithChildren;
 declare const FieldError: FC<FieldErrorProps>;
 export { FieldError, type FieldErrorProps };

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

@@ -5,6 +5,8 @@ interface IconButtonProps extends PropsWithChildren {
     size?: number;
     withPing?: boolean;
     pingColor?: CSSProperties['backgroundColor'];
+    withBorder?: boolean;
+    backgroundColor?: CSSProperties['backgroundColor'];
 }
 declare const IconButton: FC<IconButtonProps>;
 export { IconButton, type IconButtonProps };

package/lib/components/index.d.ts

@@ -6,8 +6,10 @@ export * from './checkbox/index';
 export * from './code/index';
 export * from './condition-details/index';
 export * from './data-card/index';
+export * from './data-finger/index';
 export * from './data-tab/index';
 export * from './delete-warning/index';
+export * from './describe-row/index';
 export * from './divider/index';
 export * from './docs-button/index';
 export * from './drawer/index';
@@ -35,6 +37,8 @@ export * from './monitors-icons/index';
 export * from './navigation-buttons/index';
 export * from './no-data-found/index';
 export * from './notification-note/index';
+export * from './popup/index';
+export * from './popup-form/index';
 export * from './scroll-x/index';
 export * from './section-title/index';
 export * from './segment/index';
@@ -42,6 +46,7 @@ export * from './selection-button/index';
 export * from './skeleton-loader/index';
 export * from './status/index';
 export * from './stepper/index';
+export * from './tag/index';
 export * from './text/index';
 export * from './textarea/index';
 export * from './toggle/index';

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

@@ -0,0 +1,17 @@
+import React, { CSSProperties, PropsWithChildren, ReactNode } from 'react';
+interface PopupProps extends PropsWithChildren {
+    header?: ReactNode;
+    footer?: ReactNode;
+    isOpen: boolean;
+    asPortal?: boolean;
+    top?: number;
+    bottom?: number;
+    left?: number;
+    right?: number;
+    borderRadius?: CSSProperties['borderRadius'];
+    padding?: CSSProperties['padding'];
+    maxWidth?: CSSProperties['maxWidth'];
+    width?: CSSProperties['width'];
+}
+declare const Popup: React.ForwardRefExoticComponent<PopupProps & React.RefAttributes<HTMLDivElement>>;
+export { Popup, type PopupProps };

package/lib/components/popup/popup.stories.d.ts

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

package/lib/components/popup-form/index.d.ts

@@ -0,0 +1,18 @@
+import { type FC, type ReactNode } from 'react';
+interface PopupFormProps {
+    clientX?: number;
+    flipX?: boolean;
+    clientY?: number;
+    flipY?: boolean;
+    isOpen: boolean;
+    onClose: () => void;
+    onSave: () => void;
+    withDelete?: boolean;
+    onDelete?: () => void;
+    title?: string;
+    titleTooltip?: string;
+    warning?: string;
+    children: ReactNode;
+}
+declare const PopupForm: FC<PopupFormProps>;
+export { PopupForm, type PopupFormProps };

package/lib/components/popup-form/popup-form.stories.d.ts

@@ -0,0 +1,10 @@
+import React from 'react';
+import { type StoryFn } from '@storybook/react-webpack5';
+import { type PopupFormProps } from '.';
+declare const _default: {
+    title: string;
+    component: React.FC<PopupFormProps>;
+};
+export default _default;
+export declare const OverrideRuntime: StoryFn<PopupFormProps>;
+export declare const TokenUpdate: StoryFn<PopupFormProps>;

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

@@ -1,14 +1,15 @@
 import { type CSSProperties, type FC } from 'react';
 import type { SVG } from '@/types';
 type SelectedValue = any;
+type Option = {
+    icon?: SVG;
+    label?: string;
+    value: SelectedValue;
+    selectedBgColor?: CSSProperties['backgroundColor'];
+    selectedTextColor?: CSSProperties['color'];
+};
 interface SegmentProps {
-    options: {
-        icon?: SVG;
-        label?: string;
-        value: SelectedValue;
-        selectedBgColor?: CSSProperties['backgroundColor'];
-        selectedTextColor?: CSSProperties['color'];
-    }[];
+    options: Option[];
     selected: SelectedValue;
     setSelected: (value: SelectedValue) => void;
 }

package/lib/components/styled.d.ts

@@ -1,6 +1,8 @@
 import { type CSSProperties } from 'styled-components';
 export declare const FlexRow: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {
     $gap?: number;
+    $alignItems?: CSSProperties["alignItems"];
+    $justifyContent?: CSSProperties["justifyContent"];
 }>> & string;
 export declare const FlexColumn: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {
     $gap?: number;
@@ -19,8 +21,10 @@ export declare const TableContainer: import("styled-components/dist/types").ISty
 }, {
     $maxWidth: CSSProperties["maxWidth"];
 }>> & string;
-export declare const TableTitleWrap: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "$gap"> & {
+export declare const TableTitleWrap: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "$gap" | "$alignItems" | "$justifyContent"> & {
     $gap?: number;
+    $alignItems?: CSSProperties["alignItems"];
+    $justifyContent?: CSSProperties["justifyContent"];
 }, never>> & string;
 export declare const TableWrap: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {
     $maxHeight: CSSProperties["maxHeight"];

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

@@ -0,0 +1,8 @@
+import { type FC } from 'react';
+import { StatusType } from '@/types';
+import { TextProps } from '../text';
+interface TagProps extends TextProps {
+    type: StatusType;
+}
+declare const Tag: FC<TagProps>;
+export { Tag, type TagProps };

package/lib/components/tag/tag.stories.d.ts

@@ -0,0 +1,13 @@
+import React from 'react';
+import { type StoryObj } from '@storybook/react-webpack5';
+import { type TagProps } from '.';
+declare const _default: {
+    title: string;
+    component: React.FC<TagProps>;
+};
+export default _default;
+export declare const Default: StoryObj<TagProps>;
+export declare const Info: StoryObj<TagProps>;
+export declare const Warning: StoryObj<TagProps>;
+export declare const Error: StoryObj<TagProps>;
+export declare const Success: StoryObj<TagProps>;

package/lib/components.js

@@ -1,16 +1,16 @@
-import { B as Button } from './index-DXBePB-r.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-DXBePB-r.js';
-export { C as CancelWarning, D as DeleteWarning } from './index-DHHUJe_a.js';
+import { e as Button } from './index-CgdNGqvh.js';
+export { f as AutocompleteInput, g as Badge, al as CenterThis, h as Checkbox, i as Code, j as ConditionDetails, D as DataCard, l as DataCardFieldTypes, k as DataCardFields, m as DataFinger, o as DataTab, p as DescribeRow, q as Divider, r as DocsButton, s as Drawer, u as DrawerFooter, t as DrawerHeader, v as Dropdown, w as ExtendArrow, x as FadeLoader, y as FieldError, z as FieldLabel, ak as FlexColumn, aj as FlexRow, G as Header, I as IconButton, J as IconGroup, K as IconTitleBadge, O as IconWrapped, Q as IconsNav, R as ImageControlled, U as Input, V as InputList, W as InputTable, X as InteractiveTable, Y as KeyValueInputsList, Z as Modal, ao as ModalBody, _ as MonitorsCheckboxes, $ as MonitorsIcons, a0 as NavigationButtons, a1 as NoDataFound, a2 as NotificationNote, an as Overlay, a3 as Popup, a4 as PopupForm, a5 as ScrollX, a6 as SectionTitle, a7 as Segment, a8 as SelectionButton, a9 as SkeletonLoader, aa as Status, ab as Stepper, ap as TableContainer, aq as TableTitleWrap, ar as TableWrap, ac as Tag, ad as Text, ae as TextArea, af as Toggle, T as ToggleCodeComponent, ag as Tooltip, ah as TraceLoader, am as VerticalScroll, ai as WarningModal } from './index-CgdNGqvh.js';
+export { C as CancelWarning, D as DeleteWarning } from './index-DnhO-nLH.js';
 import React, { Component, createElement, createContext } from 'react';
-import { T as Theme } from './index-Bw7RE2T2.js';
+import { T as Theme } from './index-BC03UmY5.js';
 import './types.js';
-import './index-CkTdd3MS.js';
-import './index-CrXEzEGw.js';
+import './index-CyHOJpMl.js';
+import './index-Dbs7YARA.js';
 import 'styled-components';
-import './index-DxR7e2Cq.js';
-import './index-BV85P9UP.js';
-import './useTransition-DanOnTji.js';
+import './index-H8TwBQHm.js';
+import './index-BnvrwbRB.js';
 import 'react-dom';
+import './useTransition-DmHfJSEP.js';
 
 const ErrorBoundaryContext = createContext(null);
 

package/lib/constants.js

@@ -1,4 +1,4 @@
-export { A as ACTION_OPTIONS, B as BUTTON_TEXTS, k as DEFAULT_DATA_STREAM_NAME, D as DISPLAY_LANGUAGES, l as DISPLAY_TITLES, F as FORM_ALERTS, I as INSTRUMENTATION_RULE_OPTIONS, L as LANGUAGE_OPTIONS, M as MONITORS_OPTIONS, S as STORAGE_KEYS } from './index-Bw7RE2T2.js';
+export { A as ACTION_OPTIONS, B as BUTTON_TEXTS, l as DEFAULT_DATA_STREAM_NAME, D as DISPLAY_LANGUAGES, m as DISPLAY_TITLES, F as FORM_ALERTS, I as INSTRUMENTATION_RULE_OPTIONS, L as LANGUAGE_OPTIONS, M as MONITORS_OPTIONS, S as STORAGE_KEYS } from './index-BC03UmY5.js';
 export { D as DESTINATION_CATEGORIES } from './index-Dqief9td.js';
 import 'react';
 import './types.js';

package/lib/containers/await-pipeline/await-pipeline.stories.d.ts

@@ -3,7 +3,7 @@ import type { StoryFn } from '@storybook/react-webpack5';
 import { type AwaitPipelineProps } from '.';
 declare const _default: {
     title: string;
-    component: React.FC<AwaitPipelineProps>;
+    component: React.FC<object>;
 };
 export default _default;
 export declare const Default: StoryFn<AwaitPipelineProps>;

package/lib/containers/await-pipeline/index.d.ts

@@ -1,5 +1,4 @@
 import { FC } from 'react';
-interface AwaitPipelineProps {
-}
+type AwaitPipelineProps = object;
 declare const AwaitPipeline: FC<AwaitPipelineProps>;
 export { AwaitPipeline, type AwaitPipelineProps };

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

@@ -1,5 +1,4 @@
 import React from 'react';
-interface Props {
-}
-export declare const AddEntity: React.FC<Props>;
+type AddEntityProps = object;
+export declare const AddEntity: React.FC<AddEntityProps>;
 export {};

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

@@ -1,5 +1,4 @@
 import React from 'react';
-interface Props {
-}
-export declare const Filters: React.FC<Props>;
+type FiltersProps = object;
+export declare const Filters: React.FC<FiltersProps>;
 export {};

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

@@ -1,5 +1,4 @@
 import React from 'react';
-interface Props {
-}
-export declare const Search: React.FC<Props>;
+type SearchProps = object;
+export declare const Search: React.FC<SearchProps>;
 export {};

package/lib/containers/data-stream-modal/data-stream-modal.stories.d.ts

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

package/lib/containers/data-stream-modal/index.d.ts

@@ -1,5 +1,4 @@
 import { type FC } from 'react';
-interface DataStreamModalProps {
-}
+type DataStreamModalProps = object;
 declare const DataStreamModal: FC<DataStreamModalProps>;
 export { DataStreamModal, type DataStreamModalProps };

package/lib/containers/index.d.ts

@@ -24,6 +24,7 @@ export * from './instrumentation-rule-table/index';
 export * from './multi-source-control/index';
 export * from './notification-manager/index';
 export * from './overview-drawer/index';
+export * from './service-map/index';
 export * from './setup-summary/index';
 export * from './side-nav/index';
 export * from './slack-invite/index';

package/lib/containers/notification-manager/index.d.ts

@@ -1,5 +1,4 @@
 import React from 'react';
-interface NotificationManagerProps {
-}
+type NotificationManagerProps = object;
 declare const NotificationManager: React.FC<NotificationManagerProps>;
 export { NotificationManager, type NotificationManagerProps };

package/lib/containers/notification-manager/notification-manager.stories.d.ts

@@ -3,7 +3,7 @@ import { type StoryObj } from '@storybook/react-webpack5';
 import { type NotificationManagerProps } from '.';
 declare const _default: {
     title: string;
-    component: React.FC<NotificationManagerProps>;
+    component: React.FC<object>;
 };
 export default _default;
 export declare const Default: StoryObj<NotificationManagerProps>;

package/lib/containers/service-map/helpers/build-edges.d.ts

@@ -0,0 +1,10 @@
+import { DefaultTheme } from 'styled-components';
+import { type Edge, type Node } from '@xyflow/react';
+import { type ServiceMapSources } from '@/types';
+interface Params {
+    theme: DefaultTheme;
+    nodes: Node[];
+    serviceMap: ServiceMapSources;
+}
+export declare const buildEdges: ({ theme, nodes, serviceMap }: Params) => Edge[];
+export {};

package/lib/containers/service-map/helpers/build-map-nodes.d.ts

@@ -0,0 +1,11 @@
+import type { Node } from '@xyflow/react';
+import { type Source, type ServiceMapSources } from '@/types';
+interface Params {
+    sources: Source[];
+    sourcesLoading: boolean;
+    serviceMap: ServiceMapSources;
+    containerHeight: number;
+    containerWidth: number;
+}
+export declare const buildMapNodes: ({ sources, serviceMap, containerHeight, containerWidth }: Params) => Node[];
+export {};

package/lib/containers/service-map/helpers/generate-dag-positions.d.ts

@@ -0,0 +1,5 @@
+import type { XYPosition } from '@xyflow/react';
+import type { ServiceMapSources } from '@/types';
+type PositionMap = Map<string, XYPosition>;
+export declare const generateDAGPositions: (serviceMap: ServiceMapSources, containerWidth: number, containerHeight: number) => PositionMap;
+export {};

package/lib/containers/service-map/helpers/generate-spiral-grid-position.d.ts

@@ -0,0 +1,2 @@
+import type { XYPosition } from '@xyflow/react';
+export declare const generateSpiralGridPosition: (existingPositions: XYPosition[], containerWidth: number, containerHeight: number) => XYPosition;

package/lib/containers/service-map/index.d.ts

@@ -0,0 +1,8 @@
+import React, { type CSSProperties } from 'react';
+import type { ServiceMapSources } from '@/types';
+interface ServiceMapProps {
+    heightToRemove: CSSProperties['height'];
+    serviceMap: ServiceMapSources;
+}
+declare const ServiceMap: React.FC<ServiceMapProps>;
+export { ServiceMap, type ServiceMapProps };

package/lib/containers/service-map/service-map.stories.d.ts

@@ -0,0 +1,9 @@
+import React from 'react';
+import type { StoryObj } from '@storybook/react-webpack5';
+import { type ServiceMapProps } from '.';
+declare const _default: {
+    title: string;
+    component: React.FC<ServiceMapProps>;
+};
+export default _default;
+export declare const Default: StoryObj<ServiceMapProps>;

package/lib/containers/slack-invite/index.d.ts

@@ -1,5 +1,4 @@
 import { type FC } from 'react';
-interface SlackInviteProps {
-}
+type SlackInviteProps = object;
 declare const SlackInvite: FC<SlackInviteProps>;
 export { SlackInvite, type SlackInviteProps };

package/lib/containers/slack-invite/slack-invite.stories.d.ts

@@ -3,7 +3,7 @@ import type { StoryFn } from '@storybook/react-webpack5';
 import { type SlackInviteProps } from '.';
 declare const _default: {
     title: string;
-    component: React.FC<SlackInviteProps>;
+    component: React.FC<object>;
 };
 export default _default;
 export declare const Default: StoryFn<SlackInviteProps>;

package/lib/containers/system-overview/describe/index.d.ts

@@ -1,5 +1,5 @@
 import { type FC } from 'react';
-import type { DescribeOdigos } from '@/types';
+import { type DescribeOdigos } from '@/types';
 interface DescribeProps {
     fetchDescribeOdigos: () => Promise<{
         data?: {

package/lib/containers/toast-list/index.d.ts

@@ -1,5 +1,4 @@
 import React from 'react';
-interface ToastListProps {
-}
+type ToastListProps = object;
 declare const ToastList: React.FC<ToastListProps>;
 export { ToastList, type ToastListProps };

package/lib/containers/toast-list/toast-list.stories.d.ts

@@ -3,7 +3,7 @@ import type { StoryObj } from '@storybook/react-webpack5';
 import { type ToastListProps } from '.';
 declare const _default: {
     title: string;
-    component: React.FC<ToastListProps>;
+    component: React.FC<object>;
 };
 export default _default;
 export declare const Default: StoryObj<ToastListProps>;

package/lib/containers/toggle-dark-mode/index.d.ts

@@ -1,5 +1,4 @@
 import { type FC } from 'react';
-interface ToggleDarkModeProps {
-}
+type ToggleDarkModeProps = object;
 declare const ToggleDarkMode: FC<ToggleDarkModeProps>;
 export { ToggleDarkMode, type ToggleDarkModeProps };

package/lib/containers/toggle-dark-mode/toggle-dark-mode.stories.d.ts

@@ -3,7 +3,7 @@ import type { StoryFn } from '@storybook/react-webpack5';
 import { type ToggleDarkModeProps } from '.';
 declare const _default: {
     title: string;
-    component: React.FC<ToggleDarkModeProps>;
+    component: React.FC<object>;
 };
 export default _default;
 export declare const Default: StoryFn<ToggleDarkModeProps>;