@janiscommerce/ui-web 0.27.1 → 0.28.0

package/CHANGELOG.md

@@ -7,6 +7,14 @@ and this project adheres to [Semantic Versioning](http://semver.org/spec/v2.0.0.
 
 ## [Unreleased]
 
+## [0.28.0] - 2025-02-12
+
+### Added
+
+- nvm file
+- script to check installation command to avoid npm install
+- Map component
+
 ## [0.27.1] - 2024-12-04
 
 ### Fixed

package/README.md

@@ -6,6 +6,14 @@ A package for use generic components from Janis
 
 `npm install @janiscommerce/ui-web`
 
+> **Important:** When developing or contributing to this library, please make sure to use `yarn` to install dependencies. Do **not** use `npm` as it might cause issues. 
+
+To install dependencies while developing the library:
+
+```bash
+yarn install
+```
+
 ### Usage
 
 ```js

package/dist/README.md

@@ -6,6 +6,14 @@ A package for use generic components from Janis
 
 `npm install @janiscommerce/ui-web`
 
+> **Important:** When developing or contributing to this library, please make sure to use `yarn` to install dependencies. Do **not** use `npm` as it might cause issues. 
+
+To install dependencies while developing the library:
+
+```bash
+yarn install
+```
+
 ### Usage
 
 ```js

package/dist/index.esm.js

@@ -4436,7 +4436,17 @@ var Frame$1 = Frame$2.Frame = function (_Component) {
     };
 
     _this.handleLoad = function () {
-      _this.setState({ iframeLoaded: true });
+      clearInterval(_this.loadCheck);
+      // Bail update as some browsers will trigger on both DOMContentLoaded & onLoad ala firefox
+      if (!_this.state.iframeLoaded) {
+        _this.setState({ iframeLoaded: true });
+      }
+    };
+
+    _this.loadCheck = function () {
+      return setInterval(function () {
+        _this.handleLoad();
+      }, 500);
     };
 
     _this._isMounted = false;
@@ -4451,10 +4461,9 @@ var Frame$1 = Frame$2.Frame = function (_Component) {
       this._isMounted = true;
 
       var doc = this.getDoc();
-      if (doc && doc.readyState === 'complete') {
-        this.forceUpdate();
-      } else {
-        this.nodeRef.current.addEventListener('load', this.handleLoad);
+
+      if (doc) {
+        this.nodeRef.current.contentWindow.addEventListener('DOMContentLoaded', this.handleLoad);
       }
     }
   }, {
@@ -4462,7 +4471,7 @@ var Frame$1 = Frame$2.Frame = function (_Component) {
     value: function componentWillUnmount() {
       this._isMounted = false;
 
-      this.nodeRef.current.removeEventListener('load', this.handleLoad);
+      this.nodeRef.current.removeEventListener('DOMContentLoaded', this.handleLoad);
     }
   }, {
     key: 'getDoc',
@@ -4478,6 +4487,10 @@ var Frame$1 = Frame$2.Frame = function (_Component) {
       }
       return doc.body.children[0];
     }
+
+    // In certain situations on a cold cache DOMContentLoaded never gets called
+    // fallback to an interval to check if that's the case
+
   }, {
     key: 'renderFrameContents',
     value: function renderFrameContents() {
@@ -4514,6 +4527,10 @@ var Frame$1 = Frame$2.Frame = function (_Component) {
 
       var mountTarget = this.getMountTarget();
 
+      if (!mountTarget) {
+        return null;
+      }
+
       return [_reactDom2.default.createPortal(this.props.head, this.getDoc().head), _reactDom2.default.createPortal(contents, mountTarget)];
     }
   }, {
@@ -4529,6 +4546,7 @@ var Frame$1 = Frame$2.Frame = function (_Component) {
       delete props.contentDidMount;
       delete props.contentDidUpdate;
       delete props.forwardedRef;
+
       return _react2.default.createElement(
         'iframe',
         _extends({}, props, { ref: this.setRef, onLoad: this.handleLoad }),