@panneau/form-resource 3.0.281 → 3.0.283

package/es/index.js

@@ -15,8 +15,8 @@ import Button from '@panneau/element-button';
 import Form from '@panneau/element-form';
 import { useResourceValues } from '@panneau/intl';
 
-var _excluded$1 = ["resource", "action", "previous", "status", "value", "onSubmit", "errors", "generalError", "className"];
-var propTypes$1 = {
+var _excluded$2 = ["resource", "action", "previous", "status", "value", "onSubmit", "errors", "generalError", "className"];
+var propTypes$2 = {
   resource: PropTypes.resource.isRequired,
   action: PropTypes$1.string,
   previous: PropTypes$1.string,
@@ -30,7 +30,7 @@ var propTypes$1 = {
   errors: PropTypes$1.objectOf(PropTypes$1.arrayOf(PropTypes$1.string)),
   className: PropTypes$1.string
 };
-var defaultProps$1 = {
+var defaultProps$2 = {
   action: null,
   previous: null,
   status: null,
@@ -50,7 +50,7 @@ var DeleteForm = function DeleteForm(_ref) {
     _ref.errors;
     var generalError = _ref.generalError,
     className = _ref.className,
-    props = _objectWithoutProperties(_ref, _excluded$1);
+    props = _objectWithoutProperties(_ref, _excluded$2);
   var _ref2 = value || {},
     _ref2$id = _ref2.id,
     id = _ref2$id === void 0 ? null : _ref2$id;
@@ -123,11 +123,121 @@ var DeleteForm = function DeleteForm(_ref) {
     }]
   })))));
 };
-DeleteForm.propTypes = propTypes$1;
-DeleteForm.defaultProps = defaultProps$1;
+DeleteForm.propTypes = propTypes$2;
+DeleteForm.defaultProps = defaultProps$2;
 var DeleteForm$1 = DeleteForm;
 
