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

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

@@ -0,0 +1,26 @@
+import { MouseEvent, ReactNode } from 'react';
+import { DTFocusTrapType } from '../DTFocusTrap';
+export interface BackdropProps extends Pick<DTFocusTrapType, 'deactivateFocusOnEscape' | 'initialFocus' | 'onEscape' | 'returnFocusOnDeactivate'> {
+    /**
+     * The content to be rendered within the backdrop component.
+     */
+    children: ReactNode;
+    /**
+     * Callback function that gets triggered when the backdrop is clicked.
+     * Useful for dismissing modals or other overlay content.
+     * @param e - The mouse event object from the click interaction
+     */
+    onClick?: (e: MouseEvent<HTMLDivElement>) => void;
+    /**
+     * Determines if the backdrop should be transparent.
+     * When true, the backdrop will not have any background color or blur filter.
+     * @default false
+     */
+    hasClearBackground?: boolean;
+    /**
+     * Callback function that gets triggered when the backdrop component mounts or unmounts.
+     * This can be used to perform side effects or state updates when the backdrop's visibility changes.
+     * @param isMounted - A boolean indicating whether the backdrop is currently mounted (true) or not (false)
+     */
+    onBackdropMount?: (isMounted: boolean) => void;
+}

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

@@ -0,0 +1 @@
+export declare const createPortalContainerAndAppendToDOM: (portalContainerId: string) => HTMLDivElement;

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

@@ -0,0 +1,3 @@
+import { BadgeProps } from './types';
+declare const Badge: ({ label, bgColor, fontColor, endIconProps, startIconProps, variant, size, }: BadgeProps) => import("react/jsx-runtime").JSX.Element;
+export default Badge;

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

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

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

@@ -0,0 +1,18 @@
+import { ComponentSizeType } from '../../constants';
+import { IconBaseColorType } from '../../types';
+import { IconsProps } from '../Icon';
+export type BadgeVariants = 'default' | 'negative' | 'negative-grey' | 'positive' | 'warning' | 'neutral' | 'custom';
+export type BadgeProps = {
+    size?: Extract<ComponentSizeType, ComponentSizeType.xs | ComponentSizeType.xxs | ComponentSizeType.xxxs>;
+    startIconProps?: Omit<IconsProps, 'color' | 'size'>;
+    endIconProps?: Omit<IconsProps, 'color' | 'size'>;
+    label: string;
+} & ({
+    variant?: Exclude<BadgeVariants, 'custom'>;
+    fontColor?: never;
+    bgColor?: never;
+} | {
+    variant: 'custom';
+    fontColor: IconBaseColorType;
+    bgColor: IconBaseColorType;
+});

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

@@ -0,0 +1,8 @@
+import { IconBaseColorType, IconBaseSizeType } from '../../types';
+import { BadgeProps } from './types';
+export declare const getClassNameAccToVariant: (variant: BadgeProps["variant"]) => {
+    styles: string;
+    iconColor: IconBaseColorType;
+};
+export declare const getClassNameAccToSize: (size: BadgeProps["size"]) => "fs-11 lh-16 px-4 py-1" | "fs-12 lh-16 px-6 py-2" | "fs-13 lh-20 px-6 py-2";
+export declare const COMPONENT_SIZE_TO_ICON_SIZE_MAP: Record<BadgeProps['size'], IconBaseSizeType>;

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

@@ -0,0 +1,3 @@
+import { BulkOperationModalProps } from './types';
+declare const BulkOperations: ({ handleModalClose: handleModalCloseProp, operations: userOperations, getResultsChartSummaryText, handleReloadDataAfterBulkOperation, hideResultsDrawer, textConfig, shouldSkipConfirmation, confirmationModalConfig, data, disableTransition, }: BulkOperationModalProps) => import("react/jsx-runtime").JSX.Element;
+export default BulkOperations;

package/dist/Shared/Components/BulkOperations/BulkOperationsResultModal.d.ts

@@ -0,0 +1,3 @@
+import { BulkOperationsResultModalProps } from './types';
+declare const BulkOperationsResultModal: ({ apiCallInProgress, handleModalClose, isOperationAborted, resultsStore, handleAbortBulkOperation, handleRetryFailedOperations, resultsHeader: headerText, getResultsChartSummaryText, disableTransition, }: BulkOperationsResultModalProps) => import("react/jsx-runtime").JSX.Element;
+export default BulkOperationsResultModal;

package/dist/Shared/Components/BulkOperations/OperationResultStore.d.ts

