@devtron-labs/devtron-fe-common-lib 1.19.0-pre-5 → 1.19.0-pre-7

package/dist/{@common-rjsf-C7SGh5DL.js → @common-rjsf-eJgxZaTa.js}

@@ -1,7 +1,7 @@
 import { j as n, au as T, aw as J, av as K } from "./@vendor-3ORIJA0h.js";
 import V, { useState as q, useEffect as Y, forwardRef as G, useMemo as E } from "react";
 import z, { getDefaultRegistry as Q } from "@rjsf/core";
-import { T as O, j as F, c as w, b as N, S as X, i as Z, g as ee, a as te, d as R, e as ne } from "./@code-editor-KdvtlDLy.js";
+import { T as O, j as F, c as w, b as N, S as X, i as Z, g as ee, a as te, d as R, e as ne } from "./@code-editor-CxJ5P0f_.js";
 import { getUiOptions as B, getTemplate as $, getSubmitButtonOptions as re, ADDITIONAL_PROPERTY_FLAG as L, errorId as se, englishStringTranslator as ae, TranslatableString as oe, titleId as le, canExpand as ie, deepEquals as ce } from "@rjsf/utils";
 import { ReactComponent as de } from "./assets/ic-add.cfaa779b.svg";
 import { ReactComponent as ue } from "./assets/ic-warning.ecf7ff97.svg";

package/dist/{@framer-motion-DZveCoIL.js → @framer-motion-BKkW77Gi.js}

@@ -3323,7 +3323,7 @@ var Ys = ri({
   checkIsScrollRoot: function(t) {
     return window.getComputedStyle(t).position === "fixed";
   }
-}), Xs = m(m(m(m({}, Eo), ka), Zo), bs), ou = /* @__PURE__ */ qi(function(t, e) {
+}), Xs = m(m(m(m({}, Eo), ka), Zo), bs), su = /* @__PURE__ */ qi(function(t, e) {
   return Ca(t, e, Xs, ps, ks);
 });
 function ni() {
@@ -3410,7 +3410,7 @@ function qs(t) {
     Mi(r) && e.push(r);
   }), e;
 }
-var su = function(t) {
+var uu = function(t) {
   var e = t.children, r = t.custom, n = t.initial, i = n === void 0 ? !0 : n, s = t.onExitComplete, o = t.exitBeforeEnter, a = t.presenceAffectsLayout, u = a === void 0 ? !0 : a, l = R(Ws(), 1), f = l[0], v = F(Ie).forceRender;
   v && (f = v);
   var c = ni(), d = qs(e), p = d, h = /* @__PURE__ */ new Set(), g = $(p), b = $(/* @__PURE__ */ new Map()).current, P = $(!0);
@@ -3501,7 +3501,7 @@ function ai(t, e) {
     return Z.update(n, !1, !0);
   }), r;
 }
