easy-email-pro-editor 0.2.0

package/lib/typings/components/Elements/atom/LineBreak.d.ts

@@ -0,0 +1,11 @@
+/// <reference types="react" />
+import { LineBreakElement } from "easy-email-pro-core";
+import { BaseElement } from "../BaseElement";
+export declare class LineBreak extends BaseElement<LineBreakElement> {
+    componentType: string;
+    static defaultAttributes: {
+        "css-class"?: string | undefined;
+        "mj-class"?: string | undefined;
+    };
+    renderElement(): JSX.Element;
+}

package/lib/typings/components/Elements/atom/Mergetag.d.ts

@@ -0,0 +1,11 @@
+/// <reference types="react" />
+import { MergetagElement } from "easy-email-pro-core";
+import { BaseElement } from "../BaseElement";
+export declare class Mergetag extends BaseElement<MergetagElement> {
+    componentType: string;
+    static defaultAttributes: {
+        "css-class"?: string | undefined;
+        "mj-class"?: string | undefined;
+    };
+    renderElement(): JSX.Element;
+}

package/lib/typings/components/Elements/atom/Navbar.d.ts

@@ -0,0 +1,93 @@
+/// <reference types="react" />
+import { NavbarElement } from "easy-email-pro-core";
+import { BaseElement } from "../BaseElement";
+export declare class Navbar extends BaseElement<NavbarElement> {
+    componentType: string;
+    static allowedAttributes: {
+        align: string;
+        "base-url": string;
+        hamburger: string;
+        "ico-align": string;
+        "ico-open": string;
+        "ico-close": string;
+        "ico-color": string;
+        "ico-font-size": string;
+        "ico-font-family": string;
+        "ico-text-transform": string;
+        "ico-padding": string;
+        "ico-padding-left": string;
+        "ico-padding-top": string;
+        "ico-padding-right": string;
+        "ico-padding-bottom": string;
+        padding: string;
+        "padding-left": string;
+        "padding-top": string;
+        "padding-right": string;
+        "padding-bottom": string;
+        "ico-text-decoration": string;
+        "ico-line-height": string;
+    };
+    static defaultAttributes: {
+        padding?: string | undefined;
+        "padding-top"?: string | undefined;
+        "padding-bottom"?: string | undefined;
+        "padding-left"?: string | undefined;
+        "padding-right"?: string | undefined;
+        align?: string | undefined;
+        hamburger?: string | null | undefined;
+        "ico-open"?: string | null | undefined;
+        "ico-close"?: string | null | undefined;
+        "ico-font-family"?: string | null | undefined;
+        "base-url"?: string | null | undefined;
+        "ico-align"?: string | undefined;
+        "ico-color"?: string | undefined;
+        "ico-font-size"?: string | undefined;
+        "ico-line-height"?: string | undefined;
+        "ico-padding"?: string | undefined;
+        "ico-text-decoration"?: string | undefined;
+        "ico-text-transform"?: string | undefined;
+        "css-class"?: string | undefined;
+        "mj-class"?: string | undefined;
+    };
+    get headStyle(): string;
+    getStyles(): {
+        div: {
+            align: string;
+            width: string;
+        };
+        label: {
+            display: string;
+            cursor: string;
+            "mso-hide": string;
+            "user-select": string;
+            color: string;
+            "font-size": string;
+            "font-family": string;
+            "text-transform": string;
+            "text-decoration": string;
+            "line-height": string;
+            "padding-top": string;
+            "padding-right": string;
+            "padding-bottom": string;
+            "padding-left": string;
+            padding: string;
+        };
+        trigger: {
+            display: string;
+            "max-height": string;
+            "max-width": string;
+            "font-size": string;
+            overflow: string;
+        };
+        icoOpen: {
+            "mso-hide": string;
+        };
+        icoClose: {
+            display: string;
+            "mso-hide": string;
+        };
+    };
+    renderHamburger(): JSX.Element;
+    get navbarBaseUrl(): string;
+    renderElement(): JSX.Element;
+}

