Function DragSource

packages/react-dnd/src/DragSource.js:11–64

(type, spec, collect, options = {})

import isValidType from './utils/isValidType';

export default function DragSource(type, spec, collect, options = {}) {
  checkDecoratorArguments('DragSource', 'type, spec, collect[, options]', ...arguments); // eslint-disable-line prefer-rest-params
  let getType = type;
  if (typeof type !== 'function') {
    invariant(
      isValidType(type),
      'Expected "type" provided as the first argument to DragSource to be ' +
      'a string, or a function that returns a string given the current props. ' +
      'Instead, received %s. ' +
      'Read more: http://react-dnd.github.io/react-dnd/docs-drag-source.html',
      type,
    );
    getType = () => type;
  }
  invariant(
    isPlainObject(spec),
    'Expected "spec" provided as the second argument to DragSource to be ' +
    'a plain object. Instead, received %s. ' +
    'Read more: http://react-dnd.github.io/react-dnd/docs-drag-source.html',
    spec,
  );
  const createSource = createSourceFactory(spec);
  invariant(
    typeof collect === 'function',
    'Expected "collect" provided as the third argument to DragSource to be ' +
    'a function that returns a plain object of props to inject. ' +
    'Instead, received %s. ' +
    'Read more: http://react-dnd.github.io/react-dnd/docs-drag-source.html',
    collect,
  );
  invariant(
    isPlainObject(options),
    'Expected "options" provided as the fourth argument to DragSource to be ' +
    'a plain object when specified. ' +
    'Instead, received %s. ' +
    'Read more: http://react-dnd.github.io/react-dnd/docs-drag-source.html',
    collect,
  );

  return function decorateSource(DecoratedComponent) {
    return decorateHandler({
      connectBackend: (backend, sourceId) => backend.connectDragSource(sourceId),
      containerDisplayName: 'DragSource',
      createHandler: createSource,
      registerHandler: registerSource,
      createMonitor: createSourceMonitor,
      createConnector: createSourceConnector,
      DecoratedComponent,
      getType,
      collect,
      options,
    });
  };
}