@devtron-labs/devtron-fe-common-lib 1.12.0-beta-1 → 1.12.0-beta-3

package/dist/{@common-rjsf-C2CrGIz6.js → @common-rjsf-D7qlH1s4.js}

@@ -1,7 +1,7 @@
 import { j as n, av as y, ax as k, aw as W } from "./@vendor-SjXFleuT.js";
 import V, { forwardRef as J, useMemo as P } from "react";
 import K, { getDefaultRegistry as q } from "@rjsf/core";
-import { T as F, j as N, c as v, b as S, a as Y, i as z, d as w, e as E, S as G } from "./@code-editor-3U2FmTaO.js";
+import { T as F, j as N, c as v, b as S, a as Y, i as z, d as w, e as E, S as G } from "./@code-editor-Ck_CH0E8.js";
 import Q, { components as D } from "react-select";
 import { ReactComponent as X } from "./assets/ic-chevron-down.fc70d7a7.svg";
 import { getUiOptions as B, getTemplate as $, getSubmitButtonOptions as Z, ADDITIONAL_PROPERTY_FLAG as L, errorId as ee, englishStringTranslator as te, TranslatableString as ne, titleId as re, canExpand as se, deepEquals as ae } from "@rjsf/utils";
@@ -89,14 +89,14 @@ import './assets/@common-rjsf.css';const O = {
 }) => {
   const u = B(a), f = $("ArrayFieldItemTemplate", c, u), p = u.title || x;
   return /* @__PURE__ */ n.jsx("fieldset", { className: t, id: r.$id, children: i.length ? /* @__PURE__ */ n.jsxs(n.Fragment, { children: [
-    i.map(({ key: j, ..._ }, h) => {
+    i.map(({ key: _, ...j }, h) => {
       const m = {
-        ..._.children,
+        ...j.children,
         props: {
-          ..._.children.props
+          ...j.children.props
         }
       };
-      return /* @__PURE__ */ n.jsx(f, { ..._, children: m }, j);
+      return /* @__PURE__ */ n.jsx(f, { ...j, children: m }, _);
     }),
     /* @__PURE__ */ n.jsx(
       A,
@@ -178,11 +178,11 @@ import './assets/@common-rjsf.css';const O = {
     classNames: x,
     schema: u,
     rawDescription: f
-  } = e, p = B(d), j = $(
+  } = e, p = B(d), _ = $(
     "WrapIfAdditionalTemplate",
     c,
     p
-  ), _ = L in u, h = (o || u.type === "boolean") && !_, m = u.type === "array";
+  ), j = L in u, h = (o || u.type === "boolean") && !j, m = u.type === "array";
   return i ? /* @__PURE__ */ n.jsx("div", { className: "hidden", children: r }) : (
     // NOTE: need to override the margins of default rjsf css
     /* @__PURE__ */ n.jsxs("div", { className: `${x} mb-0`, children: [
@@ -206,7 +206,7 @@ import './assets/@common-rjsf.css';const O = {
           id: t,
           required: l,
           rawDescription: f,
-          children: /* @__PURE__ */ n.jsx(j, { ...e, children: r })
+          children: /* @__PURE__ */ n.jsx(_, { ...e, children: r })
         }
       ),
       a
@@ -366,8 +366,8 @@ import './assets/@common-rjsf.css';const O = {
       uiSchema: x,
       registry: l
     }
-  ), j = a.filter((_) => {
-    const h = c.properties?.[_.name]?.hidden;
+  ), _ = a.filter((j) => {
+    const h = c.properties?.[j.name]?.hidden;
     if (!h)
       return !0;
     try {
@@ -384,7 +384,7 @@ import './assets/@common-rjsf.css';const O = {
     } catch {
       return !0;
     }
-  }).map((_) => _.content);
+  }).sort((j) => c.properties?.[j.name]?.type === "boolean" ? -1 : 1).map((j) => j.content);
   return f ? a.length ? /* @__PURE__ */ n.jsxs(n.Fragment, { children: [
     /* @__PURE__ */ n.jsx(
       T,
@@ -394,12 +394,12 @@ import './assets/@common-rjsf.css';const O = {
         showLabel: !0,
         id: s.$id,
         shouldAlignCenter: !1,
-        children: /* @__PURE__ */ n.jsx("div", { children: j })
+        children: /* @__PURE__ */ n.jsx("div", { children: _ })
       }
     ),
     p
   ] }) : /* @__PURE__ */ n.jsx(T, { label: d, required: o, showLabel: !0, id: s.$id, children: p }) : /* @__PURE__ */ n.jsxs(n.Fragment, { children: [
-    j,
+    _,
     p
   ] });
 }, we = (e) => {
@@ -473,8 +473,8 @@ import './assets/@common-rjsf.css';const O = {
   onFocus: c
 }) => {
   const d = (u, f) => {
-    const { id: p, checked: j } = u.target;
-    f === "blur" ? o(p, j) : f === "focus" && c(p, j);
+    const { id: p, checked: _ } = u.target;
+    f === "blur" ? o(p, _) : f === "focus" && c(p, _);
   }, x = z(s) ? !1 : s;
   return /* @__PURE__ */ n.jsxs("div", { children: [
     /* @__PURE__ */ n.jsx(
@@ -507,18 +507,18 @@ import './assets/@common-rjsf.css';const O = {
     onBlur: d,
     onFocus: x,
     placeholder: u
-  } = e, { enumOptions: f = [] } = r, p = s ? [] : "", j = (h) => {
+  } = e, { enumOptions: f = [] } = r, p = s ? [] : "", _ = (h) => {
     c(s ? h.map((m) => m.value) : h.value);
-  }, _ = (h) => s ? f.filter((m) => h.some((g) => E(g, m.value))) : f.find((m) => E(h, m.value));
+  }, j = (h) => s ? f.filter((m) => h.some((g) => E(g, m.value))) : f.find((m) => E(h, m.value));
   return /* @__PURE__ */ n.jsx(
     Q,
     {
       id: t,
       name: t,
       isMulti: s,
-      value: typeof a > "u" ? p : _(a),
+      value: typeof a > "u" ? p : j(a),
       autoFocus: o,
-      onChange: j,
+      onChange: _,
       options: f,
       onBlur: () => d(t, a),
       onFocus: () => x(t, a),

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

@@ -1,4 +1,4 @@
-import { DynamicDataTableCellValidationState } from '../Shared/Components';
+import { DynamicDataTableCellValidationState, KeyValueTableData } from '../Shared/Components';
 export interface MaterialType {
     name: string;
     type: string;
@@ -123,7 +123,7 @@ export interface PortMapType {
     portOnLocal: number;
     portOnContainer: number;
 }
-interface ConditionDetails {
+export interface ConditionDetails {
     id: number;
     conditionOnVariable: string;
     conditionOperator: string;
@@ -220,10 +220,7 @@ export declare enum WORKFLOW_CACHE_CONFIG_ENUM {
 }
 export interface FormType {
     name: string;
-    args: {
-        key: string;
-        value: string;
-    }[];
+    args: KeyValueTableData[];
     materials: MaterialType[];
     gitHost: Githost;
     webhookEvents: WebhookEvent[];
@@ -271,22 +268,26 @@ export declare enum InputOutputVariablesHeaderKeys {
     FORMAT = "format",
     VALUE = "val"
 }
-export type InputOutputVariablesErrorObj = Record<InputOutputVariablesHeaderKeys, DynamicDataTableCellValidationState>;
+export declare enum ConditionDataTableHeaderKeys {
+    VARIABLE = "variable",
+    OPERATOR = "operator",
+    VALUE = "val"
+}
+type InputOutputVariablesErrorObj = Record<InputOutputVariablesHeaderKeys, DynamicDataTableCellValidationState>;
+type ConditionDetailsErrorObj = Record<ConditionDataTableHeaderKeys, DynamicDataTableCellValidationState>;
+interface StepDetailTaskErrorObj {
+    inputVariables?: Record<number, InputOutputVariablesErrorObj>;
+    outputVariables?: Record<number, InputOutputVariablesErrorObj>;
+    isInputVariablesValid?: boolean;
+    isOutputVariablesValid?: boolean;
+    conditionDetails?: Record<number, ConditionDetailsErrorObj>;
+    isConditionDetailsValid?: boolean;
+}
 export interface TaskErrorObj {
     isValid: boolean;
     name: ErrorObj;
-    inlineStepDetail?: {
-        inputVariables?: Record<number, InputOutputVariablesErrorObj>;
-        outputVariables?: Record<number, InputOutputVariablesErrorObj>;
-        isInputVariablesValid?: boolean;
-        isOutputVariablesValid?: boolean;
-    };
-    pluginRefStepDetail?: {
-        inputVariables?: Record<number, InputOutputVariablesErrorObj>;
-        outputVariables?: Record<number, InputOutputVariablesErrorObj>;
-        isInputVariablesValid?: boolean;
-        isOutputVariablesValid?: boolean;
-    };
+    inlineStepDetail?: StepDetailTaskErrorObj;
+    pluginRefStepDetail?: StepDetailTaskErrorObj;
 }
 export interface FormErrorObjectType {
     name: ErrorObj;

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

@@ -1,6 +1,6 @@
 import { MutableRefObject } from 'react';
 import { RuntimeParamsAPIResponseType, RuntimePluginVariables } from '../Shared/types';
-import { TeamList, ResponseType, DeploymentNodeType, CDMaterialServiceEnum, CDMaterialServiceQueryParams, CDMaterialResponseType, CDMaterialFilterQuery, EnvironmentListHelmResponse, UserApprovalMetadataType, GlobalVariableOptionType, UserRole, APIOptions } from './Types';
+import { TeamList, ResponseType, DeploymentNodeType, CDMaterialServiceEnum, CDMaterialServiceQueryParams, CDMaterialResponseType, CDMaterialFilterQuery, EnvironmentListHelmResponse, UserApprovalMetadataType, GlobalVariableOptionType, UserRole } from './Types';
 import { ApiResourceType } from '../Pages';
 export declare const getTeamListMin: () => Promise<TeamList>;
 export declare const SourceTypeMap: {
@@ -21,7 +21,7 @@ export declare const getDefaultConfig: () => Promise<ResponseType>;
 export declare function getEnvironmentListMinPublic(includeAllowedDeploymentTypes?: boolean): Promise<ResponseType<any>>;
 export declare function getClusterListMin(): Promise<ResponseType<any>>;
 export declare const getResourceGroupListRaw: (clusterId: string) => Promise<ResponseType<ApiResourceType>>;
-export declare function getNamespaceListMin(clusterIdsCsv: string, abortControllerRef?: APIOptions['abortControllerRef']): Promise<EnvironmentListHelmResponse>;
+export declare function getNamespaceListMin(clusterIdsCsv: string): Promise<EnvironmentListHelmResponse>;
 export declare function getWebhookEventsForEventId(eventId: string | number): Promise<ResponseType<any>>;
 /**
  *

package/dist/Common/Hooks/UseRegisterShortcut/utils.d.ts

@@ -1,6 +1,6 @@
 import { ShortcutType } from './types';
 export declare const preprocessKeys: (keys: ShortcutType["keys"]) => {
-    keys: ("Alt" | "F" | "E" | "R" | "K" | "X" | "A" | "Home" | "End" | "." | "Space" | "Control" | "Shift" | "Meta" | "Escape" | "Enter" | "ArrowLeft" | "ArrowRight" | "ArrowUp" | "ArrowDown" | "PageUp" | "PageDown" | "Backspace" | "Delete")[];
+    keys: ("R" | "Alt" | "F" | "E" | "K" | "X" | "A" | "Home" | "End" | "." | "Space" | "Control" | "Shift" | "Meta" | "Escape" | "Enter" | "ArrowLeft" | "ArrowRight" | "ArrowUp" | "ArrowDown" | "PageUp" | "PageDown" | "Backspace" | "Delete")[];
     id: string;
 };
 export declare const verifyCallbackStack: (stack: ShortcutType["callbackStack"]) => void;

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, "children" | "id" | "className" | "disabled" | "onChange" | "name" | "target" | "onFocus" | "onBlur" | "onSubmit" | "onError" | "autoComplete" | "action" | "method" | "tagName" | "noValidate" | "readonly" | "uiSchema" | "schema" | "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<any, import('./types').RJSFFormSchema, any>>>;
+export declare const RJSFForm: import('react').ForwardRefExoticComponent<Pick<FormProps, "name" | "id" | "children" | "disabled" | "className" | "onChange" | "target" | "onFocus" | "onBlur" | "onSubmit" | "onError" | "autoComplete" | "action" | "method" | "tagName" | "noValidate" | "readonly" | "uiSchema" | "schema" | "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<any, import('./types').RJSFFormSchema, any>>>;

package/dist/Pages/GlobalConfigurations/index.d.ts

@@ -1,5 +1,4 @@
 export * from './Authorization';
 export * from './BuildInfra';
-export * from './ClustersAndEnvironments';
 export * from './DeploymentCharts';
 export * from './ScopedVariables';

package/dist/Pages/ResourceBrowser/service.d.ts

@@ -7,4 +7,4 @@ export declare const deleteResource: (resourceListPayload: ResourceListPayloadTy
 export declare const deleteNodeCapacity: (requestPayload: NodeActionRequest, abortControllerRef?: APIOptions["abortControllerRef"]) => Promise<ResponseType>;
 export declare const cordonNodeCapacity: (requestPayload: NodeCordonRequest, abortControllerRef?: APIOptions["abortControllerRef"]) => Promise<ResponseType>;
 export declare const drainNodeCapacity: (requestPayload: NodeActionRequest, abortControllerRef?: APIOptions["abortControllerRef"]) => Promise<ResponseType>;
-export declare const getClusterListRaw: (abortControllerRef?: APIOptions["abortControllerRef"]) => Promise<ResponseType<ClusterDetail[]>>;
+export declare const getClusterListRaw: () => Promise<ResponseType<ClusterDetail[]>>;

package/dist/Pages/ResourceBrowser/types.d.ts

@@ -1,20 +1,10 @@
 import { Dispatch, ReactElement, SetStateAction } from 'react';
-import { InstallationClusterType } from '../../Shared/types';
 import { NodeActionRequest } from './ResourceBrowser.Types';
 export declare enum ClusterFiltersType {
     ALL_CLUSTERS = "all",
     HEALTHY = "healthy",
     UNHEALTHY = "unhealthy"
 }
-export declare enum InstallationClusterStatus {
-    Creating = "Creating",
-    Deleting = "Deleting",
-    Updating = "Updating",
-    Installed = "Installed",
-    Failed = "Failed",
-    Superseded = "Superseded",
-    Undefined = "Undefined"
-}
 export declare enum ClusterStatusType {
     HEALTHY = "healthy",
     UNHEALTHY = "unhealthy",
@@ -52,7 +42,6 @@ export interface ClusterCapacityType {
     nodeErrors: Record<string, string>[];
     status?: ClusterStatusType;
     isProd: boolean;
-    installationId?: number;
 }
 export interface ClusterDetail extends ClusterCapacityType {
     id: number;
@@ -81,31 +70,4 @@ export interface AdditionalConfirmationModalOptionsProps<T = unknown> {
     setOptionsData: Dispatch<SetStateAction<T>>;
     children?: ReactElement;
 }
-export interface InstallationClusterStepType {
-    lastTransitionTime: string;
-    lastProbeTime: string;
-    message: string;
-    reason: string;
-    status: 'False' | 'True' | 'Unknown';
-    type: string;
-}
-export interface InstallationClusterConfigDTO {
-    installationId: number;
-    installationStatus: InstallationClusterStatus;
-    name: string;
-    values: string;
-    valuesSchema: string;
-    isProd: boolean;
-    installationType: InstallationClusterType;
-    conditions: InstallationClusterStepType[];
-    installedEntityId: number | 0;
-}
-export interface InstallationClusterConfigType extends Pick<InstallationClusterConfigDTO, 'installationType' | 'conditions'> {
-    schema: object;
-    values: object;
-    installationId: number;
-    name: string;
-    status: InstallationClusterStatus;
-    correspondingClusterId: number | 0;
-}
 export {};

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

@@ -1,4 +1,4 @@
-import { CMSecretYamlData } from '../../Services';
+import { KeyValueTableData } from '../KeyValueTable';
 import { ConfigMapSecretDataTypeOptionType } from './types';
 export declare const CONFIG_MAP_SECRET_YAML_PARSE_ERROR = "Please provide valid YAML";
 export declare const SECRET_TOAST_INFO: {
@@ -10,7 +10,7 @@ export declare const SECRET_TOAST_INFO: {
     BOTH_ESO_DATA_AND_DATA_FROM_UNAVAILABLE: string;
 };
 export declare const configMapDataTypeOptions: ConfigMapSecretDataTypeOptionType[];
-export declare const CONFIG_MAP_SECRET_DEFAULT_CURRENT_DATA: CMSecretYamlData[];
+export declare const CONFIG_MAP_SECRET_DEFAULT_CURRENT_DATA: KeyValueTableData[];
 export declare const configMapSecretMountDataMap: {
     environment: {
         title: string;

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

@@ -1,8 +1,9 @@
 import { GroupBase, OptionsOrGroups } from 'react-select';
-import { CMSecretPayloadType, CMSecretYamlData, ConfigMapSecretUseFormProps, ESOSecretData, GetConfigMapSecretFormInitialValuesParamsType } from '../../Services';
+import { CMSecretPayloadType, ConfigMapSecretUseFormProps, ESOSecretData, GetConfigMapSecretFormInitialValuesParamsType } from '../../Services';
+import { KeyValueTableData } from '../KeyValueTable';
 import { ConfigMapSecretDataTypeOptionType, GetConfigMapSecretReadOnlyValuesParamsType } from './types';
 export declare const getSecretDataTypeOptions: (isJob: boolean, isHashiOrAWS: boolean) => ConfigMapSecretDataTypeOptionType[] | OptionsOrGroups<ConfigMapSecretDataTypeOptionType, GroupBase<ConfigMapSecretDataTypeOptionType>>;
-export declare const convertKeyValuePairToYAML: (currentData: CMSecretYamlData[]) => string;
+export declare const convertKeyValuePairToYAML: (currentData: KeyValueTableData[]) => string;
 export declare const getConfigMapSecretFormInitialValues: ({ isJob, configMapSecretData, cmSecretStateLabel, componentType, skipValidation, fallbackMergeStrategy, }: GetConfigMapSecretFormInitialValuesParamsType) => ConfigMapSecretUseFormProps;
 export declare const getConfigMapSecretReadOnlyValues: ({ configMapSecretData, cmSecretStateLabel, componentType, isJob, fallbackMergeStrategy, displayKeys, }: GetConfigMapSecretReadOnlyValuesParamsType) => {
     configData: {
@@ -12,6 +13,6 @@ export declare const getConfigMapSecretReadOnlyValues: ({ configMapSecretData, c
     }[];
     data: string;
 };
-export declare const convertYAMLToKeyValuePair: (yaml: string) => CMSecretYamlData[];
+export declare const convertYAMLToKeyValuePair: (yaml: string) => KeyValueTableData[];
 export declare const getESOSecretDataFromYAML: (yaml: string) => ESOSecretData;
 export declare const getConfigMapSecretPayload: ({ isSecret, external, externalType, externalSubpathValues, yaml, yamlMode, currentData, esoSecretYaml, filePermission, name, selectedType, isFilePermissionChecked, roleARN, volumeMountPath, isSubPathChecked, mergeStrategy, }: ConfigMapSecretUseFormProps) => CMSecretPayloadType;

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

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

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

@@ -112,6 +112,10 @@ export type DynamicDataTableProps<K extends string, CustomStateType = Record<str
     isDeletionNotAllowed?: boolean;
     /** When true, data add or update is disabled. */
     readOnly?: boolean;
+    /** Tooltip for add button.
+     * @default 'Add'
+     */
+    addBtnTooltip?: string;
     /** Function to handle the addition of a new row to the table. */
     onRowAdd: () => void;
     /**
@@ -163,7 +167,7 @@ export type DynamicDataTableProps<K extends string, CustomStateType = Record<str
      */
     focusableFieldKey?: 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 DynamicDataTableHeaderProps<K extends string, CustomStateType = Record<string, unknown>> extends Pick<DynamicDataTableProps<K, CustomStateType>, 'headers' | 'rows' | 'headerComponent' | 'sortingConfig' | 'addBtnTooltip' | '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' | 'focusableFieldKey'> {
 }

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

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

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

@@ -0,0 +1 @@
+export { default as EnterpriseTag } from './EnterpriseTag.component';

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

@@ -3,7 +3,6 @@ export declare const iconMap: {
     'ic-73strings': import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement>>;
     'ic-aborted': import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement>>;
     'ic-add': import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement>>;
-    'ic-amazon-eks': import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement>>;
     'ic-apica': import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement>>;
     'ic-app-group': import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement>>;
     'ic-arrow-clockwise': import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement>>;
@@ -30,7 +29,6 @@ export declare const iconMap: {
     'ic-clock': import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement>>;
     'ic-close-large': import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement>>;
     'ic-close-small': import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement>>;
-    'ic-cluster': import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement>>;
     'ic-code': import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement>>;
     'ic-container': import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement>>;
     'ic-cookr': import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement>>;
@@ -45,8 +43,6 @@ export declare const iconMap: {
     'ic-devtron': import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement>>;
     'ic-dockerhub': import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement>>;
     'ic-ecr': import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement>>;
-    'ic-enterprise-feat': import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement>>;
-    'ic-enterprise-tag': import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement>>;
     'ic-env': import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement>>;
     'ic-error': import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement>>;
     'ic-failure': import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement>>;
@@ -76,6 +72,7 @@ export declare const iconMap: {
     'ic-lightning-fill': import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement>>;
     'ic-lightning': import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement>>;
     'ic-livspace': import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement>>;
+    'ic-login-devtron-logo': import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement>>;
     'ic-logout': import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement>>;
     'ic-medium-delete': import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement>>;
     'ic-medium-paintbucket': import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement>>;

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

@@ -1,3 +1 @@
-export { TESTIMONIAL_CARD_DATA } from './constants';
 export { default as LoginBanner } from './LoginBanner';
-export { default as TestimonialContent } from './Testimonials.components';

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

@@ -28,6 +28,7 @@ export * from './DiffViewer';
 export * from './DynamicDataTable';
 export * from './EditableTextArea';
 export * from './EditImageFormField';
+export * from './EnterpriseTag';
 export * from './EnvironmentSelector';
 export * from './Error';
 export * from './ExcludedImageNode';