@movalib/movalib-commons 1.0.43 → 1.0.45

package/dist/index.d.ts

@@ -5,6 +5,7 @@ export { default as MovaLogin } from './src/MovaLogin';
 export { default as MovaSignUp } from './src/MovaSignUp';
 export { default as MovaCopyright } from './src/MovaCopyright';
 export { default as MovaVehicleTireField } from './src/MovaVehicleTireField';
+export { default as ConfirmationDialog } from './src/ConfirmationDialog';
 export { default as User } from './src/models/User';
 export { default as Role } from './src/models/Role';
 export { default as Address } from './src/models/Address';

package/dist/index.js

@@ -4,7 +4,7 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
     return (mod && mod.__esModule) ? mod : { "default": mod };
 };
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.DocumentState = exports.DigitalPassportIndex = exports.DocumentType = exports.EventType = exports.EventState = exports.DayOfWeek = exports.MovaAppType = exports.RoleType = exports.validateField = exports.VehicleTire = exports.Event = exports.Schedule = exports.Garage = exports.Document = exports.Vehicle = exports.Address = exports.Role = exports.User = exports.MovaVehicleTireField = exports.MovaCopyright = exports.MovaSignUp = exports.MovaLogin = exports.MovaSnackbar = exports.TestButton = exports.VehiclePlateField = void 0;
+exports.DocumentState = exports.DigitalPassportIndex = exports.DocumentType = exports.EventType = exports.EventState = exports.DayOfWeek = exports.MovaAppType = exports.RoleType = exports.validateField = exports.VehicleTire = exports.Event = exports.Schedule = exports.Garage = exports.Document = exports.Vehicle = exports.Address = exports.Role = exports.User = exports.ConfirmationDialog = exports.MovaVehicleTireField = exports.MovaCopyright = exports.MovaSignUp = exports.MovaLogin = exports.MovaSnackbar = exports.TestButton = exports.VehiclePlateField = void 0;
 // Export des composants
 var VehiclePlateField_1 = require("./src/VehiclePlateField");
 Object.defineProperty(exports, "VehiclePlateField", { enumerable: true, get: function () { return __importDefault(VehiclePlateField_1).default; } });
@@ -20,6 +20,8 @@ var MovaCopyright_1 = require("./src/MovaCopyright");
 Object.defineProperty(exports, "MovaCopyright", { enumerable: true, get: function () { return __importDefault(MovaCopyright_1).default; } });
 var MovaVehicleTireField_1 = require("./src/MovaVehicleTireField");
 Object.defineProperty(exports, "MovaVehicleTireField", { enumerable: true, get: function () { return __importDefault(MovaVehicleTireField_1).default; } });
+var ConfirmationDialog_1 = require("./src/ConfirmationDialog");
+Object.defineProperty(exports, "ConfirmationDialog", { enumerable: true, get: function () { return __importDefault(ConfirmationDialog_1).default; } });
 // Export des classes
 var User_1 = require("./src/models/User");
 Object.defineProperty(exports, "User", { enumerable: true, get: function () { return __importDefault(User_1).default; } });

package/dist/src/ConfirmationDialog.d.ts

@@ -0,0 +1,9 @@
+import { FunctionComponent } from 'react';
+interface ConfirmationDialogProps {
+    open: boolean;
+    onClose: () => void;
+    onConfirm: () => void;
+    message?: string;
+}
+declare const ConfirmationDialog: FunctionComponent<ConfirmationDialogProps>;
+export default ConfirmationDialog;

package/dist/src/ConfirmationDialog.js

