@janiscommerce/ui-web 1.8.0 → 1.9.0-beta.2

package/dist/index.umd.js

@@ -9536,26 +9536,24 @@
     Icon: styled__default["default"](Icon).withConfig({
       displayName: "styles__Icon",
       componentId: "sc-3jodl7-1"
-    })(["margin-right:6px;flex-shrink:0;"])
+    })(["margin-right:6px;flex-shrink:0;"]),
+    Message: styled__default["default"].span.withConfig({
+      displayName: "styles__Message",
+      componentId: "sc-3jodl7-2"
+    })(["color:", ";font-size:", ";font-family:", ";"], palette.statusRed, typography.size.baseSmall, typography.fontFamily)
   };
 
   var DefaultError = function DefaultError(_ref) {
-    var message = _ref.message;
+    var _ref$message = _ref.message,
+        message = _ref$message === void 0 ? 'Something went wrong' : _ref$message;
     return /*#__PURE__*/React__default["default"].createElement(styled$6.Wrapper, null, /*#__PURE__*/React__default["default"].createElement(styled$6.Icon, {
       name: "exclamation_circle",
       color: "statusRed"
-    }), /*#__PURE__*/React__default["default"].createElement("p", {
-      color: "statusRed",
-      fontSize: "baseSmall"
-    }, message));
+    }), /*#__PURE__*/React__default["default"].createElement(styled$6.Message, null, message));
   };
 
-  DefaultError.defaultProps = {
-    message: 'something went wrong error'
-  };
-
-  var ErrorBoundary = /*#__PURE__*/function (_React$Component) {
-    _inherits$2(ErrorBoundary, _React$Component);
+  var ErrorBoundary = /*#__PURE__*/function (_React$PureComponent) {
+    _inherits$2(ErrorBoundary, _React$PureComponent);
 
     var _super = _createSuper(ErrorBoundary);
 
@@ -9582,8 +9580,8 @@
       value: function render() {
         var _this$props = this.props,
             children = _this$props.children,
-            _this$props$errorCont = _this$props.errorContent,
-            errorContent = _this$props$errorCont === void 0 ? /*#__PURE__*/React__default["default"].createElement(DefaultError, null) : _this$props$errorCont,
+            _this$props$errorComp = _this$props.errorComponent,
+            errorComponent = _this$props$errorComp === void 0 ? /*#__PURE__*/React__default["default"].createElement(DefaultError, null) : _this$props$errorComp,
             message = _this$props.message;
         if (!children) return null;
 
@@ -9591,7 +9589,7 @@
           // You can render any custom fallback UI
           return message ? /*#__PURE__*/React__default["default"].createElement(DefaultError, {
             message: message
-          }) : errorContent;
+          }) : errorComponent;
         }
 
         return children;
@@ -9607,7 +9605,7 @@
     }]);
 
     return ErrorBoundary;
-  }(React__default["default"].Component);
+  }(React__default["default"].PureComponent);
 
   /**
    * Depending of the given value returns a height measure