@devtron-labs/devtron-fe-common-lib 1.23.3-beta-3 → 1.23.3-beta-4

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

@@ -82,7 +82,7 @@ export declare const TERMINAL_STATUS_COLOR_CLASS_MAP: {
     readonly [x: string]: "cr-5" | "cg-5" | "co-5";
 };
 export declare const PROGRESSING_STATUS: {
-    readonly [x: string]: "progressing" | "running" | "starting" | "initiating" | "queued";
+    readonly [x: string]: "progressing" | "starting" | "initiating" | "queued" | "running";
 };
 export declare const FAILED_WORKFLOW_STAGE_STATUS_MAP: Record<Extract<WorkflowStageStatusType, WorkflowStageStatusType.ABORTED | WorkflowStageStatusType.FAILED | WorkflowStageStatusType.TIMEOUT>, true>;
 export declare const APP_HEALTH_DROP_DOWN_LIST: string[];

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

@@ -1,4 +1,4 @@
-import { CSSProperties, JSX, MutableRefObject, ReactElement, ReactNode } from 'react';
+import { CSSProperties, MutableRefObject, ReactElement, ReactNode } from 'react';
 import { SupportedKeyboardKeysType } from '../../../Common/Hooks/UseRegisterShortcut/types';
 import { GVKType } from '../../../Pages/ResourceBrowser';
 import { DeploymentAppTypes, FilterConditionsListType, ImageComment, OptionType, PaginationProps, PromotionApprovalMetadataType, ReleaseTag, ResponseType, TooltipProps, UserApprovalMetadataType, useScrollable } from '../../../Common';
@@ -183,9 +183,8 @@ export interface SidebarType extends RenderRunSourceType {
     handleViewAllHistory?: () => void;
     children?: React.ReactNode;
     resourceId?: number;
-    path: string;
 }