-function uu(t, e, r, n) {
+function lu(t, e, r, n) {
   var i = typeof e == "function" ? e : tu(e, r, n);
   return Array.isArray(t) ? Wr(t, i) : Wr([t], function(s) {
     var o = R(s, 1), a = o[0];
@@ -3519,7 +3519,7 @@ function Wr(t, e) {
     return e(r);
   });
 }
-function lu(t) {
+function fu(t) {
   for (var e = [], r = 1; r < arguments.length; r++)
     e[r - 1] = arguments[r];
   var n = t.length;
@@ -3533,7 +3533,7 @@ function lu(t) {
   }
   return ai(e, i);
 }
-function fu(t, e) {
+function cu(t, e) {
   e === void 0 && (e = {});
   var r = F(_t).isStatic, n = $(null), i = ii(q(t) ? t.get() : t);
   return Vt(function() {
@@ -3588,17 +3588,19 @@ function nu() {
   };
   return n;
 }
-function cu() {
+function iu() {
   var t = ft(nu);
   return N(t.mount, []), t;
 }
+var vu = iu;
 export {
-  su as A,
+  uu as A,
   Ps as a,
-  uu as b,
-  lu as c,
-  fu as d,
-  cu as e,
-  ou as m,
+  lu as b,
+  fu as c,
+  cu as d,
+  vu as e,
+  iu as f,
+  su as m,
   ii as u
 };

package/dist/Common/Constants.d.ts

@@ -64,6 +64,14 @@ export declare const URLS: {
     readonly GLOBAL_CONFIG_TEMPLATES_DEVTRON_APP_DETAIL: "/global-config/templates/devtron-apps/detail/:appId";
     readonly LICENSE_AUTH: "/license-auth";
     readonly GLOBAL_CONFIG_EDIT_CLUSTER: "/global-config/cluster-env/edit/:clusterId";
+    readonly COST_VISIBILITY_OVERVIEW: "/cost-visibility/overview";
+    readonly COST_BREAKDOWN_ROUTE: "/cost-visibility/breakdown/:breakdownViewType";
+    readonly COST_BREAKDOWN_CLUSTERS: "/cost-visibility/breakdown/clusters";
+    readonly COST_BREAKDOWN_ENVIRONMENTS: "/cost-visibility/breakdown/environments";
+    readonly COST_BREAKDOWN_PROJECTS: "/cost-visibility/breakdown/projects";
+    readonly COST_BREAKDOWN_APPLICATIONS: "/cost-visibility/breakdown/applications";
+    readonly COST_BREAKDOWN_ITEM_NAME: ":itemName";
+    readonly COST_CONFIGURATIONS: "/cost-visibility/configurations";
 };
 export declare const ROUTES: {
     readonly APP: "app";

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

@@ -27,6 +27,7 @@ export declare const KEYBOARD_KEYS_MAP: {
     readonly Delete: "⌦";
     readonly '.': ".";
     readonly Space: "Space";
+    readonly '>': ">";
 };
 export type SupportedKeyboardKeysType = keyof typeof KEYBOARD_KEYS_MAP;
 export interface ShortcutType {

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

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

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

@@ -33,5 +33,5 @@ import { SearchBarProps } from './types';
  * <SearchBar inputProps={{ placeholder: 'Enter search text' }} />
  * ```
  */
-declare const SearchBar: ({ initialSearchText, handleSearchChange, handleEnter, inputProps, containerClassName, shouldDebounce, debounceTimeout, dataTestId, noBackgroundAndBorder, size, keyboardShortcut, }: SearchBarProps) => JSX.Element;
+declare const SearchBar: ({ initialSearchText, handleSearchChange, handleEnter, inputProps, containerClassName, shouldDebounce, debounceTimeout, dataTestId, noBackgroundAndBorder, size, keyboardShortcut, variant, }: SearchBarProps) => JSX.Element;
 export default SearchBar;

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

@@ -53,4 +53,8 @@ export interface SearchBarProps {
      * @note This is displayed in place of the dropdown indicator
      */
     keyboardShortcut?: SupportedKeyboardKeysType;
+    /**
+     * @default 'default'
+     */
+    variant?: 'default' | 'sidenav';
 }

package/dist/Common/Types.d.ts

@@ -26,9 +26,6 @@ export interface ResponseType<T = any> {
 }
 export interface APIOptions {
     timeout?: number;
-    /**
-     * @deprecated Use abortController instead
-     */
     signal?: AbortSignal;
     abortControllerRef?: MutableRefObject<AbortController>;
     /**

package/dist/Pages-Devtron-2.0/ApplicationManagement/Overview/Overview.d.ts

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

package/dist/Pages-Devtron-2.0/ApplicationManagement/Overview/index.d.ts

@@ -0,0 +1 @@
+export * from './Overview';

package/dist/Pages-Devtron-2.0/ApplicationManagement/index.d.ts

@@ -0,0 +1 @@
+export * from './Overview';

package/dist/Pages-Devtron-2.0/Automation&Enablement/Overview/Overview.d.ts

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

package/dist/Pages-Devtron-2.0/Automation&Enablement/Overview/index.d.ts

@@ -0,0 +1 @@
+export * from './Overview';

package/dist/Pages-Devtron-2.0/Automation&Enablement/index.d.ts

@@ -0,0 +1 @@
+export * from './Overview';

package/dist/Pages-Devtron-2.0/CostVisibility/Overview/Overview.d.ts

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

package/dist/Pages-Devtron-2.0/CostVisibility/Overview/index.d.ts

@@ -0,0 +1 @@
+export * from './Overview';

package/dist/Pages-Devtron-2.0/CostVisibility/Shared/index.d.ts

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

package/dist/Pages-Devtron-2.0/CostVisibility/Shared/types.d.ts

@@ -0,0 +1,9 @@
+export declare enum CostBreakdownViewType {
+    CLUSTERS = "clusters",
+    ENVIRONMENTS = "environments",
+    PROJECTS = "projects",
+    APPLICATIONS = "applications"
+}
+export declare enum CostBreakdownItemViewParamsType {
+    ITEM_NAME = "itemName"
+}

package/dist/Pages-Devtron-2.0/CostVisibility/index.d.ts

@@ -0,0 +1 @@
+export * from './Shared';

package/dist/Pages-Devtron-2.0/GlobalConfiguration/Overview/Overview.d.ts

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

package/dist/Pages-Devtron-2.0/GlobalConfiguration/Overview/index.d.ts

@@ -0,0 +1 @@
+export * from './Overview';

package/dist/Pages-Devtron-2.0/GlobalConfiguration/index.d.ts

@@ -0,0 +1 @@
+export * from './Overview';

package/dist/Pages-Devtron-2.0/GlobalOverview/GlobalOverview.d.ts

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

package/dist/Pages-Devtron-2.0/GlobalOverview/index.d.ts

@@ -0,0 +1 @@
+export * from './GlobalOverview';

package/dist/Pages-Devtron-2.0/InfrastructureManagement/Overview/Overview.d.ts

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

package/dist/Pages-Devtron-2.0/InfrastructureManagement/Overview/index.d.ts

@@ -0,0 +1 @@
+export * from './Overview';

package/dist/Pages-Devtron-2.0/InfrastructureManagement/index.d.ts

@@ -0,0 +1 @@
+export * from './Overview';

package/dist/Pages-Devtron-2.0/SecurityCenter/Overview/Overview.d.ts

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

package/dist/Pages-Devtron-2.0/SecurityCenter/Overview/index.d.ts

@@ -0,0 +1 @@
+export * from './Overview';

package/dist/Pages-Devtron-2.0/SecurityCenter/index.d.ts

@@ -0,0 +1 @@
+export * from './Overview';

package/dist/Pages-Devtron-2.0/SoftwareReleaseManagement/Overview/Overview.d.ts

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

package/dist/Pages-Devtron-2.0/SoftwareReleaseManagement/Overview/index.d.ts

@@ -0,0 +1 @@
+export * from './Overview';

package/dist/Pages-Devtron-2.0/SoftwareReleaseManagement/index.d.ts

@@ -0,0 +1 @@
+export * from './Overview';

package/dist/Pages-Devtron-2.0/index.d.ts

@@ -0,0 +1 @@
+export * from './CostVisibility';

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

@@ -1,6 +1,15 @@
-import { MouseEvent, ReactNode } from 'react';
+import { MouseEvent, ReactNode, SyntheticEvent } from 'react';
 import { DTFocusTrapType } from '../DTFocusTrap';
-export interface BackdropProps extends Pick<DTFocusTrapType, 'deactivateFocusOnEscape' | 'initialFocus' | 'onEscape'> {
+export interface BackdropProps extends Pick<DTFocusTrapType, 'deactivateFocusOnEscape' | 'initialFocus'> {
+    /**
+     * Callback function that gets triggered when the Escape key is pressed. \
+     * Should be wrapped in useCallback to prevent unnecessary re-renders.
+     * @example
+     * const handleEscape = useCallback(() => {
+     *   // Handle escape key press
+     * }, []);
+     */
+    onEscape: (e?: SyntheticEvent) => void;
     /**
      * The content to be rendered within the backdrop component.
      */

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

@@ -4,5 +4,5 @@ export declare const useFocusTrapControl: () => {
     disableFocusTrap: typeof noop;
     resumeFocusTrap: typeof noop;
 };
-declare const DTFocusTrap: ({ onEscape, deactivateFocusOnEscape, children, initialFocus, }: DTFocusTrapType) => JSX.Element;
+declare const DTFocusTrap: ({ deactivateFocusOnEscape, children, initialFocus }: DTFocusTrapType) => JSX.Element;
 export default DTFocusTrap;

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

@@ -8,15 +8,6 @@ type FocusTargetValueOrFalse = FocusTargetValue | false;
  */
 type FocusTargetOrFalse = FocusTargetValueOrFalse | (() => FocusTargetValueOrFalse);
 export interface DTFocusTrapType {
-    /**
-     * Callback function that gets triggered when the Escape key is pressed. \
-     * Should be wrapped in useCallback to prevent unnecessary re-renders.
-     * @example
-     * const handleEscape = useCallback(() => {
-     *   // Handle escape key press
-     * }, []);
-     */
-    onEscape: (e?: KeyboardEvent | MouseEvent) => void;
     /**
      * If focus should be deactivated on escape, pass false when escape is disabled or has no action
      * true for cases when we are closing modals or dialogs

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

@@ -1,2 +1,2 @@
-import { animate, AnimatePresence, motion, useAnimationControls, useMotionTemplate, useMotionValue } from 'framer-motion';
-export { animate, AnimatePresence, motion, useAnimationControls, useMotionTemplate, useMotionValue };
+import { animate, AnimatePresence, motion, useAnimation, useAnimationControls, useMotionTemplate, useMotionValue } from 'framer-motion';
+export { animate, AnimatePresence, motion, useAnimation, useAnimationControls, useMotionTemplate, useMotionValue };

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

@@ -1,3 +1,4 @@
+import { ButtonComponentType } from '../Button';
 import { GenericSectionErrorStateProps } from './types';
-declare const GenericSectionErrorState: ({ reload, withBorder, title, subTitle, description, buttonText, rootClassName, useInfoIcon, progressingProps, }: GenericSectionErrorStateProps) => JSX.Element;
+declare const GenericSectionErrorState: <T extends ButtonComponentType = ButtonComponentType.button>({ reload, buttonProps, customIcon, withBorder, title, subTitle, description, buttonText, rootClassName, useInfoIcon, progressingProps, }: GenericSectionErrorStateProps<T>) => JSX.Element;
 export default GenericSectionErrorState;

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

@@ -1,10 +1,7 @@
 import { ReactNode } from 'react';
+import { ButtonComponentType, ButtonProps } from '../Button';
 import { IconsProps } from '../Icon';
-export type GenericSectionErrorStateProps = {
-    /**
-     * Handler for reloading the section
-     */
-    reload?: () => void;
+export type GenericSectionErrorStateProps<ButtonType extends ButtonComponentType = ButtonComponentType.button> = {
     /**
      * If true, border is added to the section
      *
@@ -37,6 +34,7 @@ export type GenericSectionErrorStateProps = {
      */
     progressingProps: Omit<IconsProps, 'name'>;
     useInfoIcon?: false;
+    customIcon?: never;
 } | {
     progressingProps?: never;
     /**
@@ -45,7 +43,25 @@ export type GenericSectionErrorStateProps = {
      * @default false
      */
     useInfoIcon: true;
+    customIcon?: never;
+} | {
+    progressingProps?: never;
+    useInfoIcon?: never;
+    customIcon?: never;
 } | {
+    customIcon: JSX.Element;
     progressingProps?: never;
     useInfoIcon?: never;
+}) & ({
+    /**
+     * Handler for reloading the section
+     */
+    reload: () => void;
+    buttonProps?: never;
+} | {
+    reload?: never;
+    buttonProps: ButtonProps<ButtonType>;
+} | {
+    reload?: never;
+    buttonProps?: never;
 });

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

@@ -22,6 +22,7 @@ export declare const iconMap: {
     'ic-bharatpe': import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement>>;
     'ic-bitbucket': import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement>>;
     'ic-book-open': import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement>>;
+    'ic-bot': import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement>>;
     'ic-brain': import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement>>;
     'ic-browser': import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement>>;
     'ic-bug': import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement>>;
@@ -42,13 +43,16 @@ export declare const iconMap: {
     'ic-ci-linked': import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement>>;
     'ic-circle-loader': import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement>>;
     'ic-clean-brush': import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement>>;
+    'ic-clipboard': import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement>>;
     '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-cloud-vms': import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement>>;
+    'ic-cloud': import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement>>;
     'ic-cluster-isolated': 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-coins': import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement>>;
     'ic-container-registry': 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>>;
@@ -66,6 +70,7 @@ export declare const iconMap: {
     'ic-devtron-app': import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement>>;
     'ic-devtron-header-logo': import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement>>;
     'ic-devtron-job': import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement>>;
+    'ic-devtron-text': import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement>>;
     'ic-devtron': import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement>>;
     'ic-diff-added': import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement>>;
     'ic-diff-deleted': import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement>>;
@@ -91,6 +96,7 @@ export declare const iconMap: {
     'ic-file-edit': import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement>>;
     'ic-file-key': import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement>>;
     'ic-file': import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement>>;
+    'ic-files-changed': import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement>>;
     'ic-files': import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement>>;
     'ic-filter-applied': import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement>>;
     'ic-filter': import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement>>;
@@ -178,6 +184,7 @@ export declare const iconMap: {
     'ic-quay': import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement>>;
     'ic-quote': import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement>>;
     'ic-resize-handle': import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement>>;
+    'ic-right-panel-collapse': import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement>>;
     'ic-rocket-gear': import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement>>;
     'ic-rocket-launch': import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement>>;
     'ic-selected': import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement>>;
@@ -218,6 +225,7 @@ export declare const iconMap: {
     'ic-timer': import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement>>;
     'ic-traffic-signal': import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement>>;
     'ic-travclan': import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement>>;
+    'ic-trend-up': import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement>>;
     'ic-two-cubes': import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement>>;
     'ic-ubuntu': import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement>>;
     'ic-unknown': import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement>>;

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

@@ -4,6 +4,7 @@ export declare const illustrationMap: {
     'img-code': string;
     'img-man-on-rocket': string;
     'img-no-result': string;
+    'no-cluster-cost-enabled': string;
 };
 export type IllustrationName = keyof typeof illustrationMap;
 export interface IllustrationProps extends Omit<IllustrationBaseProps, 'name' | 'illustrationMap'> {

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

@@ -0,0 +1,3 @@
+import { KeyboardShortcutProps } from './types';
+declare const KeyboardShortcut: ({ keyboardKey }: KeyboardShortcutProps) => JSX.Element;
+export default KeyboardShortcut;

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

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

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

@@ -0,0 +1,4 @@
+import { SupportedKeyboardKeysType } from '../../../Common/Hooks/UseRegisterShortcut/types';
+export interface KeyboardShortcutProps {
+    keyboardKey: SupportedKeyboardKeysType;
+}

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

@@ -1,3 +1,3 @@
 import { TreeViewProps } from './types';
-declare const TreeView: <DataAttributeType = null>({ nodes, isControlled, expandedMap: expandedMapProp, selectedId, onToggle: onToggleProp, onSelect, depth, mode, flatNodeList: flatNodeListProp, getUpdateItemsRefMap: getUpdateItemsRefMapProp, variant, defaultExpandedMap, }: TreeViewProps<DataAttributeType>) => JSX.Element;
+declare const TreeView: <DataAttributeType = null>({ nodes, isControlled, expandedMap: expandedMapProp, selectedId, onToggle: onToggleProp, onSelect, depth, mode, flatNodeList: flatNodeListProp, getUpdateItemsRefMap: getUpdateItemsRefMapProp, variant, defaultExpandedMap, highlightSelectedHeadingOnlyWhenCollapsed, }: TreeViewProps<DataAttributeType>) => JSX.Element;
 export default TreeView;

package/dist/Shared/Components/TreeView/TreeViewNodeContent.d.ts

@@ -1,3 +1,3 @@
 import { TreeViewNodeContentProps } from './types';
-declare const TreeViewNodeContent: ({ startIconConfig, title, subtitle, type, customTooltipConfig, strikeThrough, isSelected, }: TreeViewNodeContentProps) => JSX.Element;
+declare const TreeViewNodeContent: ({ startIconConfig, title, subtitle, type, customTooltipConfig, strikeThrough, isSelected, variant, }: TreeViewNodeContentProps) => JSX.Element;
 export default TreeViewNodeContent;

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

@@ -2,3 +2,6 @@ import { TreeViewProps } from './types';
 export declare const DEFAULT_NO_ITEMS_TEXT = "No items found";
 export declare const VARIANT_TO_BG_CLASS_MAP: Record<TreeViewProps['variant'], string>;
 export declare const VARIANT_TO_HOVER_CLASS_MAP: Record<TreeViewProps['variant'], string>;
+export declare const VARIANT_TO_SELECTED_CLASS_MAP: Record<TreeViewProps['variant'], string>;
+export declare const VARIANT_TO_TEXT_CLASS_MAP: Record<TreeViewProps['variant'], string>;
+export declare const VARIANT_TO_TREE_ITEM_ACTIVE_BG_CLASS_MAP: Record<TreeViewProps['variant'], string>;

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

@@ -96,9 +96,11 @@ export type TreeItem<DataAttributeType = null> = BaseNode<DataAttributeType> & {
     onClick?: (e: SyntheticEvent) => void;
     href?: never;
     clearQueryParamsOnNavigation?: never;
+    activeClassName?: never;
 } | {
     as: 'link';
     href: string;
+    activeClassName?: string;
     /**
      * The callback function to handle click events on the nav link.
      */
@@ -113,6 +115,7 @@ export type TreeItem<DataAttributeType = null> = BaseNode<DataAttributeType> & {
     href?: never;
     onClick?: never;
     clearQueryParamsOnNavigation?: never;
+    activeClassName?: never;
 });
 /**
  * Props for the TreeView component.
@@ -151,14 +154,21 @@ export type TreeViewProps<DataAttributeType = null> = {
      */
     mode?: 'navigation' | 'form';
     /**
-     * If primary the background color will be bg__primary and bg__hover--opaque, if secondary the background color will be bg__secondary bg__hover-secondary--opaque.
+     * If primary the background color will be bg__primary and bg__hover--opaque \
+     * if secondary the background color will be bg__secondary bg__hover-secondary--opaque,
+     * if sidenav the background color will be bg__transparent bg__hover-sidebar-item.
      * @default 'primary'
      */
-    variant?: 'primary' | 'secondary';
+    variant?: 'primary' | 'secondary' | 'sidenav';
     /**
      * @default {}
      */
     defaultExpandedMap?: Record<string, boolean>;
+    /**
+     * When true, the selected heading (`selectedId`) will be highlighted only when it is collapsed.
+     * @default false
+     */
+    highlightSelectedHeadingOnlyWhenCollapsed?: boolean;
 } /**
  * WARNING: For internal use only.
  */ & ({
@@ -188,7 +198,7 @@ export type TreeViewProps<DataAttributeType = null> = {
     expandedMap?: never;
     isControlled?: false;
 });
-export interface TreeViewNodeContentProps extends Pick<BaseNode, 'startIconConfig' | 'title' | 'subtitle' | 'customTooltipConfig' | 'strikeThrough'> {
+export interface TreeViewNodeContentProps extends Pick<BaseNode, 'startIconConfig' | 'title' | 'subtitle' | 'customTooltipConfig' | 'strikeThrough'>, Required<Pick<TreeViewProps, 'variant'>> {
     type: 'heading' | 'item';
     isSelected: boolean;
 }

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

@@ -59,6 +59,7 @@ export * from './ImageWithFallback';
 export * from './InfoBlock';
 export * from './InfoIconTippy';
 export * from './InvalidYAMLTippy';
+export * from './KeyboardShortcut';
 export * from './KeyValueTable';
 export * from './License';
 export { default as LoadingCard } from './LoadingCard';

package/dist/Shared/Hooks/useUserPreferences/service.d.ts

@@ -4,7 +4,7 @@ import { PreferredResourceKindType, UserPreferenceFilteredListTypes, UserPrefere
  * @description This function fetches the user preferences from the server. It uses the `get` method to make a request to the server and retrieves the user preferences based on the `USER_PREFERENCES_ATTRIBUTE_KEY`. The result is parsed and returned as a `UserPreferencesType` object.
  * @throws Will throw an error if the request fails or if the result is not in the expected format.
  */
-export declare const getUserPreferences: () => Promise<UserPreferencesType>;
+export declare const getUserPreferences: (signal?: AbortSignal) => Promise<UserPreferencesType>;
 export declare const updateUserPreferences: ({ path, value, resourceKind, shouldThrowError, userPreferencesResponse, }: UserPreferenceResourceProps) => Promise<boolean>;
 /**
  * Optimized function to get updated user preferences with resource filtering

package/dist/Shared/Hooks/useUserPreferences/types.d.ts

@@ -1,6 +1,8 @@
 import { USER_PREFERENCES_ATTRIBUTE_KEY } from './constants';
 import { AppThemeType, ThemeConfigType, ThemePreferenceType } from '../../Providers/ThemeProvider/types';
 import { ResourceKindType } from '../../types';
+export type NavigationItemID = 'application-management-overview' | 'application-management-applications' | 'application-management-application-groups' | 'application-management-chart-store' | 'application-management-bulk-edit' | 'application-management-configurations' | 'application-management-policies' | 'application-management-others' | 'infrastructure-management-overview' | 'infrastructure-management-resource-browser' | 'infrastructure-management-intercepted-changes' | 'infrastructure-management-resource-watcher' | 'infrastructure-management-catalog-framework' | 'software-release-management-overview' | 'software-release-management-software-release' | 'cost-visibility-overview' | 'cost-visibility-cost-breakdown' | 'cost-visibility-configurations' | 'security-center-overview' | 'security-center-application-security' | 'security-center-security-policies' | 'automation-and-enablement-jobs' | 'automation-and-enablement-alerting' | 'automation-and-enablement-incident-response' | 'automation-and-enablement-api-portal' | 'automation-and-enablement-runbook-automation' | 'global-configuration-sso-login-services' | 'global-configuration-host-urls' | 'global-configuration-cluster-and-environments' | 'global-configuration-container-oci-registry' | 'global-configuration-authorization';
+export type NavigationSubMenuItemID = 'application-management-configurations-gitops' | 'application-management-configurations-git-accounts' | 'application-management-configurations-external-links' | 'application-management-configurations-chart-repository' | 'application-management-configurations-deployment-charts' | 'application-management-configurations-notifications' | 'application-management-configurations-catalog-frameworks' | 'application-management-configurations-scoped-variables' | 'application-management-configurations-build-infra' | 'application-management-policies-deployment-window' | 'application-management-policies-approval-policy' | 'application-management-policies-plugin-policy' | 'application-management-policies-pull-image-digest' | 'application-management-policies-tag-policy' | 'application-management-policies-filter-conditions' | 'application-management-policies-lock-deployment-configuration' | 'application-management-others-application-templates' | 'application-management-others-projects' | 'cost-visibility-cost-breakdown-clusters' | 'cost-visibility-cost-breakdown-environments' | 'cost-visibility-cost-breakdown-projects' | 'cost-visibility-cost-breakdown-applications' | 'global-configuration-authorization-user-permissions' | 'global-configuration-authorization-permission-groups' | 'global-configuration-authorization-api-tokens';
 export interface GetUserPreferencesQueryParamsType {
     key: typeof USER_PREFERENCES_ATTRIBUTE_KEY;
 }
@@ -36,13 +38,18 @@ export interface GetUserPreferencesParsedDTO {
      *
      */
     resources?: UserPreferenceResourceType;
+    commandBar: {
+        recentNavigationActions: {
+            id: NavigationItemID | NavigationSubMenuItemID;
+        }[];
+    };
 }
 export interface UserPreferencesPayloadValueType extends GetUserPreferencesParsedDTO {
 }
 export interface UpdateUserPreferencesPayloadType extends Pick<GetUserPreferencesQueryParamsType, 'key'> {
     value: string;
 }
-export interface UserPreferencesType {
+export interface UserPreferencesType extends Pick<GetUserPreferencesParsedDTO, 'commandBar'> {
     /**
      * Preferred theme for the user
      * If null, would forcibly show user theme switcher dialog for user to select
@@ -69,7 +76,7 @@ export interface UseUserPreferencesProps {
     migrateUserPreferences?: (userPreferencesResponse: UserPreferencesType) => Promise<UserPreferencesType>;
     recentlyVisitedFetchConfig?: RecentlyVisitedFetchConfigType;
 }
-export type UserPathValueMapType = {
+type UserPathValueMapType = {
     path: 'themePreference';
     value: Required<Pick<UpdatedUserPreferencesType, 'themePreference' | 'appTheme'>>;
     resourceKind?: never;
@@ -84,7 +91,28 @@ export type UserPathValueMapType = {
     value: Required<BaseRecentlyVisitedEntitiesTypes[]>;
     resourceKind: PreferredResourceKindType;
     userPreferencesResponse?: UserPreferencesType;
+} | {
+    path: 'commandBar.recentNavigationActions';
+    value: UserPreferencesType['commandBar']['recentNavigationActions'];
+    resourceKind?: never;
+    userPreferencesResponse?: never;
 };
+export type GetUserPreferencePayloadParams = {
+    userPreferencesResponse: UserPreferencesType;
+    resourceKind?: PreferredResourceKindType;
+} & ({
+    path: 'themePreference';
+    value: Required<Pick<UpdatedUserPreferencesType, 'themePreference' | 'appTheme'>>;
+} | {
+    path: 'pipelineRBACViewSelectedTab';
+    value: Required<Pick<UserPreferencesType, 'pipelineRBACViewSelectedTab'>>;
+} | {
+    path: 'resources';
+    value: Required<BaseRecentlyVisitedEntitiesTypes[]>;
+} | {
+    path: 'commandBar.recentNavigationActions';
+    value: UserPreferencesType['commandBar']['recentNavigationActions'];
+});
 export type UserPreferenceResourceProps = UserPathValueMapType & {
     shouldThrowError?: boolean;
     userPreferencesResponse?: UserPreferencesType;
@@ -92,3 +120,4 @@ export type UserPreferenceResourceProps = UserPathValueMapType & {
 export interface UserPreferenceFilteredListTypes extends UserPreferenceRecentlyVisitedAppsTypes {
     userPreferencesResponse?: UserPreferencesType;
 }
+export {};