@groovymedia/easy-email-editor 4.12.2-2

package/lib/components/EmailEditor/components/DesktopEmailPreview/index.d.ts

@@ -0,0 +1 @@
+export declare function DesktopEmailPreview(): JSX.Element;

package/lib/components/EmailEditor/components/EditEmailPreview/components/MjmlDomRender.d.ts

@@ -0,0 +1 @@
+export declare function MjmlDomRender(): JSX.Element;

package/lib/components/EmailEditor/components/EditEmailPreview/components/ShadowStyle.d.ts

@@ -0,0 +1 @@
+export declare function ShadowStyle(): JSX.Element;

package/lib/components/EmailEditor/components/EditEmailPreview/index.d.ts

@@ -0,0 +1 @@
+export declare function EditEmailPreview(): JSX.Element;

package/lib/components/EmailEditor/components/MobileEmailPreview/index.d.ts

@@ -0,0 +1 @@
+export declare function MobileEmailPreview(): JSX.Element;

package/lib/components/EmailEditor/components/ToolsPanel/index.d.ts

@@ -0,0 +1 @@
+export declare function ToolsPanel(): JSX.Element;

package/lib/components/EmailEditor/index.d.ts

@@ -0,0 +1,3 @@
+import './index.scss';
+import '../../assets/font/iconfont.css';
+export declare const EmailEditor: () => JSX.Element;

package/lib/components/IconFont/index.d.ts

@@ -0,0 +1,9 @@
+import React from 'react';
+export declare function IconFont(props: {
+    iconName: string;
+    onClick?: React.MouseEventHandler<HTMLDivElement>;
+    onClickCapture?: React.MouseEventHandler<HTMLDivElement>;
+    size?: number;
+    style?: React.CSSProperties;
+    title?: string;
+}): JSX.Element;

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

@@ -0,0 +1,21 @@
+import React from 'react';
+export declare enum ActiveTabKeys {
+    EDIT = "EDIT",
+    MOBILE = "MOBILE",
+    PC = "PC"
+}
+export declare const BlocksContext: React.Context<{
+    initialized: boolean;
+    setInitialized: React.Dispatch<React.SetStateAction<boolean>>;
+    focusIdx: string;
+    setFocusIdx: React.Dispatch<React.SetStateAction<string>>;
+    dragEnabled: boolean;
+    setDragEnabled: React.Dispatch<React.SetStateAction<boolean>>;
+    collapsed: boolean;
+    setCollapsed: React.Dispatch<React.SetStateAction<boolean>>;
+    activeTab: ActiveTabKeys;
+    setActiveTab: React.Dispatch<React.SetStateAction<ActiveTabKeys>>;
+}>;
+export declare const BlocksProvider: React.FC<{
+    children?: React.ReactNode;
+}>;

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

@@ -0,0 +1,11 @@
+import { IEmailTemplate } from '../../../typings';
+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'];
+}
+export declare const EmailEditorProvider: <T extends unknown>(props: EmailEditorProviderProps<any> & T) => JSX.Element | null;

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

@@ -0,0 +1,7 @@
+import React from 'react';
+export declare const FocusBlockLayoutContext: React.Context<{
+    focusBlockNode: HTMLElement | null;
+}>;
+export declare const FocusBlockLayoutProvider: React.FC<{
+    children?: React.ReactNode;
+}>;

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

@@ -0,0 +1,29 @@
+import React from 'react';
+export interface HoverIdxState {
+    hoverIdx: string;
+}
+export interface DragPosition {
+    left: number;
+    top: number;
+}
+export interface DataTransfer {
+    type: string;
+    payload?: any;
+    action: 'add' | 'move';
+    positionIndex?: number;
+    parentIdx?: string;
+    sourceIdx?: string;
+}
+export declare const HoverIdxContext: React.Context<{
+    hoverIdx: string;
+    isDragging: boolean;
+    setHoverIdx: React.Dispatch<React.SetStateAction<string>>;
+    setIsDragging: React.Dispatch<React.SetStateAction<boolean>>;
+    direction: string;
+    setDirection: React.Dispatch<React.SetStateAction<string>>;
+    dataTransfer: DataTransfer | null;
+    setDataTransfer: React.Dispatch<React.SetStateAction<DataTransfer | null>>;
+}>;
+export declare const HoverIdxProvider: React.FC<{
+    children?: React.ReactNode;
+}>;

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

