@devtron-labs/devtron-fe-common-lib 1.5.6 → 1.5.7-beta-1

package/dist/Common/CustomTagSelector/index.d.ts

@@ -1,6 +1,4 @@
 export { default as PropagateTagInfo } from './PropagateTagInfo';
-export * from './TagDetails';
-export * from './TagLabelValueSelector';
 export * from './ResizableTagTextArea';
 export * from './Types';
 export { validateTagKeyValue, validateTagValue } from './tags.utils';

package/dist/Common/ImageTags.Types.d.ts

@@ -1,3 +1,4 @@
+import { ReactElement } from 'react';
 export interface ReleaseTag {
     id: number;
     tagName: string;
@@ -37,4 +38,5 @@ export interface ImageButtonType {
     isSuperAdmin: boolean;
     duplicateTag?: boolean;
     hideHardDelete?: boolean;
+    startIcon?: ReactElement;
 }

package/dist/Common/ImageTags.d.ts

@@ -1,3 +1,3 @@
 import { ImageButtonType, ImageTaggingContainerType } from './ImageTags.Types';
 export declare const ImageTagsContainer: ({ ciPipelineId, artifactId, imageComment, imageReleaseTags, updateCurrentAppMaterial, appReleaseTagNames, setAppReleaseTagNames, tagsEditable, setTagsEditable, toggleCardMode, hideHardDelete, forceReInit, isSuperAdmin, }: ImageTaggingContainerType) => JSX.Element;
-export declare const ImageTagButton: ({ text, isSoftDeleted, isEditing, onSoftDeleteClick, onHardDeleteClick, tagId, softDeleteTags, isSuperAdmin, duplicateTag, hideHardDelete, }: ImageButtonType) => JSX.Element;
+export declare const ImageTagButton: ({ text, isSoftDeleted, isEditing, onSoftDeleteClick, onHardDeleteClick, tagId, softDeleteTags, isSuperAdmin, duplicateTag, hideHardDelete, startIcon, }: ImageButtonType) => JSX.Element;

package/dist/Common/Types.d.ts

@@ -2,7 +2,7 @@ import { default as React, ReactNode, CSSProperties, ReactElement, MutableRefObj
 import { TippyProps } from '@tippyjs/react';
 import { UserGroupDTO } from '../Pages/GlobalConfigurations';
 import { ImageComment, ReleaseTag } from './ImageTags.Types';
-import { MandatoryPluginBaseStateType, RegistryType, RuntimePluginVariables, Severity, PolicyBlockInfo } from '../Shared';
+import { MandatoryPluginBaseStateType, RegistryType, RuntimePluginVariables, Severity, PolicyBlockInfo, TargetPlatformItemDTO } from '../Shared';
 import { ACTION_STATE, DEPLOYMENT_WINDOW_TYPE, DockerConfigOverrideType, RefVariableType, SortingOrder, TaskErrorObj, VariableTypeFormat } from '.';
 /**
  * Generic response type object with support for overriding the result type
@@ -467,6 +467,7 @@ export interface CDMaterialType {
      * Denotes trigger blocking due to mandatory tags, (might be used for plugins and other features in future)
      */
     deploymentBlockedState?: PolicyBlockInfo;
+    targetPlatforms: TargetPlatformItemDTO[];
 }
 export declare enum CDMaterialServiceEnum {
     ROLLBACK = "rollback",
@@ -672,19 +673,6 @@ export interface UseSearchString {
         [key: string]: string;
     };
 }
-export interface ResizableTextareaProps {
-    minHeight?: number;
-    maxHeight?: number;
-    value?: string;
-    onChange?: (e: any) => void;
-    onBlur?: (e: any) => void;
-    onFocus?: (e: any) => void;
-    className?: string;
-    placeholder?: string;
-    disabled?: boolean;
-    name?: string;
-    dataTestId?: string;
-}
 export interface AsyncState<T> {
     loading: boolean;
     result: T;

package/dist/Common/index.d.ts

@@ -34,7 +34,6 @@ export * from './Policy.Types';
 export { default as DeleteComponent } from './DeleteComponentModal/DeleteComponent';
 export * from './ImageTags';
 export * from './ImageTags.Types';
-export * from './ResizableTextarea';
 export { default as DebouncedSearch } from './DebouncedSearch/DebouncedSearch';
 export { default as Grid } from './Grid/Grid';
 export { default as Select } from './Select/Select';

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

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

package/dist/Shared/Components/CICDHistory/History.components.d.ts

@@ -1,4 +1,4 @@
 import { GitChangesType, LogResizeButtonType, ScrollerType } from './types';
 export declare const LogResizeButton: ({ shortcutCombo, showOnlyWhenPathIncludesLogs, fullScreenView, setFullScreenView, }: LogResizeButtonType) => JSX.Element;
 export declare const Scroller: ({ scrollToTop, scrollToBottom, style }: ScrollerType) => JSX.Element;
-export declare const GitChanges: ({ gitTriggers, ciMaterials, artifact, userApprovalMetadata, triggeredByEmail, ciPipelineId, artifactId, imageComment, imageReleaseTags, appReleaseTagNames, tagsEditable, hideImageTaggingHardDelete, appliedFilters, appliedFiltersTimestamp, promotionApprovalMetadata, selectedEnvironmentName, renderCIListHeader, }: GitChangesType) => JSX.Element;
+export declare const GitChanges: ({ gitTriggers, ciMaterials, artifact, userApprovalMetadata, triggeredByEmail, ciPipelineId, artifactId, imageComment, imageReleaseTags, appReleaseTagNames, tagsEditable, hideImageTaggingHardDelete, appliedFilters, appliedFiltersTimestamp, promotionApprovalMetadata, selectedEnvironmentName, renderCIListHeader, targetPlatforms, }: GitChangesType) => JSX.Element;

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

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

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

@@ -2,7 +2,8 @@ import { CSSProperties, ReactElement } from 'react';
 import { SupportedKeyboardKeysType } from '@Common/Hooks/UseRegisterShortcut/types';
 import { OptionType, UserApprovalMetadataType, ReleaseTag, ImageComment, PromotionApprovalMetadataType, FilterConditionsListType, DeploymentAppTypes, ResponseType, PaginationProps, useScrollable } from '../../../Common';
 import { DeploymentStageType } from '../../constants';
-import { AggregationKeys, GitTriggers, Node, NodeType, ResourceKindType, ResourceVersionType } from '../../types';
+import { AggregationKeys, GitTriggers, Node, NodeType, ResourceKindType, ResourceVersionType, TargetPlatformsDTO } from '../../types';
+import { TargetPlatformBadgeListProps } from '../TargetPlatforms';
 export declare enum HistoryComponentType {
     CI = "CI",
     CD = "CD",
@@ -66,7 +67,7 @@ export interface TargetConfigType {
     releaseChannelId?: string;
     releaseChannelName?: string;
 }
-export interface History {
+export interface History extends Pick<TargetPlatformsDTO, 'targetPlatforms'> {
     id: number;
     name: string;
     status: string;
@@ -319,6 +320,37 @@ export interface VirtualHistoryArtifactProps {
         workflowId: number;
     };
 }
+export type CIListItemType = Pick<History, 'promotionApprovalMetadata'> & {
+    userApprovalMetadata?: UserApprovalMetadataType;
+    triggeredBy?: string;
+    children: any;
+    appliedFilters?: FilterConditionsListType[];
+    appliedFiltersTimestamp?: string;
+    selectedEnvironmentName?: string;
+    renderCIListHeader: (renderCIListHeaderProps: RenderCIListHeaderProps) => JSX.Element;
+} & ({
+    type: 'artifact' | 'deployed-artifact';
+    targetPlatforms: TargetPlatformBadgeListProps['targetPlatforms'];
+    ciPipelineId: number;
+    artifactId: number;
+    imageComment: ImageComment;
+    imageReleaseTags: ReleaseTag[];
+    appReleaseTagNames: string[];
+    tagsEditable: boolean;
+    hideImageTaggingHardDelete: boolean;
+    isSuperAdmin: boolean;
+} | {
+    type: 'report';
+    targetPlatforms?: never;
+    ciPipelineId?: never;
+    artifactId?: never;
+    imageComment?: never;
+    imageReleaseTags?: never;
+    appReleaseTagNames?: never;
+    tagsEditable?: never;
+    hideImageTaggingHardDelete?: never;
+    isSuperAdmin?: never;
+});
 export interface TriggerOutputProps extends RenderRunSourceType, Pick<TriggerDetailsType, 'renderTargetConfigInfo'> {
     fullScreenView: boolean;
     triggerHistory: Map<number, History>;
@@ -343,7 +375,7 @@ export interface TriggerOutputProps extends RenderRunSourceType, Pick<TriggerDet
     scrollToTop: ReturnType<typeof useScrollable>[1];
     scrollToBottom: ReturnType<typeof useScrollable>[2];
 }
-export interface HistoryLogsProps extends Pick<TriggerOutputProps, 'scrollToTop' | 'scrollToBottom' | 'setFullScreenView' | 'deploymentAppType' | 'isBlobStorageConfigured' | 'appReleaseTags' | 'tagsEditable' | 'hideImageTaggingHardDelete' | 'selectedEnvironmentName' | 'processVirtualEnvironmentDeploymentData' | 'renderDeploymentApprovalInfo' | 'renderCIListHeader' | 'renderVirtualHistoryArtifacts' | 'fullScreenView' | 'appName' | 'triggerHistory'> {
+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;
@@ -476,10 +508,31 @@ export interface ScrollerType {
     scrollToBottom: (e: any) => void;
     style: CSSProperties;
 }
-export interface GitChangesType extends Pick<History, 'promotionApprovalMetadata'> {
+export type GitChangesType = {
     gitTriggers: Map<number, GitTriggers>;
     ciMaterials: CiMaterial[];
-    artifact?: string;
+} & ({
+    artifact?: never;
+    promotionApprovalMetadata?: never;
+    targetPlatforms?: never;
+    selectedEnvironmentName?: never;
+    userApprovalMetadata?: never;
+    triggeredByEmail?: never;
+    imageComment?: never;
+    imageReleaseTags?: never;
+    artifactId?: never;
+    ciPipelineId?: never;
+    appReleaseTagNames?: never;
+    tagsEditable?: never;
+    hideImageTaggingHardDelete?: never;
+    appliedFilters?: never;
+    appliedFiltersTimestamp?: never;
+    renderCIListHeader?: never;
+} | {
+    artifact: string;
+    promotionApprovalMetadata: History['promotionApprovalMetadata'];
+    targetPlatforms: TargetPlatformBadgeListProps['targetPlatforms'];
+    selectedEnvironmentName: CIListItemType['selectedEnvironmentName'];
     userApprovalMetadata?: UserApprovalMetadataType;
     triggeredByEmail?: string;
     imageComment?: ImageComment;
@@ -491,10 +544,9 @@ export interface GitChangesType extends Pick<History, 'promotionApprovalMetadata
     hideImageTaggingHardDelete?: boolean;
     appliedFilters?: FilterConditionsListType[];
     appliedFiltersTimestamp?: string;
-    selectedEnvironmentName?: string;
     renderCIListHeader: (renderCIListHeaderProps: RenderCIListHeaderProps) => JSX.Element;
-}
-export interface ArtifactType {
+});
+export interface ArtifactType extends Pick<TargetPlatformBadgeListProps, 'targetPlatforms'> {
     status: string;
     artifact: string;
     blobStorageEnabled: boolean;
@@ -511,23 +563,6 @@ export interface ArtifactType {
     rootClassName?: string;
     renderCIListHeader: (renderCIListHeaderProps: RenderCIListHeaderProps) => JSX.Element;
 }
-export interface CIListItemType extends Pick<GitChangesType, 'promotionApprovalMetadata' | 'selectedEnvironmentName'> {
-    type: 'report' | 'artifact' | 'deployed-artifact';
-    userApprovalMetadata?: UserApprovalMetadataType;
-    triggeredBy?: string;
-    children: any;
-    ciPipelineId?: number;
-    artifactId?: number;
-    imageComment?: ImageComment;
-    imageReleaseTags?: ReleaseTag[];
-    appReleaseTagNames?: string[];
-    tagsEditable?: boolean;
-    hideImageTaggingHardDelete?: boolean;
-    appliedFilters?: FilterConditionsListType[];
-    appliedFiltersTimestamp?: string;
-    isSuperAdmin?: boolean;
-    renderCIListHeader: (renderCIListHeaderProps: RenderCIListHeaderProps) => JSX.Element;
-}
 export interface DeploymentHistory {
     id: number;
     cd_workflow_id: number;
@@ -625,10 +660,12 @@ export interface StageInfoDTO {
     startTime: string;
     endTime?: string;
     status?: StageStatusType;
+    metadata: Partial<Pick<TargetPlatformsDTO, 'targetPlatforms'>>;
 }
 export interface StageDetailType extends Pick<StageInfoDTO, 'stage' | 'startTime' | 'endTime' | 'status'> {
     logs: string[];
     isOpen: boolean;
+    targetPlatforms?: StageInfoDTO['metadata']['targetPlatforms'];
 }
 export interface LogStageAccordionProps extends StageDetailType, Pick<LogsRendererType, 'fullScreenView'> {
     handleStageClose: (index: number) => void;

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

@@ -10,7 +10,6 @@ interface ValidationRule<T> {
 }
 export interface EditableTextAreaProps {
     placeholder?: string;
-    rows: number;
     updateContent: (value: string) => Promise<void>;
     initialText?: string;
     validations?: {

package/dist/Shared/Components/FormFieldWrapper/FormFieldInfo.d.ts

@@ -0,0 +1,3 @@
+import { FormFieldInfoProps } from './types';
+declare const FormFieldInfo: ({ error, helperText, warningText, inputId }: FormFieldInfoProps) => JSX.Element;
+export default FormFieldInfo;

package/dist/Shared/Components/FormFieldWrapper/FormFieldLabel.d.ts

@@ -0,0 +1,3 @@
+import { FormFieldLabelProps } from './types';
+declare const FormFieldLabel: ({ label, inputId, required }: FormFieldLabelProps) => JSX.Element;
+export default FormFieldLabel;

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

@@ -0,0 +1,3 @@
+import { FormFieldWrapperProps } from './types';
+declare const FormFieldWrapper: ({ layout, fullWidth, label, inputId, error, helperText, warningText, required, children, }: Required<FormFieldWrapperProps>) => JSX.Element;
+export default FormFieldWrapper;

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

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

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

@@ -0,0 +1,22 @@
+import { ReactElement, ReactNode } from 'react';
+export interface FormFieldLabelProps {
+    label?: ReactNode;
+    required?: boolean;
+    inputId: string;
+}
+export interface FormFieldInfoProps extends Pick<FormFieldLabelProps, 'inputId'> {
+    error?: ReactNode;
+    helperText?: ReactNode;
+    warningText?: ReactNode;
+}
+export interface FormInfoItemProps {
+    id: string;
+    text: ReactNode;
+    textClass: string;
+    icon: ReactElement;
+}
+export interface FormFieldWrapperProps extends Pick<FormFieldLabelProps, 'label' | 'required'>, FormFieldInfoProps {
+    layout?: 'row' | 'column';
+    fullWidth?: boolean;
+    children: ReactElement;
+}

package/dist/Shared/Components/ImageCard/SequentialCDCardTitle/SequentialCDCardTitle.d.ts

@@ -1,3 +1,3 @@
 import { SequentialCDCardTitleProps } from '../types';
-declare const SequentialCDCardTitle: ({ isLatest, isRunningOnParentCD, artifactStatus, environmentName, parentEnvironmentName, stageType, showLatestTag, isVirtualEnvironment, deployedOn, additionalInfo, }: SequentialCDCardTitleProps) => JSX.Element;
+declare const SequentialCDCardTitle: ({ isLatest, isRunningOnParentCD, artifactStatus, environmentName, parentEnvironmentName, stageType, showLatestTag, isVirtualEnvironment, deployedOn, additionalInfo, targetPlatforms, }: SequentialCDCardTitleProps) => JSX.Element;
 export default SequentialCDCardTitle;

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

@@ -1,5 +1,5 @@
 import { ReactNode } from 'react';
-import { ImageTaggingContainerType } from '../../../Common';
+import { CDMaterialType, ImageTaggingContainerType } from '../../../Common';
 import { RegistryType } from '../..';
 export interface ArtifactInfoProps {
     imagePath: string;
@@ -13,7 +13,7 @@ export interface ArtifactInfoProps {
     approvalChecksNode?: ReactNode;
     approvalInfoTippy?: ReactNode;
 }
-export interface SequentialCDCardTitleProps {
+export interface SequentialCDCardTitleProps extends Pick<CDMaterialType, 'targetPlatforms'> {
     isLatest: boolean;
     isRunningOnParentCD: boolean;
     artifactStatus: string;

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

@@ -134,5 +134,5 @@ import { SelectPickerProps } from './type';
  * />
  * ```
  */
-declare const SelectPicker: <OptionValue, IsMulti extends boolean>({ error, icon, helperText, placeholder, label, showSelectedOptionIcon, size, disabledTippyContent, showSelectedOptionsCount, menuSize, optionListError, reloadOptionList, menuPosition, variant, disableDescriptionEllipsis, multiSelectProps, isMulti, name, classNamePrefix, shouldRenderCustomOptions, isSearchable, selectRef, shouldMenuAlignRight, fullWidth, customSelectedOptionsCount, renderMenuListFooter, isCreatable, onCreateOption, closeMenuOnSelect, shouldShowNoOptionsMessage, shouldRenderTextArea, onKeyDown, shouldHideMenu, ...props }: SelectPickerProps<OptionValue, IsMulti>) => JSX.Element;
+declare const SelectPicker: <OptionValue, IsMulti extends boolean>({ error, icon, helperText, placeholder, label, showSelectedOptionIcon, size, disabledTippyContent, showSelectedOptionsCount, menuSize, optionListError, reloadOptionList, menuPosition, variant, disableDescriptionEllipsis, multiSelectProps, isMulti, name, classNamePrefix, shouldRenderCustomOptions, isSearchable, selectRef, shouldMenuAlignRight, fullWidth, customSelectedOptionsCount, renderMenuListFooter, isCreatable, onCreateOption, closeMenuOnSelect, shouldShowNoOptionsMessage, shouldRenderTextArea, onKeyDown, shouldHideMenu, warningText, layout, ...props }: SelectPickerProps<OptionValue, IsMulti>) => JSX.Element;
 export default SelectPicker;

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

@@ -6,6 +6,7 @@ import { GroupBase, GroupHeadingProps, Props as ReactSelectProps, SelectInstance
 import { CreatableProps } from 'react-select/creatable';
 import { TooltipProps } from '@Common/Tooltip/types';
 import { ResizableTagTextAreaProps } from '../../../Common/CustomTagSelector';
+import { FormFieldWrapperProps } from '../FormFieldWrapper/types';
 export interface SelectPickerOptionType<OptionValue = string | number> extends OptionType<OptionValue, ReactNode> {
     /**
      * Description to be displayed for the option
@@ -79,19 +80,7 @@ export declare enum SelectPickerVariantType {
     DEFAULT = "default",
     BORDER_LESS = "border-less"
 }
-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' | 'onKeyDown' | 'formatOptionLabel' | 'onInputChange' | 'inputValue'> & Partial<Pick<SelectProps<OptionValue, IsMulti>, 'renderMenuListFooter' | 'shouldRenderCustomOptions' | 'renderCustomOptions' | 'icon' | 'showSelectedOptionIcon' | 'renderOptionsFooter' | 'shouldRenderTextArea'>> & Required<Pick<SelectProps<OptionValue, IsMulti>, 'inputId'>> & Partial<Pick<CreatableProps<SelectPickerOptionType<OptionValue>, IsMulti, GroupBase<SelectPickerOptionType<OptionValue>>>, 'onCreateOption' | 'formatCreateLabel' | 'menuPortalTarget'>> & {
-    /**
-     * Error message for the select
-     */
-    error?: ReactNode;
-    /**
-     * Info text for the select, if any
-     */
-    helperText?: ReactNode;
-    /**
-     * Label for the select. if required is added, the corresponding * is also added
-     */
-    label?: ReactNode;
+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' | 'onKeyDown' | 'formatOptionLabel' | 'onInputChange' | 'inputValue'> & Partial<Pick<SelectProps<OptionValue, IsMulti>, 'renderMenuListFooter' | 'shouldRenderCustomOptions' | 'renderCustomOptions' | 'icon' | 'showSelectedOptionIcon' | 'renderOptionsFooter' | 'shouldRenderTextArea'>> & Required<Pick<SelectProps<OptionValue, IsMulti>, 'inputId'>> & Partial<Pick<CreatableProps<SelectPickerOptionType<OptionValue>, IsMulti, GroupBase<SelectPickerOptionType<OptionValue>>>, 'onCreateOption' | 'formatCreateLabel' | 'menuPortalTarget'>> & Omit<FormFieldWrapperProps, 'children'> & {
     /**
      * Custom selected options count for use cases like filters
      */

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

@@ -0,0 +1,3 @@
+import { TargetPlatformBadgeListProps } from './types';
+declare const TargetPlatformBadgeList: ({ targetPlatforms }: TargetPlatformBadgeListProps) => JSX.Element;
+export default TargetPlatformBadgeList;

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

@@ -0,0 +1,3 @@
+import { TargetPlatformListTooltipProps } from './types';
+declare const TargetPlatformListTooltip: ({ targetPlatforms, children }: TargetPlatformListTooltipProps) => JSX.Element;
+export default TargetPlatformListTooltip;

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

@@ -0,0 +1,3 @@
+export { default as TargetPlatformBadgeList } from './TargetPlatformBadgeList';
+export { default as TargetPlatformListTooltip } from './TargetPlatformListTooltip';
+export * from './types';

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

@@ -0,0 +1,7 @@
+import { TooltipProps } from '@Common/Tooltip/types';
+import { TargetPlatformsDTO } from '../../types';
+export interface TargetPlatformBadgeListProps extends Required<Pick<TargetPlatformsDTO, 'targetPlatforms'>> {
+}
+export interface TargetPlatformListTooltipProps extends Pick<TargetPlatformsDTO, 'targetPlatforms'> {
+    children: TooltipProps['children'];
+}

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

@@ -0,0 +1,3 @@
+import { TextareaProps } from './types';
+declare const Textarea: ({ name, label, fullWidth, error, helperText, warningText, layout, required, onBlur, shouldTrim, size, ...props }: TextareaProps) => JSX.Element;
+export default Textarea;

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

@@ -0,0 +1,4 @@
+export declare const TEXTAREA_CONSTRAINTS: {
+    MIN_HEIGHT: number;
+    MAX_HEIGHT: number;
+};

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

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

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

@@ -0,0 +1,17 @@
+import { TextareaHTMLAttributes } from 'react';
+import { ComponentSizeType } from '../../constants';
+import { FormFieldWrapperProps } from '../FormFieldWrapper';
+export interface TextareaProps extends Omit<FormFieldWrapperProps, 'children' | 'inputId'>, Pick<TextareaHTMLAttributes<HTMLTextAreaElement>, 'onBlur' | 'disabled' | 'autoFocus' | 'onFocus'>, Required<Pick<TextareaHTMLAttributes<HTMLTextAreaElement>, 'placeholder' | 'onChange' | 'value' | 'name'>> {
+    /**
+     * If false, the input is not trimmed on blur
+     *
+     * @default true
+     */
+    shouldTrim?: boolean;
+    /**
+     * Size of the textarea
+     *
+     * @default ComponentSizeType.large
+     */
+    size?: Extract<ComponentSizeType, ComponentSizeType.medium | ComponentSizeType.large>;
+}

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

@@ -1 +1,2 @@
 export { default as ThemeSwitcher } from './ThemeSwitcher.component';
+export type { ThemeSwitcherProps } from './types';

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

@@ -55,5 +55,8 @@ export * from './ToggleResolveScopedVariables';
 export * from './BulkOperations';
 export * from './WorkflowOptionsModal';
 export * from './VirtualizedList';
+export * from './Textarea';
+export * from './ThemeSwitcher';
+export * from './TargetPlatforms';
 export * from './UnsavedChanges';
 export * from './UnsavedChangesDialog';

package/dist/Shared/Helpers.d.ts

@@ -4,7 +4,7 @@ import { StrictRJSFSchema } from '@rjsf/utils';
 import { MaterialHistoryType } from '@Shared/Services/app.types';
 import { PromptProps } from 'react-router-dom';
 import { MaterialInfo, SortingOrder, UserApprovalConfigType, ApprovalConfigDataType, UserApprovalInfo } from '../Common';
-import { GitTriggers, IntersectionChangeHandler, IntersectionOptions, PreventOutsideFocusProps, WebhookEventNameType } from './types';
+import { GitTriggers, IntersectionChangeHandler, IntersectionOptions, PreventOutsideFocusProps, TargetPlatformItemDTO, TargetPlatformsDTO, WebhookEventNameType } from './types';
 import { AggregatedNodes, DeploymentStatusDetailsBreakdownDataType, DeploymentStatusDetailsType, PodMetadatum } from './Components';
 interface HighlightSearchTextProps {
     /**
@@ -92,4 +92,5 @@ export declare const getUniqueId: (size?: number) => string;
  * @returns A function that takes an object with a `pathname` property and performs the path match check.
  */
 export declare const checkIfPathIsMatching: (currentPathName: string, customMessage?: string) => PromptProps["message"];
+export declare const sanitizeTargetPlatforms: (targetPlatforms: TargetPlatformsDTO["targetPlatforms"]) => TargetPlatformItemDTO[];
 export {};

package/dist/Shared/Services/app.types.d.ts

@@ -1,4 +1,5 @@
 import { OverrideMergeStrategyType } from '../../Pages/Applications';
+import { TargetPlatformsDTO } from '../types';
 import { ReleaseTag, UserApprovalMetadataType, ResponseType } from '../../Common';
 interface WebhookDataType {
     id: number;
@@ -75,7 +76,7 @@ interface ImageTaggingDataDTO {
 interface ImageTaggingDataType extends Pick<ImageTaggingDataDTO, 'imageReleaseTags' | 'appReleaseTags' | 'tagsEditable'> {
     imageComment: ImageCommentType;
 }
-export interface CIMaterialInfoDTO {
+export interface CIMaterialInfoDTO extends Pick<TargetPlatformsDTO, 'targetPlatforms'> {
     ciPipelineId: number;
     ciMaterials: CIMaterialDTO[];
     triggeredByEmail: string;
@@ -87,7 +88,7 @@ export interface CIMaterialInfoDTO {
     imageTaggingData: ImageTaggingDataDTO;
     image: string;
 }
-export interface CIMaterialInfoType extends Pick<CIMaterialInfoDTO, 'triggeredByEmail' | 'lastDeployedTime' | 'appId' | 'appName' | 'environmentId' | 'environmentName' | 'image' | 'ciPipelineId'>, ImageTaggingDataType {
+export interface CIMaterialInfoType extends Pick<CIMaterialInfoDTO, 'triggeredByEmail' | 'lastDeployedTime' | 'appId' | 'appName' | 'environmentId' | 'environmentName' | 'image' | 'ciPipelineId'>, ImageTaggingDataType, Pick<TargetPlatformsDTO, 'targetPlatforms'> {
     materials: CIMaterialType[];
 }
 export interface GetCITriggerInfoParamsType {

package/dist/Shared/constants.d.ts

@@ -399,6 +399,9 @@ export declare enum ComponentSizeType {
     large = "large",
     xl = "xl"
 }
+export declare const COMPONENT_SIZE_TYPE_TO_FONT_AND_BLOCK_PADDING_MAP: Record<ComponentSizeType, string>;
+export declare const COMPONENT_SIZE_TYPE_TO_INLINE_PADDING_MAP: Record<ComponentSizeType, string>;
+export declare const COMPONENT_SIZE_TYPE_TO_ICON_SIZE_MAP: Record<ComponentSizeType, number>;
 export declare const POP_UP_MENU_MODAL_ID = "popup";
 /**
  * Identifiers for grouped / all resources

package/dist/Shared/types.d.ts

@@ -788,6 +788,12 @@ export interface UploadFileProps {
     allowedExtensions?: string[];
     maxUploadSize?: number;
 }
+export interface TargetPlatformItemDTO {
+    name: string;
+}
+export interface TargetPlatformsDTO {
+    targetPlatforms: TargetPlatformItemDTO[];
+}
 export declare enum CIPipelineNodeType {
     EXTERNAL_CI = "EXTERNAL-CI",
     CI = "CI",