easy-email-pro-theme 0.2.0

package/lib/typings/components/UnsplashImages/index.d.ts

@@ -0,0 +1,206 @@
+/// <reference types="react" />
+import "./index.scss";
+export type UnsplashResponse = {
+    total: number;
+    total_pages: number;
+    results: Array<{
+        id: string;
+        slug: string;
+        created_at: string;
+        updated_at: string;
+        promoted_at?: string;
+        width: number;
+        height: number;
+        color: string;
+        blur_hash: string;
+        description?: string;
+        alt_description: string;
+        urls: {
+            raw: string;
+            full: string;
+            regular: string;
+            small: string;
+            thumb: string;
+            small_s3: string;
+        };
+        links: {
+            self: string;
+            html: string;
+            download: string;
+            download_location: string;
+        };
+        likes: number;
+        liked_by_user: boolean;
+        current_user_collections: Array<any>;
+        sponsorship: any;
+        topic_submissions: {
+            "business-work"?: {
+                status: string;
+                approved_on: string;
+            };
+            people?: {
+                status: string;
+                approved_on: string;
+            };
+            work?: {
+                status: string;
+                approved_on: string;
+            };
+        };
+        user: {
+            id: string;
+            updated_at: string;
+            username: string;
+            name: string;
+            first_name: string;
+            last_name?: string;
+            twitter_username?: string;
+            portfolio_url?: string;
+            bio?: string;
+            location?: string;
+            links: {
+                self: string;
+                html: string;
+                photos: string;
+                likes: string;
+                portfolio: string;
+                following: string;
+                followers: string;
+            };
+            profile_image: {
+                small: string;
+                medium: string;
+                large: string;
+            };
+            instagram_username?: string;
+            total_collections: number;
+            total_likes: number;
+            total_photos: number;
+            accepted_tos: boolean;
+            for_hire: boolean;
+            social: {
+                instagram_username?: string;
+                portfolio_url?: string;
+                twitter_username?: string;
+                paypal_email: any;
+            };
+        };
+        tags: Array<{
+            type: string;
+            title: string;
+            source?: {
+                ancestry: {
+                    type: {
+                        slug: string;
+                        pretty_slug: string;
+                    };
+                    category: {
+                        slug: string;
+                        pretty_slug: string;
+                    };
+                    subcategory?: {
+                        slug: string;
+                        pretty_slug: string;
+                    };
+                };
+                title: string;
+                subtitle: string;
+                description: string;
+                meta_title: string;
+                meta_description: string;
+                cover_photo: {
+                    id: string;
+                    slug: string;
+                    created_at: string;
+                    updated_at: string;
+                    promoted_at: string;
+                    width: number;
+                    height: number;
+                    color: string;
+                    blur_hash: string;
+                    description?: string;
+                    alt_description: string;
+                    urls: {
+                        raw: string;
+                        full: string;
+                        regular: string;
+                        small: string;
+                        thumb: string;
+                        small_s3: string;
+                    };
+                    links: {
+                        self: string;
+                        html: string;
+                        download: string;
+                        download_location: string;
+                    };
+                    likes: number;
+                    liked_by_user: boolean;
+                    current_user_collections: Array<any>;
+                    sponsorship: any;
+                    topic_submissions: {
+                        people?: {
+                            status: string;
+                            approved_on: string;
+                        };
+                        "current-events"?: {
+                            status: string;
+                            approved_on: string;
+                        };
+                    };
+                    premium: boolean;
+                    plus: boolean;
+                    user: {
+                        id: string;
+                        updated_at: string;
+                        username: string;
+                        name: string;
+                        first_name: string;
+                        last_name: string;
+                        twitter_username?: string;
+                        portfolio_url?: string;
+                        bio?: string;
+                        location?: string;
+                        links: {
+                            self: string;
+                            html: string;
+                            photos: string;
+                            likes: string;
+                            portfolio: string;
+                            following: string;
+                            followers: string;
+                        };
+                        profile_image: {
+                            small: string;
+                            medium: string;
+                            large: string;
+                        };
+                        instagram_username: string;
+                        total_collections: number;
+                        total_likes: number;
+                        total_photos: number;
+                        accepted_tos: boolean;
+                        for_hire: boolean;
+                        social: {
+                            instagram_username: string;
+                            portfolio_url?: string;
+                            twitter_username?: string;
+                            paypal_email: any;
+                        };
+                    };
+                };
+            };
+        }>;
+    }>;
+};
+export interface UnsplashImagesProps {
+    onSelect: (url: string) => void;
+    value: string | undefined;
+    clientId: string;
+    presetList?: Array<{
+        query: string;
+        label: string;
+        image: string;
+    }>;
+}
+export declare const UnsplashImages: (props: UnsplashImagesProps) => JSX.Element;

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

