@panneau/form-resource 3.0.293 → 3.0.298

package/es/index.js

@@ -245,33 +245,39 @@ var DuplicateForm = function DuplicateForm(_ref) {
 DuplicateForm.propTypes = propTypes$1;
 DuplicateForm.defaultProps = defaultProps$1;
 
-var _excluded = ["component", "resource", "onSuccess", "item", "type", "isDelete", "isDuplicate"];
+var _excluded = ["component", "header", "resource", "onSuccess", "item", "type", "isDelete", "isDuplicate", "withContainer"];
 var propTypes = {
   resource: PropTypes.resource.isRequired,
   item: PropTypes$1.object,
   // eslint-disable-line react/forbid-prop-types
   type: PropTypes$1.string,
   component: PropTypes$1.string,
+  header: PropTypes$1.node,
   onSuccess: PropTypes$1.func,
   isDelete: PropTypes$1.bool,
-  isDuplicate: PropTypes$1.bool
+  isDuplicate: PropTypes$1.bool,
+  withContainer: PropTypes$1.bool
 };
 var defaultProps = {
   item: null,
   type: null,
   component: null,
+  header: null,
   onSuccess: null,
   isDelete: false,
-  isDuplicate: false
+  isDuplicate: false,
+  withContainer: false
 };
 var ResourceForm = function ResourceForm(_ref) {
   var component = _ref.component,
+    header = _ref.header,
     resource = _ref.resource,
     onSuccess = _ref.onSuccess,
     item = _ref.item,
     type = _ref.type,
     isDelete = _ref.isDelete,
     isDuplicate = _ref.isDuplicate,
+    withContainer = _ref.withContainer,
     props = _objectWithoutProperties(_ref, _excluded);
   var locales = useLocales();
   var FormComponents = useFormsComponents();
@@ -304,13 +310,21 @@ var ResourceForm = function ResourceForm(_ref) {
   var _ref5 = defaultForm || {},
     _ref5$fields = _ref5.fields,
     defaultFields = _ref5$fields === void 0 ? null : _ref5$fields,
-    defaultComponent = _ref5.component;
+    defaultComponent = _ref5.component,
+    _ref5$withoutHeader = _ref5.withoutHeader,
+    defaultFormWithoutHeader = _ref5$withoutHeader === void 0 ? false : _ref5$withoutHeader,
+    _ref5$withoutContaine = _ref5.withoutContainer,
+    defaultFormWithoutContainer = _ref5$withoutContaine === void 0 ? false : _ref5$withoutContaine;
   var createOrEditSource = isCreate ? createForm || {} : editForm || {};
   var _ref6 = isDelete ? deleteForm || {} : createOrEditSource || {},
     _ref6$fields = _ref6.fields,
     formFields = _ref6$fields === void 0 ? null : _ref6$fields,
     _ref6$component = _ref6.component,
-    formComponent = _ref6$component === void 0 ? null : _ref6$component;
+    formComponent = _ref6$component === void 0 ? null : _ref6$component,
+    _ref6$withoutHeader = _ref6.withoutHeader,
+    formWithoutHeader = _ref6$withoutHeader === void 0 ? false : _ref6$withoutHeader,
+    _ref6$withoutContaine = _ref6.withoutContainer,
+    formWithoutContainer = _ref6$withoutContaine === void 0 ? false : _ref6$withoutContaine;
   var finalFields = useMemo(function () {
     return (formFields || defaultFields || resourceTypeFields || resourceFields).filter(function (_ref7) {
       var _ref7$settings = _ref7.settings,
@@ -395,6 +409,8 @@ var ResourceForm = function ResourceForm(_ref) {
     generalError = _useForm.generalError,
     errors = _useForm.errors;
   var defaultFormName = isDelete || isDuplicate ? component || formComponent || null : component || formComponent || defaultComponent || 'normal';
+  var finalWithContainer = withContainer && defaultFormName !== 'two-pane' && !defaultFormWithoutContainer && !formWithoutContainer;
+  var finalWithHeader = header !== null && defaultFormName !== 'two-pane' && !defaultFormWithoutHeader && !formWithoutHeader;
   var finalComponent = component;
   if (isDelete) {
     finalComponent = DeleteForm;
@@ -410,10 +426,7 @@ var ResourceForm = function ResourceForm(_ref) {
   useEffect(function () {
     setValue(getInitialValue());
   }, [getInitialValue, setValue]);
-  return /*#__PURE__*/React.createElement(FormProvider, {
-    value: value,
-    setValue: setValue
-  }, /*#__PURE__*/React.createElement(FormComponent, Object.assign({}, props, {
+  var element = /*#__PURE__*/React.createElement(FormComponent, Object.assign({}, props, {
     status: status,
     resource: resource,
     item: item,
@@ -426,7 +439,19 @@ var ResourceForm = function ResourceForm(_ref) {
     value: value,
     onChange: setValue,
     loading: loading
-  })));
+  }));
+  return /*#__PURE__*/React.createElement(FormProvider, {
+    value: value,
+    setValue: setValue
+  }, finalWithHeader ? header : /*#__PURE__*/React.createElement("div", {
+    className: "w-100 mb-3"
+  }), finalWithContainer ? /*#__PURE__*/React.createElement("div", {
+    className: "container-sm py-4"
+  }, /*#__PURE__*/React.createElement("div", {
+    className: "row justify-content-center"
+  }, /*#__PURE__*/React.createElement("div", {
+    className: "col-12 col-md-8 col-lg-7"
+  }, element))) : element);
 };
 ResourceForm.propTypes = propTypes;
 ResourceForm.defaultProps = defaultProps;

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "@panneau/form-resource",
-    "version": "3.0.293",
+    "version": "3.0.298",
     "description": "Default resource forms",
     "keywords": [
         "javascript"
@@ -40,22 +40,22 @@
         "build": "../../scripts/prepare-package.sh"
     },
     "devDependencies": {
-        "react": "^16.8.0 || ^17.0.0 || ^18.0.0",
-        "react-dom": "^16.8.0 || ^17.0.0 || ^18.0.0"
+        "react": "^16.8.0 || ^17.0.0 || ^18.0.0 || ^19.0.0",
+        "react-dom": "^16.8.0 || ^17.0.0 || ^18.0.0 || ^19.0.0"
     },
     "peerDependencies": {
-        "react": "^16.8.0 || ^17.0.0 || ^18.0.0",
-        "react-dom": "^16.8.0 || ^17.0.0 || ^18.0.0"
+        "react": "^16.8.0 || ^17.0.0 || ^18.0.0 || ^19.0.0",
+        "react-dom": "^16.8.0 || ^17.0.0 || ^18.0.0 || ^19.0.0"
     },
     "dependencies": {
         "@babel/runtime": "^7.12.5",
-        "@panneau/core": "^3.0.292",
-        "@panneau/data": "^3.0.292",
-        "@panneau/element-button": "^3.0.293",
-        "@panneau/element-form": "^3.0.293",
-        "@panneau/field-fields": "^3.0.293",
-        "@panneau/intl": "^3.0.292",
-        "@panneau/themes": "^3.0.293",
+        "@panneau/core": "^3.0.295",
+        "@panneau/data": "^3.0.295",
+        "@panneau/element-button": "^3.0.295",
+        "@panneau/element-form": "^3.0.298",
+        "@panneau/field-fields": "^3.0.295",
+        "@panneau/intl": "^3.0.295",
+        "@panneau/themes": "^3.0.295",
         "classnames": "^2.5.1",
         "lodash-es": "^4.17.21",
         "prop-types": "^15.7.2",
@@ -64,5 +64,5 @@
     "publishConfig": {
         "access": "public"
     },
-    "gitHead": "4aa471be4c4ae77f72137e14dfb891a803964f61"
+    "gitHead": "166381f0615a215ab07ca018c97a7150396717fe"
 }