@img-comparison-slider/react - npm Package Compare versions

Comparing version 7.0.2 to 7.1.0

dist/index.d.ts

 import { FC, AllHTMLAttributes } from 'react';
-declare type ImgComparisonSliderProps = AllHTMLAttributes<HTMLElement>;
+declare type ImgComparisonSliderProps = AllHTMLAttributes<HTMLElement> & {
+    value?: number | string;
+};
 export declare const ImgComparisonSlider: FC<ImgComparisonSliderProps>;
 export {};

dist/index.js

@@ -31,2 +31,8 @@ "use strict";
 const ImgComparisonSlider = ({ children, ...props }) => {
+    const ref = react_1.default.createRef();
+    react_1.default.useEffect(() => {
+        if (props.value !== undefined) {
+            ref.current.value = props.value;
+        }
+    }, [props.value, ref]);
     return react_1.default.createElement('img-comparison-slider', Object.assign({
@@ -38,2 +44,3 @@ class: props.className ? `${props.className} rendered` : 'rendered',
         tabIndex: 0,
+        ref,
     }, props), children);
@@ -40,0 +47,0 @@ };

package.json

 {
   "name": "@img-comparison-slider/react",
-  "version": "7.0.2",
+  "version": "7.1.0",
   "description": "React wrapper for img-comparison-slider",
@@ -35,4 +35,4 @@ "homepage": "https://sneas.github.io/img-comparison-slider",
   "dependencies": {
-    "img-comparison-slider": "^7.0.2"
+    "img-comparison-slider": "^7.1.0"
   }
 }

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

4918

increased by11.6%

Lines of code

52

increased by20.93%

Dependency changes

• Updatedimg-comparison-slider@^7.1.0