ywana-core8 0.0.263 → 0.0.264

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'), 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', 'react-notifications/lib/notifications.css', 'deep-equal', 'resumablejs'], factory) :
-  (global = global || self, factory(global.ywanaCore8 = {}, null, global.react, global.reactSwitch, global.moment, global.momentRange, global.reactNotifications, null, global.deepEqual, global.resumablejs));
-})(this, (function (exports, materialDesignIcons_css, React, RSwitch, moment, momentRange, reactNotifications, 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/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) {
   function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
 
   var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
@@ -2793,10 +2793,7 @@
       confirm: function confirm(message) {
         return window.confirm(message);
       },
-      notify: function notify(_ref2) {
-        var title = _ref2.title,
-            body = _ref2.body;
-        reactNotifications.NotificationManager.info(body, title);
+      notify: function notify(_ref2) {//NotificationManager.info(body, title)
       }
     };
     return /*#__PURE__*/React__default["default"].createElement(SiteContext.Provider, {
@@ -2836,7 +2833,7 @@
   };
 
   var SiteNotifications = function SiteNotifications() {
-    return /*#__PURE__*/React__default["default"].createElement(reactNotifications.NotificationContainer, null);
+    return /*#__PURE__*/React__default["default"].createElement("div", null);
   };
   /**
    * Site Header
@@ -2880,11 +2877,18 @@
     var children = _ref5.children,
         min = _ref5.min;
     var context = React.useContext(SiteContext);
-    var showNav = context.showNav;
+    var sideNav = context.sideNav,
+        setSideNav = context.setSideNav,
+        showNav = context.showNav;
     React.useEffect(function () {
       if (min) context.setSideNav('min');
     }, []);
 
+    function toggle() {
+      var next = sideNav === 'max' ? 'min' : 'max';
+      setSideNav(next);
+    }
+
     var _goto = function _goto(id) {
       context.setShowNav(false);
       context["goto"](id);
@@ -2904,16 +2908,25 @@
       });
       return sections;
     }, {}) : {};
+    var style = sideNav === 'max' ? 'max' : 'min';
+    var toggleIcon = sideNav === 'max' ? 'chevron_left' : 'chevron_right';
     return /*#__PURE__*/React__default["default"].createElement("menu", {
-      className: "min " + (showNav ? 'show' : '')
+      className: style + " " + (showNav ? 'show' : '')
     }, /*#__PURE__*/React__default["default"].createElement("main", null, Object.keys(sections).map(function (title) {
       return /*#__PURE__*/React__default["default"].createElement(React.Fragment, {
         key: title
       }, sections[title].map(function (_ref6) {
         var id = _ref6.id,
             _ref6$icon = _ref6.icon,
-            icon = _ref6$icon === void 0 ? 'info' : _ref6$icon;
-        return /*#__PURE__*/React__default["default"].createElement(Icon, {
+            icon = _ref6$icon === void 0 ? 'info' : _ref6$icon,
+            title = _ref6.title;
+        return /*#__PURE__*/React__default["default"].createElement("div", {
+          className: "site-menu-item",
+          key: id,
+          onClick: function onClick() {
+            return _goto(id);
+          }
+        }, /*#__PURE__*/React__default["default"].createElement(Icon, {
           key: id,
           icon: icon,
           clickable: true,
@@ -2921,10 +2934,14 @@
           action: function action() {
             return _goto(id);
           }
-        });
+        }), sideNav === 'max' ? /*#__PURE__*/React__default["default"].createElement("label", null, title) : null);
       }), /*#__PURE__*/React__default["default"].createElement("div", {
         className: "section-divider"
       }));
+    })), /*#__PURE__*/React__default["default"].createElement("footer", null, /*#__PURE__*/React__default["default"].createElement(Icon, {
+      icon: toggleIcon,
+      clickable: true,
+      action: toggle
     })));
   };
   /**
@@ -3379,8 +3396,6 @@
       if (isHidden) {
         return null;
       } else {
-        console.log("FieldEditor: ", label, value1);
-
         switch (type) {
           case TYPES.ENTITY:
             return /*#__PURE__*/React__default["default"].createElement(EntityEditor, {