@panneau/form-auth 4.0.73 → 4.0.75

package/dist/index.d.ts

@@ -1,5 +1,5 @@
 import * as react from 'react';
-import { Field, Label } from '@panneau/core';
+import { Field, Label, ControlSize, FormDefinition } from '@panneau/core';
 
 interface ChangePasswordProps {
     action?: string;
@@ -36,8 +36,8 @@ declare function ForgotPassword({ action, fields, emailLabel, submitButtonLabel,
 interface LoginProps {
     action?: string;
     postForm?: ((action: string, data: unknown) => Promise<unknown>) | null;
-    fields?: Field[] | null;
-    size?: string;
+    fields: Field[] | null;
+    size?: ControlSize;
     emailLabel?: Label | null;
     passwordLabel?: Label | null;
     submitButtonLabel?: Label | null;
@@ -45,7 +45,7 @@ interface LoginProps {
     forgotPasswordLink?: string;
     forgotPasswordLabel?: Label | null;
 }
-declare function Login({ action, postForm, fields, size, emailLabel, passwordLabel, submitButtonLabel, withForgotPassword, forgotPasswordLink, forgotPasswordLabel, ...props }: LoginProps): react.JSX.Element;
+declare function Login({ action, postForm, size, submitButtonLabel, withForgotPassword, forgotPasswordLink, forgotPasswordLabel, ...props }: LoginProps): react.JSX.Element;
 
 interface RegisterProps {
     action?: string;
@@ -106,4 +106,6 @@ interface TwoFactorEnableProps {
 }
 declare function TwoFactorEnable({ action, fields, explainationLabel, submitButtonLabel, size, withSkipLink, skipLink, skipLabel, ...props }: TwoFactorEnableProps): react.JSX.Element;
 
-export { ChangePassword, ConfirmPassword, ForgotPassword, Login, Register, ResetPassword, TwoFactorChallenge, TwoFactorDisable, TwoFactorEnable };
+declare const definitions: FormDefinition[];
+
+export { ChangePassword, ConfirmPassword, ForgotPassword, Login, Register, ResetPassword, TwoFactorChallenge, TwoFactorDisable, TwoFactorEnable, definitions as definition };

package/dist/index.js

@@ -3,6 +3,7 @@ import { FormattedMessage } from 'react-intl';
 import Form from '@panneau/form';
 import { jsx } from 'react/jsx-runtime';
 import Link from '@panneau/element-link';
+import { useFormDefinition } from '@panneau/core/contexts';
 import { postJSON, getCSRFHeaders } from '@folklore/fetch';
 
 function ChangePassword(t0) {
@@ -315,139 +316,112 @@ function ForgotPassword(t0) {
 }
 
 function Login(t0) {
-  const $ = c(30);
+  const $ = c(25);
   let props;
   let t1;
-  let t10;
   let t2;
   let t3;
   let t4;
   let t5;
   let t6;
   let t7;
-  let t8;
-  let t9;
   if ($[0] !== t0) {
     ({
       action: t1,
       postForm: t2,
-      fields: t3,
-      size: t4,
-      emailLabel: t5,
-      passwordLabel: t6,
-      submitButtonLabel: t7,
-      withForgotPassword: t8,
-      forgotPasswordLink: t9,
-      forgotPasswordLabel: t10,
+      size: t3,
+      submitButtonLabel: t4,
+      withForgotPassword: t5,
+      forgotPasswordLink: t6,
+      forgotPasswordLabel: t7,
       ...props
     } = t0);
     $[0] = t0;
     $[1] = props;
     $[2] = t1;
-    $[3] = t10;
-    $[4] = t2;
-    $[5] = t3;
-    $[6] = t4;
-    $[7] = t5;
-    $[8] = t6;
-    $[9] = t7;
-    $[10] = t8;
-    $[11] = t9;
+    $[3] = t2;
+    $[4] = t3;
+    $[5] = t4;
+    $[6] = t5;
+    $[7] = t6;
+    $[8] = t7;
   } else {
     props = $[1];
     t1 = $[2];
-    t10 = $[3];
-    t2 = $[4];
-    t3 = $[5];
-    t4 = $[6];
-    t5 = $[7];
-    t6 = $[8];
-    t7 = $[9];
-    t8 = $[10];
-    t9 = $[11];
+    t2 = $[3];
+    t3 = $[4];
+    t4 = $[5];
+    t5 = $[6];
+    t6 = $[7];
+    t7 = $[8];
   }
   const action = t1 === undefined ? "/login" : t1;
   const postForm = t2 === undefined ? null : t2;
-  const fields = t3 === undefined ? null : t3;
-  const size = t4 === undefined ? "lg" : t4;
-  const emailLabel = t5 === undefined ? null : t5;
-  const passwordLabel = t6 === undefined ? null : t6;
-  const submitButtonLabel = t7 === undefined ? null : t7;
-  const withForgotPassword = t8 === undefined ? false : t8;
-  const forgotPasswordLink = t9 === undefined ? "/forgot-password" : t9;
-  const forgotPasswordLabel = t10 === undefined ? null : t10;
-  let t11;
-  if ($[12] !== emailLabel || $[13] !== fields || $[14] !== passwordLabel || $[15] !== size) {
-    t11 = fields || [{
-      name: "email",
-      type: "email",
-      size,
-      label: emailLabel || /*#__PURE__*/jsx(FormattedMessage, {
-        id: "LI0Gz4"
-      })
-    }, {
-      name: "password",
-      type: "password",
-      size,
-      label: passwordLabel || /*#__PURE__*/jsx(FormattedMessage, {
-        id: "4yfet+"
-      })
-    }];
-    $[12] = emailLabel;
-    $[13] = fields;
-    $[14] = passwordLabel;
-    $[15] = size;
-    $[16] = t11;
-  } else {
-    t11 = $[16];
-  }
-  let t12;
-  if ($[17] !== submitButtonLabel) {
-    t12 = submitButtonLabel || /*#__PURE__*/jsx(FormattedMessage, {
+  const size = t3 === undefined ? "lg" : t3;
+  const submitButtonLabel = t4 === undefined ? null : t4;
+  const withForgotPassword = t5 === undefined ? false : t5;
+  const forgotPasswordLink = t6 === undefined ? "/forgot-password" : t6;
+  const forgotPasswordLabel = t7 === undefined ? null : t7;
+  const {
+    fields
+  } = useFormDefinition("login") || {};
+  let t8;
+  if ($[9] !== submitButtonLabel) {
+    t8 = submitButtonLabel || /*#__PURE__*/jsx(FormattedMessage, {
       id: "g6qbbX"
     });
-    $[17] = submitButtonLabel;
-    $[18] = t12;
+    $[9] = submitButtonLabel;
+    $[10] = t8;
   } else {
-    t12 = $[18];
+    t8 = $[10];
   }
-  let t13;
-  if ($[19] !== forgotPasswordLabel || $[20] !== forgotPasswordLink || $[21] !== withForgotPassword) {
-    t13 = withForgotPassword ? /*#__PURE__*/jsx(Link, {
+  let t9;
+  if ($[11] !== forgotPasswordLabel || $[12] !== forgotPasswordLink || $[13] !== withForgotPassword) {
+    t9 = withForgotPassword ? /*#__PURE__*/jsx(Link, {
       href: forgotPasswordLink,
       className: "py-2 px-4",
       children: forgotPasswordLabel || /*#__PURE__*/jsx(FormattedMessage, {
         id: "ZBNqY2"
       })
     }) : null;
-    $[19] = forgotPasswordLabel;
-    $[20] = forgotPasswordLink;
-    $[21] = withForgotPassword;
-    $[22] = t13;
+    $[11] = forgotPasswordLabel;
+    $[12] = forgotPasswordLink;
+    $[13] = withForgotPassword;
+    $[14] = t9;
   } else {
-    t13 = $[22];
+    t9 = $[14];
   }
-  let t14;
-  if ($[23] !== action || $[24] !== postForm || $[25] !== props || $[26] !== t11 || $[27] !== t12 || $[28] !== t13) {
-    t14 = /*#__PURE__*/jsx(Form, {
+  let t10;
+  if ($[15] !== fields) {
+    t10 = fields || [];
+    $[15] = fields;
+    $[16] = t10;
+  } else {
+    t10 = $[16];
+  }
+  let t11;
+  if ($[17] !== action || $[18] !== postForm || $[19] !== props || $[20] !== size || $[21] !== t10 || $[22] !== t8 || $[23] !== t9) {
+    t11 = /*#__PURE__*/jsx(Form, {
       action: action,
       postForm: postForm,
-      fields: t11,
-      submitButtonLabel: t12,
-      actions: t13,
+      submitButtonLabel: t8,
+      actions: t9,
+      size: size,
+      fields: t10,
       ...props
     });
-    $[23] = action;
-    $[24] = postForm;
-    $[25] = props;
-    $[26] = t11;
-    $[27] = t12;
-    $[28] = t13;
-    $[29] = t14;
+    $[17] = action;
+    $[18] = postForm;
+    $[19] = props;
+    $[20] = size;
+    $[21] = t10;
+    $[22] = t8;
+    $[23] = t9;
+    $[24] = t11;
   } else {
-    t14 = $[29];
+    t11 = $[24];
   }
-  return t14;
+  return t11;
 }
 
 function Register(t0) {
@@ -1041,4 +1015,25 @@ function TwoFactorEnable(t0) {
   return t13;
 }
 
-export { ChangePassword, ConfirmPassword, ForgotPassword, Login, Register, ResetPassword, TwoFactorChallenge, TwoFactorDisable, TwoFactorEnable };
+const definitions = [{
+  id: 'login',
+  component: 'login',
+  fields: [{
+    name: 'email',
+    type: 'email',
+    label: /*#__PURE__*/jsx(FormattedMessage, {
+      id: "LI0Gz4"
+    })
+  }, {
+    name: 'password',
+    type: 'password',
+    label: /*#__PURE__*/jsx(FormattedMessage, {
+      id: "4yfet+"
+    })
+  }],
+  submitButtonLabel: /*#__PURE__*/jsx(FormattedMessage, {
+    id: "g6qbbX"
+  })
+}];
+
+export { ChangePassword, ConfirmPassword, ForgotPassword, Login, Register, ResetPassword, TwoFactorChallenge, TwoFactorDisable, TwoFactorEnable, definitions as definition };

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "@panneau/form-auth",
-    "version": "4.0.73",
+    "version": "4.0.75",
     "description": "Basic forgot password form",
     "keywords": [
         "javascript"
@@ -48,9 +48,9 @@
     "dependencies": {
         "@babel/runtime": "^7.28.6",
         "@folklore/fetch": "^0.1.21",
-        "@panneau/core": "^4.0.73",
-        "@panneau/element-link": "^4.0.73",
-        "@panneau/form": "^4.0.73",
+        "@panneau/core": "^4.0.75",
+        "@panneau/element-link": "^4.0.75",
+        "@panneau/form": "^4.0.75",
         "classnames": "^2.5.1",
         "lodash": "^4.17.21",
         "react-intl": "^6.0.0 || ^7.0.0 || ^8.0.0 || ^10.0.0"
@@ -66,5 +66,5 @@
     "publishConfig": {
         "access": "public"
     },
-    "gitHead": "59fe06241775f60d387d99b22c16bb474964e6d0"
+    "gitHead": "2eb608f88ad5041b3fa9c472e97a68680e281766"
 }