@@ -0,0 +1,69 @@
+/// <reference types="react" />
+export * from "./Providers";
+export declare const SharedComponents: {
+    PreviewEmailDrawer: ({ children }: {
+        children: import("react").ReactNode;
+    }) => JSX.Element;
+    PreviewEmail: ({ isDesktop, universalElementSetting, values, mergetagsData, }: {
+        isDesktop: boolean;
+        universalElementSetting: ({
+            elements: Record<string, import("../easy-email-pro-core/lib/typings").Element>;
+        } & {
+            elements: Record<string, import("../easy-email-pro-core/lib/typings").Element>;
+            list: {
+                label: string;
+                elements: {
+                    element: import("../easy-email-pro-core/lib/typings").Element;
+                    thumbnail: string;
+                }[];
+            }[];
+            onAddElement: (params: {
+                name: string;
+                element: import("../easy-email-pro-core/lib/typings").Element;
+                thumbnail: Blob;
+            }) => Promise<import("../easy-email-pro-core/lib/typings").Element>;
+            onUpdateElement: (params: {
+                uid: string;
+                element: import("../easy-email-pro-core/lib/typings").Element;
+                thumbnail: Blob;
+            }) => Promise<any>;
+        }) | undefined;
+        values: import("easy-email-pro-editor").BasicEmailTemplate;
+        mergetagsData: Record<string, any> | undefined;
+    }) => JSX.Element;
+    BlockSideBar: ({ height }: import("./BlockSideBar").BlockSideBarProps) => JSX.Element;
+    ColumnLayout: ({ onSelectColumn, }: {
+        onSelectColumn: (columns: string[]) => void;
+    }) => JSX.Element;
+    ConfigurationDrawer: ({ height, onClose: propsOnClose, }: {
+        height: string;
+        onClose: () => void;
+    }) => JSX.Element;
+    ConfigurationPanel: ({ height, onClose, }: import("./ConfigurationPanel").ConfigurationPanelProps) => JSX.Element | null;
+    EditorTabs: import("react").FC<{
+        children: import("react").ReactNode;
+    }>;
+    UniversalElementEditorDrawer: import("react").FC<{
+        children: import("react").ReactNode;
+    }>;
+    RichTextBar: ({ list }: {
+        list: import("easy-email-pro-editor").TextFormat[];
+    }) => JSX.Element;
+    HoveringToolbar: () => import("react").ReactPortal | null;
+    Hotkeys: import("react").FC<{}>;
+    Controller: () => JSX.Element;
+    UnsplashImages: (props: import("./UnsplashImages").UnsplashImagesProps) => JSX.Element;
+    FullHeightOverlayScrollbars: import("react").FC<{
+        height: string | number;
+        children: import("react").ReactNode;
+    } | {
+        maxHeight: string | number;
+        children: import("react").ReactNode;
+    }>;
+};
+export { CollapseWrapper } from "./ConfigurationPanel/components/CollapseWrapper";
+export { AttributesPanelWrapper } from "./ConfigurationPanel/components/AttributesPanelWrapper";
+export { AttributeField } from "./ConfigurationPanel/components/AttributeField";
+export { ConfigPanelsMap } from "./ConfigurationPanel/Elements";
+export { ResponsiveField, ResponsiveTabs, } from "./ConfigurationPanel/components/ResponsiveTabs";
+export { IconFont } from "./IconFont";

package/lib/typings/hooks/index.d.ts

@@ -0,0 +1,6 @@
+export { useDragging } from "./useDragging";
+export { useEditorForm } from "./useEditorForm";
+export { useUniversalContent } from "./useUniversalContent";
+export { useElementDefault } from "./useElementDefault";
+export { useElementInteract } from "./useElementInteract";
+export { useFontFamily } from "./useFontFamily";

package/lib/typings/hooks/useDragging.d.ts

@@ -0,0 +1,15 @@
+/// <reference types="react" />
+import { Element } from "easy-email-pro-core";
+export declare const useDragging: ({ element, nodeElement, action, cloneGhost, }: {
+    element: Element;
+    nodeElement?: HTMLElement | null | undefined;
+    action: "move" | "copy";
+    cloneGhost?: boolean | undefined;
+}) => {
+    dragHandle: {
+        onDragStart: (e: any) => void;
+        onPointerDown(event: import("react").PointerEvent<any>): void;
+        onDragEnd(): void;
+        draggable: boolean;
+    };
+};

