@devtron-labs/devtron-fe-common-lib 0.2.11 → 0.2.13-beta-1

package/dist/Common/Common.service.d.ts

@@ -1,3 +1,4 @@
+import { RuntimeParamsAPIResponseType, RuntimeParamsListItemType } from '../Shared/types';
 import { TeamList, ResponseType, DeploymentNodeType, CDMaterialServiceEnum, CDMaterialServiceQueryParams, CDMaterialResponseType, CDMaterialFilterQuery, EnvironmentListHelmResponse } from './Types';
 import { ApiResourceType } from '../Pages';
 
@@ -15,6 +16,7 @@ export declare const SourceTypeMap: {
 };
 export declare function getUserRole(appName?: string): Promise<UserRole>;
 export declare function setImageTags(request: any, pipelineId: number, artifactId: number): Promise<ResponseType<any>>;
+export declare const parseRuntimeParams: (response: RuntimeParamsAPIResponseType) => RuntimeParamsListItemType[];
 export declare const processCDMaterialServiceResponse: (cdMaterialsResult: any, stage: DeploymentNodeType, offset: number, filter: CDMaterialFilterQuery, disableDefaultSelection?: boolean) => CDMaterialResponseType;
 export declare const genericCDMaterialsService: (serviceType: CDMaterialServiceEnum, cdMaterialID: number, stage: DeploymentNodeType, signal: AbortSignal, queryParams?: CDMaterialServiceQueryParams) => Promise<CDMaterialResponseType>;
 export declare function extractImage(image: string): string;

package/dist/Common/Types.d.ts

@@ -2,7 +2,7 @@ import { default as React, ReactNode, CSSProperties } from 'react';
 import { Placement } from 'tippy.js';
 import { ImageComment, ReleaseTag } from './ImageTags.Types';
 import { ACTION_STATE, DEPLOYMENT_WINDOW_TYPE, DockerConfigOverrideType, SortingOrder, TaskErrorObj } from '.';
-import { RegistryType, Severity } from '../Shared';
+import { RegistryType, RuntimeParamsListItemType, Severity } from '../Shared';
 
 /**
  * Generic response type object with support for overriding the result type
@@ -546,6 +546,7 @@ export interface CDMaterialsMetaInfo {
      * This is the ID of user that has request the material
      */
     requestedUserId: number;
+    runtimeParams: RuntimeParamsListItemType[];
 }
 export interface ImagePromotionMaterialInfo {
     isApprovalPendingForPromotion: boolean;

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

@@ -1,5 +1,5 @@
 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, isJobView, isJobCI, imageComment, imageReleaseTags, type, appReleaseTagNames, tagsEditable, hideImageTaggingHardDelete, jobCIClass, renderCIListHeader, }: ArtifactType) => JSX.Element;
+declare const Artifacts: ({ status, artifact, blobStorageEnabled, isArtifactUploaded, downloadArtifactUrl, ciPipelineId, artifactId, isJobView, isJobCI, imageComment, imageReleaseTags, type, appReleaseTagNames, tagsEditable, hideImageTaggingHardDelete, rootClassName, renderCIListHeader, }: ArtifactType) => JSX.Element;
 export default Artifacts;

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

@@ -1,4 +1,4 @@
 import { LogStageAccordionProps } from './types';
 
-declare const LogStageAccordion: ({ stage, isOpen, logs, endTime, startTime, status, handleStageClose, handleStageOpen, stageIndex, isLoading, }: LogStageAccordionProps) => JSX.Element;
+declare const LogStageAccordion: ({ stage, isOpen, logs, endTime, startTime, status, handleStageClose, handleStageOpen, stageIndex, isLoading, fullScreenView, }: LogStageAccordionProps) => JSX.Element;
 export default LogStageAccordion;

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

@@ -1,4 +1,4 @@
 import { LogsRendererType } from './types';
 
-export declare const LogsRenderer: ({ triggerDetails, isBlobStorageConfigured, parentType, }: LogsRendererType) => JSX.Element;
+export declare const LogsRenderer: ({ triggerDetails, isBlobStorageConfigured, parentType, fullScreenView, }: LogsRendererType) => JSX.Element;
 export default LogsRenderer;

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

@@ -2,5 +2,5 @@ import { default as React } from 'react';
 import { TriggerDetailsType, TriggerOutputProps } from './types';
 
 export declare const TriggerDetails: React.MemoExoticComponent<({ status, startedOn, finishedOn, triggeredBy, triggeredByEmail, ciMaterials, gitTriggers, message, podStatus, type, stage, artifact, environmentName, isJobView, workerPodName, triggerMetadata, renderDeploymentHistoryTriggerMetaText, }: TriggerDetailsType) => JSX.Element>;