@@ -0,0 +1,5 @@
+import React from 'react';
+export declare const LanguageProvider: React.FC<{
+    children?: React.ReactNode;
+    locale?: Record<string, string>;
+}>;

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

@@ -0,0 +1,11 @@
+import React from 'react';
+export declare const MOBILE_WIDTH = 320;
+export declare const PreviewEmailContext: React.Context<{
+    html: string;
+    reactNode: React.ReactNode | null;
+    errMsg: React.ReactNode;
+    mobileWidth: number;
+}>;
+export declare const PreviewEmailProvider: React.FC<{
+    children?: React.ReactNode;
+}>;

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

@@ -0,0 +1,55 @@
+import { IBlockData } from 'easy-email-core';
+import React from 'react';
+export interface CollectedBlock {
+    label: string;
+    helpText: string;
+    thumbnail: string;
+    data: IBlockData;
+    id: string;
+}
+export interface BlockGroup {
+    title: string;
+    blocks: Array<CollectedBlock>;
+}
+export interface PropsProviderProps {
+    children?: React.ReactNode;
+    height: string;
+    fontList?: {
+        value: string;
+        label: string;
+    }[];
+    onAddCollection?: (payload: CollectedBlock) => void;
+    onRemoveCollection?: (payload: {
+        id: string;
+    }) => void;
+    onUploadImage?: (data: Blob) => Promise<string>;
+    interactiveStyle?: {
+        hoverColor?: string;
+        selectedColor?: string;
+        dragoverColor?: string;
+        tangentColor?: string;
+    };
+    autoComplete?: boolean;
+    dashed?: boolean;
+    socialIcons?: Array<{
+        content: string;
+        image: string;
+    }>;
+    mergeTagGenerate?: (m: string) => string;
+    onChangeMergeTag?: (ptah: string, val: any) => any;
+    renderMergeTagContent?: (props: {
+        onChange: (val: string) => void;
+        isSelect: boolean;
+        value: string;
+    }) => React.ReactNode;
+    enabledMergeTagsBadge?: boolean;
+    mergeTags?: Record<string, any>;
+    previewInjectData?: Record<string, any>;
+    onBeforePreview?: (html: string, mergeTags: PropsProviderProps['previewInjectData'] | PropsProviderProps['mergeTags']) => string | Promise<string>;
+    enabledLogic?: boolean;
+    locale?: Record<string, string>;
+}
+export declare const EditorPropsContext: React.Context<PropsProviderProps & {
+    mergeTagGenerate: Required<PropsProviderProps['mergeTagGenerate']>;
+}>;
+export declare const PropsProvider: React.FC<PropsProviderProps>;

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

@@ -0,0 +1,14 @@
+import { IEmailTemplate } from '../../../typings';
+import React from 'react';
+export declare type RecordStatus = 'add' | 'redo' | 'undo' | undefined;
+export declare const RecordContext: React.Context<{
+    records: Array<IEmailTemplate>;
+    redo: () => void;
+    undo: () => void;
+    reset: () => void;
+    redoable: boolean;
+    undoable: boolean;
+}>;
+export declare const RecordProvider: React.FC<{
+    children?: React.ReactNode;
+}>;

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

@@ -0,0 +1,14 @@
+import React from 'react';
+export interface HoverIdxState {
+    hoverIdx: string;
+}
+export declare const ScrollContext: React.Context<{
+    scrollHeight: React.MutableRefObject<number>;
+    viewElementRef: React.MutableRefObject<null | {
+        selector: string;
+        top: number;
+    }>;
+}>;
+export declare const ScrollProvider: React.FC<{
+    children?: React.ReactNode;
+}>;

package/lib/components/RenderCount/index.d.ts

@@ -0,0 +1 @@
+export declare function RenderCount(): JSX.Element;

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

@@ -0,0 +1,10 @@
+import React from 'react';
+import './index.scss';
+export interface ButtonProps {
+    children?: React.ReactNode;
+    disabled?: boolean;
+    title?: string;
+    noBorder?: boolean;
+    onClick?: React.DOMAttributes<HTMLButtonElement>['onClick'];
+}
+export declare const Button: React.FC<ButtonProps>;

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

