@types/react-image-magnifiers - npm Package Compare versions

Comparing version 1.3.0 to 1.3.1

react-image-magnifiers/index.d.ts

@@ -24,26 +24,26 @@ // Type definitions for react-image-magnifiers 1.3
     imageSrc: string;
-    cursorStyle?: string;
-    largeImageSrc?: string;
-    imageAlt?: string;
-    style?: React.CSSProperties;
-    className?: string;
-    renderOverlay?: (state: boolean) => React.ReactNode;
-    onImageLoad?: (ev: React.SyntheticEvent) => void;
-    onLargeImageLoad?: (ev: React.SyntheticEvent) => void;
-    onZoomStart?: () => void;
-    onZoomEnd?: () => void;
+    cursorStyle?: string | undefined;
+    largeImageSrc?: string | undefined;
+    imageAlt?: string | undefined;
+    style?: React.CSSProperties | undefined;
+    className?: string | undefined;
+    renderOverlay?: ((state: boolean) => React.ReactNode) | undefined;
+    onImageLoad?: ((ev: React.SyntheticEvent) => void) | undefined;
+    onLargeImageLoad?: ((ev: React.SyntheticEvent) => void) | undefined;
+    onZoomStart?: (() => void) | undefined;
+    onZoomEnd?: (() => void) | undefined;
 }
 
 export interface MagnifierProps extends CommonProps {
-    mouseActivation?: MouseActivation;
-    touchActivation?: TouchActivation;
-    cursorStyleActive?: string;
-    dragToMove?: boolean;
+    mouseActivation?: MouseActivation | undefined;
+    touchActivation?: TouchActivation | undefined;
+    cursorStyleActive?: string | undefined;
+    dragToMove?: boolean | undefined;
     interactionSettings?: {
-        tapDurationInMs?: number;
-        doubleTapDurationInMs?: number;
-        longTouchDurationInMs?: number;
-        longTouchMoveLimit?: number;
-        clickMoveLimit?: number;
-    };
+        tapDurationInMs?: number | undefined;
+        doubleTapDurationInMs?: number | undefined;
+        longTouchDurationInMs?: number | undefined;
+        longTouchMoveLimit?: number | undefined;
+        clickMoveLimit?: number | undefined;
+    } | undefined;
 }
@@ -54,10 +54,10 @@
 export interface GlassMagnifierProps extends CommonProps {
-    allowOverflow?: boolean;
-    magnifierBorderColor?: string;
-    magnifierBorderSize?: number;
-    magnifierBackgroundColor?: string;
-    magnifierOffsetX?: number;
-    magnifierOffsetY?: number;
-    magnifierSize?: string | number;
-    square?: boolean;
+    allowOverflow?: boolean | undefined;
+    magnifierBorderColor?: string | undefined;
+    magnifierBorderSize?: number | undefined;
+    magnifierBackgroundColor?: string | undefined;
+    magnifierOffsetX?: number | undefined;
+    magnifierOffsetY?: number | undefined;
+    magnifierSize?: string | number | undefined;
+    square?: boolean | undefined;
 }
@@ -68,15 +68,15 @@
 export interface PictureInPictureMagnifierProps extends CommonProps {
-    cursorStyleActive?: string;
-    previewHorizontalPos?: 'left' | 'right';
-    previewVerticalPos?: 'top' | 'bottom';
-    previewOpacity?: number;
-    previewOverlayBoxOpacity?: number;
-    previewOverlayBackgroundColor?: string;
-    previewOverlayBoxColor?: string;
-    previewOverlayBoxImage?: string;
-    previewOverlayBoxImageSize?: string;
-    previewOverlayOpacity?: number;
-    previewSizePercentage?: number;
-    shadow?: boolean;
-    shadowColor?: string;
+    cursorStyleActive?: string | undefined;
+    previewHorizontalPos?: 'left' | 'right' | undefined;
+    previewVerticalPos?: 'top' | 'bottom' | undefined;
+    previewOpacity?: number | undefined;
+    previewOverlayBoxOpacity?: number | undefined;
+    previewOverlayBackgroundColor?: string | undefined;
+    previewOverlayBoxColor?: string | undefined;
+    previewOverlayBoxImage?: string | undefined;
+    previewOverlayBoxImageSize?: string | undefined;
+    previewOverlayOpacity?: number | undefined;
+    previewSizePercentage?: number | undefined;
+    shadow?: boolean | undefined;
+    shadowColor?: string | undefined;
 }
