ywana-core8 0.0.269 → 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) : '';
   };
 
   /**
@@ -1391,7 +1394,9 @@
         onSort = props.onSort,
         onCheckAll = props.onCheckAll,
         editable = props.editable,
-        outlined = props.outlined;
+        outlined = props.outlined,
+        _props$expanded = props.expanded,
+        expanded = _props$expanded === void 0 ? false : _props$expanded;
 
     var _useState = React.useState({}),
         sortDir = _useState[0];
@@ -1501,7 +1506,8 @@
         columns: columns,
         onSelect: select,
         onDrop: sort,
-        editable: editable
+        editable: editable,
+        expanded: expanded
       });
     }))));
   };
@@ -1514,10 +1520,12 @@
         _props$columns2 = props.columns,
         columns = _props$columns2 === void 0 ? [] : _props$columns2,
         onSelect = props.onSelect,
-        editable = props.editable;
+        editable = props.editable,
+        _props$expanded2 = props.expanded,
+        expanded = _props$expanded2 === void 0 ? false : _props$expanded2;
     var className = row.className;
 
-    var _useState2 = React.useState(false),
+    var _useState2 = React.useState(expanded),
         isInfoOpen = _useState2[0],
         toggleInfo = _useState2[1];
 
@@ -2795,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, {
@@ -2822,7 +2847,8 @@
     }, /*#__PURE__*/React__default["default"].createElement("div", {
       className: "site6"
     }, /*#__PURE__*/React__default["default"].createElement(SiteHeader, {
-      icon: icon
+      icon: icon,
+      title: title
     }), /*#__PURE__*/React__default["default"].createElement(SiteToolBar, null, toolbar), /*#__PURE__*/React__default["default"].createElement(SiteMenu, {
       logo: logo,
       title: title,
@@ -2835,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