@panneau/form-two-pane 4.0.41 → 4.0.46

package/dist/index.d.ts

@@ -1,5 +1,5 @@
 import * as react_jsx_runtime from 'react/jsx-runtime';
-import { ReactNode } from 'react';
+import { ReactNode, ForwardedRef } from 'react';
 import { Resource, FormStatus, Button } from '@panneau/core';
 
 interface TwoPaneFormProps {
@@ -15,7 +15,8 @@ interface TwoPaneFormProps {
     buttons?: Button[] | null;
     children?: ReactNode | null;
     className?: string | null;
+    ref?: ForwardedRef<HTMLFormElement> | null;
 }
-declare function TwoPaneForm({ resource, fields, size, 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, ref, ...props }: TwoPaneFormProps): react_jsx_runtime.JSX.Element;
 
 export { TwoPaneForm as default };

package/dist/index.js

@@ -5,8 +5,9 @@ import Form from '@panneau/element-form';
 import { jsx, jsxs } from 'react/jsx-runtime';
 
 function TwoPaneForm(t0) {
-  const $ = c(51);
+  const $ = c(52);
   let props;
+  let ref;
   let t1;
   let t10;
   let t11;
@@ -31,34 +32,37 @@ function TwoPaneForm(t0) {
       buttons: t9,
       children: t10,
       className: t11,
+      ref,
       ...props
     } = t0);
     $[0] = t0;
     $[1] = props;
-    $[2] = t1;
-    $[3] = t10;
-    $[4] = t11;
-    $[5] = t2;
-    $[6] = t3;
-    $[7] = t4;
-    $[8] = t5;
-    $[9] = t6;
-    $[10] = t7;
-    $[11] = t8;
-    $[12] = t9;
+    $[2] = ref;
+    $[3] = t1;
+    $[4] = t10;
+    $[5] = t11;
+    $[6] = t2;
+    $[7] = t3;
+    $[8] = t4;
+    $[9] = t5;
+    $[10] = t6;
+    $[11] = t7;
+    $[12] = t8;
+    $[13] = t9;
   } else {
     props = $[1];
-    t1 = $[2];
-    t10 = $[3];
-    t11 = $[4];
-    t2 = $[5];
-    t3 = $[6];
-    t4 = $[7];
-    t5 = $[8];
-    t6 = $[9];
-    t7 = $[10];
-    t8 = $[11];
-    t9 = $[12];
+    ref = $[2];
+    t1 = $[3];
+    t10 = $[4];
+    t11 = $[5];
+    t2 = $[6];
+    t3 = $[7];
+    t4 = $[8];
+    t5 = $[9];
+    t6 = $[10];
+    t7 = $[11];
+    t8 = $[12];
+    t9 = $[13];
   }
   const resource = t1 === undefined ? null : t1;
   const fields = t2 === undefined ? null : t2;
