UNPKG

wix-style-react

Version:
165 lines (136 loc) • 6.2 kB
"use strict"; 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;