@6thquake/react-material/es/DragAndDrop/withDragAndDrop.js

React components that implement Google's Material Design.

import _extends from "@babel/runtime/helpers/extends";

/**
 * @ignore - do not document.
 */
import React from 'react';
import PropTypes from 'prop-types';
import { createDragDropManager } from 'dnd-core';
import invariant from 'invariant';
import hoistStatics from 'hoist-non-react-statics';
import HTML5Backend from 'react-dnd-html5-backend';

function checkDecoratorArguments(functionName, signature, ...args) {
  if (process.env.NODE_ENV !== 'production') {
    for (const arg of args) {
      if (arg && arg.prototype && arg.prototype.render) {
        // tslint:disable-next-line no-console
        console.error('You seem to be applying the arguments in the wrong order. ' + `It should be ${functionName}(${signature})(Component), not the other way around. ` + 'Read more: http://react-dnd.github.io/react-dnd/docs-troubleshooting.html#you-seem-to-be-applying-the-arguments-in-the-wrong-order');
        return;
      }
    }
  }
}

const CHILD_CONTEXT_TYPES = {
  dragDropManager: PropTypes.object.isRequired
};
let defaultManager;

function createChildContext(backend, context) {
  if (!defaultManager) {
    defaultManager = createDragDropManager(backend || HTML5Backend, context);
  }

  return {
    dragDropManager: defaultManager
  };
}

function DragDropContext(backendFactory, context) {
  checkDecoratorArguments('DragDropContext', 'backend', backendFactory); // eslint-disable-line prefer-rest-params

  const childContext = createChildContext(backendFactory, context);
  return function decorateContext(DecoratedComponent) {
    const displayName = DecoratedComponent.displayName || DecoratedComponent.name || 'Component';

    class DragDropContextContainer extends React.Component {
      constructor(...args) {
        super(...args);
        this.child = null;
      }

      getChildContext() {
        return childContext;
      }

      getDecoratedComponentInstance() {
        invariant(this.child, 'In order to access an instance of the decorated component it can not be a stateless component.');
        return this.child;
      }

      getManager() {
        return childContext.dragDropManager;
      }

      render() {
        return React.createElement(DecoratedComponent, _extends({}, this.props, {
          ref: child => this.child = child
        }));
      }

    }

    DragDropContextContainer.DecoratedComponent = DecoratedComponent;
    DragDropContextContainer.displayName = `DragDropContext(${displayName})`;
    DragDropContextContainer.childContextTypes = CHILD_CONTEXT_TYPES;
    return hoistStatics(DragDropContextContainer, DecoratedComponent);
  };
}

const withDragAndDrop = (options = {}) => Component => {
  return DragDropContext(options.backend || HTML5Backend)(Component);
};

export default withDragAndDrop;