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

package/dist/Common/CodeEditor/types.d.ts

@@ -1,4 +1,3 @@
-import { XORProps } from '../Types';
 import { MODES } from '../Constants';
 
 export interface InformationBarProps {
@@ -6,7 +5,7 @@ export interface InformationBarProps {
     className?: string;
     children?: React.ReactNode;
 }
-interface CodeEditorBaseInterface {
+export interface CodeEditorInterface {
     value?: string;
     lineDecorationsWidth?: number;
     responseType?: string;
@@ -20,6 +19,7 @@ interface CodeEditorBaseInterface {
     readOnly?: boolean;
     noParsing?: boolean;
     inline?: boolean;
+    height?: number | string;
     shebang?: string | JSX.Element;
     diffView?: boolean;
     loading?: boolean;
@@ -31,25 +31,7 @@ interface CodeEditorBaseInterface {
     isKubernetes?: boolean;
     cleanData?: boolean;
     chartVersion?: any;
-    /**
-     * Defines the minHeight of MonacoEditor in pixels or relative units
-     * @default 300
-     */
-    minHeight?: number | string;
 }
-interface CodeEditorXORProps {
-    /**
-     * Defines the height of MonacoEditor in pixels or relative units
-     * @default 300
-     */
-    height: number | string;
-    /**
-     * If adjustEditorHeightToContent is true the Editor grows and shrinks by its content's height
-     * @default false
-     */
-    adjustEditorHeightToContent: boolean;
-}
-export type CodeEditorInterface = CodeEditorBaseInterface & XORProps<'height', 'adjustEditorHeightToContent', CodeEditorXORProps>;
 export interface CodeEditorHeaderInterface {
     children?: any;
     className?: string;
@@ -102,4 +84,3 @@ export declare enum CodeEditorActionTypes {
     overrideLoading = "overrideLoading",
     success = "success"
 }
-export {};

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

@@ -1,3 +1,4 @@
+import { RuntimeParamsAPIResponseType } from '../Shared/types';
 import { TeamList, ResponseType, DeploymentNodeType, CDMaterialServiceEnum, CDMaterialServiceQueryParams, CDMaterialResponseType, CDMaterialFilterQuery, EnvironmentListHelmResponse } from './Types';
 import { ApiResourceType } from '../Pages';
 
@@ -15,6 +16,11 @@ export declare const SourceTypeMap: {
 };
 export declare function getUserRole(appName?: string): Promise<UserRole>;
 export declare function setImageTags(request: any, pipelineId: number, artifactId: number): Promise<ResponseType<any>>;
+export declare const parseRuntimeParams: (response: RuntimeParamsAPIResponseType) => {
+    key: string;
+    value: string;
+    id: number;
+}[];
 export declare const processCDMaterialServiceResponse: (cdMaterialsResult: any, stage: DeploymentNodeType, offset: number, filter: CDMaterialFilterQuery, disableDefaultSelection?: boolean) => CDMaterialResponseType;
 export declare const genericCDMaterialsService: (serviceType: CDMaterialServiceEnum, cdMaterialID: number, stage: DeploymentNodeType, signal: AbortSignal, queryParams?: CDMaterialServiceQueryParams) => Promise<CDMaterialResponseType>;
 export declare function extractImage(image: string): string;

package/dist/Common/Tooltip/types.d.ts

@@ -1,4 +1,3 @@
-import { XORProps } from '../Types';
 import { TippyProps } from '@tippyjs/react';
 
 type BaseTooltipProps = {
@@ -6,14 +5,25 @@ type BaseTooltipProps = {
      * If true, show tippy on truncate
      * @default true
      */
-    showOnTruncate: boolean;
+    showOnTruncate?: boolean;
     /**
      * If showOnTruncate is defined this prop doesn't work
      * @default false
      */
-    alwaysShowTippyOnHover: boolean;
+    alwaysShowTippyOnHover?: never;
+} | {
+    /**
+     * If alwaysShowTippyOnHover is defined this prop doesn't work
+     * @default false
+     */
+    showOnTruncate?: never;
+    /**
+     * If true, wrap with tippy irrespective of other options
+     * @default false
+     */
+    alwaysShowTippyOnHover?: boolean;
 };
-export type TooltipProps = XORProps<'showOnTruncate', 'alwaysShowTippyOnHover', BaseTooltipProps> & TippyProps & {
+export type TooltipProps = BaseTooltipProps & TippyProps & {
     /**
      * If true, apply dc__word-break-all
      * @default true

package/dist/Common/Types.d.ts

@@ -2,7 +2,7 @@ import { default as React, ReactNode, CSSProperties } from 'react';
 import { Placement } from 'tippy.js';
 import { ImageComment, ReleaseTag } from './ImageTags.Types';
 import { ACTION_STATE, DEPLOYMENT_WINDOW_TYPE, DockerConfigOverrideType, SortingOrder, TaskErrorObj } from '.';
-import { RegistryType } from '../Shared';
+import { RegistryType, RuntimeParamsListItemType } from '../Shared';
 
 /**
  * Generic response type object with support for overriding the result type
@@ -546,6 +546,7 @@ export interface CDMaterialsMetaInfo {
      * This is the ID of user that has request the material
      */
     requestedUserId: number;
+    runtimeParams: RuntimeParamsListItemType[];
 }
 export interface ImagePromotionMaterialInfo {
     isApprovalPendingForPromotion: boolean;
@@ -816,5 +817,4 @@ export interface EnvironmentHelmResult {
     allowedDeploymentTypes?: DeploymentAppTypes[];
 }
 export type EnvironmentListHelmResponse = ResponseType<EnvironmentListHelmResult[]>;
-export type XORProps<P extends string, S extends string, T extends Record<P | S, any>> = (Partial<Record<P, never>> & Partial<Record<S, T[S]>>) | (Partial<Record<P, T[P]>> & Partial<Record<S, never>>);
 export {};

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: parentValidationSchema, errorMessages: parentErrorMessages, onError, validateDuplicateKeys, validateEmptyKeys, }: KeyValueTableProps<K>) => JSX.Element;

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

@@ -36,6 +36,29 @@ export interface KeyValueConfig<K extends string> {
     /** An array of key-value rows. */
     rows: KeyValueRow<K>[];
 }
+type ErrorUIProps = {
+    /**
+     * Indicates whether to show errors.
+     */
+    showError: true;
+    /**
+     * @default - false
+     * If true, would validate for duplicate keys and if present would show error tooltip on the cell.
+     */
+    validateDuplicateKeys?: boolean;
+    /**
+     * @default - false
+     * If true, would validate for rows having values but no key and if error would show error tooltip on the cell.
+     */
+    validateEmptyKeys?: boolean;
+} | {
+    /**
+     * Indicates whether to show errors.
+     */
+    showError?: false;
+    validateDuplicateKeys?: never;
+    validateEmptyKeys?: never;
+};
 /**
  * Type representing a mask for key-value pairs.
  * @template K - A string representing the key type.
@@ -50,7 +73,7 @@ export type KeyValuePlaceholder<K extends string> = {
  * Interface representing the properties for a key-value table component.
  * @template K - A string representing the key type.
  */
-export interface KeyValueTableProps<K extends string> {
+export type KeyValueTableProps<K extends string> = {
     /** The configuration for the key-value table. */
     config: KeyValueConfig<K>;
     /** An optional mask for the key-value pairs. */
@@ -60,8 +83,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 +99,23 @@ export interface KeyValueTableProps<K extends string> {
      * @param deletedRowIndex - The index of the row that was deleted.
      */
     onDelete?: (deletedRowId: string | number) => void;
-}
+    /**
+     * 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;
+    /**
+     * 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;
+} & ErrorUIProps;
+export {};

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

@@ -0,0 +1,2 @@
+export declare const DUPLICATE_KEYS_VALIDATION_MESSAGE = "Keys must be unique";
+export declare const EMPTY_KEY_VALIDATION_MESSAGE = "Key cannot be empty";

package/dist/Shared/constants.d.ts

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

package/dist/Shared/types.d.ts

@@ -1,4 +1,5 @@
 import { OptionType, CommonNodeAttr, ResponseType, UserApprovalConfigType, VulnerabilityType, DeploymentAppTypes, ServerErrors, SortingParams } from '../Common';
+import { KeyValueListType } from './Components';
 import { EnvironmentTypeEnum, PatchOperationType } from './constants';
 
 export declare enum EnvType {
@@ -285,6 +286,10 @@ export declare enum CIMaterialSidebarType {
     CODE_SOURCE = "Code Source",
     PARAMETERS = "Parameters"
 }
+export declare enum CDMaterialSidebarType {
+    IMAGE = "Image",
+    PARAMETERS = "Parameters"
+}
 /**
  * @example Usage with specific enum for path & `unknown` type for value
  * ```ts
@@ -554,4 +559,11 @@ export type BaseFilterQueryParams<T> = {
      */
     showAll?: boolean;
 } & SortingParams<T>;
+export interface RuntimeParamsListItemType extends KeyValueListType {
+    id: number;
+}
+export declare enum RuntimeParamsHeadingType {
+    KEY = "key",
+    VALUE = "value"
+}
 export {};