@devtron-labs/devtron-fe-common-lib 0.3.2-beta-1 → 0.3.3-beta-2

package/dist/Common/Helper.d.ts

@@ -22,6 +22,12 @@ export declare const refresh: () => void;
 export declare const reportIssue: () => void;
 export declare function useEffectAfterMount(cb: any, dependencies: any): void;
 export declare function getCookie(sKey: any): string;
+export declare function useForm(stateSchema: any, validationSchema: {}, callback: any): {
+    state: any;
+    disable: boolean;
+    handleOnChange: (event: any) => void;
+    handleOnSubmit: (event: any) => void;
+};
 export declare function handleUTCTime(ts: string, isRelativeTime?: boolean): string;
 export declare function useSearchString(): UseSearchString;
 export declare const closeOnEscKeyPressed: (e: any, actionClose: () => void) => void;
@@ -120,4 +126,5 @@ export declare const DropdownIndicator: (props: any) => JSX.Element;
 export declare function mapByKey<T = Map<any, any>>(arr: any[], id: string): T;
 export declare function asyncWrap(promise: any): any[];
 export declare const prefixZeroIfSingleDigit: (value?: number) => string | number;
+export declare const getContainerRegistryIcon: (registryValue: string) => JSX.Element;
 export {};

package/dist/Common/Types.d.ts

@@ -1,4 +1,4 @@
-import { default as React, ReactNode, CSSProperties } from 'react';
+import { default as React, ReactNode, CSSProperties, ReactElement } from 'react';
 import { Placement } from 'tippy.js';
 import { UserGroupDTO } from '../Pages/GlobalConfigurations';
 import { ImageComment, ReleaseTag } from './ImageTags.Types';
