@ivanholiak/easy-email-extensions 4.16.11 → 4.16.12

package/lib/index2.js

@@ -52,7 +52,7 @@ var __async = (__this, __arguments, generator) => {
 };
 import * as React$1 from "react";
 import React__default, { createContext, useContext, isValidElement, Children, cloneElement, Component, useRef, useMemo, memo, forwardRef, createRef, useState, useImperativeHandle, useEffect, useLayoutEffect, useCallback, PureComponent, useReducer, Fragment, Suspense } from "react";
-import { IconFont, useEditorProps, Stack as Stack$4, useRefState, getShadowRoot, DATA_CONTENT_EDITABLE_TYPE, ContentEditableType, MergeTagBadge, TextStyle, useEditorContext, useBlock, useFocusIdx, DATA_CONTENT_EDITABLE_IDX, useFocusBlockLayout, AvailableTools, FIXED_CONTAINER_ID, getPluginElement, RICH_TEXT_BAR_ID, CONTENT_EDITABLE_CLASS_NAME, getEditorRoot, scrollBlockEleIntoView, useHoverIdx, useDataTransfer, getBlockNodeByChildEle, getDirectionPosition, DATA_ATTRIBUTE_DROP_CONTAINER, BlockAvatarWrapper, isTextBlock, getBlockNodeByIdx, useLazyState, useActiveTab, ActiveTabKeys } from "@ivanholiak/easy-email-editor";
+import { IconFont, useEditorProps, Stack as Stack$4, useRefState, getShadowRoot, DATA_CONTENT_EDITABLE_TYPE, ContentEditableType, MergeTagBadge, TextStyle, useEditorContext, useBlock, useFocusIdx, DATA_CONTENT_EDITABLE_IDX, useFocusBlockLayout, AvailableTools, FIXED_CONTAINER_ID, getPluginElement, RICH_TEXT_BAR_ID, CONTENT_EDITABLE_CLASS_NAME, getEditorRoot, scrollBlockEleIntoView, useHoverIdx, useDataTransfer, getBlockNodeByChildEle, getDirectionPosition, DATA_ATTRIBUTE_DROP_CONTAINER, BlockAvatarWrapper, isTextBlock, getBlockNodeByIdx, useLazyState, useActiveTab, ActiveTabKeys, EASY_EMAIL_ROOT_CLASS } from "@ivanholiak/easy-email-editor";
 import { BasicType, ImageManager, EMAIL_BLOCK_CLASS_NAME, BlockManager, createBlockDataByType, AdvancedType, Operator, OperatorSymbol, isAdvancedBlock, getParentByIdx, getParentIdx, getIndexByIdx, getSiblingIdx, getNodeIdxFromClassName, getNodeIdxClassName, getPageIdx, getChildIdx, JsonToMjml, getNodeTypeFromClassName } from "@ivanholiak/easy-email-core";
 import ReactDOM$1, { createPortal } from "react-dom";
 import { Field, useForm as useForm$1, useField, Form as Form$3, version as version$2, useFormState as useFormState$2 } from "react-final-form";
