@devtron-labs/devtron-fe-common-lib 4.0.2 → 4.0.3-pre-0

package/dist/Shared/Components/ThemeSwitcher/index.d.ts

@@ -0,0 +1 @@
+export { default as ThemeSwitcher } from './ThemeSwitcher.component';

package/dist/Shared/Components/ThemeSwitcher/types.d.ts

@@ -0,0 +1,3 @@
+export interface ThemeSwitcherProps {
+    onClick?: () => void;
+}

package/dist/Shared/Components/ToggleResolveScopedVariables/ToggleResolveScopedVariables.component.d.ts

@@ -0,0 +1,3 @@
+import { ToggleResolveScopedVariablesProps } from './types';
+declare const ToggleResolveScopedVariables: ({ name, resolveScopedVariables, handleToggleScopedVariablesView, isDisabled, showTooltip, }: ToggleResolveScopedVariablesProps) => import("react/jsx-runtime").JSX.Element;
+export default ToggleResolveScopedVariables;

package/dist/Shared/Components/ToggleResolveScopedVariables/index.d.ts

@@ -0,0 +1 @@
+export { default as ToggleResolveScopedVariables } from './ToggleResolveScopedVariables.component';

package/dist/Shared/Components/ToggleResolveScopedVariables/types.d.ts

@@ -0,0 +1,10 @@
+export interface ToggleResolveScopedVariablesProps {
+    name: string;
+    resolveScopedVariables: boolean;
+    handleToggleScopedVariablesView: () => void;
+    isDisabled?: boolean;
+    /**
+     * @default true
+     */
+    showTooltip?: boolean;
+}

package/dist/Shared/Components/TrailingItem/TrailingItem.component.d.ts

@@ -0,0 +1,3 @@
+import { TrailingItemProps } from './types';
+declare const TrailingItem: ({ type, config, variant }: TrailingItemProps) => import("react/jsx-runtime").JSX.Element;
+export default TrailingItem;

package/dist/Shared/Components/TrailingItem/index.d.ts

@@ -0,0 +1,2 @@
+export { default as TrailingItem } from './TrailingItem.component';
+export * from './types';

package/dist/Shared/Components/TrailingItem/types.d.ts

@@ -0,0 +1,43 @@
+import { ReactElement } from 'react';
+import { OmitNever } from '../../types';
+import { ActionMenuProps } from '../ActionMenu';
+import { ButtonProps } from '../Button';
+import { IconsProps } from '../Icon';
+import { NumbersCountProps } from '../NumbersCount';
+import { DTSwitchProps } from '../Switch';
+export type ActionMenuItemIconType = Pick<IconsProps, 'name'> & {
+    /** @default 'N800' */
+    color?: IconsProps['color'];
+};
+export type TrailingItemType = {
+    type: 'icon';
+    config: ActionMenuItemIconType;
+} | {
+    type: 'text';
+    config: {
+        value: string;
+        icon?: ActionMenuItemIconType;
+    };
+} | {
+    type: 'counter';
+    config: {
+        value: NumbersCountProps['count'];
+    } & Pick<NumbersCountProps, 'isSelected'>;
+} | {
+    type: 'switch';
+    config: Pick<DTSwitchProps, 'ariaLabel' | 'isChecked' | 'indeterminate' | 'isDisabled' | 'isLoading' | 'name' | 'onChange' | 'tooltipContent'>;
+} | {
+    type: 'button';
+    config: OmitNever<Omit<Extract<ButtonProps, {
+        icon: ReactElement;
+    }>, 'size' | 'variant'>>;
+} | {
+    type: 'action-menu';
+    config: ActionMenuProps;
+};
+export type TrailingItemProps = TrailingItemType & {
+    /**
+     * @default 'neutral'
+     */
+    variant?: 'neutral' | 'negative';
+};

package/dist/Shared/Components/TreeView/TreeView.component.d.ts

