@devtron-labs/devtron-fe-common-lib 1.12.0-beta-2 → 1.12.0-beta-4

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

@@ -1,40 +1,7 @@
-import { ReactNode } from 'react';
-import { ResizableTagTextAreaProps } from '../../../Common';
-/**
- * Interface representing a key-value header.
- * @template K - A string representing the key type.
- */
-export interface KeyValueHeader<K extends string> {
-    /** The label of the header. */
-    label: string;
-    /** The key associated with the header. */
-    key: K;
-    /** An optional class name for the header. */
-    className?: string;
-}
-/**
- * Type representing a key-value row.
- * @template K - A string representing the key type.
- */
-export type KeyValueRow<K extends string> = {
-    data: {
-        [key in K]: Pick<ResizableTagTextAreaProps, 'value' | 'disabled' | 'tabIndex'> & {
-            /** An optional boolean indicating if an asterisk should be shown. */
-            required?: boolean;
-        };
-    };
-    id: string | number;
-};
-/**
- * Interface representing the configuration for a key-value table.
- * @template K - A string representing the key type.
- */
-export interface KeyValueConfig<K extends string> {
-    /** An array containing two key-value headers. */
-    headers: [KeyValueHeader<K>, KeyValueHeader<K>];
-    /** An array of key-value rows. */
-    rows: KeyValueRow<K>[];
-}
+import { TooltipProps } from '../../../Common/Tooltip';
+import { DynamicDataTableProps } from '../DynamicDataTable';
+export type KeyValueTableDataType = 'key' | 'value';
+export type KeyValueTableInternalProps = DynamicDataTableProps<KeyValueTableDataType, never>;
 type ErrorUIProps = {
     /**
      * Indicates whether to show errors.
@@ -58,63 +25,93 @@ type ErrorUIProps = {
     validateDuplicateKeys?: never;
     validateEmptyKeys?: never;
 };
-/**
- * Type representing a mask for key-value pairs.
- * @template K - A string representing the key type.
- */
-export type KeyValueMask<K extends string> = {
+export type KeyValueHeaderLabel<K extends KeyValueTableDataType = KeyValueTableDataType> = {
+    [key in K]: string;
+};
+export type KeyValueMask<K extends KeyValueTableDataType = KeyValueTableDataType> = {
     [key in K]?: boolean;
 };
-export type KeyValuePlaceholder<K extends string> = {
+export type KeyValuePlaceholder<K extends KeyValueTableDataType = KeyValueTableDataType> = {
     [key in K]?: string;
 };
+export interface KeyValueTableRowType<K extends KeyValueTableDataType = KeyValueTableDataType> {
+    id: string | number;
+    data: {
+        [key in K]: {
+            value: string;
+            /** An optional boolean indicating if the cell should be marked as disabled. */
+            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'>>;
+        };
+    };
+}
+export interface KeyValueTableData extends Pick<KeyValueTableRowType, 'id'> {
+    key: string;
+    value: string;
+}
 /**
- * Interface representing the properties for a key-value table component.
- * @template K - A string representing the key type.
+ * Props for the KeyValueTable component.
  */
-export type KeyValueTableProps<K extends string> = {
-    /** The configuration for the key-value table. */
-    config: KeyValueConfig<K>;
-    /** An optional mask for the key-value pairs. */
-    maskValue?: KeyValueMask<K>;
-    placeholder?: KeyValuePlaceholder<K>;
-    /** An optional boolean indicating if the table is sortable. */
-    isSortable?: boolean;
-    /** 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 add or update is disabled. */
-    readOnly?: boolean;
+export type KeyValueTableProps = Pick<DynamicDataTableProps<KeyValueTableDataType>, 'isAdditionNotAllowed' | 'readOnly' | 'headerComponent'> & {
     /**
-     * An optional function to handle changes in the table rows.
-     * @param rowId - The id of the row that changed.
-     * @param headerKey - The key of the header that changed.
-     * @param value - The value of the cell.
+     * The label for the table header.
      */
-    onChange?: (rowId: string | number, headerKey: K, value: string) => void;
+    headerLabel: KeyValueHeaderLabel;
     /**
-     * An optional function to handle row deletions.
-     * @param deletedRowIndex - The index of the row that was deleted.
+     * The rows of the key-value table.
      */
-    onDelete?: (deletedRowId: string | number) => void;
+    rows: KeyValueTableRowType[];
     /**
-     * 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.
+     * An optional configuration to mask values in the table.
      */
-    validationSchema?: (value: string, key: K, rowId: string | number) => boolean;
+    maskValue?: KeyValueMask;
     /**
-     * An array of error messages to be displayed in the cell error tooltip.
+     * An optional placeholder configuration for the table columns.
      */
-    errorMessages?: string[];
+    placeholder?: KeyValuePlaceholder;
+    /**
+     * An optional boolean indicating if the `key` column is sortable.
+     */
+    isSortable?: boolean;
+    /**
+     * A callback function triggered when the table rows change.
+     *
+     * @param data - The updated table data.
+     */
+    onChange: (data: KeyValueTableData[]) => void;
+    /**
+     * A function to validate the value of a cell.
+     *
+     * @param value - The value to validate.
+     * @param key - The key of the header associated with the value.
+     * @param row - The row containing the value.
+     * @returns A boolean indicating whether the value is valid. If false,
+     *          `showError` should be set to `true` and `errorMessages` should
+     *          provide an array of error messages to display.
+     */
+    validationSchema?: (value: string, key: KeyValueTableDataType, row: KeyValueTableRowType) => {
+        /** Boolean indicating if the cell data is valid or not. */
+        isValid: boolean;
+        /**
+         * An array of error messages to display 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.
+     * A callback function triggered when an error occurs in the table.
+     *
+     * @param errorState - A boolean indicating the error state. True if any
+     *                     cell has an error, otherwise false.
      */
     onError?: (errorState: boolean) => void;
 } & ErrorUIProps;
+export type KeyValueValidationSchemaProps = {
+    value: Parameters<KeyValueTableProps['validationSchema']>[0];
+    key: Parameters<KeyValueTableProps['validationSchema']>[1];
+    row: Parameters<KeyValueTableProps['validationSchema']>[2];
+    keysFrequency?: Record<string, number>;
+} & Pick<KeyValueTableProps, 'validateDuplicateKeys' | 'validateEmptyKeys' | 'validationSchema'> & Partial<Pick<KeyValueTableInternalProps, 'rows'>>;
 export {};

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

@@ -1,2 +1,2 @@
 export * from './KeyValueTable.component';
-export * from './KeyValueTable.types';
+export type { KeyValueTableData, KeyValueTableProps } from './KeyValueTable.types';

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

@@ -0,0 +1,13 @@
+import { UseStateFiltersReturnType } from '../../../Common/Hooks';
+import { KeyValueTableData, KeyValueTableDataType, KeyValueTableInternalProps, KeyValueTableProps, KeyValueValidationSchemaProps } from './KeyValueTable.types';
+export declare const getModifiedDataForOnChange: (rows: KeyValueTableInternalProps["rows"]) => KeyValueTableData[];
+export declare const getEmptyRow: (placeholder: KeyValueTableProps["placeholder"]) => KeyValueTableInternalProps["rows"][number];
+export declare const getKeyValueTableRows: ({ rows: initialRows, placeholder, maskValue, }: Required<Pick<KeyValueTableProps, "rows" | "placeholder" | "maskValue">>) => KeyValueTableInternalProps["rows"];
+export declare const getKeyValueTableSortedRows: ({ rows, sortBy, sortOrder, }: Required<Pick<UseStateFiltersReturnType<KeyValueTableDataType>, "sortBy" | "sortOrder">> & Pick<KeyValueTableInternalProps, "rows">) => import('../DynamicDataTable').DynamicDataTableRowType<KeyValueTableDataType, never>[];
+export declare const getKeyValueHeaders: ({ headerLabel, isSortable, }: Pick<KeyValueTableProps, "headerLabel" | "isSortable">) => KeyValueTableInternalProps["headers"];
+export declare const getKeyValueTableCellError: ({ validateDuplicateKeys, validateEmptyKeys, validationSchema: parentValidationSchema, rows, }: Pick<KeyValueValidationSchemaProps, "validateDuplicateKeys" | "validateEmptyKeys" | "validationSchema" | "rows"> & {
+    skipValidationIfValueIsEmpty?: boolean;
+}) => {
+    isValid: boolean;
+    updatedCellError: {};
+};

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

@@ -4,6 +4,7 @@ export * from './AnimatedDeployButton';
 export * from './AnimatedTimer';
 export * from './AnnouncementBanner';
 export * from './APIResponseHandler';
+export * from './AppStatusModal';
 export * from './ArtifactInfoModal';
 export * from './Backdrop';
 export * from './BulkOperations';
@@ -79,6 +80,5 @@ export * from './ThemeSwitcher';
 export * from './ToggleResolveScopedVariables';
 export * from './UnsavedChanges';
 export * from './UnsavedChangesDialog';
-export * from './UserIdentifier';
 export * from './VirtualizedList';
 export * from './WorkflowOptionsModal';

package/dist/Shared/Services/app.types.d.ts

@@ -1,3 +1,4 @@
+import { KeyValueTableData } from '../Components';
 import { TargetPlatformsDTO } from '../types';
 import { OverrideMergeStrategyType } from '../../Pages/Applications';
 import { ReleaseTag, ResponseType, UserApprovalMetadataType } from '../../Common';
@@ -185,11 +186,6 @@ export interface ConfigMapSecretDataType {
     configData: ConfigMapSecretDataConfigDatumDTO[];
     isDeletable: boolean;
 }
-export interface CMSecretYamlData {
-    k: string;
-    v: string;
-    id: string | number;
-}
 export interface ConfigMapSecretUseFormProps {
     name: string;
     isSecret: boolean;
@@ -204,7 +200,7 @@ export interface ConfigMapSecretUseFormProps {
     roleARN: string;
     yamlMode: boolean;
     yaml: string;
-    currentData: CMSecretYamlData[];
+    currentData: KeyValueTableData[];
     secretDataYaml: string;
     esoSecretYaml: string;
     hasCurrentDataErr: boolean;

package/dist/Shared/types.d.ts

@@ -111,6 +111,7 @@ export interface Node {
     canBeHibernated: boolean;
     isHibernated: boolean;
     hasDrift?: boolean;
+    status?: string;
 }
 export interface iNodes extends Array<iNode> {
 }
@@ -198,6 +199,10 @@ export interface AppDetails {
     fluxTemplateType?: string;
     FluxAppStatusDetail?: FluxAppStatusDetail;
 }
+export interface ConfigDriftModalProps extends Required<Pick<AppDetails, 'appId'>> {
+    envId: number;
+    handleCloseModal?: () => void;
+}
 export declare enum RegistryType {
     GIT = "git",
     GITHUB = "github",
@@ -245,8 +250,6 @@ export interface WorkflowType {
     showTippy?: boolean;
     appId?: number;
     isSelected?: boolean;
-    isExceptionUser?: boolean;
-    canApproverDeploy?: boolean;
     approvalConfiguredIdsMap?: Record<number, ApprovalConfigDataType>;
     imageReleaseTags: string[];
     appReleaseTags?: string[];