-declare const TriggerOutput: ({ fullScreenView, triggerHistory, setTriggerHistory, setFullScreenView, setDeploymentHistoryList, deploymentHistoryList, deploymentAppType, isBlobStorageConfigured, appReleaseTags, tagsEditable, hideImageTaggingHardDelete, fetchIdData, setFetchTriggerIdData, selectedEnvironmentName, deploymentHistoryResult, renderRunSource, renderCIListHeader, renderDeploymentApprovalInfo, processVirtualEnvironmentDeploymentData, renderVirtualHistoryArtifacts, renderDeploymentHistoryTriggerMetaText, resourceId, }: TriggerOutputProps) => JSX.Element;
+declare const TriggerOutput: ({ fullScreenView, triggerHistory, setTriggerHistory, setFullScreenView, setDeploymentHistoryList, deploymentHistoryList, deploymentAppType, isBlobStorageConfigured, appReleaseTags, tagsEditable, hideImageTaggingHardDelete, fetchIdData, setFetchTriggerIdData, selectedEnvironmentName, deploymentHistoryResult, renderRunSource, renderCIListHeader, renderDeploymentApprovalInfo, processVirtualEnvironmentDeploymentData, renderVirtualHistoryArtifacts, renderDeploymentHistoryTriggerMetaText, resourceId, scrollToTop, scrollToBottom, }: TriggerOutputProps) => JSX.Element;
 export default TriggerOutput;

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

@@ -1,5 +1,5 @@
 import { CSSProperties } from 'react';
-import { OptionType, UserApprovalMetadataType, ReleaseTag, ImageComment, PromotionApprovalMetadataType, FilterConditionsListType, DeploymentAppTypes, ResponseType, PaginationProps, SortingOrder } from '../../../Common';
+import { OptionType, UserApprovalMetadataType, ReleaseTag, ImageComment, PromotionApprovalMetadataType, FilterConditionsListType, DeploymentAppTypes, ResponseType, PaginationProps, useScrollable, SortingOrder } from '../../../Common';
 import { DeploymentStageType } from '../../constants';
 import { AggregationKeys, GitTriggers, Node, NodeType, ResourceKindType, ResourceVersionType } from '../../types';
 