@@ -0,0 +1,3 @@
+import { TreeViewProps } from './types';
+declare const TreeView: <DataAttributeType = null>({ nodes, isControlled, expandedMap: expandedMapProp, selectedId, onToggle: onToggleProp, onSelect, depth, mode, flatNodeList: flatNodeListProp, getUpdateItemsRefMap: getUpdateItemsRefMapProp, variant, defaultExpandedMap, highlightSelectedHeadingOnlyWhenCollapsed, useOverflowAuto, }: TreeViewProps<DataAttributeType>) => import("react/jsx-runtime").JSX.Element;
+export default TreeView;

package/dist/Shared/Components/TreeView/TreeViewNodeContent.d.ts

@@ -0,0 +1,3 @@
+import { TreeViewNodeContentProps } from './types';
+declare const TreeViewNodeContent: ({ startIconConfig, title, subtitle, type, customTooltipConfig, strikeThrough, isSelected, variant, }: TreeViewNodeContentProps) => import("react/jsx-runtime").JSX.Element;
+export default TreeViewNodeContent;

package/dist/Shared/Components/TreeView/constants.d.ts

@@ -0,0 +1,7 @@
+import { TreeViewProps } from './types';
+export declare const DEFAULT_NO_ITEMS_TEXT = "No items found";
+export declare const VARIANT_TO_BG_CLASS_MAP: Record<TreeViewProps['variant'], string>;
+export declare const VARIANT_TO_HOVER_CLASS_MAP: Record<TreeViewProps['variant'], string>;
+export declare const VARIANT_TO_SELECTED_CLASS_MAP: Record<TreeViewProps['variant'], string>;
+export declare const VARIANT_TO_TEXT_CLASS_MAP: Record<TreeViewProps['variant'], string>;
+export declare const VARIANT_TO_TREE_ITEM_ACTIVE_BG_CLASS_MAP: Record<TreeViewProps['variant'], string>;

package/dist/Shared/Components/TreeView/index.d.ts

@@ -0,0 +1,2 @@
+export { default as TreeView } from './TreeView.component';
+export * from './types';

package/dist/Shared/Components/TreeView/types.d.ts

