@panneau/form-two-pane 4.0.2 → 4.0.4

package/es/index.js

@@ -1,8 +1,10 @@
+import _objectSpread from '@babel/runtime/helpers/objectSpread2';
 import _defineProperty from '@babel/runtime/helpers/defineProperty';
 import _objectWithoutProperties from '@babel/runtime/helpers/objectWithoutProperties';
 import classNames from 'classnames';
 import { useFieldComponent, usePreviewComponent } from '@panneau/core/contexts';
 import Form from '@panneau/element-form';
+import { jsxs, jsx } from 'react/jsx-runtime';
 
 var _excluded = ["resource", "fields", "status", "value", "onChange", "onSubmit", "errors", "buttons", "children", "className"];
 function TwoPaneForm(_ref) {
@@ -29,26 +31,30 @@ function TwoPaneForm(_ref) {
     id = _ref2$id === void 0 ? null : _ref2$id;
   var FieldsComponent = useFieldComponent('fields');
   var PreviewComponent = usePreviewComponent(id);
-  return /*#__PURE__*/React.createElement("div", {
-    className: "container-fluid row gx-4"
-  }, /*#__PURE__*/React.createElement(Form, Object.assign({
-    className: classNames(['form', 'col-12', 'col-lg-6', _defineProperty({}, className, className !== null)]),
-    resource: resource,
-    status: status,
-    buttons: buttons,
-    onSubmit: onSubmit,
-    errors: errors
-  }, props), /*#__PURE__*/React.createElement(FieldsComponent, {
-    fields: fields,
-    value: value,
-    onChange: onChange,
-    errors: errors
-  })), /*#__PURE__*/React.createElement("div", {
-    className: "col-12 col-lg-6"
-  }, PreviewComponent !== null ? /*#__PURE__*/React.createElement(PreviewComponent, {
-    resource: resource,
-    value: value
-  }) : children));
+  return /*#__PURE__*/jsxs("div", {
+    className: "container-fluid row gx-4",
+    children: [/*#__PURE__*/jsx(Form, _objectSpread(_objectSpread({
+      className: classNames(['form', 'col-12', 'col-lg-6', _defineProperty({}, className, className !== null)]),
+      resource: resource,
+      status: status,
+      buttons: buttons,
+      onSubmit: onSubmit,
+      errors: errors
+    }, props), {}, {
+      children: /*#__PURE__*/jsx(FieldsComponent, {
+        fields: fields,
+        value: value,
+        onChange: onChange,
+        errors: errors
+      })
+    })), /*#__PURE__*/jsx("div", {
+      className: "col-12 col-lg-6",
+      children: PreviewComponent !== null ? /*#__PURE__*/jsx(PreviewComponent, {
+        resource: resource,
+        value: value
+      }) : children
+    })]
+  });
 }
 
 export { TwoPaneForm as default };

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "@panneau/form-two-pane",
-    "version": "4.0.2",
+    "version": "4.0.4",
     "description": "Two-pane resource forms",
     "keywords": [
         "javascript"
@@ -57,12 +57,12 @@
     },
     "dependencies": {
         "@babel/runtime": "^7.12.5",
-        "@panneau/core": "^4.0.2",
-        "@panneau/data": "^4.0.2",
-        "@panneau/element-button": "^4.0.2",
-        "@panneau/element-form": "^4.0.2",
-        "@panneau/field-fields": "^4.0.2",
-        "@panneau/themes": "^4.0.2",
+        "@panneau/core": "^4.0.4",
+        "@panneau/data": "^4.0.4",
+        "@panneau/element-button": "^4.0.4",
+        "@panneau/element-form": "^4.0.4",
+        "@panneau/field-fields": "^4.0.4",
+        "@panneau/themes": "^4.0.4",
         "classnames": "^2.5.1",
         "lodash-es": "^4.17.21",
         "prop-types": "^15.7.2",
@@ -71,5 +71,5 @@
     "publishConfig": {
         "access": "public"
     },
-    "gitHead": "53ad0f27e467992c23158732e0f7d39d8615780b"
+    "gitHead": "e854451a718c6bc7dcde2b804c9913d8ac0297ff"
 }