ywana-core8 0.0.271 → 0.0.272

package/dist/index.umd.js

@@ -1,8 +1,8 @@
 (function (global, factory) {
-  typeof exports === 'object' && typeof module !== 'undefined' ? factory(exports, require('material-design-icons-iconfont/dist/material-design-icons.css'), require('react'), require('react-switch'), require('moment'), require('moment-range'), require('react-notifications/lib/notifications.css'), require('deep-equal'), require('resumablejs')) :
-  typeof define === 'function' && define.amd ? define(['exports', 'material-design-icons-iconfont/dist/material-design-icons.css', 'react', 'react-switch', 'moment', 'moment-range', 'react-notifications/lib/notifications.css', 'deep-equal', 'resumablejs'], factory) :
-  (global = global || self, factory(global.ywanaCore8 = {}, null, global.react, global.reactSwitch, global.moment, global.momentRange, null, global.deepEqual, global.resumablejs));
-})(this, (function (exports, materialDesignIcons_css, React, RSwitch, moment, momentRange, notifications_css, equal, ResumableJS) {
+  typeof exports === 'object' && typeof module !== 'undefined' ? factory(exports, require('material-design-icons-iconfont/dist/material-design-icons.css'), require('react'), require('react-switch'), require('moment'), require('moment-range'), require('react-notifications-component'), require('react-notifications-component/dist/theme.css'), require('deep-equal'), require('resumablejs')) :
+  typeof define === 'function' && define.amd ? define(['exports', 'material-design-icons-iconfont/dist/material-design-icons.css', 'react', 'react-switch', 'moment', 'moment-range', 'react-notifications-component', 'react-notifications-component/dist/theme.css', 'deep-equal', 'resumablejs'], factory) :
+  (global = global || self, factory(global.ywanaCore8 = {}, null, global.react, global.reactSwitch, global.moment, global.momentRange, global.reactNotificationsComponent, null, global.deepEqual, global.resumablejs));
+})(this, (function (exports, materialDesignIcons_css, React, RSwitch, moment, momentRange, reactNotificationsComponent, theme_css, equal, ResumableJS) {
   function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
 
   var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
@@ -223,7 +223,8 @@
 
   var Text$1 = function Text(_ref) {
     var format = _ref.format,
-        children = _ref.children;
+        children = _ref.children,
+        className = _ref.className;
     var site = React.useContext(SiteContext);
     var value = children;
 
@@ -244,7 +245,9 @@
         break;
     }
 
-    return children ? /*#__PURE__*/React__default["default"].createElement("span", null, value) : '';
+    return children ? /*#__PURE__*/React__default["default"].createElement("span", {
+      className: className
+    }, value) : '';
   };
 
   /**
@@ -2800,7 +2803,24 @@
       confirm: function confirm(message) {
         return window.confirm(message);
       },
-      notify: function notify(_ref2) {//NotificationManager.info(body, title)
+      notify: function notify(_ref2) {
+        var title = _ref2.title,
+            body = _ref2.body,
+            _ref2$type = _ref2.type,
+            type = _ref2$type === void 0 ? "success" : _ref2$type;
+        reactNotificationsComponent.Store.addNotification({
+          title: title,
+          message: body,
+          type: type,
+          insert: "top",
+          container: "top-right",
+          animationIn: ["animate__animated", "animate__fadeIn"],
+          animationOut: ["animate__animated", "animate__fadeOut"],
+          dismiss: {
+            duration: 3000,
+            onScreen: true
+          }
+        });
       }
     };
     return /*#__PURE__*/React__default["default"].createElement(SiteContext.Provider, {
@@ -2841,7 +2861,7 @@
   };
 
   var SiteNotifications = function SiteNotifications() {
-    return /*#__PURE__*/React__default["default"].createElement("div", null);
+    return /*#__PURE__*/React__default["default"].createElement(reactNotificationsComponent.ReactNotifications, null);
   };
   /**
    * Site Header