ywana-core8 0.0.843 → 0.0.844

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('moment/locale/es'), require('resumablejs'), require('react-notifications-component'), require('react-notifications-component/dist/theme.css'), require('axios'), require('deep-equal')) :
-    typeof define === 'function' && define.amd ? define(['exports', 'material-design-icons-iconfont/dist/material-design-icons.css', 'react', 'react-switch', 'moment', 'moment-range', 'moment/locale/es', 'resumablejs', 'react-notifications-component', 'react-notifications-component/dist/theme.css', 'axios', 'deep-equal'], factory) :
-    (global = global || self, factory(global.ywanaCore8 = {}, null, global.react, global.reactSwitch, global.moment, global.momentRange, null, global.resumablejs, global.reactNotificationsComponent, null, global.axios, global.deepEqual));
-})(this, (function (exports, materialDesignIcons_css, React, RSwitch, moment$1, momentRange, es, ResumableJS, reactNotificationsComponent, theme_css, axios, equal) {
+    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('moment/locale/es'), require('resumablejs'), require('react-notifications-component'), require('react-notifications-component/dist/theme.css'), require('react-error-boundary'), require('axios'), require('deep-equal')) :
+    typeof define === 'function' && define.amd ? define(['exports', 'material-design-icons-iconfont/dist/material-design-icons.css', 'react', 'react-switch', 'moment', 'moment-range', 'moment/locale/es', 'resumablejs', 'react-notifications-component', 'react-notifications-component/dist/theme.css', 'react-error-boundary', 'axios', 'deep-equal'], factory) :
+    (global = global || self, factory(global.ywanaCore8 = {}, null, global.react, global.reactSwitch, global.moment, global.momentRange, null, global.resumablejs, global.reactNotificationsComponent, null, global.reactErrorBoundary, global.axios, global.deepEqual));
+})(this, (function (exports, materialDesignIcons_css, React, RSwitch, moment$1, momentRange, es, ResumableJS, reactNotificationsComponent, theme_css, reactErrorBoundary, axios, equal) {
     function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
 
     var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
@@ -117,12 +117,20 @@
         return Promise.reject(e);
       }
     };
+    /**
+     * HTTP Client
+     * 
+     * @param {*} domain 
+     * @param {*} securityCtx 
+     * @returns 
+     */
+
 
     var HTTPClient = function HTTPClient(domain, securityCtx) {
       return {
-        GET: function GET(URL) {
+        GET: function GET(URL, headers) {
           var token = securityCtx ? securityCtx.token() : null;
-          return fetchAsync('GET', domain + URL, undefined, token);
+          return fetchAsync('GET', domain + URL, undefined, token, headers);
         },
         POST: function POST(URL, body, headers) {
           var token = securityCtx ? securityCtx.token() : null;
@@ -130,15 +138,15 @@
         },
         PUT: function PUT(URL, body) {
           var token = securityCtx ? securityCtx.token() : null;
-          return fetchAsync('PUT', domain + URL, body, token);
+          return fetchAsync('PUT', domain + URL, body, token, headers);
         },
         PATCH: function PATCH(URL, body) {
           var token = securityCtx ? securityCtx.token() : null;
-          return fetchAsync('PATCH', domain + URL, body, token);
+          return fetchAsync('PATCH', domain + URL, body, token, headers);
         },
         DELETE: function DELETE(URL) {
           var token = securityCtx ? securityCtx.token() : null;
-          return fetchAsync('DELETE', domain + URL, undefined, token);
+          return fetchAsync('DELETE', domain + URL, undefined, token, headers);
         }
       };
     };
@@ -4121,25 +4129,36 @@
           });
         }
       };
