@jhelom/react-mui-message-dialog 1.0.9 → 1.0.11

package/LICENSE

@@ -1,21 +1,21 @@
-MIT License
-
-Copyright (c) 2025 jhelom
-
-Permission is hereby granted, free of charge, to any person obtaining a copy
-of this software and associated documentation files (the "Software"), to deal
-in the Software without restriction, including without limitation the rights
-to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
-copies of the Software, and to permit persons to whom the Software is
-furnished to do so, subject to the following conditions:
-
-The above copyright notice and this permission notice shall be included in all
-copies or substantial portions of the Software.
-
-THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
-IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
-FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
-AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
-LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
-OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
-SOFTWARE.
+MIT License
+
+Copyright (c) 2025 jhelom
+
+Permission is hereby granted, free of charge, to any person obtaining a copy
+of this software and associated documentation files (the "Software"), to deal
+in the Software without restriction, including without limitation the rights
+to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
+copies of the Software, and to permit persons to whom the Software is
+furnished to do so, subject to the following conditions:
+
+The above copyright notice and this permission notice shall be included in all
+copies or substantial portions of the Software.
+
+THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
+IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
+FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
+AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
+LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
+OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
+SOFTWARE.

package/README.md

@@ -1,99 +1,99 @@
-# react-mui-message-dialog
-
-# Overview
-
-`react-mui-message-dialog` is a simple and flexible message dialog component library for React + MUI (Material-UI) environments.
-
-- Unified UI based on MUI's Dialog component
-- Promise-based API for easy alert, confirm, and error dialogs
-- Global dialog management via Context Provider
-- TypeScript support
-
-Ideal for business applications and admin dashboards where you need to display messages or confirmations to users.
-
-# Install
-
-```bash
-npm i @jhelom/react-mui-message-dialog
-```
-
-# Usage
-
-Wrap your application with `MessageDialogProvider` to enable global message dialog functionality. This provider manages the dialog state and allows you to use the `useMessageDialog` hook anywhere in your component tree.
-
-```tsx
-import { MessageDialogProvider } from "@jhelom/react-mui-message-dialog";
-
-createRoot(document.getElementById("root")!).render(
-  <StrictMode>
-    <MessageDialogProvider>
-      <App />
-    </MessageDialogProvider>
-  </StrictMode>
-);
-```
-
-After wrapping your app with `MessageDialogProvider`, you can use the `useMessageDialog` hook in any component. This hook provides functions to show alert, confirm, and error dialogs as Promises, making it easy to handle user interactions asynchronously.
-
-```tsx
-import { useMessageDialog } from "@jhelom/react-mui-message-dialog";
-
-const messageDialog = useMessageDialog();
-
-// Show an alert dialog
-await messageDialog.alert("Alert Message");
-
-// Show a confirm dialog
-const result = await messageDialog.confirm("Confirm Message");
-if (result) {
-  // OK
-} else {
-  // Cancel
-}
-
-// Show an error dialog
-await messageDialog.error("Error Message");
-```
-
-If a dialog API (`alert`, `confirm`, or `error`) is called again before the current dialog is closed, the previous pending Promise is resolved with `false`, and the latest call becomes active.
-
-## Alert
-
-![](docs/attached/alert.jpg)
-
-## Confirm
-
-![](docs/attached/confirm.jpg)
-
-## Error
-
-![](docs/attached/error.jpg)
-
-# Localize Text
-
-You can localize the dialog texts (button labels and titles) by passing a `MessageDialogSettings` object to the `settings` prop of `MessageDialogProvider`. Set each property to the desired language string to customize the dialog UI for your users.
-
-```tsx
-import {
-  MessageDialogProvider,
-  MessageDialogSettings,
-} from "@jhelom/react-mui-message-dialog";
-
-const messageDialogSettings = {
-  okText: "OK",
-  cancelText: "Cancel",
-  alertTitle: "Alert",
-  confirmTitle: "Confirm",
-  errorTitle: "Error",
-  closeButtonAriaLabel: "Close dialog",
-  titleHeight: 40,
-} as MessageDialogSettings;
-
-createRoot(document.getElementById("root")!).render(
-  <StrictMode>
-    <MessageDialogProvider settings={messageDialogSettings}>
-      <App />
-    </MessageDialogProvider>
-  </StrictMode>
-);
-```
+# react-mui-message-dialog
+
+# Overview
+
+`react-mui-message-dialog` is a simple and flexible message dialog component library for React + MUI (Material-UI) environments.
+
+- Unified UI based on MUI's Dialog component
+- Promise-based API for easy alert, confirm, and error dialogs
+- Global dialog management via Context Provider
+- TypeScript support
+
+Ideal for business applications and admin dashboards where you need to display messages or confirmations to users.
+
+# Install
+
+```bash
+npm i @jhelom/react-mui-message-dialog
+```
+
+# Usage
+
+Wrap your application with `MessageDialogProvider` to enable global message dialog functionality. This provider manages the dialog state and allows you to use the `useMessageDialog` hook anywhere in your component tree.
+
+```tsx
+import { MessageDialogProvider } from "@jhelom/react-mui-message-dialog";
+
+createRoot(document.getElementById("root")!).render(
+  <StrictMode>
+    <MessageDialogProvider>
+      <App />
+    </MessageDialogProvider>
+  </StrictMode>
+);
+```
+
+After wrapping your app with `MessageDialogProvider`, you can use the `useMessageDialog` hook in any component. This hook provides functions to show alert, confirm, and error dialogs as Promises, making it easy to handle user interactions asynchronously.
+
+```tsx
+import { useMessageDialog } from "@jhelom/react-mui-message-dialog";
+
+const messageDialog = useMessageDialog();
+
+// Show an alert dialog
+await messageDialog.alert("Alert Message");
+
+// Show a confirm dialog
+const result = await messageDialog.confirm("Confirm Message");
+if (result) {
+  // OK
+} else {
+  // Cancel
+}
+
+// Show an error dialog
+await messageDialog.error("Error Message");
+```
+
+If a dialog API (`alert`, `confirm`, or `error`) is called again before the current dialog is closed, the previous pending Promise is resolved with `false`, and the latest call becomes active.
+
+## Alert
+
+![](docs/attached/alert.jpg)
+
+## Confirm
+
+![](docs/attached/confirm.jpg)
+
+## Error
+
+![](docs/attached/error.jpg)
+
+# Localize Text
+
+You can localize the dialog texts (button labels and titles) by passing a `MessageDialogSettings` object to the `settings` prop of `MessageDialogProvider`. Set each property to the desired language string to customize the dialog UI for your users.
+
+```tsx
+import {
+  MessageDialogProvider,
+  MessageDialogSettings,
+} from "@jhelom/react-mui-message-dialog";
+
+const messageDialogSettings = {
+  okText: "OK",
+  cancelText: "Cancel",
+  alertTitle: "Alert",
+  confirmTitle: "Confirm",
+  errorTitle: "Error",
+  closeButtonAriaLabel: "Close dialog",
+  titleHeight: 40,
+} as MessageDialogSettings;
+
+createRoot(document.getElementById("root")!).render(
+  <StrictMode>
+    <MessageDialogProvider settings={messageDialogSettings}>
+      <App />
+    </MessageDialogProvider>
+  </StrictMode>
+);
+```

