@rudyzeinoun/email-builder 0.0.11 → 0.0.13
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/dist/Reader/core.d.mts +6 -0
- package/dist/Reader/core.d.ts +6 -0
- package/dist/Reader/core.d.ts.map +1 -1
- package/dist/blocks/Container/ContainerPropsSchema.d.mts +3 -0
- package/dist/blocks/Container/ContainerPropsSchema.d.ts +3 -0
- package/dist/blocks/Container/ContainerPropsSchema.d.ts.map +1 -1
- package/dist/blocks/Container/ContainerPropsSchema.js +1 -0
- package/dist/blocks/Container/ContainerPropsSchema.js.map +1 -1
- package/dist/blocks/Container/ContainerPropsSchema.mjs +1 -0
- package/dist/blocks/Container/ContainerPropsSchema.mjs.map +1 -1
- package/dist/blocks/Container/ContainerReader.d.mts +1 -1
- package/dist/blocks/Container/ContainerReader.d.ts +1 -1
- package/dist/blocks/Container/ContainerReader.d.ts.map +1 -1
- package/dist/blocks/Container/ContainerReader.js +2 -2
- package/dist/blocks/Container/ContainerReader.js.map +1 -1
- package/dist/blocks/Container/ContainerReader.mjs +2 -2
- package/dist/blocks/Container/ContainerReader.mjs.map +1 -1
- package/dist/dist/Reader/core.d.mts +2781 -0
- package/dist/dist/Reader/core.d.ts +2781 -0
- package/dist/dist/Reader/core.d.ts.map +1 -0
- package/dist/dist/Reader/core.mjs +80 -0
- package/dist/dist/Reader/core.mjs.map +1 -0
- package/dist/dist/blocks/ColumnsContainer/ColumnsContainerPropsSchema.d.mts +136 -0
- package/dist/dist/blocks/ColumnsContainer/ColumnsContainerPropsSchema.d.ts +136 -0
- package/dist/dist/blocks/ColumnsContainer/ColumnsContainerPropsSchema.d.ts.map +1 -0
- package/dist/dist/blocks/ColumnsContainer/ColumnsContainerPropsSchema.mjs +17 -0
- package/dist/dist/blocks/ColumnsContainer/ColumnsContainerPropsSchema.mjs.map +1 -0
- package/dist/dist/blocks/ColumnsContainer/ColumnsContainerReader.d.mts +6 -0
- package/dist/dist/blocks/ColumnsContainer/ColumnsContainerReader.d.ts +6 -0
- package/dist/dist/blocks/ColumnsContainer/ColumnsContainerReader.d.ts.map +1 -0
- package/dist/dist/blocks/ColumnsContainer/ColumnsContainerReader.mjs +25 -0
- package/dist/dist/blocks/ColumnsContainer/ColumnsContainerReader.mjs.map +1 -0
- package/dist/dist/blocks/Container/ContainerPropsSchema.d.mts +85 -0
- package/dist/dist/blocks/Container/ContainerPropsSchema.d.ts +85 -0
- package/dist/dist/blocks/Container/ContainerPropsSchema.d.ts.map +1 -0
- package/dist/dist/blocks/Container/ContainerPropsSchema.mjs +14 -0
- package/dist/dist/blocks/Container/ContainerPropsSchema.mjs.map +1 -0
- package/dist/dist/blocks/Container/ContainerReader.d.mts +7 -0
- package/dist/dist/blocks/Container/ContainerReader.d.ts +7 -0
- package/dist/dist/blocks/Container/ContainerReader.d.ts.map +1 -0
- package/dist/dist/blocks/Container/ContainerReader.mjs +10 -0
- package/dist/dist/blocks/Container/ContainerReader.mjs.map +1 -0
- package/dist/dist/blocks/EmailLayout/EmailLayoutPropsSchema.d.mts +27 -0
- package/dist/dist/blocks/EmailLayout/EmailLayoutPropsSchema.d.ts +27 -0
- package/dist/dist/blocks/EmailLayout/EmailLayoutPropsSchema.d.ts.map +1 -0
- package/dist/dist/blocks/EmailLayout/EmailLayoutPropsSchema.mjs +31 -0
- package/dist/dist/blocks/EmailLayout/EmailLayoutPropsSchema.mjs.map +1 -0
- package/dist/dist/blocks/EmailLayout/EmailLayoutReader.d.mts +17 -0
- package/dist/dist/blocks/EmailLayout/EmailLayoutReader.d.ts +17 -0
- package/dist/dist/blocks/EmailLayout/EmailLayoutReader.d.ts.map +1 -0
- package/dist/dist/blocks/EmailLayout/EmailLayoutReader.mjs +56 -0
- package/dist/dist/blocks/EmailLayout/EmailLayoutReader.mjs.map +1 -0
- package/dist/dist/index.d.mts +3 -0
- package/dist/dist/index.d.ts +3 -0
- package/dist/dist/index.d.ts.map +1 -0
- package/dist/dist/index.mjs +8 -0
- package/dist/dist/index.mjs.map +1 -0
- package/dist/dist/renderers/renderToStaticMarkup.d.mts +4 -0
- package/dist/dist/renderers/renderToStaticMarkup.d.ts +4 -0
- package/dist/dist/renderers/renderToStaticMarkup.d.ts.map +1 -0
- package/dist/dist/renderers/renderToStaticMarkup.mjs +9 -0
- package/dist/dist/renderers/renderToStaticMarkup.mjs.map +1 -0
- package/dist/dist/renderers/renderToStaticMarkup.spec.d.mts +2 -0
- package/dist/dist/renderers/renderToStaticMarkup.spec.d.ts +2 -0
- package/dist/dist/renderers/renderToStaticMarkup.spec.d.ts.map +1 -0
- package/dist/dist/renderers/renderToStaticMarkup.spec.mjs +21 -0
- package/dist/dist/renderers/renderToStaticMarkup.spec.mjs.map +1 -0
- package/dist/src/Reader/core.d.mts +1862 -0
- package/dist/src/Reader/core.d.ts +1862 -0
- package/dist/src/Reader/core.d.ts.map +1 -0
- package/dist/src/Reader/core.mjs +80 -0
- package/dist/src/Reader/core.mjs.map +1 -0
- package/dist/src/blocks/ColumnsContainer/ColumnsContainerPropsSchema.d.mts +136 -0
- package/dist/src/blocks/ColumnsContainer/ColumnsContainerPropsSchema.d.ts +136 -0
- package/dist/src/blocks/ColumnsContainer/ColumnsContainerPropsSchema.d.ts.map +1 -0
- package/dist/src/blocks/ColumnsContainer/ColumnsContainerPropsSchema.mjs +16 -0
- package/dist/src/blocks/ColumnsContainer/ColumnsContainerPropsSchema.mjs.map +1 -0
- package/dist/src/blocks/ColumnsContainer/ColumnsContainerReader.d.mts +4 -0
- package/dist/src/blocks/ColumnsContainer/ColumnsContainerReader.d.ts +4 -0
- package/dist/src/blocks/ColumnsContainer/ColumnsContainerReader.d.ts.map +1 -0
- package/dist/src/blocks/ColumnsContainer/ColumnsContainerReader.mjs +23 -0
- package/dist/src/blocks/ColumnsContainer/ColumnsContainerReader.mjs.map +1 -0
- package/dist/src/blocks/Container/ContainerPropsSchema.d.mts +86 -0
- package/dist/src/blocks/Container/ContainerPropsSchema.d.ts +86 -0
- package/dist/src/blocks/Container/ContainerPropsSchema.d.ts.map +1 -0
- package/dist/src/blocks/Container/ContainerPropsSchema.mjs +13 -0
- package/dist/src/blocks/Container/ContainerPropsSchema.mjs.map +1 -0
- package/dist/src/blocks/Container/ContainerReader.d.mts +4 -0
- package/dist/src/blocks/Container/ContainerReader.d.ts +4 -0
- package/dist/src/blocks/Container/ContainerReader.d.ts.map +1 -0
- package/dist/src/blocks/Container/ContainerReader.mjs +9 -0
- package/dist/src/blocks/Container/ContainerReader.mjs.map +1 -0
- package/dist/src/blocks/EmailLayout/EmailLayoutPropsSchema.d.mts +28 -0
- package/dist/src/blocks/EmailLayout/EmailLayoutPropsSchema.d.ts +28 -0
- package/dist/src/blocks/EmailLayout/EmailLayoutPropsSchema.d.ts.map +1 -0
- package/dist/src/blocks/EmailLayout/EmailLayoutPropsSchema.mjs +30 -0
- package/dist/src/blocks/EmailLayout/EmailLayoutPropsSchema.mjs.map +1 -0
- package/dist/src/blocks/EmailLayout/EmailLayoutReader.d.mts +4 -0
- package/dist/src/blocks/EmailLayout/EmailLayoutReader.d.ts +4 -0
- package/dist/src/blocks/EmailLayout/EmailLayoutReader.d.ts.map +1 -0
- package/dist/src/blocks/EmailLayout/EmailLayoutReader.mjs +59 -0
- package/dist/src/blocks/EmailLayout/EmailLayoutReader.mjs.map +1 -0
- package/dist/src/index.d.mts +3 -0
- package/dist/src/index.d.ts +3 -0
- package/dist/src/index.d.ts.map +1 -0
- package/dist/src/index.mjs +7 -0
- package/dist/src/index.mjs.map +1 -0
- package/dist/src/renderers/renderToStaticMarkup.d.mts +7 -0
- package/dist/src/renderers/renderToStaticMarkup.d.ts +7 -0
- package/dist/src/renderers/renderToStaticMarkup.d.ts.map +1 -0
- package/dist/src/renderers/renderToStaticMarkup.mjs +10 -0
- package/dist/src/renderers/renderToStaticMarkup.mjs.map +1 -0
- package/dist/src/renderers/renderToStaticMarkup.spec.d.mts +5 -0
- package/dist/src/renderers/renderToStaticMarkup.spec.d.ts +5 -0
- package/dist/src/renderers/renderToStaticMarkup.spec.d.ts.map +1 -0
- package/dist/src/renderers/renderToStaticMarkup.spec.mjs +20 -0
- package/dist/src/renderers/renderToStaticMarkup.spec.mjs.map +1 -0
- package/package.json +2 -2
|
@@ -0,0 +1,28 @@
|
|
|
1
|
+
import { z } from 'zod';
|
|
2
|
+
export declare const EmailLayoutPropsSchema: z.ZodObject<{
|
|
3
|
+
backdropColor: z.ZodOptional<z.ZodNullable<z.ZodString>>;
|
|
4
|
+
borderColor: z.ZodOptional<z.ZodNullable<z.ZodString>>;
|
|
5
|
+
borderRadius: z.ZodNullable<z.ZodOptional<z.ZodNumber>>;
|
|
6
|
+
canvasColor: z.ZodOptional<z.ZodNullable<z.ZodString>>;
|
|
7
|
+
textColor: z.ZodOptional<z.ZodNullable<z.ZodString>>;
|
|
8
|
+
fontFamily: z.ZodOptional<z.ZodNullable<z.ZodEnum<["MODERN_SANS", "BOOK_SANS", "ORGANIC_SANS", "GEOMETRIC_SANS", "HEAVY_SANS", "ROUNDED_SANS", "MODERN_SERIF", "BOOK_SERIF", "MONOSPACE"]>>>;
|
|
9
|
+
childrenIds: z.ZodNullable<z.ZodOptional<z.ZodArray<z.ZodString, "many">>>;
|
|
10
|
+
}, "strip", z.ZodTypeAny, {
|
|
11
|
+
backdropColor?: string | null | undefined;
|
|
12
|
+
borderColor?: string | null | undefined;
|
|
13
|
+
borderRadius?: number | null | undefined;
|
|
14
|
+
canvasColor?: string | null | undefined;
|
|
15
|
+
textColor?: string | null | undefined;
|
|
16
|
+
fontFamily?: "MODERN_SANS" | "BOOK_SANS" | "ORGANIC_SANS" | "GEOMETRIC_SANS" | "HEAVY_SANS" | "ROUNDED_SANS" | "MODERN_SERIF" | "BOOK_SERIF" | "MONOSPACE" | null | undefined;
|
|
17
|
+
childrenIds?: string[] | null | undefined;
|
|
18
|
+
}, {
|
|
19
|
+
backdropColor?: string | null | undefined;
|
|
20
|
+
borderColor?: string | null | undefined;
|
|
21
|
+
borderRadius?: number | null | undefined;
|
|
22
|
+
canvasColor?: string | null | undefined;
|
|
23
|
+
textColor?: string | null | undefined;
|
|
24
|
+
fontFamily?: "MODERN_SANS" | "BOOK_SANS" | "ORGANIC_SANS" | "GEOMETRIC_SANS" | "HEAVY_SANS" | "ROUNDED_SANS" | "MODERN_SERIF" | "BOOK_SERIF" | "MONOSPACE" | null | undefined;
|
|
25
|
+
childrenIds?: string[] | null | undefined;
|
|
26
|
+
}>;
|
|
27
|
+
export type EmailLayoutProps = z.infer<typeof EmailLayoutPropsSchema>;
|
|
28
|
+
//# sourceMappingURL=EmailLayoutPropsSchema.d.ts.map
|
|
@@ -0,0 +1,28 @@
|
|
|
1
|
+
import { z } from 'zod';
|
|
2
|
+
export declare const EmailLayoutPropsSchema: z.ZodObject<{
|
|
3
|
+
backdropColor: z.ZodOptional<z.ZodNullable<z.ZodString>>;
|
|
4
|
+
borderColor: z.ZodOptional<z.ZodNullable<z.ZodString>>;
|
|
5
|
+
borderRadius: z.ZodNullable<z.ZodOptional<z.ZodNumber>>;
|
|
6
|
+
canvasColor: z.ZodOptional<z.ZodNullable<z.ZodString>>;
|
|
7
|
+
textColor: z.ZodOptional<z.ZodNullable<z.ZodString>>;
|
|
8
|
+
fontFamily: z.ZodOptional<z.ZodNullable<z.ZodEnum<["MODERN_SANS", "BOOK_SANS", "ORGANIC_SANS", "GEOMETRIC_SANS", "HEAVY_SANS", "ROUNDED_SANS", "MODERN_SERIF", "BOOK_SERIF", "MONOSPACE"]>>>;
|
|
9
|
+
childrenIds: z.ZodNullable<z.ZodOptional<z.ZodArray<z.ZodString, "many">>>;
|
|
10
|
+
}, "strip", z.ZodTypeAny, {
|
|
11
|
+
backdropColor?: string | null | undefined;
|
|
12
|
+
borderColor?: string | null | undefined;
|
|
13
|
+
borderRadius?: number | null | undefined;
|
|
14
|
+
canvasColor?: string | null | undefined;
|
|
15
|
+
textColor?: string | null | undefined;
|
|
16
|
+
fontFamily?: "MODERN_SANS" | "BOOK_SANS" | "ORGANIC_SANS" | "GEOMETRIC_SANS" | "HEAVY_SANS" | "ROUNDED_SANS" | "MODERN_SERIF" | "BOOK_SERIF" | "MONOSPACE" | null | undefined;
|
|
17
|
+
childrenIds?: string[] | null | undefined;
|
|
18
|
+
}, {
|
|
19
|
+
backdropColor?: string | null | undefined;
|
|
20
|
+
borderColor?: string | null | undefined;
|
|
21
|
+
borderRadius?: number | null | undefined;
|
|
22
|
+
canvasColor?: string | null | undefined;
|
|
23
|
+
textColor?: string | null | undefined;
|
|
24
|
+
fontFamily?: "MODERN_SANS" | "BOOK_SANS" | "ORGANIC_SANS" | "GEOMETRIC_SANS" | "HEAVY_SANS" | "ROUNDED_SANS" | "MODERN_SERIF" | "BOOK_SERIF" | "MONOSPACE" | null | undefined;
|
|
25
|
+
childrenIds?: string[] | null | undefined;
|
|
26
|
+
}>;
|
|
27
|
+
export type EmailLayoutProps = z.infer<typeof EmailLayoutPropsSchema>;
|
|
28
|
+
//# sourceMappingURL=EmailLayoutPropsSchema.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"EmailLayoutPropsSchema.d.ts","sourceRoot":"","sources":["../../../../src/blocks/EmailLayout/EmailLayoutPropsSchema.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,CAAC,EAAE,MAAM,KAAK,CAAC;AAuBxB,eAAO,MAAM,sBAAsB;;;;;;;;;;;;;;;;;;;;;;;;EAQjC,CAAC;AAEH,MAAM,MAAM,gBAAgB,GAAG,CAAC,CAAC,KAAK,CAAC,OAAO,sBAAsB,CAAC,CAAC"}
|
|
@@ -0,0 +1,30 @@
|
|
|
1
|
+
import { z } from 'zod';
|
|
2
|
+
const COLOR_SCHEMA = z
|
|
3
|
+
.string()
|
|
4
|
+
.regex(/^#[0-9a-fA-F]{6}$/)
|
|
5
|
+
.nullable()
|
|
6
|
+
.optional();
|
|
7
|
+
const FONT_FAMILY_SCHEMA = z
|
|
8
|
+
.enum([
|
|
9
|
+
'MODERN_SANS',
|
|
10
|
+
'BOOK_SANS',
|
|
11
|
+
'ORGANIC_SANS',
|
|
12
|
+
'GEOMETRIC_SANS',
|
|
13
|
+
'HEAVY_SANS',
|
|
14
|
+
'ROUNDED_SANS',
|
|
15
|
+
'MODERN_SERIF',
|
|
16
|
+
'BOOK_SERIF',
|
|
17
|
+
'MONOSPACE',
|
|
18
|
+
])
|
|
19
|
+
.nullable()
|
|
20
|
+
.optional();
|
|
21
|
+
export const EmailLayoutPropsSchema = z.object({
|
|
22
|
+
backdropColor: COLOR_SCHEMA,
|
|
23
|
+
borderColor: COLOR_SCHEMA,
|
|
24
|
+
borderRadius: z.number().optional().nullable(),
|
|
25
|
+
canvasColor: COLOR_SCHEMA,
|
|
26
|
+
textColor: COLOR_SCHEMA,
|
|
27
|
+
fontFamily: FONT_FAMILY_SCHEMA,
|
|
28
|
+
childrenIds: z.array(z.string()).optional().nullable(),
|
|
29
|
+
});
|
|
30
|
+
//# sourceMappingURL=EmailLayoutPropsSchema.mjs.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"EmailLayoutPropsSchema.mjs","sourceRoot":"","sources":["../../../../src/blocks/EmailLayout/EmailLayoutPropsSchema.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,CAAC,EAAE,MAAM,KAAK,CAAC;AAExB,MAAM,YAAY,GAAG,CAAC;KACnB,MAAM,EAAE;KACR,KAAK,CAAC,mBAAmB,CAAC;KAC1B,QAAQ,EAAE;KACV,QAAQ,EAAE,CAAC;AAEd,MAAM,kBAAkB,GAAG,CAAC;KACzB,IAAI,CAAC;IACJ,aAAa;IACb,WAAW;IACX,cAAc;IACd,gBAAgB;IAChB,YAAY;IACZ,cAAc;IACd,cAAc;IACd,YAAY;IACZ,WAAW;CACZ,CAAC;KACD,QAAQ,EAAE;KACV,QAAQ,EAAE,CAAC;AAEd,MAAM,CAAC,MAAM,sBAAsB,GAAG,CAAC,CAAC,MAAM,CAAC;IAC7C,aAAa,EAAE,YAAY;IAC3B,WAAW,EAAE,YAAY;IACzB,YAAY,EAAE,CAAC,CAAC,MAAM,EAAE,CAAC,QAAQ,EAAE,CAAC,QAAQ,EAAE;IAC9C,WAAW,EAAE,YAAY;IACzB,SAAS,EAAE,YAAY;IACvB,UAAU,EAAE,kBAAkB;IAC9B,WAAW,EAAE,CAAC,CAAC,KAAK,CAAC,CAAC,CAAC,MAAM,EAAE,CAAC,CAAC,QAAQ,EAAE,CAAC,QAAQ,EAAE;CACvD,CAAC,CAAC"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"EmailLayoutReader.d.ts","sourceRoot":"","sources":["../../../../src/blocks/EmailLayout/EmailLayoutReader.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAI1B,OAAO,EAAE,gBAAgB,EAAE,MAAM,0BAA0B,CAAC;AAiC5D,MAAM,CAAC,OAAO,UAAU,iBAAiB,CAAC,KAAK,EAAE,gBAAgB,qBA6ChE"}
|
|
@@ -0,0 +1,59 @@
|
|
|
1
|
+
import React from 'react';
|
|
2
|
+
import { ReaderBlock } from '../../Reader/core.mjs';
|
|
3
|
+
function getFontFamily(fontFamily) {
|
|
4
|
+
const f = fontFamily !== null && fontFamily !== void 0 ? fontFamily : 'MODERN_SANS';
|
|
5
|
+
switch (f) {
|
|
6
|
+
case 'MODERN_SANS':
|
|
7
|
+
return '"Helvetica Neue", "Arial Nova", "Nimbus Sans", Arial, sans-serif';
|
|
8
|
+
case 'BOOK_SANS':
|
|
9
|
+
return 'Optima, Candara, "Noto Sans", source-sans-pro, sans-serif';
|
|
10
|
+
case 'ORGANIC_SANS':
|
|
11
|
+
return 'Seravek, "Gill Sans Nova", Ubuntu, Calibri, "DejaVu Sans", source-sans-pro, sans-serif';
|
|
12
|
+
case 'GEOMETRIC_SANS':
|
|
13
|
+
return 'Avenir, "Avenir Next LT Pro", Montserrat, Corbel, "URW Gothic", source-sans-pro, sans-serif';
|
|
14
|
+
case 'HEAVY_SANS':
|
|
15
|
+
return 'Bahnschrift, "DIN Alternate", "Franklin Gothic Medium", "Nimbus Sans Narrow", sans-serif-condensed, sans-serif';
|
|
16
|
+
case 'ROUNDED_SANS':
|
|
17
|
+
return 'ui-rounded, "Hiragino Maru Gothic ProN", Quicksand, Comfortaa, Manjari, "Arial Rounded MT Bold", Calibri, source-sans-pro, sans-serif';
|
|
18
|
+
case 'MODERN_SERIF':
|
|
19
|
+
return 'Charter, "Bitstream Charter", "Sitka Text", Cambria, serif';
|
|
20
|
+
case 'BOOK_SERIF':
|
|
21
|
+
return '"Iowan Old Style", "Palatino Linotype", "URW Palladio L", P052, serif';
|
|
22
|
+
case 'MONOSPACE':
|
|
23
|
+
return '"Nimbus Mono PS", "Courier New", "Cutive Mono", monospace';
|
|
24
|
+
}
|
|
25
|
+
}
|
|
26
|
+
function getBorder({ borderColor }) {
|
|
27
|
+
if (!borderColor) {
|
|
28
|
+
return undefined;
|
|
29
|
+
}
|
|
30
|
+
return `1px solid ${borderColor}`;
|
|
31
|
+
}
|
|
32
|
+
export default function EmailLayoutReader(props) {
|
|
33
|
+
var _a, _b, _c, _d, _e;
|
|
34
|
+
const childrenIds = (_a = props.childrenIds) !== null && _a !== void 0 ? _a : [];
|
|
35
|
+
return (React.createElement("div", { style: {
|
|
36
|
+
backgroundColor: (_b = props.backdropColor) !== null && _b !== void 0 ? _b : '#F5F5F5',
|
|
37
|
+
color: (_c = props.textColor) !== null && _c !== void 0 ? _c : '#262626',
|
|
38
|
+
fontFamily: getFontFamily(props.fontFamily),
|
|
39
|
+
fontSize: '16px',
|
|
40
|
+
fontWeight: '400',
|
|
41
|
+
letterSpacing: '0.15008px',
|
|
42
|
+
lineHeight: '1.5',
|
|
43
|
+
margin: '0',
|
|
44
|
+
padding: '32px 0',
|
|
45
|
+
minHeight: '100%',
|
|
46
|
+
width: '100%',
|
|
47
|
+
} },
|
|
48
|
+
React.createElement("table", { align: "center", width: "100%", style: {
|
|
49
|
+
margin: '0 auto',
|
|
50
|
+
maxWidth: '600px',
|
|
51
|
+
backgroundColor: (_d = props.canvasColor) !== null && _d !== void 0 ? _d : '#FFFFFF',
|
|
52
|
+
borderRadius: (_e = props.borderRadius) !== null && _e !== void 0 ? _e : undefined,
|
|
53
|
+
border: getBorder(props),
|
|
54
|
+
}, role: "presentation", cellSpacing: "0", cellPadding: "0", border: 0 },
|
|
55
|
+
React.createElement("tbody", null,
|
|
56
|
+
React.createElement("tr", { style: { width: '100%' } },
|
|
57
|
+
React.createElement("td", null, childrenIds.map((childId) => (React.createElement(ReaderBlock, { key: childId, id: childId })))))))));
|
|
58
|
+
}
|
|
59
|
+
//# sourceMappingURL=EmailLayoutReader.mjs.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"EmailLayoutReader.mjs","sourceRoot":"","sources":["../../../../src/blocks/EmailLayout/EmailLayoutReader.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,OAAO,EAAE,WAAW,EAAE,MAAM,mBAAmB,CAAC;AAIhD,SAAS,aAAa,CAAC,UAA0C;IAC/D,MAAM,CAAC,GAAG,UAAU,aAAV,UAAU,cAAV,UAAU,GAAI,aAAa,CAAC;IACtC,QAAQ,CAAC,EAAE,CAAC;QACV,KAAK,aAAa;YAChB,OAAO,kEAAkE,CAAC;QAC5E,KAAK,WAAW;YACd,OAAO,2DAA2D,CAAC;QACrE,KAAK,cAAc;YACjB,OAAO,wFAAwF,CAAC;QAClG,KAAK,gBAAgB;YACnB,OAAO,6FAA6F,CAAC;QACvG,KAAK,YAAY;YACf,OAAO,gHAAgH,CAAC;QAC1H,KAAK,cAAc;YACjB,OAAO,uIAAuI,CAAC;QACjJ,KAAK,cAAc;YACjB,OAAO,4DAA4D,CAAC;QACtE,KAAK,YAAY;YACf,OAAO,uEAAuE,CAAC;QACjF,KAAK,WAAW;YACd,OAAO,2DAA2D,CAAC;IACvE,CAAC;AACH,CAAC;AAED,SAAS,SAAS,CAAC,EAAE,WAAW,EAAoB;IAClD,IAAI,CAAC,WAAW,EAAE,CAAC;QACjB,OAAO,SAAS,CAAC;IACnB,CAAC;IACD,OAAO,aAAa,WAAW,EAAE,CAAC;AACpC,CAAC;AAED,MAAM,CAAC,OAAO,UAAU,iBAAiB,CAAC,KAAuB;;IAC/D,MAAM,WAAW,GAAG,MAAA,KAAK,CAAC,WAAW,mCAAI,EAAE,CAAC;IAC5C,OAAO,CACL,6BACE,KAAK,EAAE;YACL,eAAe,EAAE,MAAA,KAAK,CAAC,aAAa,mCAAI,SAAS;YACjD,KAAK,EAAE,MAAA,KAAK,CAAC,SAAS,mCAAI,SAAS;YACnC,UAAU,EAAE,aAAa,CAAC,KAAK,CAAC,UAAU,CAAC;YAC3C,QAAQ,EAAE,MAAM;YAChB,UAAU,EAAE,KAAK;YACjB,aAAa,EAAE,WAAW;YAC1B,UAAU,EAAE,KAAK;YACjB,MAAM,EAAE,GAAG;YACX,OAAO,EAAE,QAAQ;YACjB,SAAS,EAAE,MAAM;YACjB,KAAK,EAAE,MAAM;SACd;QAED,+BACE,KAAK,EAAC,QAAQ,EACd,KAAK,EAAC,MAAM,EACZ,KAAK,EAAE;gBACL,MAAM,EAAE,QAAQ;gBAChB,QAAQ,EAAE,OAAO;gBACjB,eAAe,EAAE,MAAA,KAAK,CAAC,WAAW,mCAAI,SAAS;gBAC/C,YAAY,EAAE,MAAA,KAAK,CAAC,YAAY,mCAAI,SAAS;gBAC7C,MAAM,EAAE,SAAS,CAAC,KAAK,CAAC;aACzB,EACD,IAAI,EAAC,cAAc,EACnB,WAAW,EAAC,GAAG,EACf,WAAW,EAAC,GAAG,EACf,MAAM,EAAE,CAAC;YAET;gBACE,4BAAI,KAAK,EAAE,EAAE,KAAK,EAAE,MAAM,EAAE;oBAC1B,gCACG,WAAW,CAAC,GAAG,CAAC,CAAC,OAAO,EAAE,EAAE,CAAC,CAC5B,oBAAC,WAAW,IAAC,GAAG,EAAE,OAAO,EAAE,EAAE,EAAE,OAAO,GAAI,CAC3C,CAAC,CACC,CACF,CACC,CACF,CACJ,CACP,CAAC;AACJ,CAAC"}
|
|
@@ -0,0 +1,3 @@
|
|
|
1
|
+
export { default as renderToStaticMarkup } from './renderers/renderToStaticMarkup';
|
|
2
|
+
export { ReaderBlockSchema, TReaderBlock, ReaderDocumentSchema, TReaderDocument, ReaderBlock, TReaderBlockProps, TReaderProps, default as Reader, } from './Reader/core';
|
|
3
|
+
//# sourceMappingURL=index.d.ts.map
|
|
@@ -0,0 +1,3 @@
|
|
|
1
|
+
export { default as renderToStaticMarkup } from './renderers/renderToStaticMarkup';
|
|
2
|
+
export { ReaderBlockSchema, TReaderBlock, ReaderDocumentSchema, TReaderDocument, ReaderBlock, TReaderBlockProps, TReaderProps, default as Reader, } from './Reader/core';
|
|
3
|
+
//# sourceMappingURL=index.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,IAAI,oBAAoB,EAAE,MAAM,kCAAkC,CAAC;AAEnF,OAAO,EACL,iBAAiB,EACjB,YAAY,EAEZ,oBAAoB,EACpB,eAAe,EAEf,WAAW,EACX,iBAAiB,EAEjB,YAAY,EACZ,OAAO,IAAI,MAAM,GAClB,MAAM,eAAe,CAAC"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.mjs","sourceRoot":"","sources":["../../src/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,IAAI,oBAAoB,EAAE,MAAM,kCAAkC,CAAC;AAEnF,OAAO,EACL,iBAAiB;AAEjB,EAAE;AACF,oBAAoB;AAEpB,EAAE;AACF,WAAW,EAIX,OAAO,IAAI,MAAM,GAClB,MAAM,eAAe,CAAC"}
|
|
@@ -0,0 +1,7 @@
|
|
|
1
|
+
import { TReaderDocument } from '../Reader/core';
|
|
2
|
+
type TOptions = {
|
|
3
|
+
rootBlockId: string;
|
|
4
|
+
};
|
|
5
|
+
export default function renderToStaticMarkup(document: TReaderDocument, { rootBlockId }: TOptions): string;
|
|
6
|
+
export {};
|
|
7
|
+
//# sourceMappingURL=renderToStaticMarkup.d.ts.map
|
|
@@ -0,0 +1,7 @@
|
|
|
1
|
+
import { TReaderDocument } from '../Reader/core';
|
|
2
|
+
type TOptions = {
|
|
3
|
+
rootBlockId: string;
|
|
4
|
+
};
|
|
5
|
+
export default function renderToStaticMarkup(document: TReaderDocument, { rootBlockId }: TOptions): string;
|
|
6
|
+
export {};
|
|
7
|
+
//# sourceMappingURL=renderToStaticMarkup.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"renderToStaticMarkup.d.ts","sourceRoot":"","sources":["../../../src/renderers/renderToStaticMarkup.tsx"],"names":[],"mappings":"AAGA,OAAe,EAAE,eAAe,EAAE,MAAM,gBAAgB,CAAC;AAEzD,KAAK,QAAQ,GAAG;IACd,WAAW,EAAE,MAAM,CAAC;CACrB,CAAC;AACF,MAAM,CAAC,OAAO,UAAU,oBAAoB,CAAC,QAAQ,EAAE,eAAe,EAAE,EAAE,WAAW,EAAE,EAAE,QAAQ,UAWhG"}
|
|
@@ -0,0 +1,10 @@
|
|
|
1
|
+
import React from 'react';
|
|
2
|
+
import { renderToStaticMarkup as baseRenderToStaticMarkup } from 'react-dom/server';
|
|
3
|
+
import Reader from '../Reader/core.mjs';
|
|
4
|
+
export default function renderToStaticMarkup(document, { rootBlockId }) {
|
|
5
|
+
return ('<!DOCTYPE html>' +
|
|
6
|
+
baseRenderToStaticMarkup(React.createElement("html", null,
|
|
7
|
+
React.createElement("body", null,
|
|
8
|
+
React.createElement(Reader, { document: document, rootBlockId: rootBlockId })))));
|
|
9
|
+
}
|
|
10
|
+
//# sourceMappingURL=renderToStaticMarkup.mjs.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"renderToStaticMarkup.mjs","sourceRoot":"","sources":["../../../src/renderers/renderToStaticMarkup.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAE,oBAAoB,IAAI,wBAAwB,EAAE,MAAM,kBAAkB,CAAC;AAEpF,OAAO,MAA2B,MAAM,gBAAgB,CAAC;AAKzD,MAAM,CAAC,OAAO,UAAU,oBAAoB,CAAC,QAAyB,EAAE,EAAE,WAAW,EAAY;IAC/F,OAAO,CACL,iBAAiB;QACjB,wBAAwB,CACtB;YACE;gBACE,oBAAC,MAAM,IAAC,QAAQ,EAAE,QAAQ,EAAE,WAAW,EAAE,WAAW,GAAI,CACnD,CACF,CACR,CACF,CAAC;AACJ,CAAC"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"renderToStaticMarkup.spec.d.ts","sourceRoot":"","sources":["../../../src/renderers/renderToStaticMarkup.spec.tsx"],"names":[],"mappings":"AAAA;;GAEG"}
|
|
@@ -0,0 +1,20 @@
|
|
|
1
|
+
/**
|
|
2
|
+
* @jest-environment node
|
|
3
|
+
*/
|
|
4
|
+
import renderToStaticMarkup from './renderToStaticMarkup.mjs';
|
|
5
|
+
describe('renderToStaticMarkup', () => {
|
|
6
|
+
it('renders into a string', () => {
|
|
7
|
+
const result = renderToStaticMarkup({
|
|
8
|
+
root: {
|
|
9
|
+
type: 'Container',
|
|
10
|
+
data: {
|
|
11
|
+
props: {
|
|
12
|
+
childrenIds: [],
|
|
13
|
+
},
|
|
14
|
+
},
|
|
15
|
+
},
|
|
16
|
+
}, { rootBlockId: 'root' });
|
|
17
|
+
expect(result).toEqual('<!DOCTYPE html><html><body><div></div></body></html>');
|
|
18
|
+
});
|
|
19
|
+
});
|
|
20
|
+
//# sourceMappingURL=renderToStaticMarkup.spec.mjs.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"renderToStaticMarkup.spec.mjs","sourceRoot":"","sources":["../../../src/renderers/renderToStaticMarkup.spec.tsx"],"names":[],"mappings":"AAAA;;GAEG;AAEH,OAAO,oBAAoB,MAAM,wBAAwB,CAAC;AAE1D,QAAQ,CAAC,sBAAsB,EAAE,GAAG,EAAE;IACpC,EAAE,CAAC,uBAAuB,EAAE,GAAG,EAAE;QAC/B,MAAM,MAAM,GAAG,oBAAoB,CACjC;YACE,IAAI,EAAE;gBACJ,IAAI,EAAE,WAAW;gBACjB,IAAI,EAAE;oBACJ,KAAK,EAAE;wBACL,WAAW,EAAE,EAAE;qBAChB;iBACF;aACF;SACF,EACD,EAAE,WAAW,EAAE,MAAM,EAAE,CACxB,CAAC;QACF,MAAM,CAAC,MAAM,CAAC,CAAC,OAAO,CAAC,sDAAsD,CAAC,CAAC;IACjF,CAAC,CAAC,CAAC;AACL,CAAC,CAAC,CAAC"}
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@rudyzeinoun/email-builder",
|
|
3
|
-
"version": "0.0.
|
|
3
|
+
"version": "0.0.13",
|
|
4
4
|
"description": "React component to render email messages",
|
|
5
5
|
"main": "./dist/index.js",
|
|
6
6
|
"module": "./dist/index.mjs",
|
|
@@ -26,7 +26,7 @@
|
|
|
26
26
|
"zod": "^1 || ^2 || ^3"
|
|
27
27
|
},
|
|
28
28
|
"dependencies": {
|
|
29
|
-
"@rudyzeinoun/block-container": "^0.0.
|
|
29
|
+
"@rudyzeinoun/block-container": "^0.0.6",
|
|
30
30
|
"@usewaypoint/block-avatar": "^0.0.3",
|
|
31
31
|
"@usewaypoint/block-button": "^0.0.3",
|
|
32
32
|
"@usewaypoint/block-columns-container": "^0.0.3",
|