@@ -72,12 +76,12 @@ function TwoPaneForm(t0) {
   const children = t10 === undefined ? null : t10;
   const className = t11 === undefined ? null : t11;
   let t12;
-  if ($[13] !== resource) {
+  if ($[14] !== resource) {
     t12 = resource || {};
-    $[13] = resource;
-    $[14] = t12;
+    $[14] = resource;
+    $[15] = t12;
   } else {
-    t12 = $[14];
+    t12 = $[15];
   }
   const {
     id: t13
@@ -90,119 +94,119 @@ function TwoPaneForm(t0) {
   const t16 = size === "large";
   const t17 = className !== null;
   let t18;
-  if ($[15] !== className || $[16] !== t14 || $[17] !== t15 || $[18] !== t16 || $[19] !== t17) {
+  if ($[16] !== className || $[17] !== t14 || $[18] !== t15 || $[19] !== t16 || $[20] !== t17) {
     t18 = classNames(["form", "col-12", {
       "col-lg-6": t14,
       "col-lg-5": t15,
       "col-lg-4": t16,
       [className]: t17
     }]);
-    $[15] = className;
-    $[16] = t14;
-    $[17] = t15;
-    $[18] = t16;
-    $[19] = t17;
-    $[20] = t18;
+    $[16] = className;
+    $[17] = t14;
+    $[18] = t15;
+    $[19] = t16;
+    $[20] = t17;
+    $[21] = t18;
   } else {
-    t18 = $[20];
+    t18 = $[21];
   }
   const formClassName = t18;
   const t19 = size === "half";
   const t20 = size === "medium";
   const t21 = size === "large";
   let t22;
-  if ($[21] !== t19 || $[22] !== t20 || $[23] !== t21) {
+  if ($[22] !== t19 || $[23] !== t20 || $[24] !== t21) {
     t22 = classNames(["preview", "col-12", {
       "col-lg-6": t19,
       "col-lg-7": t20,
       "col-lg-8": t21
     }]);
-    $[21] = t19;
-    $[22] = t20;
-    $[23] = t21;
-    $[24] = t22;
+    $[22] = t19;
+    $[23] = t20;
+    $[24] = t21;
+    $[25] = t22;
   } else {
-    t22 = $[24];
+    t22 = $[25];
   }
   const previewClassName = t22;
   let t23;
-  if ($[25] !== FieldsComponent || $[26] !== errors || $[27] !== fields || $[28] !== onChange || $[29] !== value) {
+  if ($[26] !== FieldsComponent || $[27] !== errors || $[28] !== fields || $[29] !== onChange || $[30] !== value) {
     t23 = /*#__PURE__*/jsx(FieldsComponent, {
       fields: fields,
       value: value,
       onChange: onChange,
       errors: errors
     });
-    $[25] = FieldsComponent;
-    $[26] = errors;
-    $[27] = fields;
-    $[28] = onChange;
-    $[29] = value;
-    $[30] = t23;
+    $[26] = FieldsComponent;
+    $[27] = errors;
+    $[28] = fields;
+    $[29] = onChange;
+    $[30] = value;
+    $[31] = t23;
   } else {
-    t23 = $[30];
+    t23 = $[31];
   }
   let t24;
-  if ($[31] !== buttons || $[32] !== errors || $[33] !== formClassName || $[34] !== onSubmit || $[35] !== props || $[36] !== resource || $[37] !== status || $[38] !== t23) {
+  if ($[32] !== buttons || $[33] !== errors || $[34] !== formClassName || $[35] !== onSubmit || $[36] !== props || $[37] !== ref || $[38] !== status || $[39] !== t23) {
     t24 = /*#__PURE__*/jsx(Form, {
       className: formClassName,
-      resource: resource,
       status: status,
       buttons: buttons,
       onSubmit: onSubmit,
       errors: errors,
+      ref: ref,
       ...props,
       children: t23
     });
-    $[31] = buttons;
-    $[32] = errors;
-    $[33] = formClassName;
-    $[34] = onSubmit;
-    $[35] = props;
-    $[36] = resource;
-    $[37] = status;
-    $[38] = t23;
-    $[39] = t24;
+    $[32] = buttons;
+    $[33] = errors;
+    $[34] = formClassName;
+    $[35] = onSubmit;
+    $[36] = props;
+    $[37] = ref;
+    $[38] = status;
+    $[39] = t23;
+    $[40] = t24;
   } else {
-    t24 = $[39];
+    t24 = $[40];
   }
   let t25;
-  if ($[40] !== PreviewComponent || $[41] !== children || $[42] !== resource || $[43] !== value) {
+  if ($[41] !== PreviewComponent || $[42] !== children || $[43] !== resource || $[44] !== value) {
     t25 = PreviewComponent !== null ? /*#__PURE__*/jsx(PreviewComponent, {
       resource: resource,
       value: value
     }) : children;
-    $[40] = PreviewComponent;
-    $[41] = children;
-    $[42] = resource;
-    $[43] = value;
-    $[44] = t25;
+    $[41] = PreviewComponent;
+    $[42] = children;
+    $[43] = resource;
+    $[44] = value;
+    $[45] = t25;
   } else {
-    t25 = $[44];
+    t25 = $[45];
   }
   let t26;
-  if ($[45] !== previewClassName || $[46] !== t25) {
+  if ($[46] !== previewClassName || $[47] !== t25) {
     t26 = /*#__PURE__*/jsx("div", {
       className: previewClassName,
       children: t25
     });
-    $[45] = previewClassName;
-    $[46] = t25;
-    $[47] = t26;
+    $[46] = previewClassName;
+    $[47] = t25;
+    $[48] = t26;
   } else {
-    t26 = $[47];
+    t26 = $[48];
   }
   let t27;
-  if ($[48] !== t24 || $[49] !== t26) {
+  if ($[49] !== t24 || $[50] !== t26) {
     t27 = /*#__PURE__*/jsxs("div", {
       className: "container-fluid row gx-4",
       children: [t24, t26]
     });
-    $[48] = t24;
-    $[49] = t26;
-    $[50] = t27;
+    $[49] = t24;
+    $[50] = t26;
+    $[51] = t27;
   } else {
-    t27 = $[50];
+    t27 = $[51];
   }
   return t27;
 }

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "@panneau/form-two-pane",
-    "version": "4.0.41",
+    "version": "4.0.46",
     "description": "Two-pane resource forms",
     "keywords": [
         "javascript"
@@ -61,9 +61,9 @@
     "dependencies": {
         "@babel/runtime": "^7.28.6",
         "@panneau/core": "^4.0.41",
-        "@panneau/data": "^4.0.41",
+        "@panneau/data": "^4.0.45",
         "@panneau/element-button": "^4.0.41",
-        "@panneau/element-form": "^4.0.41",
+        "@panneau/element-form": "^4.0.46",
         "@panneau/field-fields": "^4.0.41",
         "@panneau/themes": "^4.0.41",
         "classnames": "^2.5.1",
@@ -73,5 +73,5 @@
     "publishConfig": {
         "access": "public"
     },
-    "gitHead": "a61617e40bef47e494f069697896191ce578a909"
+    "gitHead": "00e376490c55e23491b76afd11d0fe64cdb7ee05"
 }