wix-style-react/dist/es/src/SortableList/SortableList.uni.driver.js

wix-style-react

import _asyncToGenerator from "@babel/runtime/helpers/asyncToGenerator";
import _defineProperty from "@babel/runtime/helpers/defineProperty";
import _regeneratorRuntime from "@babel/runtime/regenerator";

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) { _defineProperty(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; }

import { dragAndDropDriverFactory } from '../utils/DragAndDrop/dragAndDropDriverFactory';
import { baseUniDriverFactory, findByHook } from '../../test/utils/unidriver';
import { draggableUniDriverFactory } from '../DragAndDrop/Draggable/Draggable.uni.driver';
import { dataHooks } from './constants';
export var sortableListUniDriverFactory = function sortableListUniDriverFactory(base, body) {
  var getDraggableUniDriver = function getDraggableUniDriver() {
    return draggableUniDriverFactory(findByHook(base, dataHooks.provider));
  };

  return _objectSpread(_objectSpread({}, 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 = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime.mark(function _callee(_ref) {
        var removedId, addedId, draggableDriver;
        return _regeneratorRuntime.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 = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime.mark(function _callee2(_ref2) {
        var from, to, draggableDriver;
        return _regeneratorRuntime.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 = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime.mark(function _callee3(_ref3) {
        var dataHook;
        return _regeneratorRuntime.wrap(function _callee3$(_context3) {
          while (1) {
            switch (_context3.prev = _context3.next) {
              case 0:
                dataHook = _ref3.dataHook;
                return _context3.abrupt("return", dragAndDropDriverFactory({
                  base: base
                }).getItemPosition({
                  dataHook: dataHook
                }));

              case 2:
              case "end":
                return _context3.stop();
            }
          }
        }, _callee3);
      }));

      function getItemCurrentPosition(_x3) {
        return _getItemCurrentPosition.apply(this, arguments);
      }

      return getItemCurrentPosition;
    }()
  });
};
export default sortableListUniDriverFactory;