easy-email-pro-editor 0.2.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/lib/index.js +13691 -0
- package/lib/typings/components/BeacasEditor/InteractiveState/index.d.ts +2 -0
- package/lib/typings/components/BeacasEditor/index.d.ts +4 -0
- package/lib/typings/components/BeacasEditorProvider/index.d.ts +9 -0
- package/lib/typings/components/Elements/BaseElement.d.ts +53 -0
- package/lib/typings/components/Elements/atom/Button.d.ts +115 -0
- package/lib/typings/components/Elements/atom/Column.d.ts +112 -0
- package/lib/typings/components/Elements/atom/Divider.d.ts +53 -0
- package/lib/typings/components/Elements/atom/Group.d.ts +48 -0
- package/lib/typings/components/Elements/atom/Hero.d.ts +127 -0
- package/lib/typings/components/Elements/atom/HtmlNode.d.ts +539 -0
- package/lib/typings/components/Elements/atom/Image.d.ts +78 -0
- package/lib/typings/components/Elements/atom/LineBreak.d.ts +11 -0
- package/lib/typings/components/Elements/atom/Mergetag.d.ts +11 -0
- package/lib/typings/components/Elements/atom/Navbar.d.ts +93 -0
- package/lib/typings/components/Elements/atom/NavbarLink.d.ts +75 -0
- package/lib/typings/components/Elements/atom/Page.d.ts +32 -0
- package/lib/typings/components/Elements/atom/Placeholder.d.ts +11 -0
- package/lib/typings/components/Elements/atom/Raw.d.ts +12 -0
- package/lib/typings/components/Elements/atom/Section.d.ts +156 -0
- package/lib/typings/components/Elements/atom/Social.d.ts +67 -0
- package/lib/typings/components/Elements/atom/SocialElement.d.ts +110 -0
- package/lib/typings/components/Elements/atom/Spacer.d.ts +35 -0
- package/lib/typings/components/Elements/atom/Text.d.ts +66 -0
- package/lib/typings/components/Elements/atom/Wrapper.d.ts +26 -0
- package/lib/typings/components/Elements/atom/index.d.ts +16 -0
- package/lib/typings/components/Elements/basic/Button.d.ts +37 -0
- package/lib/typings/components/Elements/basic/Column.d.ts +20 -0
- package/lib/typings/components/Elements/basic/Divider.d.ts +20 -0
- package/lib/typings/components/Elements/basic/Group.d.ts +11 -0
- package/lib/typings/components/Elements/basic/Hero.d.ts +21 -0
- package/lib/typings/components/Elements/basic/Image.d.ts +28 -0
- package/lib/typings/components/Elements/basic/Navbar.d.ts +25 -0
- package/lib/typings/components/Elements/basic/Section.d.ts +29 -0
- package/lib/typings/components/Elements/basic/Social.d.ts +28 -0
- package/lib/typings/components/Elements/basic/Spacer.d.ts +10 -0
- package/lib/typings/components/Elements/basic/Text/index.d.ts +5 -0
- package/lib/typings/components/Elements/basic/TextList/TextListItem.d.ts +7 -0
- package/lib/typings/components/Elements/basic/TextList/index.d.ts +50 -0
- package/lib/typings/components/Elements/basic/Wrapper.d.ts +29 -0
- package/lib/typings/components/Elements/index.d.ts +11 -0
- package/lib/typings/components/HtmlStringToReactNodes/index.d.ts +9 -0
- package/lib/typings/components/IframeComponent/index.d.ts +9 -0
- package/lib/typings/components/Leaf/index.d.ts +5 -0
- package/lib/typings/constants/index.d.ts +18 -0
- package/lib/typings/contexts/EdirorPropsContext.d.ts +7 -0
- package/lib/typings/contexts/EditorContext.d.ts +17 -0
- package/lib/typings/contexts/InteractContext.d.ts +27 -0
- package/lib/typings/contexts/index.d.ts +3 -0
- package/lib/typings/core/withBeacas.d.ts +3 -0
- package/lib/typings/core/withEditorState.d.ts +9 -0
- package/lib/typings/core/withElementInteract.d.ts +3 -0
- package/lib/typings/hooks/index.d.ts +7 -0
- package/lib/typings/hooks/useEditorContext.d.ts +1 -0
- package/lib/typings/hooks/useEditorProps.d.ts +2 -0
- package/lib/typings/hooks/useEditorState.d.ts +1 -0
- package/lib/typings/hooks/useEventCallback.d.ts +1 -0
- package/lib/typings/hooks/useForceUpdate.d.ts +4 -0
- package/lib/typings/hooks/useRefState.d.ts +2 -0
- package/lib/typings/hooks/useSelectedNode.d.ts +5 -0
- package/lib/typings/index.d.ts +9 -0
- package/lib/typings/typings/custom-types.d.ts +43 -0
- package/lib/typings/typings/index.d.ts +77 -0
- package/lib/typings/utils/Uploader.d.ts +35 -0
- package/lib/typings/utils/classnames.d.ts +1 -0
- package/lib/typings/utils/conditionalTag.d.ts +9 -0
- package/lib/typings/utils/fonts.d.ts +1 -0
- package/lib/typings/utils/formatAttributes.d.ts +1 -0
- package/lib/typings/utils/generateMediaQuery.d.ts +6 -0
- package/lib/typings/utils/getMediaQuery.d.ts +5 -0
- package/lib/typings/utils/index.d.ts +5 -0
- package/lib/typings/utils/isDOMElement.d.ts +3 -0
- package/lib/typings/utils/isFormatActive.d.ts +3 -0
- package/lib/typings/utils/makeLowerBreakpoint.d.ts +1 -0
- package/lib/typings/utils/mediaQueries.d.ts +1 -0
- package/lib/typings/utils/shorthandParser.d.ts +2 -0
- package/lib/typings/utils/suffixCssClasses.d.ts +2 -0
- package/lib/typings/utils/toggleFormat.d.ts +3 -0
- package/lib/typings/utils/types/boolean.d.ts +12 -0
- package/lib/typings/utils/types/color.d.ts +12 -0
- package/lib/typings/utils/types/enum.d.ts +13 -0
- package/lib/typings/utils/types/helpers/colors.d.ts +2 -0
- package/lib/typings/utils/types/index.d.ts +82 -0
- package/lib/typings/utils/types/integer.d.ts +12 -0
- package/lib/typings/utils/types/string.d.ts +12 -0
- package/lib/typings/utils/types/type.d.ts +11 -0
- package/lib/typings/utils/types/unit.d.ts +12 -0
- package/lib/typings/utils/widthParser.d.ts +6 -0
- package/package.json +32 -0
|
@@ -0,0 +1,66 @@
|
|
|
1
|
+
import React from "react";
|
|
2
|
+
import { Element, TextElement } from "easy-email-pro-core";
|
|
3
|
+
import { BaseElement } from "../BaseElement";
|
|
4
|
+
export declare class Text<T extends Element = TextElement> extends BaseElement<T> {
|
|
5
|
+
componentType: string;
|
|
6
|
+
static endingTag: boolean;
|
|
7
|
+
static allowedAttributes: {
|
|
8
|
+
align: string;
|
|
9
|
+
"background-color": string;
|
|
10
|
+
color: string;
|
|
11
|
+
"container-background-color": string;
|
|
12
|
+
"font-family": string;
|
|
13
|
+
"font-size": string;
|
|
14
|
+
"font-style": string;
|
|
15
|
+
"font-weight": string;
|
|
16
|
+
height: string;
|
|
17
|
+
"letter-spacing": string;
|
|
18
|
+
"line-height": string;
|
|
19
|
+
"padding-bottom": string;
|
|
20
|
+
"padding-left": string;
|
|
21
|
+
"padding-right": string;
|
|
22
|
+
"padding-top": string;
|
|
23
|
+
padding: string;
|
|
24
|
+
"text-decoration": string;
|
|
25
|
+
"text-transform": string;
|
|
26
|
+
"vertical-align": string;
|
|
27
|
+
};
|
|
28
|
+
static defaultAttributes: {
|
|
29
|
+
padding?: string | undefined;
|
|
30
|
+
"padding-top"?: string | undefined;
|
|
31
|
+
"padding-bottom"?: string | undefined;
|
|
32
|
+
"padding-left"?: string | undefined;
|
|
33
|
+
"padding-right"?: string | undefined;
|
|
34
|
+
"container-background-color"?: string | undefined;
|
|
35
|
+
height?: string | undefined;
|
|
36
|
+
align?: string | undefined;
|
|
37
|
+
color?: string | undefined;
|
|
38
|
+
width?: string | undefined;
|
|
39
|
+
"font-family"?: string | undefined;
|
|
40
|
+
"font-size"?: string | undefined;
|
|
41
|
+
"font-style"?: string | undefined;
|
|
42
|
+
"font-weight"?: string | undefined;
|
|
43
|
+
"line-height"?: string | number | undefined;
|
|
44
|
+
"letter-spacing"?: string | undefined;
|
|
45
|
+
"text-decoration"?: string | undefined;
|
|
46
|
+
"text-transform"?: string | undefined;
|
|
47
|
+
"css-class"?: string | undefined;
|
|
48
|
+
"mj-class"?: string | undefined;
|
|
49
|
+
};
|
|
50
|
+
getStyles(): {
|
|
51
|
+
text: {
|
|
52
|
+
"font-family": string;
|
|
53
|
+
"font-size": string;
|
|
54
|
+
"font-style": string;
|
|
55
|
+
"font-weight": string;
|
|
56
|
+
"letter-spacing": string;
|
|
57
|
+
"line-height": string;
|
|
58
|
+
"text-align": string;
|
|
59
|
+
"text-decoration": string;
|
|
60
|
+
"text-transform": string;
|
|
61
|
+
color: string;
|
|
62
|
+
height: string;
|
|
63
|
+
};
|
|
64
|
+
};
|
|
65
|
+
renderElement(): React.ReactNode;
|
|
66
|
+
}
|
|
@@ -0,0 +1,26 @@
|
|
|
1
|
+
import { Element, WrapperElement } from "easy-email-pro-core";
|
|
2
|
+
import { Section } from "./Section";
|
|
3
|
+
export declare class Wrapper<T extends Element = WrapperElement> extends Section<T> {
|
|
4
|
+
componentType: string;
|
|
5
|
+
static defaultAttributes: {
|
|
6
|
+
"background-color"?: string | undefined;
|
|
7
|
+
"background-position"?: string | undefined;
|
|
8
|
+
"background-position-x"?: string | undefined;
|
|
9
|
+
"background-position-y"?: string | undefined;
|
|
10
|
+
"background-repeat"?: "repeat" | "no-repeat" | undefined;
|
|
11
|
+
"background-size"?: string | undefined;
|
|
12
|
+
"background-url"?: string | undefined;
|
|
13
|
+
border?: string | undefined;
|
|
14
|
+
"border-radius"?: string | undefined;
|
|
15
|
+
direction?: "ltr" | "rtl" | undefined;
|
|
16
|
+
"full-width"?: string | undefined;
|
|
17
|
+
padding?: string | undefined;
|
|
18
|
+
"padding-top"?: string | undefined;
|
|
19
|
+
"padding-bottom"?: string | undefined;
|
|
20
|
+
"padding-left"?: string | undefined;
|
|
21
|
+
"padding-right"?: string | undefined;
|
|
22
|
+
"text-align"?: string | undefined;
|
|
23
|
+
"css-class"?: string | undefined;
|
|
24
|
+
"mj-class"?: string | undefined;
|
|
25
|
+
};
|
|
26
|
+
}
|
|
@@ -0,0 +1,16 @@
|
|
|
1
|
+
export { Button } from "./Button";
|
|
2
|
+
export { Column } from "./Column";
|
|
3
|
+
export { Image } from "./Image";
|
|
4
|
+
export { Navbar } from "./Navbar";
|
|
5
|
+
export { NavbarLink } from "./NavbarLink";
|
|
6
|
+
export { Page } from "./Page";
|
|
7
|
+
export { Section } from "./Section";
|
|
8
|
+
export { Social } from "./Social";
|
|
9
|
+
export { SocialItem } from "./SocialElement";
|
|
10
|
+
export { Text } from "./Text";
|
|
11
|
+
export { Group } from "./Group";
|
|
12
|
+
export { Spacer } from "./Spacer";
|
|
13
|
+
export { Divider } from "./Divider";
|
|
14
|
+
export { Hero } from "./Hero";
|
|
15
|
+
export { Raw } from "./Raw";
|
|
16
|
+
export { HtmlNode } from "./HtmlNode";
|
|
@@ -0,0 +1,37 @@
|
|
|
1
|
+
/// <reference types="react" />
|
|
2
|
+
import { Button as AtomButton } from "../atom";
|
|
3
|
+
export declare class Button extends AtomButton {
|
|
4
|
+
static defaultAttributes: {
|
|
5
|
+
title?: string | undefined;
|
|
6
|
+
"background-color"?: string | undefined;
|
|
7
|
+
border?: string | undefined;
|
|
8
|
+
"border-radius"?: string | undefined;
|
|
9
|
+
padding?: string | undefined;
|
|
10
|
+
"padding-top"?: string | undefined;
|
|
11
|
+
"padding-bottom"?: string | undefined;
|
|
12
|
+
"padding-left"?: string | undefined;
|
|
13
|
+
"padding-right"?: string | undefined;
|
|
14
|
+
"text-align"?: string | undefined;
|
|
15
|
+
"container-background-color"?: string | undefined;
|
|
16
|
+
height?: string | undefined;
|
|
17
|
+
align?: string | undefined;
|
|
18
|
+
color?: string | undefined;
|
|
19
|
+
href?: string | undefined;
|
|
20
|
+
rel?: string | undefined;
|
|
21
|
+
target?: string | undefined;
|
|
22
|
+
"inner-padding"?: string | undefined;
|
|
23
|
+
"vertical-align"?: "middle" | "top" | "bottom" | undefined;
|
|
24
|
+
width?: string | undefined;
|
|
25
|
+
"font-family"?: string | undefined;
|
|
26
|
+
"font-size"?: string | undefined;
|
|
27
|
+
"font-style"?: string | undefined;
|
|
28
|
+
"font-weight"?: string | undefined;
|
|
29
|
+
"line-height"?: string | number | undefined;
|
|
30
|
+
"letter-spacing"?: string | undefined;
|
|
31
|
+
"text-decoration"?: string | undefined;
|
|
32
|
+
"text-transform"?: string | undefined;
|
|
33
|
+
"css-class"?: string | undefined;
|
|
34
|
+
"mj-class"?: string | undefined;
|
|
35
|
+
};
|
|
36
|
+
renderElement(): JSX.Element;
|
|
37
|
+
}
|
|
@@ -0,0 +1,20 @@
|
|
|
1
|
+
/// <reference types="react" />
|
|
2
|
+
import { Column as AtomColumn } from "../atom";
|
|
3
|
+
export declare class Column extends AtomColumn {
|
|
4
|
+
static defaultAttributes: {
|
|
5
|
+
"background-color"?: string | undefined;
|
|
6
|
+
border?: string | undefined;
|
|
7
|
+
"border-radius"?: string | undefined;
|
|
8
|
+
direction?: string | undefined;
|
|
9
|
+
padding?: string | undefined;
|
|
10
|
+
"text-align"?: string | undefined;
|
|
11
|
+
"vertical-align"?: string | undefined;
|
|
12
|
+
width?: string | undefined;
|
|
13
|
+
"inner-border"?: string | undefined;
|
|
14
|
+
"inner-border-radius"?: string | undefined;
|
|
15
|
+
"inner-background-color"?: "color" | undefined;
|
|
16
|
+
"css-class"?: string | undefined;
|
|
17
|
+
"mj-class"?: string | undefined;
|
|
18
|
+
};
|
|
19
|
+
renderColumn(): JSX.Element;
|
|
20
|
+
}
|
|
@@ -0,0 +1,20 @@
|
|
|
1
|
+
/// <reference types="react" />
|
|
2
|
+
import { Divider as AtomDivider } from "../atom";
|
|
3
|
+
export declare class Divider extends AtomDivider {
|
|
4
|
+
static defaultAttributes: {
|
|
5
|
+
padding?: string | undefined;
|
|
6
|
+
"padding-top"?: string | undefined;
|
|
7
|
+
"padding-bottom"?: string | undefined;
|
|
8
|
+
"padding-left"?: string | undefined;
|
|
9
|
+
"padding-right"?: string | undefined;
|
|
10
|
+
"container-background-color"?: string | undefined;
|
|
11
|
+
align?: "left" | "center" | "right" | undefined;
|
|
12
|
+
width?: string | undefined;
|
|
13
|
+
"border-color"?: string | undefined;
|
|
14
|
+
"border-style"?: string | undefined;
|
|
15
|
+
"border-width"?: string | undefined;
|
|
16
|
+
"css-class"?: string | undefined;
|
|
17
|
+
"mj-class"?: string | undefined;
|
|
18
|
+
};
|
|
19
|
+
renderElement(): JSX.Element;
|
|
20
|
+
}
|
|
@@ -0,0 +1,11 @@
|
|
|
1
|
+
import { Group as AtomGroup } from "../atom";
|
|
2
|
+
export declare class Group extends AtomGroup {
|
|
3
|
+
static defaultAttributes: {
|
|
4
|
+
"background-color"?: string | undefined;
|
|
5
|
+
direction?: "ltr" | "rtl" | undefined;
|
|
6
|
+
"vertical-align"?: "middle" | "top" | "bottom" | undefined;
|
|
7
|
+
width?: string | undefined;
|
|
8
|
+
"css-class"?: string | undefined;
|
|
9
|
+
"mj-class"?: string | undefined;
|
|
10
|
+
};
|
|
11
|
+
}
|
|
@@ -0,0 +1,21 @@
|
|
|
1
|
+
import { Hero as AtomHero } from "../atom";
|
|
2
|
+
export declare class Hero extends AtomHero {
|
|
3
|
+
static defaultAttributes: {
|
|
4
|
+
"background-color"?: string | undefined;
|
|
5
|
+
"background-position"?: string | undefined;
|
|
6
|
+
"background-url"?: string | undefined;
|
|
7
|
+
"border-radius"?: string | undefined;
|
|
8
|
+
"padding-top"?: string | undefined;
|
|
9
|
+
"padding-bottom"?: string | undefined;
|
|
10
|
+
"padding-left"?: string | undefined;
|
|
11
|
+
"padding-right"?: string | undefined;
|
|
12
|
+
height?: string | undefined;
|
|
13
|
+
"vertical-align"?: string | undefined;
|
|
14
|
+
width?: string | undefined;
|
|
15
|
+
mode?: "fluid-height" | "fixed-height" | undefined;
|
|
16
|
+
"background-height"?: string | undefined;
|
|
17
|
+
"background-width"?: string | undefined;
|
|
18
|
+
"css-class"?: string | undefined;
|
|
19
|
+
"mj-class"?: string | undefined;
|
|
20
|
+
};
|
|
21
|
+
}
|
|
@@ -0,0 +1,28 @@
|
|
|
1
|
+
/// <reference types="react" />
|
|
2
|
+
import { Image as AtomImage } from "../atom";
|
|
3
|
+
export declare class Image extends AtomImage {
|
|
4
|
+
static defaultAttributes: {
|
|
5
|
+
title?: string | undefined;
|
|
6
|
+
border?: string | undefined;
|
|
7
|
+
"border-radius"?: string | undefined;
|
|
8
|
+
padding?: string | undefined;
|
|
9
|
+
"padding-top"?: string | undefined;
|
|
10
|
+
"padding-bottom"?: string | undefined;
|
|
11
|
+
"padding-left"?: string | undefined;
|
|
12
|
+
"padding-right"?: string | undefined;
|
|
13
|
+
"container-background-color"?: string | undefined;
|
|
14
|
+
height?: string | undefined;
|
|
15
|
+
align?: string | undefined;
|
|
16
|
+
href?: string | undefined;
|
|
17
|
+
target?: string | undefined;
|
|
18
|
+
width?: string | undefined;
|
|
19
|
+
"text-decoration"?: string | undefined;
|
|
20
|
+
"text-transform"?: string | undefined;
|
|
21
|
+
alt?: string | undefined;
|
|
22
|
+
src?: string | undefined;
|
|
23
|
+
"css-class"?: string | undefined;
|
|
24
|
+
"mj-class"?: string | undefined;
|
|
25
|
+
};
|
|
26
|
+
getAttribute(name: string): string;
|
|
27
|
+
renderElement(): JSX.Element;
|
|
28
|
+
}
|
|
@@ -0,0 +1,25 @@
|
|
|
1
|
+
import { Navbar as AtomNavbar } from "../atom";
|
|
2
|
+
export declare class Navbar extends AtomNavbar {
|
|
3
|
+
static defaultAttributes: {
|
|
4
|
+
padding?: string | undefined;
|
|
5
|
+
"padding-top"?: string | undefined;
|
|
6
|
+
"padding-bottom"?: string | undefined;
|
|
7
|
+
"padding-left"?: string | undefined;
|
|
8
|
+
"padding-right"?: string | undefined;
|
|
9
|
+
align?: string | undefined;
|
|
10
|
+
hamburger?: string | null | undefined;
|
|
11
|
+
"ico-open"?: string | null | undefined;
|
|
12
|
+
"ico-close"?: string | null | undefined;
|
|
13
|
+
"ico-font-family"?: string | null | undefined;
|
|
14
|
+
"base-url"?: string | null | undefined;
|
|
15
|
+
"ico-align"?: string | undefined;
|
|
16
|
+
"ico-color"?: string | undefined;
|
|
17
|
+
"ico-font-size"?: string | undefined;
|
|
18
|
+
"ico-line-height"?: string | undefined;
|
|
19
|
+
"ico-padding"?: string | undefined;
|
|
20
|
+
"ico-text-decoration"?: string | undefined;
|
|
21
|
+
"ico-text-transform"?: string | undefined;
|
|
22
|
+
"css-class"?: string | undefined;
|
|
23
|
+
"mj-class"?: string | undefined;
|
|
24
|
+
};
|
|
25
|
+
}
|
|
@@ -0,0 +1,29 @@
|
|
|
1
|
+
/// <reference types="react" />
|
|
2
|
+
import { Section as AtomSection } from "../atom";
|
|
3
|
+
import { StandardSectionElement } from "easy-email-pro-core";
|
|
4
|
+
export declare class Section extends AtomSection<StandardSectionElement> {
|
|
5
|
+
static defaultAttributes: {
|
|
6
|
+
"background-color"?: string | undefined;
|
|
7
|
+
"background-position"?: string | undefined;
|
|
8
|
+
"background-position-x"?: string | undefined;
|
|
9
|
+
"background-position-y"?: string | undefined;
|
|
10
|
+
"background-repeat"?: "repeat" | "no-repeat" | undefined;
|
|
11
|
+
"background-size"?: string | undefined;
|
|
12
|
+
"background-url"?: string | undefined;
|
|
13
|
+
border?: string | undefined;
|
|
14
|
+
"border-radius"?: string | undefined;
|
|
15
|
+
direction?: "ltr" | "rtl" | undefined;
|
|
16
|
+
"full-width"?: string | undefined;
|
|
17
|
+
padding?: string | undefined;
|
|
18
|
+
"padding-top"?: string | undefined;
|
|
19
|
+
"padding-bottom"?: string | undefined;
|
|
20
|
+
"padding-left"?: string | undefined;
|
|
21
|
+
"padding-right"?: string | undefined;
|
|
22
|
+
"text-align"?: string | undefined;
|
|
23
|
+
"css-class"?: string | undefined;
|
|
24
|
+
"mj-class"?: string | undefined;
|
|
25
|
+
};
|
|
26
|
+
renderSection(): JSX.Element;
|
|
27
|
+
renderFullWidth(): JSX.Element;
|
|
28
|
+
renderElement(): JSX.Element;
|
|
29
|
+
}
|
|
@@ -0,0 +1,28 @@
|
|
|
1
|
+
import { Social as AtomSocial } from "../atom";
|
|
2
|
+
export declare class Social extends AtomSocial {
|
|
3
|
+
static defaultAttributes: {
|
|
4
|
+
"border-radius"?: string | undefined;
|
|
5
|
+
padding?: string | undefined;
|
|
6
|
+
"padding-top"?: string | undefined;
|
|
7
|
+
"padding-bottom"?: string | undefined;
|
|
8
|
+
"padding-left"?: string | undefined;
|
|
9
|
+
"padding-right"?: string | undefined;
|
|
10
|
+
"container-background-color"?: string | undefined;
|
|
11
|
+
align?: string | undefined;
|
|
12
|
+
color?: string | undefined;
|
|
13
|
+
"inner-padding"?: string | undefined;
|
|
14
|
+
"font-family"?: string | undefined;
|
|
15
|
+
"font-size"?: string | undefined;
|
|
16
|
+
"font-style"?: string | undefined;
|
|
17
|
+
"font-weight"?: string | undefined;
|
|
18
|
+
"line-height"?: string | undefined;
|
|
19
|
+
"text-decoration"?: string | undefined;
|
|
20
|
+
mode?: "vertical" | "horizontal" | undefined;
|
|
21
|
+
"icon-height"?: string | undefined;
|
|
22
|
+
"icon-size"?: string | undefined;
|
|
23
|
+
"icon-padding"?: string | undefined;
|
|
24
|
+
"text-padding"?: string | undefined;
|
|
25
|
+
"css-class"?: string | undefined;
|
|
26
|
+
"mj-class"?: string | undefined;
|
|
27
|
+
};
|
|
28
|
+
}
|
|
@@ -0,0 +1,10 @@
|
|
|
1
|
+
import { Spacer as AtomSpacer } from "../atom";
|
|
2
|
+
export declare class Spacer extends AtomSpacer {
|
|
3
|
+
static defaultAttributes: {
|
|
4
|
+
padding?: string | undefined;
|
|
5
|
+
"container-background-color"?: string | undefined;
|
|
6
|
+
height?: string | undefined;
|
|
7
|
+
"css-class"?: string | undefined;
|
|
8
|
+
"mj-class"?: string | undefined;
|
|
9
|
+
};
|
|
10
|
+
}
|
|
@@ -0,0 +1,7 @@
|
|
|
1
|
+
import { StandardTextListItemElement } from "easy-email-pro-core";
|
|
2
|
+
import React from "react";
|
|
3
|
+
import { BaseElement } from "../../BaseElement";
|
|
4
|
+
export declare class TextListItem extends BaseElement<StandardTextListItemElement> {
|
|
5
|
+
componentType: string;
|
|
6
|
+
renderElement(): React.ReactNode | undefined;
|
|
7
|
+
}
|
|
@@ -0,0 +1,50 @@
|
|
|
1
|
+
import { StandardTextListElement } from "easy-email-pro-core";
|
|
2
|
+
import React from "react";
|
|
3
|
+
import { Text as AtomText } from "../../atom";
|
|
4
|
+
export declare class TextList extends AtomText<StandardTextListElement> {
|
|
5
|
+
static allowedAttributes: {
|
|
6
|
+
"list-style": string;
|
|
7
|
+
align: string;
|
|
8
|
+
"background-color": string;
|
|
9
|
+
color: string;
|
|
10
|
+
"container-background-color": string;
|
|
11
|
+
"font-family": string;
|
|
12
|
+
"font-size": string;
|
|
13
|
+
"font-style": string;
|
|
14
|
+
"font-weight": string;
|
|
15
|
+
height: string;
|
|
16
|
+
"letter-spacing": string;
|
|
17
|
+
"line-height": string;
|
|
18
|
+
"padding-bottom": string;
|
|
19
|
+
"padding-left": string;
|
|
20
|
+
"padding-right": string;
|
|
21
|
+
"padding-top": string;
|
|
22
|
+
padding: string;
|
|
23
|
+
"text-decoration": string;
|
|
24
|
+
"text-transform": string;
|
|
25
|
+
"vertical-align": string;
|
|
26
|
+
};
|
|
27
|
+
static defaultAttributes: {
|
|
28
|
+
padding?: string | undefined;
|
|
29
|
+
"padding-top"?: string | undefined;
|
|
30
|
+
"padding-bottom"?: string | undefined;
|
|
31
|
+
"padding-left"?: string | undefined;
|
|
32
|
+
"padding-right"?: string | undefined;
|
|
33
|
+
"container-background-color"?: string | undefined;
|
|
34
|
+
height?: string | undefined;
|
|
35
|
+
align?: string | undefined;
|
|
36
|
+
color?: string | undefined;
|
|
37
|
+
width?: string | undefined;
|
|
38
|
+
"font-family"?: string | undefined;
|
|
39
|
+
"font-size"?: string | undefined;
|
|
40
|
+
"font-style"?: string | undefined;
|
|
41
|
+
"font-weight"?: string | undefined;
|
|
42
|
+
"line-height"?: string | number | undefined;
|
|
43
|
+
"letter-spacing"?: string | undefined;
|
|
44
|
+
"text-decoration"?: string | undefined;
|
|
45
|
+
"text-transform"?: string | undefined;
|
|
46
|
+
"css-class"?: string | undefined;
|
|
47
|
+
"mj-class"?: string | undefined;
|
|
48
|
+
};
|
|
49
|
+
renderElement(): React.ReactNode | undefined;
|
|
50
|
+
}
|
|
@@ -0,0 +1,29 @@
|
|
|
1
|
+
/// <reference types="react" />
|
|
2
|
+
import { Section as AtomSection } from "../atom";
|
|
3
|
+
import { WrapperElement } from "easy-email-pro-core";
|
|
4
|
+
export declare class Wrapper extends AtomSection<WrapperElement> {
|
|
5
|
+
static defaultAttributes: {
|
|
6
|
+
"background-color"?: string | undefined;
|
|
7
|
+
"background-position"?: string | undefined;
|
|
8
|
+
"background-position-x"?: string | undefined;
|
|
9
|
+
"background-position-y"?: string | undefined;
|
|
10
|
+
"background-repeat"?: "repeat" | "no-repeat" | undefined;
|
|
11
|
+
"background-size"?: string | undefined;
|
|
12
|
+
"background-url"?: string | undefined;
|
|
13
|
+
border?: string | undefined;
|
|
14
|
+
"border-radius"?: string | undefined;
|
|
15
|
+
direction?: "ltr" | "rtl" | undefined;
|
|
16
|
+
"full-width"?: string | undefined;
|
|
17
|
+
padding?: string | undefined;
|
|
18
|
+
"padding-top"?: string | undefined;
|
|
19
|
+
"padding-bottom"?: string | undefined;
|
|
20
|
+
"padding-left"?: string | undefined;
|
|
21
|
+
"padding-right"?: string | undefined;
|
|
22
|
+
"text-align"?: string | undefined;
|
|
23
|
+
"css-class"?: string | undefined;
|
|
24
|
+
"mj-class"?: string | undefined;
|
|
25
|
+
};
|
|
26
|
+
renderSection(): JSX.Element;
|
|
27
|
+
renderFullWidth(): JSX.Element;
|
|
28
|
+
renderElement(): JSX.Element;
|
|
29
|
+
}
|
|
@@ -0,0 +1,11 @@
|
|
|
1
|
+
import React from "react";
|
|
2
|
+
import { RenderElementProps } from "slate-react";
|
|
3
|
+
import { Element } from "easy-email-pro-core";
|
|
4
|
+
export type ElementProps = Omit<RenderElementProps, "attributes" | "element"> & {
|
|
5
|
+
attributes?: RenderElementProps["attributes"] & {
|
|
6
|
+
contentEditable?: boolean;
|
|
7
|
+
};
|
|
8
|
+
placeholder?: React.ReactNode;
|
|
9
|
+
element: Element;
|
|
10
|
+
};
|
|
11
|
+
export declare const ElementComponent: (props: ElementProps) => JSX.Element | null;
|
|
@@ -0,0 +1,9 @@
|
|
|
1
|
+
import React from "react";
|
|
2
|
+
export interface HtmlStringToReactNodesOptions {
|
|
3
|
+
enabledMergeTagsBadge: boolean;
|
|
4
|
+
}
|
|
5
|
+
export declare function HtmlStringToReactNodes({ content, domAttributes, children, }: {
|
|
6
|
+
content: string;
|
|
7
|
+
domAttributes?: any;
|
|
8
|
+
children?: React.ReactNode;
|
|
9
|
+
}): JSX.Element | null;
|
|
@@ -0,0 +1,9 @@
|
|
|
1
|
+
import React from "react";
|
|
2
|
+
interface Props extends React.DetailedHTMLProps<React.IframeHTMLAttributes<HTMLIFrameElement>, HTMLIFrameElement> {
|
|
3
|
+
children: React.ReactNode;
|
|
4
|
+
title?: string;
|
|
5
|
+
windowRef?: (e: Window) => void;
|
|
6
|
+
onLoad?: (evt: React.SyntheticEvent<HTMLIFrameElement, Event>) => void;
|
|
7
|
+
}
|
|
8
|
+
export declare const IframeComponent: ({ children, title, windowRef, ...props }: Props) => JSX.Element;
|
|
9
|
+
export {};
|
|
@@ -0,0 +1,18 @@
|
|
|
1
|
+
export declare enum TextFormat {
|
|
2
|
+
TURN_INTO = "turnInto",
|
|
3
|
+
FONT_SIZE = "fontSize",
|
|
4
|
+
FONT_FAMILY = "fontFamily",
|
|
5
|
+
BOLD = "bold",
|
|
6
|
+
ITALIC = "italic",
|
|
7
|
+
UNDERLINE = "underline",
|
|
8
|
+
STRIKETHROUGH = "strikethrough",
|
|
9
|
+
LINK = "link",
|
|
10
|
+
TEXT_COLOR = "color",
|
|
11
|
+
BACKGROUND_COLOR = "bgColor",
|
|
12
|
+
MERGETAG = "mergetag",
|
|
13
|
+
ALIGN = "align",
|
|
14
|
+
REMOVE_FORMAT = "removeFormat"
|
|
15
|
+
}
|
|
16
|
+
export declare enum CustomEvent {
|
|
17
|
+
EDITOR_CLICK = "EDITOR_CLICK"
|
|
18
|
+
}
|
|
@@ -0,0 +1,7 @@
|
|
|
1
|
+
import React from "react";
|
|
2
|
+
import { EmailEditorProps } from "..";
|
|
3
|
+
export declare const EditorPropsContext: React.Context<import("..").BasicEditorProps>;
|
|
4
|
+
export declare const EditorPropsProvider: React.FC<{
|
|
5
|
+
value: EmailEditorProps;
|
|
6
|
+
children: React.ReactNode;
|
|
7
|
+
}>;
|
|
@@ -0,0 +1,17 @@
|
|
|
1
|
+
import { PageElement } from "easy-email-pro-core";
|
|
2
|
+
import React from "react";
|
|
3
|
+
import { EmailEditorProps, EmailTemplate } from "..";
|
|
4
|
+
export interface EditorContextProps {
|
|
5
|
+
values: EmailTemplate;
|
|
6
|
+
pageDataVariables: NonNullable<PageElement["data"]["variables"]>;
|
|
7
|
+
setValues: React.Dispatch<React.SetStateAction<Omit<EmailTemplate, "content">>>;
|
|
8
|
+
inited: boolean;
|
|
9
|
+
mergetagsData: Record<string, any>;
|
|
10
|
+
setMergetagsData: React.Dispatch<React.SetStateAction<Record<string, any>>>;
|
|
11
|
+
submit: () => void;
|
|
12
|
+
dirty: boolean;
|
|
13
|
+
initialValues: EmailTemplate;
|
|
14
|
+
initialValuesRef: React.MutableRefObject<EmailTemplate>;
|
|
15
|
+
}
|
|
16
|
+
export declare const EditorContext: React.Context<EditorContextProps>;
|
|
17
|
+
export declare const EditorContextProvider: React.FC<EmailEditorProps>;
|
|
@@ -0,0 +1,27 @@
|
|
|
1
|
+
import { Element } from "easy-email-pro-core";
|
|
2
|
+
import React from "react";
|
|
3
|
+
import { Path } from "slate";
|
|
4
|
+
export declare enum ActiveTabKeys {
|
|
5
|
+
MOBILE = "MOBILE",
|
|
6
|
+
DESKTOP = "DESKTOP"
|
|
7
|
+
}
|
|
8
|
+
export interface InteractContextProps {
|
|
9
|
+
universalElementEditing: boolean;
|
|
10
|
+
universalElementPath: Path | null | undefined;
|
|
11
|
+
setUniversalElementPath: React.Dispatch<React.SetStateAction<Path | null | undefined>>;
|
|
12
|
+
activeTab: ActiveTabKeys;
|
|
13
|
+
setActiveTab: React.Dispatch<React.SetStateAction<ActiveTabKeys>>;
|
|
14
|
+
selectedNodePath: Path | null;
|
|
15
|
+
setSelectedNodePath: (path?: Path | null) => void;
|
|
16
|
+
hoverNodePath: Path | null | undefined;
|
|
17
|
+
setHoverNodePath: React.Dispatch<React.SetStateAction<Path | null | undefined>>;
|
|
18
|
+
dragNodePath: Path | null;
|
|
19
|
+
setDragNodePath: React.Dispatch<React.SetStateAction<Path | null>>;
|
|
20
|
+
lock: boolean;
|
|
21
|
+
setLock: React.Dispatch<React.SetStateAction<boolean>>;
|
|
22
|
+
initialUniversalElement: Element | null;
|
|
23
|
+
}
|
|
24
|
+
export declare const InteractContext: React.Context<InteractContextProps>;
|
|
25
|
+
export declare const InteractProvider: React.FC<{
|
|
26
|
+
children: React.ReactNode;
|
|
27
|
+
}>;
|
|
@@ -0,0 +1,9 @@
|
|
|
1
|
+
import { CustomSlateEditor } from "../typings/custom-types";
|
|
2
|
+
import React from "react";
|
|
3
|
+
import { ElementProps } from "../components/Elements";
|
|
4
|
+
export declare const withEditorState: (Com: React.FC<ElementProps>) => (props: ElementProps) => JSX.Element;
|
|
5
|
+
export interface CustomSlateEditorState {
|
|
6
|
+
editor: CustomSlateEditor;
|
|
7
|
+
selected: boolean;
|
|
8
|
+
focused: boolean;
|
|
9
|
+
}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export declare const useEditorContext: () => import("../contexts").EditorContextProps;
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export declare const useEditorState: () => import("../contexts").InteractContextProps;
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export declare function useEventCallback<T extends (...rest: any) => any>(fn: T): T;
|
|
@@ -0,0 +1,9 @@
|
|
|
1
|
+
export * from "./components/BeacasEditorProvider";
|
|
2
|
+
export * from "./components/BeacasEditor";
|
|
3
|
+
export * from "./components/IframeComponent";
|
|
4
|
+
export * from "./components/HtmlStringToReactNodes";
|
|
5
|
+
export * from "./typings";
|
|
6
|
+
export * from "./utils";
|
|
7
|
+
export * from "./hooks";
|
|
8
|
+
export * from "./constants";
|
|
9
|
+
export * from "./contexts";
|