@devtron-labs/devtron-fe-common-lib 1.12.0 → 1.13.0-pre-1

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

@@ -1,5 +1,5 @@
 import { ReactElement, ReactNode } from 'react';
-import { ComponentSizeType } from '../../constants';
+import { ComponentSizeType, InfoBlockVariantType } from '../../constants';
 import { BorderConfigType, ComponentLayoutType } from '../../types';
 import { ButtonComponentType, ButtonProps } from '../Button';
 export type InfoBlockProps = {
@@ -10,7 +10,7 @@ export type InfoBlockProps = {
     /**
      * @default 'information'
      */
-    variant?: 'error' | 'help' | 'information' | 'success' | 'warning' | 'neutral';
+    variant?: InfoBlockVariantType;
     /**
      * @default ComponentSizeType.large
      */

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

@@ -1,2 +1,2 @@
 import { KeyValueTableProps } from './KeyValueTable.types';
-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;
+export declare const KeyValueTable: ({ headerLabel, rows: initialRows, placeholder, maskValue, isSortable, headerComponent, onChange, isAdditionNotAllowed, readOnly, showError, validationSchema: parentValidationSchema, onError, validateDuplicateKeys, validateEmptyKeys, }: KeyValueTableProps) => JSX.Element;

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

@@ -2,4 +2,4 @@ export { default as ActivateLicenseDialog } from './ActivateLicenseDialog';
 export { default as DevtronLicenseCard } from './DevtronLicenseCard';
 export { ICDevtronWithBorder, default as InstallationFingerprintInfo } from './License.components';
 export * from './types';
-export { parseDevtronLicenseData } from './utils';
+export { parseDevtronLicenseData, parseDevtronLicenseDTOIntoLicenseCardData } from './utils';

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

@@ -1,8 +1,9 @@
 import { DevtronLicenseDTO } from '../../types';
-import { DevtronLicenseInfo, LicenseStatus } from './types';
+import { DevtronLicenseCardProps, DevtronLicenseInfo, LicenseStatus } from './types';
 export declare const getLicenseColorsAccordingToStatus: (licenseStatus: LicenseStatus) => {
     bgColor: string;
     textColor: string;
 };
+export declare const parseDevtronLicenseDTOIntoLicenseCardData: <isCentralDashboard extends boolean = false>(licenseDTO: DevtronLicenseDTO<isCentralDashboard>, currentUserEmail?: isCentralDashboard extends true ? string : never) => Omit<DevtronLicenseCardProps, "appTheme">;
 export declare const parseDevtronLicenseData: (result: DevtronLicenseDTO) => DevtronLicenseInfo;
 export declare const getGateKeeperUrl: (fingerprint: string) => string;

package/dist/Shared/Components/Security/SecurityModal/utils.d.ts

@@ -1,7 +1,7 @@
 import { SEVERITIES } from './constants';
 import { GetResourceScanDetailsResponseType, ImageScanVulnerabilityType, ImageVulnerabilityType, ScanResultDTO, SeveritiesDTO, VulnerabilityCountType } from './types';
 export declare const mapSeveritiesToSegmentedBarChartEntities: (severities: Partial<Record<keyof typeof SEVERITIES, number>>) => {
-    color: "var(--R500)" | "var(--N300)" | "var(--O500)" | "var(--G500)" | "var(--Y500)" | "var(--R700)";
+    color: "var(--R500)" | "var(--N300)" | "var(--O500)" | "var(--Y500)" | "var(--G500)" | "var(--R700)";
     label: "Unknown" | "Critical" | "High" | "Medium" | "Low" | "Failures" | "Successes" | "Exceptions";
     value: number;
 }[];

package/dist/Shared/Components/TabGroup/TabGroup.component.d.ts

@@ -1,2 +1,2 @@
 import { TabGroupProps } from './TabGroup.types';
-export declare const TabGroup: ({ tabs, size, rightComponent, alignActiveBorderWithContainer, hideTopPadding, }: TabGroupProps) => JSX.Element;
+export declare const TabGroup: ({ tabs, size, rightComponent, hideTopPadding, }: TabGroupProps) => JSX.Element;

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

@@ -122,15 +122,13 @@ export interface TabGroupProps {
      * Optional component to be rendered on the right side of the tab list.
      */
     rightComponent?: React.ReactElement;
-    /**
-     * Set to `true` to align the active tab's border with the bottom border of the parent container.
-     * @default false
-     */
-    alignActiveBorderWithContainer?: boolean;
     /**
      * Determines if the top padding of the tab group should be hidden.
      * @default false
      */
     hideTopPadding?: boolean;
 }
+export type AdditionalTabProps = {
+    uniqueGroupId: string;
+};
 export {};

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

@@ -1,6 +1,6 @@
 import { IconsProps } from '../Icon';
 import { TabGroupProps } from './TabGroup.types';
-export declare const getClassNameBySizeMap: ({ hideTopPadding, alignActiveBorderWithContainer, }: Pick<TabGroupProps, "hideTopPadding" | "alignActiveBorderWithContainer">) => Record<TabGroupProps["size"], {
+export declare const getClassNameBySizeMap: ({ hideTopPadding, }: Pick<TabGroupProps, "hideTopPadding">) => Record<TabGroupProps["size"], {
     tabClassName: string;
     iconClassName: string;
     badgeClassName: string;

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

@@ -0,0 +1,2 @@
+import { UserIdentifierProps } from './types';
+export declare const UserIdentifier: ({ identifier, children, rootClassName, tooltipContent, isUserGroup, }: UserIdentifierProps) => JSX.Element;

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

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

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

@@ -0,0 +1,11 @@
+import { ReactNode } from 'react';
+export interface UserIdentifierProps {
+    identifier: string;
+    children?: ReactNode;
+    isUserGroup?: boolean;
+    rootClassName?: string;
+    /**
+     * @description - If given, would show tooltip on div containing avatar, email and children
+     */
+    tooltipContent?: string;
+}

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

@@ -1,8 +1,8 @@
+export * from './AboutDevtron';
 export * from './ActionMenu';
 export * from './ActivityIndicator';
 export * from './AnimatedDeployButton';
 export * from './AnimatedTimer';
-export * from './AnnouncementBanner';
 export * from './APIResponseHandler';
 export * from './ArtifactInfoModal';
 export * from './Backdrop';
@@ -13,7 +13,7 @@ export * from './ButtonWithLoader';
 export * from './ButtonWithSelector';
 export * from './CICDHistory';
 export * from './CMCS';
-export * from './CodeEditorWrapper';
+export * from './CodeEditor';
 export * from './Collapse';
 export * from './CollapsibleList';
 export * from './CommitChipCell';
@@ -79,5 +79,6 @@ export * from './ThemeSwitcher';
 export * from './ToggleResolveScopedVariables';
 export * from './UnsavedChanges';
 export * from './UnsavedChangesDialog';
+export * from './UserIdentifier';
 export * from './VirtualizedList';
 export * from './WorkflowOptionsModal';

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

@@ -1,5 +1,5 @@
 export * from './ImageSelectionUtility';
 export * from './MainContextProvider';
 export * from './ThemeProvider';
-export type { MainContext } from './types';
+export type { MainContext, ReloadVersionConfigTypes } from './types';
 export * from './UserEmailProvider';

package/dist/Shared/Providers/types.d.ts

@@ -1,7 +1,16 @@
 import { Dispatch, MutableRefObject, ReactNode, SetStateAction } from 'react';
 import { SERVER_MODE } from '../../Common';
 import { ServerInfo } from '../Components/Header/types';
-import { DevtronLicenseInfo, LicenseInfoDialogType } from '..';
+import { DevtronLicenseInfo, IntelligenceConfig, LicenseInfoDialogType, ToastManager } from '..';
+export interface ReloadVersionConfigTypes {
+    bgUpdated: boolean;
+    handleAppUpdate: () => void;
+    doesNeedRefresh: boolean;
+    updateServiceWorker: () => Promise<void>;
+    handleControllerChange: () => void;
+    updateToastRef: MutableRefObject<ReturnType<typeof ToastManager.showToast>> | null;
+    isRefreshing: boolean;
+}
 export interface MainContext {
     serverMode: SERVER_MODE;
     setServerMode: (serverMode: SERVER_MODE) => void;
@@ -46,6 +55,9 @@ export interface MainContext {
     licenseData: DevtronLicenseInfo;
     setLicenseData: Dispatch<SetStateAction<DevtronLicenseInfo>>;
     canFetchHelmAppStatus: boolean;
+    reloadVersionConfig: ReloadVersionConfigTypes;
+    intelligenceConfig: IntelligenceConfig;
+    setIntelligenceConfig: Dispatch<SetStateAction<IntelligenceConfig>>;
 }
 export interface MainContextProviderProps {
     children: ReactNode;

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

@@ -1,5 +1,6 @@
-import { OptionType } from '../Common/Types';
-import { CDMaterialSidebarType, ConfigKeysWithLockType, ConfigurationType } from './types';
+import { DeploymentNodeType, OptionType } from '../Common/Types';
+import { InfoBlockProps } from './Components';
+import { CDMaterialSidebarType, ConfigKeysWithLockType, ConfigurationType, IconBaseColorType } from './types';
 export declare const ARTIFACT_STATUS: {
     PROGRESSING: string;
     DEGRADED: string;
@@ -422,6 +423,8 @@ export declare const DC_DELETE_SUBTITLES: {
 };
 export declare const EULA_LINK = "https://devtron.ai/end-user-license-agreement-eula";
 export declare const CONTACT_SUPPORT_LINK = "https://devtron.ai/enterprise-support";
+export declare const PRIVACY_POLICY_LINK = "https://devtron.ai/privacy-policy";
+export declare const TERMS_OF_USE_LINK = "https://devtron.ai/terms-of-use";
 export declare const enum DeleteComponentsName {
     Cluster = "cluster",
     Job = "job pipeline",
@@ -433,3 +436,16 @@ export declare const Routes: {
 };
 export declare const ENTERPRISE_SUPPORT_LINK = "enterprise@devtron.ai";
 export declare const INVALID_LICENSE_KEY = "inValid";
+export declare enum InfoBlockVariant {
+    ERROR = "error",
+    HELP = "help",
+    INFORMATION = "information",
+    SUCCESS = "success",
+    WARNING = "warning",
+    NEUTRAL = "neutral"
+}
+export type InfoBlockVariantType = 'error' | 'help' | 'information' | 'success' | 'warning' | 'neutral';
+export declare const VARIANT_TO_BG_MAP: Record<InfoBlockProps['variant'], string>;
+export declare const VARIANT_TO_ICON_COLOR_MAP: Record<InfoBlockProps['variant'], IconBaseColorType>;
+export declare const VARIANT_TO_BORDER_MAP: Record<InfoBlockProps['variant'], string>;
+export declare const DEPLOYMENT_STAGE_TO_NODE_MAP: Readonly<Record<DeploymentStageType, DeploymentNodeType>>;

package/dist/Shared/types.d.ts

@@ -245,6 +245,8 @@ export interface WorkflowType {
     showTippy?: boolean;
     appId?: number;
     isSelected?: boolean;
+    isExceptionUser?: boolean;
+    canApproverDeploy?: boolean;
     approvalConfiguredIdsMap?: Record<number, ApprovalConfigDataType>;
     imageReleaseTags: string[];
     appReleaseTags?: string[];
@@ -953,4 +955,10 @@ export declare enum RegistryCredentialsType {
     USERNAME_PASSWORD = "username_password",
     ANONYMOUS = "anonymous"
 }
+export interface IntelligenceConfig {
+    clusterId: number;
+    metadata: Record<string, string>;
+    prompt: string;
+    analyticsCategory: string;
+}
 export {};