-var _excluded = ["component", "resource", "onSuccess", "item", "type", "isDelete"];
+var _excluded$1 = ["resource", "action", "previous", "status", "value", "onSubmit", "errors", "generalError", "className"];
+var propTypes$1 = {
+  resource: PropTypes.resource.isRequired,
+  action: PropTypes$1.string,
+  previous: PropTypes$1.string,
+  fields: PropTypes.fields.isRequired,
+  value: PropTypes$1.object,
+  // eslint-disable-line react/forbid-prop-types
+  onChange: PropTypes$1.func.isRequired,
+  onSubmit: PropTypes$1.func,
+  status: PropTypes.formStatus,
+  generalError: PropTypes$1.string,
+  errors: PropTypes$1.objectOf(PropTypes$1.arrayOf(PropTypes$1.string)),
+  className: PropTypes$1.string
+};
+var defaultProps$1 = {
+  action: null,
+  previous: null,
+  status: null,
+  value: null,
+  onSubmit: null,
+  generalError: null,
+  errors: null,
+  className: null
+};
+var DuplicateForm = function DuplicateForm(_ref) {
+  var resource = _ref.resource,
+    action = _ref.action,
+    previous = _ref.previous;
+    _ref.status;
+    var value = _ref.value,
+    onSubmit = _ref.onSubmit;
+    _ref.errors;
+    var generalError = _ref.generalError,
+    className = _ref.className,
+    props = _objectWithoutProperties(_ref, _excluded$1);
+  var _ref2 = value || {},
+    _ref2$id = _ref2.id,
+    id = _ref2$id === void 0 ? null : _ref2$id;
+  var resourceValues = useResourceValues(resource, {
+    id: id
+  });
+  return /*#__PURE__*/React.createElement(Form, Object.assign({
+    className: classNames(['form', _defineProperty({
+      'invalid-feedback': generalError !== null
+    }, className, className !== null)]),
+    action: action,
+    onSubmit: onSubmit,
+    withoutActions: true,
+    withoutErrors: true
+  }, props), /*#__PURE__*/React.createElement("div", {
+    className: classNames(['card', _defineProperty({}, className, className !== null)])
+  }, /*#__PURE__*/React.createElement("div", {
+    className: "card-body"
+  }, /*#__PURE__*/React.createElement(FormattedMessage, {
+    values: resourceValues,
+    id: "ZhnMCD",
+    defaultMessage: [{
+      "type": 0,
+      "value": "Are you sure you want to duplicate "
+    }, {
+      "type": 1,
+      "value": "the_singular"
+    }, {
+      "type": 0,
+      "value": " #"
+    }, {
+      "type": 1,
+      "value": "id"
+    }, {
+      "type": 0,
+      "value": "?"
+    }]
+  }), generalError ? /*#__PURE__*/React.createElement("p", {
+    className: "text-danger"
+  }, /*#__PURE__*/React.createElement(FormattedMessage, {
+    id: "y9zauY",
+    defaultMessage: [{
+      "type": 0,
+      "value": "An error occured and we could not delete this item successfully."
+    }]
+  })) : null), /*#__PURE__*/React.createElement("div", {
+    className: "card-body d-flex"
+  }, previous !== null ? /*#__PURE__*/React.createElement(Button, {
+    href: previous,
+    className: "me-2",
+    theme: "secondary",
+    outline: true
+  }, /*#__PURE__*/React.createElement(FormattedMessage, {
+    id: "PyxZY2",
+    defaultMessage: [{
+      "type": 0,
+      "value": "Cancel"
+    }]
+  })) : null, /*#__PURE__*/React.createElement(Button, {
+    type: "submit",
+    className: "ms-auto",
+    theme: "warning"
+  }, /*#__PURE__*/React.createElement(FormattedMessage, {
+    id: "HzCxmr",
+    defaultMessage: [{
+      "type": 0,
+      "value": "Duplicate"
+    }]
+  })))));
+};
+DuplicateForm.propTypes = propTypes$1;
+DuplicateForm.defaultProps = defaultProps$1;
+var DuplicateForm$1 = DuplicateForm;
+
+var _excluded = ["component", "resource", "onSuccess", "item", "type", "isDelete", "isDuplicate"];
 var propTypes = {
   resource: PropTypes.resource.isRequired,
   item: PropTypes$1.object,
@@ -135,14 +245,16 @@ var propTypes = {
   type: PropTypes$1.string,
   component: PropTypes$1.string,
   onSuccess: PropTypes$1.func,
-  isDelete: PropTypes$1.bool
+  isDelete: PropTypes$1.bool,
+  isDuplicate: PropTypes$1.bool
 };
 var defaultProps = {
   item: null,
   type: null,
   component: null,
   onSuccess: null,
-  isDelete: false
+  isDelete: false,
+  isDuplicate: false
 };
 var ResourceForm = function ResourceForm(_ref) {
   var component = _ref.component,
@@ -151,6 +263,7 @@ var ResourceForm = function ResourceForm(_ref) {
     item = _ref.item,
     type = _ref.type,
     isDelete = _ref.isDelete,
+    isDuplicate = _ref.isDuplicate,
     props = _objectWithoutProperties(_ref, _excluded);
   var locales = useLocales();
   var FormComponents = useFormsComponents();
@@ -232,12 +345,15 @@ var ResourceForm = function ResourceForm(_ref) {
   }, [setValueState]);
 
   // Form action
-  var modifyAction = isCreate ? resourceRoute('store') : resourceRoute('update', {
+  var action = isCreate ? resourceRoute('store') : resourceRoute('update', {
     id: item.id
   });
-  var action = isDelete ? resourceRoute('destroy', {
+  action = isDelete ? resourceRoute('destroy', {
+    id: item.id
+  }) : action;
+  action = isDuplicate ? resourceRoute('clone', {
     id: item.id
-  }) : modifyAction;
+  }) : action;
   var _useForm = useForm({
       action: action,
       fields: finalFields,
@@ -252,10 +368,17 @@ var ResourceForm = function ResourceForm(_ref) {
     status = _useForm.status,
     generalError = _useForm.generalError,
     errors = _useForm.errors;
-  var defaultFormName = isDelete ? component || formComponent || null : component || formComponent || defaultComponent || 'normal';
+  var defaultFormName = isDelete || isDuplicate ? component || formComponent || null : component || formComponent || defaultComponent || 'normal';
+  var finalComponent = component;
+  if (isDelete) {
+    finalComponent = DeleteForm$1;
+  }
+  if (isDuplicate) {
+    finalComponent = DuplicateForm$1;
+  }
 
   // Form component
-  var FormComponent = getComponentFromName(defaultFormName, FormComponents, isDelete ? DeleteForm$1 : component);
+  var FormComponent = getComponentFromName(defaultFormName, FormComponents, finalComponent);
 
   // Listen to item value change - this is important
   useEffect(function () {

package/package.json

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