@devtron-labs/devtron-fe-common-lib 1.15.2 → 1.15.3-beta-0

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

@@ -12,6 +12,7 @@ export declare const iconMap: {
     'ic-arrow-square-out': import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement>>;
     'ic-arrows-clockwise': import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement>>;
     'ic-arrows-left-right': import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement>>;
+    'ic-asterisk': import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement>>;
     'ic-ather': import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement>>;
     'ic-azure-aks': import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement>>;
     'ic-azure': import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement>>;
@@ -19,6 +20,7 @@ export declare const iconMap: {
     'ic-bharatpe': import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement>>;
     'ic-bitbucket': import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement>>;
     'ic-book-open': import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement>>;
+    'ic-brain': import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement>>;
     'ic-browser': import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement>>;
     'ic-build-color': import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement>>;
     'ic-calendar': import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement>>;
@@ -33,12 +35,12 @@ export declare const iconMap: {
     'ic-check': import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement>>;
     'ic-checks': import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement>>;
     'ic-ci-linked': import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement>>;
-    'ic-ci-webhook': import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement>>;
     'ic-circle-loader': import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement>>;
     'ic-clock': import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement>>;
     'ic-close-large': import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement>>;
     'ic-close-small': import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement>>;
     'ic-cloud-vms': import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement>>;
+    'ic-cluster-isolated': import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement>>;
     'ic-cluster': import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement>>;
     'ic-code': import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement>>;
     'ic-container': import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement>>;
@@ -51,6 +53,9 @@ export declare const iconMap: {
     'ic-delete-lightning': import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement>>;
     'ic-delete': import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement>>;
     'ic-delhivery': import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement>>;
+    'ic-deploy-color': import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement>>;
+    'ic-deploy-sync': import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement>>;
+    'ic-devtron-ai': import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement>>;
     'ic-devtron-app': import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement>>;
     'ic-devtron-header-logo': import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement>>;
     'ic-devtron-job': import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement>>;
@@ -64,6 +69,8 @@ export declare const iconMap: {
     'ic-enterprise-feat': import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement>>;
     'ic-enterprise-tag': import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement>>;
     'ic-env': import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement>>;
+    'ic-environment-isolated': import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement>>;
+    'ic-environment': import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement>>;
     'ic-error': import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement>>;
     'ic-expand-right-sm': import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement>>;
     'ic-expand-sm': import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement>>;
@@ -76,10 +83,12 @@ export declare const iconMap: {
     'ic-filter-applied': import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement>>;
     'ic-filter': import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement>>;
     'ic-flask': import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement>>;
+    'ic-folder-color': import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement>>;
     'ic-folder-user': import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement>>;
     'ic-gear': import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement>>;
     'ic-gift-gradient': import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement>>;
     'ic-gift': import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement>>;
+    'ic-git-branch': import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement>>;
     'ic-git': import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement>>;
     'ic-github': import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement>>;
     'ic-gitlab': import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement>>;
@@ -112,6 +121,7 @@ export declare const iconMap: {
     'ic-lego': import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement>>;
     'ic-lightning-fill': import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement>>;
     'ic-lightning': import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement>>;
+    'ic-linked-build-color': import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement>>;
     'ic-livspace': import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement>>;
     'ic-logout': import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement>>;
     'ic-magnifying-glass': import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement>>;
@@ -122,6 +132,7 @@ export declare const iconMap: {
     'ic-memory': import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement>>;
     'ic-microsoft': import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement>>;
     'ic-minikube': import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement>>;
+    'ic-minus': import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement>>;
     'ic-missing': import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement>>;
     'ic-mobile': import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement>>;
     'ic-monitoring': import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement>>;
@@ -131,9 +142,11 @@ export declare const iconMap: {
     'ic-oidc': import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement>>;
     'ic-open-box': import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement>>;
     'ic-open-in-new': import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement>>;
+    'ic-openai': import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement>>;
     'ic-openshift': import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement>>;
     'ic-out-of-sync': import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement>>;
     'ic-paper-plane-color': import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement>>;
+    'ic-paper-plane': import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement>>;
     'ic-path': import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement>>;
     'ic-pencil': import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement>>;
     'ic-play-outline': import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement>>;
@@ -142,16 +155,19 @@ export declare const iconMap: {
     'ic-rocket-gear': import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement>>;
     'ic-rocket-launch': import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement>>;
     'ic-selected': import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement>>;
+    'ic-shapes': import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement>>;
     'ic-shield-check': import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement>>;
     'ic-sliders-vertical': import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement>>;
     'ic-sort-ascending': import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement>>;
     'ic-sort-descending': import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement>>;
     'ic-sortable': import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement>>;
+    'ic-sparkle-ai-color': import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement>>;
     'ic-sparkle-color': import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement>>;
     'ic-spinny': import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement>>;
     'ic-spray-can': import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement>>;
     'ic-stack': import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement>>;
     'ic-stamp': import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement>>;
+    'ic-stop-fill': import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement>>;
     'ic-strategy-blue-green-color': import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement>>;
     'ic-strategy-blue-green': import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement>>;
     'ic-strategy-canary-color': import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement>>;
@@ -178,8 +194,11 @@ export declare const iconMap: {
     'ic-user-circle': import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement>>;
     'ic-user-key': import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement>>;
     'ic-users': import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement>>;
+    'ic-view-variable-toggle': import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement>>;
     'ic-warning': import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement>>;
+    'ic-webhook': import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement>>;
     'ic-wifi-slash': import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement>>;
+    'ic-world-globe': import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement>>;
 };
 export type IconName = keyof typeof iconMap;
 export interface IconsProps extends Omit<IconBaseProps, 'name' | 'iconMap'> {

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

@@ -1,4 +1,4 @@
-import { TooltipProps } from '@Common/Tooltip/types';
+import { TooltipProps } from '../../../Common/Tooltip';
 export interface InvalidYAMLTippyWrapperProps {
     parsingError: string;
     restoreLastSavedYAML?: () => void;

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

@@ -50,6 +50,11 @@ export interface UsePopoverProps {
      * @param closePopover - A function to close the popover.
      */
     onPopoverKeyDown?: (e: KeyboardEvent, openState: boolean, closePopover: () => void) => void;
+    /**
+     * Variant of the popover (bg, shadow and styles changes based on variant)
+     * @default 'menu'
+     */
+    variant?: 'menu' | 'overlay';
 }
 /**
  * Represents the return type of the `usePopover` hook, providing properties and methods

package/dist/Shared/Components/Popover/usePopover.hook.d.ts

@@ -1,2 +1,2 @@
 import { UsePopoverProps, UsePopoverReturnType } from './types';
-export declare const usePopover: ({ id, position, alignment, width, onOpen, onPopoverKeyDown, onTriggerKeyDown, }: UsePopoverProps) => UsePopoverReturnType;
+export declare const usePopover: ({ id, position, alignment, width, variant, onOpen, onPopoverKeyDown, onTriggerKeyDown, }: UsePopoverProps) => UsePopoverReturnType;

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

@@ -0,0 +1,2 @@
+import { ProgressBarProps } from './types';
+export declare const ProgressBar: ({ isLoading, intervalTime }: ProgressBarProps) => JSX.Element;

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

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

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

@@ -0,0 +1,9 @@
+export interface ProgressBarProps {
+    isLoading: boolean;
+    /**
+     * Interval in milliseconds for the progress bar simulation.
+     *
+     * @default 50
+     */
+    intervalTime?: number;
+}

package/dist/Shared/Components/SelectPicker/common.d.ts

@@ -1,5 +1,5 @@
 import { ClearIndicatorProps, ControlProps, DropdownIndicatorProps, InputProps, MenuListProps, MultiValueProps, MultiValueRemoveProps, OptionProps, ValueContainerProps } from 'react-select';
-import { TooltipProps } from '@Common/Tooltip/types';
+import { TooltipProps } from '../../../Common/Tooltip';
 import { SelectPickerGroupHeadingProps, SelectPickerOptionType, SelectPickerProps } from './type';
 export declare const getTooltipProps: (tooltipProps?: SelectPickerOptionType["tooltipProps"]) => TooltipProps;
 export declare const SelectPickerDropdownIndicator: <OptionValue>(props: DropdownIndicatorProps<SelectPickerOptionType<OptionValue>>) => JSX.Element;

package/dist/Shared/Components/SelectPicker/type.d.ts

@@ -3,7 +3,7 @@ import { GroupBase, GroupHeadingProps, Props as ReactSelectProps, SelectInstance
 import { CreatableProps } from 'react-select/creatable';
 import { ResizableTagTextAreaProps } from '../../../Common/CustomTagSelector';
 import { ServerErrors } from '../../../Common/ServerError';
-import { TooltipProps } from '@Common/Tooltip/types';
+import { TooltipProps } from '../../../Common/Tooltip';
 import { OptionType } from '../../../Common/Types';
 import { ComponentSizeType } from '../../constants';
 import { ButtonComponentType, ButtonProps, ButtonVariantType } from '../Button';

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

@@ -1,3 +1,3 @@
 import { DTSwitchProps } from './types';
-declare const Switch: ({ ariaLabel, isDisabled, isLoading, isChecked, tooltipContent, shape, variant, iconColor, iconName, indeterminate, size, name, onChange, }: DTSwitchProps) => JSX.Element;
+declare const Switch: ({ ariaLabel, isDisabled, isLoading, isChecked, tooltipContent, shape, variant, iconColor, iconName, indeterminate, size, name, dataTestId, onChange, autoFocus, }: DTSwitchProps) => JSX.Element;
 export default Switch;

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

@@ -1,4 +1,4 @@
-import { ButtonHTMLAttributes } from 'react';
+import { ButtonHTMLAttributes, ReactNode } from 'react';
 import { ComponentSizeType } from '../../constants';
 import { IconBaseColorType } from '../../types';
 import { IconName } from '../Icon';
@@ -64,6 +64,10 @@ export type DTSwitchProps = {
      * Used in forms to identify the switch.
      */
     name: string;
+    /**
+     * Provide if name generated through `getUniqueId`.
+     */
+    dataTestId?: string;
     /**
      * The visual variant of the switch.
      *
@@ -97,6 +101,11 @@ export type DTSwitchProps = {
      *
      * @default undefined
      */
-    tooltipContent?: string;
+    tooltipContent?: ReactNode;
+    /**
+     * Indicates whether the switch should be focused automatically when rendered.
+     * @default false
+     */
+    autoFocus?: boolean;
 } & SwitchShapeProps;
 export {};

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

@@ -3,10 +3,10 @@ import { ROUNDED_SWITCH_TRACK_HOVER_COLOR_MAP } from './constants';
 import { DTSwitchProps } from './types';
 export declare const getSwitchContainerClass: ({ shape, size }: Required<Pick<DTSwitchProps, "shape" | "size">>) => string;
 export declare const getSwitchTrackColor: ({ shape, variant, isChecked, isLoading, }: Required<Pick<DTSwitchProps, "shape" | "variant" | "isChecked" | "isLoading">>) => string;
-export declare const getSwitchTrackHoverColor: ({ shape, variant, isChecked, }: Required<Pick<DTSwitchProps, "shape" | "variant" | "isChecked">>) => (typeof ROUNDED_SWITCH_TRACK_HOVER_COLOR_MAP)[DTSwitchProps["variant"]];
+export declare const getSwitchTrackHoverColor: ({ shape, variant, isChecked, isLoading, }: Required<Pick<DTSwitchProps, "shape" | "variant" | "isChecked" | "isLoading">>) => (typeof ROUNDED_SWITCH_TRACK_HOVER_COLOR_MAP)[DTSwitchProps["variant"]] | "transparent";
 export declare const getSwitchThumbClass: ({ shape, size, showIndeterminateIcon, }: Pick<DTSwitchProps, "shape" | "size"> & {
     showIndeterminateIcon: boolean;
 }) => string;
 export declare const getSwitchIconColor: ({ iconColor, isChecked, variant, }: Pick<DTSwitchProps, "iconColor" | "isChecked" | "variant">) => IconBaseColorType;
-export declare const getThumbPosition: ({ isLoading, isChecked, }: Pick<DTSwitchProps, "isLoading" | "isChecked">) => "left" | "right" | "center";
+export declare const getThumbPosition: ({ isChecked, size, shape, indeterminate, isLoading, }: Required<Pick<DTSwitchProps, "isChecked" | "size" | "shape" | "indeterminate" | "isLoading">>) => number;
 export declare const getThumbPadding: ({ shape, isLoading }: Pick<DTSwitchProps, "shape" | "isLoading">) => string;

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

@@ -0,0 +1,3 @@
+import { SwitchThemeDialogProps } from './types';
+declare const SwitchThemeDialog: ({ initialThemePreference, handleClose, handleUpdateUserThemePreference, disableAPICalls, }: SwitchThemeDialogProps) => JSX.Element;
+export default SwitchThemeDialog;

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

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

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

@@ -0,0 +1,35 @@
+import { AppThemeType, useTheme } from '../../Providers';
+type ThemePreferenceType = ReturnType<typeof useTheme>['themePreference'];
+export type SwitchThemeDialogProps = {
+    /**
+     * @description The initial theme preference of the user fetched from api, in case of error would be null
+     */
+    initialThemePreference: ThemePreferenceType;
+    handleUpdateUserThemePreference: (themePreference: ThemePreferenceType) => void;
+    handleClose: () => void;
+} & ({
+    /**
+     * @default false
+     * @description Required for storybook
+     */
+    disableAPICalls?: false;
+} | {
+    currentUserPreferences?: never;
+    disableAPICalls: true;
+});
+export interface ThemePreferenceOptionProps {
+    selectedThemePreference: SwitchThemeDialogProps['initialThemePreference'];
+    value: SwitchThemeDialogProps['initialThemePreference'];
+    handleChangedThemePreference: (themePreference: SwitchThemeDialogProps['initialThemePreference']) => void;
+}
+export interface ThemePreferenceLabelFigureProps extends Pick<ThemePreferenceOptionProps, 'value'> {
+    isSelected: boolean;
+}
+export interface BaseLabelFigureProps extends Pick<ThemePreferenceLabelFigureProps, 'isSelected'> {
+    value: AppThemeType;
+    /**
+     * @default false
+     */
+    noLeftRadius?: boolean;
+}
+export {};

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

@@ -1,5 +1,5 @@
 import { LinkProps, NavLinkProps } from 'react-router-dom';
-import { TooltipProps } from '@Common/Tooltip/types';
+import { TooltipProps } from '../../../Common/Tooltip';
 import { ComponentSizeType } from '../../constants';
 import { DataAttributes } from '../../types';
 import { IconName } from '../Icon';

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

@@ -1,4 +1,4 @@
-import { TooltipProps } from '@Common/Tooltip/types';
+import { TooltipProps } from '../../../Common/Tooltip';
 import { TargetPlatformsDTO } from '../../types';
 export interface TargetPlatformBadgeListProps extends Required<Pick<TargetPlatformsDTO, 'targetPlatforms'>> {
 }

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

@@ -1,3 +1,3 @@
 import { TextareaProps } from './types';
-declare const Textarea: ({ name, label, fullWidth, error, helperText, warningText, layout, required, onBlur, shouldTrim, size, ariaLabel, borderRadiusConfig, labelTooltipConfig, labelTippyCustomizedConfig, hideFormFieldInfo, value, borderConfig, ...props }: TextareaProps) => JSX.Element;
+declare const Textarea: ({ name, label, textareaRef: textareaRefProp, fullWidth, error, helperText, warningText, layout, required, onBlur, shouldTrim, size, ariaLabel, borderRadiusConfig, labelTooltipConfig, labelTippyCustomizedConfig, hideFormFieldInfo, value, borderConfig, disableResize, newlineOnShiftEnter, ...props }: TextareaProps) => JSX.Element;
 export default Textarea;

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

@@ -13,9 +13,25 @@ export interface TextareaProps extends Omit<FormFieldWrapperProps, 'children' |
      *
      * @default ComponentSizeType.large
      */
-    size?: Extract<ComponentSizeType, ComponentSizeType.medium | ComponentSizeType.large>;
+    size?: Extract<ComponentSizeType, ComponentSizeType.small | ComponentSizeType.medium | ComponentSizeType.large>;
     /**
      * Value of the textarea
      */
     value: string;
+    /**
+     * If true, the textarea resize is disabled
+     *
+     * @default false
+     */
+    disableResize?: true;
+    /**
+     * Allows inserting a newline with Shift + Enter instead of Enter alone.
+     *
+     * When enabled, pressing Enter submits the form, while Shift + Enter inserts a newline.
+     * Useful for forms where Enter should trigger submission, but multiline input is still needed.
+     *
+     * @default false
+     */
+    newlineOnShiftEnter?: boolean;
+    textareaRef?: React.MutableRefObject<HTMLTextAreaElement> | React.RefCallback<HTMLTextAreaElement>;
 }

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

@@ -0,0 +1,5 @@
+import { TextareaProps } from './types';
+export declare const getTextAreaConstraintsForSize: (size: TextareaProps["size"]) => {
+    MIN_HEIGHT: number;
+    AUTO_EXPANSION_MAX_HEIGHT: number;
+};

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

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

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

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

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

@@ -0,0 +1 @@
+export declare const BlinkingCursor: () => 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/WorkflowOptionsModal/SourceTypeCard.d.ts

@@ -1,3 +1,3 @@
 import { SourceTypeCardProps } from './types';
-declare const SourceTypeCard: ({ title, subtitle, image, alt, dataTestId, type, handleCardAction, disableInfo, isDisabled, }: Readonly<SourceTypeCardProps>) => JSX.Element;
+declare const SourceTypeCard: ({ title, subtitle, dataTestId, icons, type, disableInfo, disabled, onCardAction, }: SourceTypeCardProps) => JSX.Element;
 export default SourceTypeCard;

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

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

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

@@ -1,52 +1,86 @@
-import { PipelineType } from '../../../Common/Types';
+import { WorkflowNodeType } from '../../../Common/Types';
 import { CIPipelineNodeType } from '../../types';
-export declare const WORKFLOW_OPTIONS_MODAL: {
-    ACTION_TEXT: string;
-    ACTION_NOTE: string;
-    CHANGE_CI_TEXT: string;
-    CHANGE_CI_NOTE: string;
-};
-export declare const WORKFLOW_OPTIONS_MODAL_TYPES: {
-    DEFAULT: string;
-    RECIEVE: string;
-    JOB: string;
-};
 export declare const SOURCE_TYPE_CARD_VARIANTS: {
-    SOURCE_CODE: {
-        title: string;
-        subtitle: string;
-        image: string;
-        alt: string;
-        dataTestId: string;
-        type: CIPipelineNodeType;
-    };
-    LINKED_PIPELINE: {
-        title: string;
-        subtitle: string;
-        image: string;
-        alt: string;
-        dataTestId: string;
-        type: CIPipelineNodeType;
+    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;
+            }[];
+        };
     };
-    EXTERNAL_SERVICE: {
-        title: string;
-        subtitle: string;
-        image: string;
-        alt: string;
-        dataTestId: string;
-        type: PipelineType;
+    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: {
-        title: string;
-        subtitle: string;
-        image: string;
-        alt: string;
-        dataTestId: string;
-        type: CIPipelineNodeType;
+        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 CHANGE_SAME_CI = "Cannot change to same source type";
 export declare const REQUEST_IN_PROGRESS = "Request in progress";
 export declare const TOAST_MESSAGES: {
     SUCCESS_CHANGE_TO_WEBHOOK: string;

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

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

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

@@ -1,20 +1,19 @@
+import { WorkflowNodeType } from '../../../Common/Types';
 import { ChangeCIPayloadType, CIPipelineNodeType, WorkflowType } from '../../types';
 import { AppConfigProps } from '../../../Pages/index';
-interface LinkedCDSourceVariant {
+import { GenericModalProps } from '../GenericModal';
+import { IconsProps } from '../Icon';
+export interface SourceTypeCardProps {
     title: string;
     subtitle: string;
-    image: string;
-    alt: string;
     dataTestId: string;
-    type: string;
-}
-export interface SourceTypeCardProps extends LinkedCDSourceVariant {
-    handleCardAction: (e: React.MouseEvent | React.KeyboardEvent) => void;
+    type: CIPipelineNodeType | WorkflowNodeType.WEBHOOK;
+    disabled?: boolean;
     disableInfo: string;
-    isDisabled?: boolean;
+    icons: Pick<IconsProps, 'name' | 'color'>[];
+    onCardAction: (e: React.MouseEvent | React.KeyboardEvent) => void;
 }
-export interface WorkflowOptionsModalProps extends Required<Pick<AppConfigProps, 'isTemplateView'>> {
-    handleCloseWorkflowOptionsModal: () => 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;
@@ -23,7 +22,6 @@ export interface WorkflowOptionsModalProps extends Required<Pick<AppConfigProps,
     changeCIPayload?: ChangeCIPayloadType;
     workflows?: WorkflowType[];
     getWorkflows?: () => void;
-    linkedCDSourceVariant?: LinkedCDSourceVariant;
+    linkedCDSourceVariant?: Pick<SourceTypeCardProps, 'title' | 'subtitle' | 'type' | 'icons' | 'dataTestId'>;
     isAppGroup?: boolean;
 }
-export {};

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

@@ -1,5 +1,6 @@
-import { PipelineType } from '../../../Common/Types';
-import { ChangeCIPayloadType } from '../../types';
+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: {
@@ -12,3 +13,13 @@ export declare const getSwitchToWebhookPayload: (changeCIPayload: ChangeCIPayloa
         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, "title" | "dataTestId" | "disabled" | "type" | "subtitle" | "icons">[];
+export declare const getReceiveWorkflowCardsConfig: ({ currentPipelineType, linkedCDSourceVariant, isAppGroup, }: {
+    currentPipelineType: CIPipelineNodeType | WorkflowNodeType.WEBHOOK;
+} & Required<Pick<WorkflowOptionsModalProps, "linkedCDSourceVariant" | "isAppGroup">>) => Pick<SourceTypeCardProps, "title" | "dataTestId" | "disabled" | "type" | "subtitle" | "icons">[];
+export declare const getJobWorkflowCardsConfig: ({ currentPipelineType, isAppGroup, }: {
+    currentPipelineType: CIPipelineNodeType | WorkflowNodeType.WEBHOOK;
+} & Required<Pick<WorkflowOptionsModalProps, "isAppGroup">>) => Pick<SourceTypeCardProps, "title" | "dataTestId" | "disabled" | "type" | "subtitle" | "icons">[];

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

@@ -40,6 +40,7 @@ export * from './FlagImage';
 export * from './FloatingVariablesSuggestions';
 export * from './FramerComponents';
 export * from './GenericInfoCard';
+export * from './GenericModal';
 export * from './GenericSectionErrorState';
 export * from './GitCommitInfoGeneric';
 export * from './GitProviderIcon';
@@ -63,6 +64,7 @@ export * from './ModalSidebarPanel';
 export * from './NumbersCount';
 export * from './PhoneInput';
 export * from './Plugin';
+export * from './ProgressBar';
 export { default as QRCode } from './QRCode';
 export * from './ReactSelect';
 export * from './RegistryIcon';
@@ -73,6 +75,7 @@ export * from './ShowMoreText';
 export * from './SSOProviderIcon';
 export * from './StatusComponent';
 export * from './Switch';
+export * from './SwitchThemeDialog';
 export * from './TabGroup';
 export * from './Table';
 export * from './TagsKeyValueTable';
@@ -80,6 +83,7 @@ export * from './TargetPlatforms';
 export * from './Textarea';
 export * from './ThemeSwitcher';
 export * from './ToggleResolveScopedVariables';
+export * from './Typewriter';
 export * from './UnsavedChanges';
 export * from './UnsavedChangesDialog';
 export * from './UserIdentifier';

package/dist/Shared/Providers/index.d.ts

@@ -2,4 +2,5 @@ export * from './ImageSelectionUtility';
 export * from './MainContextProvider';
 export * from './ThemeProvider';
 export type { MainContext, ReloadVersionConfigTypes, SidePanelConfig } from './types';
+export { SidePanelTab } from './types';
 export * from './UserEmailProvider';