@@ -0,0 +1,218 @@
+import { JSX, SyntheticEvent } from 'react';
+import { TooltipProps } from '../../../Common/Tooltip';
+import { DataAttributes, Never } from '../../types';
+import { IconsProps } from '../Icon';
+import { TrailingItemProps } from '../TrailingItem';
+export type TreeNode<DataAttributeType = null> = TreeHeading<DataAttributeType> | TreeItem<DataAttributeType>;
+/**
+ * Represents a base node structure for a tree view component.
+ *
+ * @typeParam DataAttributeType - The type for data attributes, defaults to null. If it extends `DataAttributes`, the node can have `dataAttributes` of this type.
+ *
+ * @property id - Unique identifier for the node.
+ * @property title - The main title text displayed for the node.
+ * @property subtitle - Optional subtitle text for the node.
+ * @property customTooltipConfig - Optional configuration for a custom tooltip.
+ * @property strikeThrough - If true, the title will be rendered with a line-through style.
+ * @property startIconConfig - Optional configuration for a start icon, which can be either a standard icon (with `name` and `color`) or a custom JSX element.
+ * @property trailingItem - Optional configuration for a trailing item (e.g., button, icon) displayed at the end of the node.
+ * @property dataAttributes - Optional data attributes, present only if `DataAttributeType` extends `DataAttributes`.
+ */
+type BaseNode<DataAttributeType = null> = {
+    /**
+     * id - Unique identifier for the node.
+     */
+    id: string;
+    /**
+     * The title of the list item.
+     */
+    title: string;
+    /**
+     * The subtitle of the list item.
+     */
+    subtitle?: string;
+    /**
+     *  Optional configuration for a custom tooltip.
+     */
+    customTooltipConfig?: TooltipProps;
+    /**
+     * If true, the title will be rendered with line-through.
+     */
+    strikeThrough?: boolean;
+    /**
+     * Optional configuration for a start icon, which can be either a standard icon (with `name` and `color`) or a custom JSX element.
+     */
+    startIconConfig?: {
+        tooltipContent?: string;
+    } & ((Pick<IconsProps, 'name' | 'color'> & {
+        customIcon?: never;
+    }) | (Never<Pick<IconsProps, 'name' | 'color'>> & {
+        customIcon?: JSX.Element;
+    }));
+    trailingItem?: TrailingItemProps;
+} & (DataAttributeType extends DataAttributes ? {
+    dataAttributes?: DataAttributeType;
+} : {
+    dataAttributes?: never;
+});
+export type TreeHeading<DataAttributeType = null> = BaseNode<DataAttributeType> & {
+    type: 'heading';
+    items?: TreeNode<DataAttributeType>[];
+    /**
+     * Text to display when there are no items in the list.
+     * @default DEFAULT_NO_ITEMS_TEXT
+     */
+    noItemsText?: string;
+};
+export type NodeElementType = HTMLDivElement | HTMLButtonElement | HTMLAnchorElement;
+/**
+ * Represents an item node in a tree structure, supporting different rendering modes.
+ *
+ * @template DataAttributeType - The type for custom data attributes, defaults to null.
+ *
+ * A `TreeItem` can be rendered as a button, link, or div, each with its own set of properties:
+ * - When `as` is `'button'` (default), it can have an `onClick` handler.
+ * - When `as` is `'link'`, it requires an `href`, can have an `onClick` handler, and supports clearing query parameters on navigation.
+ * - When `as` is `'div'`, it is a non-interactive container.
+ *
+ * @property {'item'} type - Identifies the node as an item.
+ * @property {boolean} [isDisabled=false] - If true, disables the item.
+ * @property {'button' | 'link' | 'div'} [as] - Determines the rendered element type.
+ * @property {(e: SyntheticEvent) => void} [onClick] - Callback for click events (button or link only).
+ * @property {string} [href] - The navigation URL (link only).
+ * @property {boolean} [clearQueryParamsOnNavigation=false] - If true, clears query parameters during navigation (link only).
+ */
+export type TreeItem<DataAttributeType = null> = BaseNode<DataAttributeType> & {
+    type: 'item';
+    /**
+     * @default false
+     */
+    isDisabled?: boolean;
+} & ({
+    as?: 'button';
+    /**
+     * The callback function to handle click events on the button.
+     */
+    onClick?: (e: SyntheticEvent) => void;
+    href?: never;
+    clearQueryParamsOnNavigation?: never;
+    activeClassName?: never;
+} | {
+    as: 'link';
+    href: string;
+    activeClassName?: string;
+    /**
+     * The callback function to handle click events on the nav link.
+     */
+    onClick?: (e: SyntheticEvent) => void;
+    /**
+     * If `true`, clears query parameters during navigation.
+     * @default false
+     */
+    clearQueryParamsOnNavigation?: boolean;
+} | {
+    as: 'div';
+    href?: never;
+    onClick?: never;
+    clearQueryParamsOnNavigation?: never;
+    activeClassName?: never;
+});
+/**
+ * Props for the TreeView component.
+ *
+ * @template DataAttributeType - The type for data attributes associated with tree nodes.
+ *
+ * @property nodes - An array of tree nodes to be rendered in the tree view.
+ * @property selectedId - (Optional) The ID of the currently selected tree item.
+ * @property onSelect - (Optional) Callback invoked when a tree item is selected.
+ * @property mode - (Optional) Determines the navigation mode of the tree view.
+ *   - `'navigation'`: Enables keyboard navigation and focuses only the selected item.
+ *   - `'form'`: Leaves navigation to the browser.
+ *   - @default 'navigation'
+ * @property variant - (Optional) Visual variant of the tree view.
+ *   - `'primary'`: Uses primary background and hover colors.
+ *   - `'secondary'`: Uses secondary background and hover colors.
+ *   - @default 'primary'
+ * @property defaultExpandedMap - (Optional) Initial map of node IDs to their expanded state.
+ *   - @default {}
+ *
+ * @property depth - (Internal use only) The current depth level in the tree.
+ * @property getUpdateItemsRefMap - (Internal use only) Function to update the ref map for item buttons/anchors.
+ * @property flatNodeList - (Internal use only) List of all visible node IDs for keyboard navigation.
+ * @property onToggle - (Internal use only) Callback invoked when a tree heading is toggled.
+ * @property expandedMap - (Internal use only) Map of node IDs to their expanded state.
+ * @property isControlled - (Internal use only) Indicates if the tree view is controlled.
+ */
+export type TreeViewProps<DataAttributeType = null> = {
+    nodes: TreeNode<DataAttributeType>[];
+    selectedId?: string;
+    onSelect?: (item: TreeItem<DataAttributeType>) => void;
+    /**
+     * If navigation mode, the tree view will provide navigation through keyboard actions and make the only selected item focusable.
+     * If form mode, will leave the navigation to browser.
+     * @default 'navigation'
+     */
+    mode?: 'navigation' | 'form';
+    /**
+     * If primary the background color will be bg__primary and bg__hover--opaque \
+     * if secondary the background color will be bg__secondary bg__hover-secondary--opaque,
+     * if sidenav the background color will be bg__transparent bg__hover-sidebar-item.
+     * @default 'primary'
+     */
+    variant?: 'primary' | 'secondary' | 'sidenav';
+    /**
+     * @default {}
+     */
+    defaultExpandedMap?: Record<string, boolean>;
+    /**
+     * When true, the selected heading (`selectedId`) will be highlighted only when it is collapsed.
+     * @default false
+     */
+    highlightSelectedHeadingOnlyWhenCollapsed?: boolean;
+    /**
+     * @default true
+     */
+    useOverflowAuto?: boolean;
+} /**
+ * WARNING: For internal use only.
+ */ & ({
+    depth: number;
+    /**
+     * Would pass this to item button/ref and store it in out ref map through this function.
+     */
+    getUpdateItemsRefMap: (id: string) => (element: NodeElementType) => void;
+    /**
+     * List of all nodes visible in tree view for keyboard navigation.
+     */
+    flatNodeList: string[];
+    /**
+     * Would be called when the user toggles a heading.
+     */
+    onToggle: (item: TreeHeading<DataAttributeType>) => void;
+    /**
+     * Map of id to whether the item is expanded or not.
+     */
+    expandedMap: Record<string, boolean>;
+    isControlled: true;
+} | {
+    depth?: never;
+    getUpdateItemsRefMap?: never;
+    flatNodeList?: never;
+    onToggle?: never;
+    expandedMap?: never;
+    isControlled?: false;
+});
+export interface TreeViewNodeContentProps extends Pick<BaseNode, 'startIconConfig' | 'title' | 'subtitle' | 'customTooltipConfig' | 'strikeThrough'>, Required<Pick<TreeViewProps, 'variant'>> {
+    type: 'heading' | 'item';
+    isSelected: boolean;
+}
+export interface GetSelectedIdParentNodesProps<DataAttributeType = null> extends Pick<TreeViewProps<DataAttributeType>, 'nodes' | 'selectedId'> {
+}
+export interface FindSelectedIdParentNodesProps<DataAttributeType = null> extends Pick<GetSelectedIdParentNodesProps<DataAttributeType>, 'selectedId'> {
+    node: TreeNode<DataAttributeType>;
+    onFindParentNode: (id: string) => void;
+}
+export interface GetVisibleNodesProps<DataAttributeType = null> extends Pick<TreeViewProps<DataAttributeType>, 'expandedMap'> {
+    nodeList: TreeNode<DataAttributeType>[];
+}
+export {};

