@devtron-labs/devtron-fe-common-lib 1.17.0-beta-2 → 1.17.0-beta-4

package/dist/{@common-rjsf-D-9UITDU.js → @common-rjsf-kLdUrmr1.js}

@@ -1,7 +1,7 @@
 import { j as n, at as b, av as k, au as W } from "./@vendor-DbxoIktR.js";
 import V, { forwardRef as J, useMemo as P } from "react";
 import K, { getDefaultRegistry as q } from "@rjsf/core";
-import { T as F, j as N, c as v, b as S, S as Y, i as z, a as w, d as A, e as G } from "./@code-editor-BxJ15h1P.js";
+import { T as F, j as N, c as v, b as S, S as Y, i as z, a as w, d as A, e as G } from "./@code-editor-CHmXQoJu.js";
 import Q, { components as D } from "react-select";
 import { ReactComponent as X } from "./assets/ic-chevron-down.fc70d7a7.svg";
 import { getUiOptions as $, getTemplate as B, getSubmitButtonOptions as Z, ADDITIONAL_PROPERTY_FLAG as L, errorId as ee, englishStringTranslator as te, TranslatableString as ne, titleId as re, canExpand as ae, deepEquals as se } from "@rjsf/utils";

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

@@ -0,0 +1,2 @@
+import { ContextSwitcherTypes } from './types';
+export declare const ContextSwitcher: ({ inputId, options, inputValue, onInputChange, isLoading, value, onChange, placeholder, filterOption, formatOptionLabel, optionListError, reloadOptionList, classNamePrefix, }: ContextSwitcherTypes) => JSX.Element;

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

@@ -0,0 +1,3 @@
+export { ContextSwitcher } from './ContextSwitcher';
+export type { ContextSwitcherTypes, RecentlyVisitedGroupedOptionsType, RecentlyVisitedOptions } from './types';
+export { getMinCharSearchPlaceholderGroup } from './utils';

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

@@ -0,0 +1,14 @@
+import { GroupBase } from 'react-select';
+import { SelectPickerOptionType, SelectPickerProps } from '../SelectPicker';
+export interface ContextSwitcherTypes extends Pick<SelectPickerProps, 'placeholder' | 'onChange' | 'value' | 'isLoading' | 'onInputChange' | 'inputValue' | 'inputId' | 'formatOptionLabel' | 'filterOption' | 'optionListError' | 'reloadOptionList' | 'classNamePrefix'> {
+    options: GroupBase<SelectPickerOptionType<string | number>>[];
+    isAppDataAvailable?: boolean;
+}
+export interface RecentlyVisitedOptions extends SelectPickerOptionType<number> {
+    isDisabled?: boolean;
+    isRecentlyVisited?: boolean;
+}
+export interface RecentlyVisitedGroupedOptionsType extends GroupBase<SelectPickerOptionType<number>> {
+    label: string;
+    options: RecentlyVisitedOptions[];
+}

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

@@ -0,0 +1,5 @@
+import { SelectPickerProps } from '../SelectPicker';
+import { RecentlyVisitedGroupedOptionsType, RecentlyVisitedOptions } from './types';
+export declare const getDisabledOptions: (option: RecentlyVisitedOptions) => SelectPickerProps["isDisabled"];
+export declare const customSelectFilterOption: SelectPickerProps['filterOption'];
+export declare const getMinCharSearchPlaceholderGroup: (resourceKind: string) => RecentlyVisitedGroupedOptionsType;

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

