react-zoom-pan-pinch - npm Package Compare versions

Comparing version 1.5.8 to 1.6.0

dist/components/TransformWrapper.d.ts

 /// <reference types="react" />
-import { TransformWrapperProps } from "../store/interfaces/transformWrapperInterface";
-declare const TransformWrapper: ({ children, defaultPositionX, defaultPositionY, defaultScale, onWheelStart, onWheel, onWheelStop, onPanningStart, onPanning, onPanningStop, onPinchingStart, onPinching, onPinchingStop, onZoomChange, ...rest }: TransformWrapperProps) => JSX.Element;
+import { PropsList } from "../store/interfaces/propsInterface";
+declare const TransformWrapper: ({ children, defaultPositionX, defaultPositionY, defaultScale, onWheelStart, onWheel, onWheelStop, onPanningStart, onPanning, onPanningStop, onPinchingStart, onPinching, onPinchingStop, onZoomChange, ...rest }: PropsList) => JSX.Element;
 export { TransformWrapper };

dist/store/InitialState.d.ts

@@ -42,3 +42,2 @@ export declare const initialState: {
         velocityAnimationType: string;
-        limitToWrapperBounds: boolean;
         padding: boolean;
@@ -45,0 +44,0 @@ paddingSize: number;

dist/store/interfaces/propsInterface.d.ts

@@ -0,81 +1,95 @@
+import { ReactNode } from "react";
 export interface PropsList {
-    scale: number;
-    positionX: number;
-    positionY: number;
-    options: {
-        disabled: boolean;
-        transformEnabled: boolean;
-        minPositionX: null | number;
-        maxPositionX: null | number;
-        minPositionY: null | number;
-        maxPositionY: null | number;
-        minScale: number;
-        maxScale: number;
-        limitToBounds: boolean;
-        centerContent: boolean;
-        limitToWrapper: boolean;
+    scale?: number;
+    positionX?: number;
+    positionY?: number;
+    options?: {
+        disabled?: boolean;
+        transformEnabled?: boolean;
+        minPositionX?: null | number;
+        maxPositionX?: null | number;
+        minPositionY?: null | number;
+        maxPositionY?: null | number;
+        minScale?: number;
+        maxScale?: number;
+        limitToBounds?: boolean;
+        centerContent?: boolean;
+        limitToWrapper?: boolean;
     };
-    scalePadding: {
-        disabled: boolean;
-        size: number;
-        animationTime: number;
-        animationType: string;
+    scalePadding?: {
+        disabled?: boolean;
+        size?: number;
+        animationTime?: number;
+        animationType?: string;
     };
-    wheel: {
-        disabled: boolean;
-        step: number;
-        wheelEnabled: boolean;
-        touchPadEnabled: boolean;
-        limitsOnWheel: boolean;
+    wheel?: {
+        disabled?: boolean;
+        step?: number;
+        wheelEnabled?: boolean;
+        touchPadEnabled?: boolean;
+        limitsOnWheel?: boolean;
     };
-    pan: {
-        disabled: boolean;
-        velocity: boolean;
-        panAnimationType: string;
-        velocityEqualToMove: boolean;
-        velocitySensitivity: number;
-        velocityActiveScale: number;
-        velocityMinSpeed: number;
-        velocityBaseTime: number;
-        lockAxisX: boolean;
-        lockAxisY: boolean;
-        limitToWrapperBounds: boolean;
-        padding: boolean;
-        paddingSize: number;
-        animationTime: number;
-        animationType: string;
+    pan?: {
+        disabled?: boolean;
+        velocity?: boolean;
+        panAnimationType?: string;
+        velocityEqualToMove?: boolean;
+        velocitySensitivity?: number;
+        velocityActiveScale?: number;
+        velocityMinSpeed?: number;
+        velocityBaseTime?: number;
+        lockAxisX?: boolean;
+        lockAxisY?: boolean;
+        padding?: boolean;
+        paddingSize?: number;
+        animationTime?: number;
+        animationType?: string;
     };
-    pinch: {
-        disabled: boolean;
-        step: number;
+    pinch?: {
+        disabled?: boolean;
+        step?: number;
     };
-    zoomIn: {
-        disabled: boolean;
-        step: number;
-        animation: boolean;
-        animationTime: number;
-        animationType: string;
+    zoomIn?: {
+        disabled?: boolean;
+        step?: number;
+        animation?: boolean;
+        animationTime?: number;
+        animationType?: string;
     };
-    zoomOut: {
-        disabled: boolean;
-        step: number;
-        animation: boolean;
-        animationTime: number;
-        animationType: string;
+    zoomOut?: {
+        disabled?: boolean;
+        step?: number;
+        animation?: boolean;
+        animationTime?: number;
+        animationType?: string;
     };
-    doubleClick: {
-        disabled: boolean;
-        step: number;
-        mode: string;
-        animation: boolean;
-        animationTime: number;
-        animationType: string;
+    doubleClick?: {
+        disabled?: boolean;
+        step?: number;
+        mode?: string;
+        animation?: boolean;
+        animationTime?: number;
+        animationType?: string;
     };
-    reset: {
-        disabled: boolean;
-        step: number;
-        animation: boolean;
-        animationTime: number;
-        animationType: string;
+    reset?: {
+        disabled?: boolean;
+        step?: number;
+        animation?: boolean;
+        animationTime?: number;
+        animationType?: string;
     };
+    children?: ReactNode;
+    defaultPositionX?: number;
+    defaultPositionY?: number;
+    defaultScale?: number;
+    onWheelStart?: any;
+    onWheel?: any;
+    onWheelStop?: any;
+    onPanningStart?: any;
+    onPanning?: any;
+    onPanningStop?: any;
+    onPinchingStart?: any;
+    onPinching?: any;
+    onPinchingStop?: any;
+    onZoomChange?: any;
 }

dist/store/StateContext.d.ts

@@ -51,3 +51,2 @@ import React, { Component } from "react";
             velocityAnimationType: string;
-            limitToWrapperBounds: boolean;
             padding: boolean;
@@ -54,0 +53,0 @@ paddingSize: number;

dist/store/utils.d.ts

@@ -39,3 +39,3 @@ /**
  */
-export declare const calculateBoundingArea: (wrapperWidth: any, newContentWidth: any, diffWidth: any, wrapperHeight: any, newContentHeight: any, diffHeight: any, limitToWrapperBounds: any) => {
+export declare const calculateBoundingArea: (wrapperWidth: any, newContentWidth: any, diffWidth: any, wrapperHeight: any, newContentHeight: any, diffHeight: any, limitToWrapper: any) => {
     minPositionX: number;
@@ -42,0 +42,0 @@ maxPositionX: number;

package.json

 {
   "name": "react-zoom-pan-pinch",
-  "version": "1.5.8",
+  "version": "1.6.0",
   "description": "Zoom and pan html elements in easy way",
@@ -5,0 +5,0 @@ "author": "prc5",

README.md

@@ -172,3 +172,3 @@ # react-zoom-pan-pinch
 | velocityAnimationType | easeOut |                                          string |
-| limitToWrapperBounds  |  false  |                                         boolean |
+| limitToWrapper  |  false  |                                         boolean |
 | padding               |  true   |                                         boolean |
@@ -175,0 +175,0 @@ | paddingSize           |   40    |                                          number |

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

422978

increased by0.49%

Lines of code

3563

increased by0.54%

No dependency changes