rc-slider - npm Package Compare versions

Comparing version 11.1.2 to 11.1.3

es/context.d.ts

@@ -23,1 +23,16 @@ import * as React from 'react';
 export default SliderContext;
+export interface UnstableContextProps {
+    onDragStart?: (info: {
+        rawValues: number[];
+        draggingIndex: number;
+        draggingValue: number;
+    }) => void;
+    onDragChange?: (info: {
+        rawValues: number[];
+        deleteIndex: number;
+        draggingIndex: number;
+        draggingValue: number;
+    }) => void;
+}
+/** @private NOT PROMISE AVAILABLE. DO NOT USE IN PRODUCTION. */
+export declare const UnstableContext: React.Context<UnstableContextProps>;

es/context.js

@@ -14,2 +14,4 @@ import * as React from 'react';
 });
-export default SliderContext;
+export default SliderContext;
+/** @private NOT PROMISE AVAILABLE. DO NOT USE IN PRODUCTION. */
+export var UnstableContext = /*#__PURE__*/React.createContext({});

es/hooks/useDrag.js

@@ -5,2 +5,3 @@ import _toConsumableArray from "@babel/runtime/helpers/esm/toConsumableArray";
 import * as React from 'react';
+import { UnstableContext } from "../context";
 /** Drag to delete offset. It's a user experience number for dragging out */
@@ -38,2 +39,5 @@ var REMOVE_DIST = 130;
   var mouseUpEventRef = React.useRef(null);
+  var _React$useContext = React.useContext(UnstableContext),
+    onDragStart = _React$useContext.onDragStart,
+    onDragChange = _React$useContext.onDragChange;
   React.useLayoutEffect(function () {
@@ -67,2 +71,10 @@ if (draggingIndex === -1) {
     triggerChange(changeValues);
+    if (onDragChange) {
+      onDragChange({
+        rawValues: nextValues,
+        deleteIndex: deleteMark ? draggingIndex : -1,
+        draggingIndex: draggingIndex,
+        draggingValue: nextValue
+      });
+    }
   };
@@ -118,2 +130,11 @@ var updateCacheValue = useEvent(function (valueIndex, offsetPercent, deleteMark) {
 
+    // Internal trigger event
+    if (onDragStart) {
+      onDragStart({
+        rawValues: initialValues,
+        draggingIndex: valueIndex,
+        draggingValue: originValue
+      });
+    }
+
     // Moving
@@ -120,0 +141,0 @@ var onMouseMove = function onMouseMove(event) {

es/index.d.ts

 import type { SliderProps, SliderRef } from './Slider';
 import Slider from './Slider';
+export { UnstableContext } from './context';
 export type { SliderProps, SliderRef };
 export default Slider;

es/index.js

 import Slider from "./Slider";
+export { UnstableContext } from "./context";
 export default Slider;

lib/context.d.ts

@@ -23,1 +23,16 @@ import * as React from 'react';
 export default SliderContext;
+export interface UnstableContextProps {
+    onDragStart?: (info: {
+        rawValues: number[];
+        draggingIndex: number;
+        draggingValue: number;
+    }) => void;
+    onDragChange?: (info: {
+        rawValues: number[];
+        deleteIndex: number;
+        draggingIndex: number;
+        draggingValue: number;
+    }) => void;
+}
+/** @private NOT PROMISE AVAILABLE. DO NOT USE IN PRODUCTION. */
+export declare const UnstableContext: React.Context<UnstableContextProps>;

lib/context.js

@@ -7,3 +7,3 @@ "use strict";
 });
-exports.default = void 0;
+exports.default = exports.UnstableContext = void 0;
 var React = _interopRequireWildcard(require("react"));
@@ -24,2 +24,4 @@ function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(e) { return e ? t : r; })(e); }
 });
-var _default = exports.default = SliderContext;
+var _default = exports.default = SliderContext;
+/** @private NOT PROMISE AVAILABLE. DO NOT USE IN PRODUCTION. */
+var UnstableContext = exports.UnstableContext = /*#__PURE__*/React.createContext({});

lib/hooks/useDrag.js

@@ -13,2 +13,3 @@ "use strict";
 var React = _interopRequireWildcard(require("react"));
+var _context = require("../context");
 function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(e) { return e ? t : r; })(e); }
@@ -48,2 +49,5 @@ function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != _typeof(e) && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && Object.prototype.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
   var mouseUpEventRef = React.useRef(null);
+  var _React$useContext = React.useContext(_context.UnstableContext),
+    onDragStart = _React$useContext.onDragStart,
+    onDragChange = _React$useContext.onDragChange;
   React.useLayoutEffect(function () {
@@ -77,2 +81,10 @@ if (draggingIndex === -1) {
     triggerChange(changeValues);
+    if (onDragChange) {
+      onDragChange({
+        rawValues: nextValues,
+        deleteIndex: deleteMark ? draggingIndex : -1,
+        draggingIndex: draggingIndex,
+        draggingValue: nextValue
+      });
+    }
   };
@@ -128,2 +140,11 @@ var updateCacheValue = (0, _rcUtil.useEvent)(function (valueIndex, offsetPercent, deleteMark) {
 
+    // Internal trigger event
+    if (onDragStart) {
+      onDragStart({
+        rawValues: initialValues,
+        draggingIndex: valueIndex,
+        draggingValue: originValue
+      });
+    }
+
     // Moving
@@ -130,0 +151,0 @@ var onMouseMove = function onMouseMove(event) {

lib/index.d.ts

 import type { SliderProps, SliderRef } from './Slider';
 import Slider from './Slider';
+export { UnstableContext } from './context';
 export type { SliderProps, SliderRef };
 export default Slider;

lib/index.js

@@ -7,4 +7,11 @@ "use strict";
 });
+Object.defineProperty(exports, "UnstableContext", {
+  enumerable: true,
+  get: function get() {
+    return _context.UnstableContext;
+  }
+});
 exports.default = void 0;
 var _Slider = _interopRequireDefault(require("./Slider"));
+var _context = require("./context");
 var _default = exports.default = _Slider.default;

package.json

 {
   "name": "rc-slider",
-  "version": "11.1.2",
+  "version": "11.1.3",
   "description": "Slider UI component for React",
@@ -5,0 +5,0 @@ "keywords": [

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

170245

increased by1.68%

Lines of code

3838

increased by2.24%

No dependency changes