package/lib/typings/hooks/useEditorForm.d.ts

@@ -0,0 +1,12 @@
+import { EditorContextProps } from "easy-email-pro-editor";
+import { Path } from "slate";
+export declare const getNodePathName: (path: Path, name: string) => string;
+export declare const useEditorForm: () => {
+    getFieldValue: (path: Path, name: string) => any;
+    setFieldValue: (path: Path, name: string, val: any) => void;
+    getFieldDirty: (path: Path, name: string) => boolean;
+    reset: (newValues: EditorContextProps["values"]) => void;
+    values: import("easy-email-pro-editor").BasicEmailTemplate;
+    dirty: boolean;
+    valid: boolean;
+};

package/lib/typings/hooks/useElementDefault.d.ts

@@ -0,0 +1,9 @@
+import { Element } from "easy-email-pro-core";
+import { Path } from "slate";
+export declare const useElementDefault: <T extends Element>({ path, type, }: {
+    path: Path | null;
+    type: Element["type"] | null;
+}) => {
+    attributes: T["attributes"];
+    mobileAttributes: Partial<T["attributes"]>;
+};

package/lib/typings/hooks/useElementInteract.d.ts

@@ -0,0 +1,6 @@
+import { Path } from "slate";
+export declare const useElementInteract: () => {
+    copyBlock: (path: Path) => void;
+    deleteBlock: (path: Path) => void;
+    clearCanvas: () => void;
+};

package/lib/typings/hooks/useFontFamily.d.ts

@@ -0,0 +1,7 @@
+/// <reference types="react" />
+export declare function useFontFamily(): {
+    fontList: {
+        value: string;
+        label: JSX.Element;
+    }[];
+};

package/lib/typings/hooks/useUniversalContent.d.ts

@@ -0,0 +1 @@
+export declare const useUniversalContent: () => import("../components/Providers/UniversalElementProvider").UniversalElementProps;

package/lib/typings/index.d.ts

@@ -0,0 +1,5 @@
+export * from "./themes";
+export * from "./hooks";
+export * from "./typings";
+export * from "./components";
+export * from "./utils";

package/lib/typings/store/ColorState.d.ts

@@ -0,0 +1,9 @@
+declare class ColorState {
+    constructor();
+    state: {
+        list: string[];
+    };
+    addCurrentColor: import("lodash").DebouncedFunc<(newColor: string) => void>;
+}
+export declare const colorState: ColorState;
+export {};

package/lib/typings/store/EditorState.d.ts

@@ -0,0 +1,12 @@
+declare class EditorState {
+    state: {
+        isPreview: boolean;
+        zoom: number;
+    };
+    constructor();
+    setIsPreview: (preview: boolean) => void;
+    togglePreview: () => void;
+    setZoom: (zoom: number) => void;
+}
+export declare const editorState: EditorState;
+export {};

package/lib/typings/store/Minimalist.d.ts

@@ -0,0 +1,35 @@
+declare class UI {
+    constructor();
+    blockMenusOverlay: {
+        visible: boolean;
+        search: string;
+    };
+    columnsOverlay: {
+        visible: boolean;
+    };
+    moreActionsMenusOverlay: {
+        visible: boolean;
+        left: number;
+        top: number;
+    };
+    imageUploaderOverlay: {
+        visible: boolean;
+        left: number;
+        top: number;
+    };
+    setSearch: (v: string) => void;
+    setBlockMenusOverlayVisible: (v: boolean) => void;
+    setMoreActionsMenusOverlayVisible: (v: boolean) => void;
+    setMoreActionsMenusOverlayPosition: (pos: {
+        left: number;
+        top: number;
+    }) => void;
+    serImageUploaderOverlayVisible: (v: boolean) => void;
+    serImageUploaderOverlayPosition: (pos: {
+        left: number;
+        top: number;
+    }) => void;
+    serColumnsOverlayVisible: (v: boolean) => void;
+}
+export declare const ui: UI;
+export {};

package/lib/typings/store/index.d.ts

