@devtron-labs/devtron-fe-common-lib 1.2.4-beta-12 → 1.2.4-beta-13

package/dist/{@common-rjsf-D7fgYUGe.js → @common-rjsf-D5hvtwIi.js}

@@ -2,7 +2,7 @@ import { j as n, J as A } from "./@vendor-RU8AW1bK.js";
 import E, { forwardRef as $ } from "react";
 import L, { getDefaultRegistry as k } from "@rjsf/core";
 import D from "@rjsf/validator-ajv8";
-import { T as y, c as H, a as J, d as w } from "./@code-editor-CQmGGn4U.js";
+import { T as y, c as H, a as J, d as w } from "./@code-editor-D8U5cRhb.js";
 import M, { components as O } from "react-select";
 import { getUiOptions as B, getTemplate as I, getSubmitButtonOptions as U, ADDITIONAL_PROPERTY_FLAG as P, errorId as W, englishStringTranslator as V, TranslatableString as q, titleId as K, canExpand as Y, deepEquals as z } from "@rjsf/utils";
 import { ReactComponent as G } from "./assets/ic-chevron-down.fc70d7a7.svg";

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

@@ -70,11 +70,30 @@ export declare enum RefVariableStageType {
     PRE_CI = "PRE_CI",
     POST_CI = "POST_CI"
 }