@@ -620,6 +620,7 @@ export interface RegistryTypeDetailType {
     registryURL: InputDetailType;
     id: InputDetailType;
     password: InputDetailType;
+    startIcon: ReactElement;
 }
 export interface UseSearchString {
     queryParams: URLSearchParams;

package/dist/Common/index.d.ts

@@ -2,7 +2,6 @@ export * from './Constants';
 export * from './ServerError';
 export * from './Types';
 export * from './Api';
-export * from './ToastBody';
 export { default as Reload } from './Reload';
 export { default as ErrorScreenManager } from './ErrorScreenManager';
 export { default as ErrorScreenNotAuthorized } from './ErrorScreenNotAuthorized';

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

@@ -2,7 +2,5 @@ import { ProgressingProps } from '../../../Common/Types';
 import { ButtonProps } from './types';
 export declare const BUTTON_SIZE_TO_CLASS_NAME_MAP: Record<ButtonProps['size'], string>;
 export declare const ICON_BUTTON_SIZE_TO_CLASS_NAME_MAP: Record<ButtonProps['size'], string>;
-export declare const BUTTON_SIZE_TO_ICON_CLASS_NAME_MAP: Record<ButtonProps['size'], string>;
-export declare const ICON_BUTTON_SIZE_TO_ICON_CLASS_NAME_MAP: Record<ButtonProps['size'], string>;
-export declare const BUTTON_SIZE_TO_LOADER_SIZE_MAP: Record<ButtonProps['size'], ProgressingProps['size']>;
-export declare const ICON_BUTTON_SIZE_TO_LOADER_SIZE_MAP: Record<ButtonProps['size'], ProgressingProps['size']>;
+export declare const BUTTON_SIZE_TO_ICON_SIZE_MAP: Record<ButtonProps['size'], ProgressingProps['size']>;
+export declare const ICON_BUTTON_SIZE_TO_ICON_SIZE_MAP: Record<ButtonProps['size'], ProgressingProps['size']>;

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

@@ -1,4 +1,3 @@
 export * from './UsePrompt';
 export * from './useGetResourceKindsOptions';
 export * from './UseDownload';
-export * from './useForm';

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

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

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

@@ -0,0 +1,4 @@
+import { ToastOptions, ToastContainerProps } from 'react-toastify';
+import { ToastProps, ToastVariantType } 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'>>;

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

@@ -0,0 +1,3 @@
+export { default as ToastManager, ToastManagerContainer } from './toastManager.service';
+export { ToastVariantType } from './types';
+export type { ToastProps } from './types';

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

@@ -0,0 +1,80 @@
+import { ToastOptions } from 'react-toastify';
+import { ToastProps } from './types';
+/**
+ * Service for handling toast across the application
+ *
+ * Note: The application needs to have `ToastManagerContainer` at the root
+ * level for the toast to work
+ *
+ * @example Default Usage
+ * ```ts
+ * ToastManager.showToast({
+ *   description: 'Lorem ipsum'
+ * })
+ * ```
+ *
+ * @example Custom Title
+ * ```ts
+ * ToastManager.showToast({
+ *   description: 'Lorem ipsum',
+ *   title: 'Toast title'
+ * })
+ * ```
+ *
+ * @example With Button
+ * ```ts
+ * ToastManager.showToast({
+ *   description: 'Lorem ipsum',
+ *   buttonProps: {
+ *     dataTestId: 'toast-btn',
+ *     text: 'Reload',
+ *     startIcon: <ICArrowClockwise />
+ *   }
+ * })
+ * ```
+ *
+ * @example Auto close disabled
+ * ```ts
+ * ToastManager.showToast({
+ *   description: 'Lorem ipsum',
+ *   toastOptions: {
+ *     autoClose: false,
+ *   },
+ * })
+ * ```
+ *
+ * @example Custom progress bar color
+ * ```ts
+ * ToastManager.showToast({
+ *   description: 'Lorem ipsum',
+ *   progressBarBg: 'var(--N700)',
+ * })
+ * ```
+ *
+ * @example Custom icon
+ * ```ts
+ * ToastManager.showToast({
+ *   description: 'Lorem ipsum',
+ *   icon: <ICCube />,
+ * })
+ * ```
+ */
+declare class ToastManager {
+    #private;
+    static get instance(): ToastManager;
+    /**
+     * Handler for showing the toast
+     */
+    showToast: ({ variant, icon: customIcon, title, description, buttonProps, progressBarBg: customProgressBarBg, }: ToastProps, options?: Pick<ToastOptions, "autoClose">) => import('react-toastify').Id;
+    /**
+     * Handler for dismissing an existing toast
+     */
+    dismissToast: (id?: import('react-toastify').Id | undefined) => void;
+    /**
+     * Handler for checking if the toast is active
+     */
+    isToastActive: (id: import('react-toastify').Id) => boolean;
+}
+export declare const ToastManagerContainer: () => JSX.Element;
+declare const _default: ToastManager;
+export default _default;

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

@@ -0,0 +1,40 @@
+import { ButtonProps } from '../../Components';
+import { ReactElement } from 'react';
+export declare enum ToastVariantType {
+    info = "info",
+    success = "success",
+    error = "error",
+    warn = "warn",
+    notAuthorized = "notAuthorized"
+}
+export interface ToastProps {
+    /**
+     * Title for the toast
+     * If not provided, defaults to a value based on the selected variant
+     */
+    title?: string;
+    /**
+     * Description for the toast
+     */
+    description: string;
+    /**
+     * Custom icon for the toast to override the icon based on variant
+     */
+    icon?: ReactElement;
+    /**
+     * Variant for the toast
+     *
+     * @default ToastVariantType.info
+     */
+    variant?: ToastVariantType;
+    /**
+     * Props for the action button to be displayed in the toast
+     *
+     * Note: Size, variant and style are hard-coded and cannot be overriden
+     */
+    buttonProps?: ButtonProps;
+    /**
+     * Custom progress bar color
+     */
+    progressBarBg?: string;
+}

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

@@ -2,3 +2,4 @@ export * from './types';
 export * from './app.types';
 export * from './app.service';
 export * from './common.service';
+export * from './ToastManager';