package/lib/typings/components/Elements/atom/NavbarLink.d.ts

@@ -0,0 +1,75 @@
+/// <reference types="react" />
+import { Element } from "easy-email-pro-core";
+import { BaseElement } from "../BaseElement";
+export declare class NavbarLink extends BaseElement<Element> {
+    static endingTag: boolean;
+    componentType: string;
+    static allowedAttributes: {
+        color: string;
+        "font-family": string;
+        "font-size": string;
+        "font-style": string;
+        "font-weight": string;
+        href: string;
+        name: string;
+        target: string;
+        rel: string;
+        "letter-spacing": string;
+        "line-height": string;
+        "padding-bottom": string;
+        "padding-left": string;
+        "padding-right": string;
+        "padding-top": string;
+        padding: string;
+        "text-decoration": string;
+        "text-transform": string;
+    };
+    static defaultAttributes: {
+        padding?: string | undefined;
+        "padding-top"?: string | undefined;
+        "padding-bottom"?: string | undefined;
+        "padding-left"?: string | undefined;
+        "padding-right"?: string | undefined;
+        color?: string | undefined;
+        href?: string | undefined;
+        target?: string | undefined;
+        "font-family"?: string | undefined;
+        "font-size"?: string | undefined;
+        "font-style"?: string | undefined;
+        "font-weight"?: string | undefined;
+        "line-height"?: string | undefined;
+        "text-decoration"?: string | undefined;
+        "text-transform"?: string | undefined;
+        "css-class"?: string | undefined;
+        "mj-class"?: string | undefined;
+    };
+    getStyles(): {
+        a: {
+            display: string;
+            color: string;
+            "font-family": string;
+            "font-size": string;
+            "font-style": string;
+            "font-weight": string;
+            "letter-spacing": string;
+            "line-height": string;
+            "text-decoration": string;
+            "text-transform": string;
+            padding: string;
+            "padding-top": string;
+            "padding-left": string;
+            "padding-right": string;
+            "padding-bottom": string;
+        };
+        td: {
+            padding: string;
+            "padding-top": string;
+            "padding-left": string;
+            "padding-right": string;
+            "padding-bottom": string;
+        };
+    };
+    get isHorizontal(): boolean;
+    renderContent(): JSX.Element;
+    renderElement(): JSX.Element;
+}

package/lib/typings/components/Elements/atom/Page.d.ts

@@ -0,0 +1,32 @@
+/// <reference types="react" />
+import { PageElement } from "easy-email-pro-core";
+import { BaseElement } from "../BaseElement";
+export declare class Page<T extends PageElement = PageElement> extends BaseElement<T> {
+    componentType: string;
+    static allowedAttributes: {
+        width: string;
+        "background-color": string;
+    };
+    static defaultAttributes: {
+        "background-color"?: string | undefined;
+        width?: string | undefined;
+        "content-background-color"?: string | undefined;
+        "link-color"?: string | undefined;
+        "link-text-decoration"?: string | undefined;
+        "link-font-weight"?: string | undefined;
+        "link-font-style"?: string | undefined;
+        "margin-top"?: string | undefined;
+        "margin-bottom"?: string | undefined;
+        "css-class"?: string | undefined;
+        "mj-class"?: string | undefined;
+    };
+    getStyles(): {
+        div: {
+            "background-color": string;
+        };
+    };
+    getContainerWidth(): string;
+    renderContent: () => JSX.Element;
+    renderChildrenElement(): JSX.Element;
+    renderElement(): JSX.Element;
+}

package/lib/typings/components/Elements/atom/Placeholder.d.ts

@@ -0,0 +1,11 @@
+/// <reference types="react" />
+import { LineBreakElement } from "easy-email-pro-core";
+import { BaseElement } from "../BaseElement";
+export declare class Placeholder extends BaseElement<LineBreakElement> {
+    componentType: string;
+    static defaultAttributes: {
+        "css-class"?: string | undefined;
+        "mj-class"?: string | undefined;
+    };
+    renderElement(): JSX.Element;
+}

