@movalib/movalib-commons 1.0.4 → 1.0.6

package/dist/MovaCopyright.js

@@ -1,3 +1,4 @@
+"use strict";
 var __assign = (this && this.__assign) || function () {
     __assign = Object.assign || function(t) {
         for (var s, i = 1, n = arguments.length; i < n; i++) {
@@ -9,9 +10,10 @@ var __assign = (this && this.__assign) || function () {
     };
     return __assign.apply(this, arguments);
 };
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { Link, Typography } from "@mui/material";
+Object.defineProperty(exports, "__esModule", { value: true });
+var jsx_runtime_1 = require("react/jsx-runtime");
+var material_1 = require("@mui/material");
 function MovaCopyright(props) {
-    return (_jsxs(Typography, __assign({ variant: "body2", color: "text.secondary", align: "center" }, props, { children: ['Copyright © ', _jsx(Link, __assign({ color: "inherit", href: "https://www.movalib.com" }, { children: "Movalib.com" })), ' ', new Date().getFullYear(), '.'] })));
+    return ((0, jsx_runtime_1.jsxs)(material_1.Typography, __assign({ variant: "body2", color: "text.secondary", align: "center" }, props, { children: ['Copyright © ', (0, jsx_runtime_1.jsx)(material_1.Link, __assign({ color: "inherit", href: "https://www.movalib.com" }, { children: "Movalib.com" })), ' ', new Date().getFullYear(), '.'] })));
 }
-export default MovaCopyright;
+exports.default = MovaCopyright;

package/dist/MovaLogin.d.ts

@@ -2,8 +2,9 @@ import { FunctionComponent } from "react";
 import { MovaLoginForm } from "./helpers/Types";
 import { MovaAppType } from "./helpers/Enums";
 interface MovaLoginProps {
-    movaAppType: MovaAppType;
+    movaAppType: MovaAppType | "GARAGE" | "USER" | "ADMIN";
     onSubmit: (form: MovaLoginForm) => void;
+    loading?: boolean;
 }
 declare const MovaLogin: FunctionComponent<MovaLoginProps>;
 export default MovaLogin;

package/dist/MovaLogin.js

@@ -1,3 +1,4 @@
+"use strict";
 var __assign = (this && this.__assign) || function () {
     __assign = Object.assign || function(t) {
         for (var s, i = 1, n = arguments.length; i < n; i++) {
@@ -45,17 +46,21 @@ var __generator = (this && this.__generator) || function (thisArg, body) {
         if (op[0] & 5) throw op[1]; return { value: op[0] ? op[1] : void 0, done: true };
     }
 };
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { useState } from "react";
-import { LoadingButton } from '@mui/lab';
-import LogoLarge from './assets/images/logo/logo_large.png';
-import LogoProLarge from './assets/images/logo/logo_pro_large.png';
-import GreenLeafImage from './assets/images/logo/leaf_green_large.png';
-import PinkLeafImage from './assets/images/logo/leaf_pink_large.png';
-import { Alert, Box, Checkbox, Container, CssBaseline, FormControlLabel, Grid, Link, TextField } from "@mui/material";
-import MovaCopyright from "./MovaCopyright";
-import { MovaAppType } from "./helpers/Enums";
-import { validateEmail } from "./helpers/Validator";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+var jsx_runtime_1 = require("react/jsx-runtime");
+var react_1 = require("react");
+var lab_1 = require("@mui/lab");
+var logo_large_png_1 = __importDefault(require("./assets/images/logo/logo_large.png"));
+var logo_pro_large_png_1 = __importDefault(require("./assets/images/logo/logo_pro_large.png"));
+var leaf_green_large_png_1 = __importDefault(require("./assets/images/logo/leaf_green_large.png"));
+var leaf_pink_large_png_1 = __importDefault(require("./assets/images/logo/leaf_pink_large.png"));
+var material_1 = require("@mui/material");
+var MovaCopyright_1 = __importDefault(require("./MovaCopyright"));
+var Enums_1 = require("./helpers/Enums");
+var Validator_1 = require("./helpers/Validator");
 // Permet de centrer le contenu de l'application
 var styles = {
     display: 'flex',
@@ -68,10 +73,10 @@ var initialFormState = {
     password: { value: '', isValid: true },
 };
 var MovaLogin = function (_a) {
-    var movaAppType = _a.movaAppType, onSubmit = _a.onSubmit;
-    var _b = useState(initialFormState), form = _b[0], setForm = _b[1];
-    var _c = useState(""), message = _c[0], setMessage = _c[1];
-    var _d = useState(false), loading = _d[0], setLoading = _d[1];
+    var loading = _a.loading, movaAppType = _a.movaAppType, onSubmit = _a.onSubmit;
+    var _b = (0, react_1.useState)(initialFormState), form = _b[0], setForm = _b[1];
+    var _c = (0, react_1.useState)(""), message = _c[0], setMessage = _c[1];
+    //const [loading, setLoading] = useState(false);
     var handleInputChange = function (e) {
         var _a;
         var fieldName = e.target.name;
@@ -82,7 +87,6 @@ var MovaLogin = function (_a) {
     var handleSubmit = function (e) { return __awaiter(void 0, void 0, void 0, function () {
         return __generator(this, function (_a) {
             e.preventDefault();
-            setLoading(true);
             try {
                 if (validateForm() && onSubmit) {
                     // Si le formulaire est valide, on appel la function callback transmise en props
@@ -92,16 +96,13 @@ var MovaLogin = function (_a) {
             catch (error) {
                 console.error('Error occurred during submission:', error);
             }
-            finally {
-                setLoading(false);
-            }
             return [2 /*return*/];
         });
     }); };
     var validateForm = function () {
         var newForm = form;
         // Validator email
-        if (!validateEmail(form.email.value.length)) {
+        if (!(0, Validator_1.validateEmail)(form.email.value.length)) {
             var errorMsg = 'Adresse email invalide';
             var newField = { value: form.email.value, error: errorMsg, isValid: false };
             newForm = __assign(__assign({}, newForm), { email: newField });
@@ -124,23 +125,23 @@ var MovaLogin = function (_a) {
         return newForm.email.isValid && newForm.password.isValid;
     };
     var getMovaLogo = function () {
-        return movaAppType === MovaAppType.GARAGE ? LogoProLarge :
-            movaAppType === MovaAppType.USER ? LogoLarge :
-                movaAppType === MovaAppType.ADMIN ? LogoLarge : LogoLarge;
+        return movaAppType === Enums_1.MovaAppType.GARAGE ? logo_pro_large_png_1.default :
+            movaAppType === Enums_1.MovaAppType.USER ? logo_large_png_1.default :
+                movaAppType === Enums_1.MovaAppType.ADMIN ? logo_large_png_1.default : logo_large_png_1.default;
     };
-    return (_jsxs("div", __assign({ style: styles }, { children: [_jsx("img", { src: GreenLeafImage, style: { position: 'fixed',
+    return ((0, jsx_runtime_1.jsxs)("div", __assign({ style: styles }, { children: [(0, jsx_runtime_1.jsx)("img", { src: leaf_green_large_png_1.default, style: { position: 'fixed',
                     float: 'left',
                     width: '250px',
                     height: '400px',
                     top: '-20%',
                     left: '3%',
                     opacity: '0.3',
-                    zIndex: -8 }, alt: 'Feuille Verte Movalib' }), _jsxs(Container, __assign({ component: "main", maxWidth: "xs" }, { children: [_jsx(CssBaseline, {}), _jsxs(Box, __assign({ sx: {
+                    zIndex: -8 }, alt: 'Feuille Verte Movalib' }), (0, jsx_runtime_1.jsxs)(material_1.Container, __assign({ component: "main", maxWidth: "xs" }, { children: [(0, jsx_runtime_1.jsx)(material_1.CssBaseline, {}), (0, jsx_runtime_1.jsxs)(material_1.Box, __assign({ sx: {
                             marginTop: 6,
                             display: 'flex',
                             flexDirection: 'column',
                             alignItems: 'center',
-                        } }, { children: [_jsx("img", { src: getMovaLogo(), style: { width: '80%' } }), _jsx("br", {})] })), _jsxs(Box, __assign({ component: "form", onSubmit: handleSubmit, noValidate: true, sx: { mt: 1 } }, { children: [_jsx(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 }), _jsx(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 }), _jsx(FormControlLabel, { control: _jsx(Checkbox, { value: "remember", color: "primary" }), label: "Se souvenir de moi" }), _jsx(LoadingButton, __assign({ loading: loading, type: "submit", fullWidth: true, variant: "contained", sx: { mt: 3, mb: 2 } }, { children: _jsx("span", { children: "Se connecter" }) })), message && _jsx(Alert, __assign({ severity: "error", sx: { mb: 2 } }, { children: message })), _jsxs(Grid, __assign({ container: true }, { children: [_jsx(Grid, __assign({ item: true, xs: true }, { children: _jsx(Link, __assign({ href: "#", variant: "body2", color: "text.secondary" }, { children: "Mot de passe oubli\u00E9 ?" })) })), _jsx(Grid, __assign({ item: true }, { children: _jsx(Link, __assign({ href: "#", variant: "body2", color: "text.secondary" }, { children: "Créer un compte" })) }))] }))] })), _jsx(MovaCopyright, { sx: { mt: 8, mb: 4 } })] })), _jsx("img", { src: PinkLeafImage, 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" }) })), message && (0, jsx_runtime_1.jsx)(material_1.Alert, __assign({ severity: "error", sx: { mb: 2 } }, { children: message })), (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: "#", variant: "body2", color: "text.secondary" }, { children: "Mot de passe oubli\u00E9 ?" })) })), (0, jsx_runtime_1.jsx)(material_1.Grid, __assign({ item: true }, { children: (0, jsx_runtime_1.jsx)(material_1.Link, __assign({ href: "#", 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',
                     float: 'right',
                     width: '250px',
                     height: '400px',
@@ -149,4 +150,4 @@ var MovaLogin = function (_a) {
                     opacity: '0.3',
                     zIndex: '-10' }, alt: 'Feuille Rose Movalib' })] })));
 };
-export default MovaLogin;
+exports.default = MovaLogin;

package/dist/MovaSnackbar.js

@@ -1,3 +1,4 @@
+"use strict";
 var __assign = (this && this.__assign) || function () {
     __assign = Object.assign || function(t) {
         for (var s, i = 1, n = arguments.length; i < n; i++) {
@@ -9,9 +10,13 @@ var __assign = (this && this.__assign) || function () {
     };
     return __assign.apply(this, arguments);
 };
-import { jsx as _jsx, Fragment as _Fragment } from "react/jsx-runtime";
-import { Snackbar, Alert, IconButton } from '@mui/material';
-import CloseIcon from '@mui/icons-material/CloseRounded';
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+var jsx_runtime_1 = require("react/jsx-runtime");
+var material_1 = require("@mui/material");
+var CloseRounded_1 = __importDefault(require("@mui/icons-material/CloseRounded"));
 var MovaSnackbar = function (_a) {
     var snackbar = _a.snackbar, setSnackbar = _a.setSnackbar;
     /**
@@ -29,6 +34,6 @@ var MovaSnackbar = function (_a) {
     var handleCloseAlert = function (event) {
         setSnackbar({ open: false, message: '', severity: undefined });
     };
-    return (_jsx(Snackbar, __assign({ open: snackbar.open, autoHideDuration: 5000, onClose: handleClose }, { children: _jsx(Alert, __assign({ severity: snackbar.severity, variant: "filled", sx: { width: '100%' }, action: _jsx(_Fragment, { children: _jsx(IconButton, __assign({ size: "small", "aria-label": "close", color: "inherit", onClick: handleCloseAlert }, { children: _jsx(CloseIcon, { fontSize: "small" }) })) }) }, { children: snackbar.message })) })));
+    return ((0, jsx_runtime_1.jsx)(material_1.Snackbar, __assign({ open: snackbar.open, autoHideDuration: 5000, onClose: handleClose }, { children: (0, jsx_runtime_1.jsx)(material_1.Alert, __assign({ severity: snackbar.severity, variant: "filled", sx: { width: '100%' }, action: (0, jsx_runtime_1.jsx)(jsx_runtime_1.Fragment, { children: (0, jsx_runtime_1.jsx)(material_1.IconButton, __assign({ size: "small", "aria-label": "close", color: "inherit", onClick: handleCloseAlert }, { children: (0, jsx_runtime_1.jsx)(CloseRounded_1.default, { fontSize: "small" }) })) }) }, { children: snackbar.message })) })));
 };
-export default MovaSnackbar;
+exports.default = MovaSnackbar;

package/dist/TestButton.js

@@ -1,6 +1,8 @@
-import { jsx as _jsx } from "react/jsx-runtime";
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+var jsx_runtime_1 = require("react/jsx-runtime");
 var TestButton = function (_a) {
     var label = _a.label;
-    return _jsx("button", { children: label });
+    return (0, jsx_runtime_1.jsx)("button", { children: label });
 };
-export default TestButton;
+exports.default = TestButton;

package/dist/helpers/Enums.js

@@ -1,4 +1,7 @@
-export var MovaAppType;
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.MovaAppType = void 0;
+var MovaAppType;
 (function (MovaAppType) {
     /**
     * Application Garagiste
@@ -12,4 +15,4 @@ export var MovaAppType;
      * Application Administrateur (MovaTeam)
      */
     MovaAppType["ADMIN"] = "ADMIN";
-})(MovaAppType || (MovaAppType = {}));
+})(MovaAppType = exports.MovaAppType || (exports.MovaAppType = {}));

package/dist/helpers/Tools.js

@@ -1 +1,2 @@
-export {};
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });

package/dist/helpers/Types.js

@@ -1 +1,2 @@
-export {};
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });

package/dist/helpers/Validator.js

@@ -1,3 +1,6 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.validateEmail = exports.validateText = exports.validatePhoneNumber = void 0;
 /**
  * Un email valide
  */
@@ -27,21 +30,24 @@ var userNameRegex = /^[a-z0-9_-]{3,20}$/;
  * Un texte pouvant contenir des lettres, chiffres et quelques caractères spéciaux
  */
 var textRegex = /^[a-zA-Z0-9\s.,!?'"()+=-_-éèçà]+$/;
-export function validatePhoneNumber(phoneNumber) {
+function validatePhoneNumber(phoneNumber) {
     if (phoneNumber === null || phoneNumber === undefined) {
         return false;
     }
     return phoneNumberRegex.test(phoneNumber);
 }
-export function validateText(text) {
+exports.validatePhoneNumber = validatePhoneNumber;
+function validateText(text) {
     if (text === null || text === undefined) {
         return false;
     }
     return textRegex.test(text);
 }
-export function validateEmail(email) {
+exports.validateText = validateText;
+function validateEmail(email) {
     if (email === null || email === undefined) {
         return false;
     }
     return emailRegex.test(email);
 }
+exports.validateEmail = validateEmail;

package/dist/index.js

@@ -1,5 +1,15 @@
+"use strict";
 // src/index.ts
-export { default as TestButton } from './TestButton';
-export { default as MovaSnackbar } from './MovaSnackbar';
-export { default as MovaLogin } from './MovaLogin';
-export { default as MovaCopyright } from './MovaCopyright';
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.MovaCopyright = exports.MovaLogin = exports.MovaSnackbar = exports.TestButton = void 0;
+var TestButton_1 = require("./TestButton");
+Object.defineProperty(exports, "TestButton", { enumerable: true, get: function () { return __importDefault(TestButton_1).default; } });
+var MovaSnackbar_1 = require("./MovaSnackbar");
+Object.defineProperty(exports, "MovaSnackbar", { enumerable: true, get: function () { return __importDefault(MovaSnackbar_1).default; } });
+var MovaLogin_1 = require("./MovaLogin");
+Object.defineProperty(exports, "MovaLogin", { enumerable: true, get: function () { return __importDefault(MovaLogin_1).default; } });
+var MovaCopyright_1 = require("./MovaCopyright");
+Object.defineProperty(exports, "MovaCopyright", { enumerable: true, get: function () { return __importDefault(MovaCopyright_1).default; } });

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@movalib/movalib-commons",
-  "version": "1.0.4",
+  "version": "1.0.6",
   "description": "",
   "main": "dist/index.js",
   "types": "dist/index.d.ts",

package/src/MovaLogin.tsx

@@ -24,15 +24,16 @@ const initialFormState = {
 };
 
 interface MovaLoginProps {
-    movaAppType: MovaAppType,
-    onSubmit: (form: MovaLoginForm) => void;
+    movaAppType: MovaAppType | "GARAGE" | "USER" | "ADMIN",
+    onSubmit: (form: MovaLoginForm) => void,
+    loading?: boolean
 }
 
-const MovaLogin: FunctionComponent<MovaLoginProps> = ({ movaAppType, onSubmit }) => {
+const MovaLogin: FunctionComponent<MovaLoginProps> = ({ loading, movaAppType, onSubmit }) => {
 
     const [form, setForm] = useState<MovaLoginForm>(initialFormState);
     const [message, setMessage] = useState<string>("");    
-    const [loading, setLoading] = useState(false);
+    //const [loading, setLoading] = useState(false);
 
     const handleInputChange = (e: React.ChangeEvent<HTMLInputElement | HTMLTextAreaElement>): void => {
         const fieldName: string = e.target.name;
@@ -44,8 +45,6 @@ const MovaLogin: FunctionComponent<MovaLoginProps> = ({ movaAppType, onSubmit })
 
     const handleSubmit = async (e: FormEvent) => {
         e.preventDefault();
-        setLoading(true);
-
         try {
             if(validateForm() && onSubmit) {
                 // Si le formulaire est valide, on appel la function callback transmise en props
@@ -54,8 +53,6 @@ const MovaLogin: FunctionComponent<MovaLoginProps> = ({ movaAppType, onSubmit })
 
         }catch (error){
             console.error('Error occurred during submission:', error);
-        }finally {
-            setLoading(false);
         }
     }
 

package/tsconfig.json

@@ -29,7 +29,7 @@
     // "moduleDetection": "auto",                        /* Control what method is used to detect module-format JS files. */
 
     /* Modules */
-    "module": "esnext",                                /* Specify what module code is generated. */
+    "module": "CommonJS",                                /* Specify what module code is generated. */
     // "rootDir": "./",                                  /* Specify the root folder within your source files. */
     "moduleResolution": "node",                     /* Specify how TypeScript looks up a file from a given module specifier. */
     // "baseUrl": "./",                                  /* Specify the base directory to resolve non-relative module names. */