@panneau/modal-dialog 4.0.40-alpha.3 → 4.0.48

package/dist/index.d.ts

@@ -1,6 +1,6 @@
 import * as react_jsx_runtime from 'react/jsx-runtime';
 import { ReactNode } from 'react';
-import { Label, Button } from '@panneau/core';
+import { Label, Button, ButtonSize } from '@panneau/core';
 import { ModalProps } from '@panneau/element-modal';
 
 interface ModalDialogProps extends Omit<ModalProps, 'title'> {
@@ -11,6 +11,13 @@ interface ModalDialogProps extends Omit<ModalProps, 'title'> {
     children?: ReactNode | null;
     footer?: ReactNode | null;
     buttons?: Button[] | null;
+    buttonsSize?: ButtonSize | null;
+    submitButtonLabel?: Label | null;
+    cancelButtonLabel?: Label | null;
+    cancelButton?: Partial<Button> | null;
+    submitButton?: Partial<Button> | null;
+    withSubmitButton?: boolean;
+    withCancelButton?: boolean;
     withCloseOutside?: boolean;
     withoutClose?: boolean;
     className?: string | null;
@@ -18,7 +25,9 @@ interface ModalDialogProps extends Omit<ModalProps, 'title'> {
     bodyClassName?: string | null;
     footerClassName?: string | null;
     buttonsClassName?: string | null;
+    onClickSubmit?: (() => void) | null;
+    onClickCancel?: (() => void) | null;
 }
-declare function ModalDialog({ id, title, size, header, children, buttons, footer, requestClose, withoutClose, withCloseOutside, className, headerClassName, bodyClassName, footerClassName, buttonsClassName, ...props }: ModalDialogProps): react_jsx_runtime.JSX.Element;
+declare function ModalDialog({ id, title, size, header, children, buttons, buttonsSize, submitButtonLabel, cancelButtonLabel, cancelButton, submitButton, footer, requestClose, withoutClose, withCloseOutside, className, headerClassName, bodyClassName, footerClassName, buttonsClassName, withCancelButton, withSubmitButton, onClickCancel, onClickSubmit, ...props }: ModalDialogProps): react_jsx_runtime.JSX.Element;
 
 export { ModalDialog as default };

package/dist/index.js

@@ -1,4 +1,5 @@
 import classNames from 'classnames';
+import { FormattedMessage } from 'react-intl';
 import { isMessage } from '@panneau/core/utils';
 import Button from '@panneau/element-button';
 import Buttons from '@panneau/element-buttons';
@@ -13,6 +14,11 @@ function ModalDialog({
   header = null,
   children = null,
   buttons = null,
+  buttonsSize = null,
+  submitButtonLabel = null,
+  cancelButtonLabel = null,
+  cancelButton = null,
+  submitButton = null,
   footer = null,
   requestClose = null,
   withoutClose = false,
@@ -22,9 +28,29 @@ function ModalDialog({
   bodyClassName = null,
   footerClassName = null,
   buttonsClassName = null,
+  withCancelButton = false,
+  withSubmitButton = false,
+  onClickCancel = null,
+  onClickSubmit = null,
   ...props
 }) {
   const onCloseButtonOutside = header === null && title === null || withCloseOutside;
+  const finalButtons = buttons || [withCancelButton ? {
+    label: cancelButtonLabel ?? /*#__PURE__*/jsx(FormattedMessage, {
+      id: "PyxZY2"
+    }),
+    onClick: onClickCancel || requestClose || undefined,
+    theme: 'secondary',
+    ...cancelButton
+  } : null, withSubmitButton ? {
+    label: submitButtonLabel ?? /*#__PURE__*/jsx(FormattedMessage, {
+      id: "R1HYj0"
+    }),
+    theme: 'primary',
+    onClick: onClickSubmit || undefined,
+    ...submitButton
+  } : null].filter(button => button !== null);
+  const hasButtons = finalButtons !== null && finalButtons.length > 0;
   return /*#__PURE__*/jsx(Modal, {
     id: id,
     requestClose: requestClose,
@@ -59,10 +85,11 @@ function ModalDialog({
         }), /*#__PURE__*/jsx("div", {
           className: classNames(['modal-body', bodyClassName]),
           children: children
-        }), footer !== null || buttons !== null ? /*#__PURE__*/jsxs("div", {
+        }), footer !== null || hasButtons ? /*#__PURE__*/jsxs("div", {
           className: classNames(['modal-footer', footerClassName]),
-          children: [footer !== null ? footer : null, buttons !== null ? /*#__PURE__*/jsx(Buttons, {
-            items: buttons,
+          children: [footer !== null ? footer : null, hasButtons ? /*#__PURE__*/jsx(Buttons, {
+            items: finalButtons,
+            size: buttonsSize,
             className: buttonsClassName
           }) : null]
         }) : null]

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "@panneau/modal-dialog",
-    "version": "4.0.40-alpha.3",
+    "version": "4.0.48",
     "description": "Default modal",
     "keywords": [
         "javascript"
@@ -60,12 +60,12 @@
     },
     "dependencies": {
         "@babel/runtime": "^7.28.6",
-        "@panneau/core": "^4.0.40-alpha.3",
-        "@panneau/element-button": "^4.0.40-alpha.3",
-        "@panneau/element-buttons": "^4.0.40-alpha.3",
-        "@panneau/element-label": "^4.0.40-alpha.3",
-        "@panneau/element-modal": "^4.0.40-alpha.3",
-        "@panneau/themes": "^4.0.40-alpha.3",
+        "@panneau/core": "^4.0.48",
+        "@panneau/element-button": "^4.0.48",
+        "@panneau/element-buttons": "^4.0.48",
+        "@panneau/element-label": "^4.0.48",
+        "@panneau/element-modal": "^4.0.48",
+        "@panneau/themes": "^4.0.48",
         "classnames": "^2.5.1",
         "lodash": "^4.17.21",
         "react-intl": "^6.0.0 || ^7.0.0 || ^8.0.0 || ^10.0.0"
@@ -73,5 +73,5 @@
     "publishConfig": {
         "access": "public"
     },
-    "gitHead": "1735964a2702ae0480b642225286e4184f36680d"
+    "gitHead": "668d90a05a094fe55fcea760df3f9c294c6cbb31"
 }