@panneau/modal-form 4.0.40-alpha.3 → 4.0.45

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 { Field } from '@panneau/core';
 
 interface ModalFormProps {
@@ -16,7 +16,8 @@ interface ModalFormProps {
     withoutCloseOnComplete?: boolean;
     className?: string | null;
     children?: ReactNode | null;
+    formRef?: ForwardedRef<HTMLFormElement> | null;
 }
-declare function ModalForm({ id, title, name, fields, action, type, onComplete, onCancel, onClosed, submitButtonLabel, withoutCloseOnComplete, className, children, ...props }: ModalFormProps): react_jsx_runtime.JSX.Element;
+declare function ModalForm({ id, title, name, fields, action, type, onComplete, onCancel, onClosed, submitButtonLabel, withoutCloseOnComplete, className, children, formRef, ...props }: ModalFormProps): react_jsx_runtime.JSX.Element;
 
 export { ModalForm as default };

package/dist/index.js

@@ -6,13 +6,14 @@ import Dialog from '@panneau/modal-dialog';
 import { jsx, jsxs } from 'react/jsx-runtime';
 
 function ModalForm(t0) {
-  const $ = c(40);
+  const $ = c(42);
   let id;
   let props;
   let t1;
   let t10;
   let t11;
   let t12;
+  let t13;
   let t2;
   let t3;
   let t4;
@@ -36,6 +37,7 @@ function ModalForm(t0) {
       withoutCloseOnComplete: t10,
       className: t11,
       children: t12,
+      formRef: t13,
       ...props
     } = t0);
     $[0] = t0;
@@ -45,14 +47,15 @@ function ModalForm(t0) {
     $[4] = t10;
     $[5] = t11;
     $[6] = t12;
-    $[7] = t2;
-    $[8] = t3;
-    $[9] = t4;
-    $[10] = t5;
-    $[11] = t6;
-    $[12] = t7;
-    $[13] = t8;
-    $[14] = t9;
+    $[7] = t13;
+    $[8] = t2;
+    $[9] = t3;
+    $[10] = t4;
+    $[11] = t5;
+    $[12] = t6;
+    $[13] = t7;
+    $[14] = t8;
+    $[15] = t9;
   } else {
     id = $[1];
     props = $[2];
@@ -60,14 +63,15 @@ function ModalForm(t0) {
     t10 = $[4];
     t11 = $[5];
     t12 = $[6];
-    t2 = $[7];
-    t3 = $[8];
-    t4 = $[9];
-    t5 = $[10];
-    t6 = $[11];
-    t7 = $[12];
-    t8 = $[13];
-    t9 = $[14];
+    t13 = $[7];
+    t2 = $[8];
+    t3 = $[9];
+    t4 = $[10];
+    t5 = $[11];
+    t6 = $[12];
+    t7 = $[13];
+    t8 = $[14];
+    t9 = $[15];
   }
   const title = t1 === undefined ? null : t1;
   const name = t2 === undefined ? null : t2;
@@ -81,34 +85,35 @@ function ModalForm(t0) {
   const withoutCloseOnComplete = t10 === undefined ? false : t10;
   const className = t11 === undefined ? null : t11;
   const children = t12 === undefined ? null : t12;
+  const formRef = t13 === undefined ? null : t13;
   const [opened, setOpened] = useState(true);
-  let t13;
-  if ($[15] === Symbol.for("react.memo_cache_sentinel")) {
-    t13 = () => {
+  let t14;
+  if ($[16] === Symbol.for("react.memo_cache_sentinel")) {
+    t14 = () => {
       setOpened(false);
     };
-    $[15] = t13;
+    $[16] = t14;
   } else {
-    t13 = $[15];
+    t14 = $[16];
   }
-  const requestClose = t13;
-  let t14;
-  if ($[16] !== onCancel) {
-    t14 = () => {
+  const requestClose = t14;
+  let t15;
+  if ($[17] !== onCancel) {
+    t15 = () => {
       setOpened(false);
       if (onCancel !== null) {
         onCancel();
       }
     };
-    $[16] = onCancel;
-    $[17] = t14;
+    $[17] = onCancel;
+    $[18] = t15;
   } else {
-    t14 = $[17];
+    t15 = $[18];
   }
-  const onFormCancel = t14;
-  let t15;
-  if ($[18] !== onComplete || $[19] !== withoutCloseOnComplete) {
-    t15 = value => {
+  const onFormCancel = t15;
+  let t16;
+  if ($[19] !== onComplete || $[20] !== withoutCloseOnComplete) {
+    t16 = value => {
       if (!withoutCloseOnComplete) {
         setOpened(false);
       }
@@ -116,16 +121,16 @@ function ModalForm(t0) {
         onComplete(value);
       }
     };
-    $[18] = onComplete;
-    $[19] = withoutCloseOnComplete;
-    $[20] = t15;
+    $[19] = onComplete;
+    $[20] = withoutCloseOnComplete;
+    $[21] = t16;
   } else {
-    t15 = $[20];
+    t16 = $[21];
   }
-  const onFormComplete = t15;
-  let t16;
-  if ($[21] !== name || $[22] !== title) {
-    t16 = title || (name !== null ? /*#__PURE__*/jsx(FormattedMessage, {
+  const onFormComplete = t16;
+  let t17;
+  if ($[22] !== name || $[23] !== title) {
+    t17 = title || (name !== null ? /*#__PURE__*/jsx(FormattedMessage, {
       id: "smqUAV",
       values: {
         name
@@ -133,16 +138,17 @@ function ModalForm(t0) {
     }) : /*#__PURE__*/jsx(FormattedMessage, {
       id: "T/NPHK"
     }));
-    $[21] = name;
-    $[22] = title;
-    $[23] = t16;
+    $[22] = name;
+    $[23] = title;
+    $[24] = t17;
   } else {
-    t16 = $[23];
+    t17 = $[24];
   }
-  let t17;
-  if ($[24] !== action || $[25] !== fields || $[26] !== onFormCancel || $[27] !== onFormComplete || $[28] !== props || $[29] !== submitButtonLabel || $[30] !== type) {
-    t17 = /*#__PURE__*/jsx(Form, {
+  let t18;
+  if ($[25] !== action || $[26] !== fields || $[27] !== formRef || $[28] !== onFormCancel || $[29] !== onFormComplete || $[30] !== props || $[31] !== submitButtonLabel || $[32] !== type) {
+    t18 = /*#__PURE__*/jsx(Form, {
       ...props,
+      ref: formRef,
       fields: fields,
       action: action,
       type: type,
@@ -151,41 +157,42 @@ function ModalForm(t0) {
       onCancel: onFormCancel,
       submitButtonLabel: submitButtonLabel
     });
-    $[24] = action;
-    $[25] = fields;
-    $[26] = onFormCancel;
-    $[27] = onFormComplete;
-    $[28] = props;
-    $[29] = submitButtonLabel;
-    $[30] = type;
-    $[31] = t17;
+    $[25] = action;
+    $[26] = fields;
+    $[27] = formRef;
+    $[28] = onFormCancel;
+    $[29] = onFormComplete;
+    $[30] = props;
+    $[31] = submitButtonLabel;
+    $[32] = type;
+    $[33] = t18;
   } else {
-    t17 = $[31];
+    t18 = $[33];
   }
-  let t18;
-  if ($[32] !== children || $[33] !== className || $[34] !== id || $[35] !== onClosed || $[36] !== opened || $[37] !== t16 || $[38] !== t17) {
-    t18 = /*#__PURE__*/jsxs(Dialog, {
+  let t19;
+  if ($[34] !== children || $[35] !== className || $[36] !== id || $[37] !== onClosed || $[38] !== opened || $[39] !== t17 || $[40] !== t18) {
+    t19 = /*#__PURE__*/jsxs(Dialog, {
       id: id,
-      title: t16,
+      title: t17,
       size: "lg",
       visible: opened,
       requestClose: requestClose,
       onClosed: onClosed,
       className: className,
-      children: [children, t17]
+      children: [children, t18]
     });
-    $[32] = children;
-    $[33] = className;
-    $[34] = id;
-    $[35] = onClosed;
-    $[36] = opened;
-    $[37] = t16;
-    $[38] = t17;
-    $[39] = t18;
+    $[34] = children;
+    $[35] = className;
+    $[36] = id;
+    $[37] = onClosed;
+    $[38] = opened;
+    $[39] = t17;
+    $[40] = t18;
+    $[41] = t19;
   } else {
-    t18 = $[39];
+    t19 = $[41];
   }
-  return t18;
+  return t19;
 }
 
 export { ModalForm as default };

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "@panneau/modal-form",
-    "version": "4.0.40-alpha.3",
+    "version": "4.0.45",
     "description": "Resource form modal",
     "keywords": [
         "javascript"
@@ -52,11 +52,11 @@
     },
     "dependencies": {
         "@babel/runtime": "^7.28.6",
-        "@panneau/core": "^4.0.40-alpha.3",
-        "@panneau/form": "^4.0.40-alpha.3",
-        "@panneau/intl": "^4.0.40-alpha.3",
-        "@panneau/modal-dialog": "^4.0.40-alpha.3",
-        "@panneau/themes": "^4.0.40-alpha.3",
+        "@panneau/core": "^4.0.41",
+        "@panneau/form": "^4.0.45",
+        "@panneau/intl": "^4.0.45",
+        "@panneau/modal-dialog": "^4.0.41",
+        "@panneau/themes": "^4.0.41",
         "classnames": "^2.5.1",
         "lodash": "^4.17.21",
         "react-intl": "^6.0.0 || ^7.0.0 || ^8.0.0 || ^10.0.0"
@@ -64,5 +64,5 @@
     "publishConfig": {
         "access": "public"
     },
-    "gitHead": "1735964a2702ae0480b642225286e4184f36680d"
+    "gitHead": "33c9c717de67f2a018289e91ea16daa2d5925cd2"
 }