react-textarea-autosize - npm Package Compare versions

Comparing version 8.5.6 to 8.5.7

dist/react-textarea-autosize.browser.cjs.js

@@ -160,3 +160,2 @@ 'use strict';
     };
-
     // might happen if document.fonts is not defined, for instance
@@ -172,2 +171,9 @@ if (!target) {
 }
+var useFormResetListener = function useFormResetListener(libRef, listener) {
+  useListener(document.body, 'reset', function (ev) {
+    if (libRef.current.form === ev.target) {
+      listener(ev);
+    }
+  });
+};
 var useWindowResizeListener = function useWindowResizeListener(listener) {
@@ -221,2 +227,13 @@ useListener(window, 'resize', listener);
     React__namespace.useLayoutEffect(resizeTextarea);
+    useFormResetListener(libRef, function () {
+      if (!isControlled) {
+        var node = libRef.current;
+        var currentValue = node.value;
+        requestAnimationFrame(function () {
+          if (currentValue !== node.value) {
+            resizeTextarea();
+          }
+        });
+      }
+    });
     useWindowResizeListener(resizeTextarea);
@@ -223,0 +240,0 @@ useFontsLoadedListener(resizeTextarea);

dist/react-textarea-autosize.browser.development.cjs.js

@@ -160,3 +160,2 @@ 'use strict';
     };
-
     // might happen if document.fonts is not defined, for instance
@@ -172,2 +171,9 @@ if (!target) {
 }
+var useFormResetListener = function useFormResetListener(libRef, listener) {
+  useListener(document.body, 'reset', function (ev) {
+    if (libRef.current.form === ev.target) {
+      listener(ev);
+    }
+  });
+};
 var useWindowResizeListener = function useWindowResizeListener(listener) {
@@ -229,2 +235,13 @@ useListener(window, 'resize', listener);
     React__namespace.useLayoutEffect(resizeTextarea);
+    useFormResetListener(libRef, function () {
+      if (!isControlled) {
+        var node = libRef.current;
+        var currentValue = node.value;
+        requestAnimationFrame(function () {
+          if (currentValue !== node.value) {
+            resizeTextarea();
+          }
+        });
+      }
+    });
     useWindowResizeListener(resizeTextarea);
@@ -231,0 +248,0 @@ useFontsLoadedListener(resizeTextarea);

dist/react-textarea-autosize.browser.development.esm.js

@@ -132,3 +132,2 @@ import _extends from '@babel/runtime/helpers/esm/extends';
     };
-
     // might happen if document.fonts is not defined, for instance
@@ -144,2 +143,9 @@ if (!target) {
 }
+var useFormResetListener = function useFormResetListener(libRef, listener) {
+  useListener(document.body, 'reset', function (ev) {
+    if (libRef.current.form === ev.target) {
+      listener(ev);
+    }
+  });
+};
 var useWindowResizeListener = function useWindowResizeListener(listener) {
@@ -201,2 +207,13 @@ useListener(window, 'resize', listener);
     React.useLayoutEffect(resizeTextarea);
+    useFormResetListener(libRef, function () {
+      if (!isControlled) {
+        var node = libRef.current;
+        var currentValue = node.value;
+        requestAnimationFrame(function () {
+          if (currentValue !== node.value) {
+            resizeTextarea();
+          }
+        });
+      }
+    });
     useWindowResizeListener(resizeTextarea);
@@ -203,0 +220,0 @@ useFontsLoadedListener(resizeTextarea);

dist/react-textarea-autosize.browser.esm.js

@@ -132,3 +132,2 @@ import _extends from '@babel/runtime/helpers/esm/extends';
     };
-
     // might happen if document.fonts is not defined, for instance
@@ -144,2 +143,9 @@ if (!target) {
 }
+var useFormResetListener = function useFormResetListener(libRef, listener) {
+  useListener(document.body, 'reset', function (ev) {
+    if (libRef.current.form === ev.target) {
+      listener(ev);
+    }
+  });
+};
 var useWindowResizeListener = function useWindowResizeListener(listener) {
@@ -193,2 +199,13 @@ useListener(window, 'resize', listener);
     React.useLayoutEffect(resizeTextarea);
+    useFormResetListener(libRef, function () {
+      if (!isControlled) {
+        var node = libRef.current;
+        var currentValue = node.value;
+        requestAnimationFrame(function () {
+          if (currentValue !== node.value) {
+            resizeTextarea();
+          }
+        });
+      }
+    });
     useWindowResizeListener(resizeTextarea);
@@ -195,0 +212,0 @@ useFontsLoadedListener(resizeTextarea);

package.json

 {
   "name": "react-textarea-autosize",
   "description": "textarea component for React which grows with content",
-  "version": "8.5.6",
+  "version": "8.5.7",
   "keywords": [
@@ -79,3 +79,2 @@ "autosize",
   "scripts": {
-    "prebuild": "npm run clean",
     "build": "preconstruct build",
@@ -85,3 +84,2 @@ "docs:dev": "npm run dev --prefix example",
     "docs:publish": "npm run docs:build && cd ./example/dist && git init && git commit --allow-empty -m 'update docs' && git checkout -b gh-pages && touch .nojekyll && git add . && git commit -am 'update docs' && git push [e-mail]:Andarist/react-textarea-autosize gh-pages --force",
-    "clean": "rimraf dist",
     "lint": "eslint --ext .js,.ts,.tsx src",
@@ -115,6 +113,7 @@ "prepare": "npm run build",
     "@testing-library/react": "^10.4.9",
-    "@types/react": "^16.14.35",
-    "@types/react-dom": "^16.9.17",
+    "@types/react": "^18",
+    "@types/react-dom": "^18",
     "@typescript-eslint/eslint-plugin": "^5.51.0",
     "@typescript-eslint/parser": "^5.51.0",
+    "@vitejs/plugin-react": "^4.3.4",
     "babel-eslint": "11.0.0-beta.2",
@@ -131,9 +130,8 @@ "bytes": "^3.1.0",
     "lint-staged": "^10.2.8",
-    "parcel": "2.0.0-nightly.454",
     "prettier": "^2.8.4",
-    "react": "^16.13.1",
-    "react-dom": "^16.13.1",
+    "react": "^18.2.0",
+    "react-dom": "^18.2.0",
     "rimraf": "^3.0.2",
-    "terser": "^4.7.0",
-    "typescript": "^5.1.3"
+    "typescript": "^5.1.3",
+    "vite": "^6.0.7"
   },
@@ -140,0 +138,0 @@ "engines": {

No alert changes

Improved metrics

Total package byte prevSize

59340

3.48%

Lines of code

1257

6.08%

No dependency changes