@@ -0,0 +1,8 @@
+import React from 'react';
+interface Props extends React.DetailedHTMLProps<React.IframeHTMLAttributes<HTMLIFrameElement>, HTMLIFrameElement> {
+    children: React.ReactNode;
+    title?: string;
+    windowRef?: (e: Window) => void;
+}
+export declare const IframeComponent: ({ children, title, windowRef, ...props }: Props) => JSX.Element;
+export {};

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

@@ -0,0 +1,12 @@
+import React from 'react';
+export interface ItemProps {
+    /** Elements to display inside item */
+    children?: React.ReactNode | any;
+    /** Fill the remaining horizontal space in the stack with the item  */
+    fill?: boolean;
+    /**
+     * @default false
+     */
+    key?: string | number;
+}
+export declare function Item({ children, fill }: ItemProps): JSX.Element;

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

@@ -0,0 +1,23 @@
+import React from 'react';
+import { Item } from './components/Item';
+declare type Spacing = 'extraTight' | 'tight' | 'loose' | 'extraLoose' | 'none';
+declare type Alignment = 'leading' | 'trailing' | 'center' | 'fill' | 'baseline';
+declare type Distribution = 'equalSpacing' | 'leading' | 'trailing' | 'center' | 'fill' | 'fillEvenly';
+export interface StackProps {
+    /** Elements to display inside stack */
+    children?: React.ReactNode;
+    /** Wrap stack elements to additional rows as needed on small screens (Defaults to true) */
+    wrap?: boolean;
+    /** Stack the elements vertically */
+    vertical?: boolean;
+    /** Adjust spacing between elements */
+    spacing?: Spacing;
+    /** Adjust vertical alignment of elements */
+    alignment?: Alignment;
+    /** Adjust horizontal alignment of elements */
+    distribution?: Distribution;
+}
+export declare const Stack: React.NamedExoticComponent<StackProps> & {
+    Item: typeof Item;
+};
+export {};

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

@@ -0,0 +1,16 @@
+import React from 'react';
+export declare function wrapWithComponent<P extends any>(element: React.ReactNode | null | undefined, Component: React.FC<P>, props: P): React.ReactNode;
+export declare function isElementOfType<P>(element: React.ReactNode | null | undefined, Component: React.ComponentType<P> | React.ComponentType<P>[]): boolean;
+export declare function elementChildren<T extends React.ReactElement>(children: React.ReactNode, predicate?: (element: T) => boolean): T[];
+interface ConditionalWrapperProps {
+    children: any;
+    condition: boolean;
+    wrapper: (children: any) => any;
+}
+export declare function ConditionalWrapper({ condition, wrapper, children, }: ConditionalWrapperProps): JSX.Element;
+interface ConditionalRenderProps {
+    condition: boolean;
+    children: any;
+}
+export declare function ConditionalRender({ condition, children, }: ConditionalRenderProps): JSX.Element;
+export {};

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

@@ -0,0 +1,4 @@
+declare type Falsy = boolean | undefined | null | 0;
+export declare function classNames(...classes: (string | Falsy)[]): string;
+export declare function variationName(name: string, value: string): string;
+export {};

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

@@ -0,0 +1,10 @@
+import React from 'react';
+interface Props {
+    children: React.ReactNode;
+    title?: string;
+    windowRef?: (e: Window) => void;
+    isActive?: boolean;
+    style?: React.CSSProperties;
+}
+export declare const SyncScrollIframeComponent: ({ children, title, windowRef, isActive, style, }: Props) => JSX.Element;
+export {};

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

@@ -0,0 +1,4 @@
+import React from 'react';
+export declare const SyncScrollShadowDom: React.FC<React.HTMLProps<HTMLElement> & {
+    isActive: boolean;
+}>;

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

@@ -0,0 +1,22 @@
+import React from 'react';
+import './index.scss';
+export interface TabsProps {
+    children?: React.ReactNode;
+    tabBarExtraContent?: React.ReactNode;
+    style?: React.CSSProperties;
+    className?: string;
+    onChange?: (id: string) => void;
+    onBeforeChange?: (current: string, next: string) => boolean;
+    defaultActiveTab?: string;
+    activeTab?: string;
+}
+export interface TabPaneProps {
+    children?: React.ReactNode;
+    tab: React.ReactNode;
+    key: string;
+    style?: React.CSSProperties;
+    className?: string;
+}
+declare const Tabs: React.FC<TabsProps>;
+declare const TabPane: React.FC<TabPaneProps>;
+export { Tabs, TabPane };

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

