@mezzanine-ui/react 0.10.3 → 0.10.4

package/Message/Message.js

@@ -38,7 +38,7 @@ const { add, config, destroy, remove, } = createNotifier({
     duration: 3000,
     render: (message) => jsx(Message, { ...message }),
     setRoot: (root) => {
-        root.setAttribute('class', messageClasses.root);
+        root === null || root === void 0 ? void 0 : root.setAttribute('class', messageClasses.root);
     },
 });
 Message.add = add;

package/Notification/Notification.d.ts

@@ -50,5 +50,5 @@ export interface Notification extends FC<NotificationData>, Notifier<Notificatio
  * Use the API from the Notification instance such as `Notification.success` and `Notification.error`
  * to display a notification globally.
  */
-declare const Notification: Notification;
-export default Notification;
+declare const NotificationElement: Notification;
+export default NotificationElement;

package/Notification/Notification.js

@@ -16,7 +16,7 @@ import { createNotifier } from '../Notifier/createNotifier.js';
  * to display a notification globally.
  */
 // eslint-disable-next-line @typescript-eslint/no-redeclare
-const Notification = ((props) => {
+const NotificationElement = ((props) => {
     const { cancelText, children, confirmText, direction = 'left', duration, onCancel: onCancelProp, onClose: onCloseProp, onConfirm: onConfirmProp, onExited: onExitedProp, reference, severity, title, ...restTransitionProps } = props;
     const targetIcon = severity ? notificationIcons[severity] : severity;
     const [open, setOpen] = useState(true);
@@ -48,27 +48,27 @@ const Notification = ((props) => {
         if (onExitedProp) {
             onExitedProp(node);
         }
-        Notification.remove(reference);
+        NotificationElement.remove(reference);
     };
     return (jsx(SlideFade, { in: open, appear: true, onExited: onExited, direction: direction, ...restTransitionProps, children: jsxs("div", { className: cx(notificationClasses.host, severity ? notificationClasses.severity(severity) : undefined), children: [targetIcon ? (jsx("div", { className: notificationClasses.iconContainer, children: jsx(Icon, { icon: targetIcon, className: notificationClasses.severityIcon }) })) : null, jsxs("div", { className: notificationClasses.body, children: [jsx("h4", { className: notificationClasses.title, children: title }), jsx("div", { className: notificationClasses.content, children: children }), onConfirm && !severity ? (jsxs(ButtonGroup, { className: notificationClasses.action, children: [jsx(Button, { variant: "contained", onClick: onConfirm, children: confirmText }), jsx(Button, { variant: "outlined", onClick: onCancel || onClose, children: cancelText })] })) : null] }), jsx(Icon, { icon: TimesIcon, className: notificationClasses.closeIcon, onClick: onClose })] }) }));
 });
 const { add, config, destroy, remove, } = createNotifier({
     duration: false,
-    render: (notif) => jsx(Notification, { ...notif }),
+    render: (notif) => jsx(NotificationElement, { ...notif }),
     setRoot: (root) => {
-        root.setAttribute('class', notificationClasses.root);
+        root === null || root === void 0 ? void 0 : root.setAttribute('class', notificationClasses.root);
     },
 });
-Notification.add = add;
-Notification.config = config;
-Notification.destroy = destroy;
-Notification.remove = remove;
+NotificationElement.add = add;
+NotificationElement.config = config;
+NotificationElement.destroy = destroy;
+NotificationElement.remove = remove;
 ['success', 'warning', 'error', 'info'].forEach((severity) => {
-    Notification[severity] = (props) => Notification.add({
+    NotificationElement[severity] = (props) => NotificationElement.add({
         ...props,
         severity,
     });
 });
-var Notification$1 = Notification;
+var NotificationElement$1 = NotificationElement;
 
-export { Notification$1 as default };
+export { NotificationElement$1 as default };

package/Notifier/createNotifier.js

@@ -10,19 +10,21 @@ import NotifierManager from './NotifierManager.js';
  */
 function createNotifier(props) {
     const { config: configProp, render: renderNotifier, setRoot, duration, maxCount, ...restNotifierProps } = props;
-    const root = document.createElement('div');
+    const root = typeof document === 'undefined' ? null : document.createElement('div');
     const controllerRef = createRef();
     let currentConfig = {
         duration,
         maxCount,
         ...configProp,
     };
-    if (setRoot) {
+    if (setRoot && root) {
         setRoot(root);
     }
     return {
         add(notifier) {
             var _a, _b;
+            if (root === null)
+                return 'NOT_SET';
             document.body.appendChild(root);
             const key = (_a = notifier.key) !== null && _a !== void 0 ? _a : Date.now();
             const resolvedNotifier = {
@@ -47,6 +49,8 @@ function createNotifier(props) {
             }
         },
         destroy() {
+            if (root === null)
+                return;
             unmountComponentAtNode(root);
             if (root.parentNode) {
                 root.parentNode.removeChild(root);

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@mezzanine-ui/react",
-  "version": "0.10.3",
+  "version": "0.10.4",
   "description": "React components for mezzanine-ui",
   "author": "Mezzanine",
   "repository": {
@@ -31,12 +31,13 @@
     "react-dom": "^17.0.2"
   },
   "dependencies": {
-    "@mezzanine-ui/core": "^0.10.2",
+    "@mezzanine-ui/core": "^0.10.4",
     "@mezzanine-ui/icons": "^0.10.2",
     "@mezzanine-ui/system": "^0.7.0",
     "@popperjs/core": "^2.9.2",
     "@types/react-transition-group": "4.4.1",
     "clsx": "^1.1.1",
+    "lodash": "^4.17.21",
     "react-popper": "^2.2.5",
     "react-transition-group": "4.4.1",
     "tslib": "^2.1.0"
@@ -47,9 +48,9 @@
     "@testing-library/react-hooks": "^5.1.0",
     "@types/lodash": "^4.14.168",
     "@types/moment": "^2.13.0",
-    "@types/react": "^17.0.43",
-    "@types/react-dom": "^17.0.14",
-    "@types/react-test-renderer": "^17.0.1",
+    "@types/react": "17.0.43",
+    "@types/react-dom": "17.0.14",
+    "@types/react-test-renderer": "17.0.1",
     "chromatic": "^5.10.1",
     "dayjs": "^1.10.7",
     "lodash": "^4.17.21",