@panneau/form-two-pane 4.0.27 → 4.0.33

package/dist/index.d.ts

@@ -5,6 +5,7 @@ import { Resource, FormStatus, Button } from '@panneau/core';
 interface TwoPaneFormProps {
     fields: Record<string, unknown>;
     resource?: Resource | null;
+    size?: 'half' | 'medium' | 'large' | null;
     value?: Record<string, unknown> | null;
     onChange: (value: Record<string, unknown>) => void;
     onSubmit: () => void;
@@ -15,6 +16,6 @@ interface TwoPaneFormProps {
     children?: ReactNode | null;
     className?: string | null;
 }
-declare function TwoPaneForm({ resource, fields, status, value, onChange, onSubmit, errors, buttons, children, className, ...props }: TwoPaneFormProps): react_jsx_runtime.JSX.Element;
+declare function TwoPaneForm({ resource, fields, size, status, value, onChange, onSubmit, errors, buttons, children, className, ...props }: TwoPaneFormProps): react_jsx_runtime.JSX.Element;
 
 export { TwoPaneForm as default };

package/dist/index.js

@@ -6,17 +6,22 @@ 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"];
+var _excluded = ["resource", "fields", "size", "status", "value", "onChange", "onSubmit", "errors", "buttons", "children", "className"];
 function TwoPaneForm(_ref) {
   var _ref$resource = _ref.resource,
     resource = _ref$resource === void 0 ? null : _ref$resource,
-    fields = _ref.fields,
+    _ref$fields = _ref.fields,
+    fields = _ref$fields === void 0 ? null : _ref$fields,
+    _ref$size = _ref.size,
+    size = _ref$size === void 0 ? 'medium' : _ref$size,
     _ref$status = _ref.status,
     status = _ref$status === void 0 ? null : _ref$status,
     _ref$value = _ref.value,
     value = _ref$value === void 0 ? null : _ref$value,
-    onChange = _ref.onChange,
-    onSubmit = _ref.onSubmit,
+    _ref$onChange = _ref.onChange,
+    onChange = _ref$onChange === void 0 ? null : _ref$onChange,
+    _ref$onSubmit = _ref.onSubmit,
+    onSubmit = _ref$onSubmit === void 0 ? null : _ref$onSubmit,
     _ref$errors = _ref.errors,
     errors = _ref$errors === void 0 ? null : _ref$errors,
     _ref$buttons = _ref.buttons,
@@ -31,10 +36,20 @@ function TwoPaneForm(_ref) {
     id = _ref2$id === void 0 ? null : _ref2$id;
   var FieldsComponent = useFieldComponent('fields');
   var PreviewComponent = usePreviewComponent(id);
+  var formClassName = classNames(['form', 'col-12', _defineProperty({
+    'col-lg-6': size === 'half',
+    'col-lg-5': size === 'medium',
+    'col-lg-4': size === 'large'
+  }, className, className !== null)]);
+  var previewClassName = classNames(['preview', 'col-12', {
+    'col-lg-6': size === 'half',
+    'col-lg-7': size === 'medium',
+    'col-lg-8': size === 'large'
+  }]);
   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)]),
+      className: formClassName,
       resource: resource,
       status: status,
       buttons: buttons,
@@ -48,7 +63,7 @@ function TwoPaneForm(_ref) {
         errors: errors
       })
     })), /*#__PURE__*/jsx("div", {
-      className: "col-12 col-lg-6",
+      className: previewClassName,
       children: PreviewComponent !== null ? /*#__PURE__*/jsx(PreviewComponent, {
         resource: resource,
         value: value

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "@panneau/form-two-pane",
-    "version": "4.0.27",
+    "version": "4.0.33",
     "description": "Two-pane resource forms",
     "keywords": [
         "javascript"
@@ -62,10 +62,10 @@
         "@babel/runtime": "^7.28.6",
         "@panneau/core": "^4.0.27",
         "@panneau/data": "^4.0.27",
-        "@panneau/element-button": "^4.0.27",
-        "@panneau/element-form": "^4.0.27",
-        "@panneau/field-fields": "^4.0.27",
-        "@panneau/themes": "^4.0.27",
+        "@panneau/element-button": "^4.0.33",
+        "@panneau/element-form": "^4.0.33",
+        "@panneau/field-fields": "^4.0.33",
+        "@panneau/themes": "^4.0.33",
         "classnames": "^2.5.1",
         "lodash": "^4.17.21",
         "react-intl": "^6.0.0 || ^7.0.0 || ^8.0.0"
@@ -73,5 +73,5 @@
     "publishConfig": {
         "access": "public"
     },
-    "gitHead": "48e48752495d69c6b10ddc2c4fe2319d2cd86ff0"
+    "gitHead": "c0e63d849207a4f77f9e6d8d2c9f4b51c3d892d5"
 }