@devtron-labs/devtron-fe-common-lib 0.1.12 → 0.1.13-beta-2

package/dist/Common/Constants.d.ts

@@ -229,6 +229,8 @@ export declare enum ReactSelectInputAction {
 export declare const ZERO_TIME_STRING = "0001-01-01T00:00:00Z";
 export declare const EXCLUDED_FALSY_VALUES: readonly [any, any, "", number];
 export declare const API_STATUS_CODES: {
+    OK: number;
+    NO_CONTENT: number;
     BAD_REQUEST: number;
     UNAUTHORIZED: number;
     PERMISSION_DENIED: number;

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, getArtifactPromise, 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, jobCIClass, renderCIListHeader, }: ArtifactType) => JSX.Element;
 export default Artifacts;

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/service.d.ts

@@ -23,6 +23,5 @@ export declare const preparePipelineConfigData: (rawData: any) => Record<string,
 export declare const prepareConfigMapAndSecretData: (rawData: any, type: string, historyData: DeploymentHistoryDetail, skipDecode?: boolean) => Record<string, DeploymentHistorySingleValue>;
 export declare const prepareHistoryData: (rawData: any, historyComponent: string, skipDecode?: boolean) => DeploymentHistoryDetail;
 export declare const getDeploymentDiffSelector: (pipelineId: string, historyComponent: any, baseConfigurationId: any, historyComponentName: any) => Promise<HistoryDiffSelectorRes>;
-export declare function getCDBuildReport(appId: any, envId: any, pipelineId: any, workflowId: any): Promise<ResponseType<any>>;
 export declare const getTriggerHistory: ({ appId, envId, pagination, releaseId, showCurrentReleaseDeployments, }: TriggerHistoryParamsType) => Promise<Pick<DeploymentHistoryResult, 'result'>>;
 export declare const getModuleConfigured: (moduleName: string) => Promise<ModuleConfigResponse>;

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;
@@ -469,7 +471,7 @@ export interface ArtifactType {
     artifact: string;
     blobStorageEnabled: boolean;
     isArtifactUploaded?: boolean;
-    getArtifactPromise?: () => Promise<any>;
+    downloadArtifactUrl?: string;
     isJobView?: boolean;
     isJobCI?: boolean;
     type: HistoryComponentType;

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/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, scrollIntoViewId, selectorsConfig, sortOrder, onSortBtnClick, }: 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,2 @@
+export * from './DeploymentConfigDiff.component';
+export * from './types';

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

@@ -0,0 +1,63 @@
+import { SortingOrder } from '../../../Common/Constants';
+import { DeploymentHistoryDetail } from '../CICDHistory';
+import { CollapsibleListConfig, CollapsibleListItem } from '../CollapsibleList';
+import { SelectPickerProps } from '../SelectPicker';
+
+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[];
+    };
+    sortOrder?: SortingOrder;
+    onSortBtnClick?: () => 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' | 'sortOrder' | 'onSortBtnClick'> {
+}
+export interface DeploymentConfigDiffAccordionProps {
+    id: string;
+    title: string;
+    children: React.ReactNode;
+    hasDiff?: boolean;
+    isExpanded?: boolean;
+    handleOnClick?: (e: React.MouseEvent<HTMLButtonElement>) => void;
+}

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, }: 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

@@ -60,8 +60,10 @@ export interface KeyValueTableProps<K extends string> {
     isSortable?: boolean;
     /** An optional React node for a custom header component. */
     headerComponent?: ReactNode;
-    /** When true, data addition field will not be shown */
+    /** When true, data addition field will not be shown. */
     isAdditionNotAllowed?: boolean;
+    /** When true, data add or update is disabled. */
+    readOnly?: boolean;
     /**
      * An optional function to handle changes in the table rows.
      * @param rowId - The id of the row that changed.
@@ -74,4 +76,24 @@ 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.
+     * @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) => boolean;
+    /**
+     * An array of error messages to be displayed in the cell error tooltip.
+     */
+    errorMessages?: string[];
+    /**
+     * A callback function called when an error occurs.
+     * @param errorState - The error state, true when any cell has error, otherwise false.
+     */
+    onError?: (errorState: boolean) => void;
 }

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/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,11 @@ export interface SelectPickerProps extends Pick<SelectProps, 'options' | 'value'
      * @default 'ComponentSizeType.small'
      */
     menuSize?: ComponentSizeType;
+    /**
+     * Variant of the select.
+     *
+     * @default SelectPickerVariantType.DEFAULT
+     */
+    variant?: SelectPickerVariantType;
 }
 export {};

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

@@ -1,4 +1,4 @@
 import { 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>;

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

@@ -32,3 +32,5 @@ export * from './MaterialHistory';
 export * from './IframeContainer';
 export * from './KeyValueTable';
 export * from './SelectPicker';
+export * from './CollapsibleList';
+export * from './DeploymentConfigDiff';

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';
@@ -24,6 +25,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;
@@ -32,4 +34,5 @@ export declare const renderValidInputButtonTippy: (children: ReactElement) => JS
 export declare const processDeploymentStatusDetailsData: (data?: DeploymentStatusDetailsType) => DeploymentStatusDetailsBreakdownDataType;
 export declare function aggregateNodes(nodes: any[], podMetadata: PodMetadatum[]): AggregatedNodes;
 export declare const decode: (data: any, isEncoded?: boolean) => {};
+export declare const getFileNameFromHeaders: (headers: Headers) => string;
 export {};

package/dist/Shared/Hooks/UseDownload/UseDownload.d.ts

@@ -0,0 +1,8 @@
+import { ServerErrors } from '../../../Common/ServerError';
+import { HandleDownloadProps } from './types';
+
+declare const useDownload: () => {
+    handleDownload: ({ downloadUrl, showFilePreparingToast, fileName, showSuccessfulToast, downloadSuccessToastContent, }: HandleDownloadProps) => Promise<Error | ServerErrors>;
+    isDownloading: boolean;
+};
+export default useDownload;

package/dist/Shared/Hooks/UseDownload/index.d.ts

@@ -0,0 +1,2 @@
+export { default as useDownload } from './UseDownload';
+export * from './types';

package/dist/Shared/Hooks/UseDownload/service.d.ts

@@ -0,0 +1 @@
+export declare const getDownloadResponse: (downloadUrl: string) => Promise<Response>;

package/dist/Shared/Hooks/UseDownload/types.d.ts

@@ -0,0 +1,7 @@
+export interface HandleDownloadProps {
+    downloadUrl: string;
+    showFilePreparingToast?: boolean;
+    fileName?: string;
+    showSuccessfulToast?: boolean;
+    downloadSuccessToastContent?: string;
+}

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

@@ -1 +1,2 @@
 export * from './UsePrompt';
+export * from './UseDownload';