package/dist/Shared/Components/TreeView/utils.d.ts

@@ -0,0 +1,22 @@
+import { GetSelectedIdParentNodesProps, GetVisibleNodesProps } from './types';
+/**
+ * Retrieves an array of parent node IDs for the currently selected node.
+ *
+ * Iterates through the provided tree nodes and collects the IDs of all parent nodes
+ * leading to the node identified by `selectedId`. If no node is selected, returns an empty array.
+ *
+ * @returns {string[]} An array of parent node IDs for the selected node, or an empty array if no node is selected.
+ */
+export declare const getSelectedIdParentNodes: <DataAttributeType = null>({ nodes, selectedId, }: GetSelectedIdParentNodesProps<DataAttributeType>) => string[];
+/**
+ * Recursively traverses a list of tree nodes and returns an array of all node IDs that are present in DOM.
+ *
+ * For each node in the provided list:
+ * - Adds the node's `id` to the result array.
+ * - If the node is of type `'heading'`, is expanded (as per `expandedMap`), and has child items,
+ *   recursively traverses its child items and includes their IDs as well.
+ *
+ * @param nodeList - The list of nodes to traverse.
+ * @returns An array of strings representing the IDs of all traversed nodes.
+ */
+export declare const getVisibleNodes: <DataAttributeType = null>({ nodeList, expandedMap, }: GetVisibleNodesProps<DataAttributeType>) => string[];