-export interface HistorySummaryCardType extends RenderRunSourceType, Pick<History, 'workflowExecutionStages' | 'podName' | 'namespace'>, Pick<SidebarType, 'path'> {
+export interface HistorySummaryCardType extends RenderRunSourceType, Pick<History, 'workflowExecutionStages' | 'podName' | 'namespace'> {
     id: number;
     status: string;
     startedOn: string;
@@ -279,10 +278,10 @@ export interface ResourceConflictDeployDialogProps extends ResourceConflictDialo
 }
 export interface ResourceConflictDetailsModalProps extends ResourceConflictDialogBaseProps {
 }
-export type TriggerOutputURLParamsType = Pick<BaseURLParams, 'appId' | 'envId'> & {
+export interface TriggerOutputURLParamsType extends Pick<BaseURLParams, 'appId' | 'envId'> {
     triggerId: string;
     pipelineId: string;
-};
+}
 export type ProgressingStatusType = {
     stage: DeploymentStageType;
     type: HistoryComponentType;
@@ -408,9 +407,8 @@ export interface TriggerOutputProps extends RenderRunSourceType, Pick<TriggerDet
     setTriggerHistory: React.Dispatch<React.SetStateAction<Map<Number, History>>>;
     scrollToTop: ReturnType<typeof useScrollable>[1];
     scrollToBottom: ReturnType<typeof useScrollable>[2];
-    pathPattern: string;
 }
-export interface HistoryLogsProps extends Pick<TriggerOutputProps, 'scrollToTop' | 'scrollToBottom' | 'setFullScreenView' | 'deploymentAppType' | 'isBlobStorageConfigured' | 'appReleaseTags' | 'tagsEditable' | 'hideImageTaggingHardDelete' | 'selectedEnvironmentName' | 'processVirtualEnvironmentDeploymentData' | 'renderDeploymentApprovalInfo' | 'renderCIListHeader' | 'renderVirtualHistoryArtifacts' | 'fullScreenView' | 'appName' | 'triggerHistory' | 'pathPattern'>, Pick<TargetPlatformBadgeListProps, 'targetPlatforms'> {
+export interface HistoryLogsProps extends Pick<TriggerOutputProps, 'scrollToTop' | 'scrollToBottom' | 'setFullScreenView' | 'deploymentAppType' | 'isBlobStorageConfigured' | 'appReleaseTags' | 'tagsEditable' | 'hideImageTaggingHardDelete' | 'selectedEnvironmentName' | 'processVirtualEnvironmentDeploymentData' | 'renderDeploymentApprovalInfo' | 'renderCIListHeader' | 'renderVirtualHistoryArtifacts' | 'fullScreenView' | 'appName' | 'triggerHistory'>, Pick<TargetPlatformBadgeListProps, 'targetPlatforms'> {
     triggerDetails: History;
     loading: boolean;
     userApprovalMetadata: UserApprovalMetadataType;
@@ -644,11 +642,11 @@ export interface ModuleConfigResponse extends ResponseType {
         enabled: boolean;
     };
 }
-export type DeploymentHistoryBaseParamsType = {
+export interface DeploymentHistoryBaseParamsType {
     appId: string;
     envId: string;
     pipelineId: string;
-};
+}
 export interface TriggerHistoryParamsType {
     appId: number;
     envId: number;

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

@@ -1,11 +1,11 @@
-import { JSX, ReactElement } from 'react';
+import { ReactElement } from 'react';
 import { DeploymentAppTypes } from '../../../Common/Types';
 import { DeploymentStatusBreakdownItemType, Node } from '../../types';
 import { TabGroupProps } from '../TabGroup';
 import { DeploymentHistoryResultObject, ExecutionInfoType, History, NodeFilters, NodeStatus, StageStatusType, TriggerHistoryFilterCriteriaProps, TriggerHistoryFilterCriteriaType, WorkflowExecutionStagesMapDTO, WorkflowStageStatusType } from './types';
 export declare const getTriggerHistoryFilterCriteria: ({ appId, envId, releaseId, showCurrentReleaseDeployments, }: TriggerHistoryFilterCriteriaProps) => TriggerHistoryFilterCriteriaType;
 export declare const getParsedTriggerHistory: (result: any) => DeploymentHistoryResultObject;
-export declare const buildHoverHtmlForWebhook: (eventName: any, condition: any, selectors: any) => import("react/jsx-runtime").JSX.Element;
+export declare const buildHoverHtmlForWebhook: (eventName: any, condition: any, selectors: any) => JSX.Element;
 export declare const getStageStatusIcon: (status: StageStatusType) => JSX.Element;
 export declare const getLogSearchIndex: ({ stageIndex, lineNumberInsideStage, }: Record<"stageIndex" | "lineNumberInsideStage", number>) => string;
 export declare const sanitizeWorkflowExecutionStages: (workflowExecutionStages: WorkflowExecutionStagesMapDTO["workflowExecutionStages"]) => ExecutionInfoType | null;
@@ -35,7 +35,7 @@ export declare const getStatusFilters: ({ allNodeCount, missingNodeCount, failed
         count: number;
     })[];
 };
-export declare const getAppStatusIcon: (status: NodeStatus | NodeFilters, hideMessage?: boolean) => import("react/jsx-runtime").JSX.Element;
+export declare const getAppStatusIcon: (status: NodeStatus | NodeFilters, hideMessage?: boolean) => JSX.Element;
 export declare const getTriggerStatusIcon: (status: string) => string;
 export declare const renderDeploymentTimelineIcon: (iconState: DeploymentStatusBreakdownItemType["icon"]) => JSX.Element;
 export declare const getDeploymentTimelineBGColorFromIcon: (icon: DeploymentStatusBreakdownItemType["icon"]) => string;

package/dist/Shared/Components/CMCS/ConfigMapSecretReadyOnly.d.ts

@@ -1,3 +1,3 @@
 import { ConfigMapSecretReadyOnlyProps } from './types';
-declare const ConfigMapSecretReadyOnly: ({ componentType, isJob, configMapSecretData, cmSecretStateLabel, areScopeVariablesResolving, fallbackMergeStrategy, hideCodeEditor, containerClassName, displayKeys, isBorderLess, }: ConfigMapSecretReadyOnlyProps) => import("react/jsx-runtime").JSX.Element;
+declare const ConfigMapSecretReadyOnly: ({ componentType, isJob, configMapSecretData, cmSecretStateLabel, areScopeVariablesResolving, fallbackMergeStrategy, hideCodeEditor, containerClassName, displayKeys, isBorderLess, }: ConfigMapSecretReadyOnlyProps) => JSX.Element;
 export default ConfigMapSecretReadyOnly;

package/dist/Shared/Components/CMCS/helpers.d.ts

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

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

@@ -1,3 +1,3 @@
 import { CardProps } from './types';
-declare const Card: ({ onClick, children, isLoading, shimmerVariant, variant, flexGap, flexDirection, padding, }: CardProps) => import("react/jsx-runtime").JSX.Element;
+declare const Card: ({ onClick, children, isLoading, shimmerVariant, variant, flexGap, flexDirection, padding, }: CardProps) => JSX.Element;
 export default Card;

package/dist/Shared/Components/Charts/Chart.component.d.ts

@@ -117,5 +117,5 @@ import { ChartProps } from './types';
  * - Colors should reference CHART_COLORS tokens for consistency
  * - Component destroys and recreates Chart.js instance on prop changes for optimal performance
  */
-declare const Chart: (props: ChartProps) => import("react/jsx-runtime").JSX.Element;
+declare const Chart: (props: ChartProps) => JSX.Element;
 export default Chart;

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

@@ -25,6 +25,6 @@ export declare const transformDataForChart: (props: TransformDataForChartProps)
     label: string;
     data: number[];
 })[];
