@guillotinaweb/react-gmi 0.30.1 → 0.31.0

package/dist/react-gmi.umd.js

@@ -1426,7 +1426,7 @@
 
     var type = props.type;
     var getForm = Ctx.registry.getForm;
-    var Form = getForm(type);
+    var Form = getForm(type, undefined);
 
     var setActive = function setActive() {
       Ctx.cancelAction();
@@ -1595,6 +1595,11 @@
         state = _useState[0],
         setState = _useState[1];
 
+    React.useEffect(function () {
+      if (state !== checked) {
+        setState(!!checked);
+      }
+    }, [checked]);
     React.useEffect(function () {
       if (inputRef.current) {
         inputRef.current.indeterminate = indeterminate;
@@ -2742,52 +2747,49 @@
   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);
@@ -2796,13 +2798,13 @@
 
     _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);
       }
@@ -2879,13 +2881,15 @@
         width: 120
       };
       return [{
+        key: 'icon',
         label: '',
         isSortable: false,
-        child: function child(m) {
+        child: function child(_ref3) {
+          var model = _ref3.model;
           return jsxRuntime.jsx("td", {
             style: smallcss,
             children: jsxRuntime.jsx(Icon, {
-              icon: m.icon
+              icon: model.icon
             })
           });
         }
@@ -2893,13 +2897,14 @@
         label: 'type',
         key: 'type_name',
         isSortable: false,
-        child: function child(m) {
+        child: function child(_ref4) {
+          var model = _ref4.model;
           return jsxRuntime.jsx(TdLink, {
             style: smallcss,
-            model: m,
+            model: model,
             children: jsxRuntime.jsx("span", {
               className: "tag",
-              children: m.type
+              children: model.type
             })
           });
         }
@@ -2907,13 +2912,15 @@
         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 jsxRuntime.jsxs(TdLink, {
-            model: m,
-            children: [m.name, search && jsxRuntime.jsxs(React__default['default'].Fragment, {
+            model: model,
+            children: [model.name, search && jsxRuntime.jsxs(React__default['default'].Fragment, {
               children: [jsxRuntime.jsx("br", {}), jsxRuntime.jsx("span", {
                 className: "is-size-7 tag is-light",
-                children: m.path
+                children: model.path
               })]
             })]
           });
@@ -2922,22 +2929,24 @@
         label: 'created',
         key: 'creation_date',
         isSortable: true,
-        child: function child(m) {
+        child: function child(_ref6) {
+          var model = _ref6.model;
           return jsxRuntime.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 jsxRuntime.jsx("td", {
             style: mediumcss,
             className: "is-size-7 is-vcentered",
-            children: m.updated
+            children: model.updated
           });
         }
       }];
@@ -2963,21 +2972,21 @@
       }
 
       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) {
@@ -2987,7 +2996,7 @@
 
     _proto.canido = function canido(path, permissions) {
       try {
-        var _this9 = this;
+        var _this8 = this;
 
         if (path.startsWith('/')) {
           path = path.slice(1);
@@ -2998,7 +3007,7 @@
         }
 
         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);
       }
@@ -3006,9 +3015,9 @@
 
     _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);
       }
@@ -3021,9 +3030,9 @@
 
     _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);
       }
@@ -3031,13 +3040,13 @@
 
     _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);
       }
@@ -3045,9 +3054,9 @@
 
     _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);
       }
@@ -3055,13 +3064,13 @@
 
     _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);
       }
@@ -3069,13 +3078,13 @@
 
     _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);
       }
@@ -3083,13 +3092,13 @@
 
     _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);
       }
@@ -3097,7 +3106,7 @@
 
     _proto.getTypeSchema = function getTypeSchema(path, name) {
       try {
-        var _this25 = this;
+        var _this24 = this;
 
         function _temp3() {
           return cacheSchemas[name];
@@ -3105,10 +3114,10 @@
 
         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;
               });
@@ -3124,9 +3133,9 @@
 
     _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);
       }
@@ -3134,9 +3143,9 @@
 
     _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) {
@@ -3146,9 +3155,9 @@
 
     _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) {
@@ -3158,10 +3167,10 @@
 
     _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);
       }
@@ -3169,10 +3178,10 @@
 
     _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);
       }
@@ -3180,15 +3189,15 @@
 
     _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() {
@@ -3242,10 +3251,10 @@
 
     _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);
       }
@@ -3253,14 +3262,14 @@
 
     _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;
@@ -3273,7 +3282,7 @@
 
     _proto.getTypes = function getTypes(path) {
       try {
-        var _this43 = this;
+        var _this42 = this;
 
         function _temp12() {
           return cacheTypes[path];
@@ -3285,7 +3294,7 @@
 
         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] = [];
@@ -3583,8 +3592,8 @@
           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,
@@ -3642,10 +3651,8 @@
           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,
@@ -3919,10 +3926,8 @@
           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,
@@ -3963,8 +3968,8 @@
             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,
@@ -4291,8 +4296,8 @@
     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');
     React.useEffect(function () {
       if (isEdit && ref.current) {
         ref.current.focus();
@@ -4634,7 +4639,6 @@
     var schema = _ref3.schema,
         value = _ref3.value,
         modifyContent = _ref3.modifyContent;
-    console.log('search render fields');
     var intl = reactIntl.useIntl();
 
     var _useState = React.useState([]),
@@ -4657,8 +4661,8 @@
           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,
@@ -7312,7 +7316,11 @@
         })
       }), columns.map(function (i) {
         return jsxRuntime.jsx(React__default['default'].Fragment, {
-          children: i.child(model, link, search)
+          children: i.child({
+            model: model,
+            link: link,
+            search: search
+          })
         }, i.label);
       }), jsxRuntime.jsx("td", {
         style: smallcss,
@@ -7590,11 +7598,11 @@
             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);
           }
 
@@ -10910,24 +10918,18 @@
     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]) {
@@ -10956,6 +10958,10 @@
     return undefined;
   };
 
+  var getComponent = function getComponent(name) {
+    return registry.components[name];
+  };
+
   var getView = function getView(name) {
     return registry.views[name];
   };
@@ -10999,6 +11005,21 @@
     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;
   };
@@ -11016,17 +11037,19 @@
 
     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
     };
   }
   /*
@@ -13935,7 +13958,7 @@
     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,
@@ -13948,7 +13971,7 @@
     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 jsxRuntime.jsx(reactIntl.IntlProvider, {
       locale: locale,
@@ -14234,7 +14257,7 @@
         type = _ref.type;
     var intl = reactIntl.useIntl();
     var Ctx = useTraversal();
-    var EditComponent = Ctx.registry.get('components', 'EditComponent');
+    var EditComponent = Ctx.registry.getComponent('EditComponent');
 
     var _useState = React.useState({}),
         formData = _useState[0],