@@ -0,0 +1,21 @@
+import { OperationResultStoreType } from './types';
+export declare class OperationResultStore implements OperationResultStoreType {
+    #private;
+    private size;
+    private results;
+    private map;
+    private retryOperations;
+    private retryOperationsSet;
+    private barChartEntities;
+    constructor(size: number);
+    private updateStatus;
+    addResult: OperationResultStoreType['addResult'];
+    getResults: OperationResultStoreType['getResults'];
+    getBarChartEntities: OperationResultStoreType['getBarChartEntities'];
+    getResultsStatusCount: OperationResultStoreType['getResultsStatusCount'];
+    getSize: OperationResultStoreType['getSize'];
+    updateResultStatus: OperationResultStoreType['updateResultStatus'];
+    getRetryOperations: OperationResultStoreType['getRetryOperations'];
+    hasAnyOperationFailed: OperationResultStoreType['hasAnyOperationFailed'];
+    getHasAnyOperationSucceeded: OperationResultStoreType['getHasAnyOperationSucceeded'];
+}

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

@@ -0,0 +1,13 @@
+export declare const COLOR_MAPPING: {
+    Completed: string;
+    Pending: string;
+    Failed: string;
+};
+export declare const RESULTS_MODAL_HEADERS: {
+    label: string;
+    isSortable: boolean;
+    width: string;
+}[];
+export declare const SORT_ORDER_TO_KEY: Partial<Record<(typeof RESULTS_MODAL_HEADERS)[number]['label'], string>>;
+export declare const SORT_KEY_TO_NORMALIZER: Partial<Record<(typeof RESULTS_MODAL_HEADERS)[number]['label'], Function | null>>;
+export type SORTABLE_KEYS_TYPE = (typeof SORT_ORDER_TO_KEY)[keyof typeof SORT_ORDER_TO_KEY];

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

@@ -0,0 +1,2 @@
+export { default as BulkOperations } from './BulkOperations.component';
+export type { BulkOperation, BulkOperationModalProps } from './types';

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

@@ -0,0 +1,69 @@
+import { ReactNode } from 'react';
+import { APIOptions, DrawerProps } from '../../../Common/index';
+import { Entity } from '../../../Common/SegmentedBarChart/types';
+import { ConfirmationModalProps } from '../ConfirmationModal/types';
+import { getProgressingStateForStatus } from '../Security';
+interface BulkOperationAdditionalKeysType {
+    label: string;
+    value: string;
+    isSortable: boolean;
+    /**
+     * width to be given in gridTemplateColumns
+     */
+    width: string;
+}
+export interface BulkOperation {
+    name: string;
+    /**
+     * Would show these keys beside the name
+     */
+    additionalKeys?: BulkOperationAdditionalKeysType[];
+    operation: (abortControllerRef: APIOptions['abortControllerRef'], data?: unknown) => Promise<unknown | void>;
+    renderContentAtResultRowEnd?: (data: Awaited<ReturnType<BulkOperation['operation']>>) => ReactNode;
+}
+export type FailedOperationType = {
+    status: 'Failed';
+    retryOperation: BulkOperation;
+};
+export type OtherStatusOperationType = {
+    status: Exclude<Parameters<typeof getProgressingStateForStatus>[0], 'Failed' | 'Running'> | 'Pending';
+};
+export type BulkOperationResultType = {
+    message?: string;
+    renderContentAtResultRowEnd?: () => ReactNode;
+} & (FailedOperationType | OtherStatusOperationType) & Pick<BulkOperation, 'name' | 'additionalKeys'>;
+export type BulkOperationResultWithIdType = BulkOperationResultType & Record<'id', number>;
+export interface OperationResultStoreType {
+    addResult: (result: BulkOperationResultType) => number;
+    getResults: (sortComparator: (a: BulkOperationResultType, b: BulkOperationResultType) => number) => BulkOperationResultWithIdType[];
+    getBarChartEntities: () => NonNullable<Entity[]>;
+    getResultsStatusCount: () => Record<BulkOperationResultType['status'], number>;
+    getSize: () => number;
+    updateResultStatus: (id: number, result: Partial<Pick<BulkOperationResultType, 'message' | 'renderContentAtResultRowEnd'>> & (FailedOperationType | OtherStatusOperationType)) => void;
+    getRetryOperations: () => FailedOperationType['retryOperation'][];
+    hasAnyOperationFailed: () => boolean;
+    getHasAnyOperationSucceeded: () => boolean;
+}
+export type BulkOperationModalProps = {
+    operations: NonNullable<BulkOperation[]>;
+    handleModalClose: () => void;
+    textConfig: Record<'prompt' | 'resultsHeader', string>;
+    getResultsChartSummaryText: (counts: Record<BulkOperationResultType['status'], number>) => ReactNode;
+    data?: unknown;
+    handleReloadDataAfterBulkOperation?: () => void;
+    hideResultsDrawer?: boolean;
+} & ({
+    shouldSkipConfirmation?: never;
+    confirmationModalConfig: ConfirmationModalProps<true>;
+} | {
+    shouldSkipConfirmation: true;
+    confirmationModalConfig?: never;
+}) & Pick<DrawerProps, 'disableTransition'>;
+export interface BulkOperationsResultModalProps extends Pick<BulkOperationModalProps, 'handleModalClose' | 'getResultsChartSummaryText' | 'disableTransition'>, Pick<BulkOperationModalProps['textConfig'], 'resultsHeader'> {
+    resultsStore: OperationResultStoreType;
+    apiCallInProgress: boolean;
+    isOperationAborted: boolean;
+    handleAbortBulkOperation: () => void;
+    handleRetryFailedOperations: () => void;
+}
+export {};

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