-export declare function chartColorGenerator(): Generator<"DeepPlum300" | "DeepPlum100" | "DeepPlum500" | "DeepPlum50" | "DeepPlum600" | "DeepPlum400" | "DeepPlum200" | "DeepPlum700" | "DeepPlum800" | "DeepPlum900" | "DeepPlum950" | "Magenta300" | "Magenta100" | "Magenta500" | "Magenta50" | "Magenta600" | "Magenta400" | "Magenta200" | "Magenta700" | "Magenta800" | "Magenta900" | "Magenta950" | "Slate300" | "Slate100" | "Slate500" | "Slate50" | "Slate600" | "Slate400" | "Slate200" | "Slate700" | "Slate800" | "Slate900" | "Slate950" | "Lavender300" | "Lavender100" | "Lavender500" | "Lavender50" | "Lavender600" | "Lavender400" | "Lavender200" | "Lavender700" | "Lavender800" | "Lavender900" | "Lavender950" | "SkyBlue300" | "SkyBlue100" | "SkyBlue500" | "SkyBlue50" | "SkyBlue600" | "SkyBlue400" | "SkyBlue200" | "SkyBlue700" | "SkyBlue800" | "SkyBlue900" | "SkyBlue950" | "AquaTeal300" | "AquaTeal100" | "AquaTeal500" | "AquaTeal50" | "AquaTeal600" | "AquaTeal400" | "AquaTeal200" | "AquaTeal700" | "AquaTeal800" | "AquaTeal900" | "AquaTeal950" | "LimeGreen300" | "LimeGreen100" | "LimeGreen500" | "LimeGreen50" | "LimeGreen600" | "LimeGreen400" | "LimeGreen200" | "LimeGreen700" | "LimeGreen800" | "LimeGreen900" | "LimeGreen950" | "CoralRed300" | "CoralRed100" | "CoralRed500" | "CoralRed50" | "CoralRed600" | "CoralRed400" | "CoralRed200" | "CoralRed700" | "CoralRed800" | "CoralRed900" | "CoralRed950" | "GoldenYellow300" | "GoldenYellow100" | "GoldenYellow500" | "GoldenYellow50" | "GoldenYellow600" | "GoldenYellow400" | "GoldenYellow200" | "GoldenYellow700" | "GoldenYellow800" | "GoldenYellow900" | "GoldenYellow950" | "CharcoalGray300" | "CharcoalGray100" | "CharcoalGray500" | "CharcoalGray50" | "CharcoalGray600" | "CharcoalGray400" | "CharcoalGray200" | "CharcoalGray700" | "CharcoalGray800" | "CharcoalGray900" | "CharcoalGray950" | "Gray300" | "Gray100" | "Gray500" | "Gray50" | "Gray600" | "Gray400" | "Gray200" | "Gray700" | "Gray800" | "Gray900" | "Gray950" | "SunsetOrange300" | "SunsetOrange100" | "SunsetOrange500" | "SunsetOrange50" | "SunsetOrange600" | "SunsetOrange400" | "SunsetOrange200" | "SunsetOrange700" | "SunsetOrange800" | "SunsetOrange900" | "SunsetOrange950", void, unknown>;
+export declare function chartColorGenerator(): Generator<"DeepPlum500" | "DeepPlum300" | "DeepPlum100" | "DeepPlum50" | "DeepPlum600" | "DeepPlum400" | "DeepPlum200" | "DeepPlum700" | "DeepPlum800" | "DeepPlum900" | "DeepPlum950" | "Magenta500" | "Magenta300" | "Magenta100" | "Magenta50" | "Magenta600" | "Magenta400" | "Magenta200" | "Magenta700" | "Magenta800" | "Magenta900" | "Magenta950" | "Slate500" | "Slate300" | "Slate100" | "Slate50" | "Slate600" | "Slate400" | "Slate200" | "Slate700" | "Slate800" | "Slate900" | "Slate950" | "Lavender500" | "Lavender300" | "Lavender100" | "Lavender50" | "Lavender600" | "Lavender400" | "Lavender200" | "Lavender700" | "Lavender800" | "Lavender900" | "Lavender950" | "SkyBlue500" | "SkyBlue300" | "SkyBlue100" | "SkyBlue50" | "SkyBlue600" | "SkyBlue400" | "SkyBlue200" | "SkyBlue700" | "SkyBlue800" | "SkyBlue900" | "SkyBlue950" | "AquaTeal500" | "AquaTeal300" | "AquaTeal100" | "AquaTeal50" | "AquaTeal600" | "AquaTeal400" | "AquaTeal200" | "AquaTeal700" | "AquaTeal800" | "AquaTeal900" | "AquaTeal950" | "LimeGreen500" | "LimeGreen300" | "LimeGreen100" | "LimeGreen50" | "LimeGreen600" | "LimeGreen400" | "LimeGreen200" | "LimeGreen700" | "LimeGreen800" | "LimeGreen900" | "LimeGreen950" | "CoralRed500" | "CoralRed300" | "CoralRed100" | "CoralRed50" | "CoralRed600" | "CoralRed400" | "CoralRed200" | "CoralRed700" | "CoralRed800" | "CoralRed900" | "CoralRed950" | "GoldenYellow500" | "GoldenYellow300" | "GoldenYellow100" | "GoldenYellow50" | "GoldenYellow600" | "GoldenYellow400" | "GoldenYellow200" | "GoldenYellow700" | "GoldenYellow800" | "GoldenYellow900" | "GoldenYellow950" | "CharcoalGray500" | "CharcoalGray300" | "CharcoalGray100" | "CharcoalGray50" | "CharcoalGray600" | "CharcoalGray400" | "CharcoalGray200" | "CharcoalGray700" | "CharcoalGray800" | "CharcoalGray900" | "CharcoalGray950" | "Gray500" | "Gray300" | "Gray100" | "Gray50" | "Gray600" | "Gray400" | "Gray200" | "Gray700" | "Gray800" | "Gray900" | "Gray950" | "SunsetOrange500" | "SunsetOrange300" | "SunsetOrange100" | "SunsetOrange50" | "SunsetOrange600" | "SunsetOrange400" | "SunsetOrange200" | "SunsetOrange700" | "SunsetOrange800" | "SunsetOrange900" | "SunsetOrange950", void, unknown>;
 export declare const buildChartTooltipFromContext: ({ title, body, labelColors: labelColorsProp, }: Pick<Parameters<TooltipOptions["external"]>[0]["tooltip"], "title" | "body" | "labelColors">) => ReactNode;
 export declare const distanceBetweenPoints: (pt1: Point, pt2: Point) => number;

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

