@etsoo/materialui 1.2.92 → 1.2.94

package/lib/NotifierMU.js

@@ -223,10 +223,11 @@ export class NotificationMU extends NotificationReact {
     }
     createPopup(_props, className) {
         // Destruct
-        const { content, open, renderSetup } = this;
+        // dismiss will trigger onReturn callback
+        const { content, dismiss, id, open, renderSetup } = this;
         // Setup callback
-        const options = this.renderSetup ? this.renderSetup({}) : undefined;
-        return (React.createElement(Popover, { open: open, className: className, ...options }, content));
+        const options = renderSetup ? renderSetup({}) : undefined;
+        return (React.createElement(Popover, { key: id, open: open, className: className, onClose: () => dismiss(), ...options }, content));
     }
     // Create loading
     createLoading(_props, className) {

package/lib/NotifierPopupProps.d.ts

@@ -0,0 +1,5 @@
+import { PopoverProps } from "@mui/material";
+/**
+ * Notifier Popup pros
+ */
+export type NotifierPopupProps = Omit<PopoverProps, "open" | "onClose">;

package/lib/NotifierPopupProps.js

@@ -0,0 +1 @@
+export {};

package/lib/index.d.ts

@@ -76,6 +76,7 @@ export * from "./MoreFab";
 export * from "./MUGlobal";
 export * from "./MUUtils";
 export * from "./NotifierMU";
+export * from "./NotifierPopupProps";
 export * from "./OptionBool";
 export * from "./OptionGroup";
 export * from "./PercentCircularProgress";

package/lib/index.js

@@ -76,6 +76,7 @@ export * from "./MoreFab";
 export * from "./MUGlobal";
 export * from "./MUUtils";
 export * from "./NotifierMU";
+export * from "./NotifierPopupProps";
 export * from "./OptionBool";
 export * from "./OptionGroup";
 export * from "./PercentCircularProgress";

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@etsoo/materialui",
-  "version": "1.2.92",
+  "version": "1.2.94",
   "description": "TypeScript Material-UI Implementation",
   "main": "lib/index.js",
   "types": "lib/index.d.ts",

package/src/NotifierMU.tsx

@@ -480,13 +480,20 @@ export class NotificationMU extends NotificationReact {
 
   private createPopup(_props: NotificationRenderProps, className?: string) {
     // Destruct
-    const { content, open, renderSetup } = this;
+    // dismiss will trigger onReturn callback
+    const { content, dismiss, id, open, renderSetup } = this;
 
     // Setup callback
-    const options = this.renderSetup ? this.renderSetup({}) : undefined;
+    const options = renderSetup ? renderSetup({}) : undefined;
 
     return (
-      <Popover open={open} className={className} {...options}>
+      <Popover
+        key={id}
+        open={open}
+        className={className}
+        onClose={() => dismiss()}
+        {...options}
+      >
         {content}
       </Popover>
     );

package/src/NotifierPopupProps.ts

@@ -0,0 +1,6 @@
+import { PopoverProps } from "@mui/material";
+
+/**
+ * Notifier Popup pros
+ */
+export type NotifierPopupProps = Omit<PopoverProps, "open" | "onClose">;

package/src/index.ts

@@ -80,6 +80,7 @@ export * from "./MoreFab";
 export * from "./MUGlobal";
 export * from "./MUUtils";
 export * from "./NotifierMU";
+export * from "./NotifierPopupProps";
 export * from "./OptionBool";
 export * from "./OptionGroup";
 export * from "./PercentCircularProgress";