@devtron-labs/devtron-fe-common-lib 1.10.15-beta-2 → 1.10.15-beta-3

package/dist/{@common-rjsf-BJGx1GBe.js → @common-rjsf-e_cHSsWz.js}

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

package/dist/Common/Constants.d.ts

@@ -90,7 +90,6 @@ export declare const ROUTES: {
     readonly ATTRIBUTES_USER: "attributes/user";
     readonly GET: "get";
     readonly UPDATE: "update";
-    readonly PATCH: "patch";
     readonly ENVIRONMENT_LIST_MIN: "env/autocomplete";
     readonly CLUSTER: "cluster";
     readonly API_RESOURCE: "k8s/api-resources";

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

@@ -8,6 +8,10 @@ export type SegmentType = Pick<SelectPickerOptionType, 'value'> & {
      * If true, the segment will be in error state with error icon
      */
     isError?: boolean;
+    /**
+     * If true, the segment will be in disabled state
+     */
+    isDisabled?: boolean;
 } & (({
     /**
      * Label for the segment

package/dist/Common/Toggle/Toggle.d.ts

@@ -1,4 +1,4 @@
-declare const Toggle: ({ selected, onSelect, color, rootClassName, disabled, dataTestId, Icon, iconClass, throttleOnChange, shouldToggleValueOnLabelClick, ...props }: {
+declare const Toggle: ({ selected, onSelect, color, rootClassName, disabled, dataTestId, Icon, iconClass, throttleOnChange, shouldToggleValueOnLabelClick, isLoading, ...props }: {
     [x: string]: any;
     selected?: boolean;
     onSelect?: any;
@@ -10,5 +10,6 @@ declare const Toggle: ({ selected, onSelect, color, rootClassName, disabled, dat
     iconClass?: string;
     throttleOnChange?: boolean;
     shouldToggleValueOnLabelClick?: boolean;
+    isLoading?: boolean;
 }) => JSX.Element;
 export default Toggle;

package/dist/Common/Types.d.ts

@@ -349,6 +349,7 @@ export interface ApprovalConfigDataType extends Pick<UserApprovalInfo, 'currentC
             groupName: UserGroupDTO['name'];
         })[];
     };
+    isExceptionUser: boolean;
 }
 export declare enum ApprovalRuntimeStateType {
     init = 0,

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

@@ -2,5 +2,6 @@ export { default as ConfirmationModal, BaseConfirmationModal } from './Confirmat
 export { DeleteConfirmationModal } from './DeleteConfirmationModal';
 export { ForceDeleteConfirmationModal } from './ForceDeleteConfirmationModal';
 export { CannotDeleteModal } from './CannotDeleteModal';
-export { ConfirmationModalVariantType, type ConfirmationModalProps, type DeleteConfirmationModalProps } from './types';
+export { ConfirmationModalVariantType, type ConfirmationModalProps } from './types';
 export { ConfirmationModalProvider } from './ConfirmationModalContext';
+export { getConfirmationLabel } from './utils';

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

@@ -132,3 +132,12 @@ export declare const DATE_PICKER_IDS: {
     MONTH: string;
     TIME: string;
 };
+export declare const reactSelectStyles: {
+    container: (base: any) => any;
+    control: (base: any, state: any) => any;
+    valueContainer: (base: any) => any;
+    input: (base: any) => any;
+    dropdownIndicator: (base: any, state: any) => any;
+    option: (base: any) => any;
+    menuList: (base: any) => any;
+};

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

@@ -0,0 +1,2 @@
+import { HTMLMotionProps } from 'framer-motion';
+export declare const MotionDiv: (props: HTMLMotionProps<"div">) => JSX.Element;

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

@@ -0,0 +1,3 @@
+import { AnimatePresence } from 'framer-motion';
+export * from './MotionDiv';
+export { AnimatePresence };

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

@@ -6,6 +6,7 @@ export declare const iconMap: {
     'ic-apica': import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement>>;
     'ic-app-group': import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement>>;
     'ic-arrow-right': import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement>>;
+    'ic-arrows-left-right': import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement>>;
     'ic-ather': import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement>>;
     'ic-azure': import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement>>;
     'ic-bharatpe': import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement>>;
@@ -19,10 +20,12 @@ export declare const iconMap: {
     'ic-caret-left': import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement>>;
     'ic-cd': import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement>>;
     'ic-chat-circle-dots': import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement>>;
+    'ic-check': import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement>>;
     'ic-ci-linked': import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement>>;
     'ic-ci-webhook': import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement>>;
     'ic-circle-loader': 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-code': import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement>>;
     'ic-container': import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement>>;
@@ -30,6 +33,7 @@ export declare const iconMap: {
     'ic-copy': 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-delete-lightning': import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement>>;
     'ic-delete': import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement>>;
     'ic-delhivery': import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement>>;
     'ic-devtron-header-logo': import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement>>;
@@ -39,6 +43,7 @@ export declare const iconMap: {
     'ic-env': import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement>>;
     'ic-error': import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement>>;
     'ic-failure': import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement>>;
+    'ic-folder-user': import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement>>;
     'ic-gear': import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement>>;
     'ic-git': import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement>>;
     'ic-github': import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement>>;
@@ -59,9 +64,12 @@ export declare const iconMap: {
     'ic-job-color': import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement>>;
     'ic-k8s-job': import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement>>;
     'ic-ldap': import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement>>;
+    'ic-lightning-fill': import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement>>;
+    'ic-lightning': import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement>>;
     'ic-livspace': import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement>>;
     'ic-login-devtron-logo': import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement>>;
     'ic-logout': import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement>>;
+    'ic-medium-delete': import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement>>;
     'ic-medium-paintbucket': import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement>>;
     'ic-microsoft': import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement>>;
     'ic-missing': import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement>>;
@@ -74,11 +82,16 @@ export declare const iconMap: {
     'ic-openshift': import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement>>;
     'ic-out-of-sync': import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement>>;
     'ic-paper-plane-color': import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement>>;
+    'ic-pencil': import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement>>;
     'ic-quay': import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement>>;
     'ic-quote': import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement>>;
     'ic-shield-check': import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement>>;
+    'ic-sort-ascending': import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement>>;
+    'ic-sort-descending': import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement>>;
+    'ic-sortable': import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement>>;
     'ic-spinny': import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement>>;
     'ic-stack': import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement>>;
+    'ic-stamp': import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement>>;
     'ic-success': import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement>>;
     'ic-suspended': import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement>>;
     'ic-tata1mg': import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement>>;
@@ -87,6 +100,7 @@ export declare const iconMap: {
     'ic-travclan': import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement>>;
     'ic-unknown': import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement>>;
     'ic-user-key': import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement>>;
+    'ic-users': import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement>>;
     'ic-warning': import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement>>;
 };
 export type IconName = keyof typeof iconMap;

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

@@ -18,6 +18,6 @@ export interface IconBaseProps {
      * If `null`, the default color present in icon is used.
      * @example `'B500'`, `'N200'`, `'G50'`, `'R700'`
      */
-    color: `${'B' | 'N' | 'G' | 'Y' | 'R' | 'V' | 'O'}${`${1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | 9}00` | '50'}` | 'white' | 'black' | null;
+    color: `${'B' | 'N' | 'G' | 'Y' | 'R' | 'V' | 'O'}${`${1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | 9}00` | '50' | '0'}` | 'white' | 'black' | null;
 }
 export {};

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

@@ -2,17 +2,6 @@ import { DropdownIndicatorProps, StylesConfig } from 'react-select';
 export declare const CommonGroupedDropdownStyles: StylesConfig;
 export declare const APP_SELECTOR_STYLES: StylesConfig;
 export declare const AppSelectorDropdownIndicator: (props: DropdownIndicatorProps) => JSX.Element;
-/**
- *
- * @returns {string}
- * @description Returns the no matching result text for the select component.
- */
-export declare const getNoMatchingResultText: () => string;
-/**
- * @param inputObj
- * @returns {string}
- * @description Returns the no options message for the select component.
- */
 export declare const AppSelectorNoOptionsMessage: (inputObj: {
     inputValue: string;
 }) => string;

package/dist/Shared/Components/TabGroup/TabGroup.helpers.d.ts

@@ -1,5 +1,5 @@
-import { TabProps } from './TabGroup.types';
-export declare const getTabIcon: ({ icon: Icon, showError, showWarning, className, }: Pick<TabProps, "showError" | "showWarning" | "icon"> & {
+import { TabGroupProps, TabProps } from './TabGroup.types';
+export declare const getTabIcon: ({ icon, showError, showWarning, className, size, active, }: Pick<TabProps, "showError" | "showWarning" | "icon" | "active"> & Pick<TabGroupProps, "size"> & {
     className: string;
 }) => JSX.Element;
 export declare const getTabBadge: (badge: TabProps["badge"], className: string) => JSX.Element;

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

@@ -2,6 +2,7 @@ import { LinkProps, NavLinkProps } from 'react-router-dom';
 import { ComponentSizeType } from '../../constants';
 import { DataAttributes } from '../../types';
 import { TooltipProps } from '@Common/Tooltip/types';
+import { IconName } from '../Icon';
 type TabComponentProps<TabTypeProps> = TabTypeProps & DataAttributes;
 type ConditionalTabType = {
     /**
@@ -79,10 +80,11 @@ export type TabProps = {
      */
     description?: string | string[];
     /**
-     * Icon component to be displayed in the tab.
-     * This should be a functional component that renders an SVG.
+     * Icon to be displayed in the tab.
+     * This can either be a functional component that renders a SVG
+     * or a string representing the name of the icon to be rendered by the Icon component.
      */
-    icon?: React.FunctionComponent<React.SVGProps<SVGSVGElement>>;
+    icon?: React.FunctionComponent<React.SVGProps<SVGSVGElement>> | IconName;
     /**
      * Badge number to be displayed on the tab, typically for notifications.
      */

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

@@ -1,7 +1,9 @@
+import { IconsProps } from '../Icon';
 import { TabGroupProps } from './TabGroup.types';
 export declare const getClassNameBySizeMap: ({ hideTopPadding, alignActiveBorderWithContainer, }: Pick<TabGroupProps, "hideTopPadding" | "alignActiveBorderWithContainer">) => Record<TabGroupProps["size"], {
     tabClassName: string;
     iconClassName: string;
     badgeClassName: string;
 }>;
+export declare const TAB_ICON_SIZE_MAP: Record<TabGroupProps['size'], IconsProps['size']>;
 export declare const tabGroupClassMap: Record<TabGroupProps['size'], string>;

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

@@ -77,3 +77,4 @@ export * from './FlagImage';
 export * from './DevtronLicenseCard';
 export * from './LoginBanner';
 export * from './Confetti';
+export * from './FramerComponents';

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

@@ -3,4 +3,4 @@ export * from './useGetResourceKindsOptions';
 export * from './UseDownload';
 export * from './useForm';
 export * from './useStickyEvent';
-export * from './useUserPreferences';
+export * from './useOneTimePrompt';

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

@@ -0,0 +1 @@
+export declare const ONE_TIME_PROMPT_LOCAL_STORAGE_KEY = "one-time-prompt-do-not-show-again";

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

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

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

@@ -0,0 +1,3 @@
+export interface UseOneTimePromptProps {
+    localStorageKey: string;
+}

package/dist/Shared/Hooks/useOneTimePrompt/useOneTimePrompt.d.ts

@@ -0,0 +1,6 @@
+import { UseOneTimePromptProps } from './types';
+export declare const useOneTimePrompt: ({ localStorageKey }: UseOneTimePromptProps) => {
+    showPrompt: boolean;
+    handleClose: () => void;
+    handleDoNotShowAgainClose: () => void;
+};

package/dist/Shared/Services/common.service.d.ts

@@ -1,6 +1,8 @@
 import { AppConfigProps } from '../../Pages/index';
-import { EnvironmentDataValuesDTO, GetPolicyApiUrlProps, GetResourceApiUrlProps } from './types';
+import { EnvironmentDataValuesDTO, GetPolicyApiUrlProps, GetResourceApiUrlProps, UpdatedUserPreferencesType, UserPreferencesType } from './types';
 export declare const getResourceApiUrl: <T>({ baseUrl, kind, version, suffix, queryParams }: GetResourceApiUrlProps<T>) => string;
 export declare const getPolicyApiUrl: <T>({ kind, version, queryParams, suffix }: GetPolicyApiUrlProps<T>) => string;
 export declare const saveCDPipeline: (request: any, { isTemplateView }: Required<Pick<AppConfigProps, "isTemplateView">>) => Promise<import('../../Common').ResponseType<any>>;
 export declare const getEnvironmentData: () => Promise<import('../../Common').ResponseType<EnvironmentDataValuesDTO>>;
+export declare const getUserPreferences: () => Promise<UserPreferencesType>;
+export declare const updateUserPreferences: (updatedUserPreferences: UpdatedUserPreferencesType, shouldThrowError?: boolean) => Promise<boolean>;

package/dist/Shared/Services/types.d.ts

@@ -1,10 +1,8 @@
 import { MainContext } from '../Providers';
+import { AppThemeType, ThemeConfigType, ThemePreferenceType } from '@Shared/Providers/ThemeProvider/types';
 import { getUrlWithSearchParams } from '../../Common';
-import { PolicyKindType, ResourceKindType, ResourceVersionType } from '../types';
-export interface BaseAppMetaData {
-    appId: number;
-    appName: string;
-}
+import { PolicyKindType, ResourceKindType, ResourceVersionType, ViewIsPipelineRBACConfiguredRadioTabs } from '../types';
+import { USER_PREFERENCES_ATTRIBUTE_KEY } from './constants';
 export interface ClusterType {
     id: number;
     name: string;
@@ -39,4 +37,31 @@ export interface EnvironmentDataValuesDTO extends Pick<MainContext, 'featureGitO
     canOnlyViewPermittedEnvOrgLevel: boolean;
     devtronManagedLicensingEnabled: boolean;
 }
+export interface GetUserPreferencesQueryParamsType {
+    key: typeof USER_PREFERENCES_ATTRIBUTE_KEY;
+}
+export interface GetUserPreferencesParsedDTO {
+    viewPermittedEnvOnly?: boolean;
+    /**
+     * Computed app theme for the user
+     *
+     * Could be 'light' | 'dark' | 'system-light' | 'system-dark'
+     */
+    computedAppTheme: AppThemeType | `system-${AppThemeType}`;
+}
+export interface UserPreferencesPayloadValueType extends GetUserPreferencesParsedDTO {
+}
+export interface UpdateUserPreferencesPayloadType extends Pick<GetUserPreferencesQueryParamsType, 'key'> {
+    value: string;
+}
+export interface UserPreferencesType {
+    /**
+     * Preferred theme for the user
+     * If null, would forcibly show user theme switcher dialog for user to select
+     */
+    themePreference: ThemePreferenceType | null;
+    pipelineRBACViewSelectedTab: ViewIsPipelineRBACConfiguredRadioTabs;
+}
+export interface UpdatedUserPreferencesType extends UserPreferencesType, Pick<ThemeConfigType, 'appTheme'> {
+}
 export {};

package/dist/Shared/constants.d.ts

@@ -72,18 +72,6 @@ export declare enum TIMELINE_STATUS {
     HELM_MANIFEST_PUSHED_TO_HELM_REPO = "HELM_MANIFEST_PUSHED_TO_HELM_REPO",
     HELM_MANIFEST_PUSHED_TO_HELM_REPO_FAILED = "HELM_MANIFEST_PUSHED_TO_HELM_REPO_FAILED"
 }
-/**
- * Constants for NO MATCHING result
- */
-export declare const NO_MATCHING_RESULT = "No matching results";
-/**
- * Constants for TYPE 3 CHARACTERS
- */
-export declare const TYPE_3_CHARACTERS_TO_SEE_MATCHING_RESULTS = "Type 3 chars to see matching results";
-/**
- * Constants for TYPE TO SEE MATCHING RESULTS
- */
-export declare const TYPE_TO_SEE_MATCHING_RESULTS = "Type to see matching results";
 export declare const EMPTY_STATE_STATUS: {
     DATA_NOT_AVAILABLE: string;
     API_TOKEN: {

package/dist/Shared/types.d.ts

@@ -340,8 +340,7 @@ export declare enum CDMaterialSidebarType {
  * }
  * ```
  *
- * @example Usage with `PatchOperationType.remove`
- * Note: Value is not allowed for remove operation
+ * @example Usage with `PatchOperationType.remove` without value
  *
  * ```ts
  * const query: PatchQueryType<string> = {
@@ -349,8 +348,18 @@ export declare enum CDMaterialSidebarType {
  *  path: 'name'
  * }
  * ```
+ *
+ * @example Usage with `PatchOperationType.remove` with value
+ *
+ * ```ts
+ * const query: PatchQueryType<string, number, true> = {
+ *  op: PatchOperationType.remove,
+ *  path: 'name'
+ *  value: 1
+ * }
+ * ```
  */
-export type PatchQueryType<T extends string, K = unknown> = {
+export type PatchQueryType<T extends string, K = unknown, IsRemoveValueEnabled extends boolean = false> = {
     /**
      * The path of the json to be patched
      */
@@ -369,7 +378,7 @@ export type PatchQueryType<T extends string, K = unknown> = {
      * Operation type for patch
      */
     op: PatchOperationType.remove;
-    value?: never;
+    value?: IsRemoveValueEnabled extends true ? K : never;
 } | {
     /**
      * Operation type for add
@@ -841,6 +850,10 @@ export declare const TriggerType: {
     readonly Auto: "AUTOMATIC";
     readonly Manual: "MANUAL";
 };
+export declare enum ViewIsPipelineRBACConfiguredRadioTabs {
+    ALL_ENVIRONMENTS = "All environments",
+    ACCESS_ONLY = "Access only"
+}
 export type ComponentLayoutType = 'row' | 'column';
 export interface BorderConfigType {
     /**