@@ -1,3 +1,3 @@
 import { ChipProps } from './types';
-declare const Chip: ({ label, startIconProps, startIcon, size: userSize, value, onRemove, style, type, onClick, capitalizeLabel, href, }: ChipProps) => import("react/jsx-runtime").JSX.Element;
+declare const Chip: ({ label, startIconProps, startIcon, size: userSize, value, onRemove, style, type, onClick, capitalizeLabel, href, }: ChipProps) => JSX.Element;
 export default Chip;

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

@@ -1,3 +1,3 @@
 import { ClusterStatusIconProps } from './types';
-declare const ClusterStatusIcon: ({ clusterStatus, isVirtualCluster }: ClusterStatusIconProps) => import("react/jsx-runtime").JSX.Element;
+declare const ClusterStatusIcon: ({ clusterStatus, isVirtualCluster }: ClusterStatusIconProps) => JSX.Element;
 export default ClusterStatusIcon;

package/dist/Shared/Components/CodeEditor/CodeEditor.components.d.ts

@@ -1,11 +1,11 @@
 import { ReactNode } from 'react';
 import { CodeEditorHeaderProps, CodeEditorStatusBarProps } from './types';
-export declare const Header: ({ children, className, hideDefaultSplitHeader }: CodeEditorHeaderProps) => import("react/jsx-runtime").JSX.Element;
-export declare const Warning: ({ className, text, children }: CodeEditorStatusBarProps) => import("react/jsx-runtime").JSX.Element;
-export declare const ErrorBar: ({ className, text, children }: CodeEditorStatusBarProps) => import("react/jsx-runtime").JSX.Element;
-export declare const Information: ({ className, children, text }: CodeEditorStatusBarProps) => import("react/jsx-runtime").JSX.Element;
-export declare const Clipboard: () => import("react/jsx-runtime").JSX.Element;
+export declare const Header: ({ children, className, hideDefaultSplitHeader }: CodeEditorHeaderProps) => JSX.Element;
+export declare const Warning: ({ className, text, children }: CodeEditorStatusBarProps) => JSX.Element;
+export declare const ErrorBar: ({ className, text, children }: CodeEditorStatusBarProps) => JSX.Element;
+export declare const Information: ({ className, children, text }: CodeEditorStatusBarProps) => JSX.Element;
+export declare const Clipboard: () => JSX.Element;
 export declare const Container: ({ children, flexExpand }: {
     children: ReactNode;
     flexExpand?: boolean;
-}) => import("react/jsx-runtime").JSX.Element;
+}) => JSX.Element;

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

@@ -1,14 +1,14 @@
 import { CodeEditorProps } from './types';
 declare const CodeEditor: {
-    <DiffView extends boolean = false>({ theme, value: propValue, originalValue, modifiedValue, isOriginalModifiable, mode, noParsing, children, tabSize, height, shebang, onChange, onOriginalValueChange, onModifiedValueChange, placeholder, diffView, loading, customLoader, validatorSchema, schemaURI, cleanData, onBlur, onFocus, autoFocus, onSearchPanelOpen, onSearchBarAction, collapseUnchangedDiffView, ...resProps }: CodeEditorProps<DiffView>): import("react/jsx-runtime").JSX.Element;
-    Clipboard: () => import("react/jsx-runtime").JSX.Element;
-    Header: ({ children, className, hideDefaultSplitHeader }: import('./types').CodeEditorHeaderProps) => import("react/jsx-runtime").JSX.Element;
-    Warning: ({ className, text, children }: import('./types').CodeEditorStatusBarProps) => import("react/jsx-runtime").JSX.Element;
-    ErrorBar: ({ className, text, children }: import('./types').CodeEditorStatusBarProps) => import("react/jsx-runtime").JSX.Element;
-    Information: ({ className, children, text }: import('./types').CodeEditorStatusBarProps) => import("react/jsx-runtime").JSX.Element;
+    <DiffView extends boolean = false>({ theme, value: propValue, originalValue, modifiedValue, isOriginalModifiable, mode, noParsing, children, tabSize, height, shebang, onChange, onOriginalValueChange, onModifiedValueChange, placeholder, diffView, loading, customLoader, validatorSchema, schemaURI, cleanData, onBlur, onFocus, autoFocus, onSearchPanelOpen, onSearchBarAction, collapseUnchangedDiffView, ...resProps }: CodeEditorProps<DiffView>): JSX.Element;
+    Clipboard: () => JSX.Element;
+    Header: ({ children, className, hideDefaultSplitHeader }: import('./types').CodeEditorHeaderProps) => JSX.Element;
+    Warning: ({ className, text, children }: import('./types').CodeEditorStatusBarProps) => JSX.Element;
+    ErrorBar: ({ className, text, children }: import('./types').CodeEditorStatusBarProps) => JSX.Element;
+    Information: ({ className, children, text }: import('./types').CodeEditorStatusBarProps) => JSX.Element;
     Container: ({ children, flexExpand }: {
         children: import('react').ReactNode;
         flexExpand?: boolean;
-    }) => import("react/jsx-runtime").JSX.Element;
+    }) => JSX.Element;
 };
 export default CodeEditor;

package/dist/Shared/Components/CodeEditor/CodeEditorRenderer.d.ts

@@ -1,2 +1,2 @@
 import { CodeEditorRendererProps } from './types';
