@contentful/field-editor-shared 4.3.1-canary.0 → 4.4.0

package/dist/cjs/ModalDialogLauncher.js

@@ -20,6 +20,7 @@ _export(exports, {
     }
 });
 const _react = /*#__PURE__*/ _interop_require_wildcard(require("react"));
+const _reactdom = require("react-dom");
 const _client = require("react-dom/client");
 const _f36components = require("@contentful/f36-components");
 const _isNumber = /*#__PURE__*/ _interop_require_default(require("lodash/isNumber"));
@@ -69,6 +70,7 @@ function _interop_require_wildcard(obj, nodeInterop) {
     }
     return newObj;
 }
+const CLOSE_DELAY = 300;
 function open(componentRenderer) {
     let rootDom = null;
     let reactRoot = null;
@@ -87,18 +89,21 @@ function open(componentRenderer) {
             isShown: true
         };
         function render({ onClose, isShown }) {
-            getRoot().render(componentRenderer({
-                onClose,
-                isShown
-            }));
+            (0, _reactdom.flushSync)(()=>{
+                getRoot().render(componentRenderer({
+                    onClose,
+                    isShown
+                }));
+            });
         }
-        function onClose(...args) {
+        async function onClose(...args) {
             currentConfig = {
                 ...currentConfig,
                 isShown: false
             };
             render(currentConfig);
             resolve(...args);
+            await new Promise((r)=>setTimeout(r, CLOSE_DELAY));
             reactRoot?.unmount();
             rootDom?.remove();
         }

package/dist/esm/ModalDialogLauncher.js

@@ -1,7 +1,9 @@
 import * as React from 'react';
+import { flushSync } from 'react-dom';
 import { createRoot } from 'react-dom/client';
 import { Modal, ModalHeader } from '@contentful/f36-components';
 import isNumber from 'lodash/isNumber';
+const CLOSE_DELAY = 300;
 export function open(componentRenderer) {
     let rootDom = null;
     let reactRoot = null;
@@ -20,18 +22,21 @@ export function open(componentRenderer) {
             isShown: true
         };
         function render({ onClose, isShown }) {
-            getRoot().render(componentRenderer({
-                onClose,
-                isShown
-            }));
+            flushSync(()=>{
+                getRoot().render(componentRenderer({
+                    onClose,
+                    isShown
+                }));
+            });
         }
-        function onClose(...args) {
+        async function onClose(...args) {
             currentConfig = {
                 ...currentConfig,
                 isShown: false
             };
             render(currentConfig);
             resolve(...args);
+            await new Promise((r)=>setTimeout(r, CLOSE_DELAY));
             reactRoot?.unmount();
             rootDom?.remove();
         }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@contentful/field-editor-shared",
-  "version": "4.3.1-canary.0+72ee3709",
+  "version": "4.4.0",
   "main": "dist/cjs/index.js",
   "module": "dist/esm/index.js",
   "types": "dist/types/index.d.ts",
@@ -43,7 +43,7 @@
   },
   "devDependencies": {
     "@contentful/app-sdk": "^4.42.0",
-    "@contentful/field-editor-test-utils": "^3.0.1-canary.32+72ee3709",
+    "@contentful/field-editor-test-utils": "^3.1.0",
     "@lingui/core": "5.3.0",
     "@tanstack/react-query": "^4.3.9",
     "@testing-library/react": "16.3.0"
@@ -73,5 +73,5 @@
   "publishConfig": {
     "registry": "https://npm.pkg.github.com/"
   },
-  "gitHead": "72ee370988fabd25720deff8861b5a2620da0b5a"
+  "gitHead": "b3a1d791df55536d6de78bb138b97224d6c0c70e"
 }