@movalib/movalib-commons 1.2.17 → 1.2.19

package/dist/src/DialogForgotPassword.d.ts

@@ -5,6 +5,7 @@ declare const DialogForgotPassword: React.FC<{
     setOpenForgotPassword: React.Dispatch<React.SetStateAction<boolean>>;
     movaAppType: MovaAppType;
     form: any;
+    onClose?: () => void;
     handleInputChange: (e: React.ChangeEvent<HTMLInputElement | HTMLTextAreaElement>) => void;
     handleSubmitForgotPassword: (e: React.MouseEvent<HTMLButtonElement, MouseEvent>) => void;
 }>;

package/dist/src/DialogForgotPassword.js

@@ -17,9 +17,14 @@ var material_1 = require("@mui/material");
 var Enums_1 = require("./helpers/Enums");
 var Validator_1 = require("./helpers/Validator");
 var DialogForgotPassword = function (_a) {
-    var openForgotPassword = _a.openForgotPassword, setOpenForgotPassword = _a.setOpenForgotPassword, movaAppType = _a.movaAppType, form = _a.form, handleInputChange = _a.handleInputChange, handleSubmitForgotPassword = _a.handleSubmitForgotPassword;
+    var openForgotPassword = _a.openForgotPassword, setOpenForgotPassword = _a.setOpenForgotPassword, movaAppType = _a.movaAppType, form = _a.form, handleInputChange = _a.handleInputChange, handleSubmitForgotPassword = _a.handleSubmitForgotPassword, onClose = _a.onClose;
     var defaultMessage = (0, react_1.useState)("Êtes-vous sûr de vouloir continuer ?")[0];
-    return ((0, jsx_runtime_1.jsxs)(material_1.Dialog, __assign({ open: openForgotPassword, onClose: function () { return setOpenForgotPassword(false); }, "aria-labelledby": "forgot-password-dialog-title", "aria-describedby": "forgot-password-dialog-description" }, { children: [(0, jsx_runtime_1.jsx)(material_1.DialogTitle, __assign({ id: "forgot-password-title" }, { children: "R\u00E9cup\u00E9ration du mot de passe" })), (0, jsx_runtime_1.jsxs)(material_1.DialogContent, { children: [(0, jsx_runtime_1.jsx)(material_1.DialogContentText, __assign({ id: "forgot-password-dialog-description", sx: { mb: 2 } }, { children: movaAppType === Enums_1.MovaAppType.GARAGE ?
+    var handleOnClose = function () {
+        setOpenForgotPassword(false);
+        if (onClose)
+            onClose();
+    };
+    return ((0, jsx_runtime_1.jsxs)(material_1.Dialog, __assign({ open: openForgotPassword, onClose: handleOnClose, "aria-labelledby": "forgot-password-dialog-title", "aria-describedby": "forgot-password-dialog-description" }, { children: [(0, jsx_runtime_1.jsx)(material_1.DialogTitle, __assign({ id: "forgot-password-title" }, { children: "R\u00E9cup\u00E9ration du mot de passe" })), (0, jsx_runtime_1.jsxs)(material_1.DialogContent, { children: [(0, jsx_runtime_1.jsx)(material_1.DialogContentText, __assign({ id: "forgot-password-dialog-description", sx: { mb: 2 } }, { children: movaAppType === Enums_1.MovaAppType.GARAGE ?
                             "Saisissez votre email pour procéder à la réinitialisation de votre mot de passe."
                             :
                                 "Saisissez votre n° de téléphone ou votre email pour procéder à la réinitialisation de votre mot de passe." })), (0, jsx_runtime_1.jsx)(material_1.TextField, { margin: "normal", autoFocus: true, required: true, fullWidth: true, id: movaAppType === Enums_1.MovaAppType.GARAGE ? "email" : "phoneNumberEmail", label: movaAppType === Enums_1.MovaAppType.GARAGE ? "Adresse email" : "N° de téléphone ou adresse email", name: movaAppType === Enums_1.MovaAppType.GARAGE ? "email" : "phoneNumberEmail", autoComplete: "email", onChange: function (e) { return handleInputChange(e); }, value: movaAppType === Enums_1.MovaAppType.GARAGE ? form.email.value : form.phoneNumberEmail.value, error: movaAppType === Enums_1.MovaAppType.GARAGE ? !form.email.isValid : !form.phoneNumberEmail.isValid, helperText: movaAppType === Enums_1.MovaAppType.GARAGE ? form.email.error : form.phoneNumberEmail.error })] }), (0, jsx_runtime_1.jsx)(material_1.DialogActions, { children: (0, jsx_runtime_1.jsx)(material_1.Button, __assign({ onClick: function (e) { return handleSubmitForgotPassword(e); }, color: "primary", disabled: movaAppType === Enums_1.MovaAppType.GARAGE ? !(form.email.value && (0, Validator_1.validateEmail)(form.email.value))

package/dist/src/MovaDialog.js

@@ -60,6 +60,6 @@ var MovaDialog = function (_a) {
                     zIndex: 0,
                     left: 0,
                     opacity: '0.2'
-                }, alt: 'Feuille Movalib' }), title && (0, jsx_runtime_1.jsx)(material_1.DialogTitle, __assign({ id: "garage-dialog-title", sx: { textAlign: 'center', p: 0, pt: 1, mt: 0, mb: 0, zIndex: 10 } }, { children: (0, jsx_runtime_1.jsx)(material_1.AppBar, __assign({ sx: { position: 'relative' }, color: "transparent", elevation: 0 }, { children: (0, jsx_runtime_1.jsxs)(material_1.Toolbar, { children: [closable && (0, jsx_runtime_1.jsx)(material_1.IconButton, __assign({ edge: "start", color: "inherit", onClick: handleOnBack, "aria-label": "close" }, { children: (0, jsx_runtime_1.jsx)(ArrowBackIosNewRounded_1.default, {}) })), (0, jsx_runtime_1.jsx)(material_1.Typography, __assign({ sx: { textAlign: 'center', fontSize: 20, flexGrow: 1, pl: closable ? '20px' : 'Opx', pr: closable ? '40px' : '0px' }, style: titleStyle }, { children: title }))] }) })) })), (0, jsx_runtime_1.jsxs)(material_1.DialogContent, __assign({ sx: { zIndex: 20 } }, { children: [children, message && (0, jsx_runtime_1.jsx)(material_1.Alert, __assign({ severity: "error", sx: { mb: 2 } }, { children: message }))] })), (0, jsx_runtime_1.jsx)(material_1.DialogActions, __assign({ sx: { justifyContent: 'center' } }, { children: actions }))] })));
+                }, alt: 'Feuille Movalib' }), title && (0, jsx_runtime_1.jsx)(material_1.DialogTitle, __assign({ id: "garage-dialog-title", sx: { textAlign: 'center', p: 0, pt: 1, mt: 0, mb: 0, zIndex: 10 } }, { children: (0, jsx_runtime_1.jsx)(material_1.AppBar, __assign({ sx: { position: 'relative' }, color: "transparent", elevation: 0 }, { children: (0, jsx_runtime_1.jsxs)(material_1.Toolbar, { children: [closable && (0, jsx_runtime_1.jsx)(material_1.IconButton, __assign({ edge: "start", color: "inherit", onClick: handleOnBack, "aria-label": "close" }, { children: (0, jsx_runtime_1.jsx)(ArrowBackIosNewRounded_1.default, {}) })), (0, jsx_runtime_1.jsx)(material_1.Typography, __assign({ sx: { textAlign: 'center', fontSize: 20, flexGrow: 1, pl: closable ? '20px' : 'Opx', pr: closable ? '40px' : '0px' }, style: titleStyle }, { children: title }))] }) })) })), (0, jsx_runtime_1.jsxs)(material_1.DialogContent, __assign({ sx: { zIndex: 20 } }, { children: [children, message && (0, jsx_runtime_1.jsx)(material_1.Alert, __assign({ severity: "error", sx: { mb: 2 } }, { children: message }))] })), actions && (0, jsx_runtime_1.jsx)(material_1.DialogActions, __assign({ sx: { justifyContent: 'center' } }, { children: actions }))] })));
 };
 exports.default = MovaDialog;

package/dist/src/MovaSignUp.d.ts

@@ -29,5 +29,5 @@ interface MovaSignUpProps {
  * 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;
+declare const MovaSignUp: FunctionComponent<MovaSignUpProps>;
+export default MovaSignUp;

package/dist/src/MovaSignUp.js

@@ -91,7 +91,7 @@ var initialUserFormState = {
  * 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 MovaSignUp = function (_a) {
     var loading = _a.loading, movaAppType = _a.movaAppType, onSubmit = _a.onSubmit, _b = _a.darkMode, darkMode = _b === void 0 ? false : _b, alertMessage = _a.alertMessage, alertSeverity = _a.alertSeverity, headerText = _a.headerText, _c = _a.showHeaderLogo, showHeaderLogo = _c === void 0 ? true : _c, _d = _a.showLeafs, showLeafs = _d === void 0 ? true : _d, _e = _a.showCopyright, showCopyright = _e === void 0 ? true : _e, _f = _a.showLoginButton, showLoginButton = _f === void 0 ? true : _f, _g = _a.disableGutters, disableGutters = _g === void 0 ? false : _g, _h = _a.usePhoneNumber, usePhoneNumber = _h === void 0 ? true : _h;
     var _j = (0, react_1.useState)(initialUserFormState), userForm = _j[0], setUserForm = _j[1];
     var history = (0, react_router_dom_1.useHistory)();
@@ -252,4 +252,4 @@ var MovaLogin = function (_a) {
                     opacity: '0.3',
                     zIndex: '-10' }, alt: 'Feuille Rose Movalib' })] })));
 };
-exports.default = MovaLogin;
+exports.default = MovaSignUp;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@movalib/movalib-commons",
-  "version": "1.2.17",
+  "version": "1.2.19",
   "description": "Bibliothèque d'objets communs à l'ensemble des projets React de Movalib",
   "main": "dist/index.js",
   "types": "dist/index.d.ts",

package/src/DialogForgotPassword.tsx

@@ -8,16 +8,23 @@ const DialogForgotPassword: React.FC<{
     setOpenForgotPassword: React.Dispatch<React.SetStateAction<boolean>>; // Ajout de setOpenForgotPassword
     movaAppType: MovaAppType; 
     form: any; 
+    onClose?: () => void; 
     handleInputChange: (e: React.ChangeEvent<HTMLInputElement | HTMLTextAreaElement>) => void; 
     handleSubmitForgotPassword: (e: React.MouseEvent<HTMLButtonElement, MouseEvent>) => void; 
-}> = ({ openForgotPassword, setOpenForgotPassword, movaAppType, form, handleInputChange, handleSubmitForgotPassword }) => {
+}> = ({ openForgotPassword, setOpenForgotPassword, movaAppType, form, handleInputChange, handleSubmitForgotPassword, onClose }) => {
     
     const [defaultMessage] = useState("Êtes-vous sûr de vouloir continuer ?");
 
+    const handleOnClose = () => {
+        setOpenForgotPassword(false)
+        if(onClose)
+            onClose();  
+    }
+
     return (
         <Dialog
             open={openForgotPassword}
-            onClose={() => setOpenForgotPassword(false)}
+            onClose={handleOnClose}
             aria-labelledby="forgot-password-dialog-title"
             aria-describedby="forgot-password-dialog-description"
         >

package/src/MovaDialog.tsx

@@ -110,9 +110,9 @@ const MovaDialog: FC<MovaDialogProps> = ({fullScreen, open, onClose, closable =
                 {children}
                 {message && <Alert severity="error" sx={{ mb: 2 }}>{message}</Alert>}
             </DialogContent>
-            <DialogActions sx={{ justifyContent:'center'}}>
+            {actions && <DialogActions sx={{ justifyContent:'center'}}>
                 {actions}
-            </DialogActions>
+            </DialogActions>}
         </Dialog>
     );
 }

package/src/MovaSignUp.tsx

@@ -72,7 +72,7 @@ interface MovaSignUpProps {
  * 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, darkMode = false, alertMessage, alertSeverity, headerText,
+const MovaSignUp: FunctionComponent<MovaSignUpProps> = ({ loading, movaAppType, onSubmit, darkMode = false, alertMessage, alertSeverity, headerText,
     showHeaderLogo = true, showLeafs= true, showCopyright = true, showLoginButton = true, disableGutters = false, usePhoneNumber = true}) => {
 
     const [userForm, setUserForm] = useState<MovaUserSignUpForm>(initialUserFormState);
@@ -458,4 +458,4 @@ const MovaLogin: FunctionComponent<MovaSignUpProps> = ({ loading, movaAppType, o
     );
 };
 
-export default MovaLogin;
+export default MovaSignUp;