@@ -0,0 +1,29 @@
+"use strict";
+var __assign = (this && this.__assign) || function () {
+    __assign = Object.assign || function(t) {
+        for (var s, i = 1, n = arguments.length; i < n; i++) {
+            s = arguments[i];
+            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
+                t[p] = s[p];
+        }
+        return t;
+    };
+    return __assign.apply(this, arguments);
+};
+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 Dialog_1 = __importDefault(require("@mui/material/Dialog"));
+var DialogActions_1 = __importDefault(require("@mui/material/DialogActions"));
+var DialogContent_1 = __importDefault(require("@mui/material/DialogContent"));
+var DialogContentText_1 = __importDefault(require("@mui/material/DialogContentText"));
+var DialogTitle_1 = __importDefault(require("@mui/material/DialogTitle"));
+var Button_1 = __importDefault(require("@mui/material/Button"));
+var ConfirmationDialog = function (_a) {
+    var open = _a.open, onClose = _a.onClose, onConfirm = _a.onConfirm, message = _a.message;
+    var defaultMessage = "Êtes-vous sûr de vouloir continuer ?";
+    return ((0, jsx_runtime_1.jsxs)(Dialog_1.default, __assign({ open: open, onClose: onClose, "aria-labelledby": "alert-dialog-title", "aria-describedby": "alert-dialog-description" }, { children: [(0, jsx_runtime_1.jsx)(DialogTitle_1.default, __assign({ id: "alert-dialog-title" }, { children: "Confirmation" })), (0, jsx_runtime_1.jsx)(DialogContent_1.default, { children: (0, jsx_runtime_1.jsx)(DialogContentText_1.default, __assign({ id: "alert-dialog-description" }, { children: message || defaultMessage })) }), (0, jsx_runtime_1.jsxs)(DialogActions_1.default, { children: [(0, jsx_runtime_1.jsx)(Button_1.default, __assign({ onClick: onClose, color: "inherit" }, { children: "Non" })), (0, jsx_runtime_1.jsx)(Button_1.default, __assign({ onClick: onConfirm, color: "inherit", autoFocus: true, sx: { ml: 1 } }, { children: "Oui" }))] })] })));
+};
+exports.default = ConfirmationDialog;

package/dist/src/MovaVehicleTireField.js

@@ -17,7 +17,7 @@ var MovaVehicleTireField = function (_a) {
     var _d = (0, react_1.useState)(false), error = _d[0], setError = _d[1];
     var _e = (0, react_1.useState)(0), lastLength = _e[0], setLastLength = _e[1]; // Ajout d'un état pour stocker la longueur précédente
     (0, react_1.useEffect)(function () {
-        console.log(vehicleTire);
+        setRawValue((0, Tools_1.formatVehicleTire)(vehicleTire));
         setTireInfo((0, Tools_1.formatVehicleTire)(vehicleTire));
     }, [vehicleTire]);
     (0, react_1.useEffect)(function () {

package/index.ts

@@ -8,7 +8,7 @@ export { default as MovaLogin } from './src/MovaLogin';
 export { default as MovaSignUp } from './src/MovaSignUp';
 export { default as MovaCopyright } from './src/MovaCopyright';
 export { default as MovaVehicleTireField } from './src/MovaVehicleTireField';
-
+export { default as ConfirmationDialog } from './src/ConfirmationDialog';
 
 // Export des classes
 export { default as User } from './src/models/User';

package/package.json

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

package/src/ConfirmationDialog.tsx

@@ -0,0 +1,44 @@
+import React, { FunctionComponent } from 'react';
+import Dialog from '@mui/material/Dialog';
+import DialogActions from '@mui/material/DialogActions';
+import DialogContent from '@mui/material/DialogContent';
+import DialogContentText from '@mui/material/DialogContentText';
+import DialogTitle from '@mui/material/DialogTitle';
+import Button from '@mui/material/Button';
+
+interface ConfirmationDialogProps {
+  open: boolean;
+  onClose: () => void;
+  onConfirm: () => void;
+  message?: string;
+}
+
+const ConfirmationDialog: FunctionComponent<ConfirmationDialogProps> = ({ open, onClose, onConfirm, message }) => {
+  const defaultMessage = "Êtes-vous sûr de vouloir continuer ?";
+
+  return (
+    <Dialog
+      open={open}
+      onClose={onClose}
+      aria-labelledby="alert-dialog-title"
+      aria-describedby="alert-dialog-description"
+    >
+      <DialogTitle id="alert-dialog-title">Confirmation</DialogTitle>
+      <DialogContent>
+        <DialogContentText id="alert-dialog-description">
+          {message || defaultMessage}
+        </DialogContentText>
+      </DialogContent>
+      <DialogActions>
+        <Button onClick={onClose} color="inherit">
+          Non
+        </Button>
+        <Button onClick={onConfirm} color="inherit" autoFocus sx={{ ml: 1}}>
+          Oui
+        </Button>
+      </DialogActions>
+    </Dialog>
+  );
+}
+
+export default ConfirmationDialog;

package/src/MovaVehicleTireField.tsx

@@ -19,7 +19,7 @@ const MovaVehicleTireField: FC<MovaVehicleTireFieldProps> = ({ vehicleTire, onCh
     const [lastLength, setLastLength] = useState<number>(0); // Ajout d'un état pour stocker la longueur précédente
 
     useEffect(() => {
-            console.log(vehicleTire);
+            setRawValue(formatVehicleTire(vehicleTire));
             setTireInfo(formatVehicleTire(vehicleTire));
     }, [vehicleTire]);