@guillotinaweb/react-gmi 0.29.2 → 0.30.0

package/dist/react-gmi.umd.js

@@ -107,6 +107,97 @@
     return it.next.bind(it);
   }
 
+  var initialState = {
+    path: '',
+    loading: false,
+    context: undefined,
+    flash: {
+      message: undefined,
+      type: undefined
+    },
+    action: {
+      action: undefined,
+      params: undefined
+    },
+    permissions: [],
+    errorStatus: undefined,
+    registry: {},
+    refresh: undefined
+  };
+  var GuillotinaReducerActionTypes;
+
+  (function (GuillotinaReducerActionTypes) {
+    GuillotinaReducerActionTypes["SET_PATH"] = "SET_PATH";
+    GuillotinaReducerActionTypes["SET_CONTEXT"] = "SET_CONTEXT";
+    GuillotinaReducerActionTypes["SET_ERROR"] = "SET_ERROR";
+    GuillotinaReducerActionTypes["SET_FLASH"] = "SET_FLASH";
+    GuillotinaReducerActionTypes["CLEAR_FLASH"] = "CLEAR_FLASH";
+    GuillotinaReducerActionTypes["SET_ACTION"] = "SET_ACTION";
+    GuillotinaReducerActionTypes["CLEAR_ACTION"] = "CLEAR_ACTION";
+    GuillotinaReducerActionTypes["REFRESH"] = "REFRESH";
+    GuillotinaReducerActionTypes["APPLY"] = "APPLY";
+  })(GuillotinaReducerActionTypes || (GuillotinaReducerActionTypes = {}));
+
+  function guillotinaReducer(state, action) {
+    switch (action.type) {
+      case GuillotinaReducerActionTypes.SET_PATH:
+        return _extends({}, state, {
+          path: action.payload.path,
+          loading: true
+        });
+
+      case GuillotinaReducerActionTypes.SET_CONTEXT:
+        return _extends({}, state, action.payload, {
+          errorStatus: undefined,
+          loading: false
+        });
+
+      case GuillotinaReducerActionTypes.SET_ERROR:
+        return _extends({}, state, {
+          errorStatus: action.payload.errorStatus,
+          loading: false
+        });
+
+      case GuillotinaReducerActionTypes.SET_FLASH:
+        return _extends({}, state, action.payload);
+
+      case GuillotinaReducerActionTypes.CLEAR_FLASH:
+        return _extends({}, state, {
+          flash: {
+            message: undefined,
+            type: undefined
+          }
+        });
+
+      case GuillotinaReducerActionTypes.SET_ACTION:
+        return _extends({}, state, {
+          action: action.payload
+        });
+
+      case GuillotinaReducerActionTypes.CLEAR_ACTION:
+        return _extends({}, state, {
+          action: {
+            action: undefined,
+            params: undefined
+          }
+        });
+
+      case GuillotinaReducerActionTypes.REFRESH:
+        return _extends({}, state, {
+          refresh: Date.now(),
+          loading: !action.payload.transparent
+        });
+
+      case GuillotinaReducerActionTypes.APPLY:
+        return _extends({}, state, {
+          context: _extends({}, state.context, action.payload.context)
+        });
+
+      default:
+        return state;
+    }
+  }
+
   var AuthContext = React.createContext({});
   var ClientContext = React.createContext(null);
   var Traversal = /*#__PURE__*/function () {
@@ -137,7 +228,7 @@
           transparent = _ref2$transparent === void 0 ? false : _ref2$transparent;
 
       this.dispatch({
-        type: 'REFRESH',
+        type: GuillotinaReducerActionTypes.REFRESH,
         payload: {
           transparent: transparent
         }
@@ -145,15 +236,18 @@
     };
 
     _proto.apply = function apply(data) {
+      // apply a optimistic update to context
       this.dispatch({
-        type: 'APPLY',
-        payload: data
+        type: GuillotinaReducerActionTypes.APPLY,
+        payload: {
+          context: data
+        }
       });
     };
 
     _proto.flash = function flash(message, type) {
       this.dispatch({
-        type: 'SET_FLASH',
+        type: GuillotinaReducerActionTypes.SET_FLASH,
         payload: {
           flash: {
             message: message,
@@ -170,7 +264,8 @@
 
     _proto.clearFlash = function clearFlash() {
       this.dispatch({
-        type: 'CLEAR_FLASH'
+        type: GuillotinaReducerActionTypes.CLEAR_FLASH,
+        payload: {}
       });
     };
 
@@ -180,7 +275,7 @@
       }
 
       this.dispatch({
-        type: 'SET_ACTION',
+        type: GuillotinaReducerActionTypes.SET_ACTION,
         payload: {
           action: action,
           params: params
@@ -190,7 +285,8 @@
 
     _proto.cancelAction = function cancelAction() {
       this.dispatch({
-        type: 'CLEAR_ACTION'
+        type: GuillotinaReducerActionTypes.CLEAR_ACTION,
+        payload: {}
       });
     };
 
@@ -227,6 +323,10 @@
     }, {
       key: "context",
       get: function get() {
+        if (this.state.context === undefined) {
+          throw new Error('Context is not loaded');
+        }
+
         return this.state.context;
       }
     }, {
@@ -249,7 +349,13 @@
     });
   }
   function useTraversal() {
-    return React.useContext(TraversalContext);
+    var traversal = React.useContext(TraversalContext);
+
+    if (!traversal) {
+      throw new Error('useTraversal must be used within a TraversalProvider');
+    }
+
+    return traversal;
   }
   function ClientProvider(_ref4) {
     var children = _ref4.children,
@@ -260,7 +366,13 @@
     });
   }
   function useGuillotinaClient() {
-    return React.useContext(ClientContext);
+    var client = React.useContext(ClientContext);
+
+    if (!client) {
+      throw new Error('useGuillotinaClient must be used within a ClientProvider');
+    }
+
+    return client;
   }
 
   var genericMessages = reactIntl.defineMessages({
@@ -767,8 +879,10 @@
     return bytes;
   }
   function stringToSlug(str) {
-    str = str.replace(/^\s+|\s+$/g, '');
-    str = str.toLowerCase();
+    str = str.replace(/^\s+|\s+$/g, ''); // trim
+
+    str = str.toLowerCase(); // remove accents, swap ñ for n, etc
+
     var from = 'àáäâèéëêìíïîòóöôùúüûñç·/_,:;';
     var to = 'aaaaeeeeiiiioooouuuunc------';
 
@@ -776,13 +890,16 @@
       str = str.replace(new RegExp(from.charAt(i), 'g'), to.charAt(i));
     }
 
-    str = str.replace(/[^a-z0-9 -]/g, '').replace(/\s+/g, '-').replace(/-+/g, '-');
+    str = str.replace(/[^a-z0-9 -]/g, '') // remove invalid chars
+    .replace(/\s+/g, '-') // collapse whitespace and replace by -
+    .replace(/-+/g, '-'); // collapse dashes
+
     return str;
   }
   function sleep(ms) {
     return new Promise(function (resolve) {
       setTimeout(function () {
-        resolve(null);
+        resolve();
       }, ms);
     });
   }
@@ -811,8 +928,6 @@
   };
 
   var Button = function Button(_ref) {
-    var _ref2;
-
     var children = _ref.children,
         _ref$className = _ref.className,
         className = _ref$className === void 0 ? 'is-primary' : _ref$className,
@@ -824,9 +939,7 @@
         _ref$disabled = _ref.disabled,
         disabled = _ref$disabled === void 0 ? false : _ref$disabled,
         dataTest = _ref.dataTest;
-
-    var css = (_ref2 = []).concat.apply(_ref2, ['button'].concat(className.split(' ')));
-
+    var css = [].concat(className.split(' '), ['button']);
     if (loading) css = css.concat('is-loading');
     return jsxRuntime.jsx("p", {
       className: "control",
@@ -841,6 +954,50 @@
     });
   };
 
+  var formatDate = function formatDate(str) {
+    var d = new Date(str);
+    var minutes = d.getMinutes() < 10 ? "0" + d.getMinutes() : d.getMinutes();
+    return d.getDate() + "/" + (d.getMonth() + 1) + "/" + d.getFullYear() + " " + d.getHours() + ":" + minutes;
+  };
+  var get = function get(obj, path, defValue) {
+    var _pathArray$reduce;
+
+    // If path is not defined or it has false value
+    if (!path) return defValue; // Check if path is string or array. Regex : ensure that we do not have '.' and brackets.
+    // Regex explained: https://regexr.com/58j0k
+
+    var pathArray = Array.isArray(path) ? path : path.match(/([^[.\]])+/g); // Find value if exist return otherwise return undefined value;
+
+    if (pathArray === null) return defValue;
+    return (_pathArray$reduce = pathArray.reduce(function (prevObj, key) {
+      return prevObj && prevObj[key];
+    }, obj)) != null ? _pathArray$reduce : defValue;
+  };
+  function getNewId(id) {
+    if (id === void 0) {
+      id = '';
+    }
+
+    var suffix = '-copy-';
+    var rgx = new RegExp("($|" + suffix + "\\d*)");
+    return stringToSlug(id).replace(rgx, function (r) {
+      var num = parseInt(r.replace(suffix, '') || '0');
+      return "" + suffix + (num + 1);
+    });
+  }
+  function debounce(callback, wait) {
+    var timer;
+    return function () {
+      var _arguments = arguments;
+      clearTimeout(timer);
+      return new Promise(function (resolve) {
+        timer = setTimeout(function () {
+          return resolve(callback.apply(void 0, [].slice.call(_arguments)));
+        }, wait);
+      });
+    };
+  }
+
   function Modal(props) {
     var isActive = props.isActive,
         setActive = props.setActive,
@@ -920,7 +1077,8 @@
         })]
       })]
     });
