@panneau/form-resource 3.0.288 → 3.0.290

package/es/index.js

@@ -15,7 +15,7 @@ import Button from '@panneau/element-button';
 import Form from '@panneau/element-form';
 import { useResourceValues } from '@panneau/intl';
 
-var _excluded$2 = ["resource", "action", "previous", "status", "value", "onSubmit", "errors", "generalError", "className"];
+var _excluded$2 = ["resource", "action", "previous", "status", "value", "onSubmit", "errors", "generalError", "loading", "className"];
 var propTypes$2 = {
   resource: PropTypes.resource.isRequired,
   action: PropTypes$1.string,
@@ -28,6 +28,7 @@ var propTypes$2 = {
   status: PropTypes.formStatus,
   generalError: PropTypes$1.string,
   errors: PropTypes$1.objectOf(PropTypes$1.arrayOf(PropTypes$1.string)),
+  loading: PropTypes$1.bool,
   className: PropTypes$1.string
 };
 var defaultProps$2 = {
@@ -38,6 +39,7 @@ var defaultProps$2 = {
   onSubmit: null,
   generalError: null,
   errors: null,
+  loading: false,
   className: null
 };
 var DeleteForm = function DeleteForm(_ref) {
@@ -49,6 +51,7 @@ var DeleteForm = function DeleteForm(_ref) {
     onSubmit = _ref.onSubmit;
     _ref.errors;
     var generalError = _ref.generalError,
+    loading = _ref.loading,
     className = _ref.className,
     props = _objectWithoutProperties(_ref, _excluded$2);
   var _ref2 = value || {},
@@ -66,7 +69,8 @@ var DeleteForm = function DeleteForm(_ref) {
     action: action,
     onSubmit: onSubmit,
     withoutActions: true,
-    withoutErrors: true
+    withoutErrors: true,
+    disabled: loading
   }, props), /*#__PURE__*/React.createElement("div", {
     className: classNames(['card', _defineProperty({}, className, className !== null)])
   }, /*#__PURE__*/React.createElement("div", {
@@ -114,7 +118,8 @@ var DeleteForm = function DeleteForm(_ref) {
   })) : null, /*#__PURE__*/React.createElement(Button, {
     type: "submit",
     className: "ms-auto",
-    theme: "danger"
+    theme: "danger",
+    disabled: loading
   }, /*#__PURE__*/React.createElement(FormattedMessage, {
     id: "Bhu3B2",
     defaultMessage: [{
@@ -125,9 +130,8 @@ var DeleteForm = function DeleteForm(_ref) {
 };
 DeleteForm.propTypes = propTypes$2;
 DeleteForm.defaultProps = defaultProps$2;
-var DeleteForm$1 = DeleteForm;
 
-var _excluded$1 = ["resource", "action", "previous", "status", "value", "onSubmit", "errors", "generalError", "className"];
+var _excluded$1 = ["resource", "action", "previous", "status", "value", "onSubmit", "errors", "generalError", "loading", "className"];
 var propTypes$1 = {
   resource: PropTypes.resource.isRequired,
   action: PropTypes$1.string,
@@ -140,6 +144,7 @@ var propTypes$1 = {
   status: PropTypes.formStatus,
   generalError: PropTypes$1.string,
   errors: PropTypes$1.objectOf(PropTypes$1.arrayOf(PropTypes$1.string)),
+  loading: PropTypes$1.bool,
   className: PropTypes$1.string
 };
 var defaultProps$1 = {
@@ -150,6 +155,7 @@ var defaultProps$1 = {
   onSubmit: null,
   generalError: null,
   errors: null,
+  loading: false,
   className: null
 };
 var DuplicateForm = function DuplicateForm(_ref) {
@@ -161,6 +167,7 @@ var DuplicateForm = function DuplicateForm(_ref) {
     onSubmit = _ref.onSubmit;
     _ref.errors;
     var generalError = _ref.generalError,
+    loading = _ref.loading,
     className = _ref.className,
     props = _objectWithoutProperties(_ref, _excluded$1);
   var _ref2 = value || {},
@@ -176,7 +183,8 @@ var DuplicateForm = function DuplicateForm(_ref) {
     action: action,
     onSubmit: onSubmit,
     withoutActions: true,
-    withoutErrors: true
+    withoutErrors: true,
+    disabled: loading
   }, props), /*#__PURE__*/React.createElement("div", {
     className: classNames(['card', _defineProperty({}, className, className !== null)])
   }, /*#__PURE__*/React.createElement("div", {
@@ -224,7 +232,8 @@ var DuplicateForm = function DuplicateForm(_ref) {
   })) : null, /*#__PURE__*/React.createElement(Button, {
     type: "submit",
     className: "ms-auto",
-    theme: "warning"
+    theme: "warning",
+    disabled: loading
   }, /*#__PURE__*/React.createElement(FormattedMessage, {
     id: "HzCxmr",
     defaultMessage: [{
@@ -235,7 +244,6 @@ var DuplicateForm = function DuplicateForm(_ref) {
 };
 DuplicateForm.propTypes = propTypes$1;
 DuplicateForm.defaultProps = defaultProps$1;
-var DuplicateForm$1 = DuplicateForm;
 
 var _excluded = ["component", "resource", "onSuccess", "item", "type", "isDelete", "isDuplicate"];
 var propTypes = {
@@ -316,13 +324,18 @@ var ResourceForm = function ResourceForm(_ref) {
   // Form routes
   var resourceRoute = useResourceUrlGenerator(resource);
   var _useResourceStore = useResourceStore(resource),
-    store = _useResourceStore.store;
+    store = _useResourceStore.store,
+    storing = _useResourceStore.loading;
   var _useResourceUpdate = useResourceUpdate(resource, item !== null ? itemId : null),
-    update = _useResourceUpdate.update;
+    update = _useResourceUpdate.update,
+    updating = _useResourceUpdate.loading;
   var _useResourceDestroy = useResourceDestroy(resource, item !== null ? itemId : null),
-    destroy = _useResourceDestroy.destroy;
+    destroy = _useResourceDestroy.destroy,
+    destroying = _useResourceDestroy.loading;
   var _useResourceClone = useResourceClone(resource, item !== null ? itemId : null),
-    clone = _useResourceClone.clone;
+    clone = _useResourceClone.clone,
+    cloning = _useResourceClone.loading;
+  var loading = storing || updating || destroying || cloning;
 
   // Post actions
   var postForm = useCallback(function (action, data) {
@@ -384,10 +397,10 @@ var ResourceForm = function ResourceForm(_ref) {
   var defaultFormName = isDelete || isDuplicate ? component || formComponent || null : component || formComponent || defaultComponent || 'normal';
   var finalComponent = component;
   if (isDelete) {
-    finalComponent = DeleteForm$1;
+    finalComponent = DeleteForm;
   }
   if (isDuplicate) {
-    finalComponent = DuplicateForm$1;
+    finalComponent = DuplicateForm;
   }
 
   // Form component
@@ -411,11 +424,11 @@ var ResourceForm = function ResourceForm(_ref) {
     onSubmit: onSubmit,
     isCreate: isCreate,
     value: value,
-    onChange: setValue
+    onChange: setValue,
+    loading: loading
   })));
 };
 ResourceForm.propTypes = propTypes;
 ResourceForm.defaultProps = defaultProps;
-var Resource = ResourceForm;
 
-export { Resource as default };
+export { ResourceForm as default };

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "@panneau/form-resource",
-    "version": "3.0.288",
+    "version": "3.0.290",
     "description": "Default resource forms",
     "keywords": [
         "javascript"
@@ -49,13 +49,13 @@
     },
     "dependencies": {
         "@babel/runtime": "^7.12.5",
-        "@panneau/core": "^3.0.288",
-        "@panneau/data": "^3.0.288",
-        "@panneau/element-button": "^3.0.288",
-        "@panneau/element-form": "^3.0.288",
-        "@panneau/field-fields": "^3.0.288",
-        "@panneau/intl": "^3.0.288",
-        "@panneau/themes": "^3.0.288",
+        "@panneau/core": "^3.0.290",
+        "@panneau/data": "^3.0.290",
+        "@panneau/element-button": "^3.0.290",
+        "@panneau/element-form": "^3.0.290",
+        "@panneau/field-fields": "^3.0.290",
+        "@panneau/intl": "^3.0.290",
+        "@panneau/themes": "^3.0.290",
         "classnames": "^2.5.1",
         "lodash-es": "^4.17.21",
         "prop-types": "^15.7.2",
@@ -64,5 +64,5 @@
     "publishConfig": {
         "access": "public"
     },
-    "gitHead": "26afc569a56dd1f7322679e571ecbdb5256b3047"
+    "gitHead": "682156ae8f9e789cca229bd2aab2c8f3228b5ffe"
 }