wix-style-react/dist/stories/DropdownLayout/index.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 _TabbedView = require('wix-storybook-utils/TabbedView');

var _TabbedView2 = _interopRequireDefault(_TabbedView);

var _CodeExample = require('wix-storybook-utils/CodeExample');

var _CodeExample2 = _interopRequireDefault(_CodeExample);

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

var _README2 = _interopRequireDefault(_README);

var _READMETESTKIT = require('../../src/DropdownLayout/README.TESTKIT.md');

var _READMETESTKIT2 = _interopRequireDefault(_READMETESTKIT);

var _ExampleStandard = require('./ExampleStandard');

var _ExampleStandard2 = _interopRequireDefault(_ExampleStandard);

var _ExampleStandard3 = require('!raw-loader!./ExampleStandard');

var _ExampleStandard4 = _interopRequireDefault(_ExampleStandard3);

var _ExampleInfiniteScroll = require('./ExampleInfiniteScroll');

var _ExampleInfiniteScroll2 = _interopRequireDefault(_ExampleInfiniteScroll);

var _ExampleInfiniteScroll3 = require('!raw-loader!./ExampleInfiniteScroll');

var _ExampleInfiniteScroll4 = _interopRequireDefault(_ExampleInfiniteScroll3);

var _ExampleBuilder = require('./ExampleBuilder');

var _ExampleBuilder2 = _interopRequireDefault(_ExampleBuilder);

var _ExampleBuilder3 = require('!raw-loader!./ExampleBuilder');

var _ExampleBuilder4 = _interopRequireDefault(_ExampleBuilder3);

var _ExampleManyOptions = require('./ExampleManyOptions');

var _ExampleManyOptions2 = _interopRequireDefault(_ExampleManyOptions);

var _ExampleManyOptions3 = require('!raw-loader!./ExampleManyOptions');

var _ExampleManyOptions4 = _interopRequireDefault(_ExampleManyOptions3);

var _ExampleReactElements = require('./ExampleReactElements');

var _ExampleReactElements2 = _interopRequireDefault(_ExampleReactElements);

var _ExampleReactElements3 = require('!raw-loader!./ExampleReactElements');

var _ExampleReactElements4 = _interopRequireDefault(_ExampleReactElements3);

var _ExampleControlled = require('./ExampleControlled');

var _ExampleControlled2 = _interopRequireDefault(_ExampleControlled);

var _ExampleControlled3 = require('!raw-loader!./ExampleControlled');

var _ExampleControlled4 = _interopRequireDefault(_ExampleControlled3);

var _ExampleControlledInContainer = require('./ExampleControlledInContainer');

var _ExampleControlledInContainer2 = _interopRequireDefault(_ExampleControlledInContainer);

var _ExampleControlledInContainer3 = require('!raw-loader!./ExampleControlledInContainer');

var _ExampleControlledInContainer4 = _interopRequireDefault(_ExampleControlledInContainer3);

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

(0, _react3.storiesOf)('11. Pickers and Selectors', module).add('11.1 DropdownLayout', function () {
  return _react2.default.createElement(
    _TabbedView2.default,
    { tabs: ['API', 'Testkit'] },
    _react2.default.createElement(
      'div',
      null,
      _react2.default.createElement(_Markdown2.default, { source: _README2.default }),
      _react2.default.createElement(
        'h1',
        null,
        'Usage examples'
      ),
      _react2.default.createElement(
        _CodeExample2.default,
        { title: 'Standard', code: _ExampleStandard4.default },
        _react2.default.createElement(_ExampleStandard2.default, null)
      ),
      _react2.default.createElement('div', { style: { paddingTop: '230px' } }),
      _react2.default.createElement(
        _CodeExample2.default,
        { title: 'Infinite Scroll', code: _ExampleInfiniteScroll4.default },
        _react2.default.createElement(_ExampleInfiniteScroll2.default, null)
      ),
      _react2.default.createElement('div', { style: { paddingTop: '230px' } }),
      _react2.default.createElement(
        _CodeExample2.default,
        { title: 'Options Builder', code: _ExampleBuilder4.default },
        _react2.default.createElement(_ExampleBuilder2.default, null)
      ),
      _react2.default.createElement('div', { style: { paddingTop: '230px' } }),
      _react2.default.createElement(
        _CodeExample2.default,
        { title: 'Many options', code: _ExampleManyOptions4.default },
        _react2.default.createElement(_ExampleManyOptions2.default, null)
      ),
      _react2.default.createElement('div', { style: { paddingTop: '251px' } }),
      _react2.default.createElement(
        _CodeExample2.default,
        { title: 'React elements', code: _ExampleReactElements4.default },
        _react2.default.createElement(_ExampleReactElements2.default, null)
      ),
      _react2.default.createElement('div', { style: { paddingTop: '143px' } }),
      _react2.default.createElement(
        _CodeExample2.default,
        { title: 'Controlled', code: _ExampleControlled4.default },
        _react2.default.createElement(_ExampleControlled2.default, null)
      ),
      _react2.default.createElement(
        _CodeExample2.default,
        {
          title: 'With custom container styles',
          code: _ExampleControlledInContainer4.default
        },
        _react2.default.createElement(_ExampleControlledInContainer2.default, null)
      ),
      _react2.default.createElement('div', { style: { paddingTop: '230px' } })
    ),
    _react2.default.createElement(_Markdown2.default, { source: _READMETESTKIT2.default })
  );
});