@devtron-labs/devtron-fe-common-lib 1.4.9-beta-2 → 1.5.0

package/dist/{@common-rjsf-CewCWcY8.js → @common-rjsf-DIkXvOXb.js}

@@ -1,19 +1,19 @@
-import { j as n, J as A } from "./@vendor-CwAQS8iU.js";
-import E, { forwardRef as $ } from "react";
+import { j as n, J as $ } from "./@vendor-CwAQS8iU.js";
+import A, { forwardRef as E } from "react";
 import L, { getDefaultRegistry as k } from "@rjsf/core";
 import D from "@rjsf/validator-ajv8";
-import { T as y, c as H, a as U, i as J, d as w } from "./@code-editor-yThkReqW.js";
+import { T as N, c as H, a as U, i as J, d as w } from "./@code-editor-BhKgnbkm.js";
 import M, { components as O } from "react-select";
-import { getUiOptions as B, getTemplate as I, getSubmitButtonOptions as V, ADDITIONAL_PROPERTY_FLAG as P, errorId as W, englishStringTranslator as q, TranslatableString as K, titleId as Y, canExpand as z, deepEquals as G } from "@rjsf/utils";
+import { getUiOptions as B, getTemplate as I, getSubmitButtonOptions as W, ADDITIONAL_PROPERTY_FLAG as P, errorId as V, englishStringTranslator as q, TranslatableString as K, titleId as Y, canExpand as z, deepEquals as G } from "@rjsf/utils";
 import { ReactComponent as Q } from "./assets/ic-chevron-down.fc70d7a7.svg";
 import { ReactComponent as X } from "./assets/ic-add.cfaa779b.svg";
 import { ReactComponent as Z } from "./assets/ic-cross.01e03666.svg";
 import { ReactComponent as ee } from "./assets/ic-warning.10bcf8bd.svg";