+
+      function fallbackRenderer(_ref3) {
+        var error = _ref3.error;
+        return /*#__PURE__*/React__default["default"].createElement("div", {
+          className: "site-error-fallback",
+          role: "alert"
+        }, /*#__PURE__*/React__default["default"].createElement("dialog", null, /*#__PURE__*/React__default["default"].createElement("h3", null, "Ywana Core 8"), /*#__PURE__*/React__default["default"].createElement("p", null, "Something went wrong:"), /*#__PURE__*/React__default["default"].createElement("pre", null, error.message)));
+      }
+
       return /*#__PURE__*/React__default["default"].createElement(SiteContext.Provider, {
         value: value
-      }, children);
+      }, /*#__PURE__*/React__default["default"].createElement(reactErrorBoundary.ErrorBoundary, {
+        fallbackRender: fallbackRenderer
+      }, children));
     };
     /**
      * Site
      */
 
-    var Site = function Site(_ref3) {
-      var icon = _ref3.icon,
-          logo = _ref3.logo,
-          title = _ref3.title,
-          toolbar = _ref3.toolbar,
-          footer = _ref3.footer,
-          children = _ref3.children,
-          init = _ref3.init,
-          min = _ref3.min,
-          lang = _ref3.lang,
-          dictionary = _ref3.dictionary;
+    var Site = function Site(_ref4) {
+      var icon = _ref4.icon,
+          logo = _ref4.logo,
+          title = _ref4.title,
+          toolbar = _ref4.toolbar,
+          footer = _ref4.footer,
+          children = _ref4.children,
+          init = _ref4.init,
+          min = _ref4.min,
+          lang = _ref4.lang,
+          dictionary = _ref4.dictionary;
       return /*#__PURE__*/React__default["default"].createElement(SiteProvider, {
         siteLang: lang,
         siteDictionary: dictionary
@@ -4181,8 +4200,8 @@
      */
 
 
-    var SiteToolBar = function SiteToolBar(_ref4) {
-      var children = _ref4.children;
+    var SiteToolBar = function SiteToolBar(_ref5) {
+      var children = _ref5.children;
       return /*#__PURE__*/React__default["default"].createElement("nav", null, children);
     };
     /**
@@ -4190,8 +4209,8 @@
      */
 
 
-    var SiteFooter = function SiteFooter(_ref5) {
-      var children = _ref5.children;
+    var SiteFooter = function SiteFooter(_ref6) {
+      var children = _ref6.children;
       return /*#__PURE__*/React__default["default"].createElement("footer", null, children);
     };
     /**
@@ -4208,10 +4227,10 @@
      */
 
 
-    var SiteMenu = function SiteMenu(_ref6) {
-      var title = _ref6.title,
-          children = _ref6.children,
-          min = _ref6.min;
+    var SiteMenu = function SiteMenu(_ref7) {
+      var title = _ref7.title,
+          children = _ref7.children,
+          min = _ref7.min;
       var context = React.useContext(SiteContext);
       var page = context.page,
           sideNav = context.sideNav,
@@ -4257,11 +4276,11 @@
           key: title
         }, /*#__PURE__*/React__default["default"].createElement("div", {
           className: "section-title " + style
-        }, sideNav === "max" ? title : ''), sections[title].map(function (_ref7) {
-          var id = _ref7.id,
-              _ref7$icon = _ref7.icon,
-              icon = _ref7$icon === void 0 ? 'info' : _ref7$icon,
-              title = _ref7.title;
+        }, sideNav === "max" ? title : ''), sections[title].map(function (_ref8) {
+          var id = _ref8.id,
+              _ref8$icon = _ref8.icon,
+              icon = _ref8$icon === void 0 ? 'info' : _ref8$icon,
+              title = _ref8.title;
           var styleItem = id === page ? 'selected' : '';
           return /*#__PURE__*/React__default["default"].createElement("div", {
             className: "site-menu-item " + styleItem,
@@ -4295,9 +4314,9 @@
      */
 
 
-    var SitePage = function SitePage(_ref8) {
-      var children = _ref8.children,
-          init = _ref8.init;
+    var SitePage = function SitePage(_ref9) {
+      var children = _ref9.children,
+          init = _ref9.init;
       var context = React.useContext(SiteContext);
       var page = context.page;
       React.useEffect(function () {