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

wix-style-react

import React from 'react';
import { storiesOf } from '@storybook/react';

import Markdown from 'wix-storybook-utils/Markdown';

import Heading from 'wix-style-react/Heading';
import Badge from 'wix-style-react/Badge';

import SortableListReadme from '../../src/SortableList/README.md';
import SortableListReadmeAPI from '../../src/SortableList/API.md';
import { SingleAreaList, MultiAreaList, MultiAreaListWithSortableColumns, Styles as SortableListStyles } from './SortableList';

import Introduction from './Introduction';
import Styles from './Styles';
import DragDropContextProvider from './DragDropContextProvider';

storiesOf('WIP/Drag And Drop', module).add('Introduction', function () {
  return React.createElement(Introduction, null);
}).add('Styles', function () {
  return React.createElement(Styles, null);
}).add('DragDropContextProvider', function () {
  return React.createElement(DragDropContextProvider, null);
});

storiesOf('WIP/Drag And Drop/SortableList', module).add('API', function () {
  return React.createElement(
    'div',
    null,
    React.createElement(
      Heading,
      null,
      'SortableList API ',
      React.createElement(
        Badge,
        { skin: 'danger' },
        'Under development'
      )
    ),
    React.createElement(Markdown, { source: SortableListReadme }),
    React.createElement(Markdown, { source: SortableListReadmeAPI })
  );
}).add('Styles', function () {
  return React.createElement(SortableListStyles, null);
}).add('Single Area List', function () {
  return React.createElement(SingleAreaList, null);
}).add('Multi Area List', function () {
  return React.createElement(MultiAreaList, null);
}).add('Multi Area List with sortable columns', function () {
  return React.createElement(MultiAreaListWithSortableColumns, null);
});