@devtron-labs/devtron-fe-common-lib 1.15.0-beta-5 → 1.15.0-beta-6

package/dist/Common/Dialogs/Types.d.ts

@@ -32,23 +32,6 @@ export interface ForceDeleteDialogType {
     forceDeleteDialogTitle: string;
     forceDeleteDialogMessage: string;
 }
-export interface ConfirmationDialogType {
-    className?: string;
-    children: any;
-    close?: (e: any) => void;
-}
-export interface ConfirmationDialogIconType {
-    src: string;
-    className?: string;
-}
-export interface ConfirmationDialogBodyType {
-    title: string;
-    subtitle?: ReactNode;
-    children?: any;
-}
-export interface ConfirmationDialogButtonGroupType {
-    children: any;
-}
 export interface DialogFormProps {
     className: string;
     title: string;

package/dist/Common/Dialogs/index.d.ts

@@ -1,2 +1 @@
-export { default as ConfirmationDialog } from './ConfirmationDialog';
 export * from './DialogForm';

package/dist/Common/RJSF/widgets/Checkbox.d.ts

@@ -1,2 +1,2 @@
 import { WidgetProps } from '@rjsf/utils';
-export declare const Checkbox: ({ id, onChange, value, required, disabled, readonly, autofocus, onBlur, onFocus, }: WidgetProps) => JSX.Element;
+export declare const Checkbox: ({ id, onChange, value, disabled, readonly, autofocus, }: WidgetProps) => JSX.Element;

package/dist/Common/Types.d.ts

@@ -2,7 +2,7 @@ import { default as React, ReactNode, CSSProperties, ReactElement, MutableRefObj
 import { TippyProps } from '@tippyjs/react';
 import { UserGroupDTO } from '../Pages/GlobalConfigurations';
 import { ImageComment, ReleaseTag } from './ImageTags.Types';
-import { MandatoryPluginBaseStateType, RegistryType, RuntimePluginVariables, Severity, PolicyBlockInfo, TargetPlatformItemDTO, ButtonProps, ComponentLayoutType, StatusType, DocLinkProps, DeploymentStrategyType } from '../Shared';
+import { MandatoryPluginBaseStateType, RegistryType, RuntimePluginVariables, Severity, PolicyBlockInfo, TargetPlatformItemDTO, ComponentLayoutType, StatusType, DocLinkProps, DeploymentStrategyType } from '../Shared';
 import { ACTION_STATE, DEPLOYMENT_WINDOW_TYPE, DockerConfigOverrideType, RefVariableType, SortingOrder, TaskErrorObj, VariableTypeFormat } from '.';
 /**
  * Generic response type object with support for overriding the result type
@@ -162,48 +162,6 @@ export declare enum ImageType {
     Medium = "medium",
     SMALL = "small"
 }
-interface InfoColourBarTextConfigType {
-    /**
-     * If given would be shown above the description, in bold
-     */
-    heading?: string;
-    /**
-     * If given would be shown below the heading (if given)
-     */
-    description: string;
-    actionButtonConfig?: ButtonProps;
-}
-type InfoColourBarMessageProp = {
-    message: ReactNode;
-    linkText?: ReactNode;
-    redirectLink?: string;
-    linkOnClick?: () => void;
-    linkClass?: string;
-    internalLink?: boolean;
-    textConfig?: never;
-} | {
-    textConfig: InfoColourBarTextConfigType;
-    message?: never;
-    linkText?: never;
-    redirectLink?: never;
-    linkOnClick?: () => never;
-    linkClass?: never;
-    internalLink?: never;
-};
-export type InfoColourBarType = InfoColourBarMessageProp & {
-    classname: string;
-    Icon: any;
-    iconClass?: string;
-    iconSize?: number;
-    renderActionButton?: () => JSX.Element;
-    styles?: CSSProperties;
-    /**
-     * If true, the icon is not shown
-     *
-     * @default false
-     */
-    hideIcon?: boolean;
-};
 export interface ReloadType {
     reload?: (event?: any) => void;
     className?: string;

package/dist/Common/index.d.ts

@@ -25,7 +25,6 @@ export * from './Helper';
 export * from './Hooks';
 export * from './ImageTags';
 export * from './ImageTags.Types';
-export { default as InfoColourBar } from './InfoColorBar/InfoColourbar';
 export * from './Markdown';
 export * from './Modals/Modal';
 export * from './Modals/VisibleModal';
@@ -47,6 +46,5 @@ export { default as Select } from './Select/Select';
 export * from './ServerError';
 export * from './SortableTableHeaderCell';
 export * from './TippyCustomized';
-export { default as Toggle } from './Toggle/Toggle';
 export * from './Tooltip';
 export * from './Types';

package/dist/Pages/ResourceBrowser/types.d.ts

@@ -31,11 +31,6 @@ export interface ResourceDetail {
     usagePercentage: string;
     requestPercentage: string;
     limitPercentage: string;
-    prevUsagePercentage?: string | null;
-    threshold?: {
-        operator: 'greaterThan' | 'lessThan' | 'equalTo';
-        value: number;
-    } | null;
 }
 export interface NodeTaintType {
     effect: string;

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

@@ -4,6 +4,7 @@ import { DOCUMENTATION } from './constants';
 export type BaseDocLink<T extends boolean> = {
     isExternalLink?: T;
     isEnterprise?: boolean;
+    isLicenseDashboard?: boolean;
     docLinkKey: T extends true ? string : keyof typeof DOCUMENTATION;
 };
 export type DocLinkProps<T extends boolean = false> = Pick<ButtonProps<ButtonComponentType.anchor>, 'dataTestId' | 'size' | 'variant' | 'fullWidth' | 'fontWeight' | 'startIcon'> & Omit<BaseDocLink<T>, 'isEnterprise'> & {

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

@@ -1,2 +1,2 @@
 import { BaseDocLink } from './types';
-export declare const getDocumentationUrl: <T extends boolean = false>({ docLinkKey, isEnterprise, isExternalLink, }: BaseDocLink<T>) => string;
+export declare const getDocumentationUrl: <T extends boolean = false>({ docLinkKey, isEnterprise, isExternalLink, isLicenseDashboard, }: BaseDocLink<T>) => string;

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

@@ -12,6 +12,7 @@ export declare const iconMap: {
     'ic-arrow-square-out': import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement>>;
     'ic-arrows-clockwise': import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement>>;
     '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-azure-aks': import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement>>;
     'ic-azure': import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement>>;
@@ -38,7 +39,6 @@ export declare const iconMap: {
     '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-upload': import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement>>;
     'ic-cloud-vms': 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>>;
@@ -113,8 +113,6 @@ export declare const iconMap: {
     'ic-lego': 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-link-broken': import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement>>;
-    'ic-link': import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement>>;
     'ic-livspace': import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement>>;
     'ic-logout': import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement>>;
     'ic-magnifying-glass': import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement>>;
@@ -125,7 +123,6 @@ export declare const iconMap: {
     'ic-memory': import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement>>;
     'ic-microsoft': import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement>>;
     'ic-minikube': import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement>>;
-    'ic-minus': import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement>>;
     'ic-missing': import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement>>;
     'ic-mobile': import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement>>;
     'ic-monitoring': import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement>>;
@@ -167,7 +164,6 @@ 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-swap': 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>>;
@@ -183,8 +179,10 @@ export declare const iconMap: {
     'ic-user-circle': 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-view-variable-toggle': import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement>>;
     'ic-warning': import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement>>;
     'ic-wifi-slash': import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement>>;
+    'ic-world-globe': import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement>>;
 };
 export type IconName = keyof typeof iconMap;
 export interface IconsProps extends Omit<IconBaseProps, 'name' | 'iconMap'> {

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

@@ -1,3 +1,3 @@
 import { DTSwitchProps } from './types';
-declare const Switch: ({ ariaLabel, isDisabled, isLoading, isChecked, tooltipContent, shape, variant, iconColor, iconName, indeterminate, size, name, onChange, }: DTSwitchProps) => JSX.Element;
+declare const Switch: ({ ariaLabel, isDisabled, isLoading, isChecked, tooltipContent, shape, variant, iconColor, iconName, indeterminate, size, name, dataTestId, onChange, autoFocus, }: DTSwitchProps) => JSX.Element;
 export default Switch;

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

@@ -1,4 +1,4 @@
-import { ButtonHTMLAttributes } from 'react';
+import { ButtonHTMLAttributes, ReactNode } from 'react';
 import { ComponentSizeType } from '../../constants';
 import { IconBaseColorType } from '../../types';
 import { IconName } from '../Icon';
@@ -64,6 +64,10 @@ export type DTSwitchProps = {
      * Used in forms to identify the switch.
      */
     name: string;
+    /**
+     * Provide if name generated through `getUniqueId`.
+     */
+    dataTestId?: string;
     /**
      * The visual variant of the switch.
      *
@@ -97,6 +101,11 @@ export type DTSwitchProps = {
      *
      * @default undefined
      */
-    tooltipContent?: string;
+    tooltipContent?: ReactNode;
+    /**
+     * Indicates whether the switch should be focused automatically when rendered.
+     * @default false
+     */
+    autoFocus?: boolean;
 } & SwitchShapeProps;
 export {};

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

@@ -3,10 +3,10 @@ import { ROUNDED_SWITCH_TRACK_HOVER_COLOR_MAP } from './constants';
 import { DTSwitchProps } from './types';
 export declare const getSwitchContainerClass: ({ shape, size }: Required<Pick<DTSwitchProps, "shape" | "size">>) => string;
 export declare const getSwitchTrackColor: ({ shape, variant, isChecked, isLoading, }: Required<Pick<DTSwitchProps, "shape" | "variant" | "isChecked" | "isLoading">>) => string;
-export declare const getSwitchTrackHoverColor: ({ shape, variant, isChecked, }: Required<Pick<DTSwitchProps, "shape" | "variant" | "isChecked">>) => (typeof ROUNDED_SWITCH_TRACK_HOVER_COLOR_MAP)[DTSwitchProps["variant"]];
+export declare const getSwitchTrackHoverColor: ({ shape, variant, isChecked, isLoading, }: Required<Pick<DTSwitchProps, "shape" | "variant" | "isChecked" | "isLoading">>) => (typeof ROUNDED_SWITCH_TRACK_HOVER_COLOR_MAP)[DTSwitchProps["variant"]] | "transparent";
 export declare const getSwitchThumbClass: ({ shape, size, showIndeterminateIcon, }: Pick<DTSwitchProps, "shape" | "size"> & {
     showIndeterminateIcon: boolean;
 }) => string;
 export declare const getSwitchIconColor: ({ iconColor, isChecked, variant, }: Pick<DTSwitchProps, "iconColor" | "isChecked" | "variant">) => IconBaseColorType;
-export declare const getThumbPosition: ({ isLoading, isChecked, }: Pick<DTSwitchProps, "isLoading" | "isChecked">) => "left" | "right" | "center";
+export declare const getThumbPosition: ({ isChecked, size, shape, indeterminate, isLoading, }: Required<Pick<DTSwitchProps, "isChecked" | "size" | "shape" | "indeterminate" | "isLoading">>) => number;
 export declare const getThumbPadding: ({ shape, isLoading }: Pick<DTSwitchProps, "shape" | "isLoading">) => string;

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

@@ -0,0 +1,3 @@
+import { SwitchThemeDialogProps } from './types';
+declare const SwitchThemeDialog: ({ initialThemePreference, handleClose, handleUpdateUserThemePreference, disableAPICalls, }: SwitchThemeDialogProps) => JSX.Element;
+export default SwitchThemeDialog;

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

@@ -0,0 +1,2 @@
+export { default as SwitchThemeDialog } from './SwitchThemeDialog.component';
+export * from './types';

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

@@ -0,0 +1,35 @@
+import { AppThemeType, useTheme } from '../../Providers';
+type ThemePreferenceType = ReturnType<typeof useTheme>['themePreference'];
+export type SwitchThemeDialogProps = {
+    /**
+     * @description The initial theme preference of the user fetched from api, in case of error would be null
+     */
+    initialThemePreference: ThemePreferenceType;
+    handleUpdateUserThemePreference: (themePreference: ThemePreferenceType) => void;
+    handleClose: () => void;
+} & ({
+    /**
+     * @default false
+     * @description Required for storybook
+     */
+    disableAPICalls?: false;
+} | {
+    currentUserPreferences?: never;
+    disableAPICalls: true;
+});
+export interface ThemePreferenceOptionProps {
+    selectedThemePreference: SwitchThemeDialogProps['initialThemePreference'];
+    value: SwitchThemeDialogProps['initialThemePreference'];
+    handleChangedThemePreference: (themePreference: SwitchThemeDialogProps['initialThemePreference']) => void;
+}
+export interface ThemePreferenceLabelFigureProps extends Pick<ThemePreferenceOptionProps, 'value'> {
+    isSelected: boolean;
+}
+export interface BaseLabelFigureProps extends Pick<ThemePreferenceLabelFigureProps, 'isSelected'> {
+    value: AppThemeType;
+    /**
+     * @default false
+     */
+    noLeftRadius?: boolean;
+}
+export {};

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

@@ -1,3 +1,3 @@
 import { ToggleResolveScopedVariablesProps } from './types';
-declare const ToggleResolveScopedVariables: ({ resolveScopedVariables, handleToggleScopedVariablesView, isDisabled, showTooltip, throttleOnChange, }: ToggleResolveScopedVariablesProps) => JSX.Element;
+declare const ToggleResolveScopedVariables: ({ name, resolveScopedVariables, handleToggleScopedVariablesView, isDisabled, showTooltip, }: ToggleResolveScopedVariablesProps) => JSX.Element;
 export default ToggleResolveScopedVariables;

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

@@ -1,4 +1,5 @@
 export interface ToggleResolveScopedVariablesProps {
+    name: string;
     resolveScopedVariables: boolean;
     handleToggleScopedVariablesView: () => void;
     isDisabled?: boolean;
@@ -6,5 +7,4 @@ export interface ToggleResolveScopedVariablesProps {
      * @default true
      */
     showTooltip?: boolean;
-    throttleOnChange?: boolean;
 }

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

@@ -73,6 +73,7 @@ export * from './ShowMoreText';
 export * from './SSOProviderIcon';
 export * from './StatusComponent';
 export * from './Switch';
+export * from './SwitchThemeDialog';
 export * from './TabGroup';
 export * from './Table';
 export * from './TagsKeyValueTable';

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

@@ -19,12 +19,10 @@ export interface SidePanelConfig {
     /** URL to documentation that should be displayed in the panel */
     docLink: string | null;
 }
-export interface MainContext {
-    serverMode: SERVER_MODE;
+type CommonMainContextProps = {
     setServerMode: (serverMode: SERVER_MODE) => void;
     isHelpGettingStartedClicked: boolean;
     showCloseButtonAfterGettingStartedClicked: () => void;
-    loginCount: number;
     setLoginCount: (loginCount: number) => void;
     showGettingStartedCard: boolean;
     setShowGettingStartedCard: (showGettingStartedCard: boolean) => void;
@@ -32,9 +30,8 @@ export interface MainContext {
     setGettingStartedClicked: (isGettingStartedClicked: boolean) => void;
     moduleInInstallingState: string;
     setModuleInInstallingState: (moduleInInstallingState: string) => void;
-    installedModuleMap: MutableRefObject<Record<string, boolean>>;
     currentServerInfo: {
-        serverInfo: ServerInfo;
+        serverInfo: ServerInfo | null;
         fetchingServerInfo: boolean;
     };
     isAirgapped: boolean;
@@ -57,17 +54,23 @@ export interface MainContext {
     canOnlyViewPermittedEnvOrgLevel: boolean;
     viewIsPipelineRBACConfiguredNode: ReactNode;
     handleOpenLicenseInfoDialog: (initialDialogType?: LicenseInfoDialogType.ABOUT | LicenseInfoDialogType.LICENSE) => void;
+    setLicenseData: Dispatch<SetStateAction<DevtronLicenseInfo>>;
+    canFetchHelmAppStatus: boolean;
+    setIntelligenceConfig: Dispatch<SetStateAction<IntelligenceConfig>>;
+    setSidePanelConfig: Dispatch<SetStateAction<SidePanelConfig>>;
+};
+export type MainContext = CommonMainContextProps & ({
+    isLicenseDashboard?: never;
+    serverMode: SERVER_MODE;
+    loginCount: number | null;
+    installedModuleMap: MutableRefObject<Record<string, boolean>>;
     /**
      * Data is set only if showLicenseData is received as true
      */
     licenseData: DevtronLicenseInfo;
-    setLicenseData: Dispatch<SetStateAction<DevtronLicenseInfo>>;
-    canFetchHelmAppStatus: boolean;
     reloadVersionConfig: ReloadVersionConfigTypes;
     intelligenceConfig: IntelligenceConfig;
-    setIntelligenceConfig: Dispatch<SetStateAction<IntelligenceConfig>>;
     sidePanelConfig: SidePanelConfig;
-    setSidePanelConfig: Dispatch<SetStateAction<SidePanelConfig>>;
     /**
      * Indicates whether the current Devtron instance is running as an Enterprise edition. \
      * This flag is determined based on server-side configuration.
@@ -78,8 +81,23 @@ export interface MainContext {
      * Used to conditionally render or enable features that depend on fe-lib
      */
     isFELibAvailable: boolean;
-}
+} | {
+    isLicenseDashboard: true;
+    serverMode: null;
+    loginCount: null;
+    installedModuleMap: null;
+    /**
+     * Data is set only if showLicenseData is received as true
+     */
+    licenseData: null;
+    reloadVersionConfig: null;
+    intelligenceConfig: null;
+    sidePanelConfig: null;
+    isEnterprise: false;
+    isFELibAvailable: false;
+});
 export interface MainContextProviderProps {
     children: ReactNode;
     value: MainContext;
 }
+export {};

package/dist/Shared/types.d.ts

@@ -97,7 +97,6 @@ export declare enum Nodes {
     Node = "Node",
     Overview = "Overview",
     MonitoringDashboard = "MonitoringDashboard",
-    EmbeddedSloop = "EmbeddedSloop",
     UpgradeCluster = "UpgradeCluster"
 }
 export type NodeType = keyof typeof Nodes;