monto-email-builder 1.1.10 → 1.1.12

package/dist/chunks/{chunk-_2A_JQPF.js → chunk-MBtaCJUV.js}

@@ -806,9 +806,9 @@ function HtmlEditor({
                     size: "small",
                     "aria-label": translate("htmlEditor.mode.split"),
                     children: [
-                      /* @__PURE__ */ jsx(Tooltip, { title: translate("htmlEditor.tooltips.splitView"), children: /* @__PURE__ */ jsx(ToggleButton, { value: "split", "aria-label": translate("htmlEditor.mode.split"), children: /* @__PURE__ */ jsx(ViewColumn, { fontSize: "small" }) }) }),
-                      /* @__PURE__ */ jsx(Tooltip, { title: translate("htmlEditor.tooltips.codeOnly"), children: /* @__PURE__ */ jsx(ToggleButton, { value: "code", "aria-label": translate("htmlEditor.mode.code"), children: /* @__PURE__ */ jsx(Code, { fontSize: "small" }) }) }),
-                      /* @__PURE__ */ jsx(Tooltip, { title: translate("htmlEditor.tooltips.previewOnly"), children: /* @__PURE__ */ jsx(ToggleButton, { value: "preview", "aria-label": translate("htmlEditor.mode.preview"), children: /* @__PURE__ */ jsx(Visibility, { fontSize: "small" }) }) })
+                      /* @__PURE__ */ jsx(Tooltip, { title: translate("htmlEditor.tooltips.splitView"), arrow: true, children: /* @__PURE__ */ jsx(ToggleButton, { value: "split", "aria-label": translate("htmlEditor.mode.split"), children: /* @__PURE__ */ jsx(ViewColumn, { fontSize: "small" }) }) }),
+                      /* @__PURE__ */ jsx(Tooltip, { title: translate("htmlEditor.tooltips.codeOnly"), arrow: true, children: /* @__PURE__ */ jsx(ToggleButton, { value: "code", "aria-label": translate("htmlEditor.mode.code"), children: /* @__PURE__ */ jsx(Code, { fontSize: "small" }) }) }),
+                      /* @__PURE__ */ jsx(Tooltip, { title: translate("htmlEditor.tooltips.previewOnly"), arrow: true, children: /* @__PURE__ */ jsx(ToggleButton, { value: "preview", "aria-label": translate("htmlEditor.mode.preview"), children: /* @__PURE__ */ jsx(Visibility, { fontSize: "small" }) }) })
                     ]
                   }
                 ),
@@ -852,8 +852,8 @@ function HtmlEditor({
                   size: "small",
                   "aria-label": translate("htmlEditor.device.desktop"),
                   children: [
-                    /* @__PURE__ */ jsx(Tooltip, { title: translate("htmlEditor.tooltips.desktopView"), children: /* @__PURE__ */ jsx(ToggleButton, { value: "desktop", "aria-label": translate("htmlEditor.device.desktop"), children: /* @__PURE__ */ jsx(DesktopWindowsOutlined, { fontSize: "small" }) }) }),
-                    /* @__PURE__ */ jsx(Tooltip, { title: translate("htmlEditor.tooltips.mobileView"), children: /* @__PURE__ */ jsx(ToggleButton, { value: "mobile", "aria-label": translate("htmlEditor.device.mobile"), children: /* @__PURE__ */ jsx(PhoneAndroid, { fontSize: "small" }) }) })
+                    /* @__PURE__ */ jsx(Tooltip, { title: translate("htmlEditor.tooltips.desktopView"), arrow: true, children: /* @__PURE__ */ jsx(ToggleButton, { value: "desktop", "aria-label": translate("htmlEditor.device.desktop"), children: /* @__PURE__ */ jsx(DesktopWindowsOutlined, { fontSize: "small" }) }) }),
+                    /* @__PURE__ */ jsx(Tooltip, { title: translate("htmlEditor.tooltips.mobileView"), arrow: true, children: /* @__PURE__ */ jsx(ToggleButton, { value: "mobile", "aria-label": translate("htmlEditor.device.mobile"), children: /* @__PURE__ */ jsx(PhoneAndroid, { fontSize: "small" }) }) })
                   ]
                 }
               ) })