-import './assets/@common-rjsf.css';const N = {
+import './assets/@common-rjsf.css';const y = {
   SELECT: "Please select an option",
   INPUT: "Please enter an input",
   OBJECT_KEY: "Please enter a value for the key"
-}, te = "Key not available", $e = {
+}, te = "Key not available", Ee = {
   "ui:submitButtonOptions": {
     norender: !0
   }
@@ -31,7 +31,7 @@ import './assets/@common-rjsf.css';const N = {
     className: t ? `display-grid dc__gap-12 rjsf-form-template__field ${i ? "flex-align-center" : ""}` : "",
     children: [
       t && /* @__PURE__ */ n.jsxs("label", { className: "cn-7 fs-13 lh-20 fw-4 flexbox mb-0", htmlFor: r, children: [
-        /* @__PURE__ */ n.jsx(y, { alwaysShowTippyOnHover: !!a, content: a, children: /* @__PURE__ */ n.jsx("span", { className: `dc__ellipsis-right ${a ? "text-underline-dashed-300" : ""}`, children: e || te }) }),
+        /* @__PURE__ */ n.jsx(N, { alwaysShowTippyOnHover: !!a, content: a, children: /* @__PURE__ */ n.jsx("span", { className: `dc__ellipsis-right ${a ? "text-underline-dashed-300" : ""}`, children: e || te }) }),
         s && /* @__PURE__ */ n.jsx("span", { className: "cr-5", children: " *" })
       ] }),
       o
@@ -128,7 +128,7 @@ import './assets/@common-rjsf.css';const N = {
 } = k(), re = ({ placeholder: t, ...e }) => /* @__PURE__ */ n.jsx(
   oe,
   {
-    placeholder: t || N.INPUT,
+    placeholder: t || y.INPUT,
     ...e,
     className: "form__input cn-9 fs-13 lh-20 fw-4"
   }
@@ -150,20 +150,20 @@ import './assets/@common-rjsf.css';const N = {
       title: "Add",
       children: [
         /* @__PURE__ */ n.jsx(X, { className: "icon-dim-16 fcb-5" }),
-        /* @__PURE__ */ n.jsx(y, { placement: "right", content: i, children: /* @__PURE__ */ n.jsx("span", { className: "cb-5 fs-13 lh-34 dc__truncate", children: i }) })
+        /* @__PURE__ */ n.jsx(N, { placement: "right", content: i, children: /* @__PURE__ */ n.jsx("span", { className: "cb-5 fs-13 lh-34 dc__truncate", children: i }) })
       ]
     }
   ) });
 }, ae = ({ icon: t, iconType: e, registry: s, uiSchema: o, ...r }) => /* @__PURE__ */ n.jsx("button", { ...r, type: "button", className: "dc__outline-none-imp p-0 dc__transparent flex cursor", title: "Remove", children: /* @__PURE__ */ n.jsx(Z, { className: "icon-dim-16 fcn-6" }) }), ie = ({ uiSchema: t }) => {
-  const { submitText: e, norender: s, props: o = {} } = V(t);
+  const { submitText: e, norender: s, props: o = {} } = W(t);
   return s ? null : /* @__PURE__ */ n.jsx("div", { className: "flexbox flex-justify-end", children: /* @__PURE__ */ n.jsx("button", { type: "submit", ...o, className: `cta ${o.className || ""}`, children: e }) });
 }, T = ({
   id: t,
   title: e,
   required: s,
   description: o
-}) => /* @__PURE__ */ n.jsxs("legend", { className: "fs-13 fw-6 cn-9 lh-20 dc__no-border py-9 mb-0", id: t, children: [
-  /* @__PURE__ */ n.jsx(y, { alwaysShowTippyOnHover: !!o, content: o, children: /* @__PURE__ */ n.jsx("span", { className: `${o ? "text-underline-dashed-300" : ""}`, children: e }) }),
+}) => /* @__PURE__ */ n.jsxs("legend", { className: "fs-13 fw-6 cn-9 lh-20 dc__no-border pb-9 mb-0", id: t, children: [
+  /* @__PURE__ */ n.jsx(N, { alwaysShowTippyOnHover: !!o, content: o, children: /* @__PURE__ */ n.jsx("span", { className: `${o ? "text-underline-dashed-300" : ""}`, children: e }) }),
   s && /* @__PURE__ */ n.jsx("span", { className: "cr-5", children: " *" })
 ] }), le = (t) => {
   const {
@@ -214,8 +214,8 @@ import './assets/@common-rjsf.css';const N = {
     ] })
   );
 }, ce = ({ errors: t = [], idSchema: e }) => {
-  const s = W(e);
-  return t.length > 0 && /* @__PURE__ */ n.jsx("span", { className: "display-grid rjsf-form-template__field--error dc__gap-12", id: s, children: t.filter((o) => !!o).map((o, r) => /* @__PURE__ */ n.jsxs(E.Fragment, { children: [
+  const s = V(e);
+  return t.length > 0 && /* @__PURE__ */ n.jsx("span", { className: "display-grid rjsf-form-template__field--error dc__gap-12", id: s, children: t.filter((o) => !!o).map((o, r) => /* @__PURE__ */ n.jsxs(A.Fragment, { children: [
     /* @__PURE__ */ n.jsx("span", {}),
     /* @__PURE__ */ n.jsxs("span", { className: "form__error", children: [
       /* @__PURE__ */ n.jsx(ee, { className: "form__icon form__icon--error" }),
@@ -240,14 +240,14 @@ import './assets/@common-rjsf.css';const N = {
     ...e,
     minHeight: "32px",
     boxShadow: "none",
-    backgroundColor: "var(--bg-secondary)",
+    backgroundColor: "var(--N50)",
     border: s.isFocused ? "1px solid var(--B500)" : "1px solid var(--N200)",
     cursor: "pointer"
   }),
   option: (e, s) => ({
     ...e,
     color: "var(--N900)",
-    backgroundColor: s.isFocused ? "var(--N100)" : "var(--bg-primary)",
+    backgroundColor: s.isFocused ? "var(--N100)" : "white",
     padding: "10px 12px",
     cursor: "pointer"
   }),
@@ -276,24 +276,12 @@ import './assets/@common-rjsf.css';const N = {
     ...e,
     border: "1px solid var(--N200)",
     borderRadius: "4px",
-    background: "var(--bg-primary)",
+    background: "white",
     height: "28px",
     marginRight: "8px",
     padding: "2px",
     fontSize: "12px"
   }),
-  singleValue: (e) => ({
-    ...e,
-    color: "var(--N900)"
-  }),
-  input: (e) => ({
-    ...e,
-    color: "var(--N900)"
-  }),
-  menu: (e) => ({
-    ...e,
-    backgroundColor: "var(--bg-menu)"
-  }),
   ...t
 }), Le = (t) => {
   try {
@@ -328,7 +316,7 @@ import './assets/@common-rjsf.css';const N = {
     return "";
   const e = t.trim();
   return e.match(/^\w+(\/\w+)*$/g) ? `/${e}` : e.match(/^\w+(\.\w+)*$/g) ? `/${e.replaceAll(/\./g, "/")}` : e;
-}, C = {
+}, F = {
   value: !1,
   path: ""
 }, me = (t) => {
@@ -338,13 +326,13 @@ import './assets/@common-rjsf.css';const N = {
   return typeof e == "string" ? {
     value: !0,
     path: v(e)
-  } : typeof e != "object" ? structuredClone(C) : Object.hasOwn(e, "condition") && "condition" in e && Object.hasOwn(e, "value") && "value" in e ? {
+  } : typeof e != "object" ? structuredClone(F) : Object.hasOwn(e, "condition") && "condition" in e && Object.hasOwn(e, "value") && "value" in e ? {
     value: e.condition,
     path: v(e.value)
   } : Object.hasOwn(e, "value") && "value" in e && Object.hasOwn(e, "path") && "path" in e ? {
     value: e.value,
     path: v(e.path)
-  } : structuredClone(C);
+  } : structuredClone(F);
 }, ue = ({
   disabled: t,
   formData: e,
@@ -379,7 +367,7 @@ import './assets/@common-rjsf.css';const N = {
         throw new Error("Empty path property of hidden descriptor field");
       if (!h.path.match(/^\/\w+(\/\w+)*$/g))
         throw new Error("Provided path is not a valid JSON pointer");
-      const _ = A({
+      const _ = $({
         path: H(h.path),
         json: p
       })?.[0];
@@ -423,7 +411,7 @@ import './assets/@common-rjsf.css';const N = {
     /* @__PURE__ */ n.jsx(
       "div",
       {
-        className: `${r.properties && !l && e.$id !== "root" ? "dc__border-left pl-12" : ""} flexbox-col dc__gap-8`,
+        className: `${r.properties && !l && e.$id !== "root" ? "dc__border-left pl-12" : ""} ${e.$id === "root" ? "dc__separated-flexbox dc__separated-flexbox--vertical" : "flexbox-col dc__gap-8"}`,
         children: /* @__PURE__ */ n.jsx(ue, { ...t })
       }
     )
@@ -449,7 +437,7 @@ import './assets/@common-rjsf.css';const N = {
         className: "form__input cn-9 fs-13 lh-20 fw-4",
         id: `${t}-key`,
         onBlur: (m) => o(m.target.value),
-        placeholder: N.OBJECT_KEY,
+        placeholder: y.OBJECT_KEY,
         defaultValue: s
       }
     ) }),
@@ -497,7 +485,7 @@ import './assets/@common-rjsf.css';const N = {
     ),
     /* @__PURE__ */ n.jsx("span", { className: "dc__capitalize ml-8", children: f.toString() })
   ] });
-}, F = pe(), ge = ({ children: t, ...e }) => /* @__PURE__ */ n.jsx(O.MenuList, { ...e, children: Array.isArray(t) ? t.slice(0, 20) : t }), je = (t) => /* @__PURE__ */ n.jsx(O.DropdownIndicator, { ...t, children: /* @__PURE__ */ n.jsx(Q, { className: "icon-dim-20 icon-n5", "data-testid": "overview-project-edit-dropdown" }) }), _e = (t) => {
+}, C = pe(), ge = ({ children: t, ...e }) => /* @__PURE__ */ n.jsx(O.MenuList, { ...e, children: Array.isArray(t) ? t.slice(0, 20) : t }), je = (t) => /* @__PURE__ */ n.jsx(O.DropdownIndicator, { ...t, children: /* @__PURE__ */ n.jsx(Q, { className: "icon-dim-20 icon-n5", "data-testid": "overview-project-edit-dropdown" }) }), _e = (t) => {
   const {
     id: e,
     multiple: s = !1,
@@ -525,14 +513,14 @@ import './assets/@common-rjsf.css';const N = {
       options: u,
       onBlur: () => d(e, r),
       onFocus: () => f(e, r),
-      placeholder: p || N.SELECT,
+      placeholder: p || y.SELECT,
       isDisabled: a || i,
       styles: {
-        ...F,
+        ...C,
         control: (g) => ({
           ...g,
-          ...F.control,
-          backgroundColor: "var(--bg-secondary)"
+          ...C.control,
+          backgroundColor: "var(--N50)"
         })
       },
       components: {
@@ -556,15 +544,15 @@ import './assets/@common-rjsf.css';const N = {
   ObjectFieldTemplate: he,
   TitleFieldTemplate: T,
   WrapIfAdditionalTemplate: fe
-}, ye = L, Ne = D, De = $((t, e) => /* @__PURE__ */ n.jsx(
-  ye,
+}, Ne = L, ye = D, De = E((t, e) => /* @__PURE__ */ n.jsx(
+  Ne,
   {
     noHtml5Validate: !0,
     showErrorList: !1,
     autoComplete: "off",
     ...t,
     className: `rjsf-form-template__container ${t.className || ""}`,
-    validator: Ne,
+    validator: ye,
     templates: {
       ...ve,
       ...t.templates
@@ -576,7 +564,7 @@ import './assets/@common-rjsf.css';const N = {
   }
 ));
 export {
-  $e as H,
+  Ee as H,
   De as R,
   Le as a,
   ke as g

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

@@ -1,16 +1,16 @@
 import { MODES } from '../Constants';
-import { Action, CodeEditorInitialValueType, CodeEditorState } from './types';
+import { Action, CodeEditorInitialValueType, CodeEditorState, CodeEditorThemesKeys } from './types';
 export declare const CodeEditorReducer: (state: CodeEditorState, action: Action) => {
     mode: any;
     diffMode: boolean;
-    theme: import('./types').CodeEditorThemesKeys;
+    theme: CodeEditorThemesKeys;
     code: string;
     defaultCode: string;
     noParsing: boolean;
 } | {
     diffMode: any;
     mode: MODES;
-    theme: import('./types').CodeEditorThemesKeys;
+    theme: CodeEditorThemesKeys;
     code: string;
     defaultCode: string;
     noParsing: boolean;
@@ -25,24 +25,24 @@ export declare const CodeEditorReducer: (state: CodeEditorState, action: Action)
     code: any;
     mode: MODES;
     diffMode: boolean;
-    theme: import('./types').CodeEditorThemesKeys;
+    theme: CodeEditorThemesKeys;
     defaultCode: string;
     noParsing: boolean;
 } | {
     defaultCode: any;
     mode: MODES;
     diffMode: boolean;
-    theme: import('./types').CodeEditorThemesKeys;
+    theme: CodeEditorThemesKeys;
     code: string;
     noParsing: boolean;
 } | {
     height: any;
     mode: MODES;
     diffMode: boolean;
-    theme: import('./types').CodeEditorThemesKeys;
+    theme: CodeEditorThemesKeys;
     code: string;
     defaultCode: string;
     noParsing: boolean;
 };
 export declare const parseValueToCode: (value: string, mode: string, tabSize: number) => string;
-export declare const initialState: ({ mode, theme, value, defaultValue, diffView, noParsing, tabSize, appTheme, }: CodeEditorInitialValueType) => CodeEditorState;
+export declare const initialState: ({ mode, theme, value, defaultValue, diffView, noParsing, tabSize, }: CodeEditorInitialValueType) => CodeEditorState;

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

@@ -1,15 +1,9 @@
-import { AppThemeType } from '../../Shared/Providers';
 import { MODES } from '../Constants';
 export interface InformationBarProps {
     text: string;
     className?: string;
     children?: React.ReactNode;
 }
-export declare enum CodeEditorThemesKeys {
-    vsDarkDT = "vs-dark--dt",
-    vs = "vs",
-    networkStatusInterface = "network-status-interface"
-}
 interface CodeEditorBaseInterface {
     value?: string;
     lineDecorationsWidth?: number;
@@ -28,7 +22,7 @@ interface CodeEditorBaseInterface {
     diffView?: boolean;
     loading?: boolean;
     customLoader?: JSX.Element;
-    theme?: CodeEditorThemesKeys;
+    theme?: string;
     original?: string;
     focus?: boolean;
     validatorSchema?: any;
@@ -74,14 +68,21 @@ export interface Action {
     type: ActionTypes;
     value: any;
 }
-export interface CodeEditorInitialValueType extends Pick<CodeEditorBaseInterface, 'theme'> {
+export declare enum CodeEditorThemesKeys {
+    vsDarkDT = "vs-dark--dt",
+    deleteDraft = "delete-draft",
+    unpublished = "unpublished",
+    vs = "vs",
+    networkStatusInterface = "network-status-interface"
+}
+export interface CodeEditorInitialValueType {
     mode: string;
     diffView: boolean;
+    theme?: string;
     value: string;
     defaultValue: string;
     noParsing?: boolean;
     tabSize: number;
-    appTheme: AppThemeType;
 }
 export interface CodeEditorState {
     mode: MODES;

package/dist/Common/MultiSelectCustomization.d.ts

@@ -23,8 +23,6 @@ export declare const multiSelectStyles: {
     option: (base: any, state: any) => any;
     container: (base: any, state: any) => any;
     valueContainer: (base: any, state: any) => any;
-    singleValue: (base: any) => any;
-    input: (base: any) => any;
 };
 export interface CustomSelect {
     sortSelected?: boolean;

package/dist/Common/RJSF/utils.d.ts

@@ -13,9 +13,6 @@ export declare const getCommonSelectStyle: (styleOverrides?: {}) => {
     loadingMessage: (base: any) => any;
     noOptionsMessage: (base: any) => any;
     multiValue: (base: any) => any;
-    singleValue: (base: any) => any;
-    input: (base: any) => any;
-    menu: (base: any) => any;
 };
 /**
  * Returns the redirection props for a url

package/dist/Common/SegmentedControl/SegmentedControl.component.d.ts

@@ -1,3 +1,3 @@
 import { SegmentedControlProps } from './types';
-declare const SegmentedControl: ({ tabs, initialTab, onChange, tooltips, disabled, rootClassName, name, variant, size, }: SegmentedControlProps) => JSX.Element;
+declare const SegmentedControl: ({ tabs, initialTab, onChange, tooltips, disabled, rootClassName, name, variant, }: SegmentedControlProps) => JSX.Element;
 export default SegmentedControl;

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

@@ -1,12 +1,10 @@
 import { OptionType } from '../Types';
-import { ComponentSizeType } from '../../Shared/constants';
-import { ReactNode } from 'react';
 export declare enum SegmentedControlVariant {
     GRAY_ON_WHITE = "gui-yaml-switch",
     WHITE_ON_GRAY = "gui-yaml-switch-window-bg"
 }
 export interface SegmentedControlProps {
-    tabs: OptionType<string, ReactNode>[];
+    tabs: OptionType[];
     initialTab: string;
     onChange: (e: React.ChangeEvent<HTMLInputElement>) => void;
     name: string;
@@ -14,8 +12,4 @@ export interface SegmentedControlProps {
     disabled?: boolean;
     rootClassName?: string;
     variant?: SegmentedControlVariant;
-    /**
-     * @default ComponentSizeType.medium
-     */
-    size?: ComponentSizeType.medium | ComponentSizeType.large;
 }

package/dist/Shared/Components/CICDHistory/DeploymentHistoryConfigDiff/DeploymentHistoryConfigDiffCompare.d.ts

@@ -1,2 +1,2 @@
 import { DeploymentHistoryDiffDetailedProps } from './types';
-export declare const DeploymentHistoryConfigDiffCompare: ({ envName, setFullScreenView, pipelineDeployments: initialPipelineDeployments, wfrId, previousWfrId, convertVariables, setConvertVariables, triggerHistory: initialTriggerHistory, renderRunSource, resourceId, isCompareDeploymentConfigNotAvailable, ...props }: DeploymentHistoryDiffDetailedProps) => JSX.Element;
+export declare const DeploymentHistoryConfigDiffCompare: ({ envName, setFullScreenView, pipelineDeployments: initialPipelineDeployments, wfrId, urlFilters, convertVariables, setConvertVariables, triggerHistory: initialTriggerHistory, renderRunSource, resourceId, isCompareDeploymentConfigNotAvailable, ...props }: DeploymentHistoryDiffDetailedProps) => JSX.Element;

package/dist/Shared/Components/CICDHistory/DeploymentHistoryConfigDiff/DeploymentHistoryDiffView.d.ts

@@ -1,3 +1,3 @@
 import { DeploymentTemplateHistoryType } from '../types';
-declare const DeploymentHistoryDiffView: ({ currentConfiguration, baseTemplateConfiguration, previousConfigAvailable, rootClassName, sortingConfig, codeEditorKey, }: DeploymentTemplateHistoryType) => JSX.Element;
+declare const DeploymentHistoryDiffView: ({ currentConfiguration, baseTemplateConfiguration, previousConfigAvailable, isUnpublished, isDeleteDraft, rootClassName, codeEditorKey, }: DeploymentTemplateHistoryType) => JSX.Element;
 export default DeploymentHistoryDiffView;

package/dist/Shared/Components/CICDHistory/DeploymentHistoryConfigDiff/types.d.ts

@@ -1,7 +1,11 @@
 import { Dispatch, SetStateAction } from 'react';
 import { DeploymentConfigDiffProps } from '@Shared/Components/DeploymentConfigDiff';
 import { EnvResourceType } from '../../../Services';
+import { UseUrlFiltersReturnType } from '../../../../Common/Hooks';
 import { History, HistoryLogsProps } from '../types';
+export interface DeploymentHistoryConfigDiffQueryParams {
+    compareWfrId: number;
+}
 export interface DeploymentHistoryConfigDiffProps extends Required<Pick<HistoryLogsProps, 'renderRunSource' | 'resourceId'>> {
     appName: string;
     envName: string;
@@ -12,14 +16,11 @@ export interface DeploymentHistoryConfigDiffProps extends Required<Pick<HistoryL
 }
 export type DeploymentHistoryDiffDetailedProps = Pick<DeploymentConfigDiffProps, 'collapsibleNavList' | 'configList' | 'errorConfig' | 'isLoading' | 'navList' | 'hideDiffState'> & Required<Pick<DeploymentHistoryConfigDiffProps, 'setFullScreenView' | 'wfrId' | 'envName' | 'renderRunSource' | 'resourceId' | 'triggerHistory'>> & {
     pipelineDeployments: History[];
-    previousWfrId: number;
     convertVariables: boolean;
     setConvertVariables: Dispatch<SetStateAction<boolean>>;
     isCompareDeploymentConfigNotAvailable?: boolean;
+    urlFilters: UseUrlFiltersReturnType<string, DeploymentHistoryConfigDiffQueryParams>;
 };
-export interface DeploymentHistoryConfigDiffQueryParams {
-    compareWfrId: number;
-}
 export interface DeploymentHistoryConfigDiffRouteParams {
     appId: string;
     envId: string;

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

@@ -11,8 +11,6 @@ export declare const FILTER_STYLE: {
     option: (base: any, state: any) => any;
     container: (base: any, state: any) => any;
     valueContainer: (base: any, state: any) => any;
-    singleValue: (base: any) => any;
-    input: (base: any) => any;
 };
 export declare const GIT_BRANCH_NOT_CONFIGURED = "Not Configured";
 export declare const DEFAULT_GIT_BRANCH_VALUE = "--";

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

@@ -1,6 +1,6 @@
 import { CSSProperties, ReactElement } from 'react';
 import { SupportedKeyboardKeysType } from '@Common/Hooks/UseRegisterShortcut/types';
-import { OptionType, UserApprovalMetadataType, ReleaseTag, ImageComment, PromotionApprovalMetadataType, FilterConditionsListType, DeploymentAppTypes, ResponseType, PaginationProps, useScrollable, SortingOrder } from '../../../Common';
+import { OptionType, UserApprovalMetadataType, ReleaseTag, ImageComment, PromotionApprovalMetadataType, FilterConditionsListType, DeploymentAppTypes, ResponseType, PaginationProps, useScrollable } from '../../../Common';
 import { DeploymentStageType } from '../../constants';
 import { AggregationKeys, GitTriggers, Node, NodeType, ResourceKindType, ResourceVersionType } from '../../types';
 export declare enum HistoryComponentType {
@@ -390,12 +390,10 @@ export interface DeploymentTemplateHistoryType {
     currentConfiguration: DeploymentHistoryDetail;
     baseTemplateConfiguration: DeploymentHistoryDetail;
     previousConfigAvailable: boolean;
+    isUnpublished?: boolean;
+    isDeleteDraft?: boolean;
     rootClassName?: string;
     codeEditorKey?: React.Key;
-    sortingConfig?: {
-        sortBy: string;
-        sortOrder: SortingOrder;
-    };
 }
 export interface DeploymentHistoryDetailRes extends ResponseType {
     result?: DeploymentHistoryDetail;

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

@@ -4,3 +4,4 @@ export declare const diffStateTextMap: Record<DeploymentConfigDiffState, string>
 export declare const diffStateIconMap: Record<DeploymentConfigDiffState, FunctionComponent<SVGProps<SVGSVGElement>>>;
 export declare const diffStateTooltipTextMap: Record<DeploymentConfigDiffState, string>;
 export declare const diffStateTextColorMap: Record<DeploymentConfigDiffState, `c${string}`>;
+export declare const DEPLOYMENT_CONFIG_DIFF_SORT_KEY = "sort-config";

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

@@ -103,11 +103,13 @@ export type AppEnvDeploymentConfigListParams<IsManifestView> = (IsManifestView e
     compareList: ManifestTemplateDTO;
     compareToTemplateOptions?: never;
     compareWithTemplateOptions?: never;
+    sortingConfig?: never;
 } : {
     currentList: AppEnvDeploymentConfigDTO;
     compareList: AppEnvDeploymentConfigDTO;
     compareToTemplateOptions?: TemplateListDTO[];
     compareWithTemplateOptions?: TemplateListDTO[];
+    sortingConfig?: Pick<DeploymentConfigDiffProps['sortingConfig'], 'sortBy' | 'sortOrder'>;
 }) & {
     getNavItemHref: (resourceType: EnvResourceType, resourceName: string) => string;
     isManifestView?: IsManifestView;

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

@@ -29,7 +29,7 @@ export declare const mergeConfigDataArraysByName: (primaryArray: ConfigMapSecret
  *
  * @returns An object containing the combined deployment configuration list, a collapsible navigation list, and a navigation list.
  */
-export declare const getAppEnvDeploymentConfigList: <ManifestView extends boolean = false>({ currentList, compareList, getNavItemHref, isManifestView, convertVariables, compareToTemplateOptions, compareWithTemplateOptions, }: AppEnvDeploymentConfigListParams<ManifestView>) => {
+export declare const getAppEnvDeploymentConfigList: <ManifestView extends boolean = false>({ currentList, compareList, getNavItemHref, isManifestView, convertVariables, compareToTemplateOptions, compareWithTemplateOptions, sortingConfig, }: AppEnvDeploymentConfigListParams<ManifestView>) => {
     configList: DeploymentConfigDiffProps["configList"];
     navList: DeploymentConfigDiffProps["navList"];
     collapsibleNavList: DeploymentConfigDiffProps["collapsibleNavList"];

package/dist/Shared/Components/Plugin/PluginTagSelect.d.ts

@@ -1,3 +1,3 @@
 import { PluginTagSelectProps } from './types';
-declare const PluginTagSelect: ({ availableTags, handleUpdateSelectedTags, selectedTags, isLoading, tagsError, reloadTags, }: PluginTagSelectProps) => JSX.Element;
+declare const PluginTagSelect: ({ availableTags, handleUpdateSelectedTags, selectedTags, isLoading, hasError, reloadTags, }: PluginTagSelectProps) => JSX.Element;
 export default PluginTagSelect;

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

@@ -1,5 +1,5 @@
 import { MutableRefObject } from 'react';
-import { ConsequenceType, ServerErrors, VariableType } from '../../../Common';
+import { ConsequenceType, VariableType } from '../../../Common';
 import { BaseFilterQueryParams } from '../../types';
 import { ImageWithFallbackProps } from '../ImageWithFallback';
 import { getPluginStoreData } from './service';
@@ -149,7 +149,7 @@ export interface PluginListParamsType {
 export interface PluginTagSelectProps extends Pick<BasePluginListContainerProps, 'availableTags'> {
     selectedTags: PluginListContainerProps['parentFilters']['selectedTags'];
     isLoading: boolean;
-    tagsError: ServerErrors;
+    hasError: boolean;
     reloadTags: () => void;
     handleUpdateSelectedTags: (tags: string[]) => void;
 }

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

@@ -1,5 +1,21 @@
+import { OptionProps } from 'react-select';
+import { OptionType } from '../../../Common/Types';
 import { ParentPluginDTO, PluginDataStoreType } from './types';
 export declare const parsePluginDetailsDTOIntoPluginStore: (pluginData: ParentPluginDTO[]) => PluginDataStoreType;
+export declare const pluginTagSelectStyles: {
+    option: (base: any, state: any) => any;
+    container: (base: any, state: any) => any;
+    menuList: (base: any) => any;
+    control: (base: any, state: any) => any;
+    dropdownIndicator: (base: any, state: any) => any;
+    valueContainer: (base: any) => any;
+    loadingMessage: (base: any) => any;
+    noOptionsMessage: (base: any) => any;
+    placeholder: (base: any) => any;
+    group: (base: any) => any;
+    groupHeading: (base: any) => any;
+};
+export declare const PluginTagOption: (props: OptionProps<OptionType, true>) => JSX.Element;
 /**
  * @description This method takes the initial plugin data store and updates the keys with the target parent plugin store and plugin version store
  */

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

@@ -11,5 +11,4 @@ export declare const CommonGroupedDropdownStyles: {
     multiValue: (base: any) => any;
     multiValueLabel: (base: any) => any;
     placeholder: (base: any) => any;
-    menu: (base: any) => any;
 };

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

@@ -12,9 +12,6 @@ export declare const getCommonSelectStyle: (styleOverrides?: {}) => {
     placeholder: (base: any) => any;
     group: (base: any) => any;
     groupHeading: (base: any) => any;
-    singleValue: (base: any) => any;
-    input: (base: any) => any;
-    menu: (base: any) => any;
 };
 export declare const getCustomOptionSelectionStyle: (styleOverrides?: {}) => (base: any, state: any) => any;
 export declare const SelectOption: (props: any) => JSX.Element;
@@ -32,9 +29,6 @@ export declare const commonSelectStyles: {
     placeholder: (base: any) => any;
     group: (base: any) => any;
     groupHeading: (base: any) => any;
-    singleValue: (base: any) => any;
-    input: (base: any) => any;
-    menu: (base: any) => any;
 };
 export declare const MenuListWithApplyButton: ({ handleApplyFilter, ...props }: MenuListProps & {
     handleApplyFilter: () => void;

package/dist/Shared/Components/Security/SecurityDetailsCards/SecurityCard.d.ts

@@ -1,3 +1,3 @@
 import { SecurityCardProps } from './types';
-declare const SecurityCard: ({ category, subCategory, severityCount, handleCardClick }: SecurityCardProps) => JSX.Element;
+declare const SecurityCard: ({ category, subCategory, severities, handleCardClick, scanFailed, }: SecurityCardProps) => JSX.Element;
 export default SecurityCard;

package/dist/Shared/Components/Security/SecurityDetailsCards/types.d.ts

@@ -3,8 +3,9 @@ import { ScanCategories, ScanSubCategories } from '../types';
 export interface SecurityCardProps {
     category: ScanCategories;
     subCategory: ScanSubCategories;
-    severityCount: Partial<Record<SeveritiesDTO, number>>;
+    severities: Partial<Record<SeveritiesDTO, number>>;
     handleCardClick: () => void;
+    scanFailed?: boolean;
 }
 export interface SecurityDetailsCardsProps extends Pick<SecurityModalPropsType, 'Sidebar'> {
     scanResult: ScanResultDTO;

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

@@ -19,35 +19,35 @@ export declare const SUB_CATEGORY_LABELS: {
 export declare const SEVERITIES: {
     readonly critical: {
         readonly label: "Critical";
-        readonly color: "var(--R700)";
+        readonly color: "#B21212";
     };
     readonly high: {
         readonly label: "High";
-        readonly color: "var(--R500)";
+        readonly color: "#F33E3E";
     };
     readonly medium: {
         readonly label: "Medium";
-        readonly color: "var(--O500)";
+        readonly color: "#FF7E5B";
     };
     readonly low: {
         readonly label: "Low";
-        readonly color: "var(--Y500)";
+        readonly color: "#FFB549";
     };
     readonly unknown: {
         readonly label: "Unknown";
-        readonly color: "var(--N300)";
+        readonly color: "#B1B7BC";
     };
     readonly fail: {
         readonly label: "Failures";
-        readonly color: "var(--R500)";
+        readonly color: "#F33E3E";
     };
     readonly success: {
         readonly label: "Successes";
-        readonly color: "var(--G500)";
+        readonly color: "#1DAD70";
     };
     readonly exceptions: {
         readonly label: "Exceptions";
-        readonly color: "var(--N300)";
+        readonly color: "#B1B7BC";
     };
 };
 export declare const ORDERED_SEVERITY_KEYS: readonly [SeveritiesDTO.CRITICAL, SeveritiesDTO.HIGH, SeveritiesDTO.MEDIUM, SeveritiesDTO.LOW, SeveritiesDTO.UNKNOWN, SeveritiesDTO.FAILURES, SeveritiesDTO.EXCEPTIONS, SeveritiesDTO.SUCCESSES];

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

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

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

@@ -1,6 +1,9 @@
 import { ScanResultDTO, SeveritiesDTO } from './SecurityModal';
+import { ImageScanLicenseListType, ImageScanVulnerabilityListType, StatusType } from './SecurityModal/types';
 import { CategoriesConfig, SecurityConfigType } from './types';
 export declare const getCVEUrlFromCVEName: (cveName: string) => string;
 export declare const getTotalSeverities: (severityCount: Partial<Record<SeveritiesDTO, number>>) => number;
 export declare const getSecurityConfig: ({ imageScan, codeScan, kubernetesManifest, }: CategoriesConfig) => SecurityConfigType;
 export declare const getCompiledSecurityThreats: (scanResult: ScanResultDTO) => Partial<Record<SeveritiesDTO, number>>;
+export declare const getStatusForScanList: (scanList: ImageScanVulnerabilityListType[] | ImageScanLicenseListType[]) => StatusType["status"];
+export declare const getSecurityScanStatus: (scanResult: ScanResultDTO) => StatusType["status"];