@devtron-labs/devtron-fe-common-lib 0.2.2-beta-18 → 0.2.2-beta-19

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

@@ -1,4 +1,3 @@
-import { RuntimeParamsAPIResponseType } from '../Shared/types';
 import { TeamList, ResponseType, DeploymentNodeType, CDMaterialServiceEnum, CDMaterialServiceQueryParams, CDMaterialResponseType, CDMaterialFilterQuery, EnvironmentListHelmResponse } from './Types';
 import { ApiResourceType } from '../Pages';
 
@@ -16,11 +15,6 @@ 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) => {
-    key: string;
-    value: string;
-    id: number;
-}[];
 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/Constants.d.ts

@@ -81,6 +81,7 @@ export declare const ROUTES: {
     PLUGIN_GLOBAL_LIST_DETAIL_V2: string;
     PLUGIN_GLOBAL_LIST_V2: string;
     PLUGIN_GLOBAL_LIST_TAGS: string;
+    CONFIG_DATA: string;
 };
 export declare enum KEY_VALUE {
     KEY = "key",

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, RuntimeParamsListItemType } from '../Shared';
+import { RegistryType } from '../Shared';
 
 /**
  * Generic response type object with support for overriding the result type
@@ -546,7 +546,6 @@ 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/DeploymentHistoryDiff/DeploymentHistoryDiffView.d.ts

@@ -1,4 +1,4 @@
 import { DeploymentTemplateHistoryType } from '../types';
 
-declare const DeploymentHistoryDiffView: ({ currentConfiguration, baseTemplateConfiguration, previousConfigAvailable, isUnpublished, isDeleteDraft, rootClassName, }: DeploymentTemplateHistoryType) => JSX.Element;
+declare const DeploymentHistoryDiffView: ({ currentConfiguration, baseTemplateConfiguration, previousConfigAvailable, isUnpublished, isDeleteDraft, rootClassName, comparisonBodyClassName, sortOrder, }: DeploymentTemplateHistoryType) => JSX.Element;
 export default DeploymentHistoryDiffView;

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 } from '../../../Common';
+import { OptionType, UserApprovalMetadataType, ReleaseTag, ImageComment, PromotionApprovalMetadataType, FilterConditionsListType, DeploymentAppTypes, ResponseType, PaginationProps, SortingOrder } from '../../../Common';
 import { DeploymentStageType } from '../../constants';
 import { AggregationKeys, GitTriggers, Node, NodeType, ResourceKindType, ResourceVersionType } from '../../types';
 
@@ -368,6 +368,8 @@ export interface DeploymentTemplateHistoryType {
     isUnpublished?: boolean;
     isDeleteDraft?: boolean;
     rootClassName?: string;
+    comparisonBodyClassName?: string;
+    sortOrder?: SortingOrder;
 }
 export interface DeploymentHistoryDetailRes extends ResponseType {
     result?: DeploymentHistoryDetail;

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

@@ -0,0 +1,3 @@
+import { CollapseProps } from './types';
+
+export declare const Collapse: ({ expand, onTransitionEnd, children }: CollapseProps) => JSX.Element;

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

@@ -0,0 +1,2 @@
+export * from './Collapse';
+export * from './types';

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

@@ -0,0 +1,7 @@
+import { ReactNode, TransitionEvent } from 'react';
+
+export interface CollapseProps {
+    expand: boolean;
+    children: ReactNode;
+    onTransitionEnd?: (e: TransitionEvent<HTMLDivElement>) => void;
+}

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

@@ -0,0 +1,3 @@
+import { CollapsibleListProps } from './CollapsibleList.types';
+
+export declare const CollapsibleList: ({ config, onCollapseBtnClick }: CollapsibleListProps) => JSX.Element;

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

@@ -0,0 +1,96 @@
+import { default as React } from 'react';
+import { TippyProps } from '@tippyjs/react';
+
+export interface CollapsibleListItem {
+    /**
+     * The title of the list item.
+     */
+    title: string;
+    /**
+     * The subtitle of the list item.
+     */
+    subtitle?: string;
+    /**
+     * Configuration for the icon.
+     */
+    iconConfig?: {
+        /**
+         * A React component representing an icon to be displayed with the list item.
+         */
+        Icon: React.FunctionComponent<React.SVGProps<SVGSVGElement>>;
+        /**
+         * Properties for the icon component.
+         */
+        props?: React.SVGProps<SVGSVGElement>;
+        /**
+         * Properties for the tooltip component of the icon.
+         */
+        tooltipProps?: TippyProps;
+    };
+    /**
+     * The URL of the nav link.
+     */
+    href?: string;
+    /**
+     * The callback function to handle click events on the nav link.
+     */
+    onClick?: (e: React.MouseEvent<HTMLAnchorElement>) => void;
+}
+export interface CollapsibleListConfig {
+    /**
+     * The unique identifier for the collapsible list.
+     */
+    id: string;
+    /**
+     * The header text for the collapsible list.
+     */
+    header: string;
+    /**
+     * Configuration for the header icon.
+     */
+    headerIconConfig?: {
+        /**
+         * A React component representing an icon button to be displayed with the header.
+         */
+        Icon: React.FunctionComponent<React.SVGProps<SVGSVGElement>>;
+        /**
+         * Properties for the header icon component.
+         */
+        props?: React.SVGProps<SVGSVGElement>;
+        /**
+         * Properties for the header icon button component.
+         */
+        btnProps?: React.ButtonHTMLAttributes<HTMLButtonElement>;
+        /**
+         * Properties for the tooltip component of the icon.
+         */
+        tooltipProps?: TippyProps;
+    };
+    /**
+     * Text to display when there are no items in the list.
+     * @default 'No items found.'
+     */
+    noItemsText?: string;
+    /**
+     * An array of items to be displayed in the collapsible list.
+     */
+    items: CollapsibleListItem[];
+    /**
+     * Boolean indicating whether the list is expanded or not.
+     */
+    isExpanded?: boolean;
+}
+export interface CollapsibleListProps {
+    /**
+     * An array of collapsible list configurations.
+     */
+    config: CollapsibleListConfig[];
+    /**
+     * Function to handle the collapse button click event.
+     *
+     * @param id - The unique identifier for the item to collapse.
+     * @param e - The mouse event triggered by the button click.
+     *
+     */
+    onCollapseBtnClick?: (id: string, e: React.MouseEvent<HTMLButtonElement>) => void;
+}

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