@@ -143,12 +143,8 @@ export interface CurrentStatusType {
     status: string;
     finishedOn: string;
     artifact: string;
-    message: string;
-    podStatus: string;
     stage: DeploymentStageType;
     type: HistoryComponentType;
-    isJobView?: boolean;
-    workerPodName?: string;
 }
 export interface StartDetailsType {
     startedOn: string;
@@ -184,12 +180,8 @@ export interface TriggerDetailsType {
 }
 export interface ProgressingStatusType {
     status: string;
-    message: string;
-    podStatus: string;
     stage: DeploymentStageType;
     type: HistoryComponentType;
-    finishedOn?: string;
-    workerPodName?: string;
 }
 export interface WorkerStatusType {
     message: string;
@@ -206,12 +198,6 @@ export interface FinishedType {
 }
 export interface TriggerDetailsStatusIconType {
     status: string;
-    isDeploymentWindowInfo?: boolean;
-}
-export interface LogsRendererType {
-    triggerDetails: History;
-    isBlobStorageConfigured: boolean;
-    parentType: HistoryComponentType;
 }
 export interface SyncStageResourceDetail {
     id: number;
@@ -330,6 +316,21 @@ export interface TriggerOutputProps extends RenderRunSourceType {
     deploymentHistoryResult: Pick<DeploymentHistoryResult, 'result'>;
     setFetchTriggerIdData: React.Dispatch<React.SetStateAction<FetchIdDataStatus>>;
     setTriggerHistory: React.Dispatch<React.SetStateAction<Map<Number, History>>>;
+    scrollToTop: ReturnType<typeof useScrollable>[1];
+    scrollToBottom: ReturnType<typeof useScrollable>[2];
+}
+export interface HistoryLogsProps extends Pick<TriggerOutputProps, 'scrollToTop' | 'scrollToBottom' | 'setFullScreenView' | 'deploymentHistoryList' | 'setDeploymentHistoryList' | 'deploymentAppType' | 'isBlobStorageConfigured' | 'appReleaseTags' | 'tagsEditable' | 'hideImageTaggingHardDelete' | 'selectedEnvironmentName' | 'processVirtualEnvironmentDeploymentData' | 'renderDeploymentApprovalInfo' | 'renderCIListHeader' | 'renderVirtualHistoryArtifacts' | 'fullScreenView'> {
+    triggerDetails: History;
+    loading: boolean;
+    userApprovalMetadata: UserApprovalMetadataType;
+    triggeredByEmail: string;
+    artifactId: number;
+    ciPipelineId: number;
+    resourceId?: number;
+    renderRunSource: (runSource: RunSourceType, isDeployedInThisResource: boolean) => JSX.Element;
+}
+export interface LogsRendererType extends Pick<HistoryLogsProps, 'fullScreenView' | 'triggerDetails' | 'isBlobStorageConfigured'> {
+    parentType: HistoryComponentType;
 }
 export interface DeploymentStatusDetailBreakdownType {
     deploymentStatusDetailsBreakdownData: DeploymentStatusDetailsBreakdownDataType;
@@ -482,7 +483,7 @@ export interface ArtifactType {
     appReleaseTagNames?: string[];
     tagsEditable?: boolean;
     hideImageTaggingHardDelete?: boolean;
-    jobCIClass?: string;
+    rootClassName?: string;
     renderCIListHeader: (renderCIListHeaderProps: RenderCIListHeaderProps) => JSX.Element;
 }
 export interface CIListItemType extends Pick<GitChangesType, 'promotionApprovalMetadata' | 'selectedEnvironmentName'> {
@@ -604,7 +605,7 @@ export interface StageDetailType extends Pick<StageInfoDTO, 'stage' | 'startTime
     logs: string[];
     isOpen: boolean;
 }
-export interface LogStageAccordionProps extends StageDetailType {
+export interface LogStageAccordionProps extends StageDetailType, Pick<LogsRendererType, 'fullScreenView'> {
     handleStageClose: (index: number) => void;
     handleStageOpen: (index: number) => void;
     stageIndex: number;

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

@@ -5,3 +5,4 @@ export declare const getParsedTriggerHistory: (result: any) => DeploymentHistory
 export declare const buildHoverHtmlForWebhook: (eventName: any, condition: any, selectors: any) => JSX.Element;
 export declare const renderIcon: (iconState: string) => JSX.Element;
 export declare const getStageStatusIcon: (status: StageStatusType) => JSX.Element;
+export declare const getTriggerStatusIcon: (triggerDetailStatus: string) => JSX.Element;

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

@@ -1,6 +1,6 @@
 import { SyntheticEvent } from 'react';
 
 export interface CommitChipCellProps {
-    handleClick: (e: SyntheticEvent) => void;
+    handleClick?: (e: SyntheticEvent) => void;
     commits?: string[];
 }

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

@@ -1,4 +1,4 @@
 import { ImageChipCellProps } from './types';
 
-declare const ImageChipCell: ({ handleClick, imagePath, isExpanded, registryType }: ImageChipCellProps) => JSX.Element;
+declare const ImageChipCell: ({ imagePath, registryType, handleClick, isExpanded: isExpandedProp, placement, }: ImageChipCellProps) => JSX.Element;
 export default ImageChipCell;

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

@@ -1,9 +1,17 @@
-import { SyntheticEvent } from 'react';
+import { default as Tippy } from '@tippyjs/react';
+import { ComponentProps, SyntheticEvent } from 'react';
 import { RegistryType } from '../../types';
 
-export interface ImageChipCellProps {
+type ImageChipCellButtonActionProps = {
     handleClick: (e: SyntheticEvent) => void;
-    imagePath: string;
     isExpanded: boolean;
-    registryType: RegistryType;
-}
+} | {
+    handleClick?: never;
+    isExpanded?: never;
+};
+export type ImageChipCellProps = {
+    imagePath: string;
+    registryType?: RegistryType;
+    placement?: ComponentProps<typeof Tippy>['placement'];
+} & ImageChipCellButtonActionProps;
+export {};

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

@@ -1,3 +1,3 @@
 import { KeyValueTableProps } from './KeyValueTable.types';
 
-export declare const KeyValueTable: <K extends string>({ config, maskValue, isSortable, headerComponent, onChange, onDelete, placeholder, isAdditionNotAllowed, readOnly, showError, validationSchema, errorMessages, onError, }: KeyValueTableProps<K>) => JSX.Element;
+export declare const KeyValueTable: <K extends string>({ config, maskValue, isSortable, headerComponent, onChange, onDelete, placeholder, isAdditionNotAllowed, readOnly, showError, validationSchema: parentValidationSchema, errorMessages: parentErrorMessages, onError, validateDuplicateKeys, validateEmptyKeys, }: KeyValueTableProps<K>) => JSX.Element;

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

@@ -36,6 +36,29 @@ export interface KeyValueConfig<K extends string> {
     /** An array of key-value rows. */
     rows: KeyValueRow<K>[];
 }
+type ErrorUIProps = {
+    /**
+     * Indicates whether to show errors.
+     */
+    showError: true;
+    /**
+     * @default - false
+     * If true, would validate for duplicate keys and if present would show error tooltip on the cell.
+     */
+    validateDuplicateKeys?: boolean;
+    /**
+     * @default - false
+     * If true, would validate for rows having values but no key and if error would show error tooltip on the cell.
+     */
+    validateEmptyKeys?: boolean;
+} | {
+    /**
+     * Indicates whether to show errors.
+     */
+    showError?: false;
+    validateDuplicateKeys?: never;
+    validateEmptyKeys?: never;
+};
 /**
  * Type representing a mask for key-value pairs.
  * @template K - A string representing the key type.
@@ -50,7 +73,7 @@ export type KeyValuePlaceholder<K extends string> = {
  * Interface representing the properties for a key-value table component.
  * @template K - A string representing the key type.
  */
-export interface KeyValueTableProps<K extends string> {
+export type KeyValueTableProps<K extends string> = {
     /** The configuration for the key-value table. */
     config: KeyValueConfig<K>;
     /** An optional mask for the key-value pairs. */
@@ -76,18 +99,15 @@ export interface KeyValueTableProps<K extends string> {
      * @param deletedRowIndex - The index of the row that was deleted.
      */
     onDelete?: (deletedRowId: string | number) => void;
-    /**
-     * Indicates whether to show errors.
-     */
-    showError?: boolean;
     /**
      * The function to use to validate the value of the cell.
      * @param value - The value to validate.
      * @param key - The row key of the value.
+     * @param rowId - The id of the row.
      * @returns Return true if the value is valid, otherwise false
      * and set `showError` to `true` and provide errorMessages array to show error message.
      */
-    validationSchema?: (value: string, key: K) => boolean;
+    validationSchema?: (value: string, key: K, rowId: string | number) => boolean;
     /**
      * An array of error messages to be displayed in the cell error tooltip.
      */
@@ -97,4 +117,5 @@ export interface KeyValueTableProps<K extends string> {
      * @param errorState - The error state, true when any cell has error, otherwise false.
      */
     onError?: (errorState: boolean) => void;
-}
+} & ErrorUIProps;
+export {};

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

@@ -0,0 +1,2 @@
+export declare const DUPLICATE_KEYS_VALIDATION_MESSAGE = "Keys must be unique";
+export declare const EMPTY_KEY_VALIDATION_MESSAGE = "Key cannot be empty";

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

@@ -0,0 +1,4 @@
+import { FilterSelectPickerProps } from './type';
+
+declare const FilterSelectPicker: ({ appliedFilterOptions, handleApplyFilter, options, ...props }: FilterSelectPickerProps) => JSX.Element;
+export default FilterSelectPicker;

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

@@ -80,6 +80,60 @@ import { SelectPickerProps } from './type';
  * ```tsx
  * <SelectPicker ... showSelectedOptionsCount />
  * ```
+ * @example Multi Select
+ * ```tsx
+ * <SelectPicker ... isMulti />
+ * ```
+ *
+ * @example Creatable Multi Select
+ * ```tsx
+ * <SelectPicker
+ *      ...
+ *      isMulti
+ *      multiSelectProps={{
+ *          isCreatable: true
+ *      }}
+ * />
+ * ```
+ *
+ * @example Multi Select with group heading selectable
+ * ```tsx
+ * <SelectPicker
+ *      ...
+ *      isMulti
+ *      multiSelectProps={{
+ *          isGroupHeadingSelectable: true
+ *      }}
+ * />
+ * ```
+ *
+ * @example Multi Select with selected option validator
+ * ```tsx
+ * <SelectPicker
+ *      ...
+ *      isMulti
+ *      multiSelectProps={{
+ *          getIsOptionValid: (option) => boolean
+ *      }}
+ * />
+ * ```
+ *
+ * @example Custom options rendering support (menuIsOpen needs to be handled by consumer)
+ * ```tsx
+ * <SelectPicker
+ *      ...
+ *      shouldRenderCustomOptions
+ *      renderCustomOptions={() => <div />}
+ * />
+ * ```
+ *
+ * @example Align the menu at the right most end
+ * ```tsx
+ * <SelectPicker
+ *      ...
+ *      shouldMenuAlignRight
+ * />
+ * ```
  */
-declare const SelectPicker: ({ error, icon, renderMenuListFooter, helperText, placeholder, label, showSelectedOptionIcon, size, disabledTippyContent, showSelectedOptionsCount, menuSize, variant, shouldMenuAlignRight, ...props }: SelectPickerProps) => JSX.Element;
+declare const SelectPicker: <OptionValue, IsMulti extends boolean>({ error, icon, renderMenuListFooter, helperText, placeholder, label, showSelectedOptionIcon, size, disabledTippyContent, showSelectedOptionsCount, menuSize, menuPosition, variant, disableDescriptionEllipsis, multiSelectProps, isMulti, name, classNamePrefix, renderCustomOptions, shouldRenderCustomOptions, isSearchable, selectRef, shouldMenuAlignRight, fullWidth, customSelectedOptionsCount, ...props }: SelectPickerProps<OptionValue, IsMulti>) => JSX.Element;
 export default SelectPicker;

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

@@ -1,10 +1,13 @@
-import { DropdownIndicatorProps, ControlProps, OptionProps, ClearIndicatorProps, ValueContainerProps, MenuListProps } from 'react-select';
-import { SelectPickerOptionType, SelectPickerProps } from './type';
+import { DropdownIndicatorProps, ControlProps, OptionProps, ClearIndicatorProps, ValueContainerProps, MenuListProps, MultiValueRemoveProps, MultiValueProps } from 'react-select';
+import { SelectPickerGroupHeadingProps, SelectPickerOptionType, SelectPickerProps } from './type';
 
-export declare const SelectPickerDropdownIndicator: (props: DropdownIndicatorProps<SelectPickerOptionType>) => JSX.Element;
-export declare const SelectPickerClearIndicator: (props: ClearIndicatorProps<SelectPickerOptionType>) => JSX.Element;
-export declare const SelectPickerControl: ({ icon, showSelectedOptionIcon, ...props }: ControlProps<SelectPickerOptionType> & Pick<SelectPickerProps, 'icon' | 'showSelectedOptionIcon'>) => JSX.Element;
-export declare const SelectPickerValueContainer: ({ showSelectedOptionsCount, ...props }: ValueContainerProps<SelectPickerOptionType> & Pick<SelectPickerProps, 'showSelectedOptionsCount'>) => JSX.Element;
+export declare const SelectPickerDropdownIndicator: <OptionValue>(props: DropdownIndicatorProps<SelectPickerOptionType<OptionValue>, boolean, import('react-select').GroupBase<SelectPickerOptionType<OptionValue>>>) => JSX.Element;
+export declare const SelectPickerClearIndicator: <OptionValue>(props: ClearIndicatorProps<SelectPickerOptionType<OptionValue>, boolean, import('react-select').GroupBase<SelectPickerOptionType<OptionValue>>>) => JSX.Element;
+export declare const SelectPickerControl: <OptionValue, IsMulti extends boolean>({ icon, showSelectedOptionIcon, ...props }: ControlProps<SelectPickerOptionType<OptionValue>, boolean, import('react-select').GroupBase<SelectPickerOptionType<OptionValue>>> & Pick<SelectPickerProps<OptionValue, IsMulti>, "icon" | "showSelectedOptionIcon">) => JSX.Element;
+export declare const SelectPickerValueContainer: <OptionValue, IsMulti extends boolean>({ showSelectedOptionsCount, customSelectedOptionsCount, ...props }: ValueContainerProps<SelectPickerOptionType<OptionValue>, boolean, import('react-select').GroupBase<SelectPickerOptionType<OptionValue>>> & Pick<SelectPickerProps<OptionValue, IsMulti>, "customSelectedOptionsCount" | "showSelectedOptionsCount">) => JSX.Element;
 export declare const SelectPickerLoadingIndicator: () => JSX.Element;
-export declare const SelectPickerOption: ({ disableDescriptionEllipsis }: SelectPickerProps) => (props: OptionProps<SelectPickerOptionType>) => JSX.Element;
-export declare const SelectPickerMenuList: ({ renderMenuListFooter, ...props }: MenuListProps<SelectPickerOptionType> & Pick<SelectPickerProps, 'renderMenuListFooter'>) => JSX.Element;
+export declare const SelectPickerOption: <OptionValue, IsMulti extends boolean>({ disableDescriptionEllipsis, ...props }: OptionProps<SelectPickerOptionType<OptionValue>, boolean, import('react-select').GroupBase<SelectPickerOptionType<OptionValue>>> & Pick<SelectPickerProps<OptionValue, IsMulti>, "disableDescriptionEllipsis">) => JSX.Element;
+export declare const SelectPickerMenuList: <OptionValue, IsMulti extends boolean>({ renderMenuListFooter, shouldRenderCustomOptions, renderCustomOptions, ...props }: MenuListProps<SelectPickerOptionType<OptionValue>, boolean, import('react-select').GroupBase<SelectPickerOptionType<OptionValue>>> & Pick<SelectPickerProps<OptionValue, IsMulti>, "renderMenuListFooter" | "shouldRenderCustomOptions" | "renderCustomOptions">) => JSX.Element;
+export declare const SelectPickerMultiValueLabel: <OptionValue, IsMulti extends boolean>({ getIsOptionValid, ...props }: MultiValueProps<SelectPickerOptionType<OptionValue>, true, import('react-select').GroupBase<SelectPickerOptionType<OptionValue>>> & Pick<SelectPickerProps<OptionValue, IsMulti>["multiSelectProps"], "getIsOptionValid">) => JSX.Element;
+export declare const SelectPickerMultiValueRemove: (props: MultiValueRemoveProps) => JSX.Element;
+export declare const SelectPickerGroupHeading: <OptionValue>({ isGroupHeadingSelectable, ...props }: SelectPickerGroupHeadingProps<OptionValue>) => JSX.Element;

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

@@ -1,3 +1,4 @@
 export { default as SelectPicker } from './SelectPicker.component';
+export { default as FilterSelectPicker } from './FilterSelectPicker';
 export * from './type';
 export { getSelectPickerOptionByValue } from './utils';

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

@@ -1,9 +1,10 @@
 import { OptionType } from '../../../Common/Types';
 import { ComponentSizeType } from '../../constants';
-import { ReactElement, ReactNode } from 'react';
-import { Props as ReactSelectProps } from 'react-select';
+import { MutableRefObject, ReactElement, ReactNode } from 'react';
+import { GroupBase, GroupHeadingProps, Props as ReactSelectProps, SelectInstance } from 'react-select';
+import { CreatableProps } from 'react-select/creatable';
 
-export interface SelectPickerOptionType extends OptionType<number | string, ReactNode> {
+export interface SelectPickerOptionType<OptionValue = string | number> extends OptionType<OptionValue, ReactNode> {
     /**
      * Description to be displayed for the option
      */
@@ -19,10 +20,10 @@ export interface SelectPickerOptionType extends OptionType<number | string, Reac
 }
 export declare enum SelectPickerVariantType {
     DEFAULT = "default",
-    BORDERLESS = "borderless"
+    BORDER_LESS = "border-less"
 }
-type SelectProps = ReactSelectProps<SelectPickerOptionType>;
-export interface SelectPickerProps extends Pick<SelectProps, 'options' | 'value' | 'onChange' | 'isSearchable' | 'isClearable' | 'isLoading' | 'hideSelectedOptions' | 'controlShouldRenderValue' | 'closeMenuOnSelect' | 'isDisabled' | 'isLoading' | 'required' | 'isOptionDisabled' | 'placeholder'>, Required<Pick<SelectProps, 'classNamePrefix' | 'inputId' | 'name'>> {
+type SelectProps<OptionValue, IsMulti extends boolean> = ReactSelectProps<SelectPickerOptionType<OptionValue>, IsMulti, GroupBase<SelectPickerOptionType<OptionValue>>>;
+export type SelectPickerProps<OptionValue = number | string, IsMulti extends boolean = false> = Pick<SelectProps<OptionValue, IsMulti>, 'name' | 'classNamePrefix' | 'options' | 'value' | 'onChange' | 'isSearchable' | 'isClearable' | 'hideSelectedOptions' | 'controlShouldRenderValue' | 'closeMenuOnSelect' | 'isDisabled' | 'isLoading' | 'required' | 'isOptionDisabled' | 'placeholder' | 'menuPosition' | 'getOptionLabel' | 'getOptionValue' | 'isOptionSelected' | 'menuIsOpen' | 'onMenuOpen' | 'onMenuClose' | 'autoFocus' | 'onBlur'> & Required<Pick<SelectProps<OptionValue, IsMulti>, 'inputId'>> & {
     /**
      * Icon to be rendered in the control
      */
@@ -34,7 +35,7 @@ export interface SelectPickerProps extends Pick<SelectProps, 'options' | 'value'
     /**
      * Render function for the footer at the bottom of menu list. It is sticky by default
      */
-    renderMenuListFooter?: () => ReactNode;
+    renderMenuListFooter?: (selectedOptions: SelectProps<OptionValue, IsMulti>['value']) => ReactNode;
     /**
      * Info text for the select, if any
      */
@@ -50,6 +51,10 @@ export interface SelectPickerProps extends Pick<SelectProps, 'options' | 'value'
      * @default 'true'
      */
     showSelectedOptionIcon?: boolean;
+    /**
+     * Custom selected options count for use cases like filters
+     */
+    customSelectedOptionsCount?: number;
     /**
      * Height of the dropdown
      *
@@ -86,6 +91,10 @@ export interface SelectPickerProps extends Pick<SelectProps, 'options' | 'value'
      * @default false
      */
     disableDescriptionEllipsis?: boolean;
+    /**
+     * Ref for the select picker
+     */
+    selectRef?: IsMulti extends true ? MutableRefObject<SelectInstance<SelectPickerOptionType<OptionValue>, true>> : MutableRefObject<SelectInstance<SelectPickerOptionType<OptionValue>>>;
     /**
      * If true, the menu is aligned at the right end to prevent going outside of viewport
      * in case of menu being larger than the control
@@ -93,5 +102,62 @@ export interface SelectPickerProps extends Pick<SelectProps, 'options' | 'value'
      * @default false
      */
     shouldMenuAlignRight?: boolean;
+    /**
+     * If true, the select spans to the max available width
+     *
+     * @default false
+     */
+    fullWidth?: boolean;
+} & (IsMulti extends true ? {
+    isMulti: IsMulti | boolean;
+    multiSelectProps?: Pick<CreatableProps<SelectPickerOptionType<OptionValue>, true, GroupBase<SelectPickerOptionType<OptionValue>>>, 'onCreateOption'> & {
+        /**
+         * If true, the select picker creates the new option
+         * Only applicable for IsMulti: true
+         *
+         * @default false
+         */
+        isCreatable?: boolean;
+        /**
+         * If true, the group heading can be selected
+         *
+         * Only applicable for IsMulti: true
+         *
+         * @default false
+         */
+        isGroupHeadingSelectable?: boolean;
+        /**
+         * Callback handler to check if the given selection is valid or not
+         */
+        getIsOptionValid?: (option: SelectPickerOptionType<OptionValue>) => boolean;
+    };
+} : {
+    isMulti?: never;
+    multiSelectProps?: never;
+}) & ({
+    /**
+     * If true, custom options are rendered in the menuList component of react select
+     *
+     * Note: renderCustomOptions is required to be passed; renderMenuListFooter is also not called
+     *
+     * @default false
+     */
+    shouldRenderCustomOptions: boolean;
+    /**
+     * Callback handler for custom options
+     *
+     * Imp Note: The menu open/close needs to handled by the consumer in this case
+     */
+    renderCustomOptions: () => ReactElement;
+} | {
+    shouldRenderCustomOptions?: never;
+    renderCustomOptions?: never;
+});
+export type SelectPickerGroupHeadingProps<OptionValue> = GroupHeadingProps<SelectPickerOptionType<OptionValue>> & {
+    isGroupHeadingSelectable: boolean;
+};
+export interface FilterSelectPickerProps extends Required<Pick<SelectPickerProps<number | string, true>, 'options' | 'isDisabled' | 'placeholder' | 'isLoading'>>, Pick<SelectPickerProps<number | string, true>, 'selectRef' | 'inputId' | 'menuPosition' | 'autoFocus' | 'shouldMenuAlignRight'> {
+    appliedFilterOptions: SelectPickerProps<number | string, true>['options'];
+    handleApplyFilter: (filtersToApply: SelectPickerOptionType<number | string>[]) => void;
 }
 export {};

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

@@ -1,7 +1,9 @@
-import { GroupBase, OptionsOrGroups, StylesConfig } from 'react-select';
+import { CHECKBOX_VALUE } from '../../../Common/Types';
+import { GroupBase, MultiValue, OptionsOrGroups, StylesConfig } from 'react-select';
 import { SelectPickerOptionType, SelectPickerProps } from './type';
 
-export declare const getCommonSelectStyle: ({ error, size, menuSize, variant, shouldMenuAlignRight, }: Pick<SelectPickerProps, 'error' | 'size' | 'menuSize' | 'variant' | 'shouldMenuAlignRight'>) => StylesConfig<SelectPickerOptionType>;
+export declare const getCommonSelectStyle: <OptionValue, IsMulti extends boolean>({ error, size, menuSize, variant, getIsOptionValid, isGroupHeadingSelectable, shouldMenuAlignRight, }: Pick<SelectPickerProps<OptionValue, IsMulti>, "error" | "size" | "shouldMenuAlignRight" | "menuSize" | "variant"> & Pick<SelectPickerProps<OptionValue, IsMulti>["multiSelectProps"], "getIsOptionValid" | "isGroupHeadingSelectable">) => StylesConfig<SelectPickerOptionType<OptionValue>, boolean, GroupBase<SelectPickerOptionType<OptionValue>>>;
+export declare const getGroupCheckboxValue: <OptionValue>(groupHeadingOptions: readonly SelectPickerOptionType<OptionValue>[], selectedOptions: MultiValue<SelectPickerOptionType<OptionValue>>, getOptionValue: (option: SelectPickerOptionType<OptionValue>) => string) => CHECKBOX_VALUE.CHECKED | CHECKBOX_VALUE.INTERMEDIATE;
 /**
  * Retrieves an option from the options list based on the provided value.
  *
@@ -10,4 +12,4 @@ export declare const getCommonSelectStyle: ({ error, size, menuSize, variant, sh
  * @param defaultOption - The default option to return if no match is found.
  * @returns The matched option or the default option if no match is found.
  */
-export declare const getSelectPickerOptionByValue: (optionsList: OptionsOrGroups<SelectPickerOptionType, GroupBase<SelectPickerOptionType>>, value: string | number, defaultOption?: SelectPickerOptionType) => SelectPickerOptionType;
+export declare const getSelectPickerOptionByValue: <OptionValue>(optionsList: OptionsOrGroups<SelectPickerOptionType<OptionValue>, GroupBase<SelectPickerOptionType<OptionValue>>>, value: OptionValue, defaultOption?: SelectPickerOptionType<OptionValue>) => SelectPickerOptionType<OptionValue>;

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

@@ -1,5 +1,6 @@
 interface ShowMoreTextProps {
     text: string;
+    textClass?: string;
 }
-export declare const ShowMoreText: ({ text }: ShowMoreTextProps) => JSX.Element;
-export {};
+declare const ShowMoreText: ({ text, textClass }: ShowMoreTextProps) => JSX.Element;
+export default ShowMoreText;

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

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

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

@@ -32,6 +32,7 @@ export * from './IframeContainer';
 export * from './Plugin';
 export * from './KeyValueTable';
 export * from './SelectPicker';
+export * from './ShowMoreText';
 export * from './CollapsibleList';
 export * from './DeploymentConfigDiff';
 export * from './DetectBottom';

package/dist/Shared/Helpers.d.ts

@@ -39,4 +39,9 @@ export declare const decode: (data: any, isEncoded?: boolean) => {};
 export declare const isTimeStringAvailable: (time: string) => boolean;
 export declare const getTimeDifference: (startTime: string, endTime: string) => string;
 export declare const getFileNameFromHeaders: (headers: Headers) => string;
+/**
+ * @description - Function to open a new tab with the given url
+ * @param url - url to be opened in new tab
+ */
+export declare const getHandleOpenURL: (url: string) => () => void;
 export {};

package/dist/Shared/constants.d.ts

@@ -1,3 +1,6 @@
+import { OptionType } from '../Common/Types';
+import { CDMaterialSidebarType } from './types';
+
 export declare const ARTIFACT_STATUS: {
     PROGRESSING: string;
     DEGRADED: string;
@@ -347,6 +350,9 @@ export declare const statusColor: {
     unabletofetch: string;
     hibernating: string;
 };
+export declare const PULSATING_STATUS_MAP: {
+    [key in keyof typeof statusColor]?: boolean;
+};
 export declare const APP_STATUS_HEADERS: string[];
 export declare const MATERIAL_EXCLUDE_TIPPY_TEXT = "Not available for build as this commit contains changes in excluded files or folders";
 export declare const AppListConstants: {
@@ -397,3 +403,4 @@ export declare enum SelectAllGroupedResourceIdentifiers {
     allExistingAndFutureProdEnvironments = "-2",
     allExistingAndFutureEnvironments = "-3"
 }
+export declare const CD_MATERIAL_SIDEBAR_TABS: OptionType<CDMaterialSidebarType, CDMaterialSidebarType>[];

package/dist/Shared/types.d.ts

@@ -1,4 +1,5 @@
 import { OptionType, CommonNodeAttr, ResponseType, UserApprovalConfigType, VulnerabilityType, DeploymentAppTypes, ServerErrors, SortingParams } from '../Common';
+import { KeyValueListType } from './Components';
 import { EnvironmentTypeEnum, PatchOperationType } from './constants';
 
 export declare enum EnvType {
@@ -287,6 +288,10 @@ export declare enum CIMaterialSidebarType {
     CODE_SOURCE = "Code Source",
     PARAMETERS = "Parameters"
 }
+export declare enum CDMaterialSidebarType {
+    IMAGE = "Image",
+    PARAMETERS = "Parameters"
+}
 /**
  * @example Usage with specific enum for path & `unknown` type for value
  * ```ts
@@ -566,4 +571,11 @@ export type BaseFilterQueryParams<T> = {
      */
     showAll?: boolean;
 } & SortingParams<T>;
+export interface RuntimeParamsListItemType extends KeyValueListType {
+    id: number;
+}
+export declare enum RuntimeParamsHeadingType {
+    KEY = "key",
+    VALUE = "value"
+}
 export {};