@devtron-labs/devtron-fe-common-lib 1.15.0-pre-4-beta-1 → 1.15.1

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

@@ -0,0 +1,11 @@
+import { ConfirmationDialogBodyType, ConfirmationDialogButtonGroupType, ConfirmationDialogIconType, ConfirmationDialogType } from './Types';
+/**
+ * @deprecated use confirmation modal instead
+ */
+declare const ConfirmationDialog: {
+    ({ className, children, close }: ConfirmationDialogType): JSX.Element;
+    Icon: ({ src, className }: ConfirmationDialogIconType) => JSX.Element;
+    Body: ({ title, subtitle, children }: ConfirmationDialogBodyType) => JSX.Element;
+    ButtonGroup: ({ children }: ConfirmationDialogButtonGroupType) => JSX.Element;
+};
+export default ConfirmationDialog;

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

@@ -32,6 +32,23 @@ 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 +1,2 @@
+export { default as ConfirmationDialog } from './ConfirmationDialog';
 export * from './DialogForm';

package/dist/Common/InfoColorBar/InfoColourbar.d.ts

@@ -0,0 +1,6 @@
+import { InfoColourBarType } from '../Types';
+/**
+ * @deprecated Use InfoBlock instead
+ */
+declare const InfoColourBar: ({ message, classname, Icon, iconClass, iconSize, renderActionButton, linkText, redirectLink, linkOnClick, linkClass, internalLink, styles, hideIcon, textConfig, }: InfoColourBarType) => JSX.Element;
+export default InfoColourBar;

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

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

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

@@ -0,0 +1,18 @@
+import { CHECKBOX_VALUE } from '../Types';
+declare const Toggle: ({ selected, onSelect, color, rootClassName, disabled, dataTestId, Icon, iconClass, throttleOnChange, shouldToggleValueOnLabelClick, isLoading, value, isControlled, ...props }: {
+    [x: string]: any;
+    selected?: boolean;
+    onSelect?: any;
+    color?: string;
+    rootClassName?: string;
+    disabled?: boolean;
+    dataTestId?: string;
+    Icon?: any;
+    iconClass?: string;
+    throttleOnChange?: boolean;
+    shouldToggleValueOnLabelClick?: boolean;
+    isLoading?: boolean;
+    value?: CHECKBOX_VALUE;
+    isControlled?: boolean;
+}) => JSX.Element;
+export default Toggle;

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, ComponentLayoutType, StatusType, DocLinkProps, DeploymentStrategyType } from '../Shared';
+import { MandatoryPluginBaseStateType, RegistryType, RuntimePluginVariables, Severity, PolicyBlockInfo, TargetPlatformItemDTO, ButtonProps, 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,6 +162,48 @@ 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,6 +25,7 @@ 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';
@@ -46,5 +47,6 @@ 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/Shared/Components/DocLink/types.d.ts

@@ -4,7 +4,6 @@ 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, isLicenseDashboard, }: BaseDocLink<T>) => string;
+export declare const getDocumentationUrl: <T extends boolean = false>({ docLinkKey, isEnterprise, isExternalLink, }: BaseDocLink<T>) => string;

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

@@ -12,7 +12,6 @@ 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>>;
@@ -77,7 +76,6 @@ export declare const iconMap: {
     'ic-filter-applied': import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement>>;
     'ic-filter': import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement>>;
     '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-gear': import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement>>;
     'ic-gift-gradient': import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement>>;
@@ -124,7 +122,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>>;
@@ -181,10 +178,8 @@ 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, dataTestId, onChange, autoFocus, }: DTSwitchProps) => JSX.Element;
+declare const Switch: ({ ariaLabel, isDisabled, isLoading, isChecked, tooltipContent, shape, variant, iconColor, iconName, indeterminate, size, name, onChange, }: DTSwitchProps) => JSX.Element;
 export default Switch;

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

@@ -1,4 +1,4 @@
-import { ButtonHTMLAttributes, ReactNode } from 'react';
+import { ButtonHTMLAttributes } from 'react';
 import { ComponentSizeType } from '../../constants';
 import { IconBaseColorType } from '../../types';
 import { IconName } from '../Icon';
@@ -64,10 +64,6 @@ 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.
      *
@@ -101,11 +97,6 @@ export type DTSwitchProps = {
      *
      * @default undefined
      */
-    tooltipContent?: ReactNode;
-    /**
-     * Indicates whether the switch should be focused automatically when rendered.
-     * @default false
-     */
-    autoFocus?: boolean;
+    tooltipContent?: string;
 } & 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, isLoading, }: Required<Pick<DTSwitchProps, "shape" | "variant" | "isChecked" | "isLoading">>) => (typeof ROUNDED_SWITCH_TRACK_HOVER_COLOR_MAP)[DTSwitchProps["variant"]] | "transparent";
+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 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: ({ isChecked, size, shape, indeterminate, isLoading, }: Required<Pick<DTSwitchProps, "isChecked" | "size" | "shape" | "indeterminate" | "isLoading">>) => number;
+export declare const getThumbPosition: ({ isLoading, isChecked, }: Pick<DTSwitchProps, "isLoading" | "isChecked">) => "left" | "right" | "center";
 export declare const getThumbPadding: ({ shape, isLoading }: Pick<DTSwitchProps, "shape" | "isLoading">) => string;

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

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

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

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

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

@@ -73,7 +73,6 @@ 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,10 +19,12 @@ export interface SidePanelConfig {
     /** URL to documentation that should be displayed in the panel */
     docLink: string | null;
 }
-type CommonMainContextProps = {
+export interface MainContext {
+    serverMode: SERVER_MODE;
     setServerMode: (serverMode: SERVER_MODE) => void;
     isHelpGettingStartedClicked: boolean;
     showCloseButtonAfterGettingStartedClicked: () => void;
+    loginCount: number;
     setLoginCount: (loginCount: number) => void;
     showGettingStartedCard: boolean;
     setShowGettingStartedCard: (showGettingStartedCard: boolean) => void;
@@ -30,8 +32,9 @@ type CommonMainContextProps = {
     setGettingStartedClicked: (isGettingStartedClicked: boolean) => void;
     moduleInInstallingState: string;
     setModuleInInstallingState: (moduleInInstallingState: string) => void;
+    installedModuleMap: MutableRefObject<Record<string, boolean>>;
     currentServerInfo: {
-        serverInfo: ServerInfo | null;
+        serverInfo: ServerInfo;
         fetchingServerInfo: boolean;
     };
     isAirgapped: boolean;
@@ -54,23 +57,17 @@ type CommonMainContextProps = {
     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.
@@ -81,23 +78,8 @@ export type MainContext = CommonMainContextProps & ({
      * 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 {};