react-tailwind-email-editor 0.0.14 → 0.0.15
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/README.md +10 -0
- package/dist/index.d.cts +1 -23
- package/dist/index.d.ts +1 -23
- package/dist/index.js +497 -576
- package/dist/index.js.map +1 -1
- package/dist/index.mjs +474 -548
- package/dist/index.mjs.map +1 -1
- package/dist/style.css +0 -46
- package/package.json +1 -1
package/README.md
CHANGED
|
@@ -53,10 +53,19 @@ export default {
|
|
|
53
53
|
|
|
54
54
|
## Usage
|
|
55
55
|
|
|
56
|
+
> [!IMPORTANT]
|
|
57
|
+
> You must import the stylesheet for the editor to display correctly:
|
|
58
|
+
>
|
|
59
|
+
> ```tsx
|
|
60
|
+
> import "react-tailwind-email-editor/dist/style.css";
|
|
61
|
+
> `
|
|
62
|
+
> ```
|
|
63
|
+
|
|
56
64
|
### Basic
|
|
57
65
|
|
|
58
66
|
```tsx
|
|
59
67
|
import { EmailEditor } from "react-tailwind-email-editor";
|
|
68
|
+
import "react-tailwind-email-editor/dist/style.css";
|
|
60
69
|
|
|
61
70
|
function App() {
|
|
62
71
|
return <EmailEditor />;
|
|
@@ -67,6 +76,7 @@ function App() {
|
|
|
67
76
|
|
|
68
77
|
```tsx
|
|
69
78
|
import { EmailEditor } from "react-tailwind-email-editor";
|
|
79
|
+
import "react-tailwind-email-editor/dist/style.css";
|
|
70
80
|
import { MyCustomBlock } from "./MyCustomBlock";
|
|
71
81
|
import { Puzzle } from "lucide-react";
|
|
72
82
|
|
package/dist/index.d.cts
CHANGED
|
@@ -388,28 +388,6 @@ declare const SocialLinks: {
|
|
|
388
388
|
};
|
|
389
389
|
};
|
|
390
390
|
|
|
391
|
-
interface TwoColumnProps {
|
|
392
|
-
leftWidth?: number;
|
|
393
|
-
gap?: number;
|
|
394
|
-
padding?: number;
|
|
395
|
-
backgroundColor?: string;
|
|
396
|
-
children?: React.ReactNode;
|
|
397
|
-
}
|
|
398
|
-
declare const TwoColumn: {
|
|
399
|
-
({ leftWidth, gap, padding, backgroundColor, }: TwoColumnProps): react_jsx_runtime.JSX.Element;
|
|
400
|
-
craft: {
|
|
401
|
-
props: {
|
|
402
|
-
leftWidth: number;
|
|
403
|
-
gap: number;
|
|
404
|
-
padding: number;
|
|
405
|
-
backgroundColor: string;
|
|
406
|
-
};
|
|
407
|
-
related: {
|
|
408
|
-
settings: () => react_jsx_runtime.JSX.Element;
|
|
409
|
-
};
|
|
410
|
-
};
|
|
411
|
-
};
|
|
412
|
-
|
|
413
391
|
interface CountdownProps {
|
|
414
392
|
title?: string;
|
|
415
393
|
days?: number;
|
|
@@ -640,4 +618,4 @@ declare const RenderNode: ({ render }: {
|
|
|
640
618
|
|
|
641
619
|
declare const generateEmailHtml: (nodes: SerializedNodes, customRenderers?: Record<string, HtmlRenderer>) => string;
|
|
642
620
|
|
|
643
|
-
export { AVAILABLE_VARIABLES, type ComponentRegistry, Container, Countdown, DEFAULT_COMPONENTS, Divider, type EditorCallbacks, type EditorComponentConfig, EditorProvider, type EditorSlots, type EditorTheme, type EditorThemeColors, EmailButton, EmailEditor, type EmailEditorProps, EmailFooter, EmailHeader, type EmailTemplate, type ExportDialogSlotProps, type HtmlRenderer, IconList, ImageBlock, InvoiceTable, Paper, type PreviewDialogSlotProps, PromoCode, RenderNode, SettingsPanel, type SettingsPanelSlotProps, SocialLinks, Spacer, Testimonial, TextBlock, type ToolbarSlotProps, Toolbox, type ToolboxSlotProps,
|
|
621
|
+
export { AVAILABLE_VARIABLES, type ComponentRegistry, Container, Countdown, DEFAULT_COMPONENTS, Divider, type EditorCallbacks, type EditorComponentConfig, EditorProvider, type EditorSlots, type EditorTheme, type EditorThemeColors, EmailButton, EmailEditor, type EmailEditorProps, EmailFooter, EmailHeader, type EmailTemplate, type ExportDialogSlotProps, type HtmlRenderer, IconList, ImageBlock, InvoiceTable, Paper, type PreviewDialogSlotProps, PromoCode, RenderNode, SettingsPanel, type SettingsPanelSlotProps, SocialLinks, Spacer, Testimonial, TextBlock, type ToolbarSlotProps, Toolbox, type ToolboxSlotProps, VariableText, VideoPlaceholder, buildResolver, generateEmailHtml, getCategories, useEditorConfig };
|
package/dist/index.d.ts
CHANGED
|
@@ -388,28 +388,6 @@ declare const SocialLinks: {
|
|
|
388
388
|
};
|
|
389
389
|
};
|
|
390
390
|
|
|
391
|
-
interface TwoColumnProps {
|
|
392
|
-
leftWidth?: number;
|
|
393
|
-
gap?: number;
|
|
394
|
-
padding?: number;
|
|
395
|
-
backgroundColor?: string;
|
|
396
|
-
children?: React.ReactNode;
|
|
397
|
-
}
|
|
398
|
-
declare const TwoColumn: {
|
|
399
|
-
({ leftWidth, gap, padding, backgroundColor, }: TwoColumnProps): react_jsx_runtime.JSX.Element;
|
|
400
|
-
craft: {
|
|
401
|
-
props: {
|
|
402
|
-
leftWidth: number;
|
|
403
|
-
gap: number;
|
|
404
|
-
padding: number;
|
|
405
|
-
backgroundColor: string;
|
|
406
|
-
};
|
|
407
|
-
related: {
|
|
408
|
-
settings: () => react_jsx_runtime.JSX.Element;
|
|
409
|
-
};
|
|
410
|
-
};
|
|
411
|
-
};
|
|
412
|
-
|
|
413
391
|
interface CountdownProps {
|
|
414
392
|
title?: string;
|
|
415
393
|
days?: number;
|
|
@@ -640,4 +618,4 @@ declare const RenderNode: ({ render }: {
|
|
|
640
618
|
|
|
641
619
|
declare const generateEmailHtml: (nodes: SerializedNodes, customRenderers?: Record<string, HtmlRenderer>) => string;
|
|
642
620
|
|
|
643
|
-
export { AVAILABLE_VARIABLES, type ComponentRegistry, Container, Countdown, DEFAULT_COMPONENTS, Divider, type EditorCallbacks, type EditorComponentConfig, EditorProvider, type EditorSlots, type EditorTheme, type EditorThemeColors, EmailButton, EmailEditor, type EmailEditorProps, EmailFooter, EmailHeader, type EmailTemplate, type ExportDialogSlotProps, type HtmlRenderer, IconList, ImageBlock, InvoiceTable, Paper, type PreviewDialogSlotProps, PromoCode, RenderNode, SettingsPanel, type SettingsPanelSlotProps, SocialLinks, Spacer, Testimonial, TextBlock, type ToolbarSlotProps, Toolbox, type ToolboxSlotProps,
|
|
621
|
+
export { AVAILABLE_VARIABLES, type ComponentRegistry, Container, Countdown, DEFAULT_COMPONENTS, Divider, type EditorCallbacks, type EditorComponentConfig, EditorProvider, type EditorSlots, type EditorTheme, type EditorThemeColors, EmailButton, EmailEditor, type EmailEditorProps, EmailFooter, EmailHeader, type EmailTemplate, type ExportDialogSlotProps, type HtmlRenderer, IconList, ImageBlock, InvoiceTable, Paper, type PreviewDialogSlotProps, PromoCode, RenderNode, SettingsPanel, type SettingsPanelSlotProps, SocialLinks, Spacer, Testimonial, TextBlock, type ToolbarSlotProps, Toolbox, type ToolboxSlotProps, VariableText, VideoPlaceholder, buildResolver, generateEmailHtml, getCategories, useEditorConfig };
|