package/dist/Shared/Components/Typewriter/BlinkingCursor.d.ts

@@ -0,0 +1 @@
+export declare const BlinkingCursor: () => import("react/jsx-runtime").JSX.Element;

package/dist/Shared/Components/Typewriter/index.d.ts

@@ -0,0 +1,2 @@
+export { BlinkingCursor } from './BlinkingCursor';
+export { useTypewriter } from './useTypewriter';

package/dist/Shared/Components/Typewriter/useTypewriter.d.ts

@@ -0,0 +1 @@
+export declare const useTypewriter: (text: string) => import('framer-motion').MotionValue<string>;

package/dist/Shared/Components/UnsavedChanges/UnsavedChanges.component.d.ts

@@ -0,0 +1,2 @@
+declare const UnsavedChanges: () => import("react/jsx-runtime").JSX.Element;
+export default UnsavedChanges;

package/dist/Shared/Components/UnsavedChanges/index.d.ts

@@ -0,0 +1 @@
+export { default as UnsavedChanges } from './UnsavedChanges.component';

package/dist/Shared/Components/UnsavedChangesDialog/UnsavedChangesDialog.component.d.ts

@@ -0,0 +1,3 @@
+import { UnsavedChangesDialogProps } from './types';
+declare const UnsavedChangesDialog: ({ handleClose, handleProceed }: UnsavedChangesDialogProps) => import("react/jsx-runtime").JSX.Element;
+export default UnsavedChangesDialog;

package/dist/Shared/Components/UnsavedChangesDialog/index.d.ts

@@ -0,0 +1 @@
+export { default as UnsavedChangesDialog } from './UnsavedChangesDialog.component';

package/dist/Shared/Components/UnsavedChangesDialog/types.d.ts

@@ -0,0 +1,4 @@
+export interface UnsavedChangesDialogProps {
+    handleProceed: () => void;
+    handleClose: () => void;
+}

package/dist/Shared/Components/UserIdentifier/UserIdentifier.d.ts

@@ -0,0 +1,2 @@
+import { UserIdentifierProps } from './types';
+export declare const UserIdentifier: ({ identifier, children, rootClassName, tooltipContent, isUserGroup, displayYouLabelForCurrentUser, }: UserIdentifierProps) => import("react/jsx-runtime").JSX.Element;

package/dist/Shared/Components/UserIdentifier/index.d.ts

@@ -0,0 +1,2 @@
+export * from './types';
+export * from './UserIdentifier';

