ywana-core8 0.0.269 → 0.0.272

package/dist/index.cjs

@@ -3,7 +3,8 @@ var React = require('react');
 var RSwitch = require('react-switch');
 var moment = require('moment');
 var momentRange = require('moment-range');
-require('react-notifications/lib/notifications.css');
+var reactNotificationsComponent = require('react-notifications-component');
+require('react-notifications-component/dist/theme.css');
 var equal = require('deep-equal');
 var ResumableJS = require('resumablejs');
 
@@ -227,7 +228,8 @@ var TEXTFORMATS = {
 
 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;
 
@@ -248,7 +250,9 @@ var Text$1 = function Text(_ref) {
       break;
   }
 
-  return children ? /*#__PURE__*/React__default["default"].createElement("span", null, value) : '';
+  return children ? /*#__PURE__*/React__default["default"].createElement("span", {
+    className: className
+  }, value) : '';
 };
 
 /**
@@ -1395,7 +1399,9 @@ var DataTable = function DataTable(props) {
       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];
@@ -1505,7 +1511,8 @@ var DataTable = function DataTable(props) {
       columns: columns,
       onSelect: select,
       onDrop: sort,
-      editable: editable
+      editable: editable,
+      expanded: expanded
     });
   }))));
 };
@@ -1518,10 +1525,12 @@ var DataTableRow = function DataTableRow(props) {
       _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];
 
@@ -2799,7 +2808,24 @@ var SiteProvider = function SiteProvider(_ref) {
     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, {
@@ -2826,7 +2852,8 @@ var Site = function Site(_ref3) {
   }, /*#__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,
@@ -2839,7 +2866,7 @@ var Site = function Site(_ref3) {
 };
 
 var SiteNotifications = function SiteNotifications() {
-  return /*#__PURE__*/React__default["default"].createElement("div", null);
+  return /*#__PURE__*/React__default["default"].createElement(reactNotificationsComponent.ReactNotifications, null);
 };
 /**
  * Site Header