package/dist/documents/blocks/Socials/SocialsEditor.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"SocialsEditor.d.ts","sourceRoot":"","sources":["../../../../src/documents/blocks/Socials/SocialsEditor.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAW,YAAY,EAAE,MAAM,2BAA2B,CAAC;AAKlE,KAAK,kBAAkB,GAAG,YAAY,CAAC;AAEvC,MAAM,CAAC,OAAO,UAAU,aAAa,CAAC,KAAK,EAAE,kBAAkB,2CA+B9D"}
+{"version":3,"file":"SocialsEditor.d.ts","sourceRoot":"","sources":["../../../../src/documents/blocks/Socials/SocialsEditor.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAW,YAAY,EAAE,MAAM,2BAA2B,CAAC;AAIlE,KAAK,kBAAkB,GAAG,YAAY,CAAC;AAEvC,MAAM,CAAC,OAAO,UAAU,aAAa,CAAC,KAAK,EAAE,kBAAkB,2CA+B9D"}

package/dist/html-editor.js

@@ -1,4 +1,4 @@
-import { H, H as H2 } from "./chunks/chunk-_2A_JQPF.js";
+import { H, H as H2 } from "./chunks/chunk-MBtaCJUV.js";
 export {
   H as HtmlEditor,
   H2 as default

package/dist/index.js

@@ -6,8 +6,8 @@ import React, { createContext, useContext, useState, useEffect, useRef, Fragment
 import { Box, Typography, Stack, Button, InputLabel, Menu, ButtonBase, ToggleButtonGroup, TextField, MenuItem, Slider, ToggleButton, Dialog, DialogTitle, DialogContent, DialogActions, CircularProgress, FormControlLabel, Switch, Paper, IconButton, Select, Divider, Drawer, Tabs, Tab, Fade, Tooltip, Alert, useTheme, ThemeProvider, CssBaseline } from "@mui/material";
 import { renderToStaticMarkup, Reader } from "monto-email-core";
 import { create } from "zustand";
-import { g as getLanguage, s as setLanguage$1, t } from "./chunks/chunk-_2A_JQPF.js";
-import { H } from "./chunks/chunk-_2A_JQPF.js";
+import { g as getLanguage, s as setLanguage$1, t } from "./chunks/chunk-MBtaCJUV.js";
+import { H } from "./chunks/chunk-MBtaCJUV.js";
 import { E as EMPTY_EMAIL_MESSAGE } from "./chunks/chunk-TAYi09Lv.js";
 import { createTheme, alpha, lighten, darken } from "@mui/material/styles";
 import { ButtonPropsDefaults, ButtonPropsSchema, Button as Button$1 } from "@usewaypoint/block-button";
@@ -600,6 +600,9 @@ const THEME = createTheme(BASE_THEME, {
         tooltip: {
           fontSize: BASE_THEME.typography.pxToRem(12),
           backgroundColor: alpha(BASE_THEME.palette.text.primary, 0.9)
+        },
+        arrow: {
+          color: alpha(BASE_THEME.palette.text.primary, 0.9)
         }
       }
     },
@@ -6768,9 +6771,9 @@ function TuneMenu({ blockId }) {
     setSelectedBlockId(blockId);
   };
   return /* @__PURE__ */ jsx(Paper, { sx, onClick: (ev) => ev.stopPropagation(), children: /* @__PURE__ */ jsxs(Stack, { children: [
-    canMove.canMoveUp && /* @__PURE__ */ jsx(Tooltip, { title: "Move up", placement: "left-start", children: /* @__PURE__ */ jsx(IconButton, { onClick: () => handleMoveClick("up"), sx: { color: "text.primary" }, children: /* @__PURE__ */ jsx(ArrowUpwardOutlined, { fontSize: "small" }) }) }),
-    canMove.canMoveDown && /* @__PURE__ */ jsx(Tooltip, { title: "Move down", placement: "left-start", children: /* @__PURE__ */ jsx(IconButton, { onClick: () => handleMoveClick("down"), sx: { color: "text.primary" }, children: /* @__PURE__ */ jsx(ArrowDownwardOutlined, { fontSize: "small" }) }) }),
-    /* @__PURE__ */ jsx(Tooltip, { title: "Delete", placement: "left-start", children: /* @__PURE__ */ jsx(IconButton, { onClick: handleDeleteClick, sx: { color: "text.primary" }, children: /* @__PURE__ */ jsx(DeleteOutlined, { color: "error", fontSize: "small" }) }) })
+    canMove.canMoveUp && /* @__PURE__ */ jsx(Tooltip, { title: "Move up", placement: "left", arrow: true, children: /* @__PURE__ */ jsx(IconButton, { onClick: () => handleMoveClick("up"), sx: { color: "text.primary" }, children: /* @__PURE__ */ jsx(ArrowUpwardOutlined, { fontSize: "small" }) }) }),
+    canMove.canMoveDown && /* @__PURE__ */ jsx(Tooltip, { title: "Move down", placement: "left", arrow: true, children: /* @__PURE__ */ jsx(IconButton, { onClick: () => handleMoveClick("down"), sx: { color: "text.primary" }, children: /* @__PURE__ */ jsx(ArrowDownwardOutlined, { fontSize: "small" }) }) }),
+    /* @__PURE__ */ jsx(Tooltip, { title: "Delete", placement: "left", arrow: true, children: /* @__PURE__ */ jsx(IconButton, { onClick: handleDeleteClick, sx: { color: "text.primary" }, children: /* @__PURE__ */ jsx(DeleteOutlined, { color: "error", fontSize: "small" }) }) })
   ] }) });
 }
 function EditorBlockWrapper({ children }) {
@@ -7022,7 +7025,7 @@ function DownloadJson() {
   const href = useMemo(() => {
     return `data:text/plain,${encodeURIComponent(JSON.stringify(doc, null, "  "))}`;
   }, [doc]);
-  return /* @__PURE__ */ jsx(Tooltip, { title: t2("common.downloadJson"), children: /* @__PURE__ */ jsx(IconButton, { href, download: "emailTemplate.json", children: /* @__PURE__ */ jsx(FileDownloadOutlined, { fontSize: "small" }) }) });
+  return /* @__PURE__ */ jsx(Tooltip, { title: t2("common.downloadJson"), arrow: true, children: /* @__PURE__ */ jsx(IconButton, { href, download: "emailTemplate.json", children: /* @__PURE__ */ jsx(FileDownloadOutlined, { fontSize: "small" }) }) });
 }
 let SyntaxHighlighter = null;
 let jsonLang = null;
@@ -7333,7 +7336,7 @@ function ImportJson() {
     dialog = /* @__PURE__ */ jsx(ImportJsonDialog, { onClose: () => setOpen(false) });
   }
   return /* @__PURE__ */ jsxs(Fragment, { children: [
-    /* @__PURE__ */ jsx(Tooltip, { title: t2("common.importJson"), children: /* @__PURE__ */ jsx(IconButton, { onClick: () => setOpen(true), children: /* @__PURE__ */ jsx(FileUploadOutlined, { fontSize: "small" }) }) }),
+    /* @__PURE__ */ jsx(Tooltip, { title: t2("common.importJson"), arrow: true, children: /* @__PURE__ */ jsx(IconButton, { onClick: () => setOpen(true), children: /* @__PURE__ */ jsx(FileUploadOutlined, { fontSize: "small" }) }) }),
     dialog
   ] });
 }
@@ -7363,28 +7366,28 @@ function MainTabsGroup() {
       Tab,
       {
         value: "editor",
-        label: /* @__PURE__ */ jsx(Tooltip, { title: t2("tabs.edit"), children: /* @__PURE__ */ jsx(EditOutlined, { fontSize: "small" }) })
+        label: /* @__PURE__ */ jsx(Tooltip, { title: t2("tabs.edit"), arrow: true, children: /* @__PURE__ */ jsx(EditOutlined, { fontSize: "small" }) })
       }
     ),
     /* @__PURE__ */ jsx(
       Tab,
       {
         value: "preview",
-        label: /* @__PURE__ */ jsx(Tooltip, { title: t2("tabs.preview"), children: /* @__PURE__ */ jsx(PreviewOutlined, { fontSize: "small" }) })
+        label: /* @__PURE__ */ jsx(Tooltip, { title: t2("tabs.preview"), arrow: true, children: /* @__PURE__ */ jsx(PreviewOutlined, { fontSize: "small" }) })
       }
     ),
     /* @__PURE__ */ jsx(
       Tab,
       {
         value: "html",
-        label: /* @__PURE__ */ jsx(Tooltip, { title: t2("tabs.htmlOutput"), children: /* @__PURE__ */ jsx(CodeOutlined, { fontSize: "small" }) })
+        label: /* @__PURE__ */ jsx(Tooltip, { title: t2("tabs.htmlOutput"), arrow: true, children: /* @__PURE__ */ jsx(CodeOutlined, { fontSize: "small" }) })
       }
     ),
     showJsonFeatures && /* @__PURE__ */ jsx(
       Tab,
       {
         value: "json",
-        label: /* @__PURE__ */ jsx(Tooltip, { title: t2("tabs.jsonOutput"), children: /* @__PURE__ */ jsx(DataObjectOutlined, { fontSize: "small" }) })
+        label: /* @__PURE__ */ jsx(Tooltip, { title: t2("tabs.jsonOutput"), arrow: true, children: /* @__PURE__ */ jsx(DataObjectOutlined, { fontSize: "small" }) })
       }
     )
   ] });