@@ -0,0 +1,2 @@
+export * from './CollapsibleList.component';
+export * from './CollapsibleList.types';

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

@@ -0,0 +1,3 @@
+import { DeploymentConfigDiffProps } from './types';
+
+export declare const DeploymentConfigDiff: ({ isLoading, configList, collapsibleNavList, navList, goBackURL, navHeading, navHelpText, ...resProps }: DeploymentConfigDiffProps) => JSX.Element;

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

@@ -0,0 +1,38 @@
+import { SortingOrder } from '../../../Common/Constants';
+import { DeploymentConfigDiffProps } from '..';
+import { AppEnvDeploymentConfigDTO, ConfigMapSecretDataConfigDatumDTO, EnvResourceType, TemplateListDTO } from '../../Services/app.types';
+
+/**
+ * Retrieves the draft data from the given configuration data object.
+ *
+ * @param configData - The configuration data object.
+ * @returns The draft data if available, otherwise the original data.
+ */
+export declare const getDraftData: (configData: ConfigMapSecretDataConfigDatumDTO) => ConfigMapSecretDataConfigDatumDTO;
+/**
+ * Combines two arrays of configuration data objects based on a 'name' key.
+ *
+ * @param primaryArray - The first array of configuration data objects.
+ * @param secondaryArray - The second array of configuration data objects.
+ * @returns The combined array of configuration data objects.
+ */
+export declare const mergeConfigDataArraysByName: (primaryArray: ConfigMapSecretDataConfigDatumDTO[], secondaryArray: ConfigMapSecretDataConfigDatumDTO[]) => ConfigMapSecretDataConfigDatumDTO[][];
+/**
+ * Generates a list of deployment configurations for application environments and identifies changes between the current and compare lists.
+ *
+ * @param currentList - The current deployment configuration list.
+ * @param compareList - The deployment configuration list to compare against.
+ * @param getNavItemHref - A function to generate navigation item URLs based on the resource type and resource name.
+ * @param sortOrder - (Optional) The order in which to sort the deployment templates.
+ *
+ * @returns An object containing the combined deployment configuration list, a collapsible navigation list, and a navigation list.
+ */
+export declare const getAppEnvDeploymentConfigList: (currentList: AppEnvDeploymentConfigDTO, compareList: AppEnvDeploymentConfigDTO, getNavItemHref: (resourceType: EnvResourceType, resourceName: string) => string, sortOrder?: SortingOrder) => {
+    configList: DeploymentConfigDiffProps['configList'];
+    navList: DeploymentConfigDiffProps['navList'];
+    collapsibleNavList: DeploymentConfigDiffProps['collapsibleNavList'];
+};
+export declare const getDefaultVersionAndPreviousDeploymentOptions: (data: TemplateListDTO[]) => {
+    previousDeployments: TemplateListDTO[];
+    defaultVersions: TemplateListDTO[];
+};

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

