@hookform/devtools - npm Package Compare versions

Comparing version 4.0.2 to 4.1.0

dist/index.cjs.development.js

@@ -183,3 +183,5 @@ 'use strict';
                 React__namespace.createElement("td", { align: "right", style: __assign({ paddingRight: 5, fontWeight: 500, verticalAlign: 'top' }, paraGraphDefaultStyle) }, "MESSAGE:"),
-                React__namespace.createElement("td", { style: __assign({ display: 'block', maxWidth: 100 }, paraGraphDefaultStyle) }, errorMessage.trim()))),
+                React__namespace.createElement("td", { style: __assign({ display: 'block', maxWidth: 100 }, paraGraphDefaultStyle) }, typeof errorMessage === 'string'
+                    ? errorMessage.trim()
+                    : JSON.stringify(errorMessage)))),
             !isUndefined__default['default'](value) && (React__namespace.createElement("tr", null,
@@ -213,2 +215,5 @@ React__namespace.createElement("td", { align: "right", style: __assign({ paddingRight: 5, fontWeight: 500, verticalAlign: 'top' }, paraGraphDefaultStyle) }, "Value:"),
                         React__namespace.createElement("tr", null,
+                            React__namespace.createElement("td", { align: "right", style: __assign({}, paraGraphDefaultStyle) }, "Dirty:"),
+                            React__namespace.createElement("td", { style: __assign({ color: formState.isDirty ? colors.green : colors.lightPink }, paraGraphDefaultStyle) }, formState.isDirty ? 'true' : 'false')),
+                        React__namespace.createElement("tr", null,
                             React__namespace.createElement("td", { align: "right", style: __assign({}, paraGraphDefaultStyle) }, "Submitted:"),
@@ -236,2 +241,3 @@ React__namespace.createElement("td", { style: __assign({ color: formState.isSubmitted
                 lineHeight: '14px',
+                cursor: 'pointer',
             }, title: "Toggle form state panel", onClick: function () {
@@ -238,0 +244,0 @@ setShowFormState(!showFormState);

dist/index.esm.js

@@ -153,3 +153,5 @@ import * as React from 'react';
                 React.createElement("td", { align: "right", style: __assign({ paddingRight: 5, fontWeight: 500, verticalAlign: 'top' }, paraGraphDefaultStyle) }, "MESSAGE:"),
-                React.createElement("td", { style: __assign({ display: 'block', maxWidth: 100 }, paraGraphDefaultStyle) }, errorMessage.trim()))),
+                React.createElement("td", { style: __assign({ display: 'block', maxWidth: 100 }, paraGraphDefaultStyle) }, typeof errorMessage === 'string'
+                    ? errorMessage.trim()
+                    : JSON.stringify(errorMessage)))),
             !isUndefined(value) && (React.createElement("tr", null,
@@ -183,2 +185,5 @@ React.createElement("td", { align: "right", style: __assign({ paddingRight: 5, fontWeight: 500, verticalAlign: 'top' }, paraGraphDefaultStyle) }, "Value:"),
                         React.createElement("tr", null,
+                            React.createElement("td", { align: "right", style: __assign({}, paraGraphDefaultStyle) }, "Dirty:"),
+                            React.createElement("td", { style: __assign({ color: formState.isDirty ? colors.green : colors.lightPink }, paraGraphDefaultStyle) }, formState.isDirty ? 'true' : 'false')),
+                        React.createElement("tr", null,
                             React.createElement("td", { align: "right", style: __assign({}, paraGraphDefaultStyle) }, "Submitted:"),
@@ -206,2 +211,3 @@ React.createElement("td", { style: __assign({ color: formState.isSubmitted
                 lineHeight: '14px',
+                cursor: 'pointer',
             }, title: "Toggle form state panel", onClick: function () {
@@ -208,0 +214,0 @@ setShowFormState(!showFormState);

package.json

 {
   "name": "@hookform/devtools",
-  "version": "4.0.2",
+  "version": "4.1.0",
   "description": "React Hook Form dev tool to help debugging forms",
@@ -5,0 +5,0 @@ "main": "dist/index.js",

New alerts

License Policy Violation

License

This package is not allowed per your license policy. Review the package's license to ensure compliance.

Found 1 instance in 1 package

Fixed alerts

License Policy Violation

License

This package is not allowed per your license policy. Review the package's license to ensure compliance.

Found 1 instance in 1 package

Improved metrics

Total package byte prevSize

506292

increased by0.86%

Lines of code

3484

increased by0.52%

No dependency changes