package/dist/Shared/Components/UserIdentifier/types.d.ts

@@ -0,0 +1,16 @@
+import { ReactNode } from 'react';
+export interface UserIdentifierProps {
+    identifier: string;
+    children?: ReactNode;
+    isUserGroup?: boolean;
+    rootClassName?: string;
+    /**
+     * @description - If given, would show tooltip on div containing avatar, email and children
+     */
+    tooltipContent?: string;
+    /**
+     * Controls whether to display "You" text for the current user
+     * @default true
+     */
+    displayYouLabelForCurrentUser?: boolean;
+}

package/dist/Shared/Components/VirtualizedList/VirtualizedList.component.d.ts

@@ -0,0 +1,2 @@
+import { VirtualizedListProps } from './VirtualizedList.types';
+export declare const VirtualizedList: <ListKeys extends string | number, ExtendedType extends object>({ className, items, renderItem, ...restProps }: VirtualizedListProps<ListKeys, ExtendedType>) => import("react/jsx-runtime").JSX.Element;

package/dist/Shared/Components/VirtualizedList/VirtualizedList.constants.d.ts

@@ -0,0 +1,2 @@
+export declare const VIRTUALIZED_LIST_ROOT_ID = "virtualized-list-root";
+export declare const VIRTUALIZED_LIST_ROOT_Z_INDEX = 2;

package/dist/Shared/Components/VirtualizedList/VirtualizedList.types.d.ts

@@ -0,0 +1,36 @@
+import { AutoSizedStickyTreeProps, StickyTreeRowRenderer } from 'react-virtualized-sticky-tree';
+/**
+ * Represents a virtualized list item.
+ *
+ * @template ListKeys - The type of the keys used to identify list items (e.g., `string` or `number`).
+ * @template ExtendedType - An optional type to extend the base item structure with additional fields.
+ */
+export type VirtualizedListItem<ListKeys, ExtendedType = {}> = ExtendedType & {
+    /** The unique identifier of the item. */
+    id: string | number;
+    /** The height of the item. (in pixels) */
+    height: number;
+    /** The depth level of the item in the hierarchical structure. */
+    depth: number;
+    /** An optional array of child item keys. */
+    children?: ListKeys[];
+};
+/**
+ * Props for the VirtualizedList component, which supports a virtualized tree-like structure.
+ *
+ * @template ListKeys - The type of the keys used to identify list items (e.g., `string` or `number`).
+ * @template ExtendedType - An optional type to extend the base item structure with additional fields.
+ */
+export interface VirtualizedListProps<ListKeys extends string | number, ExtendedType extends object = {}> extends Omit<AutoSizedStickyTreeProps<VirtualizedListItem<ListKeys, ExtendedType>>, 'root' | 'renderRoot' | 'rowRenderer' | 'getChildren'> {
+    /**
+     * A dictionary of items keyed by their unique identifiers.
+     */
+    items: Record<ListKeys, VirtualizedListItem<ListKeys, ExtendedType>>;
+    /**
+     * A function that renders an individual list item.
+     *
+     * @param params - An object containing the node and nodeInfo to render.
+     * @returns A React node representing the rendered item.
+     */
+    renderItem: (params: Pick<Parameters<StickyTreeRowRenderer<VirtualizedListItem<ListKeys, ExtendedType>>>['0'], 'node' | 'nodeInfo'>) => React.ReactNode;
+}

package/dist/Shared/Components/VirtualizedList/index.d.ts

@@ -0,0 +1,2 @@
+export * from './VirtualizedList.component';
+export * from './VirtualizedList.types';

package/dist/Shared/Components/WorkflowOptionsModal/SourceTypeCard.d.ts

@@ -0,0 +1,3 @@
+import { SourceTypeCardProps } from './types';
+declare const SourceTypeCard: ({ title, subtitle, dataTestId, icons, type, disableInfo, disabled, onCardAction, }: SourceTypeCardProps) => import("react/jsx-runtime").JSX.Element;
+export default SourceTypeCard;

