react-beautiful-dnd
Version:
Beautiful, accessible drag and drop for lists with React.js
63 lines (48 loc) • 1.6 kB
JavaScript
;
Object.defineProperty(exports, "__esModule", {
value: true
});
var _memoizeOne = require('memoize-one');
var _memoizeOne2 = _interopRequireDefault(_memoizeOne);
var _rafSchd = require('raf-schd');
var _rafSchd2 = _interopRequireDefault(_rafSchd);
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
exports.default = function (callbacks, isDraggingFn) {
var ifDragging = function ifDragging(fn) {
if (isDraggingFn()) {
fn();
}
};
var memoizedMove = (0, _memoizeOne2.default)(function (x, y) {
var point = { x: x, y: y };
callbacks.onMove(point);
});
var move = (0, _rafSchd2.default)(function (point) {
ifDragging(function () {
return memoizedMove(point.x, point.y);
});
});
var moveForward = (0, _rafSchd2.default)(function () {
ifDragging(callbacks.onMoveForward);
});
var moveBackward = (0, _rafSchd2.default)(function () {
ifDragging(callbacks.onMoveBackward);
});
var crossAxisMoveForward = (0, _rafSchd2.default)(function () {
ifDragging(callbacks.onCrossAxisMoveForward);
});
var crossAxisMoveBackward = (0, _rafSchd2.default)(function () {
ifDragging(callbacks.onCrossAxisMoveBackward);
});
var windowScrollMove = (0, _rafSchd2.default)(function () {
ifDragging(callbacks.onWindowScroll);
});
return {
move: move,
moveForward: moveForward,
moveBackward: moveBackward,
crossAxisMoveForward: crossAxisMoveForward,
crossAxisMoveBackward: crossAxisMoveBackward,
windowScrollMove: windowScrollMove
};
};