+export interface FilePropertyType {
+    allowedExtensions: string[];
+    maxUploadSize: number;
+}
+export interface ConstraintType {
+    fileProperty: FilePropertyType;
+}
+export interface ValueConstraintType {
+    choices?: string[];
+    blockCustomValue?: boolean;
+    constraint?: ConstraintType;
+}
+export declare enum VariableTypeFormat {
+    STRING = "STRING",
+    NUMBER = "NUMBER",
+    BOOL = "BOOL",
+    DATE = "DATE",
+    FILE = "FILE"
+}
 export interface VariableType {
     id: number;
     name: string;
     value: string;
-    format: string;
+    format: VariableTypeFormat;
     description: string;
     defaultValue: string;
     allowEmptyValue: boolean;
@@ -83,6 +102,12 @@ export interface VariableType {
     refVariableName: string;
     refVariableStage?: RefVariableStageType;
     variableStepIndexInPlugin?: number;
+    fileMountDir: string;
+    fileReferenceId?: number;
+    valueConstraintId?: number;
+    valueConstraint?: ValueConstraintType;
+    isRuntimeArg: boolean;
+    refVariableUsed: boolean;
 }
 interface CommandArgsMap {
     command: string;

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

@@ -1,5 +1,6 @@
+import { MutableRefObject } from 'react';
 import { RuntimeParamsAPIResponseType, RuntimeParamsListItemType } from '../Shared/types';
-import { TeamList, ResponseType, DeploymentNodeType, CDMaterialServiceEnum, CDMaterialServiceQueryParams, CDMaterialResponseType, CDMaterialFilterQuery, EnvironmentListHelmResponse } from './Types';
+import { TeamList, ResponseType, DeploymentNodeType, CDMaterialServiceEnum, CDMaterialServiceQueryParams, CDMaterialResponseType, CDMaterialFilterQuery, EnvironmentListHelmResponse, GlobalVariableOptionType } from './Types';
 import { ApiResourceType } from '../Pages';
 export declare const getTeamListMin: () => Promise<TeamList>;
 interface UserRole extends ResponseType {
@@ -34,4 +35,9 @@ export declare function getWebhookEventsForEventId(eventId: string | number): Pr
  * @returns URL to the branch in the Git repository
  */
 export declare const getGitBranchUrl: (gitUrl: string, branchName: string) => string | null;
+export declare const getGlobalVariables: ({ appId, isCD, abortControllerRef, }: {
+    appId: number;
+    isCD?: boolean;
+    abortControllerRef?: MutableRefObject<AbortController>;
+}) => Promise<GlobalVariableOptionType[]>;
 export {};

package/dist/Common/Constants.d.ts

@@ -12,7 +12,6 @@ export declare const DOCUMENTATION: {
     GLOBAL_CONFIG_BUILD_INFRA: string;
 };
 export declare const PATTERNS: {
-    STRING: RegExp;
     KUBERNETES_KEY_PREFIX: RegExp;
     KUBERNETES_KEY_NAME: RegExp;
     START_END_ALPHANUMERIC: RegExp;
@@ -95,6 +94,8 @@ export declare const ROUTES: {
     USER_LIST_MIN: string;
     CONFIG_DATA: string;
     K8S_RESOURCE_LIST: string;
+    FILE_UPLOAD: string;
+    PLUGIN_GLOBAL_VARIABLES: string;
 };
 export declare enum KEY_VALUE {
     KEY = "key",

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

@@ -1,2 +1,2 @@
 import { ResizableTagTextAreaProps } from './Types';
-export declare const ResizableTagTextArea: ({ value, minHeight, maxHeight, dataTestId, onBlur, onFocus, refVar, dependentRef, className, disableOnBlurResizeToMinHeight, ...resProps }: ResizableTagTextAreaProps) => JSX.Element;
+export declare const ResizableTagTextArea: ({ value, minHeight, maxHeight, onBlur, onFocus, refVar, dependentRef, dependentRefs, className, disableOnBlurResizeToMinHeight, id, ...restProps }: ResizableTagTextAreaProps) => JSX.Element;

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

@@ -5,16 +5,6 @@ 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;
@@ -26,8 +16,6 @@ export interface TagType {
     isInvalidValue?: boolean;
     isSuggested?: boolean;
     isPropagateDisabled?: boolean;
-    deploymentPolicy?: DeploymentPolicy;
-    valueConstraint?: VariableValueConstraintTypes;
 }
 export interface TagErrorType {
     isValid: boolean;
@@ -70,7 +58,7 @@ export interface ResizableTagTextAreaProps extends Omit<DetailedHTMLProps<Textar
     maxHeight?: number;
     value: string;
     refVar?: MutableRefObject<HTMLTextAreaElement>;
-    dependentRef?: MutableRefObject<HTMLTextAreaElement> | Record<string | number, MutableRefObject<HTMLTextAreaElement>>;
-    dataTestId?: string;
+    dependentRef?: MutableRefObject<HTMLTextAreaElement>;
+    dependentRefs?: Record<string | number, MutableRefObject<HTMLTextAreaElement>>;
     disableOnBlurResizeToMinHeight?: boolean;
 }

package/dist/Common/Helper.d.ts

@@ -1,6 +1,6 @@
 import { default as React, SyntheticEvent } from 'react';
 import { JSONPathOptions } from 'jsonpath-plus';
-import { AsyncOptions, DeploymentNodeType, UseSearchString } from './Types';
+import { AsyncOptions, UseSearchString } from './Types';
 import { scrollableInterface } from '../Shared';
 export declare function showError(serverError: any, showToastOnUnknownError?: boolean, hideAccessError?: boolean): void;
 interface ConditionalWrapper<T> {
@@ -133,5 +133,5 @@ export declare const getSanitizedIframe: (iframeString: string) => string;
  * This method adds default attributes to iframe - title, loading ="lazy", width="100%", height="100%"
  */
 export declare const getIframeWithDefaultAttributes: (iframeString: string, defaultName?: string) => string;
-export declare const getStageTitle: (stageType: DeploymentNodeType) => string;
+export declare const getGoLangFormattedDateWithTimezone: (dateFormat: string) => string;
 export {};

package/dist/Common/RJSF/Form.d.ts

@@ -1,3 +1,3 @@
 import { default as RJSF } from '@rjsf/core';
 import { FormProps } from './types';
-export declare const RJSFForm: import('react').ForwardRefExoticComponent<Pick<FormProps, "name" | "children" | "className" | "disabled" | "id" | "onFocus" | "onBlur" | "onChange" | "onSubmit" | "onError" | "target" | "action" | "tagName" | "autoComplete" | "method" | "noValidate" | "readonly" | "schema" | "uiSchema" | "formContext" | "formData" | "idPrefix" | "idSeparator" | "fields" | "templates" | "widgets" | "translateString" | "acceptcharset" | "acceptCharset" | "enctype" | "customValidate" | "extraErrors" | "extraErrorsBlockSubmit" | "noHtml5Validate" | "liveValidate" | "liveOmit" | "omitExtraData" | "showErrorList" | "transformErrors" | "focusOnFirstError" | "experimental_defaultFormStateBehavior" | "_internalFormWrapper"> & import('react').RefAttributes<RJSF<unknown, import('json-schema').JSONSchema7, import('@rjsf/utils').GenericObjectType>>>;
+export declare const RJSFForm: import('react').ForwardRefExoticComponent<Pick<FormProps, "name" | "id" | "children" | "className" | "disabled" | "onFocus" | "onBlur" | "onChange" | "onSubmit" | "onError" | "target" | "action" | "tagName" | "autoComplete" | "method" | "noValidate" | "readonly" | "schema" | "uiSchema" | "formContext" | "formData" | "idPrefix" | "idSeparator" | "fields" | "templates" | "widgets" | "translateString" | "acceptcharset" | "acceptCharset" | "enctype" | "customValidate" | "extraErrors" | "extraErrorsBlockSubmit" | "noHtml5Validate" | "liveValidate" | "liveOmit" | "omitExtraData" | "showErrorList" | "transformErrors" | "focusOnFirstError" | "experimental_defaultFormStateBehavior" | "_internalFormWrapper"> & import('react').RefAttributes<RJSF<unknown, import('json-schema').JSONSchema7, import('@rjsf/utils').GenericObjectType>>>;

package/dist/Common/Types.d.ts

@@ -3,8 +3,8 @@ import { TippyProps } from '@tippyjs/react';
 import { Placement } from 'tippy.js';
 import { UserGroupDTO } from '../Pages/GlobalConfigurations';
 import { ImageComment, ReleaseTag } from './ImageTags.Types';
-import { MandatoryPluginBaseStateType, PolicyBlockInfo, RegistryType, RuntimeParamsListItemType, Severity } from '../Shared';
-import { ACTION_STATE, DEPLOYMENT_WINDOW_TYPE, DockerConfigOverrideType, SortingOrder, TaskErrorObj } from '.';
+import { MandatoryPluginBaseStateType, RegistryType, RuntimePluginVariables, Severity } from '../Shared';
+import { ACTION_STATE, DEPLOYMENT_WINDOW_TYPE, DockerConfigOverrideType, SortingOrder, TaskErrorObj, VariableTypeFormat } from '.';
 /**
  * Generic response type object with support for overriding the result type
  *
@@ -94,6 +94,7 @@ export interface TippyCustomizedProps extends Pick<TippyProps, 'appendTo'> {
     documentationLink?: string;
     documentationLinkText?: string;
     children: React.ReactElement<any>;
+    disableClose?: boolean;
 }
 export interface InfoIconTippyProps extends Pick<TippyCustomizedProps, 'heading' | 'infoText' | 'iconClass' | 'documentationLink' | 'documentationLinkText' | 'additionalContent' | 'placement' | 'Icon' | 'headingInfo'> {
     dataTestid?: string;
@@ -432,10 +433,6 @@ export interface CDMaterialType {
      * Would currently only be received in case of release
      */
     appWorkflowId: number;
-    /**
-     * Denotes trigger blocking due to mandatory tags, (might be used for plugins and other features in future)
-     */
-    deploymentBlockedState?: PolicyBlockInfo;
 }
 export declare enum CDMaterialServiceEnum {
     ROLLBACK = "rollback",
@@ -472,14 +469,6 @@ 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[];
@@ -542,7 +531,6 @@ export interface CommonNodeAttr extends Pick<MandatoryPluginBaseStateType, 'isTr
     downstreamEnvironments?: DownstreamNodesEnvironmentsType[];
     cipipelineId?: number;
     isDeploymentBlocked?: boolean;
-    triggerBlockedInfo?: TriggerBlockedInfo;
 }
 export declare enum DeploymentAppTypes {
     HELM = "helm",
@@ -605,8 +593,7 @@ export interface CDMaterialsMetaInfo {
      * This is the ID of user that has request the material
      */
     requestedUserId: number;
-    runtimeParams: RuntimeParamsListItemType[];
-    deploymentBlockedState?: PolicyBlockInfo;
+    runtimeParams: RuntimePluginVariables[];
 }
 export interface ImagePromotionMaterialInfo {
     isApprovalPendingForPromotion: boolean;
@@ -689,7 +676,6 @@ export interface CDStage {
     name: string;
     triggerType: 'AUTOMATIC' | 'MANUAL';
     config: string;
-    triggerBlockedInfo?: TriggerBlockedInfo;
 }
 export interface CDStageConfigMapSecretNames {
     configMaps: any[];
@@ -701,7 +687,6 @@ export interface PrePostDeployStageType extends MandatoryPluginBaseStateType {
     triggerType: string;
     name: string;
     status: string;
-    triggerBlockedInfo?: TriggerBlockedInfo;
 }
 export interface CdPipeline {
     id: number;
@@ -735,8 +720,6 @@ export interface CdPipeline {
     isProdEnv?: boolean;
     isGitOpsRepoNotConfigured?: boolean;
     isDeploymentBlocked?: boolean;
-    isTriggerBlocked?: boolean;
-    triggerBlockedInfo?: TriggerBlockedInfo;
 }
 export interface ExternalCiConfig {
     id: number;
@@ -889,4 +872,14 @@ export interface WidgetEventDetails {
     age: string;
     lastSeen: string;
 }
+export interface GlobalVariableDTO {
+    name: string;
+    format: VariableTypeFormat;
+    description: string;
+    stageType: 'cd' | 'post-cd' | 'ci';
+}
+export type GlobalVariableOptionType = Omit<GlobalVariableDTO, 'name'> & {
+    label: string;
+    value: string;
+};
 export {};

package/dist/Pages/Applications/DevtronApps/Details/CDPipeline/index.d.ts

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

package/dist/Pages/Applications/DevtronApps/Details/CDPipeline/services.d.ts

@@ -0,0 +1,7 @@
+import { MutableRefObject } from 'react';
+import { UploadFileDTO, UploadFileProps } from '../../../../../Shared/types';
+export declare const uploadCDPipelineFile: ({ file, appId, envId, allowedExtensions, maxUploadSize, abortControllerRef, }: UploadFileProps & {
+    appId: number;
+    envId: number;
+    abortControllerRef?: MutableRefObject<AbortController>;
+}) => Promise<UploadFileDTO>;

package/dist/Pages/Applications/DevtronApps/Details/CIPipeline/components/SystemVariableIcon.d.ts

@@ -0,0 +1 @@
+export declare const SystemVariableIcon: () => JSX.Element;

package/dist/Pages/Applications/DevtronApps/Details/CIPipeline/components/index.d.ts

@@ -0,0 +1 @@
+export * from './SystemVariableIcon';

package/dist/Pages/Applications/DevtronApps/Details/CIPipeline/constants.d.ts

@@ -0,0 +1,3 @@
+import { SelectPickerOptionType } from '../../../../../Shared/Components';
+export declare const IO_VARIABLES_VALUE_COLUMN_BOOL_OPTIONS: SelectPickerOptionType<string>[];
+export declare const IO_VARIABLES_VALUE_COLUMN_DATE_OPTIONS: SelectPickerOptionType<string>[];

package/dist/Pages/Applications/DevtronApps/Details/CIPipeline/index.d.ts

@@ -0,0 +1,3 @@
+export * from './services';
+export * from './constants';
+export * from './components';

package/dist/Pages/Applications/DevtronApps/Details/CIPipeline/services.d.ts

@@ -0,0 +1,11 @@
+import { MutableRefObject } from 'react';
+import { UploadFileDTO } from '../../../../../Shared/types';
+export declare const uploadCIPipelineFile: ({ file, appId, ciPipelineId, envId, allowedExtensions, maxUploadSize, abortControllerRef, }: {
+    file: File[];
+    appId: number;
+    ciPipelineId: number;
+    envId?: number;
+    allowedExtensions?: string[];
+    maxUploadSize?: number;
+    abortControllerRef?: MutableRefObject<AbortController>;
+}) => Promise<UploadFileDTO>;

package/dist/Pages/Applications/DevtronApps/Details/index.d.ts

@@ -1,2 +1,3 @@
 export * from './AppConfigurations';
 export * from './CDPipeline';
+export * from './CIPipeline';

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

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

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

@@ -1,2 +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;
+export declare const DynamicDataTableHeader: <K extends string, CustomStateType = Record<string, unknown>>({ headers, rows, sortingConfig, onRowAdd, readOnly, isAdditionNotAllowed, isDeletionNotAllowed, headerComponent, actionButtonConfig, }: DynamicDataTableHeaderProps<K, CustomStateType>) => JSX.Element;

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

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

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

@@ -0,0 +1,2 @@
+export declare const ACTION_BUTTON_DEFAULT_WIDTH = "33px";
+export declare const DELETE_BUTTON_WIDTH = "33px";

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

@@ -1,9 +1,10 @@
 import { DetailedHTMLProps, ReactElement, ReactNode } from 'react';
-import { SortingOrder } from '../../../Common/Constants';
 import { ResizableTagTextAreaProps } from '../../../Common/CustomTagSelector';
-import { InfoIconTippyProps } from '../../../Common/Types';
+import { UseStateFiltersReturnType } from '../../../Common/Hooks';
+import { TooltipProps } from '@Common/Tooltip/types';
 import { SelectPickerOptionType, SelectPickerProps } from '../SelectPicker';
 import { SelectTextAreaProps } from '../SelectTextArea';
+import { FileUploadProps } from '../FileUpload';
 /**
  * Interface representing header for a dynamic data table.
  * @template K - A string representing the key type.
@@ -19,17 +20,16 @@ export type DynamicDataTableHeaderType<K extends string> = {
     isSortable?: boolean;
     /** An optional boolean to control the visibility of the column. */
     isHidden?: boolean;
-    /** An optional boolean to show the column */
-    renderHelpTextForHeader?: () => ReactNode;
 };
 export declare enum DynamicDataTableRowDataType {
     TEXT = "text",
     DROPDOWN = "dropdown",
     SELECT_TEXT = "select-text",
-    BUTTON = "button"
+    BUTTON = "button",
+    FILE_UPLOAD = "file-upload"
 }
 export type DynamicDataTableCellPropsMap = {
-    [DynamicDataTableRowDataType.TEXT]: Omit<ResizableTagTextAreaProps, 'className' | 'minHeight' | 'maxHeight' | 'value' | 'onChange' | 'disabled' | 'disableOnBlurResizeToMinHeight' | 'refVar' | 'dependentRef'>;
+    [DynamicDataTableRowDataType.TEXT]: Omit<ResizableTagTextAreaProps, 'id' | 'className' | 'minHeight' | 'maxHeight' | 'value' | 'onChange' | 'disabled' | 'disableOnBlurResizeToMinHeight' | 'refVar' | 'dependentRef'>;
     [DynamicDataTableRowDataType.DROPDOWN]: Omit<SelectPickerProps<string, false>, 'inputId' | 'value' | 'onChange' | 'fullWidth' | 'isDisabled'>;
     [DynamicDataTableRowDataType.SELECT_TEXT]: Omit<SelectTextAreaProps, 'value' | 'onChange' | 'inputId' | 'isDisabled' | 'dependentRef' | 'refVar' | 'textAreaProps'> & {
         textAreaProps?: Omit<SelectTextAreaProps['textAreaProps'], 'className' | 'disableOnBlurResizeToMinHeight' | 'minHeight' | 'maxHeight'>;
@@ -38,6 +38,7 @@ export type DynamicDataTableCellPropsMap = {
         icon?: ReactNode;
         text: string;
     };
+    [DynamicDataTableRowDataType.FILE_UPLOAD]: Omit<FileUploadProps, 'className' | 'fileName' | 'onUpload' | 'multiple'>;
 };
 type DynamicDataTableCellData<T extends keyof DynamicDataTableCellPropsMap = keyof DynamicDataTableCellPropsMap> = T extends keyof DynamicDataTableCellPropsMap ? {
     type: T;
@@ -54,23 +55,24 @@ export type DynamicDataTableRowType<K extends string, CustomStateType = Record<s
             disabled?: boolean;
             /** An optional boolean indicating if an asterisk should be shown. */
             required?: boolean;
+            /** An optional tooltip to show when hovering over cell. */
+            tooltip?: Partial<Pick<TooltipProps, 'content' | 'className'>>;
         } & DynamicDataTableCellData;
     };
     id: string | number;
     /** */
     customState?: CustomStateType;
+    /** An optional boolean indicating if row deletion is disabled. */
+    disableDelete?: boolean;
 };
-type DynamicDataTableMask<K extends string> = {
-    [key in K]?: boolean;
-};
-type DynamicDataTableCellIcon<K extends string> = {
-    [key in K]?: (row: DynamicDataTableRowType<K>) => ReactNode;
+type DynamicDataTableCellIcon<K extends string, CustomStateType = Record<string, unknown>> = {
+    [key in K]?: (row: DynamicDataTableRowType<K, CustomStateType>) => ReactNode;
 };
 /**
  * Interface representing the properties for the dynamic data table component.
  * @template K - A string representing the key type.
  */
-export type DynamicDataTableProps<K extends string> = {
+export type DynamicDataTableProps<K extends string, CustomStateType = Record<string, unknown>> = {
     /**
      * An array containing the headers for the data table. \
      * Each header defines a column with its label, key, width, and optional settings.
@@ -79,21 +81,15 @@ export type DynamicDataTableProps<K extends string> = {
     /**
      * An array of rows where each row contains data corresponding to the table headers.
      */
-    rows: DynamicDataTableRowType<K>[];
+    rows: DynamicDataTableRowType<K, CustomStateType>[];
     /** Optional configuration for sorting the table. */
-    sortingConfig?: {
-        sortBy: K;
-        sortOrder: SortingOrder;
-        handleSorting: () => void;
-    };
-    /** An optional mask to hide the values of the cell. */
-    maskValue?: DynamicDataTableMask<K>;
+    sortingConfig?: Pick<UseStateFiltersReturnType<K>, 'sortBy' | 'sortOrder' | 'handleSorting'>;
     /** Optional configuration for displaying an icon in the leading position of a cell. */
-    leadingCellIcon?: DynamicDataTableCellIcon<K>;
+    leadingCellIcon?: DynamicDataTableCellIcon<K, CustomStateType>;
     /** Optional configuration for displaying an icon in the trailing position of a cell. */
-    trailingCellIcon?: DynamicDataTableCellIcon<K>;
+    trailingCellIcon?: DynamicDataTableCellIcon<K, CustomStateType>;
     /** An optional function to render a custom wrapper component for the type `DynamicDataTableRowDataType.BUTTON`. */
-    buttonCellWrapComponent?: (row: DynamicDataTableRowType<K>) => ReactElement;
+    buttonCellWrapComponent?: (row: DynamicDataTableRowType<K, CustomStateType>) => ReactElement;
     /** An optional React node for a custom header component. */
     headerComponent?: ReactNode;
     /** When true, data addition field will not be shown. */
@@ -111,14 +107,15 @@ export type DynamicDataTableProps<K extends string> = {
      * @param value - The value of the cell.
      * @param extraData - Additional data, such as a selected value for dropdowns.
      */
-    onRowEdit: (row: DynamicDataTableRowType<K>, headerKey: K, value: string, extraData: {
+    onRowEdit: (row: DynamicDataTableRowType<K, CustomStateType>, headerKey: K, value: string, extraData: {
+        files?: File[];
         selectedValue?: SelectPickerOptionType<string>;
     }) => void;
     /**
      * Function to handle row deletions.
      * @param row - The row that was deleted.
      */
-    onRowDelete: (row: DynamicDataTableRowType<K>) => void;
+    onRowDelete: (row: DynamicDataTableRowType<K, CustomStateType>) => void;
     /** Optional configuration for rendering a custom action button in a row. */
     actionButtonConfig?: {
         /**
@@ -126,14 +123,14 @@ export type DynamicDataTableProps<K extends string> = {
          * @param row - The current row being rendered.
          * @returns A React node representing the action button.
          */
-        renderer: (row: DynamicDataTableRowType<K>) => ReactNode;
+        renderer: (row: DynamicDataTableRowType<K, CustomStateType>) => ReactNode;
         /**
          * This represents under which header key the action button will be rendered.
          */
         key: K;
         /**
          * The width of the action button.
-         * @default '32px'
+         * @default '33px'
          */
         width?: string;
         /**
@@ -153,13 +150,13 @@ export type DynamicDataTableProps<K extends string> = {
      * @param row - The row containing the cell.
      * @returns An object with a boolean indicating validity and an array of error messages.
      */
-    validationSchema?: (value: string, key: K, row: DynamicDataTableRowType<K>) => {
+    validationSchema?: (value: string, key: K, row: DynamicDataTableRowType<K, CustomStateType>) => {
         isValid: boolean;
         errorMessages: string[];
     };
 };
-export interface DynamicDataTableHeaderProps<K extends string> extends Pick<DynamicDataTableProps<K>, 'headers' | 'rows' | 'headerComponent' | 'sortingConfig' | 'onRowAdd' | 'readOnly' | 'isAdditionNotAllowed' | 'isDeletionNotAllowed' | 'actionButtonConfig'>, Pick<InfoIconTippyProps, 'heading' | 'additionalContent'> {
+export interface DynamicDataTableHeaderProps<K extends string, CustomStateType = Record<string, unknown>> extends Pick<DynamicDataTableProps<K, CustomStateType>, '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' | 'validationSchema' | 'leadingCellIcon' | 'trailingCellIcon' | 'buttonCellWrapComponent'> {
+export interface DynamicDataTableRowProps<K extends string, CustomStateType = Record<string, unknown>> extends Pick<DynamicDataTableProps<K, CustomStateType>, 'rows' | 'headers' | 'isAdditionNotAllowed' | 'isDeletionNotAllowed' | 'readOnly' | 'onRowEdit' | 'onRowDelete' | 'actionButtonConfig' | 'showError' | 'validationSchema' | 'leadingCellIcon' | 'trailingCellIcon' | 'buttonCellWrapComponent'> {
 }
 export {};

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

@@ -1,5 +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 getActionButtonPosition: <K extends string, CustomStateType = Record<string, unknown>>({ headers, actionButtonConfig, }: Pick<DynamicDataTableProps<K, CustomStateType>, "headers" | "actionButtonConfig">) => number;
+export declare const getHeaderGridTemplateColumn: <K extends string, CustomStateType = Record<string, unknown>>(headers: DynamicDataTableHeaderType<K>[], actionButtonConfig: DynamicDataTableProps<K, CustomStateType>["actionButtonConfig"], noDeleteBtn: boolean) => string;
+export declare const getRowGridTemplateColumn: <K extends string, CustomStateType = Record<string, unknown>>(headers: DynamicDataTableHeaderType<K>[], actionButtonConfig: DynamicDataTableProps<K, CustomStateType>["actionButtonConfig"], noDeleteBtn: boolean) => string;
 export declare const rowTypeHasInputField: (type: DynamicDataTableRowDataType) => boolean;

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

@@ -0,0 +1,2 @@
+import { FileUploadProps } from './types';
+export declare const FileUpload: ({ label, fileName, multiple, fileTypes, onUpload }: FileUploadProps) => JSX.Element;

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

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

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

@@ -0,0 +1,7 @@
+export interface FileUploadProps {
+    fileName: string;
+    onUpload: (files: File[]) => void;
+    multiple?: boolean;
+    label?: string;
+    fileTypes?: string[];
+}

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

@@ -18,7 +18,7 @@ export interface KeyValueHeader<K extends string> {
  */
 export type KeyValueRow<K extends string> = {
     data: {
-        [key in K]: Pick<ResizableTagTextAreaProps, 'value' | 'dataTestId' | 'disabled' | 'tabIndex'> & {
+        [key in K]: Pick<ResizableTagTextAreaProps, 'value' | 'disabled' | 'tabIndex'> & {
             /** An optional boolean indicating if an asterisk should be shown. */
             required?: boolean;
         };

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

@@ -24,10 +24,6 @@ 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>> {
         /**
@@ -59,9 +55,12 @@ 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

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

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

@@ -1,7 +1,7 @@
 import { ReactElement } from 'react';
 import { ResizableTagTextAreaProps } from '../../../Common/CustomTagSelector';
 import { SelectPickerOptionType, SelectPickerProps } from '../SelectPicker';
-export type SelectTextAreaProps = Pick<SelectPickerProps<string, false>, 'inputId' | 'options'> & Pick<ResizableTagTextAreaProps, 'refVar' | 'dependentRef'> & {
+export type SelectTextAreaProps = Pick<SelectPickerProps<string, false>, 'inputId' | 'options'> & Pick<ResizableTagTextAreaProps, 'refVar' | 'dependentRefs'> & {
     value: string;
     Icon?: ReactElement;
     onChange?: (selectedValue: SelectPickerOptionType<string>) => void;

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

@@ -44,4 +44,4 @@ export * from './InvalidYAMLTippy';
 export * from './ConfirmationModal';
 export * from './DiffViewer';
 export * from './DynamicDataTable';
-export * from './TagsKeyValueTable';
+export * from './FileUpload';