@@ -0,0 +1,49 @@
+export declare const store: {
+    ui: {
+        blockMenusOverlay: {
+            visible: boolean;
+            search: string;
+        };
+        columnsOverlay: {
+            visible: boolean;
+        };
+        moreActionsMenusOverlay: {
+            visible: boolean;
+            left: number;
+            top: number;
+        };
+        imageUploaderOverlay: {
+            visible: boolean;
+            left: number;
+            top: number;
+        };
+        setSearch: (v: string) => void;
+        setBlockMenusOverlayVisible: (v: boolean) => void;
+        setMoreActionsMenusOverlayVisible: (v: boolean) => void;
+        setMoreActionsMenusOverlayPosition: (pos: {
+            left: number;
+            top: number;
+        }) => void;
+        serImageUploaderOverlayVisible: (v: boolean) => void;
+        serImageUploaderOverlayPosition: (pos: {
+            left: number;
+            top: number;
+        }) => void;
+        serColumnsOverlayVisible: (v: boolean) => void;
+    };
+    editorState: {
+        state: {
+            isPreview: boolean;
+            zoom: number;
+        };
+        setIsPreview: (preview: boolean) => void;
+        togglePreview: () => void;
+        setZoom: (zoom: number) => void;
+    };
+    colorState: {
+        state: {
+            list: string[];
+        };
+        addCurrentColor: import("lodash").DebouncedFunc<(newColor: string) => void>;
+    };
+};

package/lib/typings/themes/Minimalist/components/AutoSelectElement.d.ts

@@ -0,0 +1,2 @@
+import React from "react";
+export declare const AutoSelectElement: React.FC;

package/lib/typings/themes/Minimalist/components/BlockMenusOverlay/index.d.ts

@@ -0,0 +1,2 @@
+/// <reference types="react" />
+export declare const BlockMenusOverlay: () => JSX.Element | null;

package/lib/typings/themes/Minimalist/components/BlockResizer/index.d.ts

@@ -0,0 +1,12 @@
+/// <reference types="react" />
+import { Element } from "easy-email-pro-core";
+export declare const BlockResizer: ({ element, top, bottom, left, right, percent, verticalScale, horizontalScale, }: {
+    element: Element;
+    top?: boolean | undefined;
+    bottom?: boolean | undefined;
+    left?: boolean | undefined;
+    right?: boolean | undefined;
+    percent?: boolean | undefined;
+    verticalScale?: number | undefined;
+    horizontalScale?: number | undefined;
+}) => JSX.Element;

package/lib/typings/themes/Minimalist/components/ColumnLayoutOverlay/index.d.ts

@@ -0,0 +1,2 @@
+/// <reference types="react" />
+export declare const ColumnLayoutOverlay: () => JSX.Element;

package/lib/typings/themes/Minimalist/components/ElementHover/index.d.ts

@@ -0,0 +1,2 @@
+import { EmailEditorProps } from "easy-email-pro-editor";
+export declare const ElementHover: NonNullable<EmailEditorProps["ElementHover"]>;

package/lib/typings/themes/Minimalist/components/ElementPlaceholder/index.d.ts

@@ -0,0 +1,2 @@
+import { EmailEditorProps } from "easy-email-pro-editor";
+export declare const ElementPlaceholder: NonNullable<EmailEditorProps["ElementPlaceholder"]>;

package/lib/typings/themes/Minimalist/components/ElementSelected/index.d.ts

@@ -0,0 +1,2 @@
+import { EmailEditorProps } from "easy-email-pro-editor";
+export declare const ElementSelected: NonNullable<EmailEditorProps["ElementSelected"]>;

package/lib/typings/themes/Minimalist/components/ElementTools/index.d.ts

@@ -0,0 +1,8 @@
+import React from "react";
+import { Element } from "easy-email-pro-core";
+import { Path } from "slate";
+export declare const ElementTools: React.FC<{
+    element: Element;
+    nodeElement: HTMLElement;
+    path: Path;
+}>;

package/lib/typings/themes/Minimalist/components/ImageAction/MoreActionsMenusOverlay/index.d.ts

@@ -0,0 +1,10 @@
+import React from "react";
+export interface MoreActionsMenusOverlayProps {
+    visible: boolean;
+    setVisible: (visible: boolean) => void;
+    top: number;
+    left: number;
+    onToggleImageActionVisible: (ev: Event) => void;
+    moreIconRef: React.RefObject<HTMLDivElement | null>;
+}
+export declare const MoreActionsMenusOverlay: (props: MoreActionsMenusOverlayProps) => JSX.Element | null;

package/lib/typings/themes/Minimalist/components/ImageAction/MoreIcon/index.d.ts

@@ -0,0 +1,5 @@
+/// <reference types="react" />
+export declare const MoreIcon: ({ isHover, onToggleImageActionVisible, }: {
+    isHover: boolean;
+    onToggleImageActionVisible: (ev: Event) => void;
+}) => JSX.Element;

package/lib/typings/themes/Minimalist/components/ImageAction/index.d.ts

