wix-style-react/dist/stories/DragAndDrop/DragAndDrop.js

wix-style-react

'use strict';

var _react = require('react');

var _react2 = _interopRequireDefault(_react);

var _react3 = require('@storybook/react');

var _Markdown = require('wix-storybook-utils/Markdown');

var _Markdown2 = _interopRequireDefault(_Markdown);

var _Heading = require('wix-style-react/Heading');

var _Heading2 = _interopRequireDefault(_Heading);

var _Badge = require('wix-style-react/Badge');

var _Badge2 = _interopRequireDefault(_Badge);

var _README = require('../../src/SortableList/README.md');

var _README2 = _interopRequireDefault(_README);

var _API = require('../../src/SortableList/API.md');

var _API2 = _interopRequireDefault(_API);

var _SortableList = require('./SortableList');

var _Introduction = require('./Introduction');

var _Introduction2 = _interopRequireDefault(_Introduction);

var _Styles = require('./Styles');

var _Styles2 = _interopRequireDefault(_Styles);

var _DragDropContextProvider = require('./DragDropContextProvider');

var _DragDropContextProvider2 = _interopRequireDefault(_DragDropContextProvider);

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

(0, _react3.storiesOf)('WIP/Drag And Drop', module).add('Introduction', function () {
  return _react2.default.createElement(_Introduction2.default, null);
}).add('Styles', function () {
  return _react2.default.createElement(_Styles2.default, null);
}).add('DragDropContextProvider', function () {
  return _react2.default.createElement(_DragDropContextProvider2.default, null);
});

(0, _react3.storiesOf)('WIP/Drag And Drop/SortableList', module).add('API', function () {
  return _react2.default.createElement(
    'div',
    null,
    _react2.default.createElement(
      _Heading2.default,
      null,
      'SortableList API ',
      _react2.default.createElement(
        _Badge2.default,
        { skin: 'danger' },
        'Under development'
      )
    ),
    _react2.default.createElement(_Markdown2.default, { source: _README2.default }),
    _react2.default.createElement(_Markdown2.default, { source: _API2.default })
  );
}).add('Styles', function () {
  return _react2.default.createElement(_SortableList.Styles, null);
}).add('Single Area List', function () {
  return _react2.default.createElement(_SortableList.SingleAreaList, null);
}).add('Multi Area List', function () {
  return _react2.default.createElement(_SortableList.MultiAreaList, null);
}).add('Multi Area List with sortable columns', function () {
  return _react2.default.createElement(_SortableList.MultiAreaListWithSortableColumns, null);
});