@@ -1,3 +1,3 @@
 import { BulkSelectionProps } from './types';
-declare const BulkSelection: <T>({ showPagination, disabled }: BulkSelectionProps) => JSX.Element;
+declare const BulkSelection: ({ showPagination, disabled, showChevronDownIcon, selectAllIfNotPaginated, ref, }: BulkSelectionProps) => import("react/jsx-runtime").JSX.Element;
 export default BulkSelection;

package/dist/Shared/Components/BulkSelection/BulkSelectionProvider.d.ts

@@ -1,3 +1,3 @@
 import { UseBulkSelectionProps, UseBulkSelectionReturnType } from './types';
 export declare const useBulkSelection: <T>() => UseBulkSelectionReturnType<T>;
-export declare const BulkSelectionProvider: <T>({ children, identifiers, getSelectAllDialogStatus, }: UseBulkSelectionProps<T>) => JSX.Element;
+export declare const BulkSelectionProvider: <T>({ children, identifiers, getSelectAllDialogStatus, }: UseBulkSelectionProps<T>) => import("react/jsx-runtime").JSX.Element;

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

@@ -1,4 +1,4 @@
 export { default as BulkSelection } from './BulkSelection';
 export * from './BulkSelectionProvider';
-export * from './types';
 export * from './constants';
+export * from './types';

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