-export declare const CodeEditorRenderer: ({ codemirrorMergeKey, theme, loading, customLoader, height, codeEditorTheme, readOnly, handleLhsOnChange, originalViewExtensions, handleOnChange, modifiedViewExtensions, codeMirrorParentDivRef, shebang, placeholder, onFocus, onBlur, extensions, autoFocus, diffMinimapExtensions, collapseUnchanged, disableMinimap, }: CodeEditorRendererProps) => import("react/jsx-runtime").JSX.Element;
+export declare const CodeEditorRenderer: ({ codemirrorMergeKey, theme, loading, customLoader, height, codeEditorTheme, readOnly, handleLhsOnChange, originalViewExtensions, handleOnChange, modifiedViewExtensions, codeMirrorParentDivRef, shebang, placeholder, onFocus, onBlur, extensions, autoFocus, diffMinimapExtensions, collapseUnchanged, disableMinimap, }: CodeEditorRendererProps) => JSX.Element;

package/dist/Shared/Components/CodeEditor/Extensions/DiffMinimap.d.ts

@@ -1,2 +1,2 @@
 import { DiffMinimapProps } from '../types';
-export declare const DiffMinimap: ({ view, theme, diffMinimapParentRef, scalingFactor }: DiffMinimapProps) => import("react/jsx-runtime").JSX.Element;
+export declare const DiffMinimap: ({ view, theme, diffMinimapParentRef, scalingFactor }: DiffMinimapProps) => JSX.Element;

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

@@ -1,4 +1,4 @@
-import { Dispatch, FunctionComponent, JSX, Key, MutableRefObject, ReactNode, SetStateAction, SVGProps } from 'react';
+import { Dispatch, FunctionComponent, Key, MutableRefObject, ReactNode, SetStateAction, SVGProps } from 'react';
 import { MergeView } from '@codemirror/merge';
 import { SearchQuery } from '@codemirror/search';
 import { EditorView, Extension, ReactCodeMirrorProps } from '@uiw/react-codemirror';

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

@@ -10,7 +10,7 @@ export declare const getUpdatedSearchMatchesCount: (newQuery: SearchQuery, view:
     current: number;
 };
 export declare const updateDiffMinimapValues: (view: MergeView, transactions: readonly Transaction[], side: "a" | "b") => void;
-export declare const getScanLimit: (lhsValue: string, value: string) => 500 | 5000 | 10000 | 15000 | 20000;
+export declare const getScanLimit: (lhsValue: string, value: string) => 10000 | 500 | 5000 | 15000 | 20000;
 export declare const getFoldGutterElement: (open: boolean) => HTMLSpanElement;
 export declare const getReadOnlyElement: () => HTMLDivElement;
 export declare const getRevertControlButton: () => HTMLButtonElement;

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

@@ -3,4 +3,4 @@ import { CollapseProps } from './types';
  * Collapse component for smoothly expanding or collapsing its content.
  * It also supports a callback when the transition ends.
  */
-export declare const Collapse: ({ expand, onTransitionEnd, children }: CollapseProps) => import("react/jsx-runtime").JSX.Element;
+export declare const Collapse: ({ expand, onTransitionEnd, children }: CollapseProps) => JSX.Element;

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

@@ -2,4 +2,4 @@ import { CollapsibleListProps, TabOptions } from './CollapsibleList.types';
 /**
  * @deprecated - Please use `TreeView` component instead.
  */
-export declare const CollapsibleList: <TabType extends TabOptions>({ config, tabType, onCollapseBtnClick, }: CollapsibleListProps<TabType>) => import("react/jsx-runtime").JSX.Element;
+export declare const CollapsibleList: <TabType extends TabOptions>({ config, tabType, onCollapseBtnClick, }: CollapsibleListProps<TabType>) => JSX.Element;

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

@@ -1,4 +1,5 @@
 import { default as React } from 'react';
