@etsoo/react 1.5.50 → 1.5.51

package/__tests__/mu/NotifierMUTests.tsx

@@ -134,6 +134,33 @@ test('Prompt tests', async () => {
     jest.runOnlyPendingTimers();
 });
 
+test('Prompt tests with form submit', async () => {
+    // Click
+    const handleClick = jest.fn((result: boolean) => {
+        expect(result).toBeTruthy();
+    });
+
+    act(() => {
+        // Add the notification
+        notifier.prompt<boolean>('Prompt message', handleClick, undefined, {
+            type: 'switch',
+            required: false
+        });
+    });
+
+    await act(async () => {
+        (
+            root
+                .getElementsByTagName('form')[0]
+                .elements.namedItem('okButton') as HTMLButtonElement
+        )?.click();
+    });
+
+    expect(handleClick).toBeCalled();
+
+    jest.runOnlyPendingTimers();
+});
+
 test('Message tests', (done) => {
     // Callback
     const callback = jest.fn(() => done());

package/lib/mu/NotifierMU.js

@@ -200,7 +200,10 @@ export class NotificationMU extends NotificationReact {
             localInputs = inputs;
         }
         return (React.createElement(Dialog, { key: this.id, open: this.open, PaperComponent: DraggablePaperComponent, className: className, fullWidth: fullWidth, maxWidth: maxWidth, fullScreen: fullScreen },
-            React.createElement("form", null,
+            React.createElement("form", { onSubmit: (event) => {
+                    var _a;
+                    return (_a = event.currentTarget.elements.namedItem('okButton')) === null || _a === void 0 ? void 0 : _a.click();
+                } },
                 React.createElement(IconDialogTitle, { className: "draggable-dialog-title" },
                     React.createElement(Info, { color: "primary" }),
                     React.createElement("span", { className: "dialogTitle" }, title)),
@@ -214,7 +217,7 @@ export class NotificationMU extends NotificationReact {
                                 this.onReturn(undefined);
                             this.dismiss();
                         } }, cancelLabel)),
-                    React.createElement(LoadingButton, { color: "primary", autoFocus: true, onClick: handleSubmit, ...primaryButton }, okLabel)))));
+                    React.createElement(LoadingButton, { color: "primary", autoFocus: true, onClick: handleSubmit, name: "okButton", ...primaryButton }, okLabel)))));
     }
     // Create loading
     createLoading(_props, className) {

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "@etsoo/react",
-    "version": "1.5.50",
+    "version": "1.5.51",
     "description": "TypeScript ReactJs framework",
     "main": "lib/index.js",
     "types": "lib/index.d.ts",

package/src/mu/NotifierMU.tsx

@@ -358,7 +358,15 @@ export class NotificationMU extends NotificationReact {
                 maxWidth={maxWidth}
                 fullScreen={fullScreen}
             >
-                <form>
+                <form
+                    onSubmit={(event) =>
+                        (
+                            event.currentTarget.elements.namedItem(
+                                'okButton'
+                            ) as HTMLButtonElement
+                        )?.click()
+                    }
+                >
                     <IconDialogTitle className="draggable-dialog-title">
                         <Info color="primary" />
                         <span className="dialogTitle">{title}</span>
@@ -389,6 +397,7 @@ export class NotificationMU extends NotificationReact {
                             color="primary"
                             autoFocus
                             onClick={handleSubmit}
+                            name="okButton"
                             {...primaryButton}
                         >
                             {okLabel}