@@ -87,21 +87,21 @@
 export interface SideBySideMagnifierProps extends CommonProps {
-    alwaysInPlace?: boolean;
-    switchSides?: boolean;
-    fillAvailableSpace?: boolean;
-    fillAlignTop?: boolean;
-    fillGapLeft?: number;
-    fillGapRight?: number;
-    fillGapTop?: number;
-    fillGapBottom?: number;
-    overlayBoxOpacity?: number;
-    overlayOpacity?: number;
-    overlayBackgroundColor?: string;
-    overlayBoxColor?: string;
-    overlayBoxImage?: string;
-    overlayBoxImageSize?: string;
-    zoomContainerBorder?: string;
-    zoomContainerBoxShadow?: string;
-    transitionSpeed?: number;
-    transitionSpeedInPlace?: number;
-    inPlaceMinBreakpoint?: number;
+    alwaysInPlace?: boolean | undefined;
+    switchSides?: boolean | undefined;
+    fillAvailableSpace?: boolean | undefined;
+    fillAlignTop?: boolean | undefined;
+    fillGapLeft?: number | undefined;
+    fillGapRight?: number | undefined;
+    fillGapTop?: number | undefined;
+    fillGapBottom?: number | undefined;
+    overlayBoxOpacity?: number | undefined;
+    overlayOpacity?: number | undefined;
+    overlayBackgroundColor?: string | undefined;
+    overlayBoxColor?: string | undefined;
+    overlayBoxImage?: string | undefined;
+    overlayBoxImageSize?: string | undefined;
+    zoomContainerBorder?: string | undefined;
+    zoomContainerBoxShadow?: string | undefined;
+    transitionSpeed?: number | undefined;
+    transitionSpeedInPlace?: number | undefined;
+    inPlaceMinBreakpoint?: number | undefined;
 }
@@ -112,6 +112,6 @@
 export interface MagnifierContainerProps {
-    style?: string;
-    className?: string;
-    autoInPlace?: boolean;
-    inPlaceMinBreakpoint?: number;
+    style?: string | undefined;
+    className?: string | undefined;
+    autoInPlace?: boolean | undefined;
+    inPlaceMinBreakpoint?: number | undefined;
 }
@@ -123,19 +123,19 @@
     imageSrc: string;
-    largeImageSrc?: string;
-    imageAlt?: string;
-    style?: React.CSSProperties;
-    className?: string;
-    onImageLoad?: (ev: React.SyntheticEvent) => void;
-    onLargeImageLoad?: (ev: React.SyntheticEvent) => void;
-    cursorStyle?: string;
-    transitionSpeed?: number;
-    overlayBoxOpacity?: number;
-    overlayOpacity?: number;
-    overlayBackgroundColor?: number;
-    overlayBoxColor?: number;
-    overlayBoxImage?: number;
-    overlayBoxImageSize?: number;
-    renderOverlay?: (state: boolean) => React.ReactNode;
-    onZoomStart?: () => void;
-    onZoomEnd?: () => void;
+    largeImageSrc?: string | undefined;
+    imageAlt?: string | undefined;
+    style?: React.CSSProperties | undefined;
+    className?: string | undefined;
+    onImageLoad?: ((ev: React.SyntheticEvent) => void) | undefined;
+    onLargeImageLoad?: ((ev: React.SyntheticEvent) => void) | undefined;
+    cursorStyle?: string | undefined;
+    transitionSpeed?: number | undefined;
+    overlayBoxOpacity?: number | undefined;
+    overlayOpacity?: number | undefined;
+    overlayBackgroundColor?: number | undefined;
+    overlayBoxColor?: number | undefined;
+    overlayBoxImage?: number | undefined;
+    overlayBoxImageSize?: number | undefined;
+    renderOverlay?: ((state: boolean) => React.ReactNode) | undefined;
+    onZoomStart?: (() => void) | undefined;
+    onZoomEnd?: (() => void) | undefined;
 }
@@ -147,9 +147,9 @@
     imageSrc: string;
-    imageAlt?: string;
-    style?: React.CSSProperties;
-    className?: string;
-    onImageLoad?: (ev: React.SyntheticEvent) => void;
-    transitionSpeed?: number;
+    imageAlt?: string | undefined;
+    style?: React.CSSProperties | undefined;
+    className?: string | undefined;
+    onImageLoad?: ((ev: React.SyntheticEvent) => void) | undefined;
+    transitionSpeed?: number | undefined;
 }
 
 export const MagnifierZoom: React.ComponentType<MagnifierZoomProps>;

react-image-magnifiers/package.json

 {
     "name": "@types/react-image-magnifiers",
-    "version": "1.3.0",
+    "version": "1.3.1",
     "description": "TypeScript definitions for react-image-magnifiers",
+    "homepage": "https://github.com/DefinitelyTyped/DefinitelyTyped/tree/master/types/react-image-magnifiers",
     "license": "MIT",
@@ -24,4 +25,4 @@ "contributors": [
     },
-    "typesPublisherContentHash": "affd8061d165ecfaf49514f4a52341b29c00e5def7d54b218b4af5443b47c969",
-    "typeScriptVersion": "3.0"
+    "typesPublisherContentHash": "f399b3054d570830dfcfb6239d94986ced711f98d21f904fa31473a5563fc83d",
+    "typeScriptVersion": "3.6"
 }

react-image-magnifiers/README.md

@@ -11,3 +11,3 @@ # Installation
 ### Additional Details
- * Last updated: Thu, 14 May 2020 20:43:21 GMT
+ * Last updated: Thu, 08 Jul 2021 20:20:49 GMT
  * Dependencies: [@types/react](https://npmjs.com/package/@types/react)
@@ -14,0 +14,0 @@ * Global values: none

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

No website

Quality

Package does not have a website.

Found 1 instance in 1 package

Improved metrics

Total package byte prevSize

8212

increased by16.53%

Number of low quality alerts

0

decreased by-100%

No dependency changes