@react-email/editor 0.0.0-experimental.12 → 0.0.0-experimental.14
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/{index.js → index.cjs} +156 -110
- package/dist/{index.d.ts → index.d.cts} +102 -42
- package/dist/index.d.cts.map +1 -0
- package/dist/index.d.mts +101 -41
- package/dist/index.d.mts.map +1 -1
- package/dist/index.mjs +61 -13
- package/dist/index.mjs.map +1 -1
- package/dist/ui/themes/default.css +540 -0
- package/package.json +10 -4
- package/dist/index.d.ts.map +0 -1
package/dist/index.mjs
CHANGED
|
@@ -1805,7 +1805,7 @@ function useBubbleMenuContext() {
|
|
|
1805
1805
|
|
|
1806
1806
|
//#endregion
|
|
1807
1807
|
//#region src/ui/bubble-menu/item.tsx
|
|
1808
|
-
function BubbleMenuItem({ name, isActive, onCommand, className, children
|
|
1808
|
+
function BubbleMenuItem({ name, isActive, onCommand, className, children, ...rest }) {
|
|
1809
1809
|
return /* @__PURE__ */ jsx("button", {
|
|
1810
1810
|
type: "button",
|
|
1811
1811
|
"aria-label": name,
|
|
@@ -2444,7 +2444,7 @@ function useButtonBubbleMenuContext() {
|
|
|
2444
2444
|
|
|
2445
2445
|
//#endregion
|
|
2446
2446
|
//#region src/ui/button-bubble-menu/edit-link.tsx
|
|
2447
|
-
function ButtonBubbleMenuEditLink({ className, children, onClick, onMouseDown
|
|
2447
|
+
function ButtonBubbleMenuEditLink({ className, children, onClick, onMouseDown, ...rest }) {
|
|
2448
2448
|
const { setIsEditing } = useButtonBubbleMenuContext();
|
|
2449
2449
|
return /* @__PURE__ */ jsx("button", {
|
|
2450
2450
|
...rest,
|
|
@@ -2497,7 +2497,7 @@ function ButtonBubbleMenuRoot({ onHide, placement = "top", offset = 8, className
|
|
|
2497
2497
|
|
|
2498
2498
|
//#endregion
|
|
2499
2499
|
//#region src/ui/button-bubble-menu/toolbar.tsx
|
|
2500
|
-
function ButtonBubbleMenuToolbar({ children
|
|
2500
|
+
function ButtonBubbleMenuToolbar({ children, ...rest }) {
|
|
2501
2501
|
const { isEditing } = useButtonBubbleMenuContext();
|
|
2502
2502
|
if (isEditing) return null;
|
|
2503
2503
|
return /* @__PURE__ */ jsx("div", {
|
|
@@ -2507,12 +2507,25 @@ function ButtonBubbleMenuToolbar({ children,...rest }) {
|
|
|
2507
2507
|
});
|
|
2508
2508
|
}
|
|
2509
2509
|
|
|
2510
|
+
//#endregion
|
|
2511
|
+
//#region src/ui/button-bubble-menu/default.tsx
|
|
2512
|
+
function ButtonBubbleMenuDefault({ excludeItems = [], placement, offset, onHide, className }) {
|
|
2513
|
+
return /* @__PURE__ */ jsx(ButtonBubbleMenuRoot, {
|
|
2514
|
+
placement,
|
|
2515
|
+
offset,
|
|
2516
|
+
onHide,
|
|
2517
|
+
className,
|
|
2518
|
+
children: !excludeItems.includes("edit-link") && /* @__PURE__ */ jsx(ButtonBubbleMenuToolbar, { children: /* @__PURE__ */ jsx(ButtonBubbleMenuEditLink, {}) })
|
|
2519
|
+
});
|
|
2520
|
+
}
|
|
2521
|
+
|
|
2510
2522
|
//#endregion
|
|
2511
2523
|
//#region src/ui/button-bubble-menu/index.ts
|
|
2512
2524
|
const ButtonBubbleMenu = {
|
|
2513
2525
|
Root: ButtonBubbleMenuRoot,
|
|
2514
2526
|
Toolbar: ButtonBubbleMenuToolbar,
|
|
2515
|
-
EditLink: ButtonBubbleMenuEditLink
|
|
2527
|
+
EditLink: ButtonBubbleMenuEditLink,
|
|
2528
|
+
Default: ButtonBubbleMenuDefault
|
|
2516
2529
|
};
|
|
2517
2530
|
|
|
2518
2531
|
//#endregion
|
|
@@ -2526,7 +2539,7 @@ function useImageBubbleMenuContext() {
|
|
|
2526
2539
|
|
|
2527
2540
|
//#endregion
|
|
2528
2541
|
//#region src/ui/image-bubble-menu/edit-link.tsx
|
|
2529
|
-
function ImageBubbleMenuEditLink({ className, children, onClick, onMouseDown
|
|
2542
|
+
function ImageBubbleMenuEditLink({ className, children, onClick, onMouseDown, ...rest }) {
|
|
2530
2543
|
const { setIsEditing } = useImageBubbleMenuContext();
|
|
2531
2544
|
return /* @__PURE__ */ jsx("button", {
|
|
2532
2545
|
...rest,
|
|
@@ -2579,7 +2592,7 @@ function ImageBubbleMenuRoot({ onHide, placement = "top", offset = 8, className,
|
|
|
2579
2592
|
|
|
2580
2593
|
//#endregion
|
|
2581
2594
|
//#region src/ui/image-bubble-menu/toolbar.tsx
|
|
2582
|
-
function ImageBubbleMenuToolbar({ children
|
|
2595
|
+
function ImageBubbleMenuToolbar({ children, ...rest }) {
|
|
2583
2596
|
const { isEditing } = useImageBubbleMenuContext();
|
|
2584
2597
|
if (isEditing) return null;
|
|
2585
2598
|
return /* @__PURE__ */ jsx("div", {
|
|
@@ -2589,12 +2602,25 @@ function ImageBubbleMenuToolbar({ children,...rest }) {
|
|
|
2589
2602
|
});
|
|
2590
2603
|
}
|
|
2591
2604
|
|
|
2605
|
+
//#endregion
|
|
2606
|
+
//#region src/ui/image-bubble-menu/default.tsx
|
|
2607
|
+
function ImageBubbleMenuDefault({ excludeItems = [], placement, offset, onHide, className }) {
|
|
2608
|
+
return /* @__PURE__ */ jsx(ImageBubbleMenuRoot, {
|
|
2609
|
+
placement,
|
|
2610
|
+
offset,
|
|
2611
|
+
onHide,
|
|
2612
|
+
className,
|
|
2613
|
+
children: !excludeItems.includes("edit-link") && /* @__PURE__ */ jsx(ImageBubbleMenuToolbar, { children: /* @__PURE__ */ jsx(ImageBubbleMenuEditLink, {}) })
|
|
2614
|
+
});
|
|
2615
|
+
}
|
|
2616
|
+
|
|
2592
2617
|
//#endregion
|
|
2593
2618
|
//#region src/ui/image-bubble-menu/index.ts
|
|
2594
2619
|
const ImageBubbleMenu = {
|
|
2595
2620
|
Root: ImageBubbleMenuRoot,
|
|
2596
2621
|
Toolbar: ImageBubbleMenuToolbar,
|
|
2597
|
-
EditLink: ImageBubbleMenuEditLink
|
|
2622
|
+
EditLink: ImageBubbleMenuEditLink,
|
|
2623
|
+
Default: ImageBubbleMenuDefault
|
|
2598
2624
|
};
|
|
2599
2625
|
|
|
2600
2626
|
//#endregion
|
|
@@ -2608,7 +2634,7 @@ function useLinkBubbleMenuContext() {
|
|
|
2608
2634
|
|
|
2609
2635
|
//#endregion
|
|
2610
2636
|
//#region src/ui/link-bubble-menu/edit-link.tsx
|
|
2611
|
-
function LinkBubbleMenuEditLink({ className, children, onClick, onMouseDown
|
|
2637
|
+
function LinkBubbleMenuEditLink({ className, children, onClick, onMouseDown, ...rest }) {
|
|
2612
2638
|
const { setIsEditing } = useLinkBubbleMenuContext();
|
|
2613
2639
|
return /* @__PURE__ */ jsx("button", {
|
|
2614
2640
|
type: "button",
|
|
@@ -2736,7 +2762,7 @@ function LinkBubbleMenuForm({ className, validateUrl, onLinkApply, onLinkRemove,
|
|
|
2736
2762
|
|
|
2737
2763
|
//#endregion
|
|
2738
2764
|
//#region src/ui/link-bubble-menu/open-link.tsx
|
|
2739
|
-
function LinkBubbleMenuOpenLink({ className, children
|
|
2765
|
+
function LinkBubbleMenuOpenLink({ className, children, ...rest }) {
|
|
2740
2766
|
const { linkHref } = useLinkBubbleMenuContext();
|
|
2741
2767
|
return /* @__PURE__ */ jsx("a", {
|
|
2742
2768
|
...rest,
|
|
@@ -2788,7 +2814,7 @@ function LinkBubbleMenuRoot({ onHide, placement = "top", offset = 8, className,
|
|
|
2788
2814
|
|
|
2789
2815
|
//#endregion
|
|
2790
2816
|
//#region src/ui/link-bubble-menu/toolbar.tsx
|
|
2791
|
-
function LinkBubbleMenuToolbar({ children
|
|
2817
|
+
function LinkBubbleMenuToolbar({ children, ...rest }) {
|
|
2792
2818
|
const { isEditing } = useLinkBubbleMenuContext();
|
|
2793
2819
|
if (isEditing) return null;
|
|
2794
2820
|
return /* @__PURE__ */ jsx("div", {
|
|
@@ -2800,7 +2826,7 @@ function LinkBubbleMenuToolbar({ children,...rest }) {
|
|
|
2800
2826
|
|
|
2801
2827
|
//#endregion
|
|
2802
2828
|
//#region src/ui/link-bubble-menu/unlink.tsx
|
|
2803
|
-
function LinkBubbleMenuUnlink({ className, children, onClick, onMouseDown
|
|
2829
|
+
function LinkBubbleMenuUnlink({ className, children, onClick, onMouseDown, ...rest }) {
|
|
2804
2830
|
const { editor } = useLinkBubbleMenuContext();
|
|
2805
2831
|
return /* @__PURE__ */ jsx("button", {
|
|
2806
2832
|
type: "button",
|
|
@@ -2821,6 +2847,27 @@ function LinkBubbleMenuUnlink({ className, children, onClick, onMouseDown,...res
|
|
|
2821
2847
|
});
|
|
2822
2848
|
}
|
|
2823
2849
|
|
|
2850
|
+
//#endregion
|
|
2851
|
+
//#region src/ui/link-bubble-menu/default.tsx
|
|
2852
|
+
function LinkBubbleMenuDefault({ excludeItems = [], placement, offset, onHide, className, validateUrl, onLinkApply, onLinkRemove }) {
|
|
2853
|
+
const has = (item) => !excludeItems.includes(item);
|
|
2854
|
+
return /* @__PURE__ */ jsxs(LinkBubbleMenuRoot, {
|
|
2855
|
+
placement,
|
|
2856
|
+
offset,
|
|
2857
|
+
onHide,
|
|
2858
|
+
className,
|
|
2859
|
+
children: [(has("edit-link") || has("open-link") || has("unlink")) && /* @__PURE__ */ jsxs(LinkBubbleMenuToolbar, { children: [
|
|
2860
|
+
has("edit-link") && /* @__PURE__ */ jsx(LinkBubbleMenuEditLink, {}),
|
|
2861
|
+
has("open-link") && /* @__PURE__ */ jsx(LinkBubbleMenuOpenLink, {}),
|
|
2862
|
+
has("unlink") && /* @__PURE__ */ jsx(LinkBubbleMenuUnlink, {})
|
|
2863
|
+
] }), /* @__PURE__ */ jsx(LinkBubbleMenuForm, {
|
|
2864
|
+
validateUrl,
|
|
2865
|
+
onLinkApply,
|
|
2866
|
+
onLinkRemove
|
|
2867
|
+
})]
|
|
2868
|
+
});
|
|
2869
|
+
}
|
|
2870
|
+
|
|
2824
2871
|
//#endregion
|
|
2825
2872
|
//#region src/ui/link-bubble-menu/index.ts
|
|
2826
2873
|
const LinkBubbleMenu = {
|
|
@@ -2829,9 +2876,10 @@ const LinkBubbleMenu = {
|
|
|
2829
2876
|
Form: LinkBubbleMenuForm,
|
|
2830
2877
|
EditLink: LinkBubbleMenuEditLink,
|
|
2831
2878
|
Unlink: LinkBubbleMenuUnlink,
|
|
2832
|
-
OpenLink: LinkBubbleMenuOpenLink
|
|
2879
|
+
OpenLink: LinkBubbleMenuOpenLink,
|
|
2880
|
+
Default: LinkBubbleMenuDefault
|
|
2833
2881
|
};
|
|
2834
2882
|
|
|
2835
2883
|
//#endregion
|
|
2836
|
-
export { AlignmentAttribute, Body, Bold, BubbleMenu, BubbleMenuAlignCenter, BubbleMenuAlignLeft, BubbleMenuAlignRight, BubbleMenuBold, BubbleMenuCode, BubbleMenuDefault, BubbleMenuItalic, BubbleMenuItem, BubbleMenuItemGroup, BubbleMenuLinkSelector, BubbleMenuNodeSelector, BubbleMenuRoot, BubbleMenuSeparator, BubbleMenuStrike, BubbleMenuUnderline, BubbleMenuUppercase, Button, ButtonBubbleMenu, ButtonBubbleMenuEditLink, ButtonBubbleMenuRoot, ButtonBubbleMenuToolbar, COLUMN_PARENT_TYPES, ClassAttribute, CodeBlockPrism, ColumnsColumn, Div, EmailNode, FourColumns, ImageBubbleMenu, ImageBubbleMenuEditLink, ImageBubbleMenuRoot, ImageBubbleMenuToolbar, LinkBubbleMenu, LinkBubbleMenuEditLink, LinkBubbleMenuForm, LinkBubbleMenuOpenLink, LinkBubbleMenuRoot, LinkBubbleMenuToolbar, LinkBubbleMenuUnlink, MAX_COLUMNS_DEPTH, MaxNesting, NodeSelectorContent, NodeSelectorRoot, NodeSelectorTrigger, Placeholder, PreservedStyle, PreviewText, Section, StyleAttribute, Sup, Table, TableCell, TableHeader, TableRow, ThreeColumns, TwoColumns, Uppercase, coreExtensions, editorEventBus, getColumnsDepth, processStylesForUnlink, setTextAlignment, useButtonBubbleMenuContext, useImageBubbleMenuContext, useLinkBubbleMenuContext };
|
|
2884
|
+
export { AlignmentAttribute, Body, Bold, BubbleMenu, BubbleMenuAlignCenter, BubbleMenuAlignLeft, BubbleMenuAlignRight, BubbleMenuBold, BubbleMenuCode, BubbleMenuDefault, BubbleMenuItalic, BubbleMenuItem, BubbleMenuItemGroup, BubbleMenuLinkSelector, BubbleMenuNodeSelector, BubbleMenuRoot, BubbleMenuSeparator, BubbleMenuStrike, BubbleMenuUnderline, BubbleMenuUppercase, Button, ButtonBubbleMenu, ButtonBubbleMenuDefault, ButtonBubbleMenuEditLink, ButtonBubbleMenuRoot, ButtonBubbleMenuToolbar, COLUMN_PARENT_TYPES, ClassAttribute, CodeBlockPrism, ColumnsColumn, Div, EmailNode, FourColumns, ImageBubbleMenu, ImageBubbleMenuDefault, ImageBubbleMenuEditLink, ImageBubbleMenuRoot, ImageBubbleMenuToolbar, LinkBubbleMenu, LinkBubbleMenuDefault, LinkBubbleMenuEditLink, LinkBubbleMenuForm, LinkBubbleMenuOpenLink, LinkBubbleMenuRoot, LinkBubbleMenuToolbar, LinkBubbleMenuUnlink, MAX_COLUMNS_DEPTH, MaxNesting, NodeSelectorContent, NodeSelectorRoot, NodeSelectorTrigger, Placeholder, PreservedStyle, PreviewText, Section, StyleAttribute, Sup, Table, TableCell, TableHeader, TableRow, ThreeColumns, TwoColumns, Uppercase, coreExtensions, editorEventBus, getColumnsDepth, processStylesForUnlink, setTextAlignment, useButtonBubbleMenuContext, useImageBubbleMenuContext, useLinkBubbleMenuContext };
|
|
2837
2885
|
//# sourceMappingURL=index.mjs.map
|