@guillotinaweb/react-gmi 0.30.1-alpha.1 → 0.30.1-alpha.2

package/dist/react-gmi.modern.js

@@ -1423,7 +1423,7 @@ function AddItem(props) {
 
   var type = props.type;
   var getForm = Ctx.registry.getForm;
-  var Form = getForm(type);
+  var Form = getForm(type, undefined);
 
   var setActive = function setActive() {
     Ctx.cancelAction();
@@ -1592,6 +1592,11 @@ var Checkbox = function Checkbox(_ref) {
       state = _useState[0],
       setState = _useState[1];
 
+  useEffect(function () {
+    if (state !== checked) {
+      setState(!!checked);
+    }
+  }, [checked]);
   useEffect(function () {
     if (inputRef.current) {
       inputRef.current.indeterminate = indeterminate;
@@ -2739,52 +2744,49 @@ var cacheTypes = {};
 var cacheSchemas = {};
 var GuillotinaClient = /*#__PURE__*/function () {
   function GuillotinaClient(rest, pathContainsContainer) {
-    var _this = this;
-
     this.rest = void 0;
     this.pathContainsContainer = void 0;
+    this.rest = rest;
+    this.pathContainsContainer = pathContainsContainer;
+  }
 
-    this.getContainerFromPath = function (path) {
-      if (_this.pathContainsContainer) {
-        if (path.startsWith('/')) {
-          path = path.substring(1);
-        }
+  var _proto = GuillotinaClient.prototype;
 
-        var parts = path.split('/');
-        return parts[0] + "/" + parts[1] + "/";
+  _proto.getContainerFromPath = function getContainerFromPath(path) {
+    if (this.pathContainsContainer) {
+      if (path.startsWith('/')) {
+        path = path.substring(1);
       }
 
-      return '';
-    };
-
-    this.clearContainerFromPath = function (path) {
-      if (_this.pathContainsContainer) {
-        return "/" + _this.cleanPath(path);
-      }
+      var parts = path.split('/');
+      return parts[0] + "/" + parts[1] + "/";
+    }
 
-      return path;
-    };
+    return '';
+  };
 
-    this.rest = rest;
-    this.pathContainsContainer = pathContainsContainer;
-  }
+  _proto.clearContainerFromPath = function clearContainerFromPath(path) {
+    if (this.pathContainsContainer) {
+      return "/" + this.cleanPath(path);
+    }
 
-  var _proto = GuillotinaClient.prototype;
+    return path;
+  };
 
   _proto.getContext = function getContext(path) {
     try {
-      var _this3 = this;
+      var _this2 = this;
 
       switch (path) {
         case '/':
-          return Promise.resolve(_this3.rest.get(''));
+          return Promise.resolve(_this2.rest.get(''));
 
         default:
           if (path.startsWith('/')) {
             path = path.substring(1);
           }
 
-          return Promise.resolve(_this3.rest.get(path));
+          return Promise.resolve(_this2.rest.get(path));
       }
     } catch (e) {
       return Promise.reject(e);
@@ -2793,13 +2795,13 @@ var GuillotinaClient = /*#__PURE__*/function () {
 
   _proto.get = function get(path) {
     try {
-      var _this5 = this;
+      var _this4 = this;
 
       if (path.startsWith('/')) {
         path = path.slice(1);
       }
 
-      return Promise.resolve(_this5.rest.get(path));
+      return Promise.resolve(_this4.rest.get(path));
     } catch (e) {
       return Promise.reject(e);
     }
@@ -2876,13 +2878,15 @@ var GuillotinaClient = /*#__PURE__*/function () {
       width: 120
     };
     return [{
+      key: 'icon',
       label: '',
       isSortable: false,
-      child: function child(m) {
+      child: function child(_ref3) {
+        var model = _ref3.model;
         return jsx("td", {
           style: smallcss,
           children: jsx(Icon, {
-            icon: m.icon
+            icon: model.icon
           })
         });
       }
@@ -2890,13 +2894,14 @@ var GuillotinaClient = /*#__PURE__*/function () {
       label: 'type',
       key: 'type_name',
       isSortable: false,
-      child: function child(m) {
+      child: function child(_ref4) {
+        var model = _ref4.model;
         return jsx(TdLink, {
           style: smallcss,
-          model: m,
+          model: model,
           children: jsx("span", {
             className: "tag",
-            children: m.type
+            children: model.type
           })
         });
       }
@@ -2904,13 +2909,15 @@ var GuillotinaClient = /*#__PURE__*/function () {
       label: 'id/name',
       key: 'title',
       isSortable: true,
-      child: function child(m, _navigate, search) {
+      child: function child(_ref5) {
+        var model = _ref5.model,
+            search = _ref5.search;
         return jsxs(TdLink, {
-          model: m,
-          children: [m.name, search && jsxs(React.Fragment, {
+          model: model,
+          children: [model.name, search && jsxs(React.Fragment, {
             children: [jsx("br", {}), jsx("span", {
               className: "is-size-7 tag is-light",
-              children: m.path
+              children: model.path
             })]
           })]
         });
@@ -2919,22 +2926,24 @@ var GuillotinaClient = /*#__PURE__*/function () {
       label: 'created',
       key: 'creation_date',
       isSortable: true,
-      child: function child(m) {
+      child: function child(_ref6) {
+        var model = _ref6.model;
         return jsx("td", {
           style: mediumcss,
           className: "is-size-7 is-vcentered",
-          children: m.created
+          children: model.created
         });
       }
     }, {
       label: 'modified',
       key: 'modification_date',
       isSortable: true,
-      child: function child(m) {
+      child: function child(_ref7) {
+        var model = _ref7.model;
         return jsx("td", {
           style: mediumcss,
           className: "is-size-7 is-vcentered",
-          children: m.updated
+          children: model.updated
         });
       }
     }];
@@ -2960,21 +2969,21 @@ var GuillotinaClient = /*#__PURE__*/function () {
     }
 
     try {
-      var _this7 = this;
+      var _this6 = this;
 
       if (path.startsWith('/')) {
         path = path.slice(1);
       }
 
       if (container) {
-        path = _this7.getContainerFromPath(path);
+        path = _this6.getContainerFromPath(path);
       }
 
       var query = prepare ? toQueryString(params) : params;
       var url = path + "@search?" + query;
-      return Promise.resolve(_this7.rest.get(url, signal)).then(function (res) {
+      return Promise.resolve(_this6.rest.get(url, signal)).then(function (res) {
         return Promise.resolve(res.json()).then(function (data) {
-          return _this7.applyCompat(data);
+          return _this6.applyCompat(data);
         });
       });
     } catch (e) {
@@ -2984,7 +2993,7 @@ var GuillotinaClient = /*#__PURE__*/function () {
 
   _proto.canido = function canido(path, permissions) {
     try {
-      var _this9 = this;
+      var _this8 = this;
 
       if (path.startsWith('/')) {
         path = path.slice(1);
@@ -2995,7 +3004,7 @@ var GuillotinaClient = /*#__PURE__*/function () {
       }
 
       var url = path + "@canido?permissions=" + permissions;
-      return Promise.resolve(_this9.rest.get(url));
+      return Promise.resolve(_this8.rest.get(url));
     } catch (e) {
       return Promise.reject(e);
     }
@@ -3003,9 +3012,9 @@ var GuillotinaClient = /*#__PURE__*/function () {
 
   _proto.createObject = function createObject(path, data) {
     try {
-      var _this11 = this;
+      var _this10 = this;
 
-      return Promise.resolve(_this11.rest.post(path, data));
+      return Promise.resolve(_this10.rest.post(path, data));
     } catch (e) {
       return Promise.reject(e);
     }
@@ -3018,9 +3027,9 @@ var GuillotinaClient = /*#__PURE__*/function () {
 
   _proto.delete = function _delete(path, data) {
     try {
-      var _this13 = this;
+      var _this12 = this;
 
-      return Promise.resolve(_this13.rest.delete(path, data));
+      return Promise.resolve(_this12.rest.delete(path, data));
     } catch (e) {
       return Promise.reject(e);
     }
@@ -3028,13 +3037,13 @@ var GuillotinaClient = /*#__PURE__*/function () {
 
   _proto.create = function create(path, data) {
     try {
-      var _this15 = this;
+      var _this14 = this;
 
       if (path.startsWith('/')) {
         path = path.substring(1);
       }
 
-      return Promise.resolve(_this15.rest.post(path, data));
+      return Promise.resolve(_this14.rest.post(path, data));
     } catch (e) {
       return Promise.reject(e);
     }
@@ -3042,9 +3051,9 @@ var GuillotinaClient = /*#__PURE__*/function () {
 
   _proto.post = function post(path, data) {
     try {
-      var _this17 = this;
+      var _this16 = this;
 
-      return Promise.resolve(_this17.create(path, data));
+      return Promise.resolve(_this16.create(path, data));
     } catch (e) {
       return Promise.reject(e);
     }
@@ -3052,13 +3061,13 @@ var GuillotinaClient = /*#__PURE__*/function () {
 
   _proto.patch = function patch(path, data) {
     try {
-      var _this19 = this;
+      var _this18 = this;
 
       if (path.startsWith('/')) {
         path = path.substring(1);
       }
 
-      return Promise.resolve(_this19.rest.patch(path, data));
+      return Promise.resolve(_this18.rest.patch(path, data));
     } catch (e) {
       return Promise.reject(e);
     }
@@ -3066,13 +3075,13 @@ var GuillotinaClient = /*#__PURE__*/function () {
 
   _proto.upload = function upload(path, file) {
     try {
-      var _this21 = this;
+      var _this20 = this;
 
       if (path.startsWith('/')) {
         path = path.substring(1);
       }
 
-      return Promise.resolve(_this21.rest.upload(path, file));
+      return Promise.resolve(_this20.rest.upload(path, file));
     } catch (e) {
       return Promise.reject(e);
     }
@@ -3080,13 +3089,13 @@ var GuillotinaClient = /*#__PURE__*/function () {
 
   _proto.download = function download(path) {
     try {
-      var _this23 = this;
+      var _this22 = this;
 
       if (path.startsWith('/')) {
         path = path.substring(1);
       }
 
-      return Promise.resolve(_this23.rest.get(path));
+      return Promise.resolve(_this22.rest.get(path));
     } catch (e) {
       return Promise.reject(e);
     }
@@ -3094,7 +3103,7 @@ var GuillotinaClient = /*#__PURE__*/function () {
 
   _proto.getTypeSchema = function getTypeSchema(path, name) {
     try {
-      var _this25 = this;
+      var _this24 = this;
 
       function _temp3() {
         return cacheSchemas[name];
@@ -3102,10 +3111,10 @@ var GuillotinaClient = /*#__PURE__*/function () {
 
       var _temp4 = function () {
         if (!cacheSchemas[name]) {
-          var url = _this25.getContainerFromPath(path); // todo: handle db case (only addable containers)
+          var url = _this24.getContainerFromPath(path); // todo: handle db case (only addable containers)
 
 
-          return Promise.resolve(_this25.rest.get(url + "@types/" + name)).then(function (res) {
+          return Promise.resolve(_this24.rest.get(url + "@types/" + name)).then(function (res) {
             return Promise.resolve(res.json()).then(function (_res$json) {
               cacheSchemas[name] = _res$json;
             });
@@ -3121,9 +3130,9 @@ var GuillotinaClient = /*#__PURE__*/function () {
 
   _proto.getAddons = function getAddons(path) {
     try {
-      var _this27 = this;
+      var _this26 = this;
 
-      return Promise.resolve(_this27.rest.get(path + "@addons"));
+      return Promise.resolve(_this26.rest.get(path + "@addons"));
     } catch (e) {
       return Promise.reject(e);
     }
@@ -3131,9 +3140,9 @@ var GuillotinaClient = /*#__PURE__*/function () {
 
   _proto.installAddon = function installAddon(path, key) {
     try {
-      var _this29 = this;
+      var _this28 = this;
 
-      return Promise.resolve(_this29.rest.post(path + "@addons", {
+      return Promise.resolve(_this28.rest.post(path + "@addons", {
         id: key
       }));
     } catch (e) {
@@ -3143,9 +3152,9 @@ var GuillotinaClient = /*#__PURE__*/function () {
 
   _proto.removeAddon = function removeAddon(path, key) {
     try {
-      var _this31 = this;
+      var _this30 = this;
 
-      return Promise.resolve(_this31.rest.delete(path + "@addons", {
+      return Promise.resolve(_this30.rest.delete(path + "@addons", {
         id: key
       }));
     } catch (e) {
@@ -3155,10 +3164,10 @@ var GuillotinaClient = /*#__PURE__*/function () {
 
   _proto.getGroups = function getGroups(path) {
     try {
-      var _this33 = this;
+      var _this32 = this;
 
-      var endpoint = _this33.getContainerFromPath(path) + "@groups";
-      return Promise.resolve(_this33.rest.get(endpoint));
+      var endpoint = _this32.getContainerFromPath(path) + "@groups";
+      return Promise.resolve(_this32.rest.get(endpoint));
     } catch (e) {
       return Promise.reject(e);
     }
@@ -3166,10 +3175,10 @@ var GuillotinaClient = /*#__PURE__*/function () {
 
   _proto.getUsers = function getUsers(path) {
     try {
-      var _this35 = this;
+      var _this34 = this;
 
-      var endpoint = _this35.getContainerFromPath(path) + "@users";
-      return Promise.resolve(_this35.rest.get(endpoint));
+      var endpoint = _this34.getContainerFromPath(path) + "@users";
+      return Promise.resolve(_this34.rest.get(endpoint));
     } catch (e) {
       return Promise.reject(e);
     }
@@ -3177,15 +3186,15 @@ var GuillotinaClient = /*#__PURE__*/function () {
 
   _proto.getPrincipals = function getPrincipals(path) {
     try {
-      var _this37 = this;
+      var _this36 = this;
 
-      var groups = _this37.getGroups(path);
+      var groups = _this36.getGroups(path);
 
-      var users = _this37.getUsers(path);
+      var users = _this36.getUsers(path);
 
-      return Promise.resolve(Promise.all([groups, users])).then(function (_ref3) {
-        var responseGroups = _ref3[0],
-            responseUsers = _ref3[1];
+      return Promise.resolve(Promise.all([groups, users])).then(function (_ref8) {
+        var responseGroups = _ref8[0],
+            responseUsers = _ref8[1];
 
         function _temp8() {
           function _temp6() {
@@ -3239,10 +3248,10 @@ var GuillotinaClient = /*#__PURE__*/function () {
 
   _proto.getRoles = function getRoles(path) {
     try {
-      var _this39 = this;
+      var _this38 = this;
 
-      var endpoint = _this39.getContainerFromPath(path) + "@available-roles";
-      return Promise.resolve(_this39.rest.get(endpoint));
+      var endpoint = _this38.getContainerFromPath(path) + "@available-roles";
+      return Promise.resolve(_this38.rest.get(endpoint));
     } catch (e) {
       return Promise.reject(e);
     }
@@ -3250,14 +3259,14 @@ var GuillotinaClient = /*#__PURE__*/function () {
 
   _proto.getAllPermissions = function getAllPermissions(path) {
     try {
-      var _this41 = this;
+      var _this40 = this;
 
       // paths used to query the API always has to start without a "/"
       if (path.startsWith('/')) {
         path = path.slice(1);
       }
 
-      return Promise.resolve(_this41.rest.get(path + '@all_permissions')).then(function (req) {
+      return Promise.resolve(_this40.rest.get(path + '@all_permissions')).then(function (req) {
         return Promise.resolve(req.json()).then(function (resp) {
           var permissions = Array.from(new Set(extractPermissions(resp)));
           return permissions;
@@ -3270,7 +3279,7 @@ var GuillotinaClient = /*#__PURE__*/function () {
 
   _proto.getTypes = function getTypes(path) {
     try {
-      var _this43 = this;
+      var _this42 = this;
 
       function _temp12() {
         return cacheTypes[path];
@@ -3282,7 +3291,7 @@ var GuillotinaClient = /*#__PURE__*/function () {
 
       var _temp13 = function () {
         if (!cacheTypes[path]) {
-          return Promise.resolve(_this43.rest.get(path + '@addable-types')).then(function (types) {
+          return Promise.resolve(_this42.rest.get(path + '@addable-types')).then(function (types) {
             var _temp9 = function () {
               if (types.status === 401 || types.status === 404) {
                 cacheTypes[path] = [];
@@ -3580,8 +3589,8 @@ var SearchInput = function SearchInput(_ref) {
         if (labelProperty !== 'id' && value) {
           var searchTermQs = '';
           var searchTermParsed = ["id", value];
-          var getSearch = traversal.registry.get;
-          var fnName = getSearch('searchEngineQueryParamsFunction', SearchEngine);
+          var getSearchEngineQueryParamsFunction = traversal.registry.getSearchEngineQueryParamsFunction;
+          var fnName = getSearchEngineQueryParamsFunction(SearchEngine);
           var qsParsed = traversal.client.getQueryParamsSearchFunction(fnName)({
             path: traversal.path,
             start: 0,
@@ -3639,10 +3648,8 @@ var SearchInput = function SearchInput(_ref) {
         searchTermParsed = parser(queryCondition + "=" + value);
       }
 
-      var _get = traversal.registry.get;
-
-      var fnName = _get('searchEngineQueryParamsFunction', SearchEngine);
-
+      var getSearchEngineQueryParamsFunction = traversal.registry.getSearchEngineQueryParamsFunction;
+      var fnName = getSearchEngineQueryParamsFunction(SearchEngine);
       var qsParsed = traversal.client.getQueryParamsSearchFunction(fnName)({
         path: traversal.path,
         start: page * PageSize,
@@ -3916,10 +3923,8 @@ var SearchInputList = function SearchInputList(_ref) {
         searchTermParsed = parser(queryCondition + "=" + value);
       }
 
-      var _get = traversal.registry.get;
-
-      var fnName = _get('searchEngineQueryParamsFunction', SearchEngine);
-
+      var getSearchEngineQueryParamsFunction = traversal.registry.getSearchEngineQueryParamsFunction;
+      var fnName = getSearchEngineQueryParamsFunction(SearchEngine);
       var qsParsed = traversal.client.getQueryParamsSearchFunction(fnName)({
         path: traversal.path,
         start: page * PageSize,
@@ -3960,8 +3965,8 @@ var SearchInputList = function SearchInputList(_ref) {
           setIsLoadingData(true);
           var searchTermQs = '';
           var searchTermParsed = ['__or', "id=" + value.join('%26id=')];
-          var getSearch = traversal.registry.get;
-          var fnName = getSearch('searchEngineQueryParamsFunction', SearchEngine);
+          var getSearchEngineQueryParamsFunction = traversal.registry.getSearchEngineQueryParamsFunction;
+          var fnName = getSearchEngineQueryParamsFunction(SearchEngine);
           var qsParsed = traversal.client.getQueryParamsSearchFunction(fnName)({
             path: traversal.path,
             start: 0,
@@ -4288,8 +4293,8 @@ function EditableField(_ref) {
   var _useConfig = useConfig(),
       fieldHaveDeleteButton = _useConfig.fieldHaveDeleteButton;
 
-  var EditComponent = Ctx.registry.get('components', 'EditComponent');
-  var RenderFieldComponent = Ctx.registry.get('components', 'RenderFieldComponent');
+  var EditComponent = Ctx.registry.getComponent('EditComponent');
+  var RenderFieldComponent = Ctx.registry.getComponent('RenderFieldComponent');
   useEffect(function () {
     if (isEdit && ref.current) {
       ref.current.focus();
@@ -4631,7 +4636,6 @@ var SearchRenderField = function SearchRenderField(_ref3) {
   var schema = _ref3.schema,
       value = _ref3.value,
       modifyContent = _ref3.modifyContent;
-  console.log('search render fields');
   var intl = useIntl();
 
   var _useState = useState([]),
@@ -4654,8 +4658,8 @@ var SearchRenderField = function SearchRenderField(_ref3) {
         setIsLoadingData(true);
         var searchTermQs = '';
         var searchTermParsed = ['__or', "id=" + valuesToSearch.join('%26id=')];
-        var getSearch = traversal.registry.get;
-        var fnName = getSearch('searchEngineQueryParamsFunction', SearchEngine);
+        var getSearchEngineQueryParamsFunction = traversal.registry.getSearchEngineQueryParamsFunction;
+        var fnName = getSearchEngineQueryParamsFunction(SearchEngine);
         var qsParsed = traversal.client.getQueryParamsSearchFunction(fnName)({
           path: traversal.path,
           start: 0,
@@ -7309,7 +7313,11 @@ function RItem(_ref2) {
       })
     }), columns.map(function (i) {
       return jsx(React.Fragment, {
-        children: i.child(model, link, search)
+        children: i.child({
+          model: model,
+          link: link,
+          search: search
+        })
       }, i.label);
     }), jsx("td", {
       style: smallcss,
@@ -7587,11 +7595,11 @@ function PanelItems() {
           loading: true,
           total: Ctx.context.length
         });
-        var get = Ctx.registry.get;
-        var fnName = get('searchEngineQueryParamsFunction', SearchEngine);
+        var getSearchEngineQueryParamsFunction = Ctx.registry.getSearchEngineQueryParamsFunction;
+        var fnName = getSearchEngineQueryParamsFunction(SearchEngine);
 
         if (sortParsed === undefined) {
-          var defaultSortValue = Ctx.registry.getDefaultSortValue(Ctx.context['@type']);
+          var defaultSortValue = Ctx.registry.getDefaultSortValue(Ctx.context['@type'], undefined);
           sortParsed = parser("_sort_" + defaultSortValue.direction + "=" + defaultSortValue.key);
         }
 
@@ -10907,24 +10915,18 @@ var registry = {
   fieldsToFilter: {
     UserManager: ['id', 'email', 'user_name']
   },
+  parseSearchQueryParamFunction: {},
   defaultSortValue: {}
 };
 
-var get$2 = function get(key, param, fallback) {
-  if (fallback === void 0) {
-    fallback = undefined;
-  }
-
-  if (registry[key]) return registry[key][param] || fallback;
-  return fallback;
-};
-
-var getComponent = function getComponent(context, path, fallback) {
+var getPathComponent = function getPathComponent(context, path, fallback) {
   if (fallback === void 0) {
     fallback = undefined;
   }
 
-  if (!context) return; // console.log("Component for path", path)
+  if (!context) return function () {
+    return null;
+  }; // console.log("Component for path", path)
   // lookup by path
 
   if (registry.paths[path]) {
@@ -10953,6 +10955,10 @@ var getItemsColumn = function getItemsColumn(type) {
   return undefined;
 };
 
+var getComponent = function getComponent(name) {
+  return registry.components[name];
+};
+
 var getView = function getView(name) {
   return registry.views[name];
 };
@@ -10996,6 +11002,21 @@ var getDefaultSortValue = function getDefaultSortValue(type, fallback) {
   return registry.defaultSortValue[type] || fallback;
 };
 
+var getSearchEngineQueryParamsFunction = function getSearchEngineQueryParamsFunction(type) {
+  return registry.searchEngineQueryParamsFunction[type];
+};
+
+var getParsedSearchQueryParam = function getParsedSearchQueryParam(query, type) {
+  var parsedFunction = registry.parseSearchQueryParamFunction[type];
+
+  if (!parsedFunction) {
+    var fieldsToFilter = getFieldsToFilter(type);
+    return buildQs(parser(query, fieldsToFilter));
+  }
+
+  return parsedFunction(query, type);
+};
+
 var defaultComponent = function defaultComponent(context) {
   return context.is_folderish ? FolderCtx : ItemCtx;
 };
@@ -11013,17 +11034,19 @@ function useRegistry(data) {
 
   return {
     registry: registry,
-    get: get$2,
     getForm: getForm,
     getComponent: getComponent,
+    getPathComponent: getPathComponent,
     getAction: getAction,
     getBehavior: getBehavior,
     getProperties: getProperties,
     getItemsColumn: getItemsColumn,
     getFieldsToFilter: getFieldsToFilter,
+    getParsedSearchQueryParam: getParsedSearchQueryParam,
     getDefaultSortValue: getDefaultSortValue,
     getSchemas: getSchemas,
-    getView: getView
+    getView: getView,
+    getSearchEngineQueryParamsFunction: getSearchEngineQueryParamsFunction
   };
 }
 /*
@@ -13932,7 +13955,7 @@ function Guillotina(_ref) {
   var ErrorBoundary = registry.getView('ErrorBoundary');
   var NotAllowed = registry.getView('NotAllowed');
   var NotFound = registry.getView('NotFound');
-  var Path = registry.get('components', 'Path');
+  var Path = registry.getComponent('Path');
   var contextData = {
     url: url,
     client: client,
@@ -13945,7 +13968,7 @@ function Guillotina(_ref) {
   var action = state.action,
       errorStatus = state.errorStatus,
       permissions = state.permissions;
-  var Main = registry.getComponent(state.context, path);
+  var Main = registry.getPathComponent(state.context, path);
   var Action = action.action ? registry.getAction(action.action) : null;
   return jsx(IntlProvider, {
     locale: locale,
@@ -14231,7 +14254,7 @@ function RequiredFieldsForm(_ref) {
       type = _ref.type;
   var intl = useIntl();
   var Ctx = useTraversal();
-  var EditComponent = Ctx.registry.get('components', 'EditComponent');
+  var EditComponent = Ctx.registry.getComponent('EditComponent');
 
   var _useState = useState({}),
       formData = _useState[0],