@parathantl/react-email-editor 0.1.7 → 0.1.8

package/dist/index.cjs

@@ -3078,7 +3078,7 @@ var editor_default = {
 
 // src/components/Toolbar/Toolbar.tsx
 var import_jsx_runtime4 = require("react/jsx-runtime");
-var Toolbar = import_react15.default.memo(function Toolbar2({ sidebarOpen, propertiesOpen, onToggleSidebar, onToggleProperties }) {
+var Toolbar = import_react15.default.memo(function Toolbar2({ sidebarOpen, propertiesOpen, onToggleSidebar, onToggleProperties, toolbarActions }) {
   const { template, activeTab } = useTemplateContext();
   const { canUndo, canRedo } = useHistoryContext();
   const dispatch = useEditorDispatch();
@@ -3264,6 +3264,7 @@ var Toolbar = import_react15.default.memo(function Toolbar2({ sidebarOpen, prope
         ] })
       ] })
     ] }),
+    toolbarActions && /* @__PURE__ */ (0, import_jsx_runtime4.jsx)("div", { className: `ee-toolbar-actions ${toolbar_default.toolbarGroup}`, children: toolbarActions }),
     /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(
       "input",
       {
@@ -25176,12 +25177,12 @@ function preventBlur(e) {
   }
   e.preventDefault();
 }
-function RichTextToolbar({ editor }) {
+function RichTextToolbar({ editor, defaultFontFamily, defaultFontSize }) {
   if (!editor) return null;
   return /* @__PURE__ */ (0, import_jsx_runtime13.jsxs)("div", { className: `ee-richtext-toolbar ${toolbar_default.richTextToolbar}`, onMouseDown: preventBlur, children: [
     /* @__PURE__ */ (0, import_jsx_runtime13.jsxs)("div", { className: `ee-richtext-group ${toolbar_default.richTextGroup}`, children: [
-      /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(FontFamilySelect, { editor }),
-      /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(FontSizeSelect, { editor })
+      /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(FontFamilySelect, { editor, defaultFontFamily }),
+      /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(FontSizeSelect, { editor, defaultFontSize })
     ] }),
     /* @__PURE__ */ (0, import_jsx_runtime13.jsxs)("div", { className: `ee-richtext-group ${toolbar_default.richTextGroup}`, children: [
       /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(Tooltip, { label: "Bold", shortcut: "Ctrl+B", children: /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(
@@ -25364,9 +25365,10 @@ function RichTextToolbar({ editor }) {
     ] })
   ] });
 }
-function FontFamilySelect({ editor }) {
+function FontFamilySelect({ editor, defaultFontFamily }) {
   const { fontFamilies } = useEditorFonts();
-  const currentFont = editor.getAttributes("textStyle").fontFamily || "";
+  const inlineFont = editor.getAttributes("textStyle").fontFamily || "";
+  const currentFont = inlineFont || defaultFontFamily || "";
   const fonts = fontFamilies.slice();
   if (currentFont && !fonts.some((f) => f.toLowerCase() === currentFont.toLowerCase())) {
     fonts.push(currentFont);
@@ -25392,9 +25394,10 @@ function FontFamilySelect({ editor }) {
     }
   );
 }
-function FontSizeSelect({ editor }) {
+function FontSizeSelect({ editor, defaultFontSize }) {
   const { fontSizes } = useEditorFonts();
-  const currentSize = editor.getAttributes("textStyle").fontSize || "";
+  const inlineSize = editor.getAttributes("textStyle").fontSize || "";
+  const currentSize = inlineSize || defaultFontSize || "";
   const sizes = fontSizes.slice();
   if (currentSize && !sizes.includes(currentSize)) {
     sizes.push(currentSize);
@@ -25823,7 +25826,14 @@ var TextBlockInner = function TextBlock({ block }) {
     backgroundColor: p.backgroundColor && p.backgroundColor !== "transparent" ? p.backgroundColor : void 0
   }), [p.fontFamily, p.fontSize, p.color, p.lineHeight, p.padding, p.fontWeight, p.textTransform, p.letterSpacing, p.backgroundColor]);
   return /* @__PURE__ */ (0, import_jsx_runtime14.jsxs)("div", { className: `ee-block-text ${blocks_default.textBlock}`, ref: wrapperRef, children: [
-    isFocused && editorInstance && /* @__PURE__ */ (0, import_jsx_runtime14.jsx)("div", { className: blocks_default.textBlockToolbar, children: /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(RichTextToolbar, { editor: editorInstance }) }),
+    isFocused && editorInstance && /* @__PURE__ */ (0, import_jsx_runtime14.jsx)("div", { className: blocks_default.textBlockToolbar, children: /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(
+      RichTextToolbar,
+      {
+        editor: editorInstance,
+        defaultFontFamily: p.fontFamily,
+        defaultFontSize: p.fontSize
+      }
+    ) }),
     /* @__PURE__ */ (0, import_jsx_runtime14.jsx)("div", { style: wrapperStyle, children: /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(
       TipTapEditor,
       {
@@ -29826,7 +29836,8 @@ var EditorInner = (0, import_react61.forwardRef)(function EditorInner2(props, re
         sidebarOpen,
         propertiesOpen,
         onToggleSidebar: toggleSidebar,
-        onToggleProperties: toggleProperties
+        onToggleProperties: toggleProperties,
+        toolbarActions: props.toolbarActions
       }
     ),
     /* @__PURE__ */ (0, import_jsx_runtime58.jsxs)("div", { className: editor_default.editorBody, children: [