ywana-core8 0.0.269 → 0.0.272

package/dist/index.modern.js

@@ -3,7 +3,8 @@ import React, { useContext, useState, useEffect, Fragment, useRef, useMemo, Chil
 import RSwitch from 'react-switch';
 import moment from 'moment';
 import { extendMoment } from 'moment-range';
-import 'react-notifications/lib/notifications.css';
+import { ReactNotifications, Store } from 'react-notifications-component';
+import 'react-notifications-component/dist/theme.css';
 import equal from 'deep-equal';
 import ResumableJS from 'resumablejs';
 
@@ -219,7 +220,8 @@ var TEXTFORMATS = {
 
 var Text$1 = function Text(_ref) {
   var format = _ref.format,
-      children = _ref.children;
+      children = _ref.children,
+      className = _ref.className;
   var site = useContext(SiteContext);
   var value = children;
 
@@ -240,7 +242,9 @@ var Text$1 = function Text(_ref) {
       break;
   }
 
-  return children ? /*#__PURE__*/React.createElement("span", null, value) : '';
+  return children ? /*#__PURE__*/React.createElement("span", {
+    className: className
+  }, value) : '';
 };
 
 /**
@@ -1387,7 +1391,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 = useState({}),
       sortDir = _useState[0];
@@ -1497,7 +1503,8 @@ var DataTable = function DataTable(props) {
       columns: columns,
       onSelect: select,
       onDrop: sort,
-      editable: editable
+      editable: editable,
+      expanded: expanded
     });
   }))));
 };
@@ -1510,10 +1517,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 = useState(false),
+  var _useState2 = useState(expanded),
       isInfoOpen = _useState2[0],
       toggleInfo = _useState2[1];
 
@@ -2791,7 +2800,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;
+      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.createElement(SiteContext.Provider, {
@@ -2818,7 +2844,8 @@ var Site = function Site(_ref3) {
   }, /*#__PURE__*/React.createElement("div", {
     className: "site6"
   }, /*#__PURE__*/React.createElement(SiteHeader, {
-    icon: icon
+    icon: icon,
+    title: title
   }), /*#__PURE__*/React.createElement(SiteToolBar, null, toolbar), /*#__PURE__*/React.createElement(SiteMenu, {
     logo: logo,
     title: title,
@@ -2831,7 +2858,7 @@ var Site = function Site(_ref3) {
 };
 
 var SiteNotifications = function SiteNotifications() {
-  return /*#__PURE__*/React.createElement("div", null);
+  return /*#__PURE__*/React.createElement(ReactNotifications, null);
 };
 /**
  * Site Header