@movalib/movalib-commons 1.0.11 → 1.0.12
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/MovaLogin.d.ts +12 -1
- package/dist/MovaLogin.js +2 -2
- package/package.json +1 -1
package/dist/MovaLogin.d.ts
CHANGED
|
@@ -1,9 +1,20 @@
|
|
|
1
1
|
import { FunctionComponent } from "react";
|
|
2
|
+
import { AlertColor } from "@mui/material";
|
|
2
3
|
import { MovaLoginForm } from "./helpers/Types";
|
|
3
4
|
import { MovaAppType } from "./helpers/Enums";
|
|
5
|
+
/**
|
|
6
|
+
* Propriétés du composant
|
|
7
|
+
* movaAppType : type d'application Movalib au sein de laquelle le composant est injectée
|
|
8
|
+
* onSubmit : callbakc invoquée en cas de formulaire valide
|
|
9
|
+
* alertMessage : éventuel message à afficher
|
|
10
|
+
* alertSeverity : niveau d'alerte pour le message à afficher
|
|
11
|
+
* loading : permet de mettre éventuellement le bouton de soumission en état de chargement
|
|
12
|
+
*/
|
|
4
13
|
interface MovaLoginProps {
|
|
5
|
-
movaAppType: MovaAppType
|
|
14
|
+
movaAppType: MovaAppType;
|
|
6
15
|
onSubmit: (form: MovaLoginForm) => void;
|
|
16
|
+
alertMessage?: string;
|
|
17
|
+
alertSeverity?: AlertColor;
|
|
7
18
|
loading?: boolean;
|
|
8
19
|
}
|
|
9
20
|
declare const MovaLogin: FunctionComponent<MovaLoginProps>;
|
package/dist/MovaLogin.js
CHANGED
|
@@ -73,7 +73,7 @@ var initialFormState = {
|
|
|
73
73
|
password: { value: '', isValid: true },
|
|
74
74
|
};
|
|
75
75
|
var MovaLogin = function (_a) {
|
|
76
|
-
var loading = _a.loading, movaAppType = _a.movaAppType, onSubmit = _a.onSubmit;
|
|
76
|
+
var loading = _a.loading, movaAppType = _a.movaAppType, onSubmit = _a.onSubmit, alertMessage = _a.alertMessage, alertSeverity = _a.alertSeverity;
|
|
77
77
|
var _b = (0, react_1.useState)(initialFormState), form = _b[0], setForm = _b[1];
|
|
78
78
|
var _c = (0, react_1.useState)(""), message = _c[0], setMessage = _c[1];
|
|
79
79
|
//const [loading, setLoading] = useState(false);
|
|
@@ -141,7 +141,7 @@ var MovaLogin = function (_a) {
|
|
|
141
141
|
display: 'flex',
|
|
142
142
|
flexDirection: 'column',
|
|
143
143
|
alignItems: 'center',
|
|
144
|
-
} }, { 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" }) })),
|
|
144
|
+
} }, { 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: "#", 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',
|
|
145
145
|
float: 'right',
|
|
146
146
|
width: '250px',
|
|
147
147
|
height: '400px',
|