@lyra/components/lib/lists/sortable-grid/SortableGridList.js

Basic UX components

'use strict';

Object.defineProperty(exports, "__esModule", {
  value: true
});

var _extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; };

exports.default = SortableGridList;

var _react = require('react');

var _react2 = _interopRequireDefault(_react);

var _GridList = require('../grid/GridList');

var _GridList2 = _interopRequireDefault(_GridList);

var _sortableFactories = require('../sortable-factories');

function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }

const Sortable = (0, _sortableFactories.createSortableList)(_GridList2.default);

/*:: type Props = {
  className: string,
  movingItemClass: string,
  onSortStart: () => void,
  onSortEnd: ({oldIndex: number, newIndex: number}) => void
}*/
function SortableGridList(props /*: Props*/) {
  return _react2.default.createElement(Sortable, _extends({}, props, {
    axis: 'xy',
    distance: 1,
    lockToContainerEdges: true,
    transitionDuration: 600
  }));
}