@@ -0,0 +1,3 @@
+import { DeploymentConfigDiffAccordionProps } from './types';
+
+export declare const DeploymentConfigDiffAccordion: import('react').ForwardRefExoticComponent<DeploymentConfigDiffAccordionProps & import('react').RefAttributes<HTMLDivElement>>;

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

@@ -0,0 +1,3 @@
+import { DeploymentConfigDiffMainProps } from './types';
+
+export declare const DeploymentConfigDiffMain: ({ isLoading, headerText, configList, selectorsConfig, sortingConfig, scrollIntoViewId, }: DeploymentConfigDiffMainProps) => JSX.Element;

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

@@ -0,0 +1,3 @@
+import { DeploymentConfigDiffNavigationProps } from './types';
+
+export declare const DeploymentConfigDiffNavigation: ({ isLoading, collapsibleNavList, navList, goBackURL, navHeading, navHelpText, }: DeploymentConfigDiffNavigationProps) => JSX.Element;

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

@@ -0,0 +1,3 @@
+export * from './DeploymentConfigDiff.component';
+export * from './types';
+export * from './DeploymentConfigDiff.utils';

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

@@ -0,0 +1,69 @@
+import { SortingOrder } from '../../../Common/Constants';
+import { ConfigMapSecretDataConfigDatumDTO, DeploymentTemplateDTO } from '../../Services';
+import { DeploymentHistoryDetail } from '../CICDHistory';
+import { CollapsibleListConfig, CollapsibleListItem } from '../CollapsibleList';
+import { SelectPickerProps } from '../SelectPicker';
+import { CollapseProps } from '../Collapse';
+
+export interface DeploymentConfigType {
+    list: DeploymentHistoryDetail;
+    heading: React.ReactNode;
+}
+export interface DeploymentConfigListItem {
+    id: string;
+    title: string;
+    primaryConfig: DeploymentConfigType;
+    secondaryConfig: DeploymentConfigType;
+    hasDiff?: boolean;
+    isDeploymentTemplate?: boolean;
+}
+export type DeploymentConfigDiffSelectPickerProps = {
+    type: 'string';
+    id: string;
+    text: string | React.ReactNode;
+    selectPickerProps?: never;
+} | {
+    type: 'selectPicker';
+    id: string;
+    text?: never;
+    selectPickerProps: SelectPickerProps;
+};
+export interface DeploymentConfigDiffNavigationItem extends Pick<CollapsibleListItem, 'href' | 'title' | 'onClick'> {
+    hasDiff?: boolean;
+}
+export interface DeploymentConfigDiffNavigationCollapsibleItem extends Pick<CollapsibleListConfig, 'id' | 'header' | 'noItemsText'> {
+    items: DeploymentConfigDiffNavigationItem[];
+}
+export interface DeploymentConfigDiffProps {
+    isLoading?: boolean;
+    configList: DeploymentConfigListItem[];
+    headerText?: string;
+    scrollIntoViewId?: string;
+    selectorsConfig: {
+        primaryConfig: DeploymentConfigDiffSelectPickerProps[];
+        secondaryConfig: DeploymentConfigDiffSelectPickerProps[];
+    };
+    sortingConfig?: {
+        sortBy: string;
+        sortOrder: SortingOrder;
+        handleSorting: () => void;
+    };
+    navList: DeploymentConfigDiffNavigationItem[];
+    collapsibleNavList: DeploymentConfigDiffNavigationCollapsibleItem[];
+    goBackURL?: string;
+    navHeading: string;
+    navHelpText?: string;
+}
+export interface DeploymentConfigDiffNavigationProps extends Pick<DeploymentConfigDiffProps, 'isLoading' | 'navList' | 'collapsibleNavList' | 'goBackURL' | 'navHeading' | 'navHelpText'> {
+}
+export interface DeploymentConfigDiffMainProps extends Pick<DeploymentConfigDiffProps, 'isLoading' | 'headerText' | 'configList' | 'scrollIntoViewId' | 'selectorsConfig' | 'sortingConfig'> {
+}
+export interface DeploymentConfigDiffAccordionProps extends Pick<CollapseProps, 'onTransitionEnd'> {
+    id: string;
+    title: string;
+    children: React.ReactNode;
+    hasDiff?: boolean;
+    isExpanded?: boolean;
+    onClick?: (e: React.MouseEvent<HTMLButtonElement>) => void;
+}
+export type DiffHeadingDataType<DeploymentTemplate> = DeploymentTemplate extends true ? DeploymentTemplateDTO : ConfigMapSecretDataConfigDatumDTO;

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: parentValidationSchema, errorMessages: parentErrorMessages, onError, validateDuplicateKeys, validateEmptyKeys, }: KeyValueTableProps<K>) => JSX.Element;
+export declare const KeyValueTable: <K extends string>({ config, maskValue, isSortable, headerComponent, onChange, onDelete, placeholder, isAdditionNotAllowed, readOnly, showError, validationSchema, errorMessages, onError, }: KeyValueTableProps<K>) => JSX.Element;

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

