rc-slider - npm Package Compare versions

Comparing version 10.0.0 to 10.0.1

es/Slider.d.ts

@@ -49,4 +49,4 @@ import * as React from 'react';
     railStyle?: React.CSSProperties;
-    dotStyle?: React.CSSProperties;
-    activeDotStyle?: React.CSSProperties;
+    dotStyle?: React.CSSProperties | ((dotValue: number) => React.CSSProperties);
+    activeDotStyle?: React.CSSProperties | ((dotValue: number) => React.CSSProperties);
     marks?: Record<string | number, React.ReactNode | MarkObj>;
@@ -53,0 +53,0 @@ dots?: boolean;

es/Steps/Dot.d.ts

@@ -5,5 +5,5 @@ import * as React from 'react';
     value: number;
-    style?: React.CSSProperties;
-    activeStyle?: React.CSSProperties;
+    style?: React.CSSProperties | ((dotValue: number) => React.CSSProperties);
+    activeStyle?: React.CSSProperties | ((dotValue: number) => React.CSSProperties);
 }
 export default function Dot(props: DotProps): JSX.Element;

es/Steps/Dot.js

@@ -24,6 +24,6 @@ import _defineProperty from "@babel/runtime/helpers/esm/defineProperty";
 
-  var mergedStyle = _objectSpread(_objectSpread({}, getDirectionStyle(direction, value, min, max)), style);
+  var mergedStyle = _objectSpread(_objectSpread({}, getDirectionStyle(direction, value, min, max)), typeof style === 'function' ? style(value) : style);
 
   if (active) {
-    mergedStyle = _objectSpread(_objectSpread({}, mergedStyle), activeStyle);
+    mergedStyle = _objectSpread(_objectSpread({}, mergedStyle), typeof activeStyle === 'function' ? activeStyle(value) : activeStyle);
   }
@@ -30,0 +30,0 @@

es/Steps/index.d.ts

@@ -7,5 +7,5 @@ import * as React from 'react';
     dots?: boolean;
-    style?: React.CSSProperties;
-    activeStyle?: React.CSSProperties;
+    style?: React.CSSProperties | ((dotValue: number) => React.CSSProperties);
+    activeStyle?: React.CSSProperties | ((dotValue: number) => React.CSSProperties);
 }
 export default function Steps(props: StepsProps): JSX.Element;

es/Steps/index.js

@@ -23,3 +23,3 @@ import * as React from 'react';
 
-    if (dots) {
+    if (dots && step !== null) {
       var current = min;
@@ -26,0 +26,0 @@

lib/Slider.d.ts

@@ -49,4 +49,4 @@ import * as React from 'react';
     railStyle?: React.CSSProperties;
-    dotStyle?: React.CSSProperties;
-    activeDotStyle?: React.CSSProperties;
+    dotStyle?: React.CSSProperties | ((dotValue: number) => React.CSSProperties);
+    activeDotStyle?: React.CSSProperties | ((dotValue: number) => React.CSSProperties);
     marks?: Record<string | number, React.ReactNode | MarkObj>;
@@ -53,0 +53,0 @@ dots?: boolean;

lib/Steps/Dot.d.ts

@@ -5,5 +5,5 @@ import * as React from 'react';
     value: number;
-    style?: React.CSSProperties;
-    activeStyle?: React.CSSProperties;
+    style?: React.CSSProperties | ((dotValue: number) => React.CSSProperties);
+    activeStyle?: React.CSSProperties | ((dotValue: number) => React.CSSProperties);
 }
 export default function Dot(props: DotProps): JSX.Element;

lib/Steps/Dot.js

@@ -41,6 +41,6 @@ "use strict";
 
-  var mergedStyle = (0, _objectSpread2.default)((0, _objectSpread2.default)({}, (0, _util.getDirectionStyle)(direction, value, min, max)), style);
+  var mergedStyle = (0, _objectSpread2.default)((0, _objectSpread2.default)({}, (0, _util.getDirectionStyle)(direction, value, min, max)), typeof style === 'function' ? style(value) : style);
 
   if (active) {
-    mergedStyle = (0, _objectSpread2.default)((0, _objectSpread2.default)({}, mergedStyle), activeStyle);
+    mergedStyle = (0, _objectSpread2.default)((0, _objectSpread2.default)({}, mergedStyle), typeof activeStyle === 'function' ? activeStyle(value) : activeStyle);
   }
@@ -47,0 +47,0 @@

lib/Steps/index.d.ts

@@ -7,5 +7,5 @@ import * as React from 'react';
     dots?: boolean;
-    style?: React.CSSProperties;
-    activeStyle?: React.CSSProperties;
+    style?: React.CSSProperties | ((dotValue: number) => React.CSSProperties);
+    activeStyle?: React.CSSProperties | ((dotValue: number) => React.CSSProperties);
 }
 export default function Steps(props: StepsProps): JSX.Element;

lib/Steps/index.js

@@ -37,3 +37,3 @@ "use strict";
 
-    if (dots) {
+    if (dots && step !== null) {
       var current = min;
@@ -40,0 +40,0 @@

package.json

 {
   "name": "rc-slider",
-  "version": "10.0.0",
+  "version": "10.0.1",
   "description": "Slider UI component for React",
@@ -54,3 +54,2 @@ "engines": {
     "classnames": "^2.2.5",
-    "rc-tooltip": "^5.0.1",
     "rc-util": "^5.18.1",
@@ -80,2 +79,3 @@ "shallowequal": "^1.1.0"
     "np": "^7.0.0",
+    "rc-tooltip": "^5.0.1",
     "rc-trigger": "^5.0.4",
@@ -82,0 +82,0 @@ "react": "^16.0.0",

README.md

@@ -100,4 +100,4 @@ # rc-slider
 | railStyle | Object | `{}` | The style used for the track base color.  |
-| dotStyle | Object | `{}` | The style used for the dots. |
-| activeDotStyle | Object | `{}` | The style used for the active dots. |
+| dotStyle | Object \| (dotValue) => Object | `{}` | The style used for the dots. |
+| activeDotStyle | Object \| (dotValue) => Object | `{}` | The style used for the active dots. |
 
@@ -104,0 +104,0 @@ ### Slider

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

135355

increased by2.96%

Dependency count

6

decreased by-14.29%

Number of package files

65

increased by1.56%

Worsened metrics

Dev dependency count

26

increased by4%

Dependency changes

• - Removedrc-tooltip@^5.0.1

• - Removeddom-align@1.12.4(transitive)

• - Removedrc-align@4.0.15(transitive)

• - Removedrc-motion@2.9.2(transitive)

• - Removedrc-tooltip@5.3.1(transitive)

• - Removedrc-trigger@5.3.4(transitive)

• - Removedresize-observer-polyfill@1.5.1(transitive)