-  }
+  } // @todo Improve it... Replacing the inputText to a tree
+
   function PathTree(_ref2) {
     var title = _ref2.title,
         defaultPath = _ref2.defaultPath,
@@ -936,7 +1094,7 @@
       }), jsxRuntime.jsxs("form", {
         onSubmit: function onSubmit(e) {
           e.preventDefault();
-          onConfirm(e.target[0].value, e.target);
+          onConfirm(get(e, 'target.0.value', ''), e.target);
         },
         children: [jsxRuntime.jsx("small", {
           style: {
@@ -968,51 +1126,6 @@
     });
   }
 
-  function useSetState(initialState) {
-    var _useState = React.useState(initialState),
-        state = _useState[0],
-        set = _useState[1];
-
-    var setState = React.useCallback(function (patch) {
-      set(function (prevState) {
-        return Object.assign({}, prevState, patch instanceof Function ? patch(prevState) : patch);
-      });
-    }, [set]);
-    return [state, setState];
-  }
-
-  function _catch(body, recover) {
-    try {
-      var result = body();
-    } catch (e) {
-      return recover(e);
-    }
-
-    if (result && result.then) {
-      return result.then(void 0, recover);
-    }
-
-    return result;
-  }
-
-  var initial = {
-    loading: undefined,
-    isError: false,
-    errorMessage: undefined,
-    result: undefined,
-    response: undefined
-  };
-
-  var getErrorMessage = function getErrorMessage(dataError, defaultValue) {
-    if (dataError && dataError.details) {
-      return dataError.details;
-    } else if (dataError && dataError.reason) {
-      return dataError.reason;
-    }
-
-    return defaultValue;
-  };
-
   var processResponse = function processResponse(res, ready_body) {
     if (ready_body === void 0) {
       ready_body = true;
@@ -1032,7 +1145,7 @@
         return {
           isError: true,
           loading: false,
-          errorMessage: getErrorMessage(_res$json2, res.status),
+          errorMessage: getErrorMessage(_res$json2, res.status).toString(),
           response: res
         };
       });
@@ -1041,10 +1154,66 @@
     }
   };
 
-  var patch = function patch(setState, Ctx) {
+  var getErrorMessage = function getErrorMessage(dataError, defaultValue) {
+    if (dataError && dataError.details) {
+      return dataError.details;
+    } else if (dataError && dataError.reason) {
+      return dataError.reason;
+    }
+
+    return defaultValue;
+  };
+
+  /**
+   * Do setState like react class component.
+   */
+
+  function useSetState(initialState) {
+    var _useState = React.useState(initialState),
+        state = _useState[0],
+        setState = _useState[1]; // Function which accepts a partial state to merge
+
+
+    var setCustomState = React.useCallback(function (newPartialState) {
+      try {
+        setState(function (prevState) {
+          return _extends({}, prevState, newPartialState);
+        });
+      } catch (error) {
+        // eslint-disable-next-line no-console
+        console.error(error);
+      }
+    }, []); // Return
+
+    return [state, setCustomState];
+  } // **** Export Default **** //
+
+  function _catch(body, recover) {
+    try {
+      var result = body();
+    } catch (e) {
+      return recover(e);
+    }
+
+    if (result && result.then) {
+      return result.then(void 0, recover);
+    }
+
+    return result;
+  }
+
+  var initial = {
+    loading: undefined,
+    isError: false,
+    errorMessage: undefined,
+    result: undefined,
+    response: undefined
+  };
+
+  function patch(setState, Ctx) {
     return function (data, endpoint, body) {
-      if (endpoint === void 0) {
-        endpoint = undefined;
+      if (data === void 0) {
+        data = {};
       }
 
       if (body === void 0) {
@@ -1052,7 +1221,7 @@
       }
 
       try {
-        function _temp5() {
+        function _temp3() {
           setState(newState);
           return newState;
         }
@@ -1062,7 +1231,7 @@
         });
         var newState = {};
 
-        var _temp6 = _catch(function () {
+        var _temp4 = _catch(function () {
           var path = endpoint ? "" + Ctx.path + endpoint : Ctx.path;
           return Promise.resolve(Ctx.client.patch(path, data)).then(function (res) {
             return Promise.resolve(processResponse(res, body)).then(function (_processResponse) {
@@ -1077,29 +1246,25 @@
           };
         });
 
-        return Promise.resolve(_temp6 && _temp6.then ? _temp6.then(_temp5) : _temp5(_temp6));
+        return Promise.resolve(_temp4 && _temp4.then ? _temp4.then(_temp3) : _temp3(_temp4));
       } catch (e) {
         return Promise.reject(e);
       }
     };
-  };
+  }
 
-  var del = function del(setState, Ctx) {
+  function del(setState, Ctx) {
     return function (data, endpoint, body) {
       if (data === void 0) {
         data = {};
       }
 
-      if (endpoint === void 0) {
-        endpoint = undefined;
-      }
-
       if (body === void 0) {
         body = false;
       }
 
       try {
-        function _temp9() {
+        function _temp7() {
           setState(newState);
           return newState;
         }
@@ -1109,7 +1274,7 @@
         });
         var newState = {};
 
-        var _temp10 = _catch(function () {
+        var _temp8 = _catch(function () {
           var path = endpoint ? "" + Ctx.path + endpoint : Ctx.path;
           return Promise.resolve(Ctx.client.delete(path, data)).then(function (res) {
             return Promise.resolve(processResponse(res, body)).then(function (_processResponse2) {
@@ -1124,17 +1289,17 @@
           };
         });
 
-        return Promise.resolve(_temp10 && _temp10.then ? _temp10.then(_temp9) : _temp9(_temp10));
+        return Promise.resolve(_temp8 && _temp8.then ? _temp8.then(_temp7) : _temp7(_temp8));
       } catch (e) {
         return Promise.reject(e);
       }
     };
-  };
+  }
 
-  var post = function post(setState, Ctx) {
+  function post(setState, Ctx) {
     return function (data, endpoint, body) {
-      if (endpoint === void 0) {
-        endpoint = undefined;
+      if (data === void 0) {
+        data = {};
       }
 
       if (body === void 0) {
@@ -1142,7 +1307,7 @@
       }
 
       try {
-        function _temp13() {
+        function _temp11() {
           setState(newState);
           return newState;
         }
@@ -1152,7 +1317,7 @@
         });
         var newState = {};
 
-        var _temp14 = _catch(function () {
+        var _temp12 = _catch(function () {
           var path = endpoint ? "" + Ctx.path + endpoint : Ctx.path;
           return Promise.resolve(Ctx.client.post(path, data)).then(function (res) {
             return Promise.resolve(processResponse(res, body)).then(function (_processResponse3) {
@@ -1167,21 +1332,17 @@
           };
         });
 
-        return Promise.resolve(_temp14 && _temp14.then ? _temp14.then(_temp13) : _temp13(_temp14));
+        return Promise.resolve(_temp12 && _temp12.then ? _temp12.then(_temp11) : _temp11(_temp12));
       } catch (e) {
         return Promise.reject(e);
       }
     };
-  };
+  }
 
-  var get = function get(setState, Ctx) {
+  function get$1(setState, Ctx) {
     return function (endpoint) {
-      if (endpoint === void 0) {
-        endpoint = undefined;
-      }
-
       try {
-        function _temp17() {
+        function _temp15() {
           setState(newState);
           return newState;
         }
@@ -1191,7 +1352,7 @@
         });
         var newState = {};
 
-        var _temp18 = _catch(function () {
+        var _temp16 = _catch(function () {
           var path = endpoint ? "" + Ctx.path + endpoint : Ctx.path;
           return Promise.resolve(Ctx.client.get(path)).then(function (res) {
             return Promise.resolve(processResponse(res, true)).then(function (_processResponse4) {
@@ -1206,12 +1367,16 @@
           };
         });
 
-        return Promise.resolve(_temp18 && _temp18.then ? _temp18.then(_temp17) : _temp17(_temp18));
+        return Promise.resolve(_temp16 && _temp16.then ? _temp16.then(_temp15) : _temp15(_temp16));
       } catch (e) {
         return Promise.reject(e);
       }
     };
-  };
+  } // const get = (
+  //   setState: (value: Partial<State>) => void,
+  //   Ctx: Traversal
+  // ) =>
+
 
   function useCrudContext() {
     var Ctx = useTraversal();
@@ -1225,7 +1390,7 @@
       patch: patch(setState, Ctx),
       del: del(setState, Ctx),
       post: post(setState, Ctx),
-      get: get(setState, Ctx)
+      get: get$1(setState, Ctx)
     });
   }
 
@@ -1273,9 +1438,6 @@
       children: jsxRuntime.jsx(Form, {
         loading: loading,
         onSubmit: doSubmit,
-        onError: function onError(err) {
-          return console.log(err);
-        },
         actionName: 'Add ' + type,
         title: 'Add ' + type,
         type: type,
@@ -1285,31 +1447,52 @@
   }
 
   var Permissions = ['guillotina.AddContent', 'guillotina.ModifyContent', 'guillotina.ViewContent', 'guillotina.DeleteContent', 'guillotina.AccessContent', 'guillotina.SeePermissions', 'guillotina.ChangePermissions', 'guillotina.MoveContent', 'guillotina.DuplicateContent', 'guillotina.ReadConfiguration', 'guillotina.RegisterConfigurations', 'guillotina.WriteConfiguration', 'guillotina.ManageAddons', 'guillotina.swagger.View'];
-  var Config = {
+  var defaultConfig = {
     DisabledTypes: ['UserManager', 'GroupManager'],
     PageSize: 10,
     DelayActions: 200,
     Permissions: Permissions,
     SearchEngine: 'PostreSQL',
+    // Elasticsearch
     fieldHaveDeleteButton: function fieldHaveDeleteButton(schema) {
       return (schema == null ? void 0 : schema.widget) === 'file' || (schema == null ? void 0 : schema.widget) === 'select' || (schema == null ? void 0 : schema.type) === 'array';
     }
   };
-  var calculated = Object.assign({}, Config);
-
-  var addConfig = function addConfig(additional, original) {
-    var rest = Object.assign({}, original);
-    Object.keys(additional).forEach(function (item) {
-      if (typeof Config[item] === 'object' && Array.isArray(Config[item])) {
-        rest[item] = [].concat(Config[item], additional[item]);
-      } else if (typeof Config[item] === 'object') {
-        rest[item] = Object.assign({}, Config[item], additional[item]);
+  var calculated = Object.assign({}, defaultConfig);
+
+  function addConfig(updates, currentConfig) {
+    var updatedConfig = _extends({}, currentConfig);
+
+    Object.entries(updates).forEach(function (_ref) {
+      var key = _ref[0],
+          value = _ref[1];
+      var currentKey = key;
+      var currentValue = currentConfig[currentKey];
+
+      if (Array.isArray(value) && Array.isArray(currentValue)) {
+        var _extends2;
+
+        // Correctly type the array concatenation
+        updatedConfig = _extends({}, updatedConfig, (_extends2 = {}, _extends2[currentKey] = [].concat(currentValue, value), _extends2));
+      } else if (isPlainObject(value) && isPlainObject(currentValue)) {
+        var _extends3;
+
+        // Correctly type the object merging
+        updatedConfig = _extends({}, updatedConfig, (_extends3 = {}, _extends3[currentKey] = _extends({}, currentValue, value), _extends3));
       } else {
-        rest[item] = additional[item];
+        var _extends4;
+
+        // Directly assign all other types
+        updatedConfig = _extends({}, updatedConfig, (_extends4 = {}, _extends4[currentKey] = value, _extends4));
       }
     });
-    return rest;
-  };
+    return updatedConfig;
+  } // Helper function to check if a value is a plain object (and not a React node, etc.)
+
+
+  function isPlainObject(value) {
+    return Object.prototype.toString.call(value) === '[object Object]';
+  }
 
   function useConfig(cfg) {
     if (cfg === void 0) {
@@ -1333,7 +1516,7 @@
         setLoading(true);
         var actions = items.map(function (item) {
           try {
-            return Promise.resolve(Ctx.client.delete("" + Ctx.path + item['@name'])).then(function (res) {
+            return Promise.resolve(Ctx.client.delete("" + Ctx.path + item.id, {})).then(function (res) {
               var _temp = function () {
                 if (!res.ok) {
                   return Promise.resolve(res.json()).then(function (err) {
@@ -1347,7 +1530,9 @@
           } catch (e) {
             return Promise.reject(e);
           }
-        });
+        }); // this sleep is here, to let elasticsearch, wait for
+        // index our operations... (will work 99% of use cases)
+
         actions.push(sleep(cfg.DelayActions));
         return Promise.resolve(Promise.all(actions)).then(function () {
           if (errors.length === 0) {
@@ -1377,9 +1562,9 @@
 
     var _props$items = props.items,
         items = _props$items === void 0 ? [] : _props$items;
-    var last = items[items.length - 1]['@name'];
+    var last = items[items.length - 1].id;
     var itemsNames = items.map(function (item) {
-      return item['@name'];
+      return item.id;
     }).join(', ').replace(", " + last, " and " + last);
     return jsxRuntime.jsx(Confirm, {
       loading: loading,
@@ -1406,7 +1591,7 @@
         dataTest = _ref.dataTest;
     var inputRef = React.useRef(null);
 
-    var _useState = React.useState(checked),
+    var _useState = React.useState(!!checked),
         state = _useState[0],
         setState = _useState[1];
 
@@ -1425,13 +1610,13 @@
       className: "field",
       children: jsxRuntime.jsxs("label", {
         htmlFor: id,
-        className: classnames(['checkbox', className]),
+        className: classnames(['checkbox', className != null ? className : '']),
         children: [jsxRuntime.jsx("input", {
           ref: inputRef,
           disabled: disabled || loading,
           id: id,
           type: "checkbox",
-          className: classnames(['checkbox', classNameInput]),
+          className: classnames(['checkbox', classNameInput != null ? classNameInput : '']),
           checked: state,
           onChange: updateState,
           "data-test": dataTest
@@ -1469,7 +1654,7 @@
     return result;
   };
 
-  var useInput = function useInput(onChange, value, validator) {
+  var useInput = function useInput(onChange, value, validators) {
     var _useState = React.useState({
       hasError: false,
       value: value
@@ -1478,7 +1663,7 @@
         setState = _useState[1];
 
     var onUpdate = function onUpdate(ev) {
-      var value = ev && ev.target ? ev.target.value : ev ? ev : '';
+      var value = ev && ev.target ? ev.target.value : '';
       setState({
         value: value,
         hasError: false
@@ -1487,7 +1672,7 @@
     };
 
     var onBlur = function onBlur() {
-      var hasError = applyValidators(state.value, validator) === false;
+      var hasError = applyValidators(state.value, validators) === false;
       if (hasError) setState({
         value: state.value,
         hasError: hasError
@@ -1517,6 +1702,9 @@
     };
   };
 
+  // From github.com/protonmail/proton-shared
+
+  /* eslint-disable no-useless-escape */
   var REGEX_EMAIL = /(([^<>()[\]\\.,;:\s@\"]+(\.[^<>()[\]\\.,;:\s@\"]+)*)|(\".+\"))@((\[[0-9]{1,3}\.[0-9]{1,3}\.[0-9]{1,3}\.[0-9]{1,3}\])|(([a-zA-Z\-0-9]+\.)+[a-zA-Z]{2,}))/i;
   var REGEX_URL = /((([A-Za-z]{3,9}:(?:\/\/)?)(?:[\-;:&=\+\$,\w]+@)?[A-Za-z0-9\.\-]+|(?:www\.|[\-;:&=\+\$,\w]+@)[A-Za-z0-9\.\-]+)((?:\/[\+~%\/\.\w\-_]*)?\??(?:[\-\+=&;%@\.\w_]*)#?(?:[\.\!\/\\\w]*))?)/;
   var REGEX_HEX_COLOR = /^#([a-f0-9]{3,4}|[a-f0-9]{4}(?:[a-f0-9]{2}){1,2})\b$/i;
@@ -1617,10 +1805,10 @@
         dataTest = _ref$dataTest === void 0 ? 'testInput' : _ref$dataTest,
         disabled = _ref.disabled,
         onKeyUp = _ref.onKeyUp;
-    var validatorFn = null;
+    var validatorFn = [];
 
     if (required) {
-      validatorFn = Array.isArray(validator) ? validator.push(notEmpty) : [validator, notEmpty];
+      validatorFn = Array.isArray(validator) ? [].concat(validator, [notEmpty]) : [validator, notEmpty];
     }
 
     var _useInput = useInput(onChange, value != null ? value : '', validatorFn),
@@ -1632,17 +1820,18 @@
 
     var _useState2 = React.useState(false),
         mounted = _useState2[0],
-        setMounted = _useState2[1];
+        setMounted = _useState2[1]; // eslint-disable-next-line
+
 
-    ref = ref || React.useRef();
+    var newRef = ref || React.useRef();
     React.useEffect(function () {
       setMounted(true);
     }, []);
     React.useEffect(function () {
-      if (autofocus && !error && ref != null && typeof ref !== 'function') {
-        ref.current.focus();
+      if (autofocus && !error && newRef != null && typeof newRef !== 'function' && newRef.current) {
+        newRef.current.focus();
       }
-    }, [mounted, autofocus, ref, error]);
+    }, [mounted, autofocus, newRef, error]);
     var theError = state.hasError ? errorMessage || 'invalid field' : '';
     var statusClasses = state.hasError ? 'is-danger' : '';
 
@@ -1683,7 +1872,8 @@
 
   var Icon = function Icon(_ref) {
     var icon = _ref.icon,
-        className = _ref.className,
+        _ref$className = _ref.className,
+        className = _ref$className === void 0 ? '' : _ref$className,
         align = _ref.align;
     var addClass = className ? className.split(' ') : [className];
     align = align || 'is-right';
@@ -1794,24 +1984,26 @@
         remotes = _ref$remotes === void 0 ? {} : _ref$remotes,
         _ref$submitButton = _ref.submitButton,
         submitButton = _ref$submitButton === void 0 ? true : _ref$submitButton;
-    var ref = React.useRef();
+    var ref = React.useRef(null);
     var properties = schema.properties,
         required = schema.required;
-    var values = Object.assign({}, formData || {});
+    var values = Object.assign({}, formData || {}); // build initial state
+
     var initialState = {};
     var fields = Object.keys(properties).filter(function (x) {
       return !exclude.includes(x);
     });
     fields.forEach(function (element) {
       initialState[element] = values[element] || undefined;
-    });
+    }); // Register remotes
 
-    if (!ref.current) {
+    if (ref.current === null) {
       ref.current = {};
       Object.keys(remotes).forEach(function (item) {
         return ref.current[item] = remotes[item];
       });
     } else {
+      // apply remote changes
       Object.keys(remotes).forEach(function (key) {
         if (JSON.stringify(ref.current[key]) !== JSON.stringify(remotes[key])) {
           ref.current[key] = remotes[key];
@@ -1822,15 +2014,16 @@
     ref.current = ref.current || {};
 
     var onUpdate = function onUpdate(field) {
-      return function (ev) {
-        ref.current[field] = ev.target ? ev.target.value : ev.value || ev;
+      return function (value) {
+        ref.current[field] = value;
       };
     };
 
     var GetTag = function GetTag(_ref2) {
       var field = _ref2.field;
       var property = properties[field];
-      var Tag = formComponents[property.widget || property.type];
+      var key = property.widget || property.type;
+      var Tag = formComponents[key];
       var props = {
         value: initialState[field],
         onChange: onUpdate(field),
@@ -1845,7 +2038,6 @@
         props.placeholder += ' *';
       }
 
-      Tag.displayName = field + "Field";
       return jsxRuntime.jsx(Tag, _extends({}, props));
     };
 
@@ -1914,9 +2106,13 @@
           selectValue = selectValue.concat([ev.target.selectedOptions[i].value]);
         }
 
-        onChange(selectValue);
+        if (onChange) {
+          onChange(selectValue);
+        }
       } else {
-        onChange(ev.target.value);
+        if (onChange) {
+          onChange(ev.target.value);
+        }
       }
     };
 
@@ -1965,39 +2161,12 @@
   });
   Select.displayName = 'Select';
 
-  var formatDate = function formatDate(str) {
-    var d = new Date(str);
-    var minutes = d.getMinutes() < 10 ? "0" + d.getMinutes() : d.getMinutes();
-    return d.getDate() + "/" + (d.getMonth() + 1) + "/" + d.getFullYear() + " " + d.getHours() + ":" + minutes;
-  };
-  var get$1 = function get(obj, path, defValue) {
-    var _pathArray$reduce;
-
-    if (!path) return undefined;
-    var pathArray = Array.isArray(path) ? path : path.match(/([^[.\]])+/g);
-    return (_pathArray$reduce = pathArray.reduce(function (prevObj, key) {
-      return prevObj && prevObj[key];
-    }, obj)) != null ? _pathArray$reduce : defValue;
-  };
-  function getNewId(id) {
-    if (id === void 0) {
-      id = '';
-    }
-
-    var suffix = '-copy-';
-    var rgx = new RegExp("($|" + suffix + "\\d*)");
-    return stringToSlug(id).replace(rgx, function (r) {
-      var num = parseInt(r.replace(suffix, '') || '0');
-      return "" + suffix + (num + 1);
-    });
-  }
-
-  function _catch$1(body, recover) {
-    try {
-      var result = body();
-    } catch (e) {
-      return recover(e);
-    }
+  function _catch$1(body, recover) {
+    try {
+      var result = body();
+    } catch (e) {
+      return recover(e);
+    }
 
     if (result && result.then) {
       return result.then(void 0, recover);
@@ -2007,10 +2176,6 @@
   }
 
   function useVocabulary(vocabularyName, path) {
-    if (path === void 0) {
-      path = null;
-    }
-
     var traversal = useTraversal();
 
     var _useSetState = useSetState({
@@ -2079,8 +2244,10 @@
     var vocabulary = useVocabulary(vocabularyName);
 
     var getOptions = function getOptions() {
-      if (get$1(vocabulary, 'data.items', null)) {
-        var vocData = vocabulary.data.items.map(function (item) {
+      if (get(vocabulary, 'data.items', null)) {
+        var _vocabulary$data$item, _vocabulary$data;
+
+        var vocData = ((_vocabulary$data$item = vocabulary == null ? void 0 : (_vocabulary$data = vocabulary.data) == null ? void 0 : _vocabulary$data.items) != null ? _vocabulary$data$item : []).map(function (item) {
           return {
             text: item.title,
             value: item.token
@@ -2126,6 +2293,8 @@
   });
   SelectVocabulary.displayName = 'SelectVocabulary';
 
+  // https://github.com/molefrog/wouter
+
   var setURLParams = function setURLParams(p) {
     return window.history.pushState(0, '0', '' + '?' + p.toString().replace(/%2F/g, '/'));
   };
@@ -2145,7 +2314,10 @@
 
     var prevPath = React.useRef(path);
     React.useEffect(function () {
-      patchHistoryEvents();
+      patchHistoryEvents(); // this function checks if the location has been changed since the
+      // last render and updates the state only when needed.
+      // unfortunately, we can't rely on `path` value here, since it can be stale,
+      // that's why we store the last pathname in a ref.
 
       var checkForUpdates = function checkForUpdates() {
         var pathname = currentSearchParams();
@@ -2155,14 +2327,22 @@
       var events = ['popstate', 'pushState', 'replaceState'];
       events.map(function (e) {
         return window.addEventListener(e, checkForUpdates);
-      });
+      }); // it's possible that an update has occurred between render and the effect handler,
+      // so we run additional check on mount to catch these updates. Based on:
+      // https://gist.github.com/bvaughn/e25397f70e8c65b0ae0d7c90b731b189
+
       checkForUpdates();
       return function () {
         events.map(function (e) {
           return window.removeEventListener(e, checkForUpdates);
         });
       };
-    }, []);
+    }, []); // the 2nd argument of the `useLocation` return value is a function
+    // that allows to perform a navigation.
+    //
+    // the function reference should stay the same between re-renders, so that
+    // it can be passed down as an element prop without any performance concerns.
+
     var navigate = React.useCallback(function (to, replace) {
       if (replace) {
         clean(to);
@@ -2181,23 +2361,40 @@
       setURLParams(current);
     }, [path]);
     return [path, navigate, remove];
-  };
+  }; // While History API does have `popstate` event, the only
+  // proper way to listen to changes via `push/replaceState`
+  // is to monkey-patch these methods.
+  //
+  // See https://stackoverflow.com/a/4585031
+
   var patched = 0;
 
   var patchHistoryEvents = function patchHistoryEvents() {
     if (patched) return;
-    ['pushState', 'replaceState'].map(function (type) {
-      var original = window.history[type];
-
-      window.history[type] = function () {
-        var args = [].slice.call(arguments);
-        var result = original.apply(this, args);
-        var event = new Event(type);
-        event.arguments = args;
-        dispatchEvent(event);
-        return result;
-      };
-    });
+    var originalPushState = window.history.pushState;
+
+    window.history.pushState = function () {
+      var args = [].slice.call(arguments);
+      var result = originalPushState.apply(this, args); // eslint-disable-next-line @typescript-eslint/no-explicit-any
+
+      var event = new Event('pushState');
+      event.arguments = args;
+      dispatchEvent(event);
+      return result;
+    };
+
+    var originalReplaceState = window.history.replaceState;
+
+    window.history.replaceState = function () {
+      var args = [].slice.call(arguments);
+      var result = originalReplaceState.apply(this, args); // eslint-disable-next-line @typescript-eslint/no-explicit-any
+
+      var event = new Event('replaceState');
+      event.arguments = args;
+      dispatchEvent(event);
+      return result;
+    };
+
     return patched = 1;
   };
 
@@ -2252,7 +2449,7 @@
         children = _ref.children,
         _ref$style = _ref.style,
         style = _ref$style === void 0 ? {} : _ref$style;
-    var link = React.useRef();
+    var link = React.useRef(null);
 
     function onClick() {
       if (link && link.current) {
@@ -2359,15 +2556,7 @@
 
     var _proto = RestClient.prototype;
 
-    _proto.request = function request(path, data, headers) {
-      if (data === void 0) {
-        data = undefined;
-      }
-
-      if (headers === void 0) {
-        headers = undefined;
-      }
-
+    _proto.request = function request(path, data, headers, signal) {
       try {
         var _this2 = this;
 
@@ -2383,9 +2572,18 @@
           path = "/" + path;
         }
 
-        data = data || {};
-        data.headers = headers || _this2.getHeaders();
-        return Promise.resolve(fetch("" + _this2.url + path, data));
+        var dataRequest = data || {};
+        dataRequest.headers = _this2.getHeaders();
+
+        if (headers) {
+          dataRequest.headers = _extends({}, dataRequest.headers, headers);
+        }
+
+        if (signal) {
+          dataRequest.signal = signal;
+        }
+
+        return Promise.resolve(fetch("" + _this2.url + path, dataRequest));
       } catch (e) {
         return Promise.reject(e);
       }
@@ -2393,12 +2591,12 @@
 
     _proto.getHeaders = function getHeaders() {
       var authToken = this.auth.getToken();
-      if (!authToken) return {};
-      return {
-        Accept: 'application/json',
-        'Content-Type': 'application/json',
-        Authorization: 'Bearer ' + authToken
-      };
+      var headersInit = {};
+      if (!authToken) return headersInit;
+      headersInit.Accept = 'application/json';
+      headersInit['Content-Type'] = 'application/json';
+      headersInit.Authorization = 'Bearer ' + authToken;
+      return headersInit;
     };
 
     _proto.post = function post(path, data) {
@@ -2414,11 +2612,11 @@
       }
     };
 
-    _proto.get = function get(path) {
+    _proto.get = function get(path, signal) {
       try {
         var _this6 = this;
 
-        return Promise.resolve(_this6.request(path));
+        return Promise.resolve(_this6.request(path, undefined, undefined, signal));
       } catch (e) {
         return Promise.reject(e);
       }
@@ -2456,24 +2654,20 @@
 
         var headers = _this12.getHeaders();
 
-        delete headers['Content-Type'];
-        headers['Content-Type'] = data['content-type'];
-        headers['X-UPLOAD-FILENAME'] = data.filename;
-        headers['Content-Encoding'] = 'base64';
+        var newHeaders = {};
+        newHeaders['Content-Type'] = data['content-type'];
+        newHeaders['X-UPLOAD-FILENAME'] = data.filename;
+        newHeaders['Content-Encoding'] = 'base64';
         return Promise.resolve(_this12.request(path, {
           method: 'PATCH',
           body: data.data
-        }, headers));
+        }, _extends({}, headers, newHeaders)));
       } catch (e) {
         return Promise.reject(e);
       }
     };
 
     _proto.delete = function _delete(path, data) {
-      if (data === void 0) {
-        data = undefined;
-      }
-
       try {
         var _this14 = this;
 
@@ -2614,6 +2808,14 @@
       }
     };
 
+    _proto.getQueryParamsSearchFunction = function getQueryParamsSearchFunction(name) {
+      if (name === 'getQueryParamsElasticsearch') {
+        return this.getQueryParamsElasticsearch;
+      }
+
+      return this.getQueryParamsPostresql;
+    };
+
     _proto.getQueryParamsPostresql = function getQueryParamsPostresql(_ref) {
       var _ref$start = _ref.start,
           start = _ref$start === void 0 ? 0 : _ref$start,
@@ -2705,7 +2907,7 @@
         label: 'id/name',
         key: 'title',
         isSortable: true,
-        child: function child(m, navigate, search) {
+        child: function child(m, _navigate, search) {
           return jsxRuntime.jsxs(TdLink, {
             model: m,
             children: [m.name, search && jsxRuntime.jsxs(React__default['default'].Fragment, {
@@ -2739,15 +2941,19 @@
           });
         }
       }];
-    };
+    } // BBB API changes. Compat G5 and G6
+    ;
 
     _proto.applyCompat = function applyCompat(data) {
-      data.member = data.items;
-      data.items_count = data.items_total;
-      return data;
+      var result = _extends({}, data, {
+        member: data.items,
+        items_count: data.items_total
+      });
+
+      return result;
     };
 
-    _proto.search = function search(path, params, container, prepare) {
+    _proto.search = function search(path, params, container, prepare, signal) {
       if (container === void 0) {
         container = false;
       }
@@ -2769,7 +2975,7 @@
 
         var query = prepare ? toQueryString(params) : params;
         var url = path + "@search?" + query;
-        return Promise.resolve(_this7.rest.get(url)).then(function (res) {
+        return Promise.resolve(_this7.rest.get(url, signal)).then(function (res) {
           return Promise.resolve(res.json()).then(function (data) {
             return _this7.applyCompat(data);
           });
@@ -2899,7 +3105,8 @@
 
         var _temp4 = function () {
           if (!cacheSchemas[name]) {
-            var url = _this25.getContainerFromPath(path);
+            var url = _this25.getContainerFromPath(path); // todo: handle db case (only addable containers)
+
 
             return Promise.resolve(_this25.rest.get(url + "@types/" + name)).then(function (res) {
               return Promise.resolve(res.json()).then(function (_res$json) {
@@ -2980,23 +3187,53 @@
         var users = _this37.getUsers(path);
 
         return Promise.resolve(Promise.all([groups, users])).then(function (_ref3) {
-          var gr = _ref3[0],
-              usr = _ref3[1];
+          var responseGroups = _ref3[0],
+              responseUsers = _ref3[1];
 
-          function _temp6(_gr$json) {
-            function _temp5(_usr$json) {
+          function _temp8() {
+            function _temp6() {
               return {
-                groups: _gr$json,
-                users: _usr$json
+                groups: groupsData,
+                users: usersData
               };
             }
 
-            var _usr$ok = usr.ok;
-            return _usr$ok ? Promise.resolve(usr.json()).then(_temp5) : _temp5([]);
+            var _temp5 = function () {
+              if (responseUsers) {
+                return Promise.resolve(responseUsers.json()).then(function (usersDataResponse) {
+                  usersData = usersDataResponse.map(function (user) {
+                    return {
+                      '@name': user.id,
+                      user_roles: user.roles,
+                      fullname: user.fullname,
+                      email: user.email
+                    };
+                  });
+                });
+              }
+            }();
+
+            return _temp5 && _temp5.then ? _temp5.then(_temp6) : _temp6(_temp5);
           }
 
-          var _gr$ok = gr.ok;
-          return _gr$ok ? Promise.resolve(gr.json()).then(_temp6) : _temp6([]);
+          var groupsData = [];
+          var usersData = [];
+
+          var _temp7 = function () {
+            if (responseGroups.ok) {
+              return Promise.resolve(responseGroups.json()).then(function (groupsDataResponse) {
+                groupsData = groupsDataResponse.map(function (group) {
+                  return {
+                    '@name': group.id,
+                    user_roles: group.roles,
+                    users: group.users
+                  };
+                });
+              });
+            }
+          }();
+
+          return _temp7 && _temp7.then ? _temp7.then(_temp8) : _temp8(_temp7);
         });
       } catch (e) {
         return Promise.reject(e);
@@ -3018,6 +3255,7 @@
       try {
         var _this41 = this;
 
+        // paths used to query the API always has to start without a "/"
         if (path.startsWith('/')) {
           path = path.slice(1);
         }
@@ -3037,7 +3275,7 @@
       try {
         var _this43 = this;
 
-        function _temp10() {
+        function _temp12() {
           return cacheTypes[path];
         }
 
@@ -3045,10 +3283,10 @@
           path = path.slice(1);
         }
 
-        var _temp11 = function () {
+        var _temp13 = function () {
           if (!cacheTypes[path]) {
             return Promise.resolve(_this43.rest.get(path + '@addable-types')).then(function (types) {
-              var _temp7 = function () {
+              var _temp9 = function () {
                 if (types.status === 401 || types.status === 404) {
                   cacheTypes[path] = [];
                 } else {
@@ -3058,12 +3296,12 @@
                 }
               }();
 
-              if (_temp7 && _temp7.then) return _temp7.then(function () {});
+              if (_temp9 && _temp9.then) return _temp9.then(function () {});
             });
           }
         }();
 
-        return Promise.resolve(_temp11 && _temp11.then ? _temp11.then(_temp10) : _temp10(_temp11));
+        return Promise.resolve(_temp13 && _temp13.then ? _temp13.then(_temp12) : _temp12(_temp13));
       } catch (e) {
         return Promise.reject(e);
       }
@@ -3075,17 +3313,24 @@
     return new GuillotinaClient(new RestClient(url, container, auth), container === '/');
   }
   var lightFileReader = function lightFileReader(file) {
-    return new Promise(function (resolve) {
+    return new Promise(function (resolve, reject) {
       var reader = new FileReader();
       reader.readAsArrayBuffer(file);
 
       reader.onloadend = function (e) {
-        var fileData = e.target.result;
-        resolve({
-          filename: file.name.normalize('NFD').replace(/[\u0300-\u036f]/g, ''),
-          data: fileData,
-          'content-type': file.type
-        });
+        var _e$target;
+
+        var fileData = e == null ? void 0 : (_e$target = e.target) == null ? void 0 : _e$target.result;
+
+        if (fileData) {
+          resolve({
+            filename: file.name.normalize('NFD').replace(/[\u0300-\u036f]/g, ''),
+            data: fileData,
+            'content-type': file.type
+          });
+        } else {
+          reject('Error reading file');
+        }
       };
     });
   };
@@ -3116,9 +3361,15 @@
 
     var changed = function changed(event) {
       try {
-        return Promise.resolve(lightFileReader(event.target.files[0])).then(function (fileToUpload) {
-          onChange(fileToUpload);
-        });
+        var _temp2 = function () {
+          if (event.target.files) {
+            return Promise.resolve(lightFileReader(event.target.files[0])).then(function (fileToUpload) {
+              onChange(fileToUpload);
+            });
+          }
+        }();
+
+        return Promise.resolve(_temp2 && _temp2.then ? _temp2.then(function () {}) : void 0);
       } catch (e) {
         return Promise.reject(e);
       }
@@ -3209,12 +3460,12 @@
 
   var defaultEvents = ['mousedown', 'touchstart'];
 
-  var on = function on(obj) {
-    return obj.addEventListener.apply(obj, [].slice.call(arguments, 1));
+  var on = function on(obj, type, handler) {
+    return obj.addEventListener(type, handler);
   };
 
-  var off = function off(obj) {
-    return obj.removeEventListener.apply(obj, [].slice.call(arguments, 1));
+  var off = function off(obj, type, handler) {
+    return obj.removeEventListener(type, handler);
   };
 
   function useClickAway(ref, onClickAway, events) {
@@ -3246,23 +3497,7 @@
     }, [events, ref]);
   }
 
-  function debounce(func, wait) {
-    var timeout;
-    return function () {
-      var context = this;
-      var args = arguments;
-
-      var later = function later() {
-        timeout = null;
-        func.apply(context, args);
-      };
-
-      clearTimeout(timeout);
-      timeout = setTimeout(later, wait);
-    };
-  }
-
-  var initialState = {
+  var initialState$1 = {
     page: 0,
     items: undefined,
     loading: false,
@@ -3272,10 +3507,9 @@
     var onChange = _ref.onChange,
         error = _ref.error,
         errorZoneClassName = _ref.errorZoneClassName,
-        _ref$traversal = _ref.traversal,
-        traversal = _ref$traversal === void 0 ? null : _ref$traversal,
+        traversal = _ref.traversal,
         _ref$path = _ref.path,
-        path = _ref$path === void 0 ? null : _ref$path,
+        path = _ref$path === void 0 ? undefined : _ref$path,
         _ref$qs = _ref.qs,
         qs = _ref$qs === void 0 ? [] : _ref$qs,
         _ref$queryCondition = _ref.queryCondition,
@@ -3290,14 +3524,14 @@
         _ref$dataTestItem = _ref.dataTestItem,
         dataTestItem = _ref$dataTestItem === void 0 ? 'searchInputItemTest' : _ref$dataTestItem,
         _ref$renderTextItemOp = _ref.renderTextItemOption,
-        renderTextItemOption = _ref$renderTextItemOp === void 0 ? null : _ref$renderTextItemOp,
+        renderTextItemOption = _ref$renderTextItemOp === void 0 ? undefined : _ref$renderTextItemOp,
         _ref$typeNameQuery = _ref.typeNameQuery,
-        typeNameQuery = _ref$typeNameQuery === void 0 ? null : _ref$typeNameQuery,
+        typeNameQuery = _ref$typeNameQuery === void 0 ? undefined : _ref$typeNameQuery,
         _ref$labelProperty = _ref.labelProperty,
         labelProperty = _ref$labelProperty === void 0 ? 'id' : _ref$labelProperty;
     var intl = reactIntl.useIntl();
 
-    var _useSetState = useSetState(initialState),
+    var _useSetState = useSetState(initialState$1),
         options = _useSetState[0],
         setOptions = _useSetState[1];
 
@@ -3351,7 +3585,7 @@
             var searchTermParsed = ["id", value];
             var getSearch = traversal.registry.get;
             var fnName = getSearch('searchEngineQueryParamsFunction', SearchEngine);
-            var qsParsed = traversal.client[fnName]({
+            var qsParsed = traversal.client.getQueryParamsSearchFunction(fnName)({
               path: traversal.path,
               start: 0,
               pageSize: PageSize,
@@ -3369,7 +3603,7 @@
 
             return Promise.resolve(traversal.client.search(path ? path : traversal.client.getContainerFromPath(traversal.path), searchTermQs, false, false)).then(function (data) {
               var newValuesLabel = data.items.reduce(function (result, item) {
-                result[item.id] = get$1(item, labelProperty, item.id);
+                result[item.id] = get(item, labelProperty, item.id);
                 return result;
               }, {});
               setValueLabel(newValuesLabel);
@@ -3397,6 +3631,7 @@
       }
 
       try {
+        console.log('handle search input');
         setOptions({
           loading: true
         });
@@ -3411,7 +3646,7 @@
 
         var fnName = _get('searchEngineQueryParamsFunction', SearchEngine);
 
-        var qsParsed = traversal.client[fnName]({
+        var qsParsed = traversal.client.getQueryParamsSearchFunction(fnName)({
           path: traversal.path,
           start: page * PageSize,
           pageSize: PageSize,
@@ -3424,7 +3659,7 @@
           typeNameParsed = parser("type_name__in=" + typeNameQuery);
         }
 
-        if (qs.length > 0 || searchTermParsed.length > 0 || qsParsed.length > 0 || typeNameParsed.length > 0) {
+        if (qs.length > 0 || searchTermParsed.length > 0 || qsParsed.length > 0 || typeNameParsed.length > 0 || sortParsed.length > 0) {
           searchTermQs = buildQs([].concat(qs, searchTermParsed, qsParsed, typeNameParsed, sortParsed));
         }
 
@@ -3449,7 +3684,7 @@
         return renderTextItemOption(item);
       }
 
-      return get$1(item, labelProperty, item.title) || item['@name'];
+      return get(item, labelProperty, item.title) || item['@name'];
     };
 
     React.useEffect(function () {
@@ -3475,7 +3710,7 @@
           if (!ev.currentTarget.contains(ev.relatedTarget)) {
             if (searchTerm !== '') {
               setSearchTerm('');
-              setOptions(initialState);
+              setOptions(initialState$1);
             }
 
             setIsOpen(false);
@@ -3493,6 +3728,7 @@
               }
 
               setIsOpen(!isOpen);
+              console.log('on clic btn', options);
 
               if (!options.loading && !options.items) {
                 handleSearch(options.page);
@@ -3501,7 +3737,7 @@
             "aria-haspopup": "true",
             "aria-controls": "dropdown-menu",
             children: [jsxRuntime.jsx("span", {
-              children: value ? get$1(valueLabel, value, value) : intl.formatMessage(genericMessages.choose)
+              children: value ? get(valueLabel, value, value) : intl.formatMessage(genericMessages.choose)
             }), jsxRuntime.jsx("span", {
               className: "icon",
               children: jsxRuntime.jsx("i", {
@@ -3575,23 +3811,7 @@
     });
   };
 
-  function debounce$1(func, wait) {
-    var timeout;
-    return function () {
-      var context = this;
-      var args = arguments;
-
-      var later = function later() {
-        timeout = null;
-        func.apply(context, args);
-      };
-
-      clearTimeout(timeout);
-      timeout = setTimeout(later, wait);
-    };
-  }
-
-  var initialState$1 = {
+  var initialState$2 = {
     page: 0,
     items: undefined,
     loading: false,
@@ -3601,10 +3821,9 @@
     var onChange = _ref.onChange,
         error = _ref.error,
         errorZoneClassName = _ref.errorZoneClassName,
-        _ref$traversal = _ref.traversal,
-        traversal = _ref$traversal === void 0 ? null : _ref$traversal,
+        traversal = _ref.traversal,
         _ref$path = _ref.path,
-        path = _ref$path === void 0 ? null : _ref$path,
+        path = _ref$path === void 0 ? undefined : _ref$path,
         _ref$qs = _ref.qs,
         qs = _ref$qs === void 0 ? [] : _ref$qs,
         _ref$queryCondition = _ref.queryCondition,
@@ -3619,14 +3838,14 @@
         _ref$dataTestItem = _ref.dataTestItem,
         dataTestItem = _ref$dataTestItem === void 0 ? 'searchInputItemTest' : _ref$dataTestItem,
         _ref$renderTextItemOp = _ref.renderTextItemOption,
-        renderTextItemOption = _ref$renderTextItemOp === void 0 ? null : _ref$renderTextItemOp,
+        renderTextItemOption = _ref$renderTextItemOp === void 0 ? undefined : _ref$renderTextItemOp,
         _ref$typeNameQuery = _ref.typeNameQuery,
-        typeNameQuery = _ref$typeNameQuery === void 0 ? null : _ref$typeNameQuery,
+        typeNameQuery = _ref$typeNameQuery === void 0 ? undefined : _ref$typeNameQuery,
         _ref$labelProperty = _ref.labelProperty,
         labelProperty = _ref$labelProperty === void 0 ? 'id' : _ref$labelProperty;
     var intl = reactIntl.useIntl();
 
-    var _useSetState = useSetState(initialState$1),
+    var _useSetState = useSetState(initialState$2),
         options = _useSetState[0],
         setOptions = _useSetState[1];
 
@@ -3672,7 +3891,7 @@
       };
     };
 
-    var delayedQuery = React.useCallback(debounce$1(function (value) {
+    var delayedQuery = React.useCallback(debounce(function (value) {
       return handleSearch(0, false, value);
     }, 500), []);
 
@@ -3704,7 +3923,7 @@
 
         var fnName = _get('searchEngineQueryParamsFunction', SearchEngine);
 
-        var qsParsed = traversal.client[fnName]({
+        var qsParsed = traversal.client.getQueryParamsSearchFunction(fnName)({
           path: traversal.path,
           start: page * PageSize,
           pageSize: PageSize,
@@ -3746,7 +3965,7 @@
             var searchTermParsed = ['__or', "id=" + value.join('%26id=')];
             var getSearch = traversal.registry.get;
             var fnName = getSearch('searchEngineQueryParamsFunction', SearchEngine);
-            var qsParsed = traversal.client[fnName]({
+            var qsParsed = traversal.client.getQueryParamsSearchFunction(fnName)({
               path: traversal.path,
               start: 0,
               pageSize: 100,
@@ -3762,9 +3981,9 @@
               searchTermQs = buildQs([].concat(qs, [searchTermParsed], qsParsed, typeNameParsed));
             }
 
-            return Promise.resolve(traversal.client.search(path ? path : traversal.client.getContainerFromPath(traversal.path), searchTermQs, false, false, 0, 100)).then(function (data) {
+            return Promise.resolve(traversal.client.search(path ? path : traversal.client.getContainerFromPath(traversal.path), searchTermQs, false, false)).then(function (data) {
               var newValuesLabel = data.items.reduce(function (result, item) {
-                result[item.id] = get$1(item, labelProperty, item.id);
+                result[item.id] = get(item, labelProperty, item.id);
                 return result;
               }, {});
               setValuesLabels(newValuesLabel);
@@ -3784,7 +4003,7 @@
         return renderTextItemOption(item);
       }
 
-      return get$1(item, labelProperty, item.title) || item['@name'];
+      return get(item, labelProperty, item.title) || item['@name'];
     };
 
     React.useEffect(function () {
@@ -3807,7 +4026,7 @@
         children: value.map(function (tag, index) {
           return jsxRuntime.jsxs("div", {
             className: "tag is-info is-medium",
-            children: [get$1(valuesLabel, tag, tag), jsxRuntime.jsx("button", {
+            children: [get(valuesLabel, tag, tag), jsxRuntime.jsx("button", {
               className: "delete is-small",
               onClick: function onClick(ev) {
                 ev.stopPropagation();
@@ -3827,7 +4046,7 @@
           if (!ev.currentTarget.contains(ev.relatedTarget)) {
             if (searchTerm !== '') {
               setSearchTerm('');
-              setOptions(initialState$1);
+              setOptions(initialState$2);
             }
 
             setIsOpen(false);
@@ -3891,7 +4110,7 @@
                   if (onChange && !value.includes(item.id)) {
                     var _extends2;
 
-                    setValuesLabels(_extends({}, valuesLabel, (_extends2 = {}, _extends2[item.id] = get$1(item, labelProperty, item.id), _extends2)));
+                    setValuesLabels(_extends({}, valuesLabel, (_extends2 = {}, _extends2[item.id] = get(item, labelProperty, item.id), _extends2)));
                     onChange([].concat(value, [item.id]));
                   }
                 },
@@ -4079,7 +4298,7 @@
         ref.current.focus();
       }
     });
-    var canModified = modifyContent && !get$1(schema, 'readonly', false);
+    var canModified = schema !== undefined && modifyContent && !get(schema, 'readonly', false);
 
     var saveField = function saveField(ev) {
       try {
@@ -4145,7 +4364,7 @@
     var deleteField = function deleteField(ev) {
       try {
         if (ev) ev.preventDefault();
-        return Promise.resolve(function () {
+        return Promise.resolve(function (_schema$items) {
           if ((schema == null ? void 0 : schema.widget) === 'file') {
             var _ns2, _ref4, _ref5;
 
@@ -4173,7 +4392,7 @@
             });
           } else if ((schema == null ? void 0 : schema.type) === 'string' && schema != null && schema.enum) {
             setValue(null);
-          } else if ((schema == null ? void 0 : schema.type) === 'array' && (schema == null ? void 0 : schema.items.type) === 'string') {
+          } else if ((schema == null ? void 0 : schema.type) === 'array' && (schema == null ? void 0 : (_schema$items = schema.items) == null ? void 0 : _schema$items.type) === 'string') {
             setValue([]);
           }
         }());
@@ -4230,7 +4449,7 @@
               dataTest: "editableFieldBtnCancelTest",
               children: intl.formatMessage(genericMessages.cancel)
             })
-          }), !required && fieldHaveDeleteButton(schema) && jsxRuntime.jsx("div", {
+          }), !required && schema && fieldHaveDeleteButton(schema) && jsxRuntime.jsx("div", {
             className: "control",
             children: jsxRuntime.jsx(Button, {
               className: "is-small is-danger",
@@ -4259,7 +4478,8 @@
             var blob = new Blob([text], {
               type: data.content_type
             });
-            var url = window.URL.createObjectURL(blob);
+            var url = window.URL.createObjectURL(blob); // Create blob link to download
+
             var link = document.createElement('a');
             link.href = url;
 
@@ -4274,6 +4494,7 @@
             setTimeout(function () {
               var _link$parentNode;
 
+              // For Firefox it is necessary to delay revoking the ObjectURL
               window.URL.revokeObjectURL(url);
               (_link$parentNode = link.parentNode) == null ? void 0 : _link$parentNode.removeChild(link);
             }, 100);
@@ -4349,23 +4570,27 @@
     }
 
     if (type === 'object') {
+      var _schema$properties;
+
       if (Array.isArray(value)) {
-        return value.map(function (item) {
+        return value.map(function (item, index) {
           return jsxRuntime.jsx("div", {
             children: jsxRuntime.jsx(RenderField, {
               value: item
             })
-          }, item);
+          }, "renderField_" + index + "_" + (schema == null ? void 0 : schema.title));
         });
       }
 
-      return Object.keys(value).map(function (key) {
-        return jsxRuntime.jsx(FieldValue, {
-          field: get$1(schema, "properties." + key + ".title", key),
-          schema: get$1(schema, "properties." + key, {}),
-          value: value[key]
-        }, key);
-      });
+      if ((schema == null ? void 0 : (_schema$properties = schema.properties) == null ? void 0 : _schema$properties.key) !== undefined) {
+        return Object.keys(value).map(function (key) {
+          return jsxRuntime.jsx(FieldValue, {
+            field: get(schema, "properties." + key + ".title", key),
+            schema: schema.properties.key,
+            value: get(value, key, {})
+          }, key);
+        });
+      }
     }
 
     return jsxRuntime.jsxs("p", {
@@ -4409,6 +4634,7 @@
     var schema = _ref3.schema,
         value = _ref3.value,
         modifyContent = _ref3.modifyContent;
+    console.log('search render fields');
     var intl = reactIntl.useIntl();
 
     var _useState = React.useState([]),
@@ -4433,7 +4659,7 @@
           var searchTermParsed = ['__or', "id=" + valuesToSearch.join('%26id=')];
           var getSearch = traversal.registry.get;
           var fnName = getSearch('searchEngineQueryParamsFunction', SearchEngine);
-          var qsParsed = traversal.client[fnName]({
+          var qsParsed = traversal.client.getQueryParamsSearchFunction(fnName)({
             path: traversal.path,
             start: 0,
             pageSize: 100,
@@ -4444,11 +4670,11 @@
             searchTermQs = buildQs([searchTermParsed].concat(qsParsed));
           }
 
-          return Promise.resolve(traversal.client.search(traversal.client.getContainerFromPath(traversal.path), searchTermQs, false, false, 0, 100)).then(function (data) {
+          return Promise.resolve(traversal.client.search(traversal.client.getContainerFromPath(traversal.path), searchTermQs, false, false)).then(function (data) {
             var newValuesLabel = data.items.map(function (item) {
               var _schema$labelProperty;
 
-              return get$1(item, (_schema$labelProperty = schema == null ? void 0 : schema.labelProperty) != null ? _schema$labelProperty : 'title', item.id);
+              return get(item, (_schema$labelProperty = schema == null ? void 0 : schema.labelProperty) != null ? _schema$labelProperty : 'title', item.id);
             });
             setValuesLabels(newValuesLabel);
             setIsLoadingData(false);
@@ -4458,13 +4684,15 @@
         }
       };
 
-      var valuesToSearch = value;
+      var valuesToSearch = [];
 
-      if (typeof valuesToSearch === 'string') {
-        valuesToSearch = [valuesToSearch];
+      if (typeof value === 'string' && value) {
+        valuesToSearch = [value];
+      } else if (Array.isArray(value)) {
+        valuesToSearch = value;
       }
 
-      if (valuesToSearch !== undefined && valuesToSearch.length > 0) {
+      if (valuesToSearch.length > 0) {
         fetchData(valuesToSearch);
       } else {
         setValuesLabels([]);
@@ -4499,7 +4727,7 @@
         modifyContent = _ref4.modifyContent;
     var intl = reactIntl.useIntl();
     var DEFAULT_VALUE_EDITABLE_FIELD = getDefaultValueEditableField(intl);
-    var vocabularyName = (schema == null ? void 0 : (_schema$items = schema.items) == null ? void 0 : _schema$items.vocabularyName) || (schema == null ? void 0 : schema.vocabularyName);
+    var vocabularyName = (schema == null ? void 0 : (_schema$items = schema.items) == null ? void 0 : _schema$items.vocabularyName) || (schema == null ? void 0 : schema.vocabularyName) || '';
     var vocabulary = useVocabulary(vocabularyName);
 
     var getRenderProps = function getRenderProps() {
@@ -4510,7 +4738,7 @@
       if (schema != null && schema.vocabularyName) {
         var _vocabularyValue$titl;
 
-        var vocabularyValue = get$1(vocabulary, 'data.items', []).find(function (item) {
+        var vocabularyValue = get(vocabulary, 'data.items', []).find(function (item) {
           return item.token === value;
         });
         renderProps['value'] = (_vocabularyValue$titl = vocabularyValue == null ? void 0 : vocabularyValue.title) != null ? _vocabularyValue$titl : '';
@@ -4520,7 +4748,7 @@
         renderProps['value'] = ((_renderProps$value = renderProps['value']) != null ? _renderProps$value : []).map(function (value) {
           var _get$find$title, _get$find;
 
-          return (_get$find$title = (_get$find = get$1(vocabulary, 'data.items', []).find(function (item) {
+          return (_get$find$title = (_get$find = get(vocabulary, 'data.items', []).find(function (item) {
             return item.token === value;
           })) == null ? void 0 : _get$find.title) != null ? _get$find$title : '';
         });
@@ -4597,7 +4825,7 @@
           queryCondition: schema != null && schema.queryCondition ? schema.queryCondition : 'title__in',
           path: schema.queryPath,
           labelProperty: schema != null && schema.labelProperty ? schema.labelProperty : 'title',
-          typeNameQuery: schema != null && schema.typeNameQuery ? schema.typeNameQuery : null
+          typeNameQuery: schema == null ? void 0 : schema.typeNameQuery
         })]
       });
     } else if ((schema == null ? void 0 : schema.widget) === 'search') {
@@ -4614,7 +4842,7 @@
           queryCondition: schema != null && schema.queryCondition ? schema.queryCondition : 'title__in',
           path: schema.queryPath,
           labelProperty: schema != null && schema.labelProperty ? schema.labelProperty : 'title',
-          typeNameQuery: schema != null && schema.typeNameQuery ? schema.typeNameQuery : null
+          typeNameQuery: schema == null ? void 0 : schema.typeNameQuery
         })]
       });
     } else if ((schema == null ? void 0 : schema.widget) === 'textarea' || (schema == null ? void 0 : schema.widget) === 'richtext') {
@@ -4644,7 +4872,7 @@
 
         if (schema.items.vocabularyName) {
           return jsxRuntime.jsx(SelectVocabulary, {
-            vocabularyName: get$1(schema, 'items.vocabularyName', null),
+            vocabularyName: get(schema, 'items.vocabularyName', ''),
             val: val || [],
             className: className,
             classWrap: "is-fullwidth",
@@ -4681,22 +4909,25 @@
         }), jsxRuntime.jsx(InputList, {
           value: val || [],
           className: className,
-          onChange: function onChange(ev) {
-            return _setValue(ev);
+          onChange: function onChange(val) {
+            return _setValue(val);
           },
           ref: ref,
           dataTest: dataTest
         })]
       });
     } else if ((schema == null ? void 0 : schema.widget) === 'file') {
+      var value = val;
       return jsxRuntime.jsx(FileUpload, {
         onChange: function onChange(ev) {
           return _setValue(ev);
         },
-        label: get$1(val, 'filename', null),
+        label: get(value, 'filename', undefined),
         dataTest: dataTest
       });
     } else if ((schema == null ? void 0 : schema.widget) === 'select' && schema.type === 'string') {
+      var _schema$vocabulary;
+
       if (schema != null && schema.vocabularyName) {
         return jsxRuntime.jsx(SelectVocabulary, {
           val: val || '',
@@ -4705,7 +4936,7 @@
           classWrap: "is-fullwidth",
           dataTest: dataTest,
           onChange: _setValue,
-          vocabularyName: get$1(schema, 'vocabularyName', null),
+          vocabularyName: get(schema, 'vocabularyName', ''),
           placeholder: placeholder,
           id: id
         });
@@ -4717,7 +4948,7 @@
         appendDefault: true,
         classWrap: "is-fullwidth",
         dataTest: dataTest,
-        options: schema == null ? void 0 : schema.vocabulary.map(function (item) {
+        options: ((_schema$vocabulary = schema == null ? void 0 : schema.vocabulary) != null ? _schema$vocabulary : []).map(function (item) {
           return {
             text: item,
             value: item
@@ -4728,26 +4959,27 @@
         id: id
       });
     } else if ((schema == null ? void 0 : schema.type) === 'object' && schema.widget !== 'file') {
-      var value = val;
+      var _value = val;
       return jsxRuntime.jsxs(jsxRuntime.Fragment, {
         children: [schema.title && jsxRuntime.jsx("h4", {
           className: "subtitle mt-2",
           children: schema.title
-        }), Object.keys(get$1(schema, 'properties', {})).map(function (key) {
+        }), Object.keys(get(schema, 'properties', {})).map(function (key) {
           var _subSchema$title;
 
-          var subSchema = get$1(schema, 'properties', {})[key];
-          var requiredFields = get$1(schema, 'required', []);
+          var subSchema = get(schema, "properties." + key, null);
+          var requiredFields = get(schema, 'required', []);
+          if (!subSchema) return null;
           return jsxRuntime.jsx(EditComponent, {
             id: id + "[" + key + "]",
             schema: subSchema,
-            val: value && key in value ? value[key] : '',
+            val: _value && key in _value ? _value[key] : '',
             placeholder: (_subSchema$title = subSchema == null ? void 0 : subSchema.title) != null ? _subSchema$title : '',
             required: requiredFields.includes(key),
             setValue: function setValue(ev) {
               var _extends2;
 
-              _setValue(_extends({}, value, (_extends2 = {}, _extends2[key] = ev, _extends2)));
+              _setValue(_extends({}, _value, (_extends2 = {}, _extends2[key] = ev, _extends2)));
             },
             dataTest: key + "TestInput"
           }, id + "[" + key + "]");
@@ -4809,9 +5041,9 @@
           }, 1), jsxRuntime.jsx("td", {
             children: jsxRuntime.jsx(EditableField, {
               field: key,
-              value: values[key],
+              value: values.file,
               ns: "guillotina.behaviors.attachment.IAttachment",
-              schema: properties[key],
+              schema: properties.file,
               modifyContent: modifyContent && ['file'].includes(key)
             })
           }, 2)]
@@ -4861,6 +5093,11 @@
 
         setLoading(true);
         setError(undefined);
+
+        if (!file) {
+          return Promise.resolve();
+        }
+
         var endpoint = Ctx.path + "@upload/files/" + fileKey;
         return Promise.resolve(Ctx.client.upload(endpoint, file)).then(function (req) {
           if (req.status !== 200) {
@@ -4929,7 +5166,7 @@
                 field: "files/" + key,
                 value: values['files'][key],
                 ns: "guillotina.behaviors.attachment.IMultiAttachment.files",
-                schema: properties['files']['additionalProperties'],
+                schema: get(properties, 'files.additionalProperties', {}),
                 modifyContent: false
               }), jsxRuntime.jsx("div", {
                 className: "ml-5",
@@ -5153,13 +5390,18 @@
         ev.preventDefault();
         setLoading(true);
         setError(undefined);
+
+        if (!file) {
+          return Promise.resolve();
+        }
+
         var endpoint = Ctx.path + "@upload/image";
         return Promise.resolve(Ctx.client.upload(endpoint, file)).then(function (req) {
           var _exit;
 
           function _temp4(_result) {
             if (_exit) return _result;
-            setFile(undefined);
+            setFile(null);
             setLoading(false);
             Ctx.flash(intl.formatMessage(genericFileMessages.image_uploaded), 'success');
             Ctx.refresh();
@@ -5440,7 +5682,7 @@
         fileKey = _useState[0],
         setFileKey = _useState[1];
 
-    var _useState2 = React.useState(null),
+    var _useState2 = React.useState(undefined),
         file = _useState2[0],
         setFile = _useState2[1];
 
@@ -5473,6 +5715,11 @@
 
         setLoading(true);
         setError(undefined);
+
+        if (!file) {
+          return Promise.resolve();
+        }
+
         var endpoint = Ctx.path + "@upload/images/" + fileKey;
         return Promise.resolve(Ctx.client.upload(endpoint, file)).then(function (req) {
           var _exit;
@@ -5575,7 +5822,7 @@
                 field: "images/" + key,
                 value: values['images'][key],
                 ns: "guillotina.contrib.image.behaviors.IMultiImageAttachment.images",
-                schema: properties['images']['additionalProperties'],
+                schema: get(properties, 'images.additionalProperties', {}),
                 modifyContent: false,
                 required: false
               }), jsxRuntime.jsx("div", {
@@ -5865,7 +6112,7 @@
         sortedList = _useState2[0],
         setSortedList = _useState2[1];
 
-    var _useState3 = React.useState(null),
+    var _useState3 = React.useState(undefined),
         file = _useState3[0],
         setFile = _useState3[1];
 
@@ -6009,7 +6256,7 @@
                           field: "images/" + key,
                           value: values['images'][key],
                           ns: "guillotina.contrib.image.behaviors.IMultiImageAttachment.images",
-                          schema: properties['images']['additionalProperties'],
+                          schema: get(properties, 'images.additionalProperties', {}),
                           modifyContent: false,
                           required: false
                         }), jsxRuntime.jsx("div", {
@@ -6064,163 +6311,6 @@
     });
   }
 
-  var base = {
-    local: {
-      roleperm: {},
-      prinperm: {},
-      prinrole: {}
-    },
-    inherit: []
-  };
-  var Sharing = /*#__PURE__*/function () {
-    function Sharing(element) {
-      this.local = void 0;
-      this.inherit = void 0;
-      Object.assign(this, element || base);
-    }
-
-    var _proto = Sharing.prototype;
-
-    _proto.getRole = function getRole(role) {
-      return this.local.roleperm[role];
-    };
-
-    _proto.getPrincipals = function getPrincipals(principal) {
-      return this.local.prinperm[principal];
-    };
-
-    _proto.getPrinroles = function getPrinroles(role) {
-      return this.local.prinrole[role];
-    };
-
-    _createClass(Sharing, [{
-      key: "roles",
-      get: function get() {
-        return Object.keys(this.local.roleperm);
-      }
-    }, {
-      key: "principals",
-      get: function get() {
-        return Object.keys(this.local.prinperm);
-      }
-    }, {
-      key: "prinrole",
-      get: function get() {
-        return Object.keys(this.local.prinrole);
-      }
-    }]);
-
-    return Sharing;
-  }();
-
-  var ItemModel = /*#__PURE__*/function () {
-    function ItemModel(item, url) {
-      if (url === void 0) {
-        url = '';
-      }
-
-      this.item = void 0;
-      this.url = void 0;
-      this.item = item;
-      this.url = url;
-    }
-
-    _createClass(ItemModel, [{
-      key: "path",
-      get: function get() {
-        var item = this.item['@id'] ? this.item['@id'] : this.item['@absolute_url'];
-        var path = item.split('//')[1].split('/').splice(1).join('/');
-        path = "/" + path + "/";
-
-        if (this.url.length > 0) {
-          if (this.url.startsWith('/')) {
-            path = path.replace(this.url.substring(1), '');
-          } else {
-            path = path.replace(this.url, '');
-          }
-        }
-
-        return path;
-      }
-    }, {
-      key: "name",
-      get: function get() {
-        return this.item.title || this.item['@name'];
-      }
-    }, {
-      key: "icon",
-      get: function get() {
-        var cfg = useConfig();
-
-        if (cfg.icons && cfg.icons[this.type]) {
-          return cfg.icons[this.type];
-        }
-
-        switch (this.type) {
-          case 'GroupManager':
-            return 'fas fa-users-cog';
-
-          case 'UserManager':
-            return 'fas fa-user-cog';
-
-          case 'User':
-            return 'fas fa-user';
-
-          case 'Group':
-            return 'fas fa-users';
-
-          case 'Folder':
-            return 'fas fa-folder';
-
-          default:
-            return 'fas fa-file';
-        }
-      }
-    }, {
-      key: "fullPath",
-      get: function get() {
-        return this.url + this.item.id;
-      }
-    }, {
-      key: "id",
-      get: function get() {
-        if (this.item.id) {
-          return this.item.id;
-        }
-
-        var id = this.item['@id'].split('&')[0].split('/');
-        return id[id.length - 1];
-      }
-    }, {
-      key: "uid",
-      get: function get() {
-        return this.item['@uid'];
-      }
-    }, {
-      key: "type",
-      get: function get() {
-        return this.item['@type'] || this.item.type_name;
-      }
-    }, {
-      key: "title",
-      get: function get() {
-        return this.item.title;
-      }
-    }, {
-      key: "created",
-      get: function get() {
-        return this.item.creation_date ? formatDate(this.item.creation_date) : '';
-      }
-    }, {
-      key: "updated",
-      get: function get() {
-        return this.item.modification_date ? formatDate(this.item.modification_date) : '';
-      }
-    }]);
-
-    return ItemModel;
-  }();
-
   var messages$1 = reactIntl.defineMessages({
     status_changed_ok: {
       id: "status_changed_ok",
@@ -6296,13 +6386,12 @@
         definition = _useState[0],
         setDefinition = _useState[1];
 
-    var _useState2 = React.useState(null),
+    var _useState2 = React.useState(undefined),
         workflowAction = _useState2[0],
         setWorkflowAction = _useState2[1];
 
-    var model = new ItemModel(Ctx.context);
     var vocabulary = useVocabulary('workflow_states');
-    var currentState = model.item['guillotina.contrib.workflows.interfaces.IWorkflowBehavior']['review_state'];
+    var currentState = Ctx.context['guillotina.contrib.workflows.interfaces.IWorkflowBehavior']['review_state'];
     React.useEffect(function () {
       loadDefinition();
     }, [Ctx.path]);
@@ -6322,7 +6411,7 @@
             }
 
             Ctx.refresh();
-            setWorkflowAction(null);
+            setWorkflowAction(undefined);
           });
         });
       } catch (e) {
@@ -6331,21 +6420,23 @@
     };
 
     var getStateTitle = function getStateTitle() {
-      var _vocabulary$data, _vocabulary$data$item;
+      var _vocabulary$data$item, _vocabulary$data;
+
+      if (((_vocabulary$data$item = (_vocabulary$data = vocabulary.data) == null ? void 0 : _vocabulary$data.items) != null ? _vocabulary$data$item : []).length > 0) {
+        var _vocabulary$data2;
 
-      if (((_vocabulary$data = vocabulary.data) == null ? void 0 : (_vocabulary$data$item = _vocabulary$data.items) == null ? void 0 : _vocabulary$data$item.length) > 0) {
-        var vocabularyValue = vocabulary.data.items.find(function (item) {
+        var vocabularyValue = vocabulary == null ? void 0 : (_vocabulary$data2 = vocabulary.data) == null ? void 0 : _vocabulary$data2.items.find(function (item) {
           return item.token === currentState;
         });
 
         if (vocabularyValue) {
-          var translatedValue = get$1(vocabularyValue, "title.translated_title." + intl.locale, null);
+          var translatedValue = get(vocabularyValue, "title.translated_title." + intl.locale, null);
 
           if (translatedValue !== null) {
             return translatedValue;
           }
 
-          var titleValue = get$1(vocabularyValue, "title.title." + intl.locale, null);
+          var titleValue = get(vocabularyValue, "title.title." + intl.locale, null);
 
           if (titleValue !== null) {
             return titleValue;
@@ -6361,7 +6452,7 @@
       children: [workflowAction && jsxRuntime.jsx(Confirm, {
         loading: loading,
         onCancel: function onCancel() {
-          return setWorkflowAction(null);
+          return setWorkflowAction(undefined);
         },
         onConfirm: doWorkflowAction,
         message: intl.formatMessage(messages$1.confirm_message, {
@@ -6387,7 +6478,7 @@
             onClick: function onClick() {
               return setWorkflowAction(transition['@id'].split('@workflow')[1].slice(1));
             },
-            children: get$1(transition, "metadata.translated_title." + intl.locale, transition.title)
+            children: get(transition, "metadata.translated_title." + intl.locale, transition.title)
           }, transition['@id']);
         })]
       })]
@@ -6413,14 +6504,17 @@
 
     return jsxRuntime.jsx(React.Fragment, {
       children: Object.keys(ACTIONS_OBJECT).map(function (actionKey) {
-        if (hasPerm(ACTIONS_OBJECT[actionKey].perms)) {
+        var actionKeyTyped = actionKey;
+        var actionObject = ACTIONS_OBJECT[actionKeyTyped];
+
+        if (hasPerm(actionObject.perms)) {
           return jsxRuntime.jsx("button", {
             className: "button mr-4",
             onClick: function onClick() {
-              onAction(actionKey);
+              onAction(actionKeyTyped);
             },
-            children: ACTIONS_OBJECT[actionKey].text
-          }, "panel_action_" + ACTIONS_OBJECT[actionKey].text);
+            children: actionObject.text
+          }, "panel_action_" + actionObject.text);
         }
       })
     });
@@ -6462,7 +6556,8 @@
         "value": "Installed Addons"
       }]
     }
-  });
+  }); // TODO: Refactor without useAsync... just crudContext
+
   function PanelAddons() {
     var _state$data$available, _state$data, _state$data$available2, _state$data2, _state$data$installed, _state$data3, _state$data$installed2, _state$data4;
 
@@ -6617,8 +6712,9 @@
 
   var arrayToObject = function arrayToObject(array) {
     return array.reduce(function (obj, item) {
-      obj[item.id] = item;
-      return obj;
+      var _extends2;
+
+      return _extends({}, obj, (_extends2 = {}, _extends2[item.id] = item, _extends2));
     }, {});
   };
 
@@ -6780,8 +6876,9 @@
 
     function onSelectAllItems(checked) {
       setSelected(items.reduce(function (obj, item) {
-        obj[item.path + "/" + item.id] = checked;
-        return obj;
+        var _extends2;
+
+        return _extends({}, obj, (_extends2 = {}, _extends2[item.path + "/" + item.id] = checked, _extends2));
       }, {
         all: checked
       }));
@@ -6789,11 +6886,11 @@
 
     function onSelectOneItem(item) {
       setSelected(function (state) {
-        var _extends2;
+        var _extends3;
 
-        return _extends({}, state, (_extends2 = {
+        return _extends({}, state, (_extends3 = {
           all: false
-        }, _extends2[item.path + "/" + item.id] = !state[item.path + "/" + item.id], _extends2));
+        }, _extends3[item.path + "/" + item.id] = !state[item.path + "/" + item.id], _extends3));
       });
     }
 
@@ -6815,13 +6912,38 @@
       children: children
     });
   }
-  function AllItemsCheckbox(_ref2) {
-    var dataTest = _ref2.dataTest;
 
+  var useItemsActions = function useItemsActions() {
     var _useContext = React.useContext(ItemsActionsCtx),
+        onAction = _useContext.onAction,
+        onSelectOneItem = _useContext.onSelectOneItem,
         onSelectAllItems = _useContext.onSelectAllItems,
         selected = _useContext.selected;
 
+    if (!onAction || !onSelectOneItem || !onSelectAllItems || !selected) {
+      throw new Error('useItemsActions must be used inside ItemsActionsProvider');
+    }
+
+    return {
+      onAction: onAction,
+      onSelectOneItem: onSelectOneItem,
+      onSelectAllItems: onSelectAllItems,
+      selected: selected
+    };
+  };
+  /**
+   * Checkbox component without props that consume the ItemsActionsContext
+   * and it select/unselect all items of the page.
+   */
+
+
+  function AllItemsCheckbox(_ref2) {
+    var dataTest = _ref2.dataTest;
+
+    var _useItemsActions = useItemsActions(),
+        onSelectAllItems = _useItemsActions.onSelectAllItems,
+        selected = _useItemsActions.selected;
+
     return jsxRuntime.jsx(Checkbox, {
       onChange: onSelectAllItems,
       checked: selected.all,
@@ -6832,9 +6954,9 @@
     var item = _ref3.item,
         dataTest = _ref3.dataTest;
 
-    var _useContext2 = React.useContext(ItemsActionsCtx),
-        selected = _useContext2.selected,
-        onSelectOneItem = _useContext2.onSelectOneItem;
+    var _useItemsActions2 = useItemsActions(),
+        selected = _useItemsActions2.selected,
+        onSelectOneItem = _useItemsActions2.onSelectOneItem;
 
     var absId = item.path + "/" + item.id;
     var value = selected[absId];
@@ -6846,14 +6968,18 @@
       dataTest: dataTest
     });
   }
+  /**
+   * Dropdown to choose some action to apply to the selected items.
+   */
+
   function ItemsActionsDropdown() {
     var intl = reactIntl.useIntl();
     var ACTIONS_OBJECT = getActionsObject(intl, true);
     var traversal = useTraversal();
 
-    var _useContext3 = React.useContext(ItemsActionsCtx),
-        selected = _useContext3.selected,
-        onAction = _useContext3.onAction;
+    var _useItemsActions3 = useItemsActions(),
+        selected = _useItemsActions3.selected,
+        onAction = _useItemsActions3.onAction;
 
     var disabled = Object.values(selected).every(function (v) {
       return !v;
@@ -6937,6 +7063,7 @@
         "aria-label": "pagination",
         children: [jsxRuntime.jsx("a", {
           className: "pagination-previous is-small",
+          // disabled={current === 0}
           onClick: function onClick() {
             return current > 0 ? doPaginate(current - 1) : null;
           },
@@ -6948,6 +7075,7 @@
           })
         }), jsxRuntime.jsx("a", {
           className: "pagination-next is-small",
+          // disabled={current >= maxPages - 1}
           onClick: function onClick() {
             return doPaginate(current + 1);
           },
@@ -6962,6 +7090,170 @@
     });
   }
 
+  var base = {
+    local: {
+      roleperm: {},
+      prinperm: {},
+      prinrole: {}
+    },
+    inherit: []
+  };
+  var Sharing = /*#__PURE__*/function () {
+    function Sharing(element) {
+      this.local = void 0;
+      this.inherit = void 0;
+
+      if (element === undefined) {
+        throw new Error('Sharing element is undefined');
+      }
+
+      this.local = element.local || base.local;
+      this.inherit = element.inherit || base.inherit;
+    }
+
+    var _proto = Sharing.prototype;
+
+    _proto.getRole = function getRole(role) {
+      return this.local.roleperm[role];
+    };
+
+    _proto.getPrincipals = function getPrincipals(principal) {
+      return this.local.prinperm[principal];
+    };
+
+    _proto.getPrinroles = function getPrinroles(role) {
+      return this.local.prinrole[role];
+    };
+
+    _createClass(Sharing, [{
+      key: "roles",
+      get: function get() {
+        return Object.keys(this.local.roleperm);
+      }
+    }, {
+      key: "principals",
+      get: function get() {
+        return Object.keys(this.local.prinperm);
+      }
+    }, {
+      key: "prinrole",
+      get: function get() {
+        return Object.keys(this.local.prinrole);
+      }
+    }]);
+
+    return Sharing;
+  }();
+
+  var ItemModel = /*#__PURE__*/function () {
+    function ItemModel(item, url) {
+      if (url === void 0) {
+        url = '';
+      }
+
+      this.item = void 0;
+      this.url = void 0;
+      this.item = item;
+      this.url = url;
+    }
+
+    _createClass(ItemModel, [{
+      key: "path",
+      get: function get() {
+        // Compat
+        var item = this.item['@id'] ? this.item['@id'] : this.item['@absolute_url'];
+        var path = item.split('//')[1].split('/').splice(1).join('/');
+        path = "/" + path + "/";
+
+        if (this.url.length > 0) {
+          if (this.url.startsWith('/')) {
+            path = path.replace(this.url.substring(1), '');
+          } else {
+            path = path.replace(this.url, '');
+          }
+        }
+
+        return path;
+      }
+    }, {
+      key: "name",
+      get: function get() {
+        return this.item.title || this.item['@name'];
+      }
+    }, {
+      key: "icon",
+      get: function get() {
+        var cfg = useConfig();
+
+        if (cfg.icons && cfg.icons[this.type]) {
+          return cfg.icons[this.type];
+        }
+
+        switch (this.type) {
+          case 'GroupManager':
+            return 'fas fa-users-cog';
+
+          case 'UserManager':
+            return 'fas fa-user-cog';
+
+          case 'User':
+            return 'fas fa-user';
+
+          case 'Group':
+            return 'fas fa-users';
+
+          case 'Folder':
+            return 'fas fa-folder';
+
+          default:
+            return 'fas fa-file';
+        }
+      }
+    }, {
+      key: "fullPath",
+      get: function get() {
+        return this.url + this.id;
+      }
+    }, {
+      key: "id",
+      get: function get() {
+        if ('id' in this.item) {
+          return this.item.id;
+        }
+
+        var id = this.item['@id'].split('&')[0].split('/');
+        return id[id.length - 1];
+      }
+    }, {
+      key: "uid",
+      get: function get() {
+        return this.item['@uid'];
+      }
+    }, {
+      key: "type",
+      get: function get() {
+        return this.item['@type'] || this.item.type_name;
+      }
+    }, {
+      key: "title",
+      get: function get() {
+        return this.item.title;
+      }
+    }, {
+      key: "created",
+      get: function get() {
+        return this.item.creation_date ? formatDate(this.item.creation_date) : '';
+      }
+    }, {
+      key: "updated",
+      get: function get() {
+        return this.item.modification_date ? formatDate(this.item.modification_date) : '';
+      }
+    }]);
+
+    return ItemModel;
+  }();
+
   function Item(_ref) {
     var item = _ref.item,
         icon = _ref.icon;
@@ -7102,11 +7394,11 @@
         renderValue = _useState[0],
         setRenderValue = _useState[1];
 
-    var defaultRenderValue = location.get(query);
+    var defaultRenderValue = location.get(query) || '';
     React.useEffect(function () {
       var value = defaultRenderValue;
 
-      if ((options != null ? options : []).length > 0) {
+      if (options && (options != null ? options : []).length > 0) {
         var option = options.find(function (item) {
           return item.value === value;
         });
@@ -7155,14 +7447,16 @@
         setRenderValue = _useState[1];
 
     var vocabulary = useVocabulary(vocabularyName);
-    var defaultRenderValue = location.get(query);
+    var defaultRenderValue = location.get(query) || '';
     React.useEffect(function () {
       var _vocabulary$data$item, _vocabulary$data;
 
       var value = defaultRenderValue;
 
       if (((_vocabulary$data$item = vocabulary == null ? void 0 : (_vocabulary$data = vocabulary.data) == null ? void 0 : _vocabulary$data.items) != null ? _vocabulary$data$item : []).length > 0) {
-        var vocabularyValue = vocabulary.data.items.find(function (item) {
+        var _vocabulary$data2;
+
+        var vocabularyValue = vocabulary == null ? void 0 : (_vocabulary$data2 = vocabulary.data) == null ? void 0 : _vocabulary$data2.items.find(function (item) {
           return item.token === value;
         });
 
@@ -7196,7 +7490,7 @@
     return null;
   }
 
-  var initialState$2 = {
+  var initialState$3 = {
     page: 0,
     items: [],
     loading: true,
@@ -7215,7 +7509,7 @@
     var intl = reactIntl.useIntl();
     var Ctx = useTraversal();
 
-    var _useSetState = useSetState(initialState$2),
+    var _useSetState = useSetState(initialState$3),
         state = _useSetState[0],
         setState = _useSetState[1];
 
@@ -7231,7 +7525,7 @@
     var page;
 
     try {
-      page = parseInt(location.get('page')) || 0;
+      page = parseInt(location.get('page') || '0');
     } catch (_unused) {
       page = 0;
     }
@@ -7278,7 +7572,7 @@
     var resultQueryParams = [];
     var resultDynamicLocation = [];
     filterSchema.forEach(function (filter) {
-      var itemParam = location.get(filter.attribute_key);
+      var itemParam = location.get(filter.attribute_key) || '';
       resultDynamicLocation.push(itemParam);
 
       if (itemParam) {
@@ -7290,53 +7584,51 @@
       var controller = new AbortController();
       if (Ctx.state.loading) return;
 
-      try {
-        setState({
-          loading: true,
-          total: Ctx.context.length
-        });
-        var get = Ctx.registry.get;
-        var fnName = get('searchEngineQueryParamsFunction', SearchEngine);
-
-        if (sortParsed === undefined) {
-          var defaultSortValue = Ctx.registry.getDefaultSortValue(Ctx.context['@type'], {
-            key: 'id',
-            direction: 'des'
+      var getData = function getData() {
+        try {
+          setState({
+            loading: true,
+            total: Ctx.context.length
           });
-          sortParsed = parser("_sort_" + defaultSortValue.direction + "=" + defaultSortValue.key);
-        }
+          var get = Ctx.registry.get;
+          var fnName = get('searchEngineQueryParamsFunction', SearchEngine);
 
-        var qsParsed = Ctx.client[fnName]({
-          path: Ctx.path,
-          start: page * PageSize,
-          pageSize: PageSize
-        });
-        var qs = '';
+          if (sortParsed === undefined) {
+            var defaultSortValue = Ctx.registry.getDefaultSortValue(Ctx.context['@type']);
+            sortParsed = parser("_sort_" + defaultSortValue.direction + "=" + defaultSortValue.key);
+          }
 
-        if (search || type || resultQueryParams.length > 0) {
-          var _searchParsed, _typeParsed, _sortParsed;
+          var qsParsed = Ctx.client.getQueryParamsSearchFunction(fnName)({
+            path: Ctx.path,
+            start: page * PageSize,
+            pageSize: PageSize
+          });
+          var qs = '';
 
-          qs = buildQs([].concat(qsParsed, (_searchParsed = searchParsed) != null ? _searchParsed : [], (_typeParsed = typeParsed) != null ? _typeParsed : [], (_sortParsed = sortParsed) != null ? _sortParsed : [], resultQueryParams));
-        } else {
-          var _sortParsed2;
+          if (search || type || resultQueryParams.length > 0) {
+            var _searchParsed, _typeParsed, _sortParsed;
 
-          qs = buildQs([].concat(qsParsed, (_sortParsed2 = sortParsed) != null ? _sortParsed2 : []));
-        }
+            qs = buildQs([].concat(qsParsed, (_searchParsed = searchParsed) != null ? _searchParsed : [], (_typeParsed = typeParsed) != null ? _typeParsed : [], (_sortParsed = sortParsed) != null ? _sortParsed : [], resultQueryParams));
+          } else {
+            var _sortParsed2;
 
-        var signal = controller.signal;
-        return Promise.resolve(Ctx.client.search(Ctx.path, qs, false, false, {
-          signal: signal
-        })).then(function (data) {
-          setState({
-            items: data.member,
-            loading: false,
-            total: data.items_count
+            qs = buildQs([].concat(qsParsed, (_sortParsed2 = sortParsed) != null ? _sortParsed2 : []));
+          }
+
+          var signal = controller.signal;
+          return Promise.resolve(Ctx.client.search(Ctx.path, qs, false, false, signal)).then(function (data) {
+            setState({
+              items: data.items,
+              loading: false,
+              total: data.items_count
+            });
           });
-        });
-      } catch (e) {
-        Promise.reject(e);
-      }
+        } catch (e) {
+          return Promise.reject(e);
+        }
+      };
 
+      getData();
       return function () {
         controller.abort();
       };
@@ -7381,12 +7673,14 @@
           var _filter$values;
 
           if (filter.type === 'select' && ((_filter$values = filter.values) != null ? _filter$values : []).length > 0) {
+            var _filter$values2;
+
             return jsxRuntime.jsx(Select, {
               id: filter.attribute_key,
               placeholder: filter.label,
               appendDefault: true,
               classWrap: "is-size-7 is-fullwidth",
-              options: filter.values,
+              options: (_filter$values2 = filter.values) != null ? _filter$values2 : [],
               value: location.get(filter.attribute_key) || '',
               dataTest: "filterInput" + filter.attribute_key,
               onChange: function onChange(value) {
@@ -7453,7 +7747,7 @@
             var filterData = location.get(filter.attribute_key);
 
             if (filterData) {
-              var _filter$values2;
+              var _filter$values3;
 
               if (filter.type === 'select' && filter.vocabulary) {
                 return jsxRuntime.jsx("div", {
@@ -7462,7 +7756,7 @@
                     vocabularyName: filter == null ? void 0 : filter.vocabulary
                   })
                 }, filter.attribute_key);
-              } else if (filter.type === 'select' && ((_filter$values2 = filter.values) != null ? _filter$values2 : []).length > 0) {
+              } else if (filter.type === 'select' && ((_filter$values3 = filter.values) != null ? _filter$values3 : []).length > 0) {
                 return jsxRuntime.jsx("div", {
                   children: jsxRuntime.jsx(SearchOptionsLabels, {
                     query: filter.attribute_key,
@@ -7508,7 +7802,7 @@
                   className: "has-text-info is-flex is-align-items-center",
                   children: [jsxRuntime.jsx("span", {
                     children: column.label
-                  }), getIcon(column.key, column.isSortable)]
+                  }), getIcon(column.key, !!column.isSortable)]
                 })
               }, "table-col-" + column.label);
             }), jsxRuntime.jsx("th", {
@@ -7519,7 +7813,7 @@
           children: [items && items.map(function (item) {
             return jsxRuntime.jsx(RItem, {
               item: item,
-              search: search,
+              search: search != null ? search : '',
               columns: columns
             }, item['@uid']);
           }), items && items.length === 0 && jsxRuntime.jsx("tr", {
@@ -7543,17 +7837,19 @@
   }
 
   function BehaviorsView(_ref) {
+    var _context$__behaviors_;
+
     var context = _ref.context,
         schema = _ref.schema;
     var Ctx = useTraversal();
     var getBehavior = Ctx.registry.getBehavior;
-    var behaviors = [].concat(context.__behaviors__, context['@static_behaviors']);
+    var behaviors = [].concat((_context$__behaviors_ = context.__behaviors__) != null ? _context$__behaviors_ : [], Object(context['@static_behaviors']));
 
-    var GetBehavior = function GetBehavior(b) {
-      var Cls = getBehavior(b, BehaviorNotImplemented);
+    var GetBehavior = function GetBehavior(behaviorName) {
+      var Cls = getBehavior(behaviorName, BehaviorNotImplemented);
       return jsxRuntime.jsx(Cls, {
-        values: context[b],
-        properties: get$1(schema, ['definitions', b, 'properties'], {})
+        values: context[behaviorName],
+        properties: get(schema, ['definitions', behaviorName, 'properties'], {})
       });
     };
 
@@ -7649,9 +7945,11 @@
     var properties = Object.keys((schema == null ? void 0 : (_schema$data = schema.data) == null ? void 0 : _schema$data.properties) || []).filter(function (key) {
       return !ignoreFields.includes(key);
     }).map(function (key) {
+      var _schema$data2;
+
       return {
         key: key,
-        value: schema.data.properties[key]
+        value: schema == null ? void 0 : (_schema$data2 = schema.data) == null ? void 0 : _schema$data2.properties[key]
       };
     });
     React.useEffect(function () {
@@ -7663,7 +7961,7 @@
                 setSchema({
                   loading: true
                 });
-                return Promise.resolve(Ctx.client.getTypeSchema(Ctx.path, model.type)).then(function (dataJson) {
+                return Promise.resolve(Ctx.client.getTypeSchema(Ctx.path, Ctx.context.type_name)).then(function (dataJson) {
                   setSchema({
                     loading: false,
                     data: dataJson
@@ -7738,7 +8036,7 @@
                   }), jsxRuntime.jsx("td", {
                     children: jsxRuntime.jsx(EditableField, {
                       field: prop,
-                      value: Ctx.context[prop],
+                      value: get(Ctx.context, prop, ''),
                       modifyContent: false
                     })
                   })]
@@ -7762,7 +8060,7 @@
               })
             }), jsxRuntime.jsx("tbody", {
               children: properties.map(function (_ref) {
-                var _schema$data$required, _schema$data2;
+                var _schema$data$required, _schema$data3;
 
                 var key = _ref.key,
                     value = _ref.value;
@@ -7775,10 +8073,10 @@
                   }), jsxRuntime.jsx("td", {
                     children: jsxRuntime.jsx(EditableField, {
                       field: key,
-                      value: Ctx.context[key],
+                      value: get(Ctx.context, key, ''),
                       schema: value,
                       modifyContent: modifyContent,
-                      required: ((_schema$data$required = (_schema$data2 = schema.data) == null ? void 0 : _schema$data2.required) != null ? _schema$data$required : []).includes(key)
+                      required: ((_schema$data$required = (_schema$data3 = schema.data) == null ? void 0 : _schema$data3.required) != null ? _schema$data$required : []).includes(key)
                     })
                   })]
                 }, 'prop' + key);
@@ -7814,14 +8112,6 @@
         state = _useSetState[0],
         setState = _useSetState[1];
 
-    var getMultiples = function getMultiples(field, setter) {
-      return function (values) {
-        var _setter;
-
-        setter((_setter = {}, _setter[field] = values, _setter));
-      };
-    };
-
     var savePermission = function savePermission() {
       try {
         if (!state.principal || !state.setting || state.permission.length === 0) {
@@ -7871,7 +8161,7 @@
           children: intl.formatMessage(genericMessages.select_principal)
         }), jsxRuntime.jsx(Select, {
           appendDefault: true,
-          options: principals,
+          options: principals != null ? principals : [],
           onChange: function onChange(value) {
             return setState({
               principal: value
@@ -7885,8 +8175,12 @@
           className: "label",
           children: intl.formatMessage(genericMessages.select_permissions)
         }), jsxRuntime.jsx(Select, {
-          options: permissions,
-          onChange: getMultiples('permission', setState),
+          options: permissions != null ? permissions : [],
+          onChange: function onChange(values) {
+            setState({
+              permission: values
+            });
+          },
           size: 5,
           multiple: true,
           dataTest: "selectPermissionsTest"
@@ -7937,14 +8231,6 @@
         state = _useSetState[0],
         setState = _useSetState[1];
 
-    var getMultiples = function getMultiples(field, setter) {
-      return function (values) {
-        var _setter;
-
-        setter((_setter = {}, _setter[field] = values, _setter));
-      };
-    };
-
     var savePermission = function savePermission() {
       try {
         if (!state.principal || !state.setting || state.roles.length === 0) {
@@ -7994,7 +8280,7 @@
           children: intl.formatMessage(genericMessages.select_principal)
         }), jsxRuntime.jsx(Select, {
           appendDefault: true,
-          options: principals,
+          options: principals != null ? principals : [],
           onChange: function onChange(value) {
             return setState({
               principal: value
@@ -8009,7 +8295,11 @@
           children: intl.formatMessage(genericMessages.select_role)
         }), jsxRuntime.jsx(Select, {
           options: roles,
-          onChange: getMultiples('roles', setState),
+          onChange: function onChange(values) {
+            setState({
+              roles: values
+            });
+          },
           size: 5,
           multiple: true,
           dataTest: "selectRoleTest"
@@ -8060,14 +8350,6 @@
         state = _useSetState[0],
         setState = _useSetState[1];
 
-    var getMultiples = function getMultiples(field, setter) {
-      return function (values) {
-        var _setter;
-
-        setter((_setter = {}, _setter[field] = values, _setter));
-      };
-    };
-
     var savePermission = function savePermission() {
       try {
         if (!state.role || !state.setting || state.permission.length === 0) {
@@ -8131,8 +8413,12 @@
           className: "label",
           children: intl.formatMessage(genericMessages.select_permissions)
         }), jsxRuntime.jsx(Select, {
-          options: permissions,
-          onChange: getMultiples('permission', setState),
+          options: permissions != null ? permissions : [],
+          onChange: function onChange(values) {
+            setState({
+              permission: values
+            });
+          },
           dataTest: "selectPermissionsTest",
           size: 5,
           multiple: true
@@ -8265,7 +8551,18 @@
     React.useEffect(function () {
       get('@sharing');
     }, [reset]);
-    var perms = new Sharing(result);
+    var perms = React.useMemo(function () {
+      if (result) {
+        return new Sharing(result);
+      }
+
+      return null;
+    }, [result]);
+
+    if (perms === null) {
+      return null;
+    }
+
     return jsxRuntime.jsxs("div", {
       className: "columns",
       children: [!loading && jsxRuntime.jsxs("div", {
@@ -8423,14 +8720,14 @@
             return Promise.resolve(Ctx.client.getPrincipals(Ctx.path)).then(function (principalsData) {
               var groups = principalsData.groups.map(function (group) {
                 return {
-                  text: group.id,
-                  value: group.id
+                  text: group['@name'],
+                  value: group['@name']
                 };
               });
               var users = principalsData.users.map(function (user) {
                 return {
-                  text: user.fullname || user.id,
-                  value: user.id
+                  text: user.fullname || user['@name'],
+                  value: user['@name']
                 };
               });
               principals = [].concat(groups, users);
@@ -8501,18 +8798,6 @@
       text: "Add " + title
     };
     if (items.length === 0) return [];
-
-    if (items[0] && typeof items[0] === 'string') {
-      return [def].concat(items.map(function (x) {
-        return {
-          value: x,
-          text: x
-        };
-      })).filter(function (item) {
-        return !already.includes(item.value);
-      });
-    }
-
     return [def].concat(items).filter(function (item) {
       return !already.includes(item.value);
     });
@@ -8525,7 +8810,7 @@
         noData = _ref.noData,
         onChange = _ref.onChange,
         loading = _ref.loading;
-    var selectRef = React.useRef();
+    var selectRef = React.useRef(null);
 
     var _useState = React.useState(items),
         result = _useState[0],
@@ -8573,7 +8858,7 @@
             marginBottom: '20px'
           },
           children: noData
-        }), available.length > 1 && jsxRuntime.jsx("li", {
+        }), (available != null ? available : []).length > 1 && jsxRuntime.jsx("li", {
           className: "widget-list-add select is-small",
           children: jsxRuntime.jsx(Select, {
             options: availableData,
@@ -8591,13 +8876,13 @@
     });
   }
 
-  var initialState$3 = {
-    types: undefined
+  var initialState$4 = {
+    types: []
   };
   function CreateButton() {
     var intl = reactIntl.useIntl();
 
-    var _useSetState = useSetState(initialState$3),
+    var _useSetState = useSetState(initialState$4),
         state = _useSetState[0],
         setState = _useSetState[1];
 
@@ -8645,7 +8930,8 @@
 
     if (state.types && state.types.length === 0) {
       return null;
-    }
+    } // Implement some kind of filtering
+
 
     return jsxRuntime.jsx(Dropdown, {
       id: "dropdown-menu",
@@ -8684,7 +8970,7 @@
     var AddButton = _ref.AddButton;
     var intl = reactIntl.useIntl();
 
-    var _useSetState2 = useSetState(initialState$3),
+    var _useSetState2 = useSetState(initialState$4),
         state = _useSetState2[0],
         setState = _useSetState2[1];
 
@@ -8695,7 +8981,7 @@
 
     var traversal = useTraversal();
     var Config = useConfig();
-    var searchText = location.get('q');
+    var searchText = location.get('q') || '';
 
     var _useState = React.useState(searchText || ''),
         searchValue = _useState[0],
@@ -8708,14 +8994,13 @@
       setSearchValue(searchText);
     }, [searchText]);
 
-    var onSearchQuery = function onSearchQuery(ev) {
-      var search = ev.target[0].value;
+    var onSearchQuery = function onSearchQuery(event) {
+      event.preventDefault();
       setLocation({
-        q: search,
+        q: event.currentTarget.elements.filterInput.value,
         tab: 'Items',
         page: 0
       });
-      ev.preventDefault();
     };
 
     var onSearchByType = function onSearchByType(typeText) {
@@ -8749,7 +9034,8 @@
                 type: "text",
                 className: "input is-size-7",
                 placeholder: intl.formatMessage(genericMessages.search),
-                "data-test": "inputFilterTest"
+                "data-test": "inputFilterTest",
+                id: "filterInput"
               })
             }), jsxRuntime.jsx("div", {
               className: "control",
@@ -8776,7 +9062,9 @@
               value: item
             };
           }),
-          onChange: onSearchByType
+          onChange: function onChange(value) {
+            return onSearchByType(value);
+          }
         })
       }), traversal.hasPerm('guillotina.AddContent') && jsxRuntime.jsx("div", {
         className: "level-item",
@@ -8817,11 +9105,11 @@
         location = _useLocation[0],
         setLocation = _useLocation[1];
 
-    if (location.get('tab')) {
-      currentTab = location.get('tab');
-    } else {
-      currentTab = currentTab || Object.keys(tabs)[0];
-    }
+    currentTab = location.get('tab') || Object.keys(tabs)[0];
+    /*if (!Object.keys(tabs).includes(currentTab)) {
+      setLocation(defaultTab)
+      currentTab = defaultTab
+    }*/
 
     var _useState = React.useState(currentTab),
         current = _useState[0],
@@ -8830,7 +9118,7 @@
     var CurrentComp = tabs[current] || fallback;
     React__default['default'].useEffect(function () {
       if (Object.keys(tabs).includes(currentTab)) {
-        setTab(currentTab);
+        setTab(currentTab); // setLocation({tab: currentTab})
       }
     }, [currentTab, tabs]);
 
@@ -8889,14 +9177,14 @@
     Behaviors: 'guillotina.ModifyContent',
     Permissions: 'guillotina.SeePermissions'
   };
-  function FolderCtx(props) {
+  function FolderCtx() {
     var ctx = useTraversal();
     var calculated = ctx.filterTabs(tabs, tabsPermissions);
-    return jsxRuntime.jsx(TabsPanel, _extends({
+    return jsxRuntime.jsx(TabsPanel, {
       tabs: calculated,
       currentTab: "Items",
-      rightToolbar: jsxRuntime.jsx(ContextToolbar, _extends({}, props))
-    }, props));
+      rightToolbar: jsxRuntime.jsx(ContextToolbar, {})
+    });
   }
 
   var tabs$1 = {
@@ -8910,13 +9198,13 @@
     Behaviors: 'guillotina.ModifyContent',
     Permissions: 'guillotina.SeePermissions'
   };
-  function ItemCtx(props) {
+  function ItemCtx() {
     var ctx = useTraversal();
     var calculated = ctx.filterTabs(tabs$1, tabsPermissions$1);
-    return jsxRuntime.jsx(TabsPanel, _extends({
+    return jsxRuntime.jsx(TabsPanel, {
       tabs: calculated,
       currentTab: "Properties"
-    }, props));
+    });
   }
 
   function _catch$7(body, recover) {
@@ -8935,8 +9223,9 @@
 
   function ApplicationCtx() {
     var intl = reactIntl.useIntl();
-    var context = useTraversal();
-    var databases = context.state.context.databases;
+    var traversal = useTraversal();
+    var appContext = traversal.state.context;
+    var databases = appContext.databases;
     return jsxRuntime.jsxs(jsxRuntime.Fragment, {
       children: [jsxRuntime.jsx("h3", {
         children: intl.formatMessage({
@@ -8950,22 +9239,26 @@
         className: "container",
         children: [jsxRuntime.jsx(ItemTitle, {
           title: "Objects"
-        }), databases.map(function (db) {
-          return jsxRuntime.jsx(Item, {
-            item: {
-              id: db,
-              path: "/" + db + "/"
-            },
-            icon: 'fas fa-database'
-          }, db);
+        }), jsxRuntime.jsx("table", {
+          children: jsxRuntime.jsx("tbody", {
+            children: databases.map(function (db) {
+              return jsxRuntime.jsx(Item, {
+                item: {
+                  id: db,
+                  path: "/" + db + "/"
+                },
+                icon: 'fas fa-database'
+              }, db);
+            })
+          })
         })]
       })]
     });
   }
   function DatabaseCtx() {
-    var context = useTraversal();
-    var containers = context.state.context.containers;
-    var path = context.state.path;
+    var traversal = useTraversal();
+    var containers = traversal.state.context.containers;
+    var path = traversal.state.path;
     return jsxRuntime.jsx(jsxRuntime.Fragment, {
       children: jsxRuntime.jsxs("div", {
         className: "container",
@@ -9253,17 +9546,17 @@
 
     var searchText = location.get('q');
 
-    var onSearchQuery = function onSearchQuery(ev) {
-      var search = ev.target[0].value;
+    var onSearchQuery = function onSearchQuery(event) {
+      event.preventDefault();
       setLocation({
-        q: search,
+        q: event.currentTarget.elements.filterInput.value,
         page: 0
       });
-      ev.preventDefault();
-    };
+    }; // cleanup form on state.search change
+
 
     React.useEffect(function () {
-      if (!searchText || searchText === '') {
+      if (ref.current && (!searchText || searchText === '')) {
         ref.current.value = '';
       }
     }, [searchText]);
@@ -9283,7 +9576,8 @@
                 type: "text",
                 className: "input is-size-7",
                 placeholder: intl.formatMessage(genericMessages.search),
-                "data-test": "inputFilterTest"
+                "data-test": "inputFilterTest",
+                id: "filterInput"
               })
             }), jsxRuntime.jsx("div", {
               className: "control",
@@ -9315,12 +9609,12 @@
       })]
     });
   }
-  function UsersCtx(props) {
-    return jsxRuntime.jsx(TabsPanel, _extends({
+  function UsersCtx() {
+    return jsxRuntime.jsx(TabsPanel, {
       tabs: tabs$3,
       currentTab: "Users",
       rightToolbar: jsxRuntime.jsx(UsersToolbar, {})
-    }, props));
+    });
   }
   function UserCtx() {
     var intl = reactIntl.useIntl();
@@ -9337,9 +9631,10 @@
         state = _useState[0],
         setState = _useState[1];
 
+    var userDataContext = Ctx.context;
     var fields = {
       user_groups: [],
-      user_roles: Ctx.context.user_roles
+      user_roles: userDataContext.user_roles
     };
 
     var _useRemoteField = useRemoteField(fields),
@@ -9443,7 +9738,7 @@
                     "value": "Username"
                   }]
                 }), ":", ' ']
-              }), ' ', Ctx.context.username, " (", Ctx.context.email, ")"]
+              }), ' ', userDataContext.username, " (", userDataContext.email, ")"]
             }), jsxRuntime.jsxs("p", {
               children: [jsxRuntime.jsxs("label", {
                 children: [' ', intl.formatMessage({
@@ -9453,7 +9748,7 @@
                     "value": "Creation Date"
                   }]
                 }), ":", ' ']
-              }), ' ', formatDate(Ctx.context.creation_date)]
+              }), ' ', formatDate(userDataContext.creation_date)]
             }), jsxRuntime.jsxs("p", {
               children: [jsxRuntime.jsxs("label", {
                 children: [' ', intl.formatMessage({
@@ -9463,7 +9758,7 @@
                     "value": "Modification Date"
                   }]
                 }), ":", ' ']
-              }), ' ', formatDate(Ctx.context.modification_date)]
+              }), ' ', formatDate(userDataContext.modification_date)]
             }), jsxRuntime.jsx(Button, {
               className: "is-size-7 is-info",
               onClick: function onClick() {
@@ -9482,7 +9777,7 @@
             onSubmit: function onSubmit(ev) {
               return updateObject(ev);
             },
-            formData: Ctx.context,
+            formData: userDataContext,
             exclude: ['password'],
             remotes: remotes,
             submitButton: false,
@@ -9496,7 +9791,7 @@
           className: "column",
           children: [jsxRuntime.jsx(TagsWidget, {
             onChange: updateRemote('user_groups'),
-            items: Ctx.context.user_groups,
+            items: userDataContext.user_groups,
             title: "Groups",
             noData: intl.formatMessage({
               id: "there_is_no_groups_for_this_user",
@@ -9517,7 +9812,12 @@
                 "value": "The user doesn't have any role"
               }]
             }),
-            available: state.roles
+            available: state.roles.map(function (x) {
+              return {
+                value: x,
+                text: x
+              };
+            })
           })]
         })]
       })]
@@ -9533,7 +9833,7 @@
       try {
         return Promise.resolve(Promise.all(items.map(function (item, i) {
           var input = form[i + 1] || {};
-          return Ctx.client.post("" + Ctx.path + item['@name'] + "/@duplicate", {
+          return Ctx.client.post("" + Ctx.path + item.id + "/@duplicate", {
             destination: path,
             new_id: input.value || getNewId(item.id)
           });
@@ -9579,7 +9879,7 @@
           }), jsxRuntime.jsx("input", {
             type: "text",
             className: "input",
-            "data-test": "inputCopyIdTest-" + item['@name'],
+            "data-test": "inputCopyIdTest-" + item.id,
             defaultValue: getNewId(item.id)
           })]
         }, item.id);
@@ -9652,9 +9952,9 @@
     var moveItems = function moveItems(path) {
       try {
         return Promise.resolve(Promise.all(items.map(function (item) {
-          return Ctx.client.post("" + Ctx.path + item['@name'] + "/@move", {
+          return Ctx.client.post("" + Ctx.path + item.id + "/@move", {
             destination: path,
-            new_id: item['@name']
+            new_id: item.id
           });
         }))).then(function (responses) {
           Ctx.refresh();
@@ -9991,17 +10291,17 @@
 
     var searchText = location.get('q');
 
-    var onSearchQuery = function onSearchQuery(ev) {
-      var search = ev.target[0].value;
+    var onSearchQuery = function onSearchQuery(event) {
+      event.preventDefault();
       setLocation({
-        q: search,
+        q: event.currentTarget.elements.filterInput.value,
         page: 0
       });
-      ev.preventDefault();
-    };
+    }; // cleanup form on state.search change
+
 
     React.useEffect(function () {
-      if (!searchText || searchText === '') {
+      if (ref.current && (!searchText || searchText === '')) {
         ref.current.value = '';
       }
     }, [searchText]);
@@ -10021,7 +10321,8 @@
                 type: "text",
                 className: "input is-size-7",
                 placeholder: intl.formatMessage(genericMessages.search),
-                "data-test": "inputFilterTest"
+                "data-test": "inputFilterTest",
+                id: "filterInput"
               })
             }), jsxRuntime.jsx("div", {
               className: "control",
@@ -10059,12 +10360,12 @@
       })]
     });
   }
-  function GroupsCtx(props) {
-    return jsxRuntime.jsx(TabsPanel, _extends({
+  function GroupsCtx() {
+    return jsxRuntime.jsx(TabsPanel, {
       tabs: tabs$4,
       currentTab: "Groups",
       rightToolbar: jsxRuntime.jsx(GroupToolbar, {})
-    }, props));
+    });
   }
   var sortParsed = parser("_sort_asc=id");
   var searchParsed = parser('type_name=User');
@@ -10079,6 +10380,7 @@
         roles = _useState[0],
         setRoles = _useState[1];
 
+    var groupDataContext = Ctx.context;
     React.useEffect(function () {
       var getRoles = function getRoles() {
         try {
@@ -10132,11 +10434,11 @@
     var addRole = function addRole(role) {
       try {
         return Promise.resolve(patch({
-          user_roles: Ctx.context.user_roles.concat(role)
+          user_roles: groupDataContext.user_roles.concat(role)
         })).then(function (_ref) {
           var isError = _ref.isError,
               errorMessage = _ref.errorMessage;
-          handleResponse(isError, intl.formatMessage({
+          handleResponse(!!isError, intl.formatMessage({
             id: "role_added_to_group",
             defaultMessage: [{
               "type": 0,
@@ -10150,7 +10452,7 @@
             }]
           }, {
             role: role
-          }), errorMessage);
+          }), errorMessage != null ? errorMessage : '');
         });
       } catch (e) {
         return Promise.reject(e);
@@ -10160,13 +10462,13 @@
     var removeRole = function removeRole(role) {
       try {
         return Promise.resolve(patch({
-          user_roles: Ctx.context.user_roles.filter(function (r) {
+          user_roles: groupDataContext.user_roles.filter(function (r) {
             return r !== role;
           })
         })).then(function (_ref2) {
           var isError = _ref2.isError,
               errorMessage = _ref2.errorMessage;
-          handleResponse(isError, intl.formatMessage({
+          handleResponse(!!isError, intl.formatMessage({
             id: "role_removed_from_group",
             defaultMessage: [{
               "type": 0,
@@ -10180,7 +10482,7 @@
             }]
           }, {
             role: role
-          }), errorMessage);
+          }), errorMessage != null ? errorMessage : '');
         });
       } catch (e) {
         return Promise.reject(e);
@@ -10190,30 +10492,32 @@
     var addUser = function addUser(newUserId) {
       try {
         var data = {};
-        Ctx.context.users.forEach(function (user) {
+        groupDataContext.users.forEach(function (user) {
           data[user] = true;
         });
         data[newUserId] = true;
         return Promise.resolve(Ctx.client.rest.patch(Ctx.containerPath + "@groups/" + Ctx.context['@name'], {
           users: data
-        })).then(function (_ref3) {
-          var isError = _ref3.isError,
-              errorMessage = _ref3.errorMessage;
-          handleResponse(isError, intl.formatMessage({
-            id: "user_added_to_group",
-            defaultMessage: [{
-              "type": 0,
-              "value": "User "
-            }, {
-              "type": 1,
-              "value": "user"
+        })).then(function (response) {
+          return Promise.resolve(processResponse(response)).then(function (_ref3) {
+            var isError = _ref3.isError,
+                errorMessage = _ref3.errorMessage;
+            handleResponse(isError, intl.formatMessage({
+              id: "user_added_to_group",
+              defaultMessage: [{
+                "type": 0,
+                "value": "User "
+              }, {
+                "type": 1,
+                "value": "user"
+              }, {
+                "type": 0,
+                "value": " added to group"
+              }]
             }, {
-              "type": 0,
-              "value": " added to group"
-            }]
-          }, {
-            user: newUserId
-          }), errorMessage);
+              user: newUserId
+            }), errorMessage != null ? errorMessage : '');
+          });
         });
       } catch (e) {
         return Promise.reject(e);
@@ -10223,29 +10527,31 @@
     var removeUser = function removeUser(userToRemove) {
       try {
         var data = {};
-        Ctx.context.users.forEach(function (user) {
+        groupDataContext.users.forEach(function (user) {
           data[user] = userToRemove !== user;
         });
         return Promise.resolve(Ctx.client.rest.patch(Ctx.containerPath + "@groups/" + Ctx.context['@name'], {
           users: data
-        })).then(function (_ref4) {
-          var isError = _ref4.isError,
-              errorMessage = _ref4.errorMessage;
-          handleResponse(isError, intl.formatMessage({
-            id: "user_removed_from_group",
-            defaultMessage: [{
-              "type": 0,
-              "value": "User "
-            }, {
-              "type": 1,
-              "value": "user"
+        })).then(function (response) {
+          return Promise.resolve(processResponse(response)).then(function (_ref4) {
+            var isError = _ref4.isError,
+                errorMessage = _ref4.errorMessage;
+            handleResponse(isError, intl.formatMessage({
+              id: "user_removed_from_group",
+              defaultMessage: [{
+                "type": 0,
+                "value": "User "
+              }, {
+                "type": 1,
+                "value": "user"
+              }, {
+                "type": 0,
+                "value": " removed from group"
+              }]
             }, {
-              "type": 0,
-              "value": " removed from group"
-            }]
-          }, {
-            user: userToRemove
-          }), errorMessage);
+              user: userToRemove
+            }), errorMessage != null ? errorMessage : '');
+          });
         });
       } catch (e) {
         return Promise.reject(e);
@@ -10300,11 +10606,13 @@
             })
           }), jsxRuntime.jsx(Select, {
             options: roles.filter(function (role) {
-              return !Ctx.context.user_roles.includes(role.value);
+              return !groupDataContext.user_roles.includes(role.value);
             }),
             appendDefault: true,
-            onChange: addRole
-          }), jsxRuntime.jsx("hr", {}), Ctx.context.user_roles.map(function (urole) {
+            onChange: function onChange(value) {
+              return addRole(value);
+            }
+          }), jsxRuntime.jsx("hr", {}), groupDataContext.user_roles.map(function (urole) {
             return jsxRuntime.jsx("p", {
               className: "control",
               children: jsxRuntime.jsx(Tag, {
@@ -10336,7 +10644,7 @@
             traversal: Ctx,
             onChange: addUser,
             btnClass: "is-small"
-          }), jsxRuntime.jsx("hr", {}), Ctx.context.users.map(function (user) {
+          }), jsxRuntime.jsx("hr", {}), groupDataContext.users.map(function (user) {
             return jsxRuntime.jsx("p", {
               className: "control",
               children: jsxRuntime.jsx(Tag, {
@@ -10485,7 +10793,7 @@
     var links = buildPaths(segments);
 
     if (segments.length === 1) {
-      return false;
+      return null;
     }
 
     return jsxRuntime.jsx("nav", {
@@ -10619,11 +10927,13 @@
       fallback = undefined;
     }
 
-    if (!context) return;
+    if (!context) return; // console.log("Component for path", path)
+    // lookup by path
 
     if (registry.paths[path]) {
       return registry.paths[path];
-    }
+    } // by type
+
 
     if (registry.views[context['@type']]) {
       return registry.views[context['@type']];
@@ -10646,19 +10956,15 @@
     return undefined;
   };
 
-  var getForm = function getForm(type, fallback) {
-    if (fallback === void 0) {
-      fallback = BaseForm;
-    }
+  var getView = function getView(name) {
+    return registry.views[name];
+  };
 
-    return registry.forms[type] || fallback;
+  var getForm = function getForm(type, fallback) {
+    return registry.forms[type] || fallback || BaseForm;
   };
 
   var getAction = function getAction(type, fallback) {
-    if (fallback === void 0) {
-      fallback = undefined;
-    }
-
     return registry.actions[type] || fallback;
   };
 
@@ -10675,10 +10981,21 @@
   };
 
   var getFieldsToFilter = function getFieldsToFilter(type, fallback) {
+    if (fallback === void 0) {
+      fallback = ['title'];
+    }
+
     return registry.fieldsToFilter[type] || fallback;
   };
 
   var getDefaultSortValue = function getDefaultSortValue(type, fallback) {
+    if (fallback === void 0) {
+      fallback = {
+        key: 'id',
+        direction: 'des'
+      };
+    }
+
     return registry.defaultSortValue[type] || fallback;
   };
 
@@ -10686,12 +11003,14 @@
     return context.is_folderish ? FolderCtx : ItemCtx;
   };
   function useRegistry(data) {
+    // if data is provided we need to merge it into actual registry
     var ref = React__default['default'].useRef();
 
     if (data && !ref.current) {
       ref.current = true;
       Object.keys(data).map(function (key) {
-        return registry[key] = _extends({}, registry[key], data[key]);
+        var registryKey = key;
+        registry[registryKey] = _extends({}, registry[registryKey], data[registryKey]);
       });
     }
 
@@ -10706,86 +11025,26 @@
       getItemsColumn: getItemsColumn,
       getFieldsToFilter: getFieldsToFilter,
       getDefaultSortValue: getDefaultSortValue,
-      getSchemas: getSchemas
+      getSchemas: getSchemas,
+      getView: getView
     };
   }
+  /*
 
-  var initialState$4 = {
-    path: '',
-    loading: false,
-    context: undefined,
-    flash: {
-      message: undefined,
-      type: undefined
-    },
-    action: {
-      action: undefined,
-      params: undefined
+  const registry = {
+    paths: {
+      "/db/guillotina/tags/": TagsContext
     },
-    permissions: undefined,
-    errorStatus: undefined,
-    registry: {},
-    refresh: undefined
-  };
-  function guillotinaReducer(state, action) {
-    switch (action.type) {
-      case 'SET_PATH':
-        return _extends({}, state, {
-          path: action.payload,
-          loading: true
-        });
-
-      case 'SET_CONTEXT':
-        return _extends({}, state, action.payload, {
-          errorStatus: undefined,
-          loading: false
-        });
-
-      case 'SET_ERROR':
-        return _extends({}, state, {
-          errorStatus: action.payload,
-          loading: false
-        });
-
-      case 'SET_FLASH':
-        return _extends({}, state, action.payload);
-
-      case 'CLEAR_FLASH':
-        return _extends({}, state, {
-          flash: {
-            message: undefined,
-            type: undefined
-          }
-        });
-
-      case 'SET_ACTION':
-        return _extends({}, state, {
-          action: action.payload
-        });
+    forms: {
+      Tag: AddTagForm
+    }
+  }
 
-      case 'CLEAR_ACTION':
-        return _extends({}, state, {
-          action: {
-            action: undefined,
-            params: undefined
-          }
-        });
 
-      case 'REFRESH':
-        return _extends({}, state, {
-          refresh: Date.now(),
-          loading: !action.payload.transparent
-        });
+  <guillotina registry={registry} />
 
-      case 'APPLY':
-        return _extends({}, state, {
-          context: _extends({}, state.context, action.payload)
-        });
 
-      default:
-        return state;
-    }
-  }
+  */
 
   var actions = [
   	{
@@ -13596,25 +13855,27 @@
         props = _objectWithoutPropertiesLoose(_ref, ["auth", "locale"]);
 
     var messages = loadLocaleData(locale);
-    var url = props.url || 'http://localhost:8080';
+    var url = props.url || 'http://localhost:8080'; // without trailing slash
+
     var config = props.config || {};
     var client = useGuillotinaClient();
 
     var _useConfig = useConfig(config),
         Permissions = _useConfig.Permissions;
 
-    var registry = useRegistry(props.registry || {});
+    var registry = useRegistry(props.registry); // Location is cooked routing solution (only uses search params)
 
     var _useLocation = useLocation(),
-        location = _useLocation[0];
+        location = _useLocation[0]; // if there is no path provided just go to root
+
 
     var searchPath = location.get('path') || '/';
 
     if (searchPath && searchPath !== '') {
-      initialState$4.path = searchPath;
+      initialState.path = searchPath;
     }
 
-    var _useReducer = React.useReducer(guillotinaReducer, initialState$4),
+    var _useReducer = React.useReducer(guillotinaReducer, initialState),
         state = _useReducer[0],
         dispatch = _useReducer[1];
 
@@ -13622,8 +13883,10 @@
         refresh = state.refresh;
     React.useEffect(function () {
       dispatch({
-        type: 'SET_PATH',
-        payload: searchPath
+        type: GuillotinaReducerActionTypes.SET_PATH,
+        payload: {
+          path: searchPath
+        }
       });
     }, [searchPath]);
     React.useEffect(function () {
@@ -13632,14 +13895,18 @@
           return Promise.resolve(client.getContext(path)).then(function (data) {
             if (data.status === 401) {
               dispatch({
-                type: 'SET_ERROR',
-                payload: 'notallowed'
+                type: GuillotinaReducerActionTypes.SET_ERROR,
+                payload: {
+                  errorStatus: 'notallowed'
+                }
               });
               return;
             } else if (data.status === 404) {
               dispatch({
-                type: 'SET_ERROR',
-                payload: 'notfound'
+                type: GuillotinaReducerActionTypes.SET_ERROR,
+                payload: {
+                  errorStatus: 'notallowed'
+                }
               });
               return;
             }
@@ -13648,7 +13915,7 @@
               return Promise.resolve(client.canido(path, Permissions)).then(function (pr) {
                 return Promise.resolve(pr.json()).then(function (permissions) {
                   dispatch({
-                    type: 'SET_CONTEXT',
+                    type: GuillotinaReducerActionTypes.SET_CONTEXT,
                     payload: {
                       context: context,
                       permissions: permissions
@@ -13665,9 +13932,9 @@
 
       initContext();
     }, [path, refresh, client]);
-    var ErrorBoundary = registry.get('views', 'ErrorBoundary');
-    var NotAllowed = registry.get('views', 'NotAllowed');
-    var NotFound = registry.get('views', 'NotFound');
+    var ErrorBoundary = registry.getView('ErrorBoundary');
+    var NotAllowed = registry.getView('NotAllowed');
+    var NotFound = registry.getView('NotFound');
     var Path = registry.get('components', 'Path');
     var contextData = {
       url: url,
@@ -13690,7 +13957,7 @@
       children: jsxRuntime.jsxs(ErrorBoundary, {
         children: [!errorStatus && jsxRuntime.jsx(TraversalProvider, _extends({}, contextData, {
           children: permissions && jsxRuntime.jsxs(React__default['default'].Fragment, {
-            children: [action.action && jsxRuntime.jsx(Action, _extends({}, action.params)), jsxRuntime.jsx("div", {
+            children: [action.action && Action !== null && jsxRuntime.jsx(Action, _extends({}, action.params)), jsxRuntime.jsx("div", {
               className: "level",
               children: jsxRuntime.jsx("div", {
                 className: "level-left",
@@ -13699,7 +13966,7 @@
                   children: jsxRuntime.jsx(Path, {})
                 })
               })
-            }), jsxRuntime.jsx(Flash, {}), Main && jsxRuntime.jsx(ErrorBoundary, {
+            }), jsxRuntime.jsx(Flash, {}), Main !== undefined && jsxRuntime.jsx(ErrorBoundary, {
               children: jsxRuntime.jsxs("div", {
                 className: "box main-panel",
                 children: [state.loading && jsxRuntime.jsx(Loading, {}), !state.loading && jsxRuntime.jsx(Main, {
@@ -13809,7 +14076,7 @@
   var initialState$5 = {
     username: '',
     password: '',
-    loading: undefined,
+    loading: false,
     errors: undefined
   };
   var Login = function Login(_ref) {
@@ -13825,7 +14092,7 @@
 
     var inputRef = React.useRef(null);
     React.useEffect(function () {
-      if (inputRef) {
+      if (inputRef && inputRef.current) {
         inputRef.current.focus();
       }
     }, [inputRef]);
@@ -14046,30 +14313,30 @@
       dataTest: dataTest,
       children: [schema && schema.data && !schema.loading && schema.formFields.map(function (key) {
         if (!ignoreFiels.includes(key)) {
-          var _value$title;
+          var _schema$data, _value$title, _schema$data2;
 
-          var value = schema.data.properties[key];
+          var value = (_schema$data = schema.data) == null ? void 0 : _schema$data.properties[key];
           return jsxRuntime.jsx(EditComponent, {
             id: key,
             placeholder: (_value$title = value == null ? void 0 : value.title) != null ? _value$title : '',
             className: "",
             required: true,
-            schema: schema.data.properties[key],
-            setValue: function setValue(ev) {
+            schema: (_schema$data2 = schema.data) == null ? void 0 : _schema$data2.properties[key],
+            setValue: function setValue(value) {
               if (key === 'title') {
                 var _extends2;
 
                 setFormData(_extends({}, formData, (_extends2 = {
-                  uuid: stringToSlug(ev)
-                }, _extends2[key] = ev, _extends2)));
+                  uuid: stringToSlug(value)
+                }, _extends2[key] = value, _extends2)));
               } else if (key === 'uuid') {
                 setFormData(_extends({}, formData, {
-                  uuid: stringToSlug(ev)
+                  uuid: stringToSlug(value)
                 }));
               } else {
                 var _extends3;
 
-                setFormData(_extends({}, formData, (_extends3 = {}, _extends3[key] = ev, _extends3)));
+                setFormData(_extends({}, formData, (_extends3 = {}, _extends3[key] = value, _extends3)));
               }
             },
             error: errors[key],
@@ -14200,6 +14467,7 @@
           method: 'post'
         })).then(function (data) {
           if (data.status === 401) {
+            // invalid token
             _this4.cleanAuth();
 
             _this4.logout();
@@ -14262,7 +14530,7 @@
 
       if (!authToken) return {};
 
-      if (this.willExpire(expires) && this.retryRefresh < this.maxRetry) {
+      if (this.willExpire(expires != null ? expires : '') && this.retryRefresh < this.maxRetry) {
 
         (function () {
           try {
@@ -14320,6 +14588,13 @@
     return Auth;
   }();
 
+  (function (Setting) {
+    Setting["Allow"] = "Allow";
+    Setting["AllowSingle"] = "AllowSingle";
+    Setting["Deny"] = "Deny";
+    Setting["Unset"] = "Unset";
+  })(exports.Setting || (exports.Setting = {}));
+
   exports.AddItem = AddItem;
   exports.AddPermission = AddPermission;
   exports.AllItemsCheckbox = AllItemsCheckbox;
@@ -14333,7 +14608,6 @@
   exports.Checkbox = Checkbox;
   exports.ClientContext = ClientContext;
   exports.ClientProvider = ClientProvider;
-  exports.Config = Config;
   exports.Confirm = Confirm;
   exports.ContainerCtx = ContainerCtx;
   exports.ContextToolbar = ContextToolbar;
@@ -14431,12 +14705,14 @@
   exports.base64ToArrayBuffer = base64ToArrayBuffer;
   exports.buildQs = buildQs;
   exports.classnames = classnames;
+  exports.debounce = debounce;
   exports.defaultComponent = defaultComponent;
+  exports.defaultConfig = defaultConfig;
   exports.formatDate = formatDate;
   exports.generateUID = generateUID;
   exports.genericFileMessages = genericFileMessages;
   exports.genericMessages = genericMessages;
-  exports.get = get$1;
+  exports.get = get;
   exports.getActionsObject = getActionsObject;
   exports.getClient = getClient;
   exports.getNewId = getNewId;