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

package/CHANGELOG.md

@@ -7,6 +7,26 @@ and this project adheres to [Semantic Versioning](http://semver.org/spec/v2.0.0.
 
 ## [Unreleased]
 
+## [1.9.0-beta.2] - 2026-04-08
+
+### Changed
+
+- errorContent prop renamed to errorComponent
+
+## Removed
+
+- default value using prop types in DefaultError component
+
+## [1.9.0-beta.1] - 2026-04-08
+
+### Added
+
+- ErrorBoundary component story
+
+### Changed
+
+- ErrorBoundary component to consolidate it and use it from outside
+
 ## [1.8.0] - 2026-02-03
 
 ### Added:

package/dist/index.esm.js

@@ -9510,26 +9510,24 @@ var styled$6 = {
   Icon: styled$j(Icon).withConfig({
     displayName: "styles__Icon",
     componentId: "sc-3jodl7-1"
-  })(["margin-right:6px;flex-shrink:0;"])
+  })(["margin-right:6px;flex-shrink:0;"]),
+  Message: styled$j.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.createElement(styled$6.Wrapper, null, /*#__PURE__*/React__default.createElement(styled$6.Icon, {
     name: "exclamation_circle",
     color: "statusRed"
-  }), /*#__PURE__*/React__default.createElement("p", {
-    color: "statusRed",
-    fontSize: "baseSmall"
-  }, message));
+  }), /*#__PURE__*/React__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);
 
@@ -9556,8 +9554,8 @@ var ErrorBoundary = /*#__PURE__*/function (_React$Component) {
     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.createElement(DefaultError, null) : _this$props$errorCont,
+          _this$props$errorComp = _this$props.errorComponent,
+          errorComponent = _this$props$errorComp === void 0 ? /*#__PURE__*/React__default.createElement(DefaultError, null) : _this$props$errorComp,
           message = _this$props.message;
       if (!children) return null;
 
@@ -9565,7 +9563,7 @@ var ErrorBoundary = /*#__PURE__*/function (_React$Component) {
         // You can render any custom fallback UI
         return message ? /*#__PURE__*/React__default.createElement(DefaultError, {
           message: message
-        }) : errorContent;
+        }) : errorComponent;
       }
 
       return children;
@@ -9581,7 +9579,7 @@ var ErrorBoundary = /*#__PURE__*/function (_React$Component) {
   }]);
 
   return ErrorBoundary;
-}(React__default.Component);
+}(React__default.PureComponent);
 
 /**
  * Depending of the given value returns a height measure