@@ -36,29 +36,6 @@ 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.
@@ -73,7 +50,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 type KeyValueTableProps<K extends string> = {
+export interface KeyValueTableProps<K extends string> {
     /** The configuration for the key-value table. */
     config: KeyValueConfig<K>;
     /** An optional mask for the key-value pairs. */
@@ -99,15 +76,18 @@ export type 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, rowId: string | number) => boolean;
+    validationSchema?: (value: string, key: K) => boolean;
     /**
      * An array of error messages to be displayed in the cell error tooltip.
      */
@@ -117,5 +97,4 @@ export type 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/SelectPicker/SelectPicker.component.d.ts

@@ -81,5 +81,5 @@ import { SelectPickerProps } from './type';
  * <SelectPicker ... showSelectedOptionsCount />
  * ```
  */
-declare const SelectPicker: ({ error, icon, renderMenuListFooter, helperText, placeholder, label, showSelectedOptionIcon, size, disabledTippyContent, showSelectedOptionsCount, menuSize, ...props }: SelectPickerProps) => JSX.Element;
+declare const SelectPicker: ({ error, icon, renderMenuListFooter, helperText, placeholder, label, showSelectedOptionIcon, size, disabledTippyContent, showSelectedOptionsCount, menuSize, variant, ...props }: SelectPickerProps) => JSX.Element;
 export default SelectPicker;

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

@@ -6,5 +6,5 @@ export declare const SelectPickerClearIndicator: (props: ClearIndicatorProps<Sel
 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 SelectPickerLoadingIndicator: () => JSX.Element;
-export declare const SelectPickerOption: (props: OptionProps<SelectPickerOptionType>) => 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;

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

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

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

@@ -17,6 +17,10 @@ export interface SelectPickerOptionType extends OptionType<number | string, Reac
      */
     endIcon?: ReactElement;
 }
+export declare enum SelectPickerVariantType {
+    DEFAULT = "default",
+    BORDERLESS = "borderless"
+}
 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'>> {
     /**
@@ -70,5 +74,17 @@ export interface SelectPickerProps extends Pick<SelectProps, 'options' | 'value'
      * @default 'ComponentSizeType.small'
      */
     menuSize?: ComponentSizeType;
+    /**
+     * Variant of the select.
+     *
+     * @default SelectPickerVariantType.DEFAULT
+     */
+    variant?: SelectPickerVariantType;
+    /**
+     * Disables the ellipsis on description, it will be shown in full width, wrapped if required.
+     *
+     * @default false
+     */
+    disableDescriptionEllipsis?: boolean;
 }
 export {};

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

@@ -1,4 +1,13 @@
-import { StylesConfig } from 'react-select';
+import { GroupBase, OptionsOrGroups, StylesConfig } from 'react-select';
 import { SelectPickerOptionType, SelectPickerProps } from './type';
 
-export declare const getCommonSelectStyle: ({ error, size, menuSize, }: Pick<SelectPickerProps, 'error' | 'size' | 'menuSize'>) => StylesConfig<SelectPickerOptionType>;
+export declare const getCommonSelectStyle: ({ error, size, menuSize, variant, }: Pick<SelectPickerProps, 'error' | 'size' | 'menuSize' | 'variant'>) => StylesConfig<SelectPickerOptionType>;
+/**
+ * Retrieves an option from the options list based on the provided value.
+ *
+ * @param optionsList - The list of options or groups of options.
+ * @param value - The value to compare against the options' values.
+ * @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;

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

@@ -33,4 +33,7 @@ export * from './IframeContainer';
 export * from './Plugin';
 export * from './KeyValueTable';
 export * from './SelectPicker';
+export * from './CollapsibleList';
+export * from './DeploymentConfigDiff';
 export * from './DetectBottom';
+export * from './Collapse';

package/dist/Shared/Helpers.d.ts

@@ -1,4 +1,5 @@
 import { ReactElement } from 'react';
+import { Pair } from 'yaml';
 import { MaterialInfo, SortingOrder } from '../Common';
 import { GitTriggers, IntersectionChangeHandler, IntersectionOptions, WebhookEventNameType } from './types';
 import { AggregatedNodes, DeploymentStatusDetailsBreakdownDataType, DeploymentStatusDetailsType, PodMetadatum } from './Components';
@@ -25,6 +26,7 @@ export declare const getGitCommitInfo: (materialInfo: MaterialInfo) => GitTrigge
 export declare const stringComparatorBySortOrder: (a: string, b: string, sortOrder?: SortingOrder, isCaseSensitive?: boolean) => number;
 export declare const numberComparatorBySortOrder: (a: number, b: number, sortOrder?: SortingOrder) => number;
 export declare const getWebhookEventIcon: (eventName: WebhookEventNameType) => JSX.Element;
+export declare const yamlComparatorBySortOrder: (a: Pair, b: Pair, sortOrder?: SortingOrder) => number;
 export declare const useIntersection: (target: React.RefObject<Element> | Element | null, options?: IntersectionOptions, callback?: IntersectionChangeHandler) => boolean;
 export declare const isNullOrUndefined: (value: unknown) => boolean;
 export declare const handleDisableSubmitOnEnter: (event: React.KeyboardEvent<HTMLFormElement>) => void;

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

@@ -1,7 +1,9 @@
-import { CIMaterialInfoType, GetCITriggerInfoParamsType } from './app.types';
+import { ResponseType } from '../../Common';
+import { CIMaterialInfoType, GetCITriggerInfoParamsType, AppEnvDeploymentConfigDTO, AppEnvDeploymentConfigPayloadType } from './app.types';
 
 export declare const getCITriggerInfo: (params: GetCITriggerInfoParamsType) => Promise<CIMaterialInfoType>;
 /**
  * The only difference between this and getCITriggerInfo is it doesn't have env and trigger related meta info
  */
 export declare const getArtifactInfo: (params: Pick<GetCITriggerInfoParamsType, 'ciArtifactId'>) => Promise<CIMaterialInfoType>;
+export declare const getAppEnvDeploymentConfig: (params: AppEnvDeploymentConfigPayloadType, signal?: AbortSignal) => Promise<ResponseType<AppEnvDeploymentConfigDTO>>;

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

@@ -93,4 +93,120 @@ export interface GetCITriggerInfoParamsType {
     envId: number | string;
     ciArtifactId: number | string;
 }
+export declare enum AppEnvDeploymentConfigType {
+    PUBLISHED_ONLY = "PublishedOnly",
+    DRAFT_ONLY = "DraftOnly",
+    PUBLISHED_WITH_DRAFT = "PublishedWithDraft",
+    PREVIOUS_DEPLOYMENTS = "PreviousDeployments",
+    DEFAULT_VERSION = "DefaultVersion"
+}
+export interface DraftMetadataDTO {
+    appId: number;
+    envId: number;
+    resource: number;
+    resourceName: string;
+    action: number;
+    data: string;
+    userComment: string;
+    changeProposed: boolean;
+    protectNotificationConfig: {
+        [key: string]: null;
+    };
+    draftId: number;
+    draftVersionId: number;
+    draftState: number;
+    approvers: string[];
+    canApprove: boolean;
+    commentsCount: number;
+    dataEncrypted: boolean;
+    isAppAdmin: boolean;
+}
+export interface ConfigDatum {
+    name: string;
+    type: string;
+    external: boolean;
+    data: Record<string, string>;
+    defaultData: Record<string, string>;
+    global: boolean;
+    externalType: string;
+    esoSecretData: {};
+    defaultESOSecretData: {};
+    secretData: Record<string, string>;
+    defaultSecretData: Record<string, string>;
+    roleARN: string;
+    subPath: boolean;
+    filePermission: string;
+    overridden: boolean;
+    mountPath?: string;
+    defaultMountPath?: string;
+}
+export interface ConfigMapSecretDataConfigDatumDTO extends ConfigDatum {
+    draftMetadata: DraftMetadataDTO;
+}
+export interface ConfigMapSecretDataType {
+    id: number;
+    appId: number;
+    configData: ConfigMapSecretDataConfigDatumDTO[];
+}
+export declare enum ConfigResourceType {
+    ConfigMap = "ConfigMap",
+    Secret = "Secret",
+    DeploymentTemplate = "Deployment Template"
+}
+export interface DeploymentTemplateDTO {
+    resourceType: ConfigResourceType.DeploymentTemplate;
+    data: {
+        [key: string]: any;
+    };
+    deploymentDraftData: ConfigMapSecretDataType | null;
+}
+export interface ConfigMapSecretDataDTO {
+    resourceType: Extract<ConfigResourceType, ConfigResourceType.ConfigMap | ConfigResourceType.Secret>;
+    data: ConfigMapSecretDataType;
+}
+export interface AppEnvDeploymentConfigDTO {
+    deploymentTemplate: DeploymentTemplateDTO | null;
+    configMapData: ConfigMapSecretDataDTO | null;
+    secretsData: ConfigMapSecretDataDTO | null;
+    isAppAdmin: boolean;
+}
+export interface AppEnvDeploymentConfigPayloadType {
+    appName: string;
+    envName: string;
+    configType: AppEnvDeploymentConfigType;
+    identifierId?: number;
+    pipelineId?: number;
+    resourceType?: ConfigResourceType;
+    resourceId?: number;
+    resourceName?: string;
+}
+export declare enum TemplateListType {
+    DefaultVersions = 1,
+    PublishedOnEnvironments = 2,
+    DeployedOnSelfEnvironment = 3,
+    DeployedOnOtherEnvironment = 4
+}
+export interface TemplateListDTO {
+    chartRefId: number;
+    chartVersion?: string;
+    chartType?: string;
+    type: TemplateListType;
+    environmentId?: number;
+    environmentName?: string;
+    deploymentTemplateHistoryId?: number;
+    finishedOn?: string;
+    status?: string;
+    pipelineId?: number;
+}
+export declare enum DraftState {
+    Init = 1,
+    Discarded = 2,
+    Published = 3,
+    AwaitApproval = 4
+}
+export declare enum EnvResourceType {
+    ConfigMap = "configmap",
+    Secret = "secrets",
+    DeploymentTemplate = "deployment-template"
+}
 export {};

package/dist/Shared/constants.d.ts

@@ -1,6 +1,3 @@
-import { OptionType } from '../Common/Types';
-import { CDMaterialSidebarType } from './types';
-
 export declare const ARTIFACT_STATUS: {
     PROGRESSING: string;
     DEGRADED: string;
@@ -400,4 +397,3 @@ export declare enum SelectAllGroupedResourceIdentifiers {
     allExistingAndFutureProdEnvironments = "-2",
     allExistingAndFutureEnvironments = "-3"
 }
-export declare const CD_MATERIAL_SIDEBAR_TABS: OptionType<CDMaterialSidebarType, CDMaterialSidebarType>[];