package/dist/{src/DialogTitleEx.d.ts → DialogTitleEx.d.ts}

@@ -3,7 +3,5 @@ export type DialogTitleExProps = {
     title: string;
     onClose?: () => void;
     sx?: SxProps<Theme>;
-    closeButtonAriaLabel?: string;
-    height?: number;
 };
 export default function DialogTitleEx(props: DialogTitleExProps): import("react/jsx-runtime").JSX.Element;

package/dist/{src/MessageDialog.d.ts → MessageDialog.d.ts}

@@ -1,6 +1,11 @@
 import { ReactNode } from 'react';
-import { MessageDialogSettings } from './MessageDialogContext';
-export type { MessageDialogSettings } from './MessageDialogContext';
+export interface MessageDialogSettings {
+    okText?: string;
+    cancelText?: string;
+    alertTitle?: string;
+    confirmTitle?: string;
+    errorTitle?: string;
+}
 export interface MessageDialogProviderProps {
     children: ReactNode;
     settings?: MessageDialogSettings;

package/dist/{src/MessageDialogContext.d.ts → MessageDialogContext.d.ts}

@@ -10,11 +10,8 @@ export type MessageDialogOptions = {
 export interface MessageDialogSettings {
     okText?: string;
     cancelText?: string;
-    alertTitle?: string;
-    confirmTitle?: string;
+    defaultTitle?: string;
     errorTitle?: string;
-    closeButtonAriaLabel?: string;
-    titleHeight?: number;
 }
 export declare const MessageDialogContext: import('react').Context<MessageDialogType | null>;
 export declare const useMessageDialog: () => MessageDialogType;