easy-email-pro-editor 1.37.6 → 1.38.0

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

@@ -0,0 +1,52 @@
+import React from "react";
+import { SectionElement } from "easy-email-pro-core";
+import { BaseElement } from "../../BaseElement";
+export declare class Section extends BaseElement<SectionElement> {
+    componentType: string;
+    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;
+    };
+    defaultAttributes: {
+        padding?: string | undefined;
+        "padding-top"?: string | undefined;
+        "padding-bottom"?: string | undefined;
+        "padding-left"?: string | undefined;
+        "padding-right"?: string | undefined;
+        "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;
+        "text-align"?: string | undefined;
+        "css-class"?: string | undefined;
+        "mj-class"?: string | undefined;
+    };
+    stackOnMobile: boolean;
+    renderElement(): React.JSX.Element;
+}

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

@@ -1,153 +0,0 @@
-import React from "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: {
-        padding?: string | undefined;
-        "padding-top"?: string | undefined;
-        "padding-bottom"?: string | undefined;
-        "padding-left"?: string | undefined;
-        "padding-right"?: string | undefined;
-        "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;
-        "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(): React.JSX.Element;
-    renderFullWidth(): React.JSX.Element;
-    stackOnMobile: boolean;
-    renderSimple(): React.JSX.Element;
-    renderElement(): React.JSX.Element;
-}

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

@@ -0,0 +1,58 @@
+import React from "react";
+import { SocialElement } from "easy-email-pro-core";
+import { BaseElement } from "../../BaseElement";
+export declare class Social extends BaseElement<SocialElement> {
+    componentType: string;
+    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;
+    };
+    defaultAttributes: {
+        color?: 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;
+        align?: string | undefined;
+        "container-background-color"?: string | undefined;
+        padding?: string | undefined;
+        "padding-top"?: string | undefined;
+        "padding-bottom"?: string | undefined;
+        "padding-left"?: string | undefined;
+        "padding-right"?: string | undefined;
+        "border-radius"?: string | undefined;
+        "inner-padding"?: string | undefined;
+        mode?: "horizontal" | "vertical" | 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;
+    };
+    renderChildrenWithPlaceholder(): React.JSX.Element;
+    renderElement(): React.ReactNode;
+}

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

@@ -1,67 +0,0 @@
-import React from "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: {
-        color?: 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;
-        align?: string | undefined;
-        "container-background-color"?: string | undefined;
-        padding?: string | undefined;
-        "padding-top"?: string | undefined;
-        "padding-bottom"?: string | undefined;
-        "padding-left"?: string | undefined;
-        "padding-right"?: string | undefined;
-        "border-radius"?: string | undefined;
-        "inner-padding"?: string | undefined;
-        mode?: "horizontal" | "vertical" | 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>) & import("lodash").MemoizedFunction;
-    get isHorizontal(): boolean;
-    renderVertical(): React.JSX.Element;
-    renderChildrenWithPlaceholder(): React.JSX.Element;
-    renderHorizontal(): React.JSX.Element;
-    renderElement(): React.JSX.Element;
-}

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

@@ -0,0 +1,70 @@
+import React from "react";
+import { SocialItemElement } from "easy-email-pro-core";
+import { BaseElement } from "../../BaseElement";
+export declare class SocialItem extends BaseElement<SocialItemElement> {
+    componentType: string;
+    endingTag: boolean;
+    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;
+    };
+    defaultAttributes: {
+        title?: string | undefined;
+        rel?: string | undefined;
+        color?: 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;
+        align?: string | undefined;
+        padding?: string | undefined;
+        "padding-top"?: string | undefined;
+        "padding-bottom"?: string | undefined;
+        "padding-left"?: string | undefined;
+        "padding-right"?: string | undefined;
+        "background-color"?: string | undefined;
+        "border-radius"?: string | undefined;
+        name?: string | undefined;
+        href?: string | undefined;
+        target?: string | undefined;
+        "vertical-align"?: string | undefined;
+        alt?: string | undefined;
+        src?: string | 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;
+    };
+    renderElement(): React.ReactNode;
+}

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

@@ -1,110 +0,0 @@
-import React from "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;
-        color?: 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;
-        align?: string | undefined;
-        padding?: string | undefined;
-        "padding-top"?: string | undefined;
-        "padding-bottom"?: string | undefined;
-        "padding-left"?: string | undefined;
-        "padding-right"?: string | undefined;
-        "background-color"?: string | undefined;
-        "border-radius"?: string | undefined;
-        href?: string | undefined;
-        target?: string | undefined;
-        "vertical-align"?: 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(): React.JSX.Element;
-}

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

@@ -0,0 +1,28 @@
+import { SpacerElement } from "easy-email-pro-core";
+import React from "react";
+import { BaseElement } from "../../BaseElement";
+export declare class Spacer extends BaseElement<SpacerElement> {
+    componentType: string;
+    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;
+    };
+    defaultAttributes: {
+        height?: string | undefined;
+        "container-background-color"?: string | undefined;
+        padding?: string | undefined;
+        "css-class"?: string | undefined;
+        "mj-class"?: string | undefined;
+    };
+    renderElement(): React.ReactNode;
+}

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

@@ -1,35 +0,0 @@
-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: {
-        height?: string | undefined;
-        "container-background-color"?: string | undefined;
-        padding?: string | undefined;
-        "css-class"?: string | undefined;
-        "mj-class"?: string | undefined;
-    };
-    getStyles(): {
-        div: {
-            height: string;
-            "line-height": string;
-        };
-    };
-    renderWithColumn: (children: React.ReactNode) => React.JSX.Element;
-    renderElement(): React.JSX.Element;
-}

package/lib/typings/components/Elements/atom/Table/index.d.ts

@@ -0,0 +1,56 @@
+import React from "react";
+import { TableElement } from "easy-email-pro-core";
+import { BaseElement } from "../../BaseElement";
+export declare class Table extends BaseElement<TableElement> {
+    componentType: string;
+    endingTag: boolean;
+    allowedAttributes: {
+        align: string;
+        border: string;
+        cellpadding: string;
+        cellspacing: string;
+        "container-background-color": string;
+        color: string;
+        "font-family": string;
+        "font-size": string;
+        "font-weight": string;
+        "line-height": string;
+        "padding-bottom": string;
+        "padding-left": string;
+        "padding-right": string;
+        "padding-top": string;
+        padding: string;
+        role: string;
+        "table-layout": string;
+        "vertical-align": string;
+        width: string;
+    };
+    defaultAttributes: {
+        role?: "none" | "presentation" | undefined;
+        color?: string | undefined;
+        "font-family"?: string | undefined;
+        "font-size"?: string | undefined;
+        "font-style"?: string | undefined;
+        "font-weight"?: string | undefined;
+        "line-height"?: string | number | undefined;
+        "letter-spacing"?: string | undefined;
+        "text-decoration"?: string | undefined;
+        "text-transform"?: string | undefined;
+        align?: string | undefined;
+        "container-background-color"?: string | undefined;
+        width?: string | undefined;
+        padding?: string | undefined;
+        "padding-top"?: string | undefined;
+        "padding-bottom"?: string | undefined;
+        "padding-left"?: string | undefined;
+        "padding-right"?: string | undefined;
+        border?: string | undefined;
+        cellpadding?: string | undefined;
+        cellspacing?: string | undefined;
+        "table-layout"?: "inherit" | "fixed" | "initial" | "auto" | undefined;
+        "css-class"?: string | undefined;
+        "mj-class"?: string | undefined;
+    };
+    renderChildrenWithPlaceholder(): React.JSX.Element;
+    renderElement(): React.ReactNode;
+}