@panneau/modal-dialog 4.0.41 → 4.0.50

package/dist/index.d.ts

@@ -1,16 +1,23 @@
 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'> {
+interface DialogModalProps extends Omit<ModalProps, 'title'> {
     id: string;
     title?: Label | null;
-    size?: string | null;
+    size?: 'lg' | 'sm' | null;
     header?: ReactNode | null;
     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,10 @@ 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 DialogModal({ 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 }: DialogModalProps): react_jsx_runtime.JSX.Element;
 
-export { ModalDialog as default };
+export { DialogModal as default };
+export type { DialogModalProps };

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';
@@ -6,13 +7,18 @@ import Label from '@panneau/element-label';
 import Modal from '@panneau/element-modal';
 import { jsx, jsxs } from 'react/jsx-runtime';
 
-function ModalDialog({
+function DialogModal({
   id,
   title = null,
   size = null,
   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]
@@ -71,4 +98,4 @@ function ModalDialog({
   });
 }
 
-export { ModalDialog as default };
+export { DialogModal as default };

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "@panneau/modal-dialog",
-    "version": "4.0.41",
+    "version": "4.0.50",
     "description": "Default modal",
     "keywords": [
         "javascript"
@@ -60,12 +60,12 @@
     },
     "dependencies": {
         "@babel/runtime": "^7.28.6",
-        "@panneau/core": "^4.0.41",
-        "@panneau/element-button": "^4.0.41",
-        "@panneau/element-buttons": "^4.0.41",
-        "@panneau/element-label": "^4.0.41",
-        "@panneau/element-modal": "^4.0.41",
-        "@panneau/themes": "^4.0.41",
+        "@panneau/core": "^4.0.50",
+        "@panneau/element-button": "^4.0.50",
+        "@panneau/element-buttons": "^4.0.50",
+        "@panneau/element-label": "^4.0.50",
+        "@panneau/element-modal": "^4.0.50",
+        "@panneau/themes": "^4.0.50",
         "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": "a61617e40bef47e494f069697896191ce578a909"
+    "gitHead": "c5d4004686dae5529035f8eac83571739e24340d"
 }