@panneau/modal-dialog 4.0.48 → 4.0.55

package/dist/index.d.ts

@@ -3,10 +3,10 @@ import { ReactNode } from 'react';
 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?: 'xl' | 'lg' | 'sm' | null;
     header?: ReactNode | null;
     children?: ReactNode | null;
     footer?: ReactNode | null;
@@ -28,6 +28,7 @@ interface ModalDialogProps extends Omit<ModalProps, 'title'> {
     onClickSubmit?: (() => void) | null;
     onClickCancel?: (() => void) | null;
 }
-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;
+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,3 +1,4 @@
+import { c } from 'react/compiler-runtime';
 import classNames from 'classnames';
 import { FormattedMessage } from 'react-intl';
 import { isMessage } from '@panneau/core/utils';
@@ -7,95 +8,307 @@ import Label from '@panneau/element-label';
 import Modal from '@panneau/element-modal';
 import { jsx, jsxs } from 'react/jsx-runtime';
 
-function ModalDialog({
-  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,
-  withCloseOutside = false,
-  className = null,
-  headerClassName = null,
-  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);
+function DialogModal(t0) {
+  const $ = c(75);
+  let id;
+  let props;
+  let t1;
+  let t10;
+  let t11;
+  let t12;
+  let t13;
+  let t14;
+  let t15;
+  let t16;
+  let t17;
+  let t18;
+  let t19;
+  let t2;
+  let t20;
+  let t21;
+  let t22;
+  let t23;
+  let t3;
+  let t4;
+  let t5;
+  let t6;
+  let t7;
+  let t8;
+  let t9;
+  if ($[0] !== t0) {
+    ({
+      id,
+      title: t1,
+      size: t2,
+      header: t3,
+      children: t4,
+      buttons: t5,
+      buttonsSize: t6,
+      submitButtonLabel: t7,
+      cancelButtonLabel: t8,
+      cancelButton: t9,
+      submitButton: t10,
+      footer: t11,
+      requestClose: t12,
+      withoutClose: t13,
+      withCloseOutside: t14,
+      className: t15,
+      headerClassName: t16,
+      bodyClassName: t17,
+      footerClassName: t18,
+      buttonsClassName: t19,
+      withCancelButton: t20,
+      withSubmitButton: t21,
+      onClickCancel: t22,
+      onClickSubmit: t23,
+      ...props
+    } = t0);
+    $[0] = t0;
+    $[1] = id;
+    $[2] = props;
+    $[3] = t1;
+    $[4] = t10;
+    $[5] = t11;
+    $[6] = t12;
+    $[7] = t13;
+    $[8] = t14;
+    $[9] = t15;
+    $[10] = t16;
+    $[11] = t17;
+    $[12] = t18;
+    $[13] = t19;
+    $[14] = t2;
+    $[15] = t20;
+    $[16] = t21;
+    $[17] = t22;
+    $[18] = t23;
+    $[19] = t3;
+    $[20] = t4;
+    $[21] = t5;
+    $[22] = t6;
+    $[23] = t7;
+    $[24] = t8;
+    $[25] = t9;
+  } else {
+    id = $[1];
+    props = $[2];
+    t1 = $[3];
+    t10 = $[4];
+    t11 = $[5];
+    t12 = $[6];
+    t13 = $[7];
+    t14 = $[8];
+    t15 = $[9];
+    t16 = $[10];
+    t17 = $[11];
+    t18 = $[12];
+    t19 = $[13];
+    t2 = $[14];
+    t20 = $[15];
+    t21 = $[16];
+    t22 = $[17];
+    t23 = $[18];
+    t3 = $[19];
+    t4 = $[20];
+    t5 = $[21];
+    t6 = $[22];
+    t7 = $[23];
+    t8 = $[24];
+    t9 = $[25];
+  }
+  const title = t1 === undefined ? null : t1;
+  const size = t2 === undefined ? null : t2;
+  const header = t3 === undefined ? null : t3;
+  const children = t4 === undefined ? null : t4;
+  const buttons = t5 === undefined ? null : t5;
+  const buttonsSize = t6 === undefined ? null : t6;
+  const submitButtonLabel = t7 === undefined ? null : t7;
+  const cancelButtonLabel = t8 === undefined ? null : t8;
+  const cancelButton = t9 === undefined ? null : t9;
+  const submitButton = t10 === undefined ? null : t10;
+  const footer = t11 === undefined ? null : t11;
+  const requestClose = t12 === undefined ? null : t12;
+  const withoutClose = t13 === undefined ? false : t13;
+  const withCloseOutside = t14 === undefined ? false : t14;
+  const className = t15 === undefined ? null : t15;
+  const headerClassName = t16 === undefined ? null : t16;
+  const bodyClassName = t17 === undefined ? null : t17;
+  const footerClassName = t18 === undefined ? null : t18;
+  const buttonsClassName = t19 === undefined ? null : t19;
+  const withCancelButton = t20 === undefined ? false : t20;
+  const withSubmitButton = t21 === undefined ? false : t21;
+  const onClickCancel = t22 === undefined ? null : t22;
+  const onClickSubmit = t23 === undefined ? null : t23;
+  let t24;
+  if ($[26] !== buttons || $[27] !== cancelButton || $[28] !== cancelButtonLabel || $[29] !== onClickCancel || $[30] !== onClickSubmit || $[31] !== requestClose || $[32] !== submitButton || $[33] !== submitButtonLabel || $[34] !== withCancelButton || $[35] !== withSubmitButton) {
+    t24 = 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(_temp);
+    $[26] = buttons;
+    $[27] = cancelButton;
+    $[28] = cancelButtonLabel;
+    $[29] = onClickCancel;
+    $[30] = onClickSubmit;
+    $[31] = requestClose;
+    $[32] = submitButton;
+    $[33] = submitButtonLabel;
+    $[34] = withCancelButton;
+    $[35] = withSubmitButton;
+    $[36] = t24;
+  } else {
+    t24 = $[36];
+  }
+  const finalButtons = t24;
   const hasButtons = finalButtons !== null && finalButtons.length > 0;
-  return /*#__PURE__*/jsx(Modal, {
-    id: id,
-    requestClose: requestClose,
-    ...props,
-    children: /*#__PURE__*/jsx("div", {
-      className: classNames(['modal-dialog', {
-        [`modal-${size}`]: size !== null
-      }, className]),
+  const t25 = size !== null ? `modal-${size}` : null;
+  let t26;
+  if ($[37] !== className || $[38] !== t25) {
+    t26 = classNames(["modal-dialog", t25, className]);
+    $[37] = className;
+    $[38] = t25;
+    $[39] = t26;
+  } else {
+    t26 = $[39];
+  }
+  let t27;
+  if ($[40] !== requestClose || $[41] !== withCloseOutside || $[42] !== withoutClose) {
+    t27 = withCloseOutside && !withoutClose ? /*#__PURE__*/jsx(Button, {
+      type: "button",
+      className: classNames(["btn", "btn-close", "bg-light", "position-absolute", "start-100", "ms-1"]),
+      "aria-label": "Close",
+      onClick: requestClose
+    }) : null;
+    $[40] = requestClose;
+    $[41] = withCloseOutside;
+    $[42] = withoutClose;
+    $[43] = t27;
+  } else {
+    t27 = $[43];
+  }
+  let t28;
+  if ($[44] !== header || $[45] !== headerClassName || $[46] !== requestClose || $[47] !== title || $[48] !== withoutClose) {
+    t28 = header !== null ? header : /*#__PURE__*/jsxs("div", {
+      className: classNames("modal-header py-2", [headerClassName]),
+      children: [title !== null ? /*#__PURE__*/jsx("h5", {
+        className: "modal-title pe-2",
+        children: isMessage(title) ? /*#__PURE__*/jsx(Label, {
+          children: title
+        }) : title
+      }) : null, !withoutClose ? /*#__PURE__*/jsx(Button, {
+        type: "button",
+        className: "btn-close",
+        "aria-label": "Close",
+        onClick: requestClose
+      }) : null]
+    });
+    $[44] = header;
+    $[45] = headerClassName;
+    $[46] = requestClose;
+    $[47] = title;
+    $[48] = withoutClose;
+    $[49] = t28;
+  } else {
+    t28 = $[49];
+  }
+  let t29;
+  if ($[50] !== bodyClassName) {
+    t29 = classNames(["modal-body", bodyClassName]);
+    $[50] = bodyClassName;
+    $[51] = t29;
+  } else {
+    t29 = $[51];
+  }
+  let t30;
+  if ($[52] !== children || $[53] !== t29) {
+    t30 = /*#__PURE__*/jsx("div", {
+      className: t29,
+      children: children
+    });
+    $[52] = children;
+    $[53] = t29;
+    $[54] = t30;
+  } else {
+    t30 = $[54];
+  }
+  let t31;
+  if ($[55] !== buttonsClassName || $[56] !== buttonsSize || $[57] !== finalButtons || $[58] !== footer || $[59] !== footerClassName || $[60] !== hasButtons) {
+    t31 = footer !== null || hasButtons ? /*#__PURE__*/jsxs("div", {
+      className: classNames(["modal-footer py-2", footerClassName]),
+      children: [footer !== null ? footer : null, hasButtons ? /*#__PURE__*/jsx(Buttons, {
+        items: finalButtons,
+        size: buttonsSize,
+        className: buttonsClassName
+      }) : null]
+    }) : null;
+    $[55] = buttonsClassName;
+    $[56] = buttonsSize;
+    $[57] = finalButtons;
+    $[58] = footer;
+    $[59] = footerClassName;
+    $[60] = hasButtons;
+    $[61] = t31;
+  } else {
+    t31 = $[61];
+  }
+  let t32;
+  if ($[62] !== t27 || $[63] !== t28 || $[64] !== t30 || $[65] !== t31) {
+    t32 = /*#__PURE__*/jsxs("div", {
+      className: "modal-content",
+      children: [t27, t28, t30, t31]
+    });
+    $[62] = t27;
+    $[63] = t28;
+    $[64] = t30;
+    $[65] = t31;
+    $[66] = t32;
+  } else {
+    t32 = $[66];
+  }
+  let t33;
+  if ($[67] !== t26 || $[68] !== t32) {
+    t33 = /*#__PURE__*/jsx("div", {
+      className: t26,
       role: "dialog",
-      children: /*#__PURE__*/jsxs("div", {
-        className: "modal-content",
-        children: [onCloseButtonOutside && !withoutClose ? /*#__PURE__*/jsx(Button, {
-          type: "button",
-          className: classNames(['btn', 'btn-close', 'bg-light', 'position-absolute', 'start-100', 'ms-1']),
-          "aria-label": "Close",
-          onClick: requestClose
-        }) : null, header !== null ? header : /*#__PURE__*/jsxs("div", {
-          className: classNames([{
-            'modal-header': title !== null
-          }, headerClassName]),
-          children: [title !== null ? /*#__PURE__*/jsx("h5", {
-            className: "modal-title pe-2",
-            children: isMessage(title) ? /*#__PURE__*/jsx(Label, {
-              children: title
-            }) : title
-          }) : null, title !== null && !withoutClose && !onCloseButtonOutside ? /*#__PURE__*/jsx(Button, {
-            type: "button",
-            className: "btn-close",
-            "aria-label": "Close",
-            onClick: requestClose
-          }) : null]
-        }), /*#__PURE__*/jsx("div", {
-          className: classNames(['modal-body', bodyClassName]),
-          children: children
-        }), footer !== null || hasButtons ? /*#__PURE__*/jsxs("div", {
-          className: classNames(['modal-footer', footerClassName]),
-          children: [footer !== null ? footer : null, hasButtons ? /*#__PURE__*/jsx(Buttons, {
-            items: finalButtons,
-            size: buttonsSize,
-            className: buttonsClassName
-          }) : null]
-        }) : null]
-      })
-    })
-  });
+      children: t32
+    });
+    $[67] = t26;
+    $[68] = t32;
+    $[69] = t33;
+  } else {
+    t33 = $[69];
+  }
+  let t34;
+  if ($[70] !== id || $[71] !== props || $[72] !== requestClose || $[73] !== t33) {
+    t34 = /*#__PURE__*/jsx(Modal, {
+      id: id,
+      requestClose: requestClose,
+      ...props,
+      children: t33
+    });
+    $[70] = id;
+    $[71] = props;
+    $[72] = requestClose;
+    $[73] = t33;
+    $[74] = t34;
+  } else {
+    t34 = $[74];
+  }
+  return t34;
+}
+function _temp(button) {
+  return button !== null;
 }
 
-export { ModalDialog as default };
+export { DialogModal as default };

package/package.json

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