@@ -2,7 +2,6 @@ import { IconBaseProps } from './types';
 export declare const iconMap: {
     'ic-73strings': import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement>>;
     'ic-aborted': import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement>>;
-    'ic-activity': import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement>>;
     'ic-add': import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement>>;
     'ic-amazon-eks': import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement>>;
     'ic-apica': import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement>>;
@@ -93,7 +92,6 @@ export declare const iconMap: {
     'ic-flask': import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement>>;
     'ic-folder-color': import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement>>;
     'ic-folder-user': import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement>>;
-    'ic-folder': import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement>>;
     'ic-gavel': import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement>>;
     'ic-gear': import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement>>;
     'ic-gift-gradient': import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement>>;
@@ -111,7 +109,6 @@ export declare const iconMap: {
     'ic-heart-green': import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement>>;
     'ic-heart-red-animated': import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement>>;
     'ic-heart-red': import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement>>;
-    'ic-helm-app': import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement>>;
     'ic-helm': import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement>>;
     'ic-help-filled': import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement>>;
     'ic-help-outline': import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement>>;
@@ -150,7 +147,6 @@ export declare const iconMap: {
     'ic-mobile': import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement>>;
     'ic-monitoring': import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement>>;
     'ic-more-vertical': import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement>>;
-    'ic-namespace': import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement>>;
     'ic-new': import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement>>;
     'ic-node-script': import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement>>;
     'ic-oidc': import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement>>;

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

@@ -133,5 +133,5 @@ import { SelectPickerProps } from './type';
  * />
  * ```
  */
-declare const SelectPicker: <OptionValue, IsMulti extends boolean>({ error, icon, helperText, placeholder, label, showSelectedOptionIcon, size, disabledTippyContent, showSelectedOptionsCount, menuSize, optionListError, reloadOptionList, menuPosition, variant, disableDescriptionEllipsis, multiSelectProps, isMulti, name, classNamePrefix, shouldRenderCustomOptions, isSearchable, selectRef: refFromConsumer, shouldMenuAlignRight, fullWidth, customSelectedOptionsCount, menuListFooterConfig, isCreatable, onCreateOption, closeMenuOnSelect, shouldShowNoOptionsMessage, shouldRenderTextArea, onKeyDown, shouldHideMenu, warningText, layout, ariaLabel, borderConfig, borderRadiusConfig, labelTippyCustomizedConfig, labelTooltipConfig, hideFormFieldInfo, autoFocus, ...props }: SelectPickerProps<OptionValue, IsMulti>) => JSX.Element;
+declare const SelectPicker: <OptionValue, IsMulti extends boolean>({ error, icon, helperText, placeholder, label, showSelectedOptionIcon, size, disabledTippyContent, showSelectedOptionsCount, menuSize, optionListError, reloadOptionList, menuPosition, variant, disableDescriptionEllipsis, multiSelectProps, isMulti, name, classNamePrefix, shouldRenderCustomOptions, isSearchable, selectRef: refFromConsumer, shouldMenuAlignRight, fullWidth, customSelectedOptionsCount, menuListFooterConfig, isCreatable, onCreateOption, closeMenuOnSelect, shouldShowNoOptionsMessage, shouldRenderTextArea, onKeyDown, shouldHideMenu, warningText, layout, ariaLabel, borderConfig, borderRadiusConfig, labelTippyCustomizedConfig, labelTooltipConfig, hideFormFieldInfo, ...props }: SelectPickerProps<OptionValue, IsMulti>) => JSX.Element;
 export default SelectPicker;

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

@@ -1,6 +1,5 @@
 export { ValueContainerWithLoadingShimmer } from './common';
 export { default as FilterSelectPicker } from './FilterSelectPicker';
-export * from './GroupedFilterSelectPicker';
 export { default as SelectPicker } from './SelectPicker.component';
 export * from './SelectPickerTextArea.component';
 export * from './type';

package/dist/Shared/Components/SelectPicker/type.d.ts

@@ -6,7 +6,6 @@ import { ServerErrors } from '../../../Common/ServerError';
 import { TooltipProps } from '../../../Common/Tooltip';
 import { OptionType } from '../../../Common/Types';
 import { ComponentSizeType } from '../../constants';
-import { ActionMenuProps } from '../ActionMenu';
 import { ButtonComponentType, ButtonProps, ButtonVariantType } from '../Button';
 import { FormFieldWrapperProps } from '../FormFieldWrapper/types';
 export interface SelectPickerOptionType<OptionValue = string | number> extends OptionType<OptionValue, ReactNode> {
@@ -216,13 +215,9 @@ export type SelectPickerProps<OptionValue = number | string, IsMulti extends boo
 export type SelectPickerGroupHeadingProps<OptionValue> = GroupHeadingProps<SelectPickerOptionType<OptionValue>> & {
     isGroupHeadingSelectable: boolean;
 };
-export interface FilterSelectPickerProps extends Required<Pick<SelectPickerProps<number | string, true>, 'options' | 'isDisabled' | 'placeholder' | 'isLoading'>>, Pick<SelectPickerProps<number | string, true>, 'selectRef' | 'inputId' | 'menuPosition' | 'autoFocus' | 'shouldMenuAlignRight' | 'optionListError' | 'reloadOptionList' | 'getOptionValue' | 'isOptionDisabled' | 'onMenuClose' | 'menuIsOpen' | 'onKeyDown'> {
+export interface FilterSelectPickerProps extends Required<Pick<SelectPickerProps<number | string, true>, 'options' | 'isDisabled' | 'placeholder' | 'isLoading'>>, Pick<SelectPickerProps<number | string, true>, 'selectRef' | 'inputId' | 'menuPosition' | 'autoFocus' | 'shouldMenuAlignRight' | 'optionListError' | 'reloadOptionList' | 'getOptionValue' | 'isOptionDisabled'> {
     appliedFilterOptions: SelectPickerOptionType[];
     handleApplyFilter: (filtersToApply: SelectPickerOptionType<number | string>[]) => void;
 }
 export type SelectPickerTextAreaProps = Omit<SelectPickerProps<string, false>, 'selectRef' | 'inputValue' | 'onInputChange' | 'controlShouldRenderValue' | 'onKeyDown' | 'onCreateOption' | 'shouldRenderTextArea'> & Pick<ResizableTagTextAreaProps, 'maxHeight' | 'minHeight' | 'refVar' | 'dependentRefs'>;
-export interface GroupedFilterSelectPickerProps<T extends string | number = string | number> extends Omit<ActionMenuProps<T>, 'onClick' | 'disableDescriptionEllipsis' | 'children' | 'buttonProps' | 'isSearchable'> {
-    isFilterApplied?: boolean;
-    filterSelectPickerPropsMap: Record<T, Omit<FilterSelectPickerProps, 'autoFocus' | 'menuIsOpen' | 'onMenuClose' | 'onKeyDown'>>;
-}
 export {};

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

@@ -21,6 +21,7 @@ export * from './CollapsibleList';
 export * from './CommitChipCell';
 export * from './Confetti';
 export * from './ConfirmationModal';
+export * from './ContextSwitcher';
 export * from './CountrySelect';
 export * from './CustomInput';
 export * from './DatePicker';

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

@@ -1 +1,3 @@
+import { PreferredResourceKindType } from './types';
 export declare const USER_PREFERENCES_ATTRIBUTE_KEY = "userPreferences";
+export declare const DEFAULT_RESOURCES_MAP: Record<PreferredResourceKindType, null>;

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

@@ -1,4 +1,4 @@
 export * from './constants';
-export { getUserPreferences, updateUserPreferences } from './service';
+export { getUserPreferences, updateAndPersistUserPreferences, updateUserPreferences } from './service';
 export * from './types';
 export { useUserPreferences } from './useUserPrefrences';

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

@@ -1,8 +1,28 @@
-import { UserPreferenceResourceProps, UserPreferencesType } from './types';
+import { PreferredResourceKindType, UserPreferenceFilteredListTypes, UserPreferenceResourceProps, UserPreferencesType } from './types';
 /**
  * @returns UserPreferencesType
  * @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 updateUserPreferences: ({ path, value, shouldThrowError, }: UserPreferenceResourceProps) => Promise<boolean>;
+export declare const updateUserPreferences: ({ path, value, resourceKind, shouldThrowError, userPreferencesResponse, }: UserPreferenceResourceProps) => Promise<boolean>;
+/**
+ * Optimized function to get updated user preferences with resource filtering
+ * Can work with provided userPreferences or fetch from server/localStorage
+ * Centralizes all resource updating logic
+ */
+export declare const getUpdatedUserPreferences: ({ id, name, resourceKind, userPreferencesResponse, }: UserPreferenceFilteredListTypes & {
+    userPreferencesResponse?: UserPreferencesType;
+}) => Promise<UserPreferencesType>;
+/**
+ * Centralized function to update and persist user preferences
+ * Handles both local state and server updates automatically
+ * Eliminates the need for manual resource management in multiple places
+ */
+export declare const updateAndPersistUserPreferences: ({ id, name, resourceKind, shouldThrowError, updateLocalStorage, }: {
+    id?: number;
+    name?: string;
+    resourceKind?: PreferredResourceKindType;
+    shouldThrowError?: boolean;
+    updateLocalStorage?: boolean;
+}) => Promise<UserPreferencesType>;

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

@@ -1,6 +1,5 @@
 import { USER_PREFERENCES_ATTRIBUTE_KEY } from './constants';
 import { AppThemeType, ThemeConfigType, ThemePreferenceType } from '../../Providers/ThemeProvider/types';
-import { BaseAppMetaData } from '../../Services';
 import { ResourceKindType } from '../../types';
 export interface GetUserPreferencesQueryParamsType {
     key: typeof USER_PREFERENCES_ATTRIBUTE_KEY;
@@ -12,12 +11,18 @@ export declare enum ViewIsPipelineRBACConfiguredRadioTabs {
 export declare enum UserPreferenceResourceActions {
     RECENTLY_VISITED = "recently-visited"
 }
-export interface UserResourceKindActionType {
-    [UserPreferenceResourceActions.RECENTLY_VISITED]: BaseAppMetaData[];
+export type PreferredResourceKindType = ResourceKindType.devtronApplication | ResourceKindType.job | 'app-group' | ResourceKindType.cluster;
+export interface BaseRecentlyVisitedEntitiesTypes {
+    id: number;
+    name: string;
+}
+export interface UserPreferenceRecentlyVisitedAppsTypes extends BaseRecentlyVisitedEntitiesTypes {
+    resourceKind: PreferredResourceKindType;
 }
-export interface UserPreferenceResourceType {
-    [ResourceKindType.devtronApplication]: UserResourceKindActionType;
+export interface UserResourceKindActionType {
+    [UserPreferenceResourceActions.RECENTLY_VISITED]: BaseRecentlyVisitedEntitiesTypes[];
 }
+export type UserPreferenceResourceType = Partial<Record<PreferredResourceKindType, UserResourceKindActionType>>;
 export interface GetUserPreferencesParsedDTO {
     viewPermittedEnvOnly?: boolean;
     /**
@@ -56,26 +61,34 @@ export interface UserPreferencesType {
 }
 export interface UpdatedUserPreferencesType extends UserPreferencesType, Pick<ThemeConfigType, 'appTheme'> {
 }
+export interface RecentlyVisitedFetchConfigType extends UserPreferenceRecentlyVisitedAppsTypes {
+    isDataAvailable?: boolean;
+}
 export interface UseUserPreferencesProps {
+    userPreferenceResourceKind?: PreferredResourceKindType;
     migrateUserPreferences?: (userPreferencesResponse: UserPreferencesType) => Promise<UserPreferencesType>;
+    recentlyVisitedFetchConfig?: RecentlyVisitedFetchConfigType;
 }
 export type UserPathValueMapType = {
     path: 'themePreference';
     value: Required<Pick<UpdatedUserPreferencesType, 'themePreference' | 'appTheme'>>;
+    resourceKind?: never;
+    userPreferencesResponse?: never;
 } | {
     path: 'pipelineRBACViewSelectedTab';
     value: Required<Pick<UserPreferencesType, 'pipelineRBACViewSelectedTab'>>;
+    resourceKind?: never;
+    userPreferencesResponse?: never;
 } | {
     path: 'resources';
-    value: Required<BaseAppMetaData[]>;
+    value: Required<BaseRecentlyVisitedEntitiesTypes[]>;
+    resourceKind: PreferredResourceKindType;
+    userPreferencesResponse?: UserPreferencesType;
 };
 export type UserPreferenceResourceProps = UserPathValueMapType & {
     shouldThrowError?: boolean;
+    userPreferencesResponse?: UserPreferencesType;
 };
-export interface UserPreferenceRecentlyVisitedAppsTypes {
-    appId: number;
-    appName: string;
-}
 export interface UserPreferenceFilteredListTypes extends UserPreferenceRecentlyVisitedAppsTypes {
-    userPreferencesResponse: UserPreferencesType;
+    userPreferencesResponse?: UserPreferencesType;
 }

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

@@ -1,10 +1,12 @@
 import { ServerErrors } from '../../../Common/ServerError';
-import { UserPreferenceRecentlyVisitedAppsTypes, UserPreferencesType, UseUserPreferencesProps, ViewIsPipelineRBACConfiguredRadioTabs } from './types';
-export declare const useUserPreferences: ({ migrateUserPreferences }: UseUserPreferencesProps) => {
+import { BaseRecentlyVisitedEntitiesTypes, UserPreferencesType, UseUserPreferencesProps, ViewIsPipelineRBACConfiguredRadioTabs } from './types';
+export declare const useUserPreferences: ({ migrateUserPreferences, recentlyVisitedFetchConfig }: UseUserPreferencesProps) => {
     userPreferences: UserPreferencesType;
     userPreferencesError: ServerErrors;
     handleFetchUserPreferences: () => Promise<void>;
     handleUpdatePipelineRBACViewSelectedTab: (selectedTab: ViewIsPipelineRBACConfiguredRadioTabs) => void;
     handleUpdateUserThemePreference: (themePreference: UserPreferencesType["themePreference"]) => void;
-    fetchRecentlyVisitedParsedApps: ({ appId, appName }: UserPreferenceRecentlyVisitedAppsTypes) => Promise<void>;
+    fetchRecentlyVisitedParsedEntities: () => Promise<UserPreferencesType>;
+    recentlyVisitedResources: BaseRecentlyVisitedEntitiesTypes[];
+    recentResourcesLoading: boolean;
 };

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

@@ -1,4 +1,3 @@
-import { BaseAppMetaData } from '../../Services';
-import { UserPreferenceFilteredListTypes, UserPreferenceResourceType } from './types';
-export declare const getUserPreferenceResourcesMetadata: (recentlyVisited: BaseAppMetaData[]) => UserPreferenceResourceType;
-export declare const getFilteredUniqueAppList: ({ userPreferencesResponse, appId, appName, }: UserPreferenceFilteredListTypes) => BaseAppMetaData[];
+import { GetUserPreferencesParsedDTO, UserPreferenceFilteredListTypes, UserPreferencesType } from './types';
+export declare const getFilteredUniqueAppList: ({ userPreferencesResponse, id, name, resourceKind, }: UserPreferenceFilteredListTypes) => import('./types').BaseRecentlyVisitedEntitiesTypes[];
+export declare const getParsedResourcesMap: (resources: GetUserPreferencesParsedDTO["resources"]) => UserPreferencesType["resources"];