@@ -0,0 +1,7 @@
+import React from 'react';
+export interface TextStyleProps {
+    children?: React.ReactNode | React.ReactElement;
+    variation?: 'strong' | 'subdued';
+    size?: 'largest' | 'extraLarge' | 'large' | 'medium' | 'small' | 'smallest';
+}
+export declare const TextStyle: React.FC<TextStyleProps>;

package/lib/components/wrapper/BlockAvatarWrapper/index.d.ts

@@ -0,0 +1,11 @@
+import React from 'react';
+import { BlockType } from 'easy-email-core';
+export declare type BlockAvatarWrapperProps = {
+    children?: React.ReactNode;
+    type: BlockType | string;
+    payload?: any;
+    action?: 'add' | 'move';
+    hideIcon?: boolean;
+    idx?: string;
+};
+export declare const BlockAvatarWrapper: React.FC<BlockAvatarWrapperProps>;

package/lib/components/wrapper/index.d.ts

@@ -0,0 +1,2 @@
+export { BlockAvatarWrapper } from './BlockAvatarWrapper';
+export type { BlockAvatarWrapperProps } from './BlockAvatarWrapper';

package/lib/constants.d.ts

@@ -0,0 +1,17 @@
+export declare const FIXED_CONTAINER_ID = "FIXED_CONTAINER_ID";
+export declare const EASY_EMAIL_EDITOR_ID = "easy-email-editor";
+export declare const PLUGINS_CONTAINER_ID = "easy-email-plugins";
+export declare const SYNC_SCROLL_ELEMENT_CLASS_NAME = "easy-email-sync-scroll";
+export declare const RICH_TEXT_BAR_ID = "easy-email-rich-text-bar";
+export declare const DATA_RENDER_COUNT = "data-render-count";
+export declare const DATA_ATTRIBUTE_ID = "data-tree-node-id";
+export declare const DATA_ATTRIBUTE_INDEX = "data-tree-node-index";
+export declare const DATA_ATTRIBUTE_DROP_CONTAINER = "data-drop-container";
+export declare const DATA_CONTENT_EDITABLE_TYPE = "data-content_editable-type";
+export declare const DATA_CONTENT_EDITABLE_IDX = "data-content_editable-idx";
+export declare const CONTENT_EDITABLE_CLASS_NAME = "easy-email-content_editable_text_only";
+export declare const CONTENT_EDITABLE_RICH_TEXT_CLASS_NAME = "easy-email-content_editable_rich_text";
+export declare enum ContentEditableType {
+    RichText = "rich_text",
+    Text = "text"
+}

package/lib/hooks/useActiveTab.d.ts

@@ -0,0 +1,4 @@
+export declare function useActiveTab(): {
+    activeTab: import("../components/Provider/BlocksProvider").ActiveTabKeys;
+    setActiveTab: import("react").Dispatch<import("react").SetStateAction<import("../components/Provider/BlocksProvider").ActiveTabKeys>>;
+};

package/lib/hooks/useBlock.d.ts

@@ -0,0 +1,26 @@
+import { IBlockData } from 'easy-email-core';
+import { IEmailTemplate } from '../typings';
+export declare function useBlock(): {
+    values: IEmailTemplate;
+    change: <F extends string>(name: F, 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)>;
+    addBlock: (params: {
+        type: string;
+        parentIdx: string;
+        positionIndex?: number;
+        payload?: any;
+        canReplace?: boolean;
+    }) => void;
+    moveBlock: (sourceIdx: string, destinationIdx: string) => null | undefined;
+    copyBlock: (idx: string) => void;
+    removeBlock: (idx: string) => void;
+    isExistBlock: (idx: string) => boolean;
+    redo: () => void;
+    undo: () => void;
+    reset: () => void;
+    redoable: boolean;
+    undoable: boolean;
+};

package/lib/hooks/useDataTransfer.d.ts

@@ -0,0 +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>>>;
+};

package/lib/hooks/useDomScrollHeight.d.ts

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

