@devtron-labs/devtron-fe-common-lib 1.19.4 → 1.20.0-alpha-3

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

@@ -14,6 +14,7 @@ export declare const iconMap: {
     'ic-arrows-left-right': import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement>>;
     'ic-asterisk': import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement>>;
     'ic-ather': import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement>>;
+    'ic-aws-codecommit': import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement>>;
     'ic-azure-aks': import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement>>;
     'ic-azure': import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement>>;
     'ic-bg-cluster': import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement>>;
@@ -21,10 +22,12 @@ 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>>;
     'ic-build-color': import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement>>;
+    'ic-building': import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement>>;
     'ic-calendar': import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement>>;
     'ic-cancelled': import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement>>;
     'ic-card-stack': import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement>>;
@@ -41,13 +44,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>>;
@@ -55,6 +61,7 @@ export declare const iconMap: {
     'ic-cpu': import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement>>;
     'ic-crown': import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement>>;
     'ic-cube': import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement>>;
+    'ic-database-backup': import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement>>;
     'ic-delete-dots': import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement>>;
     'ic-delete-lightning': import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement>>;
     'ic-delete': import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement>>;
@@ -65,7 +72,11 @@ 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>>;
+    'ic-diff-updated': import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement>>;
     'ic-disconnect': import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement>>;
     'ic-discord-fill': import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement>>;
     'ic-dockerhub': import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement>>;
@@ -87,6 +98,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>>;
@@ -107,6 +119,8 @@ export declare const iconMap: {
     'ic-google-gke': import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement>>;
     'ic-google': import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement>>;
     'ic-grid-view': import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement>>;
+    'ic-group-filter-applied': import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement>>;
+    'ic-group-filter': import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement>>;
     'ic-hand-pointing': import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement>>;
     'ic-heart-green': import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement>>;
     'ic-heart-red-animated': import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement>>;
@@ -121,6 +135,7 @@ export declare const iconMap: {
     'ic-info-filled-color': import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement>>;
     'ic-info-filled': import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement>>;
     'ic-info-outline': import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement>>;
+    'ic-input': import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement>>;
     'ic-install': import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement>>;
     'ic-job-color': import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement>>;
     'ic-k3s': import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement>>;
@@ -128,6 +143,7 @@ export declare const iconMap: {
     'ic-key-enter': import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement>>;
     'ic-key': import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement>>;
     'ic-kind': import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement>>;
+    'ic-kubernetes': import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement>>;
     'ic-laptop': import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement>>;
     'ic-ldap': import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement>>;
     'ic-lego': import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement>>;
@@ -137,8 +153,10 @@ export declare const iconMap: {
     'ic-linked-build-color': import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement>>;
     'ic-list-bullets': import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement>>;
     'ic-livspace': import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement>>;
+    'ic-locked': import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement>>;
     'ic-logout': import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement>>;
     'ic-logs': import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement>>;
+    'ic-magic-wand': import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement>>;
     'ic-magnifying-glass': 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>>;
@@ -170,6 +188,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>>;
@@ -187,6 +206,7 @@ export declare const iconMap: {
     'ic-stack': import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement>>;
     'ic-stamp': import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement>>;
     'ic-stop-fill': import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement>>;
+    'ic-storage': import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement>>;
     'ic-strategy-blue-green-color': import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement>>;
     'ic-strategy-blue-green': import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement>>;
     'ic-strategy-canary-color': import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement>>;
@@ -198,6 +218,7 @@ export declare const iconMap: {
     'ic-success': import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement>>;
     'ic-sun': import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement>>;
     'ic-suspended': import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement>>;
+    'ic-tag': import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement>>;
     'ic-tata1mg': import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement>>;
     'ic-terminal-fill': import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement>>;
     'ic-terminal': import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement>>;
@@ -208,6 +229,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>>;
@@ -216,6 +238,9 @@ export declare const iconMap: {
     'ic-user-key': import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement>>;
     'ic-users': import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement>>;
     'ic-view-variable-toggle': import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement>>;
+    'ic-visibility-off': import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement>>;
+    'ic-visibility-on': import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement>>;
+    'ic-warning-fill': import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement>>;
     'ic-warning': import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement>>;
     'ic-webhook': import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement>>;
     'ic-wifi-slash': import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement>>;

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

@@ -1,2 +1,2 @@
 import { IconBaseProps } from './types';
-export declare const IconBase: ({ name, iconMap, size, tooltipProps, color, dataTestId, rotateBy, fillSpace, }: IconBaseProps) => JSX.Element;
+export declare const IconBase: ({ name, iconMap, size, tooltipProps, color, dataTestId, rotateBy, fillSpace, flip, }: IconBaseProps) => JSX.Element;

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

@@ -38,6 +38,12 @@ export interface IconBaseProps {
      * @example 90, 180, 270
      */
     rotateBy?: number;
+    /**
+     * Flips the icon in the specified direction
+     *
+     * @default undefined
+     */
+    flip?: 'horizontal' | 'vertical';
     /**
      * If true, the icon will expand to fill the available space of its container.
      */

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

@@ -1,8 +1,10 @@
 import { IllustrationBaseProps } from './types';
 export declare const illustrationMap: {
+    'img-mechanical-operation': import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement>>;
     '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/MaterialHistory/MaterialHistory.component.d.ts

@@ -1,3 +1,3 @@
 import { MaterialHistoryProps } from './types';
-declare const MaterialHistory: ({ material, pipelineName, ciPipelineId, selectCommit, isCommitInfoModal, }: MaterialHistoryProps) => JSX.Element;
+declare const MaterialHistory: ({ material, pipelineName, selectCommit, isCommitInfoModal }: MaterialHistoryProps) => JSX.Element;
 export default MaterialHistory;

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

@@ -2,7 +2,6 @@ import { CIMaterialType } from '../../Services/app.types';
 export interface MaterialHistoryProps {
     material: CIMaterialType;
     pipelineName: string;
-    ciPipelineId?: string;
-    selectCommit?: (materialId: string, commit: string, ciPipelineId?: string) => void;
+    selectCommit?: (commitId: string) => void;
     isCommitInfoModal?: boolean;
 }

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

@@ -87,6 +87,6 @@ export declare const getPopoverActualPositionAlignment: ({ position, alignment,
     triggerRect: DOMRect;
     popoverRect: DOMRect;
 }) => {
-    fallbackPosition: "top" | "bottom" | "right" | "left";
+    fallbackPosition: "top" | "right" | "bottom" | "left";
     fallbackAlignment: "start" | "middle" | "end";
 };

package/dist/Shared/Components/PrometheusConfigurations/PrometheusConfigCard.d.ts

@@ -0,0 +1,3 @@
+import { PromoetheusConfigProps } from './types';
+declare const PromoetheusConfigCard: ({ prometheusConfig, isCostPrometheus, handleOnChange, onPrometheusAuthTypeChange, }: PromoetheusConfigProps) => JSX.Element;
+export default PromoetheusConfigCard;

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

@@ -0,0 +1,2 @@
+export { default as PromoetheusConfigCard } from './PrometheusConfigCard';
+export { type PromoetheusConfig } from './types';

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

@@ -0,0 +1,21 @@
+import { SyntheticEvent } from 'react';
+import { AuthenticationType } from '../../types';
+interface ValueErrorType<T = string> {
+    value: T;
+    error: string;
+}
+export interface PromoetheusConfig {
+    endpoint: ValueErrorType;
+    authType: ValueErrorType<AuthenticationType>;
+    userName: ValueErrorType;
+    password: ValueErrorType;
+    prometheusTlsClientKey: ValueErrorType;
+    prometheusTlsClientCert: ValueErrorType;
+}
+export interface PromoetheusConfigProps {
+    prometheusConfig: PromoetheusConfig;
+    handleOnChange: (event: SyntheticEvent) => void;
+    onPrometheusAuthTypeChange: (event: SyntheticEvent) => void;
+    isCostPrometheus?: boolean;
+}
+export {};

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

@@ -1,2 +1,2 @@
 import { RegistryIconProps } from './types';
-export declare const RegistryIcon: ({ registryType, size }: RegistryIconProps) => JSX.Element;
+export declare const RegistryIcon: ({ registryType, size, registryUrl }: RegistryIconProps) => JSX.Element;

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

@@ -1,10 +1,25 @@
 import { RegistryType } from '../../types';
 import { IconsProps } from '../Icon';
-export interface RegistryIconProps {
+export type RegistryIconProps = {
     registryType: RegistryType;
     /**
      * The size of the icon in pixels.
      * @default 20
      */
     size?: IconsProps['size'];
-}
+    /**
+     * The registry URL to determine the icon.
+     */
+    registryUrl?: never;
+} | {
+    registryType?: never;
+    /**
+     * The size of the icon in pixels.
+     * @default 20
+     */
+    size?: IconsProps['size'];
+    /**
+     * The registry URL to determine the icon.
+     */
+    registryUrl: string;
+};

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

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

package/dist/Shared/Components/Table/InternalTable.d.ts

@@ -1,3 +1,3 @@
 import { FiltersTypeEnum, InternalTableProps } from './types';
-declare const InternalTable: <RowData extends unknown, FilterVariant extends FiltersTypeEnum, AdditionalProps extends Record<string, any>>({ filtersVariant, filterData, rows, getRows, columns, ViewWrapper, resizableConfig, emptyStateConfig, additionalProps, areColumnsConfigurable, filter, setVisibleColumns, visibleColumns, stylesConfig, loading, bulkSelectionConfig, bulkSelectionReturnValue, handleClearBulkSelection, handleToggleBulkSelectionOnRow, paginationVariant, RowActionsOnHoverComponent, pageSizeOptions, clearFilters: userGivenUrlClearFilters, }: InternalTableProps<RowData, FilterVariant, AdditionalProps>) => JSX.Element;
+declare const InternalTable: <RowData extends unknown, FilterVariant extends FiltersTypeEnum, AdditionalProps extends Record<string, any>>({ filtersVariant, filterData, rows, getRows, columns, ViewWrapper, resizableConfig, emptyStateConfig, additionalProps, areColumnsConfigurable, filter, setVisibleColumns, visibleColumns, stylesConfig, loading, bulkSelectionConfig, bulkSelectionReturnValue, id, handleClearBulkSelection, handleToggleBulkSelectionOnRow, paginationVariant, RowActionsOnHoverComponent, pageSizeOptions, clearFilters: userGivenUrlClearFilters, }: InternalTableProps<RowData, FilterVariant, AdditionalProps>) => JSX.Element;
 export default InternalTable;

package/dist/Shared/Components/Table/TableContent.d.ts

@@ -1,3 +1,3 @@
 import { FiltersTypeEnum, TableContentProps } from './types';
-declare const TableContent: <RowData extends unknown, FilterVariant extends FiltersTypeEnum, AdditionalProps extends Record<string, any>>({ filterData, rows, resizableConfig, additionalProps, visibleColumns, stylesConfig, loading, bulkSelectionConfig, bulkSelectionReturnValue, handleClearBulkSelection, handleToggleBulkSelectionOnRow, paginationVariant, RowActionsOnHoverComponent, pageSizeOptions, filteredRows, areFilteredRowsLoading, }: TableContentProps<RowData, FilterVariant, AdditionalProps>) => JSX.Element;
+declare const TableContent: <RowData extends unknown, FilterVariant extends FiltersTypeEnum, AdditionalProps extends Record<string, any>>({ filterData, rows, resizableConfig, additionalProps, visibleColumns, stylesConfig, loading, bulkSelectionConfig, bulkSelectionReturnValue, handleClearBulkSelection, handleToggleBulkSelectionOnRow, paginationVariant, RowActionsOnHoverComponent, pageSizeOptions, filteredRows, areFilteredRowsLoading, getRows, totalRows, }: TableContentProps<RowData, FilterVariant, AdditionalProps>) => JSX.Element;
 export default TableContent;

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

@@ -1,7 +1,7 @@
 import { Dispatch, FunctionComponent, MouseEvent, PropsWithChildren, SetStateAction } from 'react';
 import { GenericFilterEmptyStateProps } from '../../../Common/EmptyState/types';
 import { UseStateFiltersProps, UseStateFiltersReturnType, UseUrlFiltersProps, UseUrlFiltersReturnType } from '../../../Common/Hooks';
-import { GenericEmptyStateType } from '../../../Common/index';
+import { APIOptions, GenericEmptyStateType } from '../../../Common/index';
 import { PageSizeOption } from '../../../Common/Pagination/types';
 import { SortableTableHeaderCellProps, useResizableTableConfig } from '../../../Common/SortableTableHeaderCell';
 import { useBulkSelection, UseBulkSelectionProps } from '../BulkSelection';
@@ -105,7 +105,7 @@ export interface ConfigurableColumnsType<RowData extends unknown, FilterVariant
 interface GetRowsProps extends Pick<UseFiltersReturnType, 'offset' | 'pageSize' | 'searchKey' | 'sortBy' | 'sortOrder'> {
 }
 type AdditionalFilterPropsType<T extends FiltersTypeEnum> = T extends FiltersTypeEnum.URL ? Pick<UseUrlFiltersProps<string, unknown>, 'parseSearchParams' | 'localStorageKey' | 'redirectionMethod' | 'initialSortKey' | 'defaultPageSize'> : T extends FiltersTypeEnum.STATE ? Pick<UseStateFiltersProps<string>, 'initialSortKey' | 'defaultPageSize'> : never;
-export type ViewWrapperProps<RowData extends unknown = unknown, FilterVariant extends FiltersTypeEnum = FiltersTypeEnum.NONE, AdditionalProps extends Record<string, any> = {}> = PropsWithChildren<(FilterVariant extends FiltersTypeEnum.NONE ? {} : Pick<UseFiltersReturnType, 'offset' | 'handleSearch' | 'searchKey' | 'sortBy' | 'sortOrder' | 'clearFilters'>) & AdditionalProps & Partial<ConfigurableColumnsType<RowData, FilterVariant, AdditionalProps>> & {
+export type ViewWrapperProps<RowData extends unknown = unknown, FilterVariant extends FiltersTypeEnum = FiltersTypeEnum.NONE, AdditionalProps extends Record<string, any> = {}> = PropsWithChildren<(FilterVariant extends FiltersTypeEnum.NONE ? {} : Pick<UseFiltersReturnType, 'offset' | 'handleSearch' | 'searchKey' | 'sortBy' | 'sortOrder' | 'clearFilters' | 'areFiltersApplied'>) & AdditionalProps & Partial<ConfigurableColumnsType<RowData, FilterVariant, AdditionalProps>> & {
     areRowsLoading: boolean;
     filteredRows: RowsType<RowData> | null;
     rows: RowsType<RowData> | null;
@@ -177,7 +177,10 @@ export type InternalTableProps<RowData extends unknown, FilterVariant extends Fi
 } | {
     rows?: never;
     /** NOTE: Sorting on frontend is only handled if rows is provided instead of getRows */
-    getRows: (props: GetRowsProps) => Promise<RowsType<RowData>>;
+    getRows: (props: GetRowsProps, abortControllerRef: APIOptions['abortControllerRef']) => Promise<{
+        rows: RowsType<RowData>;
+        totalRows: number;
+    }>;
 }) & ({
     paginationVariant: PaginationEnum.PAGINATED;
     pageSizeOptions?: PageSizeOption[];
@@ -203,8 +206,9 @@ export interface GetFilteringPromiseProps<RowData extends unknown> {
     searchSortTimeoutRef: React.MutableRefObject<number>;
     callback: () => Promise<RowsType<RowData>> | RowsType<RowData>;
 }
-export interface TableContentProps<RowData extends unknown, FilterVariant extends FiltersTypeEnum, AdditionalProps extends Record<string, any>> extends Pick<InternalTableProps<RowData, FilterVariant, AdditionalProps>, 'filterData' | 'rows' | 'resizableConfig' | 'additionalProps' | 'visibleColumns' | 'stylesConfig' | 'loading' | 'bulkSelectionConfig' | 'bulkSelectionReturnValue' | 'handleClearBulkSelection' | 'handleToggleBulkSelectionOnRow' | 'paginationVariant' | 'RowActionsOnHoverComponent' | 'pageSizeOptions'> {
+export interface TableContentProps<RowData extends unknown, FilterVariant extends FiltersTypeEnum, AdditionalProps extends Record<string, any>> extends Pick<InternalTableProps<RowData, FilterVariant, AdditionalProps>, 'filterData' | 'rows' | 'resizableConfig' | 'additionalProps' | 'visibleColumns' | 'stylesConfig' | 'loading' | 'bulkSelectionConfig' | 'bulkSelectionReturnValue' | 'handleClearBulkSelection' | 'handleToggleBulkSelectionOnRow' | 'paginationVariant' | 'RowActionsOnHoverComponent' | 'pageSizeOptions' | 'getRows'> {
     filteredRows: RowsType<RowData>;
     areFilteredRowsLoading: boolean;
+    totalRows: number;
 }
 export {};

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

@@ -1,5 +1,5 @@
 import { Column, ConfigurableColumnsType, FiltersTypeEnum, GetFilteringPromiseProps, RowsType, TableProps, UseFiltersReturnType } from './types';
-export declare const searchAndSortRows: <RowData extends unknown, FilterVariant extends FiltersTypeEnum, AdditionalProps extends Record<string, any>>(rows: TableProps<RowData, FilterVariant, AdditionalProps>["rows"], filter: TableProps<RowData, FilterVariant, AdditionalProps>["filter"], filterData: UseFiltersReturnType, comparator?: Column<RowData, FilterVariant, AdditionalProps>["comparator"]) => RowsType<RowData>;
+export declare const searchAndSortRows: <RowData extends unknown, FilterVariant extends FiltersTypeEnum, AdditionalProps extends Record<string, any>>(rows: TableProps<RowData, FilterVariant, AdditionalProps>["rows"], filter: TableProps<RowData, FilterVariant, AdditionalProps>["filter"], filterData: UseFiltersReturnType, comparator?: Column<RowData, FilterVariant, AdditionalProps>["comparator"]) => Awaited<ReturnType<TableProps<RowData>["getRows"]>>;
 export declare const getVisibleColumnsFromLocalStorage: <RowData extends unknown, FilterVariant extends FiltersTypeEnum, AdditionalProps extends Record<string, any>>({ allColumns, id, }: Pick<ConfigurableColumnsType<RowData, FilterVariant, AdditionalProps>, "allColumns"> & Pick<TableProps<RowData, FilterVariant, AdditionalProps>, "id">) => Column<RowData, FilterVariant, AdditionalProps>[];
 export declare const setVisibleColumnsToLocalStorage: <RowData extends unknown, FilterVariant extends FiltersTypeEnum, AdditionalProps extends Record<string, any>>({ id, visibleColumns, }: Pick<ConfigurableColumnsType<RowData, FilterVariant, AdditionalProps>, "visibleColumns"> & Pick<TableProps<RowData, FilterVariant, AdditionalProps>, "id">) => void;
 export declare const getVisibleColumns: <RowData extends unknown, FilterVariant extends FiltersTypeEnum, AdditionalProps extends Record<string, any>>({ areColumnsConfigurable, columns, id, }: Pick<TableProps<RowData, FilterVariant, AdditionalProps>, "areColumnsConfigurable" | "columns" | "id">) => Column<RowData, FilterVariant, AdditionalProps>[];

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, useOverflowAuto, }: 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,25 @@ 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;
+    /**
+     * @default true
+     */
+    useOverflowAuto?: boolean;
 } /**
  * WARNING: For internal use only.
  */ & ({
@@ -188,7 +202,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

@@ -13,6 +13,7 @@ export * from './BulkSelection';
 export * from './Button';
 export * from './ButtonWithLoader';
 export * from './ButtonWithSelector';
+export * from './Charts';
 export * from './Chip';
 export * from './CICDHistory';
 export * from './CMCS';
@@ -59,6 +60,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';
@@ -71,6 +73,7 @@ export * from './Plugin';
 export * from './Popover';
 export * from './PortalContainer';
 export * from './ProgressBar';
+export * from './PrometheusConfigurations';
 export { default as QRCode } from './QRCode';
 export * from './ReactSelect';
 export * from './RegistryIcon';

package/dist/Shared/Helpers.d.ts

@@ -103,4 +103,5 @@ export declare const clearCookieOnLogout: () => void;
 export declare const getAppDetailsURL: (appId: number | string, envId?: number | string) => string;
 export declare const smoothScrollToTop: (scrollContainer: HTMLElement, targetPosition: number) => import('framer-motion').AnimationPlaybackControls;
 export declare const getGroupVersionFromApiVersion: (apiVersion: string) => Pick<Node, "group" | "version">;
+export declare const YAMLtoJSON: (yamlString: string) => string;
 export {};

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-application-templates' | 'application-management-projects' | 'application-management-configurations' | 'application-management-policies' | 'infrastructure-management-overview' | 'infrastructure-management-resource-browser' | 'infrastructure-management-resource-watcher' | 'infrastructure-management-catalog-framework' | 'software-release-management-overview' | 'software-release-management-release-hub' | 'software-release-management-tenants' | 'cost-visibility-overview' | 'cost-visibility-cost-breakdown' | 'cost-visibility-configurations' | 'security-center-overview' | 'security-center-security-scans' | 'security-center-security-policy' | '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' | 'backup-and-restore-overview' | 'backup-and-restore-item' | 'backup-and-restore-backup-repositories' | 'backup-and-restore-backup-locations' | 'backup-and-restore-history-and-logs' | 'ai-recommendations-overview';
+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-image-promotion' | 'application-management-policies-lock-deployment-configuration' | '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 {};

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

@@ -21,6 +21,7 @@ export interface SidePanelConfig {
     reinitialize?: boolean;
     /** URL to documentation that should be displayed in the panel */
     docLink: string | null;
+    aiSessionId?: string;
 }
 type AIAgentContextType = {
     path: string;
@@ -39,6 +40,14 @@ export interface TempAppWindowConfig {
     showOpenInNewTab?: boolean;
     /** React component to render in the window */
     component?: JSX.Element;
+    customCloseConfig?: {
+        /**
+         * Provide this method if you want to do something before temp window closes
+         * Provide noop if not relevant
+         * */
+        beforeClose: () => void;
+        icon: JSX.Element;
+    };
 }
 type CommonMainContextProps = {
     setServerMode: (serverMode: SERVER_MODE) => void;

package/dist/Shared/Services/ToastManager/ToastContent.d.ts

@@ -1,2 +1,3 @@
-import { ToastProps } from './types';
+import { ShortcutToastContentProps, ToastProps } from './types';
 export declare const ToastContent: ({ title, description, buttonProps, }: Pick<ToastProps, "title" | "description" | "buttonProps">) => JSX.Element;
+export declare const ShortcutToastContent: ({ shortcuts, text }: ShortcutToastContentProps) => JSX.Element;

package/dist/Shared/Services/ToastManager/constants.d.ts

@@ -1,4 +1,4 @@
 import { ToastContainerProps, ToastOptions } from 'react-toastify';
-import { ToastProps, ToastVariantType } from './types';
+import { BaseToastProps, ToastProps } from './types';
 export declare const TOAST_BASE_CONFIG: ToastContainerProps;
-export declare const TOAST_VARIANT_TO_CONFIG_MAP: Record<ToastVariantType, Required<Pick<ToastProps, 'icon' | 'title' | 'progressBarBg'>> & Pick<ToastOptions, 'type'>>;
+export declare const TOAST_VARIANT_TO_CONFIG_MAP: Record<BaseToastProps['variant'], Required<Pick<ToastProps, 'icon' | 'title' | 'progressBarBg'>> & Pick<ToastOptions, 'type'>>;

package/dist/Shared/Services/ToastManager/toastManager.service.d.ts

@@ -65,7 +65,7 @@ declare class ToastManager {
     /**
      * Handler for showing the toast
      */
-    showToast: ({ variant, icon: customIcon, title, description, buttonProps, progressBarBg: customProgressBarBg, }: ToastProps, options?: Pick<ToastOptions, "autoClose">) => import('react-toastify').Id;
+    showToast: ({ variant, icon: customIcon, title, description, buttonProps, progressBarBg: customProgressBarBg, text, shortcuts, }: ToastProps, options?: Pick<ToastOptions, "autoClose">) => import('react-toastify').Id;
     /**
      * Handler for dismissing an existing toast
      */