@movalib/movalib-commons 1.39.0 → 1.40.0

package/dist/src/ConfirmationDialog.d.ts

@@ -1,15 +1,13 @@
 import React, { FunctionComponent } from 'react';
-import { SxProps, Theme } from '@mui/material';
-interface ConfirmationDialogProps {
-    open: boolean;
-    onClose: () => void;
+import { type DialogProps } from '@mui/material/Dialog';
+type ConfirmationDialogProps = DialogProps & {
+    onClose?: () => void;
     onConfirm?: () => void;
     showConfirm?: boolean;
     confirmLabel?: string;
     closeLabel?: string;
     title?: React.ReactNode;
     message?: React.ReactNode;
-    sx?: SxProps<Theme>;
-}
+};
 declare const ConfirmationDialog: FunctionComponent<ConfirmationDialogProps>;
 export default ConfirmationDialog;

package/dist/src/ConfirmationDialog.js

@@ -10,6 +10,17 @@ var __assign = (this && this.__assign) || function () {
     };
     return __assign.apply(this, arguments);
 };
+var __rest = (this && this.__rest) || function (s, e) {
+    var t = {};
+    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
+        t[p] = s[p];
+    if (s != null && typeof Object.getOwnPropertySymbols === "function")
+        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
+            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
+                t[p[i]] = s[p[i]];
+        }
+    return t;
+};
 var __importDefault = (this && this.__importDefault) || function (mod) {
     return (mod && mod.__esModule) ? mod : { "default": mod };
 };
@@ -24,13 +35,13 @@ var Button_1 = __importDefault(require("@mui/material/Button"));
 var material_1 = require("@mui/material");
 var Tools_1 = require("./helpers/Tools");
 var ConfirmationDialog = function (_a) {
-    var open = _a.open, onClose = _a.onClose, onConfirm = _a.onConfirm, title = _a.title, message = _a.message, _b = _a.showConfirm, showConfirm = _b === void 0 ? true : _b, confirmLabel = _a.confirmLabel, closeLabel = _a.closeLabel, sx = _a.sx;
+    var open = _a.open, onClose = _a.onClose, onConfirm = _a.onConfirm, title = _a.title, message = _a.message, _b = _a.showConfirm, showConfirm = _b === void 0 ? true : _b, confirmLabel = _a.confirmLabel, closeLabel = _a.closeLabel, dialogProps = __rest(_a, ["open", "onClose", "onConfirm", "title", "message", "showConfirm", "confirmLabel", "closeLabel"]);
     var theme = (0, material_1.useTheme)();
     var defaultMessage = "Êtes-vous sûr de vouloir continuer ?";
     var defaultTitle = "Confirmation";
     var defaultConfirmLabel = "Oui";
     var defaultCloseLabel = "Non";
-    return ((0, jsx_runtime_1.jsxs)(Dialog_1.default, __assign({ open: open, onClose: onClose, "aria-labelledby": "alert-dialog-title", "aria-describedby": "alert-dialog-description", sx: __assign({}, sx) }, { children: [(0, jsx_runtime_1.jsx)(DialogTitle_1.default, __assign({ id: "alert-dialog-title", sx: {
+    return ((0, jsx_runtime_1.jsxs)(Dialog_1.default, __assign({ open: open, onClose: onClose, "aria-labelledby": "alert-dialog-title", "aria-describedby": "alert-dialog-description" }, dialogProps, { children: [(0, jsx_runtime_1.jsx)(DialogTitle_1.default, __assign({ id: "alert-dialog-title", sx: {
                     backgroundColor: theme.palette.grey[200]
                 }, style: Tools_1.flexLeftRow }, { children: title || defaultTitle })), (0, jsx_runtime_1.jsx)(DialogContent_1.default, __assign({ sx: { textAlign: 'center' } }, { children: (0, jsx_runtime_1.jsx)(DialogContentText_1.default, __assign({ id: "alert-dialog-description", sx: { pt: 2 } }, { children: message || defaultMessage })) })), (0, jsx_runtime_1.jsxs)(DialogActions_1.default, __assign({ sx: {
                     py: 1,

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@movalib/movalib-commons",
-  "version": "1.39.0",
+  "version": "1.40.0",
   "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

@@ -1,27 +1,25 @@
 import React, { FunctionComponent } from 'react';
-import Dialog from '@mui/material/Dialog';
+import Dialog, { type DialogProps } 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';
-import { SxProps, Theme, useTheme } from '@mui/material';
+import { useTheme } from '@mui/material';
 import { flexLeftRow } from './helpers/Tools';
 
-interface ConfirmationDialogProps {
-  open: boolean;
-  onClose: () => void;
+type ConfirmationDialogProps = DialogProps & {
+  onClose?: () => void;
   onConfirm?: () => void;
   showConfirm?: boolean;
   confirmLabel?: string;
   closeLabel?: string;
   title?: React.ReactNode;
   message?: React.ReactNode;
-  sx?: SxProps<Theme>;
 }
 
 const ConfirmationDialog: FunctionComponent<ConfirmationDialogProps> = ({ open, onClose, onConfirm, title, message, showConfirm = true,
-   confirmLabel, closeLabel, sx }) => {
+   confirmLabel, closeLabel, ...dialogProps }) => {
 
   const theme = useTheme();
   const defaultMessage = "Êtes-vous sûr de vouloir continuer ?";
@@ -35,7 +33,7 @@ const ConfirmationDialog: FunctionComponent<ConfirmationDialogProps> = ({ open,
       onClose={onClose}
       aria-labelledby="alert-dialog-title"
       aria-describedby="alert-dialog-description"
-      sx={{ ...sx }}
+      {...dialogProps}
     >
       <DialogTitle id="alert-dialog-title" sx={{
           backgroundColor: theme.palette.grey[200]
@@ -64,4 +62,4 @@ const ConfirmationDialog: FunctionComponent<ConfirmationDialogProps> = ({ open,
   );
 }
 
-export default ConfirmationDialog;
+export default ConfirmationDialog;