@panneau/core 0.6.70-alpha.0 → 0.6.73

package/lib/components/pages/ResourceIndex.js

@@ -1,9 +1,9 @@
 "use strict";
 
-var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard");
-
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
 
+var _typeof = require("@babel/runtime/helpers/typeof");
+
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
@@ -17,10 +17,10 @@ var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/h
 
 var _classCallCheck2 = _interopRequireDefault(require("@babel/runtime/helpers/classCallCheck"));
 
-var _assertThisInitialized2 = _interopRequireDefault(require("@babel/runtime/helpers/assertThisInitialized"));
-
 var _createClass2 = _interopRequireDefault(require("@babel/runtime/helpers/createClass"));
 
+var _assertThisInitialized2 = _interopRequireDefault(require("@babel/runtime/helpers/assertThisInitialized"));
+
 var _inherits2 = _interopRequireDefault(require("@babel/runtime/helpers/inherits"));
 
 var _possibleConstructorReturn2 = _interopRequireDefault(require("@babel/runtime/helpers/possibleConstructorReturn"));
@@ -53,9 +53,16 @@ var _withResourceApi = _interopRequireDefault(require("../../lib/withResourceApi
 
 var _withListsCollection = _interopRequireDefault(require("../../lib/withListsCollection"));
 
-function _createSuper(Derived) { return function () { var Super = (0, _getPrototypeOf2["default"])(Derived), result; if (_isNativeReflectConstruct()) { var NewTarget = (0, _getPrototypeOf2["default"])(this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return (0, _possibleConstructorReturn2["default"])(this, result); }; }
+var _excluded = ["data"],
+    _excluded2 = ["type"];
+
+function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
+
+function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return { "default": obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj["default"] = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
 
-function _isNativeReflectConstruct() { if (typeof Reflect === "undefined" || !Reflect.construct) return false; if (Reflect.construct.sham) return false; if (typeof Proxy === "function") return true; try { Date.prototype.toString.call(Reflect.construct(Date, [], function () {})); return true; } catch (e) { return false; } }
+function _createSuper(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct(); return function _createSuperInternal() { var Super = (0, _getPrototypeOf2["default"])(Derived), result; if (hasNativeReflectConstruct) { var NewTarget = (0, _getPrototypeOf2["default"])(this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return (0, _possibleConstructorReturn2["default"])(this, result); }; }
+
+function _isNativeReflectConstruct() { if (typeof Reflect === "undefined" || !Reflect.construct) return false; if (Reflect.construct.sham) return false; if (typeof Proxy === "function") return true; try { Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); return true; } catch (e) { return false; } }
 
 var styles = {
   "container": "panneau-core-resource-index-container",
@@ -65,6 +72,9 @@ var styles = {
   "listContainer": "panneau-core-resource-index-listContainer",
   "list": "panneau-core-resource-index-list",
   "filters": "panneau-core-resource-index-filters",
+  "search": "panneau-core-resource-index-search",
+  "searchInput": "panneau-core-resource-index-searchInput",
+  "searchClose": "panneau-core-resource-index-searchClose",
   "loading": "panneau-core-resource-index-loading",
   "inner": "panneau-core-resource-index-inner",
   "middle": "panneau-core-resource-index-middle",
@@ -137,34 +147,6 @@ var ResourceIndex = /*#__PURE__*/function (_Component) {
 
   var _super = _createSuper(ResourceIndex);
 
-  (0, _createClass2["default"])(ResourceIndex, null, [{
-    key: "getDerivedStateFromProps",
-    value: function getDerivedStateFromProps(_ref, _ref2) {
-      var nextQuery = _ref.query,
-          nextErrors = _ref.errors;
-      var query = _ref2.query,
-          errors = _ref2.errors;
-      var queryChanged = nextQuery !== query;
-      var errorsChanged = nextErrors !== errors;
-
-      if (queryChanged || errorsChanged) {
-        return {
-          query: queryChanged ? nextQuery : query,
-          errors: errorsChanged ? nextErrors : errors,
-          isLoading: queryChanged
-        };
-      }
-
-      return null;
-    }
-  }, {
-    key: "getQueryFromLocation",
-    value: function getQueryFromLocation() {
-      var location = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : null;
-      return _queryString["default"].parse(location ? location.search : window.location.search) || {};
-    }
-  }]);
-
   function ResourceIndex(props) {
     var _this;
 
@@ -175,6 +157,7 @@ var ResourceIndex = /*#__PURE__*/function (_Component) {
     _this.onClickAction = _this.onClickAction.bind((0, _assertThisInitialized2["default"])(_this));
     _this.onItemDeleted = _this.onItemDeleted.bind((0, _assertThisInitialized2["default"])(_this));
     _this.onSearchChange = _this.onSearchChange.bind((0, _assertThisInitialized2["default"])(_this));
+    _this.onSearchClear = _this.onSearchClear.bind((0, _assertThisInitialized2["default"])(_this));
     _this.onSearch = _this.onSearch.bind((0, _assertThisInitialized2["default"])(_this));
     var query = ResourceIndex.getQueryFromLocation();
     _this.state = {
@@ -183,7 +166,7 @@ var ResourceIndex = /*#__PURE__*/function (_Component) {
       // eslint-disable-line react/no-unused-state
       items: props.items,
       pagination: null,
-      search: query.q || null,
+      search: query.q || '',
       errors: props.errors
     };
     return _this;
@@ -200,9 +183,9 @@ var ResourceIndex = /*#__PURE__*/function (_Component) {
     }
   }, {
     key: "componentDidUpdate",
-    value: function componentDidUpdate(_ref3, _ref4) {
-      var prevQuery = _ref3.query;
-      var prevItems = _ref4.items;
+    value: function componentDidUpdate(_ref, _ref2) {
+      var prevQuery = _ref.query;
+      var prevItems = _ref2.items;
       var query = this.props.query;
       var items = this.state.items;
       var itemsChanged = prevItems !== items;
@@ -217,7 +200,7 @@ var ResourceIndex = /*#__PURE__*/function (_Component) {
     value: function onItemsLoaded(data) {
       if (this.isPaginated()) {
         var items = data.data,
-            pagination = (0, _objectWithoutProperties2["default"])(data, ["data"]);
+            pagination = (0, _objectWithoutProperties2["default"])(data, _excluded);
         this.setState({
           items: items,
           pagination: pagination,
@@ -279,10 +262,10 @@ var ResourceIndex = /*#__PURE__*/function (_Component) {
     }
   }, {
     key: "onItemDeleted",
-    value: function onItemDeleted(_ref5) {
-      var id = _ref5.id;
-      this.setState(function (_ref6) {
-        var items = _ref6.items;
+    value: function onItemDeleted(_ref3) {
+      var id = _ref3.id;
+      this.setState(function (_ref4) {
+        var items = _ref4.items;
         return {
           items: items.filter(function (it) {
             return it.id !== id;
@@ -298,6 +281,13 @@ var ResourceIndex = /*#__PURE__*/function (_Component) {
         search: value
       });
     }
+  }, {
+    key: "onSearchClear",
+    value: function onSearchClear() {
+      var getResourceActionUrl = this.props.getResourceActionUrl;
+      var location = getResourceActionUrl('index');
+      window.location.href = location;
+    }
   }, {
     key: "onSearch",
     value: function onSearch(e) {
@@ -326,9 +316,9 @@ var ResourceIndex = /*#__PURE__*/function (_Component) {
           resourceApi = _this$props2.resourceApi,
           query = _this$props2.query;
 
-      var _ref7 = ResourceIndex.getQueryFromLocation() || {},
-          q = _ref7.q,
-          type = _ref7.type;
+      var _ref5 = ResourceIndex.getQueryFromLocation() || {},
+          q = _ref5.q,
+          type = _ref5.type;
 
       var params = {};
 
@@ -410,9 +400,9 @@ var ResourceIndex = /*#__PURE__*/function (_Component) {
         })
       }, buttonMessage !== null ? buttonMessage : buttonLabel), isTyped ? /*#__PURE__*/_react["default"].createElement("div", {
         className: "dropdown-menu"
-      }, types.map(function (_ref8) {
-        var id = _ref8.id,
-            label = _ref8.label;
+      }, types.map(function (_ref6) {
+        var id = _ref6.id,
+            label = _ref6.label;
         return /*#__PURE__*/_react["default"].createElement(_reactRouterDom.Link, {
           key: "add-button-".concat(id),
           to: "".concat(getResourceActionUrl('create'), "?type=").concat(id),
@@ -453,7 +443,7 @@ var ResourceIndex = /*#__PURE__*/function (_Component) {
   }, {
     key: "renderFilters",
     value: function renderFilters() {
-      var _classNames3;
+      var _classNames3, _classNames4, _classNames5, _classNames6;
 
       var _this$props6 = this.props,
           intl = _this$props6.intl,
@@ -471,8 +461,8 @@ var ResourceIndex = /*#__PURE__*/function (_Component) {
       var withSearch = lists.withSearch || showSearch;
       if (!withTypeFilters && !withSearch) return null;
 
-      var _ref9 = ResourceIndex.getQueryFromLocation() || {},
-          type = _ref9.type;
+      var _ref7 = ResourceIndex.getQueryFromLocation() || {},
+          type = _ref7.type;
 
       var currentType = types.find(function (t) {
         return t.id === type;
@@ -480,7 +470,7 @@ var ResourceIndex = /*#__PURE__*/function (_Component) {
       var typeLabel = currentType ? currentType.label || '' : typeFiltersLabel;
       var buttonLabel = (0, _isString["default"])(typeLabel) ? typeLabel : /*#__PURE__*/_react["default"].createElement(_reactIntl.FormattedMessage, typeFiltersLabel);
       return /*#__PURE__*/_react["default"].createElement("div", {
-        className: (0, _classnames["default"])((_classNames3 = {}, (0, _defineProperty2["default"])(_classNames3, styles.filters, true), (0, _defineProperty2["default"])(_classNames3, 'd-flex', true), (0, _defineProperty2["default"])(_classNames3, 'flex-row ', true), (0, _defineProperty2["default"])(_classNames3, 'justify-content-between', true), _classNames3))
+        className: (0, _classnames["default"])((_classNames3 = {}, (0, _defineProperty2["default"])(_classNames3, styles.filters, true), (0, _defineProperty2["default"])(_classNames3, 'mb-3', true), (0, _defineProperty2["default"])(_classNames3, 'd-flex', true), (0, _defineProperty2["default"])(_classNames3, 'flex-row ', true), (0, _defineProperty2["default"])(_classNames3, 'justify-content-between', true), _classNames3))
       }, withTypeFilters && types.length > 0 ? /*#__PURE__*/_react["default"].createElement("div", {
         className: (0, _classnames["default"])({
           'btn-group': true
@@ -499,29 +489,36 @@ var ResourceIndex = /*#__PURE__*/function (_Component) {
         className: "caret"
       })), /*#__PURE__*/_react["default"].createElement("div", {
         className: "dropdown-menu"
-      }, types.map(function (_ref10) {
-        var id = _ref10.id,
-            label = _ref10.label;
+      }, types.map(function (_ref8) {
+        var id = _ref8.id,
+            label = _ref8.label;
         return /*#__PURE__*/_react["default"].createElement(_reactRouterDom.Link, {
           key: "add-button-".concat(id),
           to: "".concat(getResourceActionUrl('index'), "?type=").concat(id),
           className: "dropdown-item"
         }, label);
       }))) : null, withSearch ? /*#__PURE__*/_react["default"].createElement("div", {
-        className: (0, _classnames["default"])({
-          'btn-group': true
-        })
+        className: (0, _classnames["default"])((_classNames4 = {}, (0, _defineProperty2["default"])(_classNames4, styles.search, true), (0, _defineProperty2["default"])(_classNames4, 'btn-group', true), _classNames4))
+      }, /*#__PURE__*/_react["default"].createElement("div", {
+        className: "input-group"
       }, /*#__PURE__*/_react["default"].createElement("input", {
-        className: (0, _classnames["default"])({
-          input: true,
-          'form-control': true
-        }),
+        className: (0, _classnames["default"])((_classNames5 = {
+          input: true
+        }, (0, _defineProperty2["default"])(_classNames5, styles.searchInput, true), (0, _defineProperty2["default"])(_classNames5, 'form-control', true), _classNames5)),
         type: "text",
         value: search || '',
         placeholder: intl.formatMessage(searchLabel),
         onChange: this.onSearchChange,
         onKeyPress: this.onSearch
-      })) : null);
+      }), search ? /*#__PURE__*/_react["default"].createElement("button", {
+        type: "button",
+        className: (0, _classnames["default"])((_classNames6 = {
+          btn: true
+        }, (0, _defineProperty2["default"])(_classNames6, styles.searchClose, true), (0, _defineProperty2["default"])(_classNames6, 'bg-transparent', true), _classNames6)),
+        onClick: this.onSearchClear
+      }, /*#__PURE__*/_react["default"].createElement("i", {
+        className: "fa fa-times"
+      })) : null)) : null);
     }
   }, {
     key: "renderErrors",
@@ -548,7 +545,7 @@ var ResourceIndex = /*#__PURE__*/function (_Component) {
       var items = this.state.items;
       var list = (0, _get["default"])(resource, 'lists.index', (0, _get["default"])(resource, 'lists', {}));
       var type = list.type,
-          listProps = (0, _objectWithoutProperties2["default"])(list, ["type"]);
+          listProps = (0, _objectWithoutProperties2["default"])(list, _excluded2);
       var ListComponent = listsCollection.getComponent(type || 'table');
       var listClassNames = (0, _classnames["default"])((0, _defineProperty2["default"])({}, styles.list, true));
       return ListComponent !== null ? /*#__PURE__*/_react["default"].createElement("div", {
@@ -579,11 +576,11 @@ var ResourceIndex = /*#__PURE__*/function (_Component) {
   }, {
     key: "renderLoading",
     value: function renderLoading() {
-      var _classNames6;
+      var _classNames9;
 
       var items = this.state.items;
       return /*#__PURE__*/_react["default"].createElement("div", {
-        className: (0, _classnames["default"])((_classNames6 = {}, (0, _defineProperty2["default"])(_classNames6, styles.loading, true), (0, _defineProperty2["default"])(_classNames6, styles.alone, items === null), _classNames6))
+        className: (0, _classnames["default"])((_classNames9 = {}, (0, _defineProperty2["default"])(_classNames9, styles.loading, true), (0, _defineProperty2["default"])(_classNames9, styles.alone, items === null), _classNames9))
       }, /*#__PURE__*/_react["default"].createElement("div", {
         className: styles.inner
       }, /*#__PURE__*/_react["default"].createElement("div", {
@@ -614,6 +611,52 @@ var ResourceIndex = /*#__PURE__*/function (_Component) {
         className: styles.list
       }, items !== null ? this.renderList() : null), isLoading ? this.renderLoading() : null), pagination !== null && pagination.last_page > 1 ? this.renderPagination() : null))));
     }
+  }], [{
+    key: "getDerivedStateFromProps",
+    value: function getDerivedStateFromProps(_ref9, _ref10) {
+      var nextQuery = _ref9.query,
+          nextErrors = _ref9.errors,
+          nextResource = _ref9.resource;
+      var query = _ref10.query,
+          errors = _ref10.errors,
+          resource = _ref10.resource;
+      var queryChanged = nextQuery !== query;
+      var errorsChanged = nextErrors !== errors;
+      var currentId = resource ? resource.id : null;
+      var nextId = nextResource ? nextResource.id : null;
+      var resourceChanged = currentId && nextId && currentId !== nextId;
+
+      if (queryChanged || errorsChanged) {
+        if (resourceChanged) {
+          return {
+            search: '',
+            query: queryChanged ? nextQuery : query,
+            errors: errorsChanged ? nextErrors : errors,
+            isLoading: queryChanged
+          };
+        }
+
+        return {
+          query: queryChanged ? nextQuery : query,
+          errors: errorsChanged ? nextErrors : errors,
+          isLoading: queryChanged
+        };
+      }
+
+      if (resourceChanged) {
+        return {
+          search: ''
+        };
+      }
+
+      return null;
+    }
+  }, {
+    key: "getQueryFromLocation",
+    value: function getQueryFromLocation() {
+      var location = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : null;
+      return _queryString["default"].parse(location ? location.search : window.location.search) || {};
+    }
   }]);
   return ResourceIndex;
 }(_react.Component);

package/lib/index.js

@@ -5,145 +5,145 @@ var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefau
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-Object.defineProperty(exports, "PanneauComponent", {
+Object.defineProperty(exports, "ComponentsCollection", {
   enumerable: true,
   get: function get() {
-    return _index.Panneau;
+    return _ComponentsCollection["default"];
   }
 });
-Object.defineProperty(exports, "LoadingComponent", {
+Object.defineProperty(exports, "ErrorsComponent", {
   enumerable: true,
   get: function get() {
-    return _index.Loading;
+    return _index.Errors;
   }
 });
-Object.defineProperty(exports, "ErrorsComponent", {
+Object.defineProperty(exports, "LoadingComponent", {
   enumerable: true,
   get: function get() {
-    return _index.Errors;
+    return _index.Loading;
   }
 });
-Object.defineProperty(exports, "PropTypes", {
+Object.defineProperty(exports, "PanneauComponent", {
   enumerable: true,
   get: function get() {
-    return _PropTypes["default"];
+    return _index.Panneau;
   }
 });
-Object.defineProperty(exports, "ComponentsCollection", {
+Object.defineProperty(exports, "PropTypes", {
   enumerable: true,
   get: function get() {
-    return _ComponentsCollection["default"];
+    return _PropTypes["default"];
   }
 });
-Object.defineProperty(exports, "withUrlGenerator", {
+Object.defineProperty(exports, "ResponseError", {
   enumerable: true,
   get: function get() {
-    return _withUrlGenerator["default"];
+    return _requests.ResponseError;
   }
 });
-Object.defineProperty(exports, "withDefinition", {
+Object.defineProperty(exports, "ValidationError", {
   enumerable: true,
   get: function get() {
-    return _withDefinition["default"];
+    return _requests.ValidationError;
   }
 });
-Object.defineProperty(exports, "withResourceApi", {
+exports["default"] = void 0;
+Object.defineProperty(exports, "getJSON", {
   enumerable: true,
   get: function get() {
-    return _withResourceApi["default"];
+    return _requests.getJSON;
   }
 });
-Object.defineProperty(exports, "withComponentsCollection", {
+Object.defineProperty(exports, "getResponseAndDataObject", {
   enumerable: true,
   get: function get() {
-    return _withComponentsCollection["default"];
+    return _requests.getResponseAndDataObject;
   }
 });
-Object.defineProperty(exports, "withFormsCollection", {
+Object.defineProperty(exports, "isMessage", {
   enumerable: true,
   get: function get() {
-    return _withFormsCollection["default"];
+    return _utils.isMessage;
   }
 });
-Object.defineProperty(exports, "withFieldsCollection", {
+Object.defineProperty(exports, "postJSON", {
   enumerable: true,
   get: function get() {
-    return _withFieldsCollection["default"];
+    return _requests.postJSON;
   }
 });
-Object.defineProperty(exports, "withListsCollection", {
+Object.defineProperty(exports, "throwResponseError", {
   enumerable: true,
   get: function get() {
-    return _withListsCollection["default"];
+    return _requests.throwResponseError;
   }
 });
-Object.defineProperty(exports, "withLayoutsCollection", {
+Object.defineProperty(exports, "throwValidationError", {
   enumerable: true,
   get: function get() {
-    return _withLayoutsCollection["default"];
+    return _requests.throwValidationError;
   }
 });
-Object.defineProperty(exports, "withModalsCollection", {
+Object.defineProperty(exports, "withComponentsCollection", {
   enumerable: true,
   get: function get() {
-    return _withModalsCollection["default"];
+    return _withComponentsCollection["default"];
   }
 });
-Object.defineProperty(exports, "withPreviewsCollection", {
+Object.defineProperty(exports, "withDefinition", {
   enumerable: true,
   get: function get() {
-    return _withPreviewsCollection["default"];
+    return _withDefinition["default"];
   }
 });
-Object.defineProperty(exports, "ResponseError", {
+Object.defineProperty(exports, "withFieldsCollection", {
   enumerable: true,
   get: function get() {
-    return _requests.ResponseError;
+    return _withFieldsCollection["default"];
   }
 });
-Object.defineProperty(exports, "ValidationError", {
+Object.defineProperty(exports, "withFormsCollection", {
   enumerable: true,
   get: function get() {
-    return _requests.ValidationError;
+    return _withFormsCollection["default"];
   }
 });
-Object.defineProperty(exports, "getResponseAndDataObject", {
+Object.defineProperty(exports, "withLayoutsCollection", {
   enumerable: true,
   get: function get() {
-    return _requests.getResponseAndDataObject;
+    return _withLayoutsCollection["default"];
   }
 });
-Object.defineProperty(exports, "throwResponseError", {
+Object.defineProperty(exports, "withListsCollection", {
   enumerable: true,
   get: function get() {
-    return _requests.throwResponseError;
+    return _withListsCollection["default"];
   }
 });
-Object.defineProperty(exports, "throwValidationError", {
+Object.defineProperty(exports, "withModalsCollection", {
   enumerable: true,
   get: function get() {
-    return _requests.throwValidationError;
+    return _withModalsCollection["default"];
   }
 });
-Object.defineProperty(exports, "postJSON", {
+Object.defineProperty(exports, "withPreviewsCollection", {
   enumerable: true,
   get: function get() {
-    return _requests.postJSON;
+    return _withPreviewsCollection["default"];
   }
 });
-Object.defineProperty(exports, "getJSON", {
+Object.defineProperty(exports, "withResourceApi", {
   enumerable: true,
   get: function get() {
-    return _requests.getJSON;
+    return _withResourceApi["default"];
   }
 });
-Object.defineProperty(exports, "isMessage", {
+Object.defineProperty(exports, "withUrlGenerator", {
   enumerable: true,
   get: function get() {
-    return _utils.isMessage;
+    return _withUrlGenerator["default"];
   }
 });
-exports["default"] = void 0;
 
 var _Panneau = _interopRequireDefault(require("./Panneau"));
 

package/lib/lib/ComponentsCollection.js

@@ -13,18 +13,11 @@ var _classCallCheck2 = _interopRequireDefault(require("@babel/runtime/helpers/cl
 
 var _createClass2 = _interopRequireDefault(require("@babel/runtime/helpers/createClass"));
 
-function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); if (enumerableOnly) symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; }); keys.push.apply(keys, symbols); } return keys; }
+function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
 
-function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; if (i % 2) { ownKeys(Object(source), true).forEach(function (key) { (0, _defineProperty2["default"])(target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } } return target; }
+function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { (0, _defineProperty2["default"])(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
 
 var ComponentsCollection = /*#__PURE__*/function () {
-  (0, _createClass2["default"])(ComponentsCollection, null, [{
-    key: "normalizeKey",
-    value: function normalizeKey(key) {
-      return key.replace(/[^A-Za-z0-9.]/gi, '').toLowerCase();
-    }
-  }]);
-
   function ComponentsCollection(components) {
     (0, _classCallCheck2["default"])(this, ComponentsCollection);
     this.components = {};
@@ -64,10 +57,10 @@ var ComponentsCollection = /*#__PURE__*/function () {
           var namespaceKey = ComponentsCollection.normalizeKey(namespace); // eslint-disable-next-line no-useless-escape
 
           var matches = key.match(new RegExp("^".concat(namespaceKey, ".(.*)$"), 'i'));
-          return matches ? _objectSpread({}, components, (0, _defineProperty2["default"])({}, matches[1], _this2.components[key])) : components;
+          return matches ? _objectSpread(_objectSpread({}, components), {}, (0, _defineProperty2["default"])({}, matches[1], _this2.components[key])) : components;
         }
 
-        return _objectSpread({}, components, (0, _defineProperty2["default"])({}, key, _this2.components[key]));
+        return _objectSpread(_objectSpread({}, components), {}, (0, _defineProperty2["default"])({}, key, _this2.components[key]));
       }, {});
     }
   }, {
@@ -96,6 +89,11 @@ var ComponentsCollection = /*#__PURE__*/function () {
       });
       return typeof foundKey !== 'undefined' && foundKey !== null ? this.components[foundKey] : null;
     }
+  }], [{
+    key: "normalizeKey",
+    value: function normalizeKey(key) {
+      return key.replace(/[^A-Za-z0-9.]/gi, '').toLowerCase();
+    }
   }]);
   return ComponentsCollection;
 }();

package/lib/lib/PropTypes.js

@@ -5,7 +5,7 @@ var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefau
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports["default"] = exports.errors = exports.buttons = exports.button = exports.label = exports.message = exports.intlMessage = exports.intl = exports.urlGenerator = exports.user = exports.resource = exports.fields = exports.field = exports.resourceApi = exports.definition = exports.resourcesDefinition = exports.resourceDefinition = exports.layoutDefinition = exports.componentsCollection = void 0;
+exports.user = exports.urlGenerator = exports.resourcesDefinition = exports.resourceDefinition = exports.resourceApi = exports.resource = exports.message = exports.layoutDefinition = exports.label = exports.intlMessage = exports.intl = exports.fields = exports.field = exports.errors = exports.definition = exports["default"] = exports.componentsCollection = exports.buttons = exports.button = void 0;
 
 var _propTypes = _interopRequireDefault(require("prop-types"));
 

package/lib/lib/ResourceApi.js

@@ -27,9 +27,9 @@ require("whatwg-fetch");
 
 var _requests = require("./requests");
 
-function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); if (enumerableOnly) symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; }); keys.push.apply(keys, symbols); } return keys; }
+function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
 
-function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; if (i % 2) { ownKeys(Object(source), true).forEach(function (key) { (0, _defineProperty2["default"])(target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } } return target; }
+function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { (0, _defineProperty2["default"])(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
 
 var ResourceApi = /*#__PURE__*/function () {
   function ResourceApi(resource, urlGenerator, opts) {
@@ -106,7 +106,7 @@ var ResourceApi = /*#__PURE__*/function () {
         case 'PATCH':
         case 'DELETE':
           finalMethod = 'POST';
-          finalBody = _objectSpread({}, body, {
+          finalBody = _objectSpread(_objectSpread({}, body), {}, {
             _method: methodUpperCase // Laravel magic
 
           });
@@ -121,7 +121,7 @@ var ResourceApi = /*#__PURE__*/function () {
       return fetch(path, {
         credentials: 'include',
         method: finalMethod,
-        headers: _objectSpread({}, (0, _requests.getCSRFHeaders)(), {
+        headers: _objectSpread(_objectSpread({}, (0, _requests.getCSRFHeaders)()), {}, {
           'Content-Type': 'application/json',
           Accept: 'application/json'
         }),

package/lib/lib/messageWithValues.js

@@ -11,12 +11,12 @@ var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/de
 
 var _isString = _interopRequireDefault(require("lodash/isString"));
 
-function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); if (enumerableOnly) symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; }); keys.push.apply(keys, symbols); } return keys; }
+function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
 
-function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; if (i % 2) { ownKeys(Object(source), true).forEach(function (key) { (0, _defineProperty2["default"])(target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } } return target; }
+function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { (0, _defineProperty2["default"])(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
 
 var messageWithValues = function messageWithValues(messageDescriptor, values) {
-  return (0, _isString["default"])(messageDescriptor) ? messageDescriptor : _objectSpread({}, messageDescriptor, {
+  return (0, _isString["default"])(messageDescriptor) ? messageDescriptor : _objectSpread(_objectSpread({}, messageDescriptor), {}, {
     values: _objectSpread({}, values)
   });
 };