@@ -0,0 +1,7 @@
+import { ImageElement } from "easy-email-pro-core";
+import React from "react";
+import "./index.scss";
+export declare const ImageAction: React.FC<{
+    element: ImageElement;
+    isHover: boolean;
+}>;

package/lib/typings/themes/Minimalist/index.d.ts

@@ -0,0 +1,10 @@
+import { EmailEditorProps } from "easy-email-pro-editor";
+import React from "react";
+import { ThemeConfigProps } from "../../typings";
+export declare const Minimalist: {
+    useCreateConfig: ({ interactiveStyle, hoveringToolbar, ...rest }: Omit<ThemeConfigProps, "editor">) => Omit<EmailEditorProps, "children"> & Omit<EmailEditorProps, "children">;
+    Layout: React.FC<{
+        children?: React.ReactNode;
+        height: string;
+    }>;
+};

package/lib/typings/themes/Minimalist/withTheme.d.ts

@@ -0,0 +1,4 @@
+import { CustomSlateEditor } from "easy-email-pro-editor";
+import { Element } from "easy-email-pro-core";
+export declare const SHORTCUTS: Record<string, Element["type"]>;
+export declare const withTheme: (editor: CustomSlateEditor) => CustomSlateEditor;

package/lib/typings/themes/Retro/components/AutoDeselectElement.d.ts

@@ -0,0 +1,2 @@
+import React from "react";
+export declare const AutoDeselectElement: React.FC;

package/lib/typings/themes/Retro/components/ElementInteract/AddIcon/index.d.ts

@@ -0,0 +1,2 @@
+/// <reference types="react" />
+export declare const AddIcon: () => JSX.Element;

package/lib/typings/themes/Retro/components/ElementInteract/DragIcon/index.d.ts

@@ -0,0 +1,4 @@
+import React from "react";
+export declare const DragIcon: ({ setEleRef, }: {
+    setEleRef?: React.Dispatch<React.SetStateAction<HTMLElement | null>> | undefined;
+}) => JSX.Element;

package/lib/typings/themes/Retro/components/ElementInteract/ElementHover/index.d.ts

@@ -0,0 +1,2 @@
+import { EmailEditorProps } from "easy-email-pro-editor";
+export declare const ElementHover: NonNullable<EmailEditorProps["ElementHover"]>;

package/lib/typings/themes/Retro/components/ElementInteract/ElementPlaceholder/index.d.ts

@@ -0,0 +1,2 @@
+import { EmailEditorProps } from "easy-email-pro-editor";
+export declare const ElementPlaceholder: NonNullable<EmailEditorProps["ElementPlaceholder"]>;

package/lib/typings/themes/Retro/components/ElementInteract/ElementSelected/index.d.ts

@@ -0,0 +1,2 @@
+import { EmailEditorProps } from "easy-email-pro-editor";
+export declare const ElementSelected: NonNullable<EmailEditorProps["ElementSelected"]>;

package/lib/typings/themes/Retro/components/ElementInteract/ElementTools/index.d.ts

@@ -0,0 +1,8 @@
+import React from "react";
+import { Element } from "easy-email-pro-core";
+import { Path } from "slate";
+export declare const ElementTools: React.FC<{
+    element: Element;
+    nodeElement: HTMLElement;
+    path: Path;
+}>;

package/lib/typings/themes/Retro/components/ElementInteract/index.d.ts

@@ -0,0 +1,3 @@
+export { ElementHover } from "./ElementHover";
+export { ElementSelected } from "./ElementSelected";
+export { ElementPlaceholder } from "./ElementPlaceholder";

package/lib/typings/themes/Retro/index.d.ts

@@ -0,0 +1,10 @@
+import { EmailEditorProps } from "easy-email-pro-editor";
+import React from "react";
+import { ThemeConfigProps } from "../../typings";
+export declare const Retro: {
+    useCreateConfig: ({ interactiveStyle, hoveringToolbar, ...rest }: Omit<ThemeConfigProps, "editor">) => Omit<EmailEditorProps, "children"> & Omit<EmailEditorProps, "children">;
+    Layout: React.FC<{
+        children?: React.ReactNode;
+        height: string;
+    }>;
+};

package/lib/typings/themes/Retro/withTheme.d.ts

@@ -0,0 +1,2 @@
+import { CustomSlateEditor } from "easy-email-pro-editor";
+export declare const withTheme: (editor: CustomSlateEditor) => CustomSlateEditor;

package/lib/typings/themes/index.d.ts

@@ -0,0 +1,2 @@
+export * from "./Retro";
+export * from "./Minimalist";