@@ -7415,12 +7418,12 @@ function NameInput() {
 function RedoButton() {
   const { t: t2 } = useTranslation();
   const canRedo2 = useCanRedo();
-  return /* @__PURE__ */ jsx(Tooltip, { title: t2("common.redoTooltip"), children: /* @__PURE__ */ jsx("span", { children: /* @__PURE__ */ jsx(IconButton, { onClick: redo, disabled: !canRedo2, size: "small", children: /* @__PURE__ */ jsx(RedoOutlined, { fontSize: "small" }) }) }) });
+  return /* @__PURE__ */ jsx(Tooltip, { title: t2("common.redoTooltip"), arrow: true, children: /* @__PURE__ */ jsx("span", { children: /* @__PURE__ */ jsx(IconButton, { onClick: redo, disabled: !canRedo2, size: "small", children: /* @__PURE__ */ jsx(RedoOutlined, { fontSize: "small" }) }) }) });
 }
 function UndoButton() {
   const { t: t2 } = useTranslation();
   const canUndo2 = useCanUndo();
-  return /* @__PURE__ */ jsx(Tooltip, { title: t2("common.undoTooltip"), children: /* @__PURE__ */ jsx("span", { children: /* @__PURE__ */ jsx(IconButton, { onClick: undo, disabled: !canUndo2, size: "small", children: /* @__PURE__ */ jsx(UndoOutlined, { fontSize: "small" }) }) }) });
+  return /* @__PURE__ */ jsx(Tooltip, { title: t2("common.undoTooltip"), arrow: true, children: /* @__PURE__ */ jsx("span", { children: /* @__PURE__ */ jsx(IconButton, { onClick: undo, disabled: !canUndo2, size: "small", children: /* @__PURE__ */ jsx(UndoOutlined, { fontSize: "small" }) }) }) });
 }
 function TemplatePanel() {
   const { t: t2 } = useTranslation();
@@ -7496,8 +7499,8 @@ function TemplatePanel() {
               showJsonFeatures && /* @__PURE__ */ jsx(DownloadJson, {}),
               showJsonFeatures && /* @__PURE__ */ jsx(ImportJson, {}),
               /* @__PURE__ */ jsxs(ToggleButtonGroup, { size: "small", value: selectedScreenSize, exclusive: true, onChange: handleScreenSizeChange, children: [
-                /* @__PURE__ */ jsx(ToggleButton, { value: "desktop", children: /* @__PURE__ */ jsx(Tooltip, { title: t2("common.desktopView"), children: /* @__PURE__ */ jsx(MonitorOutlined, { fontSize: "small" }) }) }),
-                /* @__PURE__ */ jsx(ToggleButton, { value: "mobile", children: /* @__PURE__ */ jsx(Tooltip, { title: t2("common.mobileView"), children: /* @__PURE__ */ jsx(PhoneIphoneOutlined, { fontSize: "small" }) }) })
+                /* @__PURE__ */ jsx(ToggleButton, { value: "desktop", children: /* @__PURE__ */ jsx(Tooltip, { title: t2("common.desktopView"), arrow: true, children: /* @__PURE__ */ jsx(MonitorOutlined, { fontSize: "small" }) }) }),
+                /* @__PURE__ */ jsx(ToggleButton, { value: "mobile", children: /* @__PURE__ */ jsx(Tooltip, { title: t2("common.mobileView"), arrow: true, children: /* @__PURE__ */ jsx(PhoneIphoneOutlined, { fontSize: "small" }) }) })
               ] })
             ] })
           ] }),

