@contentful/field-editor-reference 5.1.7 → 5.2.0

package/CHANGELOG.md

@@ -3,6 +3,18 @@
 All notable changes to this project will be documented in this file.
 See [Conventional Commits](https://conventionalcommits.org) for commit guidelines.
 
+# [5.2.0](https://github.com/contentful/field-editors/compare/@contentful/field-editor-reference@5.1.8...@contentful/field-editor-reference@5.2.0) (2022-09-14)
+
+### Features
+
+- date editor with new f36 datepicker, do yarn deduplicate for f36-components [BAU-696] ([#1225](https://github.com/contentful/field-editors/issues/1225)) ([bc142a3](https://github.com/contentful/field-editors/commit/bc142a3522b7e55666eb3796f69f6cfcbab9a574))
+
+## [5.1.8](https://github.com/contentful/field-editors/compare/@contentful/field-editor-reference@5.1.7...@contentful/field-editor-reference@5.1.8) (2022-09-12)
+
+### Bug Fixes
+
+- **reference-editor:** re-introduce entity refetch when slide-in is closed ([#1233](https://github.com/contentful/field-editors/issues/1233)) ([7026521](https://github.com/contentful/field-editors/commit/7026521d3c1885dbe61acd9dfc7a1e091a036565))
+
 ## [5.1.7](https://github.com/contentful/field-editors/compare/@contentful/field-editor-reference@5.1.6...@contentful/field-editor-reference@5.1.7) (2022-09-09)
 
 **Note:** Version bump only for package @contentful/field-editor-reference

package/dist/field-editor-reference.cjs.development.js

@@ -1967,13 +1967,13 @@ function _fetchContentfulEntry() {
             _resourceId$split = resourceId.split('/'), spaceId = _resourceId$split[1], entryId = _resourceId$split[3];
             environmentId = 'master';
             _context3.next = 6;
-            return Promise.all([fetch(['space', spaceId], function (_ref9) {
-              var cmaClient = _ref9.cmaClient;
+            return Promise.all([fetch(['space', spaceId], function (_ref10) {
+              var cmaClient = _ref10.cmaClient;
               return cmaClient.space.get({
                 spaceId: spaceId
               });
-            }, options), fetch(['entry', spaceId, environmentId, entryId], function (_ref10) {
-              var cmaClient = _ref10.cmaClient;
+            }, options), fetch(['entry', spaceId, environmentId, entryId], function (_ref11) {
+              var cmaClient = _ref11.cmaClient;
               return cmaClient.entry.get({
                 spaceId: spaceId,
                 environmentId: environmentId,
@@ -1987,15 +1987,15 @@ function _fetchContentfulEntry() {
             entry = _yield$Promise$all[1];
             contentTypeId = entry.sys.contentType.sys.id;
             _context3.next = 12;
-            return Promise.all([fetch(['contentType', spaceId, environmentId, contentTypeId], function (_ref11) {
-              var cmaClient = _ref11.cmaClient;
+            return Promise.all([fetch(['contentType', spaceId, environmentId, contentTypeId], function (_ref12) {
+              var cmaClient = _ref12.cmaClient;
               return cmaClient.contentType.get({
                 contentTypeId: contentTypeId,
                 spaceId: spaceId,
                 environmentId: environmentId
               });
             }, options), fetch(['defaultLocale', spaceId, environmentId], /*#__PURE__*/function () {
-              var _ref13 = _asyncToGenerator( /*#__PURE__*/runtime_1.mark(function _callee2(_ref12) {
+              var _ref14 = _asyncToGenerator( /*#__PURE__*/runtime_1.mark(function _callee2(_ref13) {
                 var _locales$items$find;
 
                 var cmaClient, locales, defaultLocaleCode;
@@ -2003,7 +2003,7 @@ function _fetchContentfulEntry() {
                   while (1) {
                     switch (_context2.prev = _context2.next) {
                       case 0:
-                        cmaClient = _ref12.cmaClient;
+                        cmaClient = _ref13.cmaClient;
                         _context2.next = 3;
                         return cmaClient.locale.getMany({
                           spaceId: spaceId,
@@ -2029,7 +2029,7 @@ function _fetchContentfulEntry() {
               }));
 
               return function (_x3) {
-                return _ref13.apply(this, arguments);
+                return _ref14.apply(this, arguments);
               };
             }(), options)]);
 
@@ -2222,14 +2222,34 @@ var _constate = /*#__PURE__*/constate(function useInitServices(props) {
 
   // @ts-expect-error ...
   var onEntityChanged = props.sdk.space.onEntityChanged;
+  var onSlideInNavigation = props.sdk.navigator.onSlideInNavigation;
   React.useEffect(function () {
+    function findSameSpaceQueries() {
+      return queryCache.findAll({
+        type: 'active',
+        predicate: function predicate(query) {
+          return isSameSpaceEntityQueryKey(query.queryKey);
+        }
+      });
+    }
+
     if (typeof onEntityChanged !== 'function') {
-      return;
+      return onSlideInNavigation(function (_ref4) {
+        var oldSlideLevel = _ref4.oldSlideLevel,
+            newSlideLevel = _ref4.newSlideLevel;
+
+        if (oldSlideLevel > newSlideLevel) {
+          findSameSpaceQueries().forEach(function (query) {
+            // automatically refetches the query
+            void queryClient.invalidateQueries(query.queryKey);
+          });
+        }
+      });
     }
 
-    var subscribeQuery = function subscribeQuery(_ref4) {
-      var queryKey = _ref4.queryKey,
-          queryHash = _ref4.queryHash;
+    var subscribeQuery = function subscribeQuery(_ref5) {
+      var queryKey = _ref5.queryKey,
+          queryHash = _ref5.queryHash;
       var entityType = queryKey[0],
           entityId = queryKey[1];
       entityChangeUnsubscribers.current[queryHash] = onEntityChanged(entityType, entityId, function (data) {
@@ -2237,13 +2257,7 @@ var _constate = /*#__PURE__*/constate(function useInitServices(props) {
       });
     };
 
-    var queries = queryCache.findAll({
-      type: 'active',
-      predicate: function predicate(query) {
-        return isSameSpaceEntityQueryKey(query.queryKey);
-      }
-    });
-    queries.forEach(subscribeQuery);
+    findSameSpaceQueries().forEach(subscribeQuery);
     var unsubscribe = queryCache.subscribe(function (event) {
       if (!event) {
         return;
@@ -2276,7 +2290,7 @@ var _constate = /*#__PURE__*/constate(function useInitServices(props) {
       });
       entityChangeUnsubscribers.current = {};
     };
-  }, [onEntityChanged, queryCache, isSameSpaceEntityQueryKey, queryClient]);
+  }, [onEntityChanged, queryCache, isSameSpaceEntityQueryKey, queryClient, getEntity, onSlideInNavigation]);
   return {
     ids: props.sdk.ids,
     cmaClient: cmaClient,
@@ -2285,22 +2299,22 @@ var _constate = /*#__PURE__*/constate(function useInitServices(props) {
     getEntity: getEntity,
     getEntityScheduledActions: getEntityScheduledActions
   };
-}, function (_ref5) {
-  var fetch = _ref5.fetch;
-  return fetch;
 }, function (_ref6) {
-  var getResource = _ref6.getResource,
-      getEntity = _ref6.getEntity,
-      getEntityScheduledActions = _ref6.getEntityScheduledActions;
+  var fetch = _ref6.fetch;
+  return fetch;
+}, function (_ref7) {
+  var getResource = _ref7.getResource,
+      getEntity = _ref7.getEntity,
+      getEntityScheduledActions = _ref7.getEntityScheduledActions;
   return {
     getResource: getResource,
     getEntity: getEntity,
     getEntityScheduledActions: getEntityScheduledActions
   };
-}, function (_ref7) {
+}, function (_ref8) {
   var _ids$environmentAlias;
 
-  var ids = _ref7.ids;
+  var ids = _ref8.ids;
   return {
     environment: (_ids$environmentAlias = ids.environmentAlias) != null ? _ids$environmentAlias : ids.environment,
     space: ids.space
@@ -2357,9 +2371,9 @@ function useResource(resourceType, urn, options) {
   };
 }
 
-function EntityProvider(_ref8) {
-  var children = _ref8.children,
-      props = _objectWithoutPropertiesLoose(_ref8, _excluded2);
+function EntityProvider(_ref9) {
+  var children = _ref9.children,
+      props = _objectWithoutPropertiesLoose(_ref9, _excluded2);
 
   var reactQueryClient = React.useMemo(function () {
     var queryCache = new reactQuery.QueryCache();
@@ -2970,12 +2984,16 @@ function WrappedEntryCard(props) {
       onClick: function onClick() {
         props.onRemove && props.onRemove();
       }
-    }, "Remove") : null, props.hasCardMoveActions && (props.onMoveTop || props.onMoveBottom) ? React.createElement(f36Components.MenuDivider, null) : null, props.hasCardMoveActions && props.onMoveTop ? React.createElement(f36Components.MenuItem, {
+    }, "Remove") : null, props.hasCardMoveActions && (props.onMoveTop || props.onMoveBottom) ? React.createElement(f36Components.MenuDivider, {
+      key: "divider"
+    }) : null, props.hasCardMoveActions && props.onMoveTop ? React.createElement(f36Components.MenuItem, {
+      key: "move-top",
       onClick: function onClick() {
         return props.onMoveTop && props.onMoveTop();
       },
       testId: "move-top"
     }, "Move to top") : null, props.hasCardMoveActions && props.onMoveBottom ? React.createElement(f36Components.MenuItem, {
+      key: "move-bottom",
       onClick: function onClick() {
         return props.onMoveBottom && props.onMoveBottom();
       },