wix-style-react
Version:
165 lines (136 loc) • 6.2 kB
JavaScript
;
var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
Object.defineProperty(exports, "__esModule", {
value: true
});
exports["default"] = exports.sortableListUniDriverFactory = void 0;
var _regenerator = _interopRequireDefault(require("@babel/runtime/regenerator"));
var _asyncToGenerator2 = _interopRequireDefault(require("@babel/runtime/helpers/asyncToGenerator"));
var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
var _dragAndDropDriverFactory = require("../utils/DragAndDrop/dragAndDropDriverFactory");
var _unidriver = require("../../test/utils/unidriver");
var _DraggableUni = require("../DragAndDrop/Draggable/Draggable.uni.driver");
var _constants = require("./constants");
function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); if (enumerableOnly) { symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; }); } keys.push.apply(keys, symbols); } return keys; }
function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; if (i % 2) { ownKeys(Object(source), true).forEach(function (key) { (0, _defineProperty2["default"])(target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } } return target; }
var sortableListUniDriverFactory = function sortableListUniDriverFactory(base, body) {
var getDraggableUniDriver = function getDraggableUniDriver() {
return (0, _DraggableUni.draggableUniDriverFactory)((0, _unidriver.findByHook)(base, _constants.dataHooks.provider));
};
return _objectSpread(_objectSpread({}, (0, _unidriver.baseUniDriverFactory)(base, body)), {}, {
/**
* reorder sortable list items
* @param {ReorderIds} ids { addedId: string | number, removedId: string | number }
* @return {Promise<void>}
* @deprecated use reorderByDataHook
*/
reorder: function () {
var _reorder = (0, _asyncToGenerator2["default"])( /*#__PURE__*/_regenerator["default"].mark(function _callee(_ref) {
var removedId, addedId, draggableDriver;
return _regenerator["default"].wrap(function _callee$(_context) {
while (1) {
switch (_context.prev = _context.next) {
case 0:
removedId = _ref.removedId, addedId = _ref.addedId;
draggableDriver = getDraggableUniDriver();
_context.next = 4;
return draggableDriver.beginDrag({
id: removedId
});
case 4:
_context.next = 6;
return draggableDriver.dragOver({
id: addedId
});
case 6:
_context.next = 8;
return draggableDriver.endDrag({
id: addedId
});
case 8:
case "end":
return _context.stop();
}
}
}, _callee);
}));
function reorder(_x) {
return _reorder.apply(this, arguments);
}
return reorder;
}(),
/**
* reorder sortable list items by data-hook
* @param {ReorderDataHooks} dataHooks { from: string, to: string }
* @return {Promise<void>}
*/
reorderByDataHook: function () {
var _reorderByDataHook = (0, _asyncToGenerator2["default"])( /*#__PURE__*/_regenerator["default"].mark(function _callee2(_ref2) {
var from, to, draggableDriver;
return _regenerator["default"].wrap(function _callee2$(_context2) {
while (1) {
switch (_context2.prev = _context2.next) {
case 0:
from = _ref2.from, to = _ref2.to;
draggableDriver = getDraggableUniDriver();
_context2.next = 4;
return draggableDriver.beginDrag({
dataHook: from
});
case 4:
_context2.next = 6;
return draggableDriver.dragOver({
dataHook: to
});
case 6:
_context2.next = 8;
return draggableDriver.endDrag({
dataHook: to
});
case 8:
case "end":
return _context2.stop();
}
}
}, _callee2);
}));
function reorderByDataHook(_x2) {
return _reorderByDataHook.apply(this, arguments);
}
return reorderByDataHook;
}(),
/**
* get draggable item current position
* @param {DraggableItemDetails} itemDetails { dataHook: string }
* @return {Promise<void>}
*/
getItemCurrentPosition: function () {
var _getItemCurrentPosition = (0, _asyncToGenerator2["default"])( /*#__PURE__*/_regenerator["default"].mark(function _callee3(_ref3) {
var dataHook;
return _regenerator["default"].wrap(function _callee3$(_context3) {
while (1) {
switch (_context3.prev = _context3.next) {
case 0:
dataHook = _ref3.dataHook;
return _context3.abrupt("return", (0, _dragAndDropDriverFactory.dragAndDropDriverFactory)({
base: base
}).getItemPosition({
dataHook: dataHook
}));
case 2:
case "end":
return _context3.stop();
}
}
}, _callee3);
}));
function getItemCurrentPosition(_x3) {
return _getItemCurrentPosition.apply(this, arguments);
}
return getItemCurrentPosition;
}()
});
};
exports.sortableListUniDriverFactory = sortableListUniDriverFactory;
var _default = sortableListUniDriverFactory;
exports["default"] = _default;