easy-email-extensions 3.1.39 → 3.1.41

package/License

@@ -0,0 +1,22 @@
+Copyright (c) 2021-2022 AfterShip
+
+Permission is hereby granted, free of charge, to any person
+obtaining a copy of this software and associated documentation
+files (the "Software"), to deal in the Software without
+restriction, including without limitation the rights to use,
+copy, modify, merge, publish, distribute, sublicense, and/or sell
+copies of the Software, and to permit persons to whom the
+Software is furnished to do so, subject to the following
+conditions:
+
+The above copyright notice and this permission notice shall be
+included in all copies or substantial portions of the Software.
+
+THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND,
+EXPRESS OR IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES
+OF MERCHANTABILITY, FITNESS FOR A PARTICULAR PURPOSE AND
+NONINFRINGEMENT. IN NO EVENT SHALL THE AUTHORS OR COPYRIGHT
+HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER LIABILITY,
+WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING
+FROM, OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR
+OTHER DEALINGS IN THE SOFTWARE.

package/lib/index2.js

@@ -38305,12 +38305,17 @@ const PresetColorsProvider = (props) => {
       setCurrentColors(newColors);
     }
   }, [currentColors, setCurrentColors]);
-  return /* @__PURE__ */ React__default.createElement(PresetColorsContext.Provider, {
-    value: {
+  const value = useMemo(() => {
+    return {
       colors: currentColors,
       addCurrentColor
-    }
-  }, props.children);
+    };
+  }, [addCurrentColor, currentColors]);
+  return useMemo(() => {
+    return /* @__PURE__ */ React__default.createElement(PresetColorsContext.Provider, {
+      value
+    }, props.children);
+  }, [props.children, value]);
 };
 function ColorPicker(props) {
   const { colors: presetColors, addCurrentColor } = useContext(PresetColorsContext);
@@ -40265,7 +40270,6 @@ const MergeTags = React__default.memo((props) => {
     const value = lodash.exports.get(contextMergeTags, key);
     if (lodash.exports.isObject(value)) {
       setExpandedKeys((keys2) => {
-        console.log("keys", keys2, key);
         if (keys2.includes(key)) {
           return keys2.filter((k) => k !== key);
         } else {
@@ -40274,7 +40278,7 @@ const MergeTags = React__default.memo((props) => {
       });
       return;
     }
-    return props.onChange(mergeTagGenerate(value));
+    return props.onChange(mergeTagGenerate(key));
   }, [contextMergeTags, props, mergeTagGenerate]);
   const mergeTagContent = useMemo(() => renderMergeTagContent ? renderMergeTagContent({
     onChange: props.onChange,
@@ -41315,6 +41319,40 @@ class BlockAttributeConfigurationManager {
   }
 }
 __publicField(BlockAttributeConfigurationManager, "map", __spreadValues({}, blocks));
+const SelectionRangeContext = React__default.createContext({
+  selectionRange: null,
+  setSelectionRange: () => {
+  }
+});
+const SelectionRangeProvider = (props) => {
+  const [selectionRange, setSelectionRange] = useState(null);
+  useEffect(() => {
+    const onSelectionChange = () => {
+      try {
+        const range2 = getShadowRoot().getSelection().getRangeAt(0);
+        if (range2) {
+          setSelectionRange(range2);
+        }
+      } catch (error2) {
+      }
+    };
+    document.addEventListener("selectionchange", onSelectionChange);
+    return () => {
+      document.removeEventListener("selectionchange", onSelectionChange);
+    };
+  }, []);
+  const value = useMemo(() => {
+    return {
+      selectionRange,
+      setSelectionRange
+    };
+  }, [selectionRange]);
+  return useMemo(() => {
+    return /* @__PURE__ */ React__default.createElement(SelectionRangeContext.Provider, {
+      value
+    }, props.children);
+  }, [props.children, value]);
+};
 function AttributePanel() {
   const { values: values2, focusBlock: focusBlock2 } = useBlock();
   const { initialized } = useEditorContext();
@@ -41324,7 +41362,7 @@ function AttributePanel() {
   const shadowRoot = getShadowRoot();
   if (!value || !initialized)
     return null;
-  return /* @__PURE__ */ React__default.createElement(PresetColorsProvider, null, Com ? /* @__PURE__ */ React__default.createElement(Com, {
+  return /* @__PURE__ */ React__default.createElement(SelectionRangeProvider, null, /* @__PURE__ */ React__default.createElement(PresetColorsProvider, null, Com ? /* @__PURE__ */ React__default.createElement(Com, {
     key: focusIdx2
   }) : /* @__PURE__ */ React__default.createElement("div", {
     style: { marginTop: 200, padding: "0 50px" }
@@ -41340,27 +41378,10 @@ function AttributePanel() {
                 outline: none;
                 cursor: text;
               }
-              `), shadowRoot));
+              `), shadowRoot)));
 }
-function Tools(props) {
-  const { container: container2 } = props;
-  const { mergeTags: mergeTags2 } = useEditorProps();
-  const [selectionRange, setSelectionRange] = useState(null);
-  useEffect(() => {
-    const onSelectionChange = () => {
-      try {
-        const range2 = getShadowRoot().getSelection().getRangeAt(0);
-        if (range2) {
-          setSelectionRange(range2);
-        }
-      } catch (error2) {
-      }
-    };
-    document.addEventListener("selectionchange", onSelectionChange);
-    return () => {
-      document.removeEventListener("selectionchange", onSelectionChange);
-    };
-  }, []);
+function useSelectionRange() {
+  const { selectionRange, setSelectionRange } = useContext(SelectionRangeContext);
   const restoreRange = useCallback((range2) => {
     const selection = getShadowRoot().getSelection();
     selection.removeAllRanges();
@@ -41369,6 +41390,16 @@ function Tools(props) {
     newRange.setEnd(range2.endContainer, range2.endOffset);
     selection.addRange(newRange);
   }, []);
+  return {
+    selectionRange,
+    setSelectionRange,
+    restoreRange
+  };
+}
+function Tools(props) {
+  const { container: container2 } = props;
+  const { mergeTags: mergeTags2 } = useEditorProps();
+  const { selectionRange, restoreRange } = useSelectionRange();
   const execCommand = (cmd, val) => {
     if (!container2) {
       console.error("No container");