@movalib/movalib-commons 1.0.18 → 1.0.20

package/dist/src/MovaLogin.d.ts

@@ -17,5 +17,10 @@ interface MovaLoginProps {
     alertSeverity?: AlertColor;
     loading?: boolean;
 }
+/**
+ * Formulaire d'authentification Movalib (Garage / Utilisateur)
+ * ATTENTION : la page attendue pour le bouton "Mot de passe oublié" doit pointer vers "/forgot-password"
+ * ATTENTION : la page attendue pour le bouton "Créer mon compte" doit pointer vers "/signup"
+ */
 declare const MovaLogin: FunctionComponent<MovaLoginProps>;
 export default MovaLogin;

package/dist/src/MovaLogin.js

@@ -73,6 +73,11 @@ var initialFormState = {
     email: { value: '', isValid: true },
     password: { value: '', isValid: true },
 };
+/**
+ * Formulaire d'authentification Movalib (Garage / Utilisateur)
+ * ATTENTION : la page attendue pour le bouton "Mot de passe oublié" doit pointer vers "/forgot-password"
+ * ATTENTION : la page attendue pour le bouton "Créer mon compte" doit pointer vers "/signup"
+ */
 var MovaLogin = function (_a) {
     var loading = _a.loading, movaAppType = _a.movaAppType, onSubmit = _a.onSubmit, alertMessage = _a.alertMessage, alertSeverity = _a.alertSeverity;
     var _b = (0, react_1.useState)(initialFormState), form = _b[0], setForm = _b[1];
@@ -128,7 +133,7 @@ var MovaLogin = function (_a) {
                             display: 'flex',
                             flexDirection: 'column',
                             alignItems: 'center',
-                        } }, { children: [(0, jsx_runtime_1.jsx)("img", { src: getMovaLogo(), style: { width: '80%' } }), (0, jsx_runtime_1.jsx)("br", {})] })), (0, jsx_runtime_1.jsxs)(material_1.Box, __assign({ component: "form", onSubmit: handleSubmit, noValidate: true, sx: { mt: 1 } }, { children: [(0, jsx_runtime_1.jsx)(material_1.TextField, { margin: "normal", required: true, fullWidth: true, id: "email", label: "Adresse email", name: "email", autoComplete: "email", autoFocus: true, onChange: function (e) { return handleInputChange(e); }, value: form.email.value, error: !form.email.isValid, helperText: form.email.error }), (0, jsx_runtime_1.jsx)(material_1.TextField, { margin: "normal", required: true, fullWidth: true, name: "password", label: "Mot de passe", type: "password", id: "password", autoComplete: "current-password", onChange: function (e) { return handleInputChange(e); }, value: form.password.value, error: !form.password.isValid, helperText: form.password.error }), (0, jsx_runtime_1.jsx)(material_1.FormControlLabel, { control: (0, jsx_runtime_1.jsx)(material_1.Checkbox, { value: "remember", color: "primary" }), label: "Se souvenir de moi" }), (0, jsx_runtime_1.jsx)(lab_1.LoadingButton, __assign({ loading: loading, type: "submit", fullWidth: true, variant: "contained", sx: { mt: 3, mb: 2 } }, { children: (0, jsx_runtime_1.jsx)("span", { children: "Se connecter" }) })), alertMessage && alertSeverity && (0, jsx_runtime_1.jsx)(material_1.Alert, __assign({ severity: alertSeverity, sx: { mb: 2 } }, { children: alertMessage })), (0, jsx_runtime_1.jsxs)(material_1.Grid, __assign({ container: true }, { children: [(0, jsx_runtime_1.jsx)(material_1.Grid, __assign({ item: true, xs: true }, { children: (0, jsx_runtime_1.jsx)(material_1.Link, __assign({ href: "/forgot-password", variant: "body2", color: "text.secondary" }, { children: "Mot de passe oubli\u00E9 ?" })) })), movaAppType === Enums_1.MovaAppType.USER && (0, jsx_runtime_1.jsx)(material_1.Grid, __assign({ item: true }, { children: (0, jsx_runtime_1.jsx)(material_1.Link, __assign({ href: "/signup", variant: "body2", color: "text.secondary" }, { children: "Créer un compte" })) }))] }))] })), (0, jsx_runtime_1.jsx)(MovaCopyright_1.default, { sx: { mt: 8, mb: 4 } })] })), (0, jsx_runtime_1.jsx)("img", { src: leaf_pink_large_png_1.default, style: { position: 'fixed',
+                        } }, { children: [(0, jsx_runtime_1.jsx)("img", { src: getMovaLogo(), style: { width: '80%' } }), (0, jsx_runtime_1.jsx)("br", {})] })), (0, jsx_runtime_1.jsxs)(material_1.Box, __assign({ component: "form", onSubmit: handleSubmit, noValidate: true, sx: { mt: 1 } }, { children: [(0, jsx_runtime_1.jsx)(material_1.TextField, { margin: "normal", required: true, fullWidth: true, id: "email", label: "Adresse email", name: "email", autoComplete: "email", autoFocus: true, onChange: function (e) { return handleInputChange(e); }, value: form.email.value, error: !form.email.isValid, helperText: form.email.error }), (0, jsx_runtime_1.jsx)(material_1.TextField, { margin: "normal", required: true, fullWidth: true, name: "password", label: "Mot de passe", type: "password", id: "password", autoComplete: "current-password", onChange: function (e) { return handleInputChange(e); }, value: form.password.value, error: !form.password.isValid, helperText: form.password.error }), (0, jsx_runtime_1.jsx)(material_1.FormControlLabel, { control: (0, jsx_runtime_1.jsx)(material_1.Checkbox, { value: "remember", color: "primary" }), label: "Se souvenir de moi" }), (0, jsx_runtime_1.jsx)(lab_1.LoadingButton, __assign({ loading: loading, type: "submit", fullWidth: true, variant: "contained", sx: { mt: 3, mb: 2 } }, { children: (0, jsx_runtime_1.jsx)("span", { children: "Se connecter" }) })), alertMessage && alertSeverity && (0, jsx_runtime_1.jsx)(material_1.Alert, __assign({ severity: alertSeverity, sx: { mb: 2 } }, { children: alertMessage })), (0, jsx_runtime_1.jsxs)(material_1.Grid, __assign({ container: true }, { children: [(0, jsx_runtime_1.jsx)(material_1.Grid, __assign({ item: true, xs: true }, { children: (0, jsx_runtime_1.jsx)(material_1.Link, __assign({ href: "/forgot-password", variant: "body2", color: "text.secondary" }, { children: "Mot de passe oubli\u00E9 ?" })) })), movaAppType === Enums_1.MovaAppType.USER && (0, jsx_runtime_1.jsx)(material_1.Grid, __assign({ item: true }, { children: (0, jsx_runtime_1.jsx)(material_1.Link, __assign({ href: "/signup", variant: "body2", color: "text.secondary" }, { children: "Créer mon compte" })) }))] }))] })), (0, jsx_runtime_1.jsx)(MovaCopyright_1.default, { sx: { mt: 8, mb: 4 } })] })), (0, jsx_runtime_1.jsx)("img", { src: leaf_pink_large_png_1.default, style: { position: 'fixed',
                     float: 'right',
                     width: '250px',
                     height: '400px',

package/dist/src/MovaSignUp.d.ts

@@ -1,6 +1,6 @@
 import { FunctionComponent } from "react";
 import { AlertColor } from "@mui/material";
-import { MovaLoginForm } from "./helpers/Types";
+import { MovaUserSignUpForm } from "./helpers/Types";
 import { MovaAppType } from "./helpers/Enums";
 /**
  * Propriétés du composant
@@ -12,10 +12,14 @@ import { MovaAppType } from "./helpers/Enums";
  */
 interface MovaSignUpProps {
     movaAppType: MovaAppType;
-    onSubmit: (form: MovaLoginForm) => void;
+    onSubmit: (form: MovaUserSignUpForm) => void;
     alertMessage?: string;
     alertSeverity?: AlertColor;
     loading?: boolean;
 }
+/**
+ * Formulaire de création d'un compte Movalib (Garage / Utilisateur)
+ * ATTENTION : le lien de consultation des CGU doit pointer vers "/terms-and-conditions"
+ */
 declare const MovaLogin: FunctionComponent<MovaSignUpProps>;
 export default MovaLogin;

package/dist/src/MovaSignUp.js

@@ -79,6 +79,10 @@ var initialUserFormState = {
     birthDate: { value: '', isValid: true },
     acceptsTerms: { value: false, isValid: true },
 };
+/**
+ * Formulaire de création d'un compte Movalib (Garage / Utilisateur)
+ * ATTENTION : le lien de consultation des CGU doit pointer vers "/terms-and-conditions"
+ */
 var MovaLogin = function (_a) {
     var loading = _a.loading, movaAppType = _a.movaAppType, onSubmit = _a.onSubmit, alertMessage = _a.alertMessage, alertSeverity = _a.alertSeverity;
     var _b = (0, react_1.useState)(initialUserFormState), userForm = _b[0], setUserForm = _b[1];

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@movalib/movalib-commons",
-  "version": "1.0.18",
+  "version": "1.0.20",
   "description": "Bibliothèque d'objets communs à l'ensemble des projets React de Movalib",
   "main": "dist/index.js",
   "types": "dist/index.d.ts",
@@ -8,7 +8,7 @@
   "scripts": {
     "start": "webpack-dev-server --entry ./devIndex.tsx --open",
     "build": "rm -rf dist && tsc && npm run copy-assets",
-    "copy-assets": "cp -r src/assets/ dist/assets/",
+    "copy-assets": "cp -r src/assets/ dist/src/assets/",
     "test": "echo \"Error: no test specified\" && exit 1",
     "clean": "rm -rf dist node_modules package-lock.json"
   },

package/src/MovaLogin.tsx

@@ -40,6 +40,11 @@ interface MovaLoginProps {
     loading?: boolean
 }
 
+/**
+ * Formulaire d'authentification Movalib (Garage / Utilisateur)
+ * ATTENTION : la page attendue pour le bouton "Mot de passe oublié" doit pointer vers "/forgot-password"
+ * ATTENTION : la page attendue pour le bouton "Créer mon compte" doit pointer vers "/signup"
+ */
 const MovaLogin: FunctionComponent<MovaLoginProps> = ({ loading, movaAppType, onSubmit, alertMessage, alertSeverity }) => {
 
     const [form, setForm] = useState<MovaLoginForm>(initialFormState);
@@ -169,7 +174,7 @@ const MovaLogin: FunctionComponent<MovaLoginProps> = ({ loading, movaAppType, on
                         </Grid>
                         {movaAppType === MovaAppType.USER && <Grid item>
                             <Link href="/signup" variant="body2" color="text.secondary">
-                            {"Créer un compte"}
+                            {"Créer mon compte"}
                             </Link>
                         </Grid>}
                     </Grid>

package/src/MovaSignUp.tsx

@@ -6,7 +6,7 @@ import GreenLeafImage from "./assets/images/leaf_green_large.png";
 import PinkLeafImage from "./assets/images/leaf_pink_large.png";
 import { Alert, AlertColor, Box, Checkbox, Container, CssBaseline, FormControl, FormControlLabel, FormHelperText, Grid, Link, SelectChangeEvent, TextField, Typography } from "@mui/material";
 import MovaCopyright from "./MovaCopyright";
-import { MovaLoginForm, MovaFormField, MovaUserSignUpForm } from "./helpers/Types";
+import { MovaFormField, MovaUserSignUpForm } from "./helpers/Types";
 import { MovaAppType } from "./helpers/Enums";
 import { validateEmail } from "./helpers/Validator";
 import GenderSelector from "./GenderSelector";
@@ -40,12 +40,16 @@ const initialUserFormState = {
  */
 interface MovaSignUpProps {
     movaAppType: MovaAppType,
-    onSubmit: (form: MovaLoginForm) => void,
+    onSubmit: (form: MovaUserSignUpForm) => void,
     alertMessage?: string,
     alertSeverity?: AlertColor,
     loading?: boolean
 }
 
+/**
+ * Formulaire de création d'un compte Movalib (Garage / Utilisateur)
+ * ATTENTION : le lien de consultation des CGU doit pointer vers "/terms-and-conditions"
+ */
 const MovaLogin: FunctionComponent<MovaSignUpProps> = ({ loading, movaAppType, onSubmit, alertMessage, alertSeverity }) => {
 
     const [userForm, setUserForm] = useState<MovaUserSignUpForm>(initialUserFormState);