@devtron-labs/devtron-fe-common-lib 1.1.6-beta-3 → 1.1.6-beta-5

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

@@ -4,6 +4,16 @@ export interface SuggestedTagOptionType extends OptionType {
     description: string;
     propagate: boolean;
 }
+export declare enum DeploymentPolicy {
+    ALLOW = "allow",
+    BLOCK = "block",
+    BLOCK_PROD = "block-prod",
+    BLOCK_NON_PROD = "block-non-prod"
+}
+export interface VariableValueConstraintTypes {
+    choices?: string[];
+    blockCustomValue?: boolean;
+}
 export interface TagType {
     id?: number;
     key: string;
@@ -15,6 +25,8 @@ export interface TagType {
     isInvalidValue?: boolean;
     isSuggested?: boolean;
     isPropagateDisabled?: boolean;
+    deploymentPolicy?: DeploymentPolicy;
+    valueConstraint?: VariableValueConstraintTypes;
 }
 export interface TagErrorType {
     isValid: boolean;

package/dist/Common/Types.d.ts

@@ -1,8 +1,9 @@
 import { default as React, ReactNode, CSSProperties, ReactElement, MutableRefObject } from 'react';
+import { TippyProps } from '@tippyjs/react';
 import { Placement } from 'tippy.js';
 import { UserGroupDTO } from '../Pages/GlobalConfigurations';
 import { ImageComment, ReleaseTag } from './ImageTags.Types';
-import { MandatoryPluginBaseStateType, RegistryType, RuntimeParamsListItemType, Severity } from '../Shared';
+import { MandatoryPluginBaseStateType, PolicyBlockInfo, RegistryType, RuntimeParamsListItemType, Severity } from '../Shared';
 import { ACTION_STATE, DEPLOYMENT_WINDOW_TYPE, DockerConfigOverrideType, SortingOrder, TaskErrorObj } from '.';
 /**
  * Generic response type object with support for overriding the result type
@@ -65,7 +66,7 @@ export interface CheckboxProps {
     id?: string;
     dataTestId?: string;
 }
-export interface TippyCustomizedProps {
+export interface TippyCustomizedProps extends Pick<TippyProps, 'appendTo'> {
     theme: TippyTheme;
     visible?: boolean;
     heading?: ReactNode | string;
@@ -431,6 +432,7 @@ export interface CDMaterialType {
      * Would currently only be received in case of release
      */
     appWorkflowId: number;
+    deploymentBlockedState?: PolicyBlockInfo;
 }
 export declare enum CDMaterialServiceEnum {
     ROLLBACK = "rollback",
@@ -467,6 +469,14 @@ export interface DownstreamNodesEnvironmentsType {
     environmentId: number;
     environmentName: string;
 }
+export declare enum TriggerBlockType {
+    MANDATORY_TAG = "mandatory-tags",
+    MANDATORY_PLUGIN = "mandatory-plugins"
+}
+export interface TriggerBlockedInfo {
+    blockedBy: TriggerBlockType;
+    blockedReason?: string;
+}
 export interface CommonNodeAttr extends Pick<MandatoryPluginBaseStateType, 'isTriggerBlocked' | 'pluginBlockState'> {
     connectingCiPipelineId?: number;
     parents: string | number[] | string[];
@@ -529,6 +539,7 @@ export interface CommonNodeAttr extends Pick<MandatoryPluginBaseStateType, 'isTr
     downstreamEnvironments?: DownstreamNodesEnvironmentsType[];
     cipipelineId?: number;
     isDeploymentBlocked?: boolean;
+    triggerBlockedInfo?: TriggerBlockedInfo;
 }
 export declare enum DeploymentAppTypes {
     HELM = "helm",
@@ -592,6 +603,7 @@ export interface CDMaterialsMetaInfo {
      */
     requestedUserId: number;
     runtimeParams: RuntimeParamsListItemType[];
+    deploymentBlockedState?: PolicyBlockInfo;
 }
 export interface ImagePromotionMaterialInfo {
     isApprovalPendingForPromotion: boolean;
@@ -685,6 +697,7 @@ export interface PrePostDeployStageType extends MandatoryPluginBaseStateType {
     triggerType: string;
     name: string;
     status: string;
+    triggerBlockedInfo?: TriggerBlockedInfo;
 }
 export interface CdPipeline {
     id: number;
@@ -718,6 +731,8 @@ export interface CdPipeline {
     isProdEnv?: boolean;
     isGitOpsRepoNotConfigured?: boolean;
     isDeploymentBlocked?: boolean;
+    isTriggerBlocked?: boolean;
+    triggerBlockedInfo?: TriggerBlockedInfo;
 }
 export interface ExternalCiConfig {
     id: number;

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

@@ -0,0 +1,2 @@
+import { DynamicDataTableProps } from './types';
+export declare const DynamicDataTable: <K extends string>({ headers, ...props }: DynamicDataTableProps<K>) => JSX.Element;

package/dist/Shared/Components/DynamicDataTable/DynamicDataTableHeader.d.ts

@@ -0,0 +1,2 @@
+import { DynamicDataTableHeaderProps } from './types';
+export declare const DynamicDataTableHeader: <K extends string>({ headers, rows, sortingConfig, onRowAdd, readOnly, isAdditionNotAllowed, isDeletionNotAllowed, headerComponent, actionButtonConfig, }: DynamicDataTableHeaderProps<K>) => JSX.Element;

package/dist/Shared/Components/DynamicDataTable/DynamicDataTableRow.d.ts

@@ -0,0 +1,2 @@
+import { DynamicDataTableRowProps } from './types';
+export declare const DynamicDataTableRow: <K extends string>({ rows, headers, maskValue, readOnly, isAdditionNotAllowed, isDeletionNotAllowed, validationSchema, showError, errorMessages, actionButtonConfig, onRowEdit, onRowDelete, leadingCellIcon, trailingCellIcon, }: DynamicDataTableRowProps<K>) => JSX.Element;

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

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

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

@@ -0,0 +1,161 @@
+import { DetailedHTMLProps, ReactNode } from 'react';
+import { SortingOrder } from '../../../Common/Constants';
+import { SelectPickerOptionType, SelectPickerProps } from '../SelectPicker';
+import { MultipleResizableTextAreaProps } from '../MultipleResizableTextArea';
+import { SelectTextAreaProps } from '../SelectTextArea';
+/**
+ * Interface representing a key-value header.
+ * @template K - A string representing the key type.
+ */
+export type DynamicDataTableHeaderType<K extends string> = {
+    /** The label of the header. */
+    label: string;
+    /** The key associated with the header. */
+    key: K;
+    /** */
+    width: string;
+    /** An optional boolean indicating if the column is sortable. */
+    isSortable?: boolean;
+    /** An optional boolean to hide the column */
+    isHidden?: boolean;
+};
+export declare enum DynamicDataTableRowDataType {
+    TEXT = "text",
+    DROPDOWN = "dropdown",
+    SELECT_TEXT = "select-text",
+    BUTTON = "button"
+}
+/**
+ * Type representing a key-value row.
+ * @template K - A string representing the key type.
+ */
+export type DynamicDataTableRowType<K extends string> = {
+    data: {
+        [key in K]: {
+            value: string;
+            disabled?: boolean;
+            /** An optional boolean indicating if an asterisk should be shown. */
+            required?: boolean;
+        } & ({
+            type?: DynamicDataTableRowDataType.TEXT;
+            props?: Omit<MultipleResizableTextAreaProps, 'className' | 'minHeight' | 'maxHeight' | 'value' | 'onChange' | 'disabled' | 'disableOnBlurResizeToMinHeight' | 'refVar' | 'dependentRefs'>;
+        } | {
+            type?: DynamicDataTableRowDataType.DROPDOWN;
+            props?: Omit<SelectPickerProps<string, false>, 'inputId' | 'value' | 'onChange' | 'fullWidth' | 'isDisabled'>;
+        } | {
+            type?: DynamicDataTableRowDataType.SELECT_TEXT;
+            props?: Omit<SelectTextAreaProps, 'value' | 'onChange' | 'inputId' | 'isDisabled' | 'dependentRefs' | 'refVar' | 'textAreaProps'> & {
+                textAreaProps?: Omit<SelectTextAreaProps['textAreaProps'], 'className' | 'disableOnBlurResizeToMinHeight' | 'minHeight' | 'maxHeight'>;
+            };
+        } | ({
+            type?: DynamicDataTableRowDataType.BUTTON;
+            props: Pick<DetailedHTMLProps<React.ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>, 'onClick'> & {
+                icon?: ReactNode;
+                text: ReactNode;
+            };
+        } & ({
+            wrap: true;
+            wrapRenderer: (props: {
+                children: JSX.Element;
+                customState?: Record<string, any>;
+            }) => JSX.Element;
+        } | {
+            wrap?: false;
+            wrapRenderer?: never;
+        })));
+    };
+    id: string | number;
+    /** */
+    customState?: Record<string, any>;
+};
+/**
+ * Type representing a mask for key-value pairs.
+ * @template K - A string representing the key type.
+ */
+type DynamicDataTableMask<K extends string> = {
+    [key in K]?: boolean;
+};
+type DynamicDataTableCellIcon<K extends string> = {
+    [key in K]?: (rowId: string | number) => ReactNode;
+};
+/**
+ * Interface representing the properties for a key-value table component.
+ * @template K - A string representing the key type.
+ */
+export type DynamicDataTableProps<K extends string> = {
+    /** An array containing two key-value headers. */
+    headers: DynamicDataTableHeaderType<K>[];
+    /** An array of key-value rows. */
+    rows: DynamicDataTableRowType<K>[];
+    /** */
+    sortingConfig?: {
+        sortBy: K;
+        sortOrder: SortingOrder;
+        handleSorting: () => void;
+    };
+    /** An optional mask for the key-value pairs. */
+    maskValue?: DynamicDataTableMask<K>;
+    /** */
+    leadingCellIcon?: DynamicDataTableCellIcon<K>;
+    /** */
+    trailingCellIcon?: DynamicDataTableCellIcon<K>;
+    /** An optional React node for a custom header component. */
+    headerComponent?: ReactNode;
+    /** When true, data addition field will not be shown. */
+    isAdditionNotAllowed?: boolean;
+    /** When true, data addition field will not be shown. */
+    isDeletionNotAllowed?: boolean;
+    /** When true, data add or update is disabled. */
+    readOnly?: boolean;
+    /** */
+    onRowAdd: () => void;
+    /**
+     * Function to handle changes in the table rows.
+     * @param row - The row that changed.
+     * @param headerKey - The key of the header that changed.
+     * @param value - The value of the cell.
+     */
+    onRowEdit: (row: DynamicDataTableRowType<K>, headerKey: K, value: string, extraData: {
+        selectedValue?: SelectPickerOptionType<string>;
+    }) => void;
+    /**
+     * Function to handle row deletions.
+     * @param row - The row that was deleted.
+     */
+    onRowDelete: (row: DynamicDataTableRowType<K>) => void;
+    /** */
+    actionButtonConfig?: {
+        renderer: (row: DynamicDataTableRowType<K>) => ReactNode;
+        key?: K;
+        /**
+         * @default '32px'
+         */
+        width?: string;
+        /**
+         * @default 'start'
+         */
+        position?: 'start' | 'end';
+    };
+    /**
+     * Indicates whether to show errors.
+     */
+    showError?: boolean;
+    /**
+     * An array of error messages to be displayed in the cell error tooltip.
+     */
+    errorMessages?: string[];
+    /**
+     * 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;
+};
+export interface DynamicDataTableHeaderProps<K extends string> extends Pick<DynamicDataTableProps<K>, 'headers' | 'rows' | 'headerComponent' | 'sortingConfig' | 'onRowAdd' | 'readOnly' | 'isAdditionNotAllowed' | 'isDeletionNotAllowed' | 'actionButtonConfig'> {
+}
+export interface DynamicDataTableRowProps<K extends string> extends Pick<DynamicDataTableProps<K>, 'rows' | 'headers' | 'maskValue' | 'isAdditionNotAllowed' | 'isDeletionNotAllowed' | 'readOnly' | 'onRowEdit' | 'onRowDelete' | 'actionButtonConfig' | 'showError' | 'errorMessages' | 'validationSchema' | 'leadingCellIcon' | 'trailingCellIcon'> {
+}
+export {};

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

@@ -0,0 +1,5 @@
+import { DynamicDataTableHeaderType, DynamicDataTableProps, DynamicDataTableRowDataType } from './types';
+export declare const getActionButtonPosition: <K extends string>({ headers, actionButtonConfig, }: Pick<DynamicDataTableProps<K>, "headers" | "actionButtonConfig">) => number;
+export declare const getHeaderGridTemplateColumn: <K extends string>(headers: DynamicDataTableHeaderType<K>[], actionButtonConfig: DynamicDataTableProps<K>["actionButtonConfig"], noDeleteBtn: boolean) => string;
+export declare const getRowGridTemplateColumn: <K extends string>(headers: DynamicDataTableHeaderType<K>[], actionButtonConfig: DynamicDataTableProps<K>["actionButtonConfig"], noDeleteBtn: boolean) => string;
+export declare const rowTypeHasInputField: (type: DynamicDataTableRowDataType) => boolean;

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

@@ -0,0 +1,2 @@
+import { MultipleResizableTextAreaProps } from './types';
+export declare const MultipleResizableTextArea: ({ value, minHeight, maxHeight, dataTestId, onChange, onBlur, onFocus, refVar, dependentRefs, className, disableOnBlurResizeToMinHeight, ...resProps }: MultipleResizableTextAreaProps) => JSX.Element;

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

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

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

@@ -0,0 +1,9 @@
+import { DetailedHTMLProps, MutableRefObject, TextareaHTMLAttributes } from 'react';
+export interface MultipleResizableTextAreaProps extends DetailedHTMLProps<TextareaHTMLAttributes<HTMLTextAreaElement>, HTMLTextAreaElement> {
+    minHeight?: number;
+    maxHeight?: number;
+    dataTestId?: string;
+    refVar?: MutableRefObject<HTMLTextAreaElement>;
+    dependentRefs?: Record<string | number, MutableRefObject<HTMLTextAreaElement>>;
+    disableOnBlurResizeToMinHeight?: boolean;
+}

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

@@ -24,6 +24,10 @@ export interface SelectPickerOptionType<OptionValue = string | number> extends O
     tooltipProps?: Omit<TooltipProps, 'alwaysShowTippyOnHover' | 'showOnTruncate' | 'shortcutKeyCombo'> | (Omit<TooltipProps, 'alwaysShowTippyOnHover' | 'showOnTruncate' | 'content'> & Required<Pick<TooltipProps, 'shortcutKeyCombo'>>);
 }
 type SelectProps<OptionValue, IsMulti extends boolean> = ReactSelectProps<SelectPickerOptionType<OptionValue>, IsMulti, GroupBase<SelectPickerOptionType<OptionValue>>>;
+export declare enum SelectPickerVariantType {
+    DEFAULT = "default",
+    BORDER_LESS = "border-less"
+}
 declare module 'react-select/base' {
     interface Props<Option, IsMulti extends boolean, Group extends GroupBase<Option>> {
         /**
@@ -55,12 +59,9 @@ declare module 'react-select/base' {
          * @default 'true'
          */
         showSelectedOptionIcon?: boolean;
+        variant?: SelectPickerVariantType;
     }
 }
-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'>> & Required<Pick<SelectProps<OptionValue, IsMulti>, 'inputId'>> & Partial<Pick<CreatableProps<SelectPickerOptionType<OptionValue>, IsMulti, GroupBase<SelectPickerOptionType<OptionValue>>>, 'onCreateOption'>> & {
     /**
      * Error message for the select

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

@@ -0,0 +1,2 @@
+import { SelectTextAreaProps } from './types';
+export declare const SelectTextArea: ({ value, selectedOptionIcon: Icon, onChange, options, inputId, placeholder, refVar, dependentRefs, disabled, selectPickerProps, textAreaProps, }: SelectTextAreaProps) => JSX.Element;

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

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

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

@@ -0,0 +1,12 @@
+import { ReactElement } from 'react';
+import { SelectPickerOptionType, SelectPickerProps } from '../SelectPicker';
+import { MultipleResizableTextAreaProps } from '../MultipleResizableTextArea';
+export type SelectTextAreaProps = Pick<SelectPickerProps<string, false>, 'inputId' | 'options'> & Pick<MultipleResizableTextAreaProps, 'refVar' | 'dependentRefs'> & {
+    value: string;
+    selectedOptionIcon?: ReactElement;
+    onChange?: (selectedValue: SelectPickerOptionType<string>) => void;
+    disabled?: boolean;
+    placeholder?: string;
+    textAreaProps?: Omit<MultipleResizableTextAreaProps, 'refVar' | 'dependentRefs' | 'id' | 'value' | 'onChange' | 'placeholder' | 'disabled'>;
+    selectPickerProps?: Omit<SelectPickerProps<string, false>, 'inputId' | 'options' | 'isDisabled' | 'onChange' | 'variant' | 'isCreatable' | 'value' | 'placeholder' | 'fullWidth' | 'selectRef' | 'onCreateOption' | 'isMulti'>;
+};

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

@@ -43,3 +43,5 @@ export * from './Button';
 export * from './InvalidYAMLTippy';
 export * from './ConfirmationModal';
 export * from './DiffViewer';
+export * from './MultipleResizableTextArea';
+export * from './DynamicDataTable';

package/dist/Shared/types.d.ts

@@ -1,5 +1,5 @@
 import { Dayjs } from 'dayjs';
-import { OptionType, CommonNodeAttr, ResponseType, UserApprovalConfigType, VulnerabilityType, DeploymentAppTypes, ServerErrors, SortingParams } from '../Common';
+import { OptionType, CommonNodeAttr, ResponseType, UserApprovalConfigType, VulnerabilityType, DeploymentAppTypes, ServerErrors, SortingParams, TriggerBlockType } from '../Common';
 import { KeyValueListType } from './Components';
 import { EnvironmentTypeEnum, PatchOperationType } from './constants';
 export declare enum EnvType {
@@ -739,4 +739,22 @@ export interface PreventOutsideFocusProps {
     identifier: string;
     preventFocus: boolean;
 }
+export interface PolicyBlockInfo {
+    isBlocked: boolean;
+    blockedBy: TriggerBlockType;
+    reason: string;
+}
+export interface PipelineStageBlockInfo {
+    node: PolicyBlockInfo;
+    pre: PolicyBlockInfo;
+    post: PolicyBlockInfo;
+}
+export interface PolicyConsequencesDTO {
+    cd: PipelineStageBlockInfo;
+    ci: PipelineStageBlockInfo;
+}
+export interface GetPolicyConsequencesProps {
+    appId: number;
+    envId: number;
+}
 export {};