wix-style-react/dist/es/src/DragAndDrop/Draggable/Draggable.driver.js

wix-style-react

import { dragAndDropDriverFactory } from '../../utils/DragAndDrop/dragAndDropDriverFactory';

var draggableDriverFactory = function draggableDriverFactory(_ref) {
  var element = _ref.element,
      wrapper = _ref.wrapper,
      component = _ref.component;
  var dragAndDropDriver = dragAndDropDriverFactory({
    element: element
  });
  return {
    wrapper: wrapper,
    exists: function exists() {
      return !!element;
    },
    childByHook: function childByHook(hook) {
      return element.querySelector("[data-hook=\"".concat(hook, "\"]"));
    },
    component: component,

    /** fire dragstart event for the provided draggable item */
    beginDrag: function beginDrag(_ref2) {
      var dataHook = _ref2.dataHook,
          id = _ref2.id;
      return dragAndDropDriver.beginDrag({
        dataHook: dataHook,
        id: id
      });
    },

    /** fire dragover event for the provided draggable item */
    dragOver: function dragOver(_ref3) {
      var dataHook = _ref3.dataHook,
          id = _ref3.id;
      return dragAndDropDriver.dragOver({
        dataHook: dataHook,
        id: id
      });
    },

    /** fire drop and dragend events for the provided draggable item */
    endDrag: function endDrag(dataHook) {
      return dragAndDropDriver.endDrag({
        dataHook: dataHook
      });
    }
  };
};

export default draggableDriverFactory;