package/dist/Shared/Components/WorkflowOptionsModal/WorkflowOptionsModal.d.ts

@@ -0,0 +1,3 @@
+import { WorkflowOptionsModalProps } from './types';
+declare const WorkflowOptionsModal: ({ open, addCIPipeline, addWebhookCD, addLinkedCD, showLinkedCDSource, changeCIPayload, workflows, getWorkflows, resetChangeCIPayload, linkedCDSourceVariant, isAppGroup, isTemplateView, onClose, }: Readonly<WorkflowOptionsModalProps>) => import("react/jsx-runtime").JSX.Element;
+export default WorkflowOptionsModal;

package/dist/Shared/Components/WorkflowOptionsModal/constants.d.ts

@@ -0,0 +1,88 @@
+import { WorkflowNodeType } from '../../../Common/Types';
+import { CIPipelineNodeType } from '../../types';
+export declare const SOURCE_TYPE_CARD_VARIANTS: {
+    BUILD: {
+        BUILD_AND_DEPLOY_FROM_SOURCE_CODE: {
+            title: string;
+            subtitle: string;
+            dataTestId: string;
+            type: CIPipelineNodeType.CI_CD;
+            icons: ({
+                name: "ic-git-branch";
+                color: "N700";
+            } | {
+                name: "ic-build-color";
+                color: any;
+            } | {
+                name: "ic-deploy-color";
+                color: any;
+            })[];
+        };
+        BUILD_FROM_SOURCE_CODE: {
+            title: string;
+            subtitle: string;
+            dataTestId: string;
+            type: CIPipelineNodeType.CI;
+            icons: ({
+                name: "ic-git-branch";
+                color: "N700";
+            } | {
+                name: "ic-build-color";
+                color: any;
+            })[];
+        };
+        JOB: {
+            title: string;
+            subtitle: string;
+            dataTestId: string;
+            type: CIPipelineNodeType.JOB_CI;
+            icons: {
+                name: "ic-job-color";
+                color: any;
+            }[];
+        };
+    };
+    RECEIVE: {
+        EXTERNAL_SERVICE: {
+            title: string;
+            subtitle: string;
+            dataTestId: string;
+            type: WorkflowNodeType.WEBHOOK;
+            icons: ({
+                name: "ic-webhook";
+                color: any;
+            } | {
+                name: "ic-deploy-color";
+                color: any;
+            })[];
+        };
+        LINKED_PIPELINE: {
+            title: string;
+            subtitle: string;
+            dataTestId: string;
+            type: CIPipelineNodeType.LINKED_CI;
+            icons: {
+                name: "ic-linked-build-color";
+                color: any;
+            }[];
+        };
+    };
+    JOB: {
+        JOB: {
+            title: string;
+            subtitle: string;
+            dataTestId: string;
+            type: CIPipelineNodeType.JOB_CI;
+            icons: {
+                name: "ic-job-color";
+                color: any;
+            }[];
+        };
+    };
+};
+export declare const NO_ENV_FOUND = "No environment found. Please create a CD Pipeline first.";
+export declare const REQUEST_IN_PROGRESS = "Request in progress";
+export declare const TOAST_MESSAGES: {
+    SUCCESS_CHANGE_TO_WEBHOOK: string;
+    WORKFLOW_NOT_AVAILABLE: string;
+};

package/dist/Shared/Components/WorkflowOptionsModal/index.d.ts

@@ -0,0 +1,2 @@
+export type { SourceTypeCardProps } from './types';
+export { default as WorkflowOptionsModal } from './WorkflowOptionsModal';

package/dist/Shared/Components/WorkflowOptionsModal/types.d.ts