@@ -1,3 +1,4 @@
+import { Ref } from 'react';
 import { CHECKBOX_VALUE } from '../../../Common';
 export declare enum BulkSelectionEvents {
     CLEAR_ALL_SELECTIONS = "CLEAR_ALL_SELECTIONS",
@@ -24,19 +25,20 @@ export interface UseBulkSelectionReturnType<T> extends GetBulkSelectionCheckboxV
     handleBulkSelection: ({ action, data }: HandleBulkSelectionType<T>) => void;
     isBulkSelectionApplied: boolean;
     getSelectedIdentifiersCount: () => number;
+    setIdentifiers: React.Dispatch<React.SetStateAction<T>>;
 }
 export interface BulkSelectionProps {
     showPagination: boolean;
+    /**
+     * @default true
+     */
+    showChevronDownIcon?: boolean;
     disabled?: boolean;
-}
-export interface BulkSelectionDropdownItemsType {
-    locator: BulkSelectionEvents;
-    label: string;
-    isSelected: boolean;
-    icon: React.FunctionComponent<React.SVGProps<SVGSVGElement>>;
-    iconClass?: string;
-}
-export interface BulkSelectionDropdownItemsProps<T> extends BulkSelectionDropdownItemsType, Pick<UseBulkSelectionReturnType<T>, 'handleBulkSelection'> {
+    /**
+     * Will act as checkbox instead of opening up popup if list is not paginated
+     */
+    selectAllIfNotPaginated?: boolean;
+    ref?: Ref<HTMLLabelElement>;
 }
 export declare enum SelectAllDialogStatus {
     OPEN = "OPEN",
@@ -44,14 +46,16 @@ export declare enum SelectAllDialogStatus {
 }
 export type BulkSelectionIdentifiersType<T> = Record<string | number, T>;
 export interface UseBulkSelectionProps<T> {
-    /**
-     * Response from API, assuming structure to be array of objects with key and values
-     * This will the given ids on current page
-     */
-    identifiers: T;
     /**
      * Act as buffer between select all across pages and select all on page state
      */
     getSelectAllDialogStatus: () => SelectAllDialogStatus;
+    /**
+     * Response from API, assuming structure to be array of objects with key and values
+     * This will the given ids on current page.
+     *
+     * NOTE!: Please wrap this value with a useMemo since it goes into useEffect dependency
+     */
+    identifiers?: T;
     children?: React.ReactNode;
 }

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

@@ -1,4 +1,4 @@
-import { ButtonProps } from './types';
+import { ButtonComponentType, ButtonProps } from './types';
 /**
  * Generic component for Button.
  * Should be used in combination of variant, size and style.
@@ -63,5 +63,5 @@ import { ButtonProps } from './types';
  * <Button icon={<ICCube />} ariaLabel="Label" />
  * ```
  */
-declare const Button: ({ dataTestId, text, variant, size, style, startIcon, endIcon, disabled, isLoading, showTooltip, tooltipProps, icon, ariaLabel, showAriaLabelInTippy, ...props }: ButtonProps) => JSX.Element;
+declare const Button: ({ dataTestId, text, variant, size, style, fontWeight, startIcon, endIcon, disabled, isLoading, showTooltip, tooltipProps, icon, ariaLabel, showAriaLabelInTippy, fullWidth, isOpacityHoverChild, triggerAutoClickTimestamp, ref, ...props }: ButtonProps<ButtonComponentType>) => import("react/jsx-runtime").JSX.Element;
 export default Button;

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

@@ -1,6 +1,7 @@
 import { ProgressingProps } from '../../../Common/Types';
 import { ButtonProps } from './types';
 export declare const BUTTON_SIZE_TO_CLASS_NAME_MAP: Record<ButtonProps['size'], string>;
+export declare const BUTTON_FONT_WEIGHT_TO_CLASS_NAME_MAP: Record<ButtonProps['fontWeight'], string>;
 export declare const ICON_BUTTON_SIZE_TO_CLASS_NAME_MAP: Record<ButtonProps['size'], string>;
 export declare const BUTTON_SIZE_TO_ICON_SIZE_MAP: Record<ButtonProps['size'], ProgressingProps['size']>;
 export declare const ICON_BUTTON_SIZE_TO_ICON_SIZE_MAP: Record<ButtonProps['size'], ProgressingProps['size']>;

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

@@ -1,2 +1,3 @@
 export { default as Button } from './Button.component';
 export * from './types';
+export { default as useTriggerAutoClickTimestamp } from './useTriggerAutoClickTimestamp';

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

@@ -1,7 +1,7 @@
-import { TooltipProps } from '@Common/Tooltip/types';
-import { ComponentSizeType } from '../../constants';
-import { ButtonHTMLAttributes, ReactElement } from 'react';
+import { AnchorHTMLAttributes, ButtonHTMLAttributes, ReactElement, Ref } from 'react';
 import { LinkProps } from 'react-router-dom';
+import { TooltipProps } from '../../../Common/Tooltip';
+import { ComponentSizeType } from '../../constants';
 export declare enum ButtonVariantType {
     primary = "primary",
     secondary = "secondary",
@@ -14,34 +14,57 @@ export declare enum ButtonStyleType {
     negativeGrey = "negative-grey",
     positive = "positive",
     warning = "warning",
-    neutral = "neutral"
+    neutral = "neutral",
+    neutralN0 = "neutral-n0",
+    neutralWhite = "neutral-white"
 }
 export declare enum ButtonComponentType {
     button = "button",
-    link = "link"
+    link = "link",
+    anchor = "anchor"
 }
-export type ButtonProps = ({
+export type ButtonProps<ComponentType extends ButtonComponentType = ButtonComponentType.button> = (ComponentType extends ButtonComponentType.link ? {
+    ref?: Ref<HTMLAnchorElement>;
+    component: ButtonComponentType.link;
+    /**
+     * Props for the link component
+     */
+    linkProps: Omit<LinkProps, 'children' | 'styles' | 'className' | 'onClick'>;
+    buttonProps?: never;
+    anchorProps?: never;
+    onClick?: LinkProps['onClick'];
+} : ComponentType extends ButtonComponentType.anchor ? {
+    ref?: Ref<HTMLAnchorElement>;
+    component: ButtonComponentType.anchor;
+    linkProps?: never;
+    buttonProps?: never;
+    /**
+     * Props for the anchor component
+     *
+     * Note: The target is '_blank' & rel is 'noopener noreferrer' by default.
+     */
+    anchorProps: Omit<AnchorHTMLAttributes<HTMLAnchorElement>, 'children' | 'styles' | 'className' | 'onClick'>;
+    onClick?: AnchorHTMLAttributes<HTMLAnchorElement>['onClick'];
+} : {
+    ref?: Ref<HTMLButtonElement>;
     /**
      * Component to be rendered from the available options
      *
      * @default ButtonComponentType.button
      */
-    component?: ButtonComponentType.button | never;
+    component?: ComponentType | never;
     /**
      * Props for the button component
      */
     buttonProps?: Omit<ButtonHTMLAttributes<HTMLButtonElement>, 'children' | 'styles' | 'className' | 'disabled' | 'onClick'>;
     linkProps?: never;
+    anchorProps?: never;
     onClick?: ButtonHTMLAttributes<HTMLButtonElement>['onClick'];
-} | {
-    component: ButtonComponentType.link;
+}) & {
     /**
-     * Props for the link component
+     * id of button
      */
-    linkProps: Omit<LinkProps, 'children' | 'styles' | 'className' | 'onClick'>;
-    buttonProps?: never;
-    onClick?: LinkProps['onClick'];
-}) & {
+    id?: string;
     /**
      * Variant of the button
      *
@@ -74,15 +97,39 @@ export type ButtonProps = ({
      * @default false
      */
     disabled?: boolean;
+    /**
+     * Determines if the button should expand to fill the full width of its container.
+     *
+     * @default false
+     */
+    fullWidth?: boolean;
+    /**
+     * If true, the opacity is turned as 1 on hover of class with dc__opacity-hover--parent
+     *
+     * @default false
+     */
+    isOpacityHoverChild?: boolean;
+    /**
+     * If provided, the button is clicked automatically after the pre-defined time
+     *
+     * Use from useTriggerAutoClickTimestamp hook
+     */
+    triggerAutoClickTimestamp?: number | null;
 } & ({
     /**
      * If true, the tooltip is shown for the button
      */
-    showTooltip: boolean;
+    showTooltip?: boolean;
     /**
      * Props for tooltip
      */
-    tooltipProps: Omit<TooltipProps, 'alwaysShowTippyOnHover' | 'showOnTruncate' | 'shortcutKeyCombo'> | (Omit<TooltipProps, 'alwaysShowTippyOnHover' | 'showOnTruncate' | 'content'> & Required<Pick<TooltipProps, 'shortcutKeyCombo'>>);
+    tooltipProps: Omit<Extract<TooltipProps, {
+        alwaysShowTippyOnHover: boolean;
+    }>, 'alwaysShowTippyOnHover'> | Omit<Extract<TooltipProps, {
+        alwaysShowTippyOnHover?: boolean;
+    }>, 'alwaysShowTippyOnHover'> | Omit<Extract<TooltipProps, {
+        alwaysShowTippyOnHover?: never;
+    }>, 'alwaysShowTippyOnHover'>;
 } | {
     showTooltip?: never;
     tooltipProps?: never;
@@ -102,6 +149,12 @@ export type ButtonProps = ({
      * If provided, icon to be displayed at the end of the button
      */
     endIcon?: ReactElement;
+    /**
+     * Controls the font weight of the button text
+     *
+     * @default 'bold'
+     */
+    fontWeight?: 'bold' | 'normal';
 } | {
     /**
      * If provided, icon button is rendered
@@ -121,4 +174,5 @@ export type ButtonProps = ({
     text?: never;
     startIcon?: never;
     endIcon?: never;
+    fontWeight?: never;
 });

package/dist/Shared/Components/Button/useTriggerAutoClickTimestamp.d.ts

@@ -0,0 +1,6 @@
+declare const useTriggerAutoClickTimestamp: () => {
+    triggerAutoClickTimestamp: number;
+    setTriggerAutoClickTimestampToNow: () => void;
+    resetTriggerAutoClickTimestamp: () => void;
+};
+export default useTriggerAutoClickTimestamp;

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

@@ -1,4 +1,6 @@
 import { ButtonProps } from './types';
 export declare const getButtonIconClassName: ({ size, icon }: Pick<ButtonProps, "size" | "icon">) => string;
 export declare const getButtonLoaderSize: ({ size, icon }: Pick<ButtonProps, "size" | "icon">) => number;
-export declare const getButtonDerivedClass: ({ size, variant, style, isLoading, icon, }: Pick<ButtonProps, "variant" | "size" | "style" | "isLoading" | "icon">) => string;
+export declare const getButtonDerivedClass: ({ size, variant, style, isLoading, icon, isAutoTriggerActive, fontWeight, }: Required<Pick<ButtonProps, "variant" | "size" | "style" | "isLoading" | "icon" | "fontWeight"> & {
+    isAutoTriggerActive: boolean;
+}>) => string;

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

@@ -14,5 +14,5 @@ export interface ButtonWithLoaderProps {
 export declare class ButtonWithLoader extends Component<ButtonWithLoaderProps> {
     constructor(props: any);
     clickHandler(event: any): void;
-    render(): JSX.Element;
+    render(): import("react/jsx-runtime").JSX.Element;
 }

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

@@ -13,5 +13,5 @@ import { ButtonWithSelectorProps } from './types';
  * </ButtonWithSelector>
  * ```
  */
-declare const ButtonWithSelector: ({ content, onClick, children, className, popUpBodyClassName, showPopUp, disabled, isLoading, }: ButtonWithSelectorProps) => JSX.Element;
+declare const ButtonWithSelector: ({ content, onClick, children, className, popUpBodyClassName, showPopUp, disabled, isLoading, }: ButtonWithSelectorProps) => import("react/jsx-runtime").JSX.Element;
 export default ButtonWithSelector;

package/dist/Shared/Components/CICDHistory/Artifacts.d.ts

@@ -1,4 +1,4 @@
 import { ArtifactType, CIListItemType } from './types';
-export declare const CIListItem: ({ type, userApprovalMetadata, triggeredBy, children, ciPipelineId, artifactId, imageComment, imageReleaseTags, appReleaseTagNames, tagsEditable, hideImageTaggingHardDelete, appliedFilters, isSuperAdmin, promotionApprovalMetadata, appliedFiltersTimestamp, selectedEnvironmentName, renderCIListHeader, }: CIListItemType) => JSX.Element;
-declare const Artifacts: ({ status, artifact, blobStorageEnabled, isArtifactUploaded, downloadArtifactUrl, ciPipelineId, artifactId, isJobCI, imageComment, imageReleaseTags, appReleaseTagNames, tagsEditable, hideImageTaggingHardDelete, rootClassName, renderCIListHeader, }: ArtifactType) => JSX.Element;
+export declare const CIListItem: ({ type, userApprovalMetadata, triggeredBy, children, ciPipelineId, artifactId, imageComment, imageReleaseTags, appReleaseTagNames, tagsEditable, hideImageTaggingHardDelete, appliedFilters, isSuperAdmin, promotionApprovalMetadata, appliedFiltersTimestamp, selectedEnvironmentName, renderCIListHeader, targetPlatforms, isDeploymentWithoutApproval, artifact, }: CIListItemType) => import("react/jsx-runtime").JSX.Element;
+declare const Artifacts: ({ status, artifact, blobStorageEnabled, isArtifactUploaded, downloadArtifactUrl, ciPipelineId, artifactId, isJobCI, imageComment, imageReleaseTags, appReleaseTagNames, tagsEditable, hideImageTaggingHardDelete, rootClassName, renderCIListHeader, targetPlatforms, }: ArtifactType) => import("react/jsx-runtime").JSX.Element;
 export default Artifacts;

package/dist/Shared/Components/CICDHistory/BuildAndTaskSummaryTooltipCard.d.ts

@@ -0,0 +1,4 @@
+import { JSX } from 'react';
+import { BuildAndTaskSummaryTooltipCardProps } from './types';
+declare const BuildAndTaskSummaryTooltipCard: import('react').MemoExoticComponent<({ workflowExecutionStages, triggeredByEmail, namespace, podName, stage, gitTriggers, ciMaterials, }: BuildAndTaskSummaryTooltipCardProps) => JSX.Element>;
+export default BuildAndTaskSummaryTooltipCard;

package/dist/Shared/Components/CICDHistory/CDEmptyState.d.ts

@@ -9,5 +9,5 @@ declare const CDEmptyState: ({ imgSource, title, subtitle, ActionButtonIcon, act
     actionButtonText?: string;
     actionHandler?: () => void;
     dataTestId?: string;
-}) => JSX.Element;
+}) => import("react/jsx-runtime").JSX.Element;
 export default CDEmptyState;

package/dist/Shared/Components/CICDHistory/CiPipelineSourceConfig.d.ts

@@ -1,11 +1,2 @@
-export interface CIPipelineSourceConfigInterface {
-    sourceType: any;
-    sourceValue: any;
-    showTooltip?: boolean;
-    showIcons?: boolean;
-    baseText?: string;
-    regex?: any;
-    isRegex?: boolean;
-    primaryBranchAfterRegex?: string;
-}
-export declare const CiPipelineSourceConfig: ({ sourceType, sourceValue, showTooltip, showIcons, baseText, regex, isRegex, primaryBranchAfterRegex, }: CIPipelineSourceConfigInterface) => JSX.Element;
+import { CIPipelineSourceConfigInterface } from './types';
+export declare const CiPipelineSourceConfig: ({ sourceType, sourceValue, showTooltip, showIcons, baseText, regex, isRegex, primaryBranchAfterRegex, rootClassName, }: CIPipelineSourceConfigInterface) => import("react/jsx-runtime").JSX.Element;

package/dist/Shared/Components/CICDHistory/ConflictedResourcesTable.d.ts

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

package/dist/Shared/Components/CICDHistory/DeploymentDetailSteps.d.ts

@@ -1,3 +1,3 @@
 import { DeploymentDetailStepsType } from './types';
-declare const DeploymentDetailSteps: ({ deploymentStatus, deploymentAppType, isHelmApps, installedAppVersionHistoryId, isGitops, userApprovalMetadata, isVirtualEnvironment, processVirtualEnvironmentDeploymentData, renderDeploymentApprovalInfo, }: DeploymentDetailStepsType) => JSX.Element;
+declare const DeploymentDetailSteps: ({ deploymentStatus, deploymentAppType, isHelmApps, installedAppVersionHistoryId, isGitops, userApprovalMetadata, isVirtualEnvironment, processVirtualEnvironmentDeploymentData, renderDeploymentApprovalInfo, isDeploymentWithoutApproval, }: DeploymentDetailStepsType) => import("react/jsx-runtime").JSX.Element;
 export default DeploymentDetailSteps;

package/dist/Shared/Components/CICDHistory/DeploymentHistoryConfigDiff/DeploymentHistoryConfigDiff.d.ts

@@ -0,0 +1,2 @@
+import { DeploymentHistoryConfigDiffProps } from './types';
+export declare const DeploymentHistoryConfigDiff: ({ appName, envName, pipelineId, wfrId, triggerHistory, setFullScreenView, resourceId, renderRunSource, pathPattern, }: DeploymentHistoryConfigDiffProps) => import("react/jsx-runtime").JSX.Element;

package/dist/Shared/Components/CICDHistory/DeploymentHistoryConfigDiff/DeploymentHistoryConfigDiffCompare.d.ts

@@ -0,0 +1,2 @@
+import { DeploymentHistoryDiffDetailedProps } from './types';
+export declare const DeploymentHistoryConfigDiffCompare: ({ envName, setFullScreenView, pipelineDeployments: initialPipelineDeployments, wfrId, urlFilters, convertVariables, setConvertVariables, triggerHistory: initialTriggerHistory, renderRunSource, resourceId, isCompareDeploymentConfigNotAvailable, pathPattern, ...props }: DeploymentHistoryDiffDetailedProps) => import("react/jsx-runtime").JSX.Element;

package/dist/Shared/Components/CICDHistory/DeploymentHistoryConfigDiff/DeploymentHistoryDiffView.d.ts

@@ -0,0 +1,3 @@
+import { DeploymentTemplateHistoryType } from '../types';
+declare const DeploymentHistoryDiffView: ({ currentConfiguration, baseTemplateConfiguration, previousConfigAvailable, rootClassName, }: DeploymentTemplateHistoryType) => import("react/jsx-runtime").JSX.Element;
+export default DeploymentHistoryDiffView;

package/dist/Shared/Components/CICDHistory/DeploymentHistoryConfigDiff/helpers.d.ts

@@ -0,0 +1,5 @@
+import { DeploymentConfigDiffProps } from '../../DeploymentConfigDiff';
+import { History } from '../types';
+import { DeploymentHistoryConfigDiffProps } from './types';
+export declare const renderDeploymentHistoryConfig: (config: DeploymentConfigDiffProps["configList"], heading: string, pathname: string, hideDiffState: boolean) => import("react/jsx-runtime").JSX.Element;
+export declare const renderPipelineDeploymentOptionDescription: ({ stage, triggeredBy, triggeredByEmail, artifact, renderRunSource, resourceId, runSource, }: Pick<History, "triggeredBy" | "triggeredByEmail" | "artifact" | "stage" | "runSource"> & Pick<DeploymentHistoryConfigDiffProps, "renderRunSource" | "resourceId">) => import("react/jsx-runtime").JSX.Element;

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

@@ -0,0 +1,2 @@
+export * from './DeploymentHistoryConfigDiff';
+export { default as DeploymentHistoryDiffView } from './DeploymentHistoryDiffView';

package/dist/Shared/Components/CICDHistory/DeploymentHistoryConfigDiff/types.d.ts

@@ -0,0 +1,38 @@
+import { Dispatch, SetStateAction } from 'react';
+import { UseUrlFiltersReturnType } from '../../../../Common/Hooks';
+import { DeploymentConfigDiffProps } from '../../DeploymentConfigDiff';
+import { EnvResourceType } from '../../../Services';
+import { History, HistoryLogsProps } from '../types';
+export interface DeploymentHistoryConfigDiffQueryParams {
+    compareWfrId: number;
+}
+export interface DeploymentHistoryConfigDiffProps extends Required<Pick<HistoryLogsProps, 'renderRunSource' | 'resourceId' | 'pathPattern'>> {
+    appName: string;
+    envName: string;
+    pipelineId: number;
+    wfrId: number;
+    triggerHistory: Map<number, History>;
+    setFullScreenView: (fullscreen: boolean) => void;
+}
+export type DeploymentHistoryDiffDetailedProps = Pick<DeploymentConfigDiffProps, 'collapsibleNavList' | 'configList' | 'errorConfig' | 'isLoading' | 'navList' | 'hideDiffState'> & Required<Pick<DeploymentHistoryConfigDiffProps, 'setFullScreenView' | 'wfrId' | 'envName' | 'renderRunSource' | 'resourceId' | 'triggerHistory' | 'pathPattern'>> & {
+    pipelineDeployments: History[];
+    convertVariables: boolean;
+    setConvertVariables: Dispatch<SetStateAction<boolean>>;
+    isCompareDeploymentConfigNotAvailable?: boolean;
+    urlFilters: UseUrlFiltersReturnType<string, DeploymentHistoryConfigDiffQueryParams>;
+};
+export type DeploymentHistoryConfigDiffRouteParams = {
+    appId: string;
+    envId: string;
+    resourceType: EnvResourceType;
+    resourceName: string;
+};
+export type DeploymentHistoryParamsType = {
+    appId: string;
+    pipelineId?: string;
+    historyComponent?: string;
+    baseConfigurationId?: string;
+    historyComponentName?: string;
+    envId?: string;
+    triggerId?: string;
+};

package/dist/Shared/Components/CICDHistory/DeploymentHistoryConfigDiff/utils.d.ts

@@ -0,0 +1,23 @@
+import { SelectPickerOptionType } from '../../SelectPicker';
+import { DeploymentHistorySingleValue, History } from '../types';
+import { DeploymentHistoryConfigDiffProps } from './types';
+export declare const getPipelineDeployments: (triggerHistory: DeploymentHistoryConfigDiffProps["triggerHistory"]) => History[];
+export declare const getPipelineDeploymentsWfrIds: ({ pipelineDeployments, wfrId, }: {
+    pipelineDeployments: History[];
+} & Pick<DeploymentHistoryConfigDiffProps, "wfrId">) => {
+    currentWfrId: number;
+    previousWfrId: number;
+};
+export declare const getPipelineDeploymentsOptions: ({ pipelineDeployments, wfrId, renderRunSource, resourceId, triggerHistory, }: Required<Pick<DeploymentHistoryConfigDiffProps, "renderRunSource" | "resourceId" | "triggerHistory">> & {
+    pipelineDeployments: History[];
+    wfrId: number;
+}) => {
+    currentDeployment: string;
+    pipelineDeploymentsOptions: SelectPickerOptionType<number, import('react').ReactNode>[];
+};
+export declare const parseDeploymentHistoryDiffSearchParams: (compareWfrId: number) => (searchParams: URLSearchParams) => {
+    compareWfrId: number;
+};
+export declare const isDeploymentHistoryConfigDiffNotFoundError: <T extends unknown>(res: PromiseSettledResult<T>) => boolean;
+export declare const getDeploymentHistoryConfigDiffError: <T extends unknown>(res: PromiseSettledResult<T>) => any;
+export declare const renderDetailedValue: (parentClassName: string, singleValue: DeploymentHistorySingleValue, dataTestId: string) => import("react/jsx-runtime").JSX.Element;

package/dist/Shared/Components/CICDHistory/DeploymentStatusBreakdown.d.ts

@@ -1,3 +1,3 @@
 import { DeploymentStatusDetailBreakdownType } from './types';
-declare const DeploymentStatusDetailBreakdown: ({ deploymentStatusDetailsBreakdownData, isVirtualEnvironment, }: DeploymentStatusDetailBreakdownType) => JSX.Element;
+declare const DeploymentStatusDetailBreakdown: ({ deploymentStatusDetailsBreakdownData, isVirtualEnvironment, appDetails, rootClassName, deploymentAppType, }: DeploymentStatusDetailBreakdownType) => import("react/jsx-runtime").JSX.Element;
 export default DeploymentStatusDetailBreakdown;

package/dist/Shared/Components/CICDHistory/DeploymentStatusDetailRow.d.ts

@@ -1,2 +1,2 @@
 import { DeploymentStatusDetailRowType } from './types';
-export declare const DeploymentStatusDetailRow: ({ type, hideVerticalConnector, deploymentDetailedData, }: DeploymentStatusDetailRowType) => JSX.Element;
+export declare const DeploymentStatusDetailRow: ({ type, hideVerticalConnector, deploymentDetailedData, appDetails, }: DeploymentStatusDetailRowType) => import("react/jsx-runtime").JSX.Element;