@bigbinary/neeto-editor 1.28.10 → 1.28.12

package/index.js

@@ -1,5 +1,5 @@
 import { isNotEmpty, findBy, noop as noop$2, removeBy, findIndexBy, removeById, slugify } from '@bigbinary/neeto-commons-frontend/pure';
-import { pluck, isEmpty as isEmpty$1, isNil, mergeDeepLeft, assoc, mergeRight, concat as concat$3, is, prop, not, fromPairs, last, min as min$1 } from 'ramda';
+import { pluck, isEmpty as isEmpty$1, isNil, mergeDeepLeft, assoc, mergeRight, concat as concat$3, is, not, prop, fromPairs, last, min as min$1 } from 'ramda';
 import * as React$6 from 'react';
 import React__default, { useContext, useState, useRef as useRef$1, useEffect as useEffect$1, useImperativeHandle, createContext, forwardRef as forwardRef$1, cloneElement, useLayoutEffect, useMemo, useCallback } from 'react';
 import { renderToString } from 'react-dom/server';
@@ -12,6 +12,7 @@ import { useFuncDebounce, useOnClickOutside } from '@bigbinary/neeto-commons-fro
 import CopyToClipboardButton from '@bigbinary/neeto-molecules/CopyToClipboardButton';
 import DynamicVariables from '@bigbinary/neeto-molecules/DynamicVariables';
 import { FastField } from 'formik';
+import { createRoot } from 'react-dom/client';
 
 // ::- Persistent data structure representing an ordered mapping from
 // strings to values, with some convenient update methods.
@@ -94879,7 +94880,9 @@ var MediaUploader = function MediaUploader(_ref) {
   return /*#__PURE__*/React__default.createElement(Modal, {
     closeButton: false,
     isOpen: isOpen,
-    onClose: !isUploading && handleClose
+    closeOnEsc: not(isUploading),
+    closeOnOutsideClick: not(isUploading),
+    onClose: handleClose
   }, /*#__PURE__*/React__default.createElement("div", {
     className: "ne-media-uploader"
   }, !isNilOrEmpty(tabs) && /*#__PURE__*/React__default.createElement(Tab, null, tabs.map(function (_ref3) {
@@ -94896,8 +94899,8 @@ var MediaUploader = function MediaUploader(_ref) {
     className: "ne-media-uploader__content"
   }, activeTab === "local" && /*#__PURE__*/React__default.createElement(LocalUploader, {
     insertMediaToEditor: insertMediaToEditor,
-    isImage: mediaUploader.image,
     setIsUploading: setIsUploading,
+    isImage: mediaUploader.image,
     onClose: handleClose
   }), activeTab === "link" && /*#__PURE__*/React__default.createElement(URLForm, {
     placeholder: t("placeholders.pasteLink"),
@@ -98675,11 +98678,12 @@ var EditorContent = function EditorContent(_ref) {
     preTags.forEach(function (preTag) {
       var button = document.createElement("div");
       button.className = "neeto-editor-codeblock-options";
-      ReactDOM.render( /*#__PURE__*/React__default.createElement(CopyToClipboardButton, {
+      var root = createRoot(button);
+      root.render( /*#__PURE__*/React__default.createElement(CopyToClipboardButton, {
         size: "small",
         style: "text",
         value: preTag.textContent
-      }), button);
+      }));
       preTag.appendChild(button);
     });
   };