package/lib/typings/components/Elements/atom/Raw.d.ts

@@ -0,0 +1,12 @@
+import { Element, RawElement } from "easy-email-pro-core";
+import React from "react";
+import { BaseElement } from "../BaseElement";
+export declare class Raw<T extends Element = RawElement> extends BaseElement<T> {
+    componentType: string;
+    static allowedAttributes: {};
+    static defaultAttributes: {
+        "css-class"?: string | undefined;
+        "mj-class"?: string | undefined;
+    };
+    renderElement(): React.ReactNode;
+}

package/lib/typings/components/Elements/atom/Section.d.ts

@@ -0,0 +1,156 @@
+/// <reference types="react" />
+import { BaseElement } from "../BaseElement";
+import { Element, SectionElement } from "easy-email-pro-core";
+export declare class Section<T extends Element = SectionElement> extends BaseElement<T> {
+    componentType: string;
+    static allowedAttributes: {
+        "background-color": string;
+        "background-url": string;
+        "background-repeat": string;
+        "background-size": string;
+        "background-position": string;
+        "background-position-x": string;
+        "background-position-y": string;
+        border: string;
+        "border-bottom": string;
+        "border-left": string;
+        "border-radius": string;
+        "border-right": string;
+        "border-top": string;
+        direction: string;
+        "full-width": string;
+        padding: string;
+        "padding-top": string;
+        "padding-bottom": string;
+        "padding-left": string;
+        "padding-right": string;
+        "text-align": string;
+    };
+    static defaultAttributes: {
+        "background-color"?: string | undefined;
+        "background-position"?: string | undefined;
+        "background-position-x"?: string | undefined;
+        "background-position-y"?: string | undefined;
+        "background-repeat"?: "repeat" | "no-repeat" | undefined;
+        "background-size"?: string | undefined;
+        "background-url"?: string | undefined;
+        border?: string | undefined;
+        "border-radius"?: string | undefined;
+        direction?: "ltr" | "rtl" | undefined;
+        "full-width"?: string | undefined;
+        padding?: string | undefined;
+        "padding-top"?: string | undefined;
+        "padding-bottom"?: string | undefined;
+        "padding-left"?: string | undefined;
+        "padding-right"?: string | undefined;
+        "text-align"?: string | undefined;
+        "css-class"?: string | undefined;
+        "mj-class"?: string | undefined;
+    };
+    get containerWidth(): string;
+    get attributes(): any;
+    getStyles(): {
+        tableFullwidth: {
+            width: string;
+            "border-radius": string;
+            background: string;
+            "background-position": string;
+            "background-repeat": string;
+            "background-size": string;
+            "background-color"?: undefined;
+        } | {
+            width: string;
+            "border-radius": string;
+            background: string;
+            "background-color": string;
+            "background-position"?: undefined;
+            "background-repeat"?: undefined;
+            "background-size"?: undefined;
+        } | {
+            width: string;
+            "border-radius": string;
+        };
+        table: {
+            width: string;
+            "border-radius": string;
+            background: string;
+            "background-position": string;
+            "background-repeat": string;
+            "background-size": string;
+            "background-color"?: undefined;
+        } | {
+            width: string;
+            "border-radius": string;
+            background: string;
+            "background-color": string;
+            "background-position"?: undefined;
+            "background-repeat"?: undefined;
+            "background-size"?: undefined;
+        } | {
+            width: string;
+            "border-radius": string;
+        };
+        td: {
+            border: string;
+            "border-bottom": string;
+            "border-left": string;
+            "border-right": string;
+            "border-top": string;
+            direction: string;
+            "font-size": string;
+            padding: string;
+            "padding-bottom": string;
+            "padding-left": string;
+            "padding-right": string;
+            "padding-top": string;
+            "text-align": string;
+        };
+        div: {
+            margin: string;
+            "border-radius": string;
+            "max-width": string;
+            background: string;
+            "background-position": string;
+            "background-repeat": string;
+            "background-size": string;
+            "background-color"?: undefined;
+        } | {
+            margin: string;
+            "border-radius": string;
+            "max-width": string;
+            background: string;
+            "background-color": string;
+            "background-position"?: undefined;
+            "background-repeat"?: undefined;
+            "background-size"?: undefined;
+        } | {
+            margin: string;
+            "border-radius": string;
+            "max-width": string;
+        };
+        innerDiv: {
+            "line-height": string;
+            "font-size": string;
+        };
+    };
+    getBackground(): string;
+    getBackgroundString(): string;
+    getBackgroundPosition(): {
+        posX: string;
+        posY: string;
+    };
+    parseBackgroundPosition(): {
+        x: string;
+        y: string;
+    };
+    hasBackground(): boolean;
+    isFullWidth(): boolean;
+    renderSection(): JSX.Element;
+    renderFullWidth(): JSX.Element;
+    get childContext(): {
+        parent: any;
+        stackOnMobile: boolean;
+    };
+    renderSimple(): JSX.Element;
+    renderElement(): JSX.Element;
+}

