@movalib/movalib-commons 1.0.76 → 1.0.77

package/dist/src/MovaDialog.d.ts

@@ -1,3 +1,4 @@
+import { SxProps, Theme } from '@mui/material';
 import type { CSSProperties, FC } from 'react';
 import React from 'react';
 interface MovaDialogProps {
@@ -12,6 +13,7 @@ interface MovaDialogProps {
     leafImageColor?: "green" | "yellow" | "pink";
     title?: string;
     titleStyle?: CSSProperties;
+    sx?: SxProps<Theme>;
 }
 declare const MovaDialog: FC<MovaDialogProps>;
 export default MovaDialog;

package/dist/src/MovaDialog.js

@@ -22,7 +22,7 @@ var leaf_green_large_png_1 = __importDefault(require("./assets/images/leaf_green
 var leaf_yellow_large_png_1 = __importDefault(require("./assets/images/leaf_yellow_large.png"));
 var leaf_pink_large_png_1 = __importDefault(require("./assets/images/leaf_pink_large.png"));
 var MovaDialog = function (_a) {
-    var fullScreen = _a.fullScreen, open = _a.open, onClose = _a.onClose, _b = _a.closable, closable = _b === void 0 ? false : _b, children = _a.children, title = _a.title, titleStyle = _a.titleStyle, message = _a.message, leafImageColor = _a.leafImageColor, transition = _a.transition, actions = _a.actions;
+    var fullScreen = _a.fullScreen, open = _a.open, onClose = _a.onClose, _b = _a.closable, closable = _b === void 0 ? false : _b, children = _a.children, title = _a.title, titleStyle = _a.titleStyle, message = _a.message, leafImageColor = _a.leafImageColor, transition = _a.transition, actions = _a.actions, sx = _a.sx;
     var getTransition = function () {
         switch (transition) {
             case "fade":
@@ -51,7 +51,7 @@ var MovaDialog = function (_a) {
             onClose();
         }
     };
-    return ((0, jsx_runtime_1.jsxs)(material_1.Dialog, __assign({ fullScreen: fullScreen, fullWidth: true, TransitionComponent: getTransition(), open: open, "aria-labelledby": "garage-dialog-title", "aria-describedby": "garage-dialog-description", onClose: handleOnClose, sx: { textAlign: 'center' } }, { children: [(0, jsx_runtime_1.jsx)("img", { src: getLeafImage(), style: {
+    return ((0, jsx_runtime_1.jsxs)(material_1.Dialog, __assign({ fullScreen: fullScreen, fullWidth: true, TransitionComponent: getTransition(), open: open, "aria-labelledby": "garage-dialog-title", "aria-describedby": "garage-dialog-description", onClose: handleOnClose, sx: __assign(__assign({}, sx), { textAlign: 'center' }) }, { children: [(0, jsx_runtime_1.jsx)("img", { src: getLeafImage(), style: {
                     position: 'absolute',
                     float: 'left',
                     width: '150px',

package/package.json

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

package/src/MovaDialog.tsx

@@ -1,4 +1,4 @@
-import { Alert, AppBar, Dialog, DialogActions, DialogContent, DialogTitle, Fade, IconButton, Toolbar, Typography } from '@mui/material';
+import { Alert, AppBar, Dialog, DialogActions, DialogContent, DialogTitle, Fade, IconButton, Toolbar, Typography, SxProps, Theme } from '@mui/material';
 import type { CSSProperties, FC } from 'react';
 import BackIcon from '@mui/icons-material/ArrowBackIosNewRounded';
 import React from 'react';
@@ -19,9 +19,11 @@ interface MovaDialogProps {
     leafImageColor?: "green" | "yellow" |  "pink",
     title?: string,
     titleStyle?: CSSProperties;
+    sx?: SxProps<Theme>;
 }
 
-const MovaDialog: FC<MovaDialogProps> = ({fullScreen, open, onClose, closable = false, children, title, titleStyle, message, leafImageColor, transition, actions}) => {
+const MovaDialog: FC<MovaDialogProps> = ({fullScreen, open, onClose, closable = false, children, title, titleStyle, 
+    message, leafImageColor, transition, actions, sx}) => {
 
     const getTransition = () => {
         switch(transition){
@@ -72,7 +74,7 @@ const MovaDialog: FC<MovaDialogProps> = ({fullScreen, open, onClose, closable =
             aria-labelledby="garage-dialog-title"
             aria-describedby="garage-dialog-description"
             onClose={handleOnClose}
-            sx={{ textAlign:'center'}}
+            sx={{ ...sx, textAlign:'center'}}
         >
             <img src={getLeafImage()} style={{
                 position: 'absolute',