@@ -0,0 +1,27 @@
+import { WorkflowNodeType } from '../../../Common/Types';
+import { ChangeCIPayloadType, CIPipelineNodeType, WorkflowType } from '../../types';
+import { AppConfigProps } from '../../../Pages/index';
+import { GenericModalProps } from '../GenericModal';
+import { IconsProps } from '../Icon';
+export interface SourceTypeCardProps {
+    title: string;
+    subtitle: string;
+    dataTestId: string;
+    type: CIPipelineNodeType | WorkflowNodeType.WEBHOOK;
+    disabled?: boolean;
+    disableInfo: string;
+    icons: Pick<IconsProps, 'name' | 'color'>[];
+    onCardAction: (e: React.MouseEvent | React.KeyboardEvent) => void;
+}
+export interface WorkflowOptionsModalProps extends Required<Pick<AppConfigProps, 'isTemplateView'>>, Pick<GenericModalProps, 'open' | 'onClose'> {
+    addCIPipeline: (type: CIPipelineNodeType, workflowId?: number | string) => void;
+    addWebhookCD: (workflowId?: number | string) => void;
+    addLinkedCD: (changeCIPayload?: ChangeCIPayloadType) => void;
+    showLinkedCDSource: boolean;
+    resetChangeCIPayload: () => void;
+    changeCIPayload?: ChangeCIPayloadType;
+    workflows?: WorkflowType[];
+    getWorkflows?: () => void;
+    linkedCDSourceVariant?: Pick<SourceTypeCardProps, 'title' | 'subtitle' | 'type' | 'icons' | 'dataTestId'>;
+    isAppGroup?: boolean;
+}

package/dist/Shared/Components/WorkflowOptionsModal/utils.d.ts

@@ -0,0 +1,25 @@
+import { PipelineType, WorkflowNodeType } from '../../../Common/Types';
+import { ChangeCIPayloadType, CIPipelineNodeType } from '../../types';
+import { SourceTypeCardProps, WorkflowOptionsModalProps } from './types';
+export declare const getSwitchToWebhookPayload: (changeCIPayload: ChangeCIPayloadType) => {
+    appId: number;
+    pipelines: {
+        name: string;
+        triggertype: "MANUAL";
+        appWorkflowId: number;
+        environmentId: number;
+        id: number;
+        parentPipelineType: PipelineType;
+        switchFromCiPipelineId: number;
+    }[];
+};
+export declare const getCurrentPipelineType: ({ workflows, changeCIPayload, }: Required<Pick<WorkflowOptionsModalProps, "workflows" | "changeCIPayload">>) => SourceTypeCardProps["type"];
+export declare const getBuildWorkflowCardsConfig: ({ currentPipelineType, changeCIPayload, isAppGroup, }: {
+    currentPipelineType: CIPipelineNodeType | WorkflowNodeType.WEBHOOK;
+} & Required<Pick<WorkflowOptionsModalProps, "changeCIPayload" | "isAppGroup">>) => Pick<SourceTypeCardProps, "disabled" | "dataTestId" | "type" | "title" | "subtitle" | "icons">[];
+export declare const getReceiveWorkflowCardsConfig: ({ currentPipelineType, linkedCDSourceVariant, isAppGroup, }: {
+    currentPipelineType: CIPipelineNodeType | WorkflowNodeType.WEBHOOK;
+} & Required<Pick<WorkflowOptionsModalProps, "linkedCDSourceVariant" | "isAppGroup">>) => Pick<SourceTypeCardProps, "disabled" | "dataTestId" | "type" | "title" | "subtitle" | "icons">[];
+export declare const getJobWorkflowCardsConfig: ({ currentPipelineType, isAppGroup, }: {
+    currentPipelineType: CIPipelineNodeType | WorkflowNodeType.WEBHOOK;
+} & Required<Pick<WorkflowOptionsModalProps, "isAppGroup">>) => Pick<SourceTypeCardProps, "disabled" | "dataTestId" | "type" | "title" | "subtitle" | "icons">[];