@hookform/devtools - npm Package Compare versions

Comparing version 4.2.3 to 4.3.0

dist/devTool.d.ts

 import { Control, FieldValues } from 'react-hook-form';
+import { DevtoolUIProps } from './devToolUI';
 import type { PLACEMENT } from './position';
-export declare const DevTool: <T extends FieldValues>(props?: {
+export declare const DevTool: <T extends FieldValues>(props?: ({
     id?: string | undefined;
     control?: Control<T, any> | undefined;
-    placement?: PLACEMENT | undefined;
-} | undefined) => JSX.Element | null;
+} & Pick<DevtoolUIProps, "placement" | "styles">) | undefined) => JSX.Element | null;
 export type { PLACEMENT };

dist/devToolUI.d.ts

 import * as React from 'react';
 import { Control } from 'react-hook-form';
 import { PLACEMENT } from './position';
-interface DevtoolUIProps {
+export interface DevtoolUIProps {
     control: Control<any>;
     placement?: PLACEMENT;
+    /** Custom styles for the "show/hide panel" button and for the panel div */
+    styles?: {
+        /** Custom styles for the "show/hide panel" button */
+        button?: React.HTMLAttributes<HTMLButtonElement>['style'];
+        /** Custom styles for the panel div */
+        panel?: React.HTMLAttributes<HTMLDivElement>['style'];
+    };
 }
 export declare const DevToolUI: React.FC<DevtoolUIProps>;
-export {};

package.json

 {
   "name": "@hookform/devtools",
-  "version": "4.2.3",
+  "version": "4.3.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

Worsened metrics

Total package byte prevSize

1306526

decreased by-1.16%

Lines of code

10042

decreased by-1.28%

No dependency changes