@thanhpv102/easy-email-editor 4.19.2 → 4.19.5

package/lib/components/Provider/EmailEditorProvider/index.d.ts

@@ -1,11 +1,11 @@
 import { IEmailTemplate } from '../../../typings';
+import { FormApi, FormState } from '../../../utils/formBridge';
 import React from 'react';
 import { PropsProviderProps } from '../PropsProvider';
-import { Config, FormApi, FormState } from 'final-form';
 export interface EmailEditorProviderProps<T extends IEmailTemplate = any> extends Omit<PropsProviderProps, 'children'> {
     data: T;
     children: (props: FormState<T>, helper: FormApi<IEmailTemplate, Partial<IEmailTemplate>>) => React.ReactNode;
-    onSubmit?: Config<IEmailTemplate, Partial<IEmailTemplate>>['onSubmit'];
-    validationSchema?: Config<IEmailTemplate, Partial<IEmailTemplate>>['validate'];
+    onSubmit?: (values: IEmailTemplate) => void | Promise<any>;
+    validationSchema?: (values: IEmailTemplate) => Record<string, any> | Promise<Record<string, any>>;
 }
-export declare const EmailEditorProvider: <T extends unknown>(props: EmailEditorProviderProps<any> & T) => React.JSX.Element | null;
+export declare const EmailEditorProvider: <T extends any>(props: EmailEditorProviderProps & T) => React.JSX.Element | null;

package/lib/components/Provider/PropsProvider/index.d.ts

@@ -70,6 +70,6 @@ export interface PropsProviderProps {
     };
 }
 export declare const EditorPropsContext: React.Context<PropsProviderProps & {
-    mergeTagGenerate: Required<PropsProviderProps['mergeTagGenerate']>;
+    mergeTagGenerate: Required<PropsProviderProps["mergeTagGenerate"]>;
 }>;
 export declare const PropsProvider: React.FC<PropsProviderProps>;

package/lib/components/UI/Stack/index.d.ts

@@ -1,4 +1,4 @@
-import React from 'react';
+import React, { NamedExoticComponent } from 'react';
 import { Item } from './components/Item';
 type Spacing = 'extraTight' | 'tight' | 'loose' | 'extraLoose' | 'none';
 type Alignment = 'leading' | 'trailing' | 'center' | 'fill' | 'baseline';
@@ -17,7 +17,7 @@ export interface StackProps {
     /** Adjust horizontal alignment of elements */
     distribution?: Distribution;
 }
-export declare const Stack: React.NamedExoticComponent<StackProps> & {
+export declare const Stack: NamedExoticComponent<StackProps> & {
     Item: typeof Item;
 };
 export {};

package/lib/components/UI/Stack/utils/components.d.ts

@@ -14,5 +14,5 @@ interface ConditionalRenderProps {
     condition: boolean;
     children: any;
 }
-export declare function ConditionalRender({ condition, children, }: ConditionalRenderProps): JSX.Element;
+export declare function ConditionalRender({ condition, children, }: ConditionalRenderProps): JSX.Element | null;
 export {};

package/lib/hooks/useBlock.d.ts

@@ -1,12 +1,12 @@
-import { IBlockData } from '@thanhpv102/easy-email-core';
+import { IBlockData } from 'easy-email-core';
 import { IEmailTemplate } from '../typings';
 export declare function useBlock(): {
-    values: IEmailTemplate | undefined;
-    change: <F extends string>(name: F, value?: any) => void;
+    values: IEmailTemplate;
+    change: (name: string, value?: any) => void;
     focusBlock: IBlockData<any, any> | null;
     setFocusBlock: import("lodash").DebouncedFunc<(val: any) => void>;
     setFocusBlockValue: import("lodash").DebouncedFunc<(val: any) => void>;
-    setValueByIdx: import("lodash").DebouncedFunc<(<T extends IBlockData<any, any>>(idx: string, newVal: T) => void)>;
+    setValueByIdx: import("lodash").DebouncedFunc<(<T extends IBlockData>(idx: string, newVal: T) => void)>;
     addBlock: (params: {
         type: string;
         parentIdx: string;

package/lib/hooks/useDataTransfer.d.ts

@@ -1,4 +1,4 @@
 export declare function useDataTransfer(): {
     dataTransfer: import("../components/Provider/HoverIdxProvider").DataTransfer | null;
-    setDataTransfer: import("lodash").DebouncedFunc<import("react").Dispatch<import("react").SetStateAction<import("../components/Provider/HoverIdxProvider").DataTransfer | null>>>;
+    setDataTransfer: import("react").Dispatch<import("react").SetStateAction<import("../components/Provider/HoverIdxProvider").DataTransfer | null>>;
 };

package/lib/hooks/useDomScrollHeight.d.ts

@@ -1,7 +1,7 @@
 export declare function useDomScrollHeight(): {
-    scrollHeight: import("react").MutableRefObject<number>;
-    viewElementRef: import("react").MutableRefObject<{
+    scrollHeight: React.MutableRefObject<number>;
+    viewElementRef: React.MutableRefObject<null | {
         selector: string;
         top: number;
-    } | null>;
+    }>;
 };

package/lib/hooks/useEditorContext.d.ts

@@ -1,8 +1,8 @@
 import { IEmailTemplate } from '../typings';
 export declare function useEditorContext(): {
-    formState: import("final-form").FormState<IEmailTemplate, Partial<IEmailTemplate>>;
-    formHelpers: import("final-form").FormApi<Record<string, any>, Partial<Record<string, any>>>;
+    formState: import("../utils/formBridge").FormState<IEmailTemplate>;
+    formHelpers: import("../utils/formBridge").FormApi<import("react-hook-form").FieldValues, Partial<import("react-hook-form").FieldValues>>;
     initialized: boolean;
     setInitialized: import("react").Dispatch<import("react").SetStateAction<boolean>>;
-    pageData: import("@thanhpv102/easy-email-core").IPage | undefined;
+    pageData: import("../../../easy-email-core/lib").IPage;
 };

package/lib/hooks/useHoverIdx.d.ts

@@ -1,8 +1,8 @@
 export declare function useHoverIdx(): {
     hoverIdx: string;
-    setHoverIdx: import("lodash").DebouncedFunc<import("react").Dispatch<import("react").SetStateAction<string>>>;
+    setHoverIdx: import("react").Dispatch<import("react").SetStateAction<string>>;
     isDragging: boolean;
     setIsDragging: import("react").Dispatch<import("react").SetStateAction<boolean>>;
     direction: string;
-    setDirection: import("lodash").DebouncedFunc<import("react").Dispatch<import("react").SetStateAction<string>>>;
+    setDirection: import("react").Dispatch<import("react").SetStateAction<string>>;
 };

package/lib/hooks/usePreviewEmail.d.ts

@@ -1,6 +1,6 @@
 export declare function usePreviewEmail(): {
     html: string;
-    reactNode: import("react").ReactNode;
-    errMsg: import("react").ReactNode;
+    reactNode: React.ReactNode | null;
+    errMsg: React.ReactNode;
     mobileWidth: number;
 };

package/lib/index.d.ts

@@ -6,6 +6,7 @@ export { MobileEmailPreview } from './components/EmailEditor/components/MobileEm
 export { DesktopEmailPreview } from './components/EmailEditor/components/DesktopEmailPreview';
 export { ToolsPanel } from './components/EmailEditor/components/ToolsPanel';
 export * from './utils/index';
+export * from './utils/formBridge';
 export { useActiveTab } from './hooks/useActiveTab';
 export { useEditorProps } from './hooks/useEditorProps';
 export { useBlock } from './hooks/useBlock';