@influitive/profile-card - npm Package Compare versions

Comparing version 3.0.15 to 3.0.16

lib/containers/profile-card.js

@@ -78,13 +78,10 @@ "use strict";
 
-    _defineProperty(_assertThisInitialized(_this), "componentWillMount", function () {
-      var _this$props = _this.props,
-          initializeProfileCard = _this$props.initializeProfileCard,
-          profileCardId = _this$props.profileCardId;
-      initializeProfileCard(profileCardId);
+    _defineProperty(_assertThisInitialized(_this), "handleResize", function () {
+      _this.props.hideProfile(_this.props.profileCardId);
     });
 
     _defineProperty(_assertThisInitialized(_this), "handleHideProfile", function () {
-      var _this$props2 = _this.props,
-          hideProfile = _this$props2.hideProfile,
-          profileCardId = _this$props2.profileCardId;
+      var _this$props = _this.props,
+          hideProfile = _this$props.hideProfile,
+          profileCardId = _this$props.profileCardId;
       hideProfile(profileCardId);
@@ -94,6 +91,6 @@ });
     _defineProperty(_assertThisInitialized(_this), "handleToggleProfile", function () {
-      var _this$props3 = _this.props,
-          id = _this$props3.id,
-          profileCardId = _this$props3.profileCardId,
-          toggleProfile = _this$props3.toggleProfile;
+      var _this$props2 = _this.props,
+          id = _this$props2.id,
+          profileCardId = _this$props2.profileCardId,
+          toggleProfile = _this$props2.toggleProfile;
       toggleProfile(id, profileCardId);
@@ -106,2 +103,13 @@ });
   _createClass(ProfileCard, [{
+    key: "componentDidMount",
+    value: function componentDidMount() {
+      this.props.initializeProfileCard(this.props.profileCardId);
+      window.addEventListener('resize', this.handleResize);
+    }
+  }, {
+    key: "componentWillUnmount",
+    value: function componentWillUnmount() {
+      window.removeEventListener('resize', this.handleResize);
+    }
+  }, {
     key: "render",
@@ -115,8 +123,8 @@ value: function render() {
 
-      var _this$props4 = this.props,
-          disableMessage = _this$props4.disableMessage,
-          disableViewProfile = _this$props4.disableViewProfile,
-          position = _this$props4.position,
-          profileCardId = _this$props4.profileCardId,
-          profileDetails = _this$props4.profileDetails;
+      var _this$props3 = this.props,
+          disableMessage = _this$props3.disableMessage,
+          disableViewProfile = _this$props3.disableViewProfile,
+          position = _this$props3.position,
+          profileCardId = _this$props3.profileCardId,
+          profileDetails = _this$props3.profileDetails;
       return _react.default.createElement(_themeProvider.default, {
@@ -123,0 +131,0 @@ theme: themeOverrides

package.json

 {
   "name": "@influitive/profile-card",
-  "version": "3.0.15",
+  "version": "3.0.16",
   "dependencies": {
@@ -5,0 +5,0 @@ "@influitive/jwt": "^2.1.2",

src/containers/profile-card.js

@@ -33,8 +33,15 @@ import React, { Component } from 'react';
 
-  componentWillMount = () => {
-    const { initializeProfileCard, profileCardId } = this.props;
+  componentDidMount() {
+    this.props.initializeProfileCard(this.props.profileCardId);
+    window.addEventListener('resize', this.handleResize);
+  }
 
-    initializeProfileCard(profileCardId);
+  componentWillUnmount() {
+    window.removeEventListener('resize', this.handleResize);
   }
 
+  handleResize = () => {
+    this.props.hideProfile(this.props.profileCardId);
+  }
+
   handleHideProfile = () => {
@@ -41,0 +48,0 @@ const { hideProfile, profileCardId } = this.props;

No alert changes

Improved metrics

Total package byte prevSize

500981

increased by0.08%

Lines of code

2112

increased by0.67%

Worsened metrics

Number of package files

51

decreased by-1.92%

No dependency changes