@types/react-resizable - npm Package Compare versions

Comparing version 3.0.1 to 3.0.2

react-resizable/index.d.ts

@@ -36,11 +36,8 @@ // Type definitions for react-resizable 3.0
 
-export interface ResizableProps {
+export type ResizableProps = {
     children?: React.ReactNode;
     className?: string | undefined;
-    width: number;
-    height: number;
     handle?: React.ReactNode | ((resizeHandle: ResizeHandle, ref: React.RefObject<any>) => React.ReactNode) | undefined;
     handleSize?: [number, number] | undefined;
     lockAspectRatio?: boolean | undefined;
-    axis?: Axis | undefined;
     minConstraints?: [number, number] | undefined;
@@ -54,3 +51,19 @@ maxConstraints?: [number, number] | undefined;
     transformScale?: number;
-}
+} & (
+    | {
+          width: number;
+          height?: number | undefined;
+          axis: 'x';
+      }
+    | {
+          width?: number | undefined;
+          height: number;
+          axis: 'y';
+      }
+    | {
+          width: number;
+          height: number;
+          axis?: 'both';
+      }
+);
 
@@ -57,0 +70,0 @@ export class Resizable extends React.Component<ResizableProps, ResizableState> {}

react-resizable/package.json

 {
     "name": "@types/react-resizable",
-    "version": "3.0.1",
+    "version": "3.0.2",
     "description": "TypeScript definitions for react-resizable",
@@ -25,4 +25,4 @@ "homepage": "https://github.com/DefinitelyTyped/DefinitelyTyped/tree/master/types/react-resizable",
     },
-    "typesPublisherContentHash": "ae26818ea4682608c11536aa143284cf212f5451da3da1a3d46a7277699ab0d0",
-    "typeScriptVersion": "3.9"
+    "typesPublisherContentHash": "e3588df16f1dff310e840720829799fada3edb700f6e33380d2a842a8fdeec57",
+    "typeScriptVersion": "4.0"
 }

react-resizable/README.md

@@ -46,11 +46,8 @@ # Installation
 
-export interface ResizableProps {
+export type ResizableProps = {
     children?: React.ReactNode;
     className?: string | undefined;
-    width: number;
-    height: number;
     handle?: React.ReactNode | ((resizeHandle: ResizeHandle, ref: React.RefObject<any>) => React.ReactNode) | undefined;
     handleSize?: [number, number] | undefined;
     lockAspectRatio?: boolean | undefined;
-    axis?: Axis | undefined;
     minConstraints?: [number, number] | undefined;
@@ -64,3 +61,19 @@ maxConstraints?: [number, number] | undefined;
     transformScale?: number;
-}
+} & (
+    | {
+          width: number;
+          height?: number | undefined;
+          axis: 'x';
+      }
+    | {
+          width?: number | undefined;
+          height: number;
+          axis: 'y';
+      }
+    | {
+          width: number;
+          height: number;
+          axis?: 'both';
+      }
+);
 
@@ -81,3 +94,3 @@ export class Resizable extends React.Component<ResizableProps, ResizableState> {}
 ### Additional Details
- * Last updated: Tue, 07 Jun 2022 14:31:31 GMT
+ * Last updated: Sat, 16 Jul 2022 13:32:19 GMT
  * Dependencies: [@types/react](https://npmjs.com/package/@types/react)
@@ -84,0 +97,0 @@ * Global values: none

No alert changes

Improved metrics

Total package byte prevSize

7247

6.78%

Lines of code

67

24.07%

Number of lines in readme file

98

15.29%

No dependency changes