package/dist/theme.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"theme.d.ts","sourceRoot":"","sources":["../src/theme.ts"],"names":[],"mappings":"AA6BA,QAAA,MAAM,KAAK,+BAgfT,CAAC;AAEH,eAAe,KAAK,CAAC"}
+{"version":3,"file":"theme.d.ts","sourceRoot":"","sources":["../src/theme.ts"],"names":[],"mappings":"AA6BA,QAAA,MAAM,KAAK,+BAmfT,CAAC;AAEH,eAAe,KAAK,CAAC"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "monto-email-builder",
-  "version": "1.1.10",
+  "version": "1.1.12",
   "description": "A powerful and customizable email template builder React component library with visual editing, internationalization, and image upload support",
   "keywords": [
     "email",
@@ -69,10 +69,10 @@
     "@usewaypoint/block-text": "0.0.6",
     "@usewaypoint/document-core": "0.0.6",
     "monto-email-block-html": "0.0.1",
-    "monto-email-block-socials": "0.0.5",
+    "monto-email-block-socials": "0.0.8",
     "monto-email-block-video": "0.0.1",
-    "monto-email-block-columns-container": "0.0.1",
-    "monto-email-core": "0.0.13",
+    "monto-email-block-columns-container": "0.0.2",
+    "monto-email-core": "0.0.17",
     "react-colorful": "^5.6.1",
     "zod": "^3.22.4",
     "zustand": "^4.5.1"