package/lib/typings/components/Elements/atom/Social.d.ts

@@ -0,0 +1,67 @@
+/// <reference types="react" />
+import { SocialElement } from "easy-email-pro-core";
+import { BaseElement } from "../BaseElement";
+export declare class Social extends BaseElement<SocialElement> {
+    componentType: string;
+    static allowedAttributes: {
+        align: string;
+        "border-radius": string;
+        "container-background-color": string;
+        color: string;
+        "font-family": string;
+        "font-size": string;
+        "font-style": string;
+        "font-weight": string;
+        "icon-size": string;
+        "icon-height": string;
+        "icon-padding": string;
+        "inner-padding": string;
+        "line-height": string;
+        mode: string;
+        "padding-bottom": string;
+        "padding-left": string;
+        "padding-right": string;
+        "padding-top": string;
+        padding: string;
+        "table-layout": string;
+        "text-padding": string;
+        "text-decoration": string;
+        "vertical-align": string;
+    };
+    static defaultAttributes: {
+        "border-radius"?: string | undefined;
+        padding?: string | undefined;
+        "padding-top"?: string | undefined;
+        "padding-bottom"?: string | undefined;
+        "padding-left"?: string | undefined;
+        "padding-right"?: string | undefined;
+        "container-background-color"?: string | undefined;
+        align?: string | undefined;
+        color?: string | undefined;
+        "inner-padding"?: string | undefined;
+        "font-family"?: string | undefined;
+        "font-size"?: string | undefined;
+        "font-style"?: string | undefined;
+        "font-weight"?: string | undefined;
+        "line-height"?: string | undefined;
+        "text-decoration"?: string | undefined;
+        mode?: "vertical" | "horizontal" | undefined;
+        "icon-height"?: string | undefined;
+        "icon-size"?: string | undefined;
+        "icon-padding"?: string | undefined;
+        "text-padding"?: string | undefined;
+        "css-class"?: string | undefined;
+        "mj-class"?: string | undefined;
+    };
+    getStyles(): {
+        tableVertical: {
+            margin: string;
+        };
+    };
+    getSocialElementAttributes(): Record<string, string>;
+    get isHorizontal(): boolean;
+    renderVertical(): JSX.Element;
+    renderChildrenWithPlaceholder(): JSX.Element;
+    renderHorizontal(): JSX.Element;
+    renderElement(): JSX.Element;
+}

package/lib/typings/components/Elements/atom/SocialElement.d.ts

