@odigos/ui-kit 0.0.211 → 0.0.213

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

@@ -5,6 +5,7 @@ export interface BadgeProps {
     label?: string | number;
     leftIcon?: SVG;
     rightIcon?: SVG;
+    tooltip?: string;
     status?: StatusType | OtherStatusType;
     useSecondaryTone?: boolean;
     invertColors?: boolean;
@@ -12,5 +13,6 @@ export interface BadgeProps {
     textColor?: CSSProperties['color'];
     backgroundColor?: CSSProperties['backgroundColor'];
     minWidth?: CSSProperties['minWidth'];
+    fullWidth?: boolean;
 }
 export declare const Badge: FC<BadgeProps>;

package/lib/components/_v2/cards/section-card/index.d.ts

@@ -8,6 +8,7 @@ export declare enum SectionCardSize {
 }
 export interface SectionCardProps {
     size?: SectionCardSize;
+    fullHeight?: boolean;
     richTitle: RichTitleProps;
     search?: SearchProps;
     actions?: ActionsProps['actions'];

package/lib/components/_v2/checkbox/index.d.ts

@@ -1,12 +1,16 @@
 import { type FC, Dispatch, SetStateAction } from 'react';
 import { ListDirection } from '@/types';
+import { type BadgeProps } from '../badge';
+import { type FieldMessageProps } from '../field-message';
 export declare enum CheckboxSize {
     S = "small",
     L = "large"
 }
-export interface CheckboxProps {
+export interface CheckboxProps extends FieldMessageProps {
+    name?: string;
     label?: string;
     tooltip?: string;
+    badge?: BadgeProps;
     size?: CheckboxSize;
     disabled?: boolean;
     partiallyChecked?: boolean;

package/lib/components/_v2/field-message/index.d.ts

@@ -1,6 +1,7 @@
 import { type FC } from 'react';
 export interface FieldMessageProps {
     errorMessage?: string;
+    warnMessage?: string;
     helpMessage?: string;
 }
 export declare const FieldMessage: FC<FieldMessageProps>;

package/lib/components/_v2/field-title/index.d.ts

@@ -1,8 +1,10 @@
 import { type CSSProperties, type FC } from 'react';
+import { type BadgeProps } from '../badge';
 export interface FieldTitleProps {
     label?: string;
     tooltip?: string;
     required?: boolean;
+    badge?: BadgeProps;
     width?: CSSProperties['width'];
     smallAndDark?: boolean;
 }

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

@@ -24,6 +24,7 @@ export * from './note';
 export * from './radio';
 export * from './search';
 export * from './segment';
+export * from './stepper';
 export * from './table';
 export * from './tag';
 export * from './textarea';

package/lib/components/_v2/input/index.d.ts

@@ -1,14 +1,15 @@
 import { type InputHTMLAttributes, type FC, type CSSProperties } from 'react';
+import { type BadgeProps } from '../badge';
 import { type SVG } from '@/types';
-export interface InputProps extends Omit<InputHTMLAttributes<HTMLInputElement>, 'title'> {
+import { type FieldMessageProps } from '../field-message';
+export interface InputProps extends Omit<InputHTMLAttributes<HTMLInputElement>, 'title'>, FieldMessageProps {
     label?: string;
     required?: boolean;
     tooltip?: string;
+    badge?: BadgeProps;
     leftIcon?: SVG;
     rightIcon?: SVG;
     hasError?: boolean;
-    errorMessage?: string;
-    helpMessage?: string;
     maxWidth?: CSSProperties['maxWidth'];
     width?: CSSProperties['width'];
     small?: boolean;

package/lib/components/_v2/input-list/index.d.ts

@@ -1,13 +1,15 @@
 import { type FC } from 'react';
+import { type BadgeProps } from '../badge';
+import { type FieldMessageProps } from '../field-message';
 type Row = string;
-export interface InputListProps {
+export interface InputListProps extends FieldMessageProps {
     values: Row[];
     setValues: (values: Row[]) => void;
+    name?: string;
     label?: string;
     tooltip?: string;
+    badge?: BadgeProps;
     required?: boolean;
-    errorMessage?: string;
-    helpMessage?: string;
     placeholder?: string;
     disabled?: boolean;
 }

package/lib/components/_v2/input-table/index.d.ts

@@ -1,16 +1,18 @@
 import { type FC } from 'react';
+import { type BadgeProps } from '../badge';
 import type { Column, Row } from './types';
+import { type FieldMessageProps } from '../field-message';
 export type { Column, Row } from './types';
-export interface InputTableProps {
+export interface InputTableProps extends FieldMessageProps {
     columns: Column[];
     values: Row[];
     setValues: (values: Row[]) => void;
+    name?: string;
     label?: string;
     tooltip?: string;
+    badge?: BadgeProps;
     required?: boolean;
     disabled?: boolean;
-    errorMessage?: string;
-    helpMessage?: string;
     limitFieldsPerRow?: number;
 }
 export declare const InputTable: FC<InputTableProps>;

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

@@ -0,0 +1,11 @@
+import { type FC } from 'react';
+export interface StepperProps {
+    currentStep: number;
+    data: {
+        step: number;
+        label: string;
+        forceDoneBadge?: boolean;
+    }[];
+    gap?: number;
+}
+export declare const Stepper: FC<StepperProps>;

package/lib/components/_v2/textarea/index.d.ts

@@ -1,10 +1,11 @@
 import { type TextareaHTMLAttributes, type FC, type CSSProperties } from 'react';
-export interface TextAreaProps extends TextareaHTMLAttributes<HTMLTextAreaElement> {
+import { type BadgeProps } from '../badge';
+import { type FieldMessageProps } from '../field-message';
+export interface TextAreaProps extends TextareaHTMLAttributes<HTMLTextAreaElement>, FieldMessageProps {
     label?: string;
     required?: boolean;
     tooltip?: string;
-    errorMessage?: string;
-    helpMessage?: string;
+    badge?: BadgeProps;
     maxWidth?: CSSProperties['maxWidth'];
     minHeight?: CSSProperties['minHeight'];
 }

package/lib/components/_v2/toggle/index.d.ts

@@ -1,5 +1,7 @@
 import { type CSSProperties, type SetStateAction, type FC, type Dispatch } from 'react';
+import { type BadgeProps } from '../badge';
 import { ListDirection, type SVG } from '@/types';
+import { type FieldMessageProps } from '../field-message';
 export declare enum ToggleVariant {
     Default = "default",
     SuccessError = "successError"
@@ -12,13 +14,15 @@ export declare enum ToggleLabelAlign {
     Left = "left",
     Right = "right"
 }
-export interface ToggleProps {
+export interface ToggleProps extends FieldMessageProps {
     variant?: ToggleVariant;
     size?: ToggleSize;
+    name?: string;
     label?: string;
     labelAlign?: ToggleLabelAlign;
     labelColor?: CSSProperties['color'];
     tooltip?: string;
+    badge?: BadgeProps;
     value: boolean;
     onChange: (value: boolean) => void;
     disabled?: boolean;

package/lib/components/styled.d.ts

@@ -1,7 +1,9 @@
 import { type HTMLAttributes, type RefAttributes } from 'react';
 import { type CSSProperties, type IStyledComponent } from 'styled-components';
 type DivProps<P = object> = P & HTMLAttributes<HTMLDivElement> & RefAttributes<HTMLDivElement>;
-export declare const PageContent: IStyledComponent<'web', DivProps>;
+export declare const PageContent: IStyledComponent<'web', DivProps<{
+    $heightOffset?: number;
+}>>;
 export declare const UpgradeRequiredWrapper: IStyledComponent<'web', DivProps>;
 interface FlexRowProps {
     $gap?: number;
@@ -50,9 +52,4 @@ interface TableWrapProps {
     $maxHeight: CSSProperties['maxHeight'];
 }
 export declare const TableWrap: IStyledComponent<'web', DivProps<TableWrapProps>>;
-interface WhiteSpaceProps {
-    $width?: CSSProperties['width'];
-    $height?: CSSProperties['height'];
-}
-export declare const WhiteSpace: IStyledComponent<'web', DivProps<WhiteSpaceProps>>;
 export {};

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

@@ -6,6 +6,7 @@ interface TooltipProps extends PropsWithChildren {
     title?: string;
     text?: string;
     timestamp?: string | number | Date;
+    fullWidth?: boolean;
 }
 declare const Tooltip: FC<TooltipProps>;
 export { Tooltip, type TooltipProps };

package/lib/components/v2.js

@@ -1 +1 @@
-export{_ as Badge,B as Button,h as ButtonSize,dW as ButtonTab,dX as ButtonTabList,j as ButtonVariants,C as Checkbox,dY as CheckboxList,dZ as CheckboxSize,aM as CliCommand,aB as DataCard,o as Drawer,ay as DropData,aA as DropDataAlignX,az as DropDataAlignY,y as DropDown,b as FieldMessage,a as FieldTitle,d_ as Header,cz as HoverActions,a7 as IconButton,a8 as IconButtonSize,I as Input,f as InputList,d as InputTable,aJ as Island,L as Loader,d$ as Modal,e0 as Navbar,N as NoData,r as Note,e1 as Radio,e2 as RadioGroup,e3 as RadioSize,q as Search,aw as SectionCard,e4 as SectionCardSize,v as Segment,ac as SegmentSize,aP as StatusCard,aH as Table,aI as TableVariant,e5 as Tag,w as TextArea,aQ as TextCard,T as Toggle,e as ToggleLabelAlign,e6 as ToggleList,ak as ToggleSize,e7 as ToggleVariant,t as Typography,p as TypographySize,al as TypographyVariants,W as WarningModal}from"../chunks/ui-components-B5U474B5.js";import"../icons.js";import"react/jsx-runtime";import"styled-components";import"zustand";import"react";import"javascript-time-ago";import"../chunks/vendor-D99eCWta.js";import"@xyflow/react";import"react-dom";import"prism-react-renderer";import"react-error-boundary";import"lottie-react";import"virtua";
+export{a4 as Badge,B as Button,t as ButtonSize,d_ as ButtonTab,d$ as ButtonTabList,j as ButtonVariants,C as Checkbox,e0 as CheckboxList,e1 as CheckboxSize,aO as CliCommand,aC as DataCard,D as Drawer,az as DropData,aB as DropDataAlignX,aA as DropDataAlignY,H as DropDown,c as FieldMessage,a as FieldTitle,e2 as Header,cC as HoverActions,ag as IconButton,ah as IconButtonSize,I as Input,r as InputList,o as InputTable,aK as Island,L as Loader,e3 as Modal,e4 as Navbar,N as NoData,h as Note,e5 as Radio,e6 as RadioGroup,e7 as RadioSize,g as Search,ax as SectionCard,e8 as SectionCardSize,z as Segment,al as SegmentSize,aR as StatusCard,aL as Stepper,aI as Table,aJ as TableVariant,e9 as Tag,E as TextArea,aS as TextCard,p as Toggle,q as ToggleLabelAlign,ea as ToggleList,ao as ToggleSize,eb as ToggleVariant,k as Typography,f as TypographySize,ap as TypographyVariants,W as WarningModal}from"../chunks/ui-components-BliHHDta.js";import"../icons.js";import"react/jsx-runtime";import"styled-components";import"zustand";import"react";import"javascript-time-ago";import"../chunks/vendor-C150cdxb.js";import"@xyflow/react";import"react-dom";import"prism-react-renderer";import"react-error-boundary";import"lottie-react";import"virtua";

package/lib/components.js

@@ -1 +1 @@
-export{bo as AutocompleteInput,bI as Badge,bK as Button,bb as CancelWarning,n as CenterThis,aV as Checkbox,cQ as Code,bf as ConditionDetails,bg as DataCard,aT as DataCardFieldTypes,cg as DataCardFields,dG as DataFinger,bM as DataTab,ba as DeleteWarning,cx as DescribeRow,D as Divider,b4 as DocsButton,b9 as Drawer,dH as DrawerFooter,dI as DrawerHeader,c2 as Dropdown,dJ as ErrorBoundary,c7 as ExtendArrow,aL as FadeLoader,aW as FieldError,aU as FieldLabel,F as FlexColumn,g as FlexRow,dK as Header,b0 as IconButton,cI as IconGroup,bC as IconTitleBadge,bx as IconWrapped,ct as IconsNav,dL as ImageControlled,aX as Input,a$ as InputList,aY as InputTable,bF as InteractiveTable,a_ as KeyValueInputsList,dM as LoadingText,bl as Modal,bm as ModalBody,b5 as MonitorsCheckboxes,bz as MonitorsIcons,bp as NavigationButtons,bG as NoDataFound,bn as NotificationNote,dN as Overlay,aG as PageContent,bZ as Popup,cK as PopupForm,cP as ScrollX,S as ScrollY,b3 as SectionTitle,b2 as Segment,b$ as SelectionButton,bR as SkeletonLoader,br as Status,cf as Stepper,dO as TabList,bA as TableContainer,bB as TableTitleWrap,bE as TableWrap,ci as Tag,b7 as Text,b6 as TextArea,aZ as Toggle,cN as ToggleCodeComponent,O as Tooltip,bH as TraceLoader,aS as UpgradeRequiredWrapper,b_ as VerticalScroll,cl as WarningModal,dP as WhiteSpace,dQ as getLinksFromText,dR as getStrongsFromText,dS as renderText}from"./chunks/ui-components-B5U474B5.js";import"./icons.js";import"react/jsx-runtime";import"styled-components";import"zustand";import"react";import"javascript-time-ago";import"./chunks/vendor-D99eCWta.js";import"@xyflow/react";import"react-dom";import"prism-react-renderer";import"react-error-boundary";import"lottie-react";import"virtua";
+export{bq as AutocompleteInput,bK as Badge,bM as Button,bd as CancelWarning,e as CenterThis,aX as Checkbox,cT as Code,bh as ConditionDetails,bi as DataCard,aV as DataCardFieldTypes,cj as DataCardFields,dL as DataFinger,bO as DataTab,bc as DeleteWarning,cA as DescribeRow,s as Divider,b6 as DocsButton,bb as Drawer,dM as DrawerFooter,dN as DrawerHeader,c4 as Dropdown,dO as ErrorBoundary,ca as ExtendArrow,aN as FadeLoader,aY as FieldError,aW as FieldLabel,F as FlexColumn,b as FlexRow,dP as Header,b2 as IconButton,cL as IconGroup,bE as IconTitleBadge,bz as IconWrapped,cw as IconsNav,dQ as ImageControlled,aZ as Input,b1 as InputList,a_ as InputTable,bH as InteractiveTable,b0 as KeyValueInputsList,dR as LoadingText,bn as Modal,bo as ModalBody,b7 as MonitorsCheckboxes,bB as MonitorsIcons,br as NavigationButtons,bI as NoDataFound,bp as NotificationNote,dS as Overlay,aH as PageContent,b$ as Popup,cN as PopupForm,cS as ScrollX,S as ScrollY,b5 as SectionTitle,b4 as Segment,c1 as SelectionButton,bT as SkeletonLoader,bt as Status,ci as Stepper,dT as TabList,bC as TableContainer,bD as TableTitleWrap,bG as TableWrap,cl as Tag,b9 as Text,b8 as TextArea,a$ as Toggle,cQ as ToggleCodeComponent,Z as Tooltip,bJ as TraceLoader,aU as UpgradeRequiredWrapper,c0 as VerticalScroll,co as WarningModal,dU as getLinksFromText,dV as getStrongsFromText,dW as renderText}from"./chunks/ui-components-BliHHDta.js";import"./icons.js";import"react/jsx-runtime";import"styled-components";import"zustand";import"react";import"javascript-time-ago";import"./chunks/vendor-C150cdxb.js";import"@xyflow/react";import"react-dom";import"prism-react-renderer";import"react-error-boundary";import"lottie-react";import"virtua";

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

@@ -1,5 +1,6 @@
 export declare enum DestinationCategoryTypes {
     ALL = "all",
+    UNSAVED = "unsaved",
     EXISTS = "exists",
     DETECTED = "detected",
     SELF_HOSTED = "self-hosted",
@@ -10,6 +11,10 @@ export declare const DESTINATION_CATEGORIES: {
         TITLE: string;
         DESCRIPTION: string;
     };
+    unsaved: {
+        TITLE: string;
+        DESCRIPTION: string;
+    };
     exists: {
         TITLE: string;
         DESCRIPTION: string;

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

@@ -1,5 +1,7 @@
 export declare const DOCS_BASE_URL = "https://docs.odigos.io";
 export declare const DEFAULT_DATA_STREAM_NAME = "default";
+export declare const DEFAULT_CLUSTER_ID = "this-cluster";
+export declare const DEFAULT_CLUSTER_NAME = "This Cluster";
 export declare const STORAGE_KEYS: {
     SELECTED_DATA_STREAM: string;
     SELECTED_DATA_STREAM_WITH_PROXY: (proxyId: string) => string;
@@ -62,7 +64,16 @@ export declare const DISPLAY_TITLES: {
     TRY_SEARCH_OR_OTHER_NAMESPACE: string;
     PLEASE_MAKE_SURE_UNIGNORED_NAMESPACES: string;
     INSTALLATION: string;
+    SOURCES_SETUP: string;
+    DESTINATIONS_SETUP: string;
     SUMMARY: string;
+    REVIEW_SETUP: string;
+    NO_SOURCES_SELECTED: string;
+    ADD_SOURCE_PROMPT: string;
+    NO_DESTINATIONS_SELECTED: string;
+    ADD_DESTINATION_PROMPT: string;
+    GET_STARTED_WITH: string;
+    GET_STARTED_DESCRIPTION: string;
     TYPE: string;
     NOTES: string;
     STATUS: string;
@@ -133,6 +144,7 @@ export declare const DISPLAY_TITLES: {
     ADD_DESTINATION_DRAWER_DESCRIPTION: string;
 };
 export declare const BUTTON_TEXTS: {
+    GET_STARTED: string;
     ADD: string;
     ADD_NEW: string;
     NEW: string;

package/lib/constants.js

@@ -1 +1 @@
-export{a2 as ACTION_ATTRIBUTE_OPTIONS,be as ACTION_OPTIONS,a3 as ACTION_SAMPLER_OPTIONS,aF as BUTTON_TEXTS,ap as DEFAULT_DATA_STREAM_NAME,aa as DESTINATION_CATEGORIES,$ as DISPLAY_LANGUAGES,a5 as DISPLAY_TITLES,u as DOCS_BASE_URL,a9 as DestinationCategoryTypes,a6 as FORM_ALERTS,ae as INSTRUMENTATION_RULE_OPTIONS,dt as LANGUAGE_OPTIONS,M as MONITORS_OPTIONS,du as OTEL_DISTRO_NAME_OPTIONS,c3 as STORAGE_KEYS,dv as TOKEN_ABOUT_TO_EXPIRE}from"./chunks/ui-components-B5U474B5.js";import"./icons.js";import"react/jsx-runtime";import"styled-components";import"zustand";import"react";import"javascript-time-ago";import"./chunks/vendor-D99eCWta.js";import"@xyflow/react";import"react-dom";import"prism-react-renderer";import"react-error-boundary";import"lottie-react";import"virtua";
+export{ad as ACTION_ATTRIBUTE_OPTIONS,bg as ACTION_OPTIONS,ae as ACTION_SAMPLER_OPTIONS,aG as BUTTON_TEXTS,a8 as DEFAULT_CLUSTER_ID,a7 as DEFAULT_CLUSTER_NAME,c9 as DEFAULT_DATA_STREAM_NAME,aj as DESTINATION_CATEGORIES,a5 as DISPLAY_LANGUAGES,af as DISPLAY_TITLES,y as DOCS_BASE_URL,ai as DestinationCategoryTypes,X as FORM_ALERTS,am as INSTRUMENTATION_RULE_OPTIONS,dy as LANGUAGE_OPTIONS,M as MONITORS_OPTIONS,dz as OTEL_DISTRO_NAME_OPTIONS,c5 as STORAGE_KEYS,dA as TOKEN_ABOUT_TO_EXPIRE}from"./chunks/ui-components-BliHHDta.js";import"./icons.js";import"react/jsx-runtime";import"styled-components";import"zustand";import"react";import"javascript-time-ago";import"./chunks/vendor-C150cdxb.js";import"@xyflow/react";import"react-dom";import"prism-react-renderer";import"react-error-boundary";import"lottie-react";import"virtua";

package/lib/containers/_v2/_drawers/add-action-drawer/index.d.ts

@@ -3,8 +3,8 @@ import { type HeaderProps } from '@/components/_v2/drawer/header';
 import { type CreateActionFunc } from '@/types';
 export interface AddActionDrawerProps {
     onClose: HeaderProps['onClose'];
-    selectedConnectionIds: string[];
-    setSelectedConnectionIds: Dispatch<SetStateAction<string[]>>;
+    selectedConnectionIds?: string[];
+    setSelectedConnectionIds?: Dispatch<SetStateAction<string[]>>;
     createAction: CreateActionFunc;
 }
 export declare const AddActionDrawer: FC<AddActionDrawerProps>;

package/lib/containers/_v2/_drawers/add-destination-drawer/form-column/index.d.ts

@@ -1,9 +1,6 @@
-import type { SelectedArea } from '../types';
-import type { GenericFormResult } from '@/hooks';
-import { WideDrawerProps } from '@/snippets/_v2';
-import type { DestinationFormData } from '@/types';
+import type { WideDrawerProps } from '@/snippets/_v2';
+import { AddDestinationFormProps } from '@/containers/_v2/_forms/add-destination-form';
 export interface FormColumnProps {
-    selectedArea: SelectedArea | null;
-    genericForm: GenericFormResult<DestinationFormData>;
+    testConnection: AddDestinationFormProps['testConnection'];
 }
-export declare const formColumn: ({ selectedArea, genericForm }: FormColumnProps) => WideDrawerProps["leftColumn"];
+export declare const formColumn: ({ testConnection }: FormColumnProps) => WideDrawerProps["leftColumn"];

package/lib/containers/_v2/_drawers/add-destination-drawer/helpers.d.ts

@@ -1,14 +1,6 @@
-import { SelectedArea } from './types';
-import { GenericFormResult } from '@/hooks';
-import { type DestinationDynamicField, type DestinationFormData, type DestinationOption, type DestinationYamlProperties, type GetDestinationCategoriesResult, type GetPotentialDestinationsResult } from '@/types';
+import type { DestinationOption, GetDestinationCategoriesResult, GetPotentialDestinationsResult } from '@/types';
 export declare const getOptionsFromResults: (categoriesResult?: GetDestinationCategoriesResult, detectedResult?: GetPotentialDestinationsResult) => {
     detectedDestinations: DestinationOption[];
     selfHostedDestinations: DestinationOption[];
     managedDestinations: DestinationOption[];
 };
-export declare const buildDynamicFields: (fields: DestinationYamlProperties[]) => DestinationDynamicField[];
-export declare const INITIAL_FORM_DATA: (currentStreamName: string) => DestinationFormData;
-export declare const validateForm: (selectedArea: SelectedArea | null, genericForm: GenericFormResult<DestinationFormData>) => {
-    isOk: boolean;
-    preparedFormData: DestinationFormData;
-};

package/lib/containers/_v2/_drawers/add-destination-drawer/index.d.ts

@@ -1,12 +1,17 @@
 import { type FC, type Dispatch, type SetStateAction } from 'react';
-import { type HeaderProps } from '@/components/_v2/drawer/header';
-import { type CreateDestinationFunc, type GetDestinationCategoriesFunc, type GetPotentialDestinationsFunc } from '@/types';
+import type { HeaderProps } from '@/components/_v2/drawer/header';
+import { type UnsavedDestination } from '../../_forms';
+import type { CreateDestinationFunc, GetDestinationCategoriesFunc, GetPotentialDestinationsFunc, TestConnectionFunc } from '@/types';
 export interface AddDestinationDrawerProps {
-    onClose: HeaderProps['onClose'];
-    selectedConnectionIds: string[];
-    setSelectedConnectionIds: Dispatch<SetStateAction<string[]>>;
+    onClose?: HeaderProps['onClose'];
+    onBack?: (input: UnsavedDestination[]) => void;
+    onNext?: (input: UnsavedDestination[]) => void;
+    selectedConnectionIds?: string[];
+    setSelectedConnectionIds?: Dispatch<SetStateAction<string[]>>;
     getDestinationCategories: GetDestinationCategoriesFunc;
     getPotentialDestinations: GetPotentialDestinationsFunc;
+    initialInputs?: UnsavedDestination[] | null;
+    testConnection: TestConnectionFunc;
     createDestination: CreateDestinationFunc;
 }
 export declare const AddDestinationDrawer: FC<AddDestinationDrawerProps>;

package/lib/containers/_v2/_drawers/add-destination-drawer/lists-column/index.d.ts

@@ -1,13 +1,11 @@
+import type { Filters } from '../types';
 import { WideDrawerProps } from '@/snippets/_v2';
-import type { DestinationOption } from '@/types';
-import type { Filters, SelectedArea } from '../types';
 import { DestinationCategoryTypes } from '@/constants';
+import { type DestinationOption } from '@/types';
 export interface ListsColumnProps {
     isFetching: boolean;
     destinationsByCategory: Record<DestinationCategoryTypes, DestinationOption[]>;
     searchText: string;
     filters: Filters;
-    selectedArea: SelectedArea | null;
-    onSelect: (area: SelectedArea) => void;
 }
-export declare const listsColumn: ({ isFetching, destinationsByCategory, searchText, filters, selectedArea, onSelect }: ListsColumnProps) => WideDrawerProps["leftColumn"];
+export declare const listsColumn: ({ isFetching, destinationsByCategory, searchText, filters }: ListsColumnProps) => WideDrawerProps["leftColumn"];

package/lib/containers/_v2/_drawers/add-destination-drawer/types.d.ts

@@ -1,11 +1,6 @@
+import type { SignalType } from '@/types';
 import { DestinationCategoryTypes } from '@/constants';
-import type { DestinationDynamicField, DestinationOption, SignalType } from '@/types';
 export interface Filters {
     categoryType: DestinationCategoryTypes | null;
     signalType: SignalType | null;
 }
-export interface SelectedArea {
-    listType: DestinationCategoryTypes;
-    option: DestinationOption;
-    dynamicFields: DestinationDynamicField[];
-}

package/lib/containers/_v2/_drawers/add-rule-drawer/index.d.ts

@@ -1,10 +1,10 @@
 import { type FC, type Dispatch, type SetStateAction } from 'react';
+import type { CreateInstrumentationRuleFunc } from '@/types';
 import { type HeaderProps } from '@/components/_v2/drawer/header';
-import { type CreateInstrumentationRuleFunc } from '@/types';
 export interface AddRuleDrawerProps {
     onClose: HeaderProps['onClose'];
-    selectedConnectionIds: string[];
-    setSelectedConnectionIds: Dispatch<SetStateAction<string[]>>;
+    selectedConnectionIds?: string[];
+    setSelectedConnectionIds?: Dispatch<SetStateAction<string[]>>;
     createInstrumentationRule: CreateInstrumentationRuleFunc;
 }
 export declare const AddRuleDrawer: FC<AddRuleDrawerProps>;

package/lib/containers/_v2/_drawers/add-source-drawer/index.d.ts

@@ -1,10 +1,12 @@
 import { type FC, type Dispatch, type SetStateAction } from 'react';
-import { type PersistSourcesFunc, GetAllClusterSnapshots } from '@/types';
+import { type HeaderProps } from '@/components/_v2/drawer/header';
+import { type PersistSourceInput, type PersistSourcesFunc } from '@/types';
 export interface AddSourceDrawerProps {
-    onClose: () => void;
-    selectedConnectionIds: string[];
-    setSelectedConnectionIds: Dispatch<SetStateAction<string[]>>;
-    getAllClusterSnapshots: GetAllClusterSnapshots;
+    onClose?: HeaderProps['onClose'];
+    onBack?: (input: PersistSourceInput) => void;
+    onNext?: (input: PersistSourceInput) => void;
+    selectedConnectionIds?: string[];
+    setSelectedConnectionIds?: Dispatch<SetStateAction<string[]>>;
     persistSources: PersistSourcesFunc;
 }
 export declare const AddSourceDrawer: FC<AddSourceDrawerProps>;

package/lib/containers/_v2/_drawers/add-source-drawer/namespaces-column/index.d.ts

@@ -9,6 +9,7 @@ export interface NamespacesColumnProps {
     selectedArea: SelectedArea;
     setSelectedArea: Dispatch<SetStateAction<SelectedArea>>;
     searchText: string;
+    searchBy: string;
     filters: Filters;
 }
-export declare const namespacesColumn: ({ isFetching, formData, handleSourceChange, handleSelectAll, selectedArea, setSelectedArea, searchText, filters, }: NamespacesColumnProps) => WideDrawerProps["leftColumn"];
+export declare const namespacesColumn: ({ isFetching, formData, handleSourceChange, handleSelectAll, selectedArea, setSelectedArea, searchText, searchBy, filters, }: NamespacesColumnProps) => WideDrawerProps["leftColumn"];

package/lib/containers/_v2/_drawers/add-source-drawer/namespaces-column/list/index.d.ts

@@ -2,6 +2,7 @@ import { type Dispatch, type SetStateAction, type FC } from 'react';
 import type { VisibleNamespace } from '../../utils';
 import type { HandleSourceChangeFunc, SelectedArea } from '../../types';
 export interface ListProps {
+    withCollapse: boolean;
     clusterId: string;
     clusterName: string;
     namespaces: VisibleNamespace[];

package/lib/containers/_v2/_drawers/add-source-drawer/types.d.ts

@@ -12,6 +12,9 @@ export type HandleSelectAllFunc = (opts: {
     clusterId?: string;
     namespaceName?: string;
     boolean: boolean;
+    searchText?: string;
+    searchBy?: string;
+    filters?: Filters;
 }) => void;
 export type HandleSourceChangeFunc = (opts: {
     clusterId: string;

package/lib/containers/_v2/_drawers/add-source-drawer/workloads-column/index.d.ts

@@ -10,6 +10,7 @@ export interface WorkloadsColumnProps {
         setValue: Dispatch<SetStateAction<SelectedArea>>;
     };
     searchText: string;
+    searchBy: string;
     filters: Filters;
 }
-export declare const workloadsColumn: ({ formData, handleSourceChange, handleSelectAll, selectedArea, searchText, filters }: WorkloadsColumnProps) => WideDrawerProps["rightColumn"];
+export declare const workloadsColumn: ({ formData, handleSourceChange, handleSelectAll, selectedArea, searchText, searchBy, filters }: WorkloadsColumnProps) => WideDrawerProps["rightColumn"];

package/lib/containers/_v2/_forms/add-action-form/context.d.ts

@@ -0,0 +1,18 @@
+import React, { type FC } from 'react';
+import { type GenericFormResult } from '@/hooks';
+import { type ActionFormData, type ActionOption } from '@/types';
+interface AddActionFormContextType {
+    selectedOption: ActionOption | null;
+    onSelectOption: (option: ActionOption | null) => void;
+    genericForm?: GenericFormResult<ActionFormData>;
+    validateFormData: () => {
+        errorMessage?: string;
+        preparedFormData: ActionFormData;
+    };
+    errorMessage?: string;
+}
+export declare const AddActionFormContextProvider: FC<{
+    children: React.ReactNode;
+}>;
+export declare const useAddActionFormContext: () => AddActionFormContextType;
+export {};

package/lib/containers/_v2/_forms/add-action-form/index.d.ts

@@ -1,7 +1,3 @@
 import { type FC } from 'react';
-import type { GenericFormResult } from '@/hooks';
-import { type ActionFormData, type ActionOption } from '@/types';
-export interface AddActionFormProps extends GenericFormResult<ActionFormData> {
-    option: ActionOption;
-}
-export declare const AddActionForm: FC<AddActionFormProps>;
+export * from './context';
+export declare const AddActionForm: FC;

package/lib/containers/_v2/_forms/add-destination-form/context.d.ts

@@ -0,0 +1,36 @@
+import React, { type FC, Dispatch, SetStateAction } from 'react';
+import { type GenericFormResult } from '@/hooks';
+import { DestinationCategoryTypes } from '@/constants';
+import { type DestinationDynamicField, type DestinationFormData, type DestinationOption, type TestConnectionResponse } from '@/types';
+interface ActiveForm {
+    listType: DestinationCategoryTypes;
+    option: DestinationOption;
+    dynamicFields: DestinationDynamicField[];
+    errorMessage?: string;
+    unsavedIdx?: number;
+}
+export interface UnsavedDestination {
+    option: DestinationOption;
+    formData: DestinationFormData;
+    testResult?: TestConnectionResponse;
+}
+interface AddDestinationFormContextType {
+    activeForm: ActiveForm | null;
+    onChangeActiveForm: (payload: Omit<ActiveForm, 'dynamicFields'> | null) => void;
+    genericForm?: GenericFormResult<DestinationFormData>;
+    validateFormData: () => {
+        errorMessage?: string;
+        preparedFormData: DestinationFormData;
+    };
+    unsavedDestinations: UnsavedDestination[];
+    thisUnsavedDestination?: UnsavedDestination;
+    setUnsavedDestinations: Dispatch<SetStateAction<UnsavedDestination[]>>;
+    addUnsavedDestination: (payload: Omit<UnsavedDestination, 'option'>) => void;
+    updateUnsavedDestination: (idx: number, payload: Omit<UnsavedDestination, 'option'>) => void;
+    deleteUnsavedDestination: (idx: number) => void;
+}
+export declare const AddDestinationFormContextProvider: FC<{
+    children: React.ReactNode;
+}>;
+export declare const useAddDestinationFormContext: () => AddDestinationFormContextType;
+export {};

package/lib/containers/_v2/_forms/add-destination-form/dynamic-fields/index.d.ts

@@ -4,5 +4,6 @@ import { DestinationDynamicField, DestinationFormData, SignalType } from '@/type
 export interface DynamicFieldsProps extends Pick<GenericFormResult<DestinationFormData>, 'formData' | 'handleFormChange' | 'formErrors'> {
     signals: SignalType[];
     fields: DestinationDynamicField[];
+    disabled?: boolean;
 }
 export declare const DynamicFields: FC<DynamicFieldsProps>;

package/lib/containers/_v2/_forms/add-destination-form/index.d.ts

@@ -1,8 +1,7 @@
 import { type FC } from 'react';
-import { GenericFormResult } from '@/hooks';
-import { type DestinationFormData, type DestinationOption, DestinationDynamicField } from '@/types';
-export interface AddDestinationFormProps extends GenericFormResult<DestinationFormData> {
-    option: DestinationOption;
-    dynamicFields: DestinationDynamicField[];
+import { type TestConnectionFunc } from '@/types';
+export * from './context';
+export interface AddDestinationFormProps {
+    testConnection: TestConnectionFunc;
 }
 export declare const AddDestinationForm: FC<AddDestinationFormProps>;

package/lib/containers/_v2/_forms/add-rule-form/context.d.ts

@@ -0,0 +1,18 @@
+import React, { type FC } from 'react';
+import { type GenericFormResult } from '@/hooks';
+import { type InstrumentationRuleFormData, type InstrumentationRuleOption } from '@/types';
+interface AddRuleFormContextType {
+    selectedOption: InstrumentationRuleOption | null;
+    onSelectOption: (option: InstrumentationRuleOption | null) => void;
+    genericForm?: GenericFormResult<InstrumentationRuleFormData>;
+    validateFormData: () => {
+        errorMessage?: string;
+        preparedFormData: InstrumentationRuleFormData;
+    };
+    errorMessage?: string;
+}
+export declare const AddRuleFormContextProvider: FC<{
+    children: React.ReactNode;
+}>;
+export declare const useAddRuleFormContext: () => AddRuleFormContextType;
+export {};

package/lib/containers/_v2/_forms/add-rule-form/index.d.ts

@@ -1,7 +1,3 @@
 import { type FC } from 'react';
-import type { GenericFormResult } from '@/hooks';
-import { type InstrumentationRuleFormData, type InstrumentationRuleOption } from '@/types';
-export interface AddRuleFormProps extends GenericFormResult<InstrumentationRuleFormData> {
-    option: InstrumentationRuleOption;
-}
-export declare const AddRuleForm: FC<AddRuleFormProps>;
+export * from './context';
+export declare const AddRuleForm: FC;

package/lib/containers/_v2/_forms/add-source-form/context.d.ts

@@ -0,0 +1,21 @@
+import React, { type FC } from 'react';
+import type { FormData, HandleSelectAllFunc, HandleSourceChangeFunc } from '../../_drawers/add-source-drawer/types';
+import { type PersistSourceInput, type GetAllClusterSnapshots, type FetchNamespacesWithWorkloads } from '@/types';
+interface AddSourceFormContextType {
+    isFetching: boolean;
+    formData: FormData;
+    handleSourceChange: HandleSourceChangeFunc;
+    handleSelectAll: HandleSelectAllFunc;
+    formDiff: PersistSourceInput;
+    isFormDirty: boolean;
+}
+export interface AddSourceFormContextProviderProps {
+    children: React.ReactNode;
+    selectedConnectionIds?: string[];
+    getAllClusterSnapshots?: GetAllClusterSnapshots;
+    fetchNamespacesWithWorkloads?: FetchNamespacesWithWorkloads;
+    initialInputs?: PersistSourceInput | null;
+}
+export declare const AddSourceFormContextProvider: FC<AddSourceFormContextProviderProps>;
+export declare const useAddSourceFormContext: () => AddSourceFormContextType;
+export {};

package/lib/containers/_v2/_forms/add-source-form/index.d.ts

@@ -0,0 +1 @@
+export * from './context';