react-show-more-text 1.6.0 → 1.6.1

package/README.md

@@ -1,9 +1,8 @@
-# React Show More Text 1.6.0
+# React Show More Text 1.6.1
 
 [![NPM version][npm-image]][npm-url]
 [![Downloads][downloads-image]][npm-url]
 [![Build status][travis-image]][travis-url]
-[![Dependency status][david-dm-image]][david-dm-url]
 
 The text surrounded by the component will be truncated. Anything surrounded by the component could be evaluated as text. The component react-show-more-text/ShowMoreText is fork of react-show-more/ShowMore, applied improvements, works with React 16.x.x, React 18.x.x added onClick event.
 
@@ -128,7 +127,5 @@ $ npm run storybook --legacy-peer-deps=true
 [npm-url]: https://npmjs.org/package/react-show-more-text
 [downloads-image]: http://img.shields.io/npm/dm/react-show-more-text.svg
 [npm-image]: https://badge.fury.io/js/react-show-more-text.svg
-[travis-url]: https://travis-ci.com/devzonetech/react-show-more-text
-[travis-image]: https://travis-ci.com/devzonetech/react-show-more-text.svg?branch=master
-[david-dm-url]: https://david-dm.org/devzonetech/react-show-more-text
-[david-dm-image]: https://david-dm.org/devzonetech/react-show-more-text.svg
+[travis-url]: https://app.travis-ci.com/github/devzonetech/react-show-more-text
+[travis-image]: https://travis-ci.com/devzonetech/react-show-more-text.svg?branch=master

package/lib/ShowMoreText.js

@@ -64,6 +64,8 @@ var ShowMoreText = /*#__PURE__*/function (_Component) {
         if (truncated) {
           _this.truncateRef.onResize();
         }
+
+        _this.props.onTruncate && _this.props.onTruncate();
       }
     });
 
@@ -130,7 +132,8 @@ var ShowMoreText = /*#__PURE__*/function (_Component) {
           className = _this$props.className,
           width = _this$props.width,
           keepNewLines = _this$props.keepNewLines,
-          truncatedEndingComponent = _this$props.truncatedEndingComponent;
+          truncatedEndingComponent = _this$props.truncatedEndingComponent,
+          onTruncate = _this$props.onTruncate;
       var _this$state = this.state,
           expanded = _this$state.expanded,
           truncated = _this$state.truncated;
@@ -181,7 +184,8 @@ _defineProperty(ShowMoreText, "defaultProps", {
   width: 0,
   keepNewLines: false,
   truncatedEndingComponent: '... ',
-  expandByClick: true
+  expandByClick: true,
+  onTruncate: undefined
 });
 
 _defineProperty(ShowMoreText, "propTypes", {
@@ -196,7 +200,8 @@ _defineProperty(ShowMoreText, "propTypes", {
   width: _propTypes.PropTypes.number,
   keepNewLines: _propTypes.PropTypes.bool,
   truncatedEndingComponent: _propTypes.PropTypes.node,
-  expandByClick: _propTypes.PropTypes.bool
+  expandByClick: _propTypes.PropTypes.bool,
+  onTruncate: _propTypes.PropTypes.func
 });
 
 var _default = ShowMoreText;

package/lib/Truncate.js

@@ -330,7 +330,7 @@ var Truncate = /*#__PURE__*/function (_React$Component) {
       this.canvasContext = canvas.getContext('2d');
       calcTargetWidth(function () {
         // Node not needed in document tree to read its content
-        if (text) {
+        if (text && text.parentNode) {
           text.parentNode.removeChild(text);
         }
       });
@@ -355,7 +355,11 @@ var Truncate = /*#__PURE__*/function (_React$Component) {
       var ellipsis = this.elements.ellipsis,
           onResize = this.onResize,
           timeout = this.timeout;
-      ellipsis.parentNode.removeChild(ellipsis);
+
+      if (ellipsis.parentNode) {
+        ellipsis.parentNode.removeChild(ellipsis);
+      }
+
       window.removeEventListener('resize', onResize);
       window.cancelAnimationFrame(timeout);
     }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "react-show-more-text",
-  "version": "1.6.0",
+  "version": "1.6.1",
   "description": "The text surrounded by the component will be truncated. Anything surrounded by the component could be evaluated as text. The component react-show-more-text/ShowMoreText is fork of react-show-more/ShowMore, applied improvements, works with React 16.x.x, added onClick event.",
   "main": "lib/ShowMoreText.js",
   "files": [
@@ -49,12 +49,12 @@
     "@babel/preset-env": "^7.12.1",
     "@babel/preset-react": "^7.12.1",
     "@storybook/addon-actions": "^6.5.12",
-    "@storybook/addon-essentials": "^6.5.12",
+    "@storybook/addon-essentials": "^6.4.22",
     "@storybook/addon-interactions": "^6.5.12",
     "@storybook/addon-links": "^6.5.12",
     "@storybook/builder-webpack4": "^6.5.12",
     "@storybook/manager-webpack4": "^6.5.12",
-    "@storybook/react": "^6.5.12",
+    "@storybook/react": "^6.1.21",
     "@storybook/testing-library": "^0.0.13",
     "babel-eslint": "^10.1.0",
     "babel-loader": "^8.2.5",
@@ -64,7 +64,7 @@
     "coveralls": "^3.0.7",
     "enzyme": "^3.11.0",
     "enzyme-adapter-react-16": "^1.15.5",
-    "eslint": "^4.14.0",
+    "eslint": "^8.24.0",
     "eslint-config-onelint": "^3.0.0",
     "eslint-config-onelint-react": "^2.0.1",
     "eslint-config-react-app": "^6.0.0",
@@ -74,8 +74,9 @@
     "eslint-plugin-jsx-a11y": "^6.4.1",
     "eslint-plugin-react": "^7.21.5",
     "eslint-plugin-react-hooks": "^4.2.0",
-    "jest": "^25.3.0",
-    "jest-enzyme": "^7.1.2",
+    "jest": "^29.1.2",
+    "jest-environment-jsdom": "^29.1.2",
+    "jest-enzyme": "^4.2.0",
     "nyc": "^14.1.1",
     "onchange": "^6.1.1",
     "react": "^16.14.0",