@@ -0,0 +1,110 @@
+/// <reference types="react" />
+import { SocialElement } from "easy-email-pro-core";
+import { BaseElement } from "../BaseElement";
+export declare class SocialItem extends BaseElement<SocialElement> {
+    componentType: string;
+    static endingTag: boolean;
+    static allowedAttributes: {
+        align: string;
+        "background-color": string;
+        color: string;
+        "border-radius": string;
+        "font-family": string;
+        "font-size": string;
+        "font-style": string;
+        "font-weight": string;
+        href: string;
+        "icon-size": string;
+        "icon-height": string;
+        "icon-padding": string;
+        "line-height": string;
+        name: string;
+        "padding-bottom": string;
+        "padding-left": string;
+        "padding-right": string;
+        "padding-top": string;
+        padding: string;
+        "text-padding": string;
+        rel: string;
+        src: string;
+        srcset: string;
+        sizes: string;
+        alt: string;
+        title: string;
+        target: string;
+        "text-decoration": string;
+        "vertical-align": string;
+    };
+    static defaultAttributes: {
+        title?: string | undefined;
+        "background-color"?: string | undefined;
+        "border-radius"?: string | undefined;
+        padding?: string | undefined;
+        "padding-top"?: string | undefined;
+        "padding-bottom"?: string | undefined;
+        "padding-left"?: string | undefined;
+        "padding-right"?: string | undefined;
+        align?: string | undefined;
+        color?: string | undefined;
+        href?: string | undefined;
+        target?: string | undefined;
+        "vertical-align"?: string | undefined;
+        "font-family"?: string | undefined;
+        "font-size"?: string | undefined;
+        "font-style"?: string | undefined;
+        "font-weight"?: string | undefined;
+        "line-height"?: string | undefined;
+        "text-decoration"?: string | undefined;
+        alt?: string | undefined;
+        src?: string | undefined;
+        "icon-height"?: string | undefined;
+        "icon-size"?: string | undefined;
+        "icon-padding"?: string | undefined;
+        "text-padding"?: string | undefined;
+        name?: string | undefined;
+        "css-class"?: string | undefined;
+        "mj-class"?: string | undefined;
+    };
+    getAttribute(name: string): string;
+    getStyles(): {
+        td: {
+            padding: string;
+            "padding-top": string;
+            "padding-bottom": string;
+            "padding-left": string;
+            "padding-right": string;
+            "vertical-align": string;
+        };
+        table: {
+            background: any;
+            "border-radius": string;
+            width: any;
+        };
+        icon: {
+            padding: string;
+            "font-size": string;
+            height: any;
+            "vertical-align": string;
+            width: any;
+        };
+        img: {
+            "border-radius": string;
+            display: string;
+        };
+        tdText: {
+            "vertical-align": string;
+            padding: string;
+        };
+        text: {
+            color: string;
+            "font-size": string;
+            "font-weight": string;
+            "font-style": string;
+            "font-family": string;
+            "line-height": string;
+            "text-decoration": string;
+        };
+    };
+    getSocialAttributes(): any;
+    renderElement(): JSX.Element;
+}

package/lib/typings/components/Elements/atom/Spacer.d.ts

@@ -0,0 +1,35 @@
+import { SpacerElement, Element } from "easy-email-pro-core";
+import React from "react";
+import { BaseElement } from "../BaseElement";
+export declare class Spacer<T extends Element = SpacerElement> extends BaseElement<T> {
+    componentType: string;
+    static allowedAttributes: {
+        border: string;
+        "border-bottom": string;
+        "border-left": string;
+        "border-right": string;
+        "border-top": string;
+        "container-background-color": string;
+        "padding-bottom": string;
+        "padding-left": string;
+        "padding-right": string;
+        "padding-top": string;
+        padding: string;
+        height: string;
+    };
+    static defaultAttributes: {
+        padding?: string | undefined;
+        "container-background-color"?: string | undefined;
+        height?: string | undefined;
+        "css-class"?: string | undefined;
+        "mj-class"?: string | undefined;
+    };
+    getStyles(): {
+        div: {
+            height: string;
+            "line-height": string;
+        };
+    };
+    renderWithColumn: (children: React.ReactNode) => JSX.Element;
+    renderElement(): JSX.Element;
+}