+import { NavLinkProps } from 'react-router-dom';
 import { TippyProps } from '@tippyjs/react';
 interface ButtonTab {
     /**
@@ -11,7 +12,7 @@ interface ButtonTab {
     onClick?: (e: React.MouseEvent<HTMLButtonElement>) => void;
     href?: never;
 }
-interface NavLinkTab {
+interface NavLinkTab extends Pick<NavLinkProps, 'isActive'> {
     /**
      * The URL of the nav link.
      */

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

@@ -1,3 +1,3 @@
 import { CommitChipCellProps } from './types';
-declare const CommitChipCell: ({ handleClick, commits }: CommitChipCellProps) => import("react/jsx-runtime").JSX.Element;
+declare const CommitChipCell: ({ handleClick, commits }: CommitChipCellProps) => JSX.Element;
 export default CommitChipCell;

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

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

package/dist/Shared/Components/ConfirmationModal/CannotDeleteModal.d.ts

@@ -1,2 +1,2 @@
 import { CannotDeleteModalProps } from './types';
-export declare const CannotDeleteModal: ({ title, component, subtitle, closeConfirmationModal }: CannotDeleteModalProps) => import("react/jsx-runtime").JSX.Element;
+export declare const CannotDeleteModal: ({ title, component, subtitle, closeConfirmationModal }: CannotDeleteModalProps) => JSX.Element;

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

@@ -1,4 +1,4 @@
 import { ConfirmationModalProps } from './types';
-export declare const BaseConfirmationModal: () => import("react/jsx-runtime").JSX.Element;
+export declare const BaseConfirmationModal: () => JSX.Element;
 declare const ConfirmationModal: (props: ConfirmationModalProps) => any;
 export default ConfirmationModal;

package/dist/Shared/Components/ConfirmationModal/ConfirmationModalContext.d.ts

@@ -1,5 +1,5 @@
 import { PropsWithChildren } from 'react';
 import { ConfirmationModalContextType } from './types';
 export declare const ConfirmationModalContext: import('react').Context<ConfirmationModalContextType>;
-export declare const ConfirmationModalProvider: ({ children }: PropsWithChildren<{}>) => import("react/jsx-runtime").JSX.Element;
+export declare const ConfirmationModalProvider: ({ children }: PropsWithChildren<{}>) => JSX.Element;
 export declare const useConfirmationModalContext: () => ConfirmationModalContextType;

package/dist/Shared/Components/ConfirmationModal/ForceDeleteConfirmationModal.d.ts

@@ -1,2 +1,2 @@
 import { ForceDeleteConfirmationProps } from './types';
-export declare const ForceDeleteConfirmationModal: ({ title, subtitle, onDelete, closeConfirmationModal, isDeleting, }: ForceDeleteConfirmationProps) => import("react/jsx-runtime").JSX.Element;
+export declare const ForceDeleteConfirmationModal: ({ title, subtitle, onDelete, closeConfirmationModal, isDeleting, }: ForceDeleteConfirmationProps) => JSX.Element;

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

@@ -67,6 +67,7 @@ export type ConfirmationModalProps<isConfig extends boolean = false> = PropsWith
      * @default false
      */
     showConfetti?: boolean;
+    avoidFocusTrap?: boolean;
 }> & ButtonConfigAndVariantType<isConfig> & (isConfig extends false ? {
     /**
      * Function to handle modal close action.

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

@@ -1,2 +1,2 @@
 import { ContextSwitcherTypes } from './types';
-export declare const ContextSwitcher: ({ inputId, options, inputValue, onInputChange, isLoading, value, onChange, placeholder, filterOption, formatOptionLabel, optionListError, reloadOptionList, classNamePrefix, resource, }: ContextSwitcherTypes) => import("react/jsx-runtime").JSX.Element;
+export declare const ContextSwitcher: ({ inputId, options, inputValue, onInputChange, isLoading, value, onChange, placeholder, filterOption, formatOptionLabel, optionListError, reloadOptionList, classNamePrefix, resource, }: ContextSwitcherTypes) => JSX.Element;

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

@@ -1,3 +1,3 @@
 import { CountrySelectProps } from './types';
-declare const CountrySelect: ({ selectedCountry, label, required, error, handleChange, placeholder, name, variant, size, onMenuClose, onMenuOpen, }: CountrySelectProps) => import("react/jsx-runtime").JSX.Element;
+declare const CountrySelect: ({ selectedCountry, label, required, error, handleChange, placeholder, name, variant, size, onMenuClose, onMenuOpen, }: CountrySelectProps) => JSX.Element;
 export default CountrySelect;

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

@@ -1,3 +1,3 @@
 import { CustomInputProps } from './types';
-declare const CustomInput: ({ name, label, fullWidth, error, helperText, warningText, layout, required, onBlur, shouldTrim, size, ariaLabel, borderConfig, borderRadiusConfig, type, autoFocus, endIconButtonConfig, labelTippyCustomizedConfig, labelTooltipConfig, inputRef: inputRefProp, hideFormFieldInfo, ...props }: CustomInputProps) => import("react/jsx-runtime").JSX.Element;
+declare const CustomInput: ({ name, label, fullWidth, error, helperText, warningText, layout, required, onBlur, shouldTrim, size, ariaLabel, borderConfig, borderRadiusConfig, type, autoFocus, endIconButtonConfig, labelTippyCustomizedConfig, labelTooltipConfig, inputRef: inputRefProp, hideFormFieldInfo, ...props }: CustomInputProps) => JSX.Element;
 export default CustomInput;

package/dist/Shared/Components/CustomInput/PasswordField.d.ts

@@ -1,3 +1,3 @@
 import { PasswordFieldProps } from './types';
-declare const PasswordField: ({ onFocus, onBlur, shouldShowDefaultPlaceholderOnBlur, ...props }: PasswordFieldProps) => import("react/jsx-runtime").JSX.Element;
+declare const PasswordField: ({ onFocus, onBlur, shouldShowDefaultPlaceholderOnBlur, ...props }: PasswordFieldProps) => JSX.Element;
 export default PasswordField;

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

@@ -1,3 +1,3 @@
 import { DTFocusTrapType } from './types';
-declare const DTFocusTrap: ({ onEscape, deactivateFocusOnEscape, children, initialFocus, returnFocusOnDeactivate, }: DTFocusTrapType) => import("react/jsx-runtime").JSX.Element;
+declare const DTFocusTrap: ({ onEscape, deactivateFocusOnEscape, children, initialFocus, returnFocusOnDeactivate, avoidFocusTrap, }: DTFocusTrapType) => JSX.Element;
 export default DTFocusTrap;

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

@@ -30,5 +30,6 @@ export interface DTFocusTrapType extends Pick<FocusTrapProps['focusTrapOptions']
      * Setting this option to undefined (or to a function that returns undefined) will result in the first element in the focus trap's tab order receiving focus.
      */
     initialFocus?: FocusTargetOrFalse | undefined | (() => void);
+    avoidFocusTrap?: boolean;
 }
 export {};

package/dist/Shared/Components/DatePicker/DateTimePicker.d.ts

@@ -1,3 +1,3 @@
 import { DateTimePickerProps } from './types';
-declare const DateTimePicker: ({ date: dateObject, dateRange, onChange, timePickerProps, disabled, id, label, required, hideTimeSelect, readOnly, dataTestIdForTime, error, isRangePicker, isTodayBlocked, blockPreviousDates, isOutsideRange, rangeShortcutOptions, }: DateTimePickerProps) => import("react/jsx-runtime").JSX.Element;
+declare const DateTimePicker: ({ date: dateObject, onChange, timePickerProps, disabled, id, label, required, hideTimeSelect, readOnly, isTodayBlocked, dataTestIdForTime, dataTestidForDate, openDirection, error, }: DateTimePickerProps) => JSX.Element;
 export default DateTimePicker;

package/dist/Shared/Components/DatePicker/DayPickerRangeController.d.ts

@@ -0,0 +1,2 @@
+import { DatePickerRangeControllerProps } from './types';
+export declare const DatePickerRangeController: ({ handlePredefinedRange, handleApply, calendar, calendarInputs, handleDateInput, handleDatesChange, calendarValue, focusedInput, handleFocusChange, }: DatePickerRangeControllerProps) => JSX.Element;

package/dist/Shared/Components/DatePicker/MonthlySelect.d.ts

@@ -1,2 +1,2 @@
 import { MonthlySelectProps } from './types';
-export declare const MonthlySelect: ({ selectedMonthlyDate, onChange, dataTestId, }: MonthlySelectProps) => import("react/jsx-runtime").JSX.Element;
+export declare const MonthlySelect: ({ selectedMonthlyDate, onChange, dataTestId, }: MonthlySelectProps) => JSX.Element;

package/dist/Shared/Components/DatePicker/SingleDatePickerComponent.d.ts

@@ -0,0 +1,11 @@
+import { SingleDatePickerProps } from './types';
+/**
+ *
+ * @param date  Date value to be displayed
+ * @param handleDatesChange Function to handle date change
+ * @param readOnly Value to make date picker read only
+ * @param isTodayBlocked Value to block today's date
+ * @returns
+ */
+declare const SingleDatePickerComponent: ({ date, handleDatesChange, readOnly, isTodayBlocked, displayFormat, dataTestId, }: SingleDatePickerProps) => JSX.Element;
+export default SingleDatePickerComponent;

package/dist/Shared/Components/DatePicker/TimeSelect.d.ts

@@ -1,2 +1,2 @@
 import { TimeSelectProps } from './types';
-export declare const TimePickerSelect: ({ disabled, onChange, timePickerProps, error, selectedTimeOption, }: TimeSelectProps) => import("react/jsx-runtime").JSX.Element;
+export declare const TimePickerSelect: ({ disabled, onChange, timePickerProps, error, selectedTimeOption, }: TimeSelectProps) => JSX.Element;

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

@@ -1,4 +1,63 @@
-import { CustomComponents } from 'react-day-picker';
+import { default as moment } from 'moment';
+export declare const selectedStyles: {
+    background: string;
+    color: string;
+    hover: {
+        background: string;
+        color: string;
+    };
+};
+export declare const selectedSpanStyles: {
+    background: string;
+    color: string;
+    hover: {
+        background: string;
+        color: string;
+    };
+};
+export declare const hoveredSpanStyles: {
+    background: string;
+    color: string;
+};
+export declare const customDayStyles: {
+    selectedStartStyles: {
+        background: string;
+        color: string;
+        hover: {
+            background: string;
+            color: string;
+        };
+    };
+    selectedEndStyles: {
+        background: string;
+        color: string;
+        hover: {
+            background: string;
+            color: string;
+        };
+    };
+    hoveredSpanStyles: {
+        background: string;
+        color: string;
+    };
+    selectedSpanStyles: {
+        background: string;
+        color: string;
+        hover: {
+            background: string;
+            color: string;
+        };
+    };
+    selectedStyles: {
+        background: string;
+        color: string;
+        hover: {
+            background: string;
+            color: string;
+        };
+    };
+    border: string;
+};
 export declare const MONTHLY_DATES_CONFIG: {
     'Day 1': string;
     'Day 2': string;
@@ -94,4 +153,55 @@ export declare const DATE_PICKER_IDS: {
     MONTH: string;
     TIME: string;
 };
-export declare const DATE_PICKER_CUSTOM_COMPONENTS: Partial<CustomComponents>;
+export declare const styles: {
+    PresetDateRangePicker_panel: {
+        padding: string;
+        width: string;
+        height: string;
+    };
+    PresetDateRangePicker_button: {
+        width: string;
+        background: string;
+        border: string;
+        color: string;
+        padding: string;
+        font: string;
+        fontWeight: number;
+        lineHeight: string;
+        overflow: string;
+        cursor: string;
+        ':active': {
+            outline: number;
+        };
+    };
+    DayPicker__horizontal: {
+        borderRadius: string;
+    };
+    PresetDateRangePicker_button__selected: {
+        color: string;
+        fontWeight: number;
+        background: string;
+        outline: string;
+    };
+};
+export declare const DayPickerCalendarInfoHorizontal: {
+    width: string;
+    boxShadow: string;
+};
+export declare const DayPickerRangeControllerPresets: {
+    text: string;
+    endDate: moment.Moment;
+    startDate: moment.Moment;
+    endStr: string;
+}[];
+/**
+ * Returns a string representing the range of dates
+ * given by the start and end dates. If the end date
+ * is 'now' and the start date includes 'now',
+ * it will return the corresponding range from the
+ * DayPickerRangeControllerPresets array.
+ * @param startDateStr - the start date string
+ * @param endDateStr - the end date string
+ * @returns - a string representing the range of dates
+ */
+export declare function getCalendarValue(startDateStr: string, endDateStr: string): string;

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

@@ -1,6 +1,8 @@
 export * from './constants';
 export { default as DateTimePicker } from './DateTimePicker';
+export { DatePickerRangeController } from './DayPickerRangeController';
 export * from './MonthlySelect';
+export { default as SingleDatePickerComponent } from './SingleDatePickerComponent';
 export * from './TimeSelect';
 export * from './types';
 export * from './utils';

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

@@ -1,3 +1,4 @@
+import { SingleDatePickerShape } from 'react-dates';
 import { SelectInstance } from 'react-select';
 import { Moment } from 'moment';
 import { SelectPickerOptionType } from '../SelectPicker';
@@ -80,13 +81,11 @@ export interface TimeSelectProps {
      */
     selectedTimeOption: DateSelectPickerType;
 }
-interface DateRangeType {
-    from: Date;
-    to?: Date;
-}
-export type UpdateDateRangeType = (dateRange: DateRangeType) => void;
-export type UpdateSingleDateType = (date: Date) => void;
-export type DateTimePickerProps = Pick<TimeSelectProps, 'timePickerProps' | 'error' | 'disabled' | 'dataTestIdForTime'> & {
+export interface DateTimePickerProps extends Pick<TimeSelectProps, 'date' | 'timePickerProps' | 'error' | 'disabled' | 'dataTestIdForTime'>, Pick<SingleDatePickerShape, 'openDirection'> {
+    /**
+     * Props for the date picker
+     */
+    datePickerProps?: any;
     /**
      * Id for the component
      */
@@ -99,6 +98,10 @@ export type DateTimePickerProps = Pick<TimeSelectProps, 'timePickerProps' | 'err
      * If true, the field is required and asterisk is shown
      */
     required?: boolean;
+    /**
+     * To hide time selector
+     */
+    hideTimeSelect?: boolean;
     /**
      * To make the field read only
      */
@@ -107,32 +110,24 @@ export type DateTimePickerProps = Pick<TimeSelectProps, 'timePickerProps' | 'err
      * To block today's date
      */
     isTodayBlocked?: boolean;
-    blockPreviousDates?: boolean;
-    isOutsideRange?: (day: Date) => boolean;
-} & ({
-    isRangePicker: true;
-    hideTimeSelect: true;
-    dateRange: DateRangeType;
-    onChange: UpdateDateRangeType;
-    rangeShortcutOptions?: ({
-        label: string;
-        onClick: () => void;
-        value?: never;
-    } | {
-        label: string;
-        onClick?: never;
-        value: DateRangeType;
-    })[];
-    date?: never;
-} | {
-    isRangePicker?: false;
-    date: TimeSelectProps['date'];
-    onChange: UpdateSingleDateType;
     /**
-     * To hide time selector
+     * Data test id for date picker
      */
-    hideTimeSelect?: boolean;
-    dateRange?: never;
-    rangeShortcutOptions?: never;
-});
-export {};
+    dataTestidForDate?: string;
+    /**
+     * Function to handle date change
+     */
+    onChange: (date: Date) => void;
+}
+export interface DatePickerRangeControllerProps {
+    calendar: any;
+    calendarInputs: any;
+    focusedInput: any;
+    handleFocusChange: any;
+    handleDatesChange: any;
+    handleCalendarInputs?: any;
+    calendarValue: string;
+    handlePredefinedRange: (start: Moment, end: Moment, endStr: string) => void;
+    handleDateInput: (key: 'startDate' | 'endDate', value: string) => void;
+    handleApply: (...args: any[]) => void;
+}

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

@@ -10,7 +10,7 @@ export declare const MONTHLY_DATE_OPTIONS: {
  * Return the options for the time in label and value format
  * @type {SelectPickerOptionType[]}
  */
-export declare const DEFAULT_TIME_OPTIONS: SelectPickerOptionType<string>[];
+export declare const DEFAULT_TIME_OPTIONS: SelectPickerOptionType[];
 /**
  * Get the time value from the date object in the format: `hh:mm:ss`
  */

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

@@ -1,2 +1,2 @@
 import { DeploymentConfigDiffProps } from './DeploymentConfigDiff.types';
-export declare const DeploymentConfigDiff: ({ isLoading, configList, collapsibleNavList, navList, goBackURL, navHeading, navHelpText, isNavHelpTextShowingError, tabConfig, errorConfig, showDetailedDiffState, hideDiffState, renderedInDrawer, ...resProps }: DeploymentConfigDiffProps) => import("react/jsx-runtime").JSX.Element;
+export declare const DeploymentConfigDiff: ({ isLoading, configList, collapsibleNavList, navList, goBackURL, navHeading, navHelpText, isNavHelpTextShowingError, tabConfig, errorConfig, showDetailedDiffState, hideDiffState, renderedInDrawer, ...resProps }: DeploymentConfigDiffProps) => JSX.Element;