@@ -59381,8 +59381,11 @@ const SimpleLayout = (props) => {
   const { height: containerHeight } = useEditorProps();
   const { showSourceCode = true, defaultShowLayer = true, jsonReadOnly: jsonReadOnly2 = false, mjmlReadOnly: mjmlReadOnly2 = true } = props;
   const [collapsed, setCollapsed] = useState(!defaultShowLayer);
-  return /* @__PURE__ */ React__default.createElement(ConfigProvider, {
-    locale: enUS
+  return /* @__PURE__ */ React__default.createElement("div", {
+    className: EASY_EMAIL_ROOT_CLASS
+  }, /* @__PURE__ */ React__default.createElement(ConfigProvider, {
+    locale: enUS,
+    getPopupContainer: () => document.querySelector(`.${EASY_EMAIL_ROOT_CLASS}`) || document.body
   }, /* @__PURE__ */ React__default.createElement(Layout$1, {
     className: styles$4.SimpleLayout,
     style: {
@@ -59464,7 +59467,7 @@ const SimpleLayout = (props) => {
   }, /* @__PURE__ */ React__default.createElement(SourceCodePanel, {
     jsonReadOnly: jsonReadOnly2,
     mjmlReadOnly: mjmlReadOnly2
-  }))))), /* @__PURE__ */ React__default.createElement(InteractivePrompt, null), /* @__PURE__ */ React__default.createElement(MergeTagBadgePrompt, null)));
+  }))))), /* @__PURE__ */ React__default.createElement(InteractivePrompt, null), /* @__PURE__ */ React__default.createElement(MergeTagBadgePrompt, null))));
 };
 const StandardLayout$1 = "_StandardLayout_xv0bc_1";
 var styles$3 = {
@@ -62517,8 +62520,11 @@ const StandardLayout = (props) => {
   }, [compact, setFocusIdx]);
   return /* @__PURE__ */ React__default.createElement(ExtensionProvider, __spreadProps(__spreadValues({}, props), {
     categories
-  }), /* @__PURE__ */ React__default.createElement(ConfigProvider, {
-    locale: enUS
+  }), /* @__PURE__ */ React__default.createElement("div", {
+    className: EASY_EMAIL_ROOT_CLASS
+  }, /* @__PURE__ */ React__default.createElement(ConfigProvider, {
+    locale: enUS,
+    getPopupContainer: () => document.querySelector(`.${EASY_EMAIL_ROOT_CLASS}`) || document.body
   }, /* @__PURE__ */ React__default.createElement(Card$1, {
     style: { padding: 0 },
     bodyStyle: {
@@ -62558,7 +62564,7 @@ const StandardLayout = (props) => {
     mjmlReadOnly: mjmlReadOnly2
   })) : /* @__PURE__ */ React__default.createElement(Layout$1.Sider, {
     style: { width: 0, overflow: "hidden" }
-  }))), /* @__PURE__ */ React__default.createElement(InteractivePrompt, null), /* @__PURE__ */ React__default.createElement(MergeTagBadgePrompt, null)));
+  }))), /* @__PURE__ */ React__default.createElement(InteractivePrompt, null), /* @__PURE__ */ React__default.createElement(MergeTagBadgePrompt, null))));
 };
 export { ExtensionContext as $, AttributePanel as A, BlockLayer as B, Color as C, Decoration as D, FontWeight as E, FontFamily as F, Padding as G, Height as H, ClassName as I, PresetColorsProvider as J, ShortcutToolbar as K, LetterSpacing as L, MjmlToJson as M, NavbarLinkPadding as N, BlockMarketManager as O, Page as P, BlockMaskWrapper as Q, SourceCodePanel as R, SelectionRangeProvider as S, TextAlign as T, InteractivePrompt as U, VerticalAlign as V, Width as W, SimpleLayout as X, StandardLayout as Y, MergeTagBadgePrompt as Z, _objectWithoutPropertiesLoose as _, _extends as a, ExtensionProvider as a0, useExtensionProps as a1, RICH_TEXT_TOOL_BAR as a2, TextField as a3, InputWithUnitField as a4, SearchField as a5, TextAreaField as a6, NumberField as a7, SliderField as a8, UploadField as a9, ImageUploaderField as aa, SelectField as ab, TreeSelectField as ac, AutoCompleteField as ad, RadioGroupField as ae, SwitchField as af, CheckboxField as ag, EditTabField as ah, EditGridTabField as ai, InlineTextField as aj, ColorPickerField as ak, enhancer as al, RichTextField as am, ShadowDom as an, getIconNameByBlockType as b, getBlockTitle as c, BlockAttributeConfigurationManager as d, Align as e, AttributesPanelWrapper as f, getContextMergeTags as g, CollapseWrapper as h, Condition as i, ContainerBackgroundColor as j, TextDecoration as k, Background as l, LineHeight as m, TextTransform as n, BackgroundColor as o, Direction as p, Link as q, Border as r, setIconsMap as s, Margin as t, BorderColor as u, FontSize$1 as v, MergeTags$1 as w, BorderStyle as x, FontStyle as y, BorderWidth as z };
 //# sourceMappingURL=index2.js.map