package/lib/hooks/useDragable.d.ts

@@ -0,0 +1,4 @@
+export declare function useDraggable(): {
+    dragEnabled: boolean;
+    setDragEnabled: import("react").Dispatch<import("react").SetStateAction<boolean>>;
+};

package/lib/hooks/useDropBlock.d.ts

@@ -0,0 +1,3 @@
+export declare function useDropBlock(): {
+    setRef: import("react").Dispatch<import("react").SetStateAction<HTMLElement | null>>;
+};

package/lib/hooks/useEditorContext.d.ts

@@ -0,0 +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>>>;
+    initialized: boolean;
+    setInitialized: import("react").Dispatch<import("react").SetStateAction<boolean>>;
+    pageData: import("../easy-email-core/lib").IPage;
+};

package/lib/hooks/useEditorProps.d.ts

@@ -0,0 +1,4 @@
+import { PropsProviderProps } from '../components/Provider/PropsProvider';
+export declare function useEditorProps<T extends PropsProviderProps>(): T & {
+    mergeTagGenerate: NonNullable<PropsProviderProps['mergeTagGenerate']>;
+};

package/lib/hooks/useFocusBlockLayout.d.ts

@@ -0,0 +1,3 @@
+export declare function useFocusBlockLayout(): {
+    focusBlockNode: HTMLElement | null;
+};

package/lib/hooks/useFocusIdx.d.ts

@@ -0,0 +1,4 @@
+export declare function useFocusIdx(): {
+    focusIdx: string;
+    setFocusIdx: import("react").Dispatch<import("react").SetStateAction<string>>;
+};

package/lib/hooks/useHotKeys.d.ts

@@ -0,0 +1 @@
+export declare function useHotKeys(): void;

package/lib/hooks/useHoverIdx.d.ts

@@ -0,0 +1,8 @@
+export declare function useHoverIdx(): {
+    hoverIdx: string;
+    setHoverIdx: import("lodash").DebouncedFunc<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>>>;
+};

package/lib/hooks/useLazyState.d.ts

@@ -0,0 +1 @@
+export declare function useLazyState<T>(state: T, debounceTime: number): T;

package/lib/hooks/usePreviewEmail.d.ts

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

package/lib/hooks/useRefState.d.ts

@@ -0,0 +1 @@
+export declare function useRefState<T>(state: T): import("react").MutableRefObject<T>;

package/lib/index.d.ts

@@ -0,0 +1,30 @@
+export * from './components/Provider/EmailEditorProvider';
+export { BlockAvatarWrapper } from './components/wrapper';
+export { EmailEditor } from './components/EmailEditor';
+export { EditEmailPreview } from './components/EmailEditor/components/EditEmailPreview';
+export { MobileEmailPreview } from './components/EmailEditor/components/MobileEmailPreview';
+export { DesktopEmailPreview } from './components/EmailEditor/components/DesktopEmailPreview';
+export { ToolsPanel } from './components/EmailEditor/components/ToolsPanel';
+export * from './utils/index';
+export { useActiveTab } from './hooks/useActiveTab';
+export { useEditorProps } from './hooks/useEditorProps';
+export { useBlock } from './hooks/useBlock';
+export { useEditorContext } from './hooks/useEditorContext';
+export { useDomScrollHeight } from './hooks/useDomScrollHeight';
+export { useRefState } from './hooks/useRefState';
+export { useLazyState } from './hooks/useLazyState';
+export { useFocusBlockLayout } from './hooks/useFocusBlockLayout';
+export * from './hooks/useDataTransfer';
+export * from './hooks/useFocusIdx';
+export * from './hooks/useHoverIdx';
+export { ActiveTabKeys } from './components/Provider/BlocksProvider';
+export { IconFont } from './components/IconFont';
+export { TextStyle } from './components/UI/TextStyle';
+export { Stack } from './components/UI/Stack';
+export { Tabs, TabPane } from './components/UI/Tabs';
+export * from './typings';
+export type { StackProps } from './components/UI/Stack';
+export type { PropsProviderProps } from './components/Provider/PropsProvider';
+export type { BlockAvatarWrapperProps } from './components/wrapper';
+export type { BlockGroup, CollectedBlock } from './components/Provider/PropsProvider';
+export * from './constants';