@devtron-labs/devtron-fe-common-lib 1.2.4-beta-14 → 1.2.4-beta-15

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

@@ -4,7 +4,6 @@ export declare const Host: string;
 export declare const DOCUMENTATION_HOME_PAGE = "https://docs.devtron.ai";
 export declare const DOCUMENTATION_VERSION = "/v/v0.7";
 export declare const DISCORD_LINK = "https://discord.devtron.ai/";
-export declare const DEFAULT_JSON_SCHEMA_URI = "https://json-schema.org/draft/2020-12/schema";
 export declare const DOCUMENTATION: {
     APP_METRICS: string;
     APP_TAGS: string;
@@ -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",
@@ -259,7 +260,6 @@ export declare const API_STATUS_CODES: {
     EXPECTATION_FAILED: number;
     UNPROCESSABLE_ENTITY: number;
     LOCKED: number;
-    UNPROCESSABLE_CONTENT: number;
 };
 export declare enum SERVER_MODE {
     EA_ONLY = "EA_ONLY",
@@ -311,4 +311,3 @@ export declare enum GitProviderType {
  * Formats the schema removing any irregularity in the existing schema
  */
 export declare const getFormattedSchema: (schema?: string) => string;
-export declare const UNCHANGED_ARRAY_ELEMENT_SYMBOL: unique symbol;

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

@@ -1,2 +1,2 @@
 import { ResizableTagTextAreaProps } from './Types';
-export declare const ResizableTagTextArea: ({ className, minHeight, maxHeight, value, onChange, onBlur, onFocus, placeholder, tabIndex, refVar, dependentRef, dataTestId, handleKeyDown, disabled, disableOnBlurResizeToMinHeight, }: 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

@@ -1,3 +1,4 @@
+import { DetailedHTMLProps, MutableRefObject, TextareaHTMLAttributes } from 'react';
 import { KEY_VALUE } from '../Constants';
 import { OptionType } from '../Types';
 export interface SuggestedTagOptionType extends OptionType {
@@ -48,24 +49,16 @@ export interface TagLabelValueSelectorType {
     tagInputType?: KEY_VALUE;
     placeholder?: string;
     tabIndex?: number;
-    refVar?: React.MutableRefObject<HTMLTextAreaElement>;
-    dependentRef?: React.MutableRefObject<HTMLTextAreaElement>;
+    refVar?: MutableRefObject<HTMLTextAreaElement>;
+    dependentRef?: MutableRefObject<HTMLTextAreaElement>;
     noBackDrop?: boolean;
 }
-export interface ResizableTagTextAreaProps {
-    className?: string;
+export interface ResizableTagTextAreaProps extends Omit<DetailedHTMLProps<TextareaHTMLAttributes<HTMLTextAreaElement>, HTMLTextAreaElement>, 'value'> {
     minHeight?: number;
     maxHeight?: number;
-    value?: string;
-    onChange?: (e: any) => void;
-    onBlur?: (e: any) => void;
-    onFocus?: (e: any) => void;
-    placeholder?: string;
-    tabIndex?: number;
-    refVar?: React.MutableRefObject<HTMLTextAreaElement>;
-    dependentRef?: React.MutableRefObject<HTMLTextAreaElement>;
-    dataTestId?: string;
-    handleKeyDown?: any;
-    disabled?: boolean;
+    value: string;
+    refVar?: MutableRefObject<HTMLTextAreaElement>;
+    dependentRef?: MutableRefObject<HTMLTextAreaElement>;
+    dependentRefs?: Record<string | number, MutableRefObject<HTMLTextAreaElement>>;
     disableOnBlurResizeToMinHeight?: boolean;
 }

package/dist/Common/Helper.d.ts

@@ -58,10 +58,9 @@ export declare const getFilteredChartVersions: (charts: any, selectedChartType:
  * @param {object} object from which we need to delete nulls in its arrays
  * @returns object after removing (in-place) the null items in arrays
  */
-export declare const recursivelyRemoveSymbolFromArraysInObject: (object: object, symbol: symbol) => object;
+export declare const recursivelyRemoveNullsFromArraysInObject: (object: object) => object;
 /**
  * Merges the objects into one object
- * Works more like Object.assign; that doesn't deep copy
  * @param {object[]} objects list of js objects
  * @returns object after the merge
  */
@@ -90,7 +89,7 @@ export declare const getRegexMatchPositions: (string: string, regex: RegExp) =>
 export declare const powerSetOfSubstringsFromStart: (strings: string[], regex: RegExp) => string[];
 export declare const convertJSONPointerToJSONPath: (pointer: string) => string;
 export declare const flatMapOfJSONPaths: (paths: string[], json: object, resultType?: JSONPathOptions["resultType"]) => string[];
-export declare const applyCompareDiffOnUneditedDocument: (uneditedDocument: object, editedDocument: object) => any;
+export declare const applyCompareDiffOnUneditedDocument: (uneditedDocument: object, editedDocument: object) => object;
 /**
  * Returns a debounced variant of the function
  */
@@ -134,4 +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 getGoLangFormattedDateWithTimezone: (dateFormat: string) => string;
 export {};

package/dist/Common/Markdown/MarkDown.d.ts

@@ -1,3 +1,3 @@
 import { MarkDownProps } from './Types';
-declare const MarkDown: ({ setExpandableIcon, markdown: markdownProp, className, breaks, disableEscapedText, ...props }: MarkDownProps) => JSX.Element;
+declare const MarkDown: ({ setExpandableIcon, markdown, className, breaks, disableEscapedText, ...props }: MarkDownProps) => JSX.Element;
 export default MarkDown;

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

@@ -1,4 +1,4 @@
 export { RJSFForm } from './Form';
-export type * from './types';
+export * from './types';
 export { getInferredTypeFromValueType, getRedirectionProps } from './utils';
 export { HIDE_SUBMIT_BUTTON_UI_SCHEMA } from './constants';

package/dist/Common/Types.d.ts

@@ -1,9 +1,10 @@
 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 { 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
  *
@@ -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;
@@ -93,6 +94,7 @@ export interface TippyCustomizedProps {
     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;
@@ -591,7 +593,7 @@ export interface CDMaterialsMetaInfo {
      * This is the ID of user that has request the material
      */
     requestedUserId: number;
-    runtimeParams: RuntimeParamsListItemType[];
+    runtimeParams: RuntimePluginVariables[];
 }
 export interface ImagePromotionMaterialInfo {
     isApprovalPendingForPromotion: boolean;
@@ -870,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/AppConfigurations/DeploymentTemplate/types.d.ts

@@ -1,5 +1,4 @@
 import { DraftMetadataDTO, TemplateListType } from '../../../../../../Shared/Services';
-import { ServerErrors } from '../../../../../../Common/ServerError';
 import { OverrideMergeStrategyType } from '../types';
 export type DeploymentChartOptionkind = 'base' | 'env' | 'chartVersion' | 'deployment';
 export interface DeploymentChartVersionType {
@@ -109,15 +108,15 @@ interface BaseDeploymentTemplateConfigState {
     environmentConfig?: never;
     mergeStrategy?: never;
 }
-type EnvironmentOverrideDeploymentTemplateConfigState = {
+interface EnvironmentOverrideDeploymentTemplateConfigState {
     chartConfig?: never;
     isOverridden: boolean;
     environmentConfig: EnvironmentConfigType;
     mergeStrategy: OverrideMergeStrategyType;
-};
+}
 export interface DeploymentTemplateConfigCommonState extends SelectedChartDetailsType {
     /**
-     * The first ever state of the deployment template on editor
+     * The first ever state of the deployment template
      */
     originalTemplate: Record<string, string>;
     isAppMetricsEnabled: boolean;
@@ -127,23 +126,6 @@ export interface DeploymentTemplateConfigCommonState extends SelectedChartDetail
     latestDraft?: DraftMetadataDTO;
     editorTemplate: string;
     editorTemplateWithoutLockedKeys: string;
-    /**
-     * This final template to be applied on the deployment in string format
-     * In current editor, this may be null initially
-     */
-    mergedTemplate: string | null;
-    /**
-     * This final template to be applied on the deployment without locked keys in string format
-     * In current editor, this may be null initially
-     */
-    mergedTemplateWithoutLockedKeys: string | null;
-    /**
-     * This final template to be applied on the deployment in object format
-     * In current editor, this may be null initially
-     */
-    mergedTemplateObject: Record<string, string> | null;
-    isLoadingMergedTemplate: boolean;
-    mergedTemplateError: ServerErrors | null;
 }
 export type DeploymentTemplateConfigState = DeploymentTemplateConfigCommonState & (BaseDeploymentTemplateConfigState | EnvironmentOverrideDeploymentTemplateConfigState);
 type DTApplicationMetricsReadOnlyProps = {

package/dist/Pages/Applications/DevtronApps/Details/AppConfigurations/OverrideStrategyTippyContent.d.ts

@@ -1,3 +1,2 @@
-import { OverrideStrategyTippyContentProps } from './types';
-declare const OverrideStrategyTippyContent: ({ children }: OverrideStrategyTippyContentProps) => JSX.Element;
+declare const OverrideStrategyTippyContent: () => JSX.Element;
 export default OverrideStrategyTippyContent;

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

@@ -3,4 +3,3 @@ export * from './types';
 export * from './constants';
 export { default as OverrideStrategyTippyContent } from './OverrideStrategyTippyContent';
 export { getDeploymentStageTitle } from './utils';
-export * from './ConfigMapSecret';

package/dist/Pages/Applications/DevtronApps/Details/AppConfigurations/types.d.ts

@@ -20,15 +20,8 @@ export interface ConfigToolbarPopupMenuConfigType {
     disabled?: boolean;
     icon?: ReactNode | null;
     variant?: 'default' | 'negative';
-    tooltipText?: string;
 }
 export declare enum ConfigToolbarPopupNodeType {
     DISCARD_DRAFT = "discardDraft",
     EDIT_HISTORY = "editHistory"
 }
-export interface OverrideStrategyTippyContentProps {
-    /**
-     * Would be rendered as li conveying the information about the merge strategy
-     */
-    children?: ReactNode;
-}

package/dist/Pages/Applications/DevtronApps/Details/AppConfigurations/utils.d.ts

@@ -1,2 +1,2 @@
 import { DeploymentStageType } from '../../../../../Shared/constants';
-export declare const getDeploymentStageTitle: (stage: DeploymentStageType) => "-" | "pre-deployment" | "post-deployment" | "deployment";
+export declare const getDeploymentStageTitle: (stage: DeploymentStageType) => "deployment" | "pre-deployment" | "post-deployment" | "-";

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

@@ -1,4 +1,3 @@
 export * from './GlobalConfigurations';
 export * from './ResourceBrowser';
 export * from './Applications';
-export * from './App';

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

@@ -54,12 +54,6 @@ export type CollapsibleListItem<TabType extends TabOptions = 'navLink'> = Condit
          */
         tooltipProps?: TippyProps;
     };
-    /**
-     * If `true`, clears query parameters during navigation.
-     *
-     * @default false
-     */
-    clearQueryParamsOnNavigation?: boolean;
 };
 export interface CollapsibleListConfig<TabType extends TabOptions = 'navLink'> {
     /**

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

@@ -0,0 +1,2 @@
+import { DynamicDataTableProps } from './types';
+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

@@ -0,0 +1,2 @@
+import { DynamicDataTableHeaderProps } from './types';
+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

@@ -0,0 +1,2 @@
+import { DynamicDataTableRowProps } from './types';
+export declare const DynamicDataTableRow: <K extends string, CustomStateType = Record<string, unknown>>({ rows, headers, readOnly, isDeletionNotAllowed, cellError, 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/index.d.ts

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

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

@@ -0,0 +1,166 @@
+import { DetailedHTMLProps, ReactElement, ReactNode } from 'react';
+import { ResizableTagTextAreaProps } from '../../../Common/CustomTagSelector';
+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.
+ */
+export type DynamicDataTableHeaderType<K extends string> = {
+    /** The display label of the header, shown in the table's column header. */
+    label: string;
+    /** The unique key associated with the header, used to map the column to data fields. */
+    key: K;
+    /** The width of the column, defined as a CSS string (e.g., "100px", "10%", "1fr", or "auto"). */
+    width: string;
+    /** An optional boolean indicating whether the column is sortable. */
+    isSortable?: boolean;
+    /** An optional boolean to control the visibility of the column. */
+    isHidden?: boolean;
+};
+export declare enum DynamicDataTableRowDataType {
+    TEXT = "text",
+    DROPDOWN = "dropdown",
+    SELECT_TEXT = "select-text",
+    BUTTON = "button",
+    FILE_UPLOAD = "file-upload"
+}
+export type DynamicDataTableCellPropsMap = {
+    [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'>;
+    };
+    [DynamicDataTableRowDataType.BUTTON]: Pick<DetailedHTMLProps<React.ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>, 'onClick'> & {
+        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;
+    props: DynamicDataTableCellPropsMap[T];
+} : never;
+/**
+ * Type representing a key-value row.
+ * @template K - A string representing the key type.
+ */
+export type DynamicDataTableRowType<K extends string, CustomStateType = Record<string, unknown>> = {
+    data: {
+        [key in K]: {
+            value: string;
+            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;
+};
+/**
+ * Represents the validation state of a cell in a dynamic data table.
+ */
+export type DynamicDataTableCellValidationState = {
+    isValid: boolean;
+    errorMessages: string[];
+};
+/**
+ * Defines the structure of validation errors for a cell.
+ *
+ * `K` represents the column `key` of the cell (i.e., the column identifiers).
+ */
+export type DynamicDataTableCellErrorType<K extends string> = {
+    [rowId: string | number]: Partial<Record<K, DynamicDataTableCellValidationState>>;
+};
+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, 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.
+     */
+    headers: DynamicDataTableHeaderType<K>[];
+    /**
+     * An array of rows where each row contains data corresponding to the table headers.
+     */
+    rows: DynamicDataTableRowType<K, CustomStateType>[];
+    /** Optional configuration for sorting the table. */
+    sortingConfig?: Pick<UseStateFiltersReturnType<K>, 'sortBy' | 'sortOrder' | 'handleSorting'>;
+    /** Optional configuration for displaying an icon in the leading position of a cell. */
+    leadingCellIcon?: DynamicDataTableCellIcon<K, CustomStateType>;
+    /** Optional configuration for displaying an icon in the trailing position of a cell. */
+    trailingCellIcon?: DynamicDataTableCellIcon<K, CustomStateType>;
+    /** An optional function to render a custom wrapper component for the type `DynamicDataTableRowDataType.BUTTON`. */
+    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. */
+    isAdditionNotAllowed?: boolean;
+    /** When true, data addition field will not be shown. */
+    isDeletionNotAllowed?: boolean;
+    /** When true, data add or update is disabled. */
+    readOnly?: boolean;
+    /** Function to handle the addition of a new row to the table. */
+    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.
+     * @param extraData - Additional data, such as a selected value for dropdowns.
+     */
+    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, CustomStateType>) => void;
+    /** Optional configuration for rendering a custom action button in a row. */
+    actionButtonConfig?: {
+        /**
+         * Function to render the action button.
+         * @param row - The current row being rendered.
+         * @returns A React node representing the action button.
+         */
+        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 '33px'
+         */
+        width?: string;
+        /**
+         * The position of the action button under the header key.
+         * @default 'start'
+         */
+        position?: 'start' | 'end';
+    };
+    /**
+     * Validation state for a specific cell in a dynamic data table.
+     */
+    cellError?: DynamicDataTableCellErrorType<K>;
+};
+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, CustomStateType = Record<string, unknown>> extends Pick<DynamicDataTableProps<K, CustomStateType>, 'rows' | 'headers' | 'isAdditionNotAllowed' | 'isDeletionNotAllowed' | 'readOnly' | 'onRowEdit' | 'onRowDelete' | 'actionButtonConfig' | 'cellError' | 'leadingCellIcon' | 'trailingCellIcon' | 'buttonCellWrapComponent'> {
+}
+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, 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: ({ isLoading, 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,8 @@
+export interface FileUploadProps {
+    isLoading?: boolean;
+    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/SelectTextArea/SelectTextArea.d.ts

@@ -0,0 +1,2 @@
+import { SelectTextAreaProps } from './types';
+export declare const SelectTextArea: ({ value, 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 { ResizableTagTextAreaProps } from '../../../Common/CustomTagSelector';
+import { SelectPickerOptionType, SelectPickerProps } from '../SelectPicker';
+export type SelectTextAreaProps = Pick<SelectPickerProps<string, false>, 'inputId' | 'options'> & Pick<ResizableTagTextAreaProps, 'refVar' | 'dependentRefs'> & {
+    value: string;
+    Icon?: ReactElement;
+    onChange?: (selectedValue: SelectPickerOptionType<string>) => void;
+    disabled?: boolean;
+    placeholder?: string;
+    textAreaProps?: Omit<ResizableTagTextAreaProps, 'refVar' | 'dependentRef' | 'id' | 'value' | 'onChange' | 'placeholder' | 'disabled'>;
+    selectPickerProps?: Omit<SelectPickerProps<string, false>, 'inputId' | 'options' | 'isDisabled' | 'onChange' | 'variant' | 'value' | 'placeholder' | 'fullWidth' | 'selectRef' | 'onCreateOption' | 'isMulti'>;
+};

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

@@ -41,6 +41,7 @@ export * from './Collapse';
 export * from './Security';
 export * from './Button';
 export * from './InvalidYAMLTippy';
-export * from './EnterpriseTag';
 export * from './ConfirmationModal';
 export * from './DiffViewer';
+export * from './DynamicDataTable';
+export * from './FileUpload';

package/dist/Shared/Helpers.d.ts

@@ -1,6 +1,5 @@
 import { ReactElement } from 'react';
 import { Pair } from 'yaml';
-import { StrictRJSFSchema } from '@rjsf/utils';
 import { MaterialHistoryType } from '@Shared/Services/app.types';
 import { MaterialInfo, SortingOrder, UserApprovalConfigType } from '../Common';
 import { GitTriggers, IntersectionChangeHandler, IntersectionOptions, PreventOutsideFocusProps, WebhookEventNameType } from './types';
@@ -67,11 +66,10 @@ export declare const getDefaultValueFromType: (value: unknown) => {};
  */
 export declare const groupArrayByObjectKey: <T extends Record<string, any>, K extends keyof T>(array: T[], key: K) => Record<string, T[]>;
 /**
- * This function returns a null/zero value corresponding to @type
- *
- * @param type - a RJSF supported type
+ * @description - Function to get the lower case object
+ * @param input - The input object
+ * @returns Record<string, any>
  */
-export declare const getNullValueFromType: (type: StrictRJSFSchema["type"]) => any;
 export declare const getLowerCaseObject: (input: any) => Record<string, any>;
 /**
  * @description - Function to get the webhook date