wix-style-react/dist/stories/Tooltip/Composite/CompositeStory.js

wix-style-react

'use strict';

var _react = require('react');

var _react2 = _interopRequireDefault(_react);

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

var _InteractiveCodeExample = require('wix-storybook-utils/InteractiveCodeExample');

var _InteractiveCodeExample2 = _interopRequireDefault(_InteractiveCodeExample);

var _TabbedView = require('wix-storybook-utils/TabbedView');

var _TabbedView2 = _interopRequireDefault(_TabbedView);

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

var _Markdown2 = _interopRequireDefault(_Markdown);

var _AutoDocs = require('wix-storybook-utils/AutoDocs');

var _AutoDocs2 = _interopRequireDefault(_AutoDocs);

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

var _CodeExample2 = _interopRequireDefault(_CodeExample);

var _ExampleTooltip = require('./ExampleTooltip');

var _ExampleTooltip2 = _interopRequireDefault(_ExampleTooltip);

var _ExamplePopover = require('./ExamplePopover');

var _ExamplePopover2 = _interopRequireDefault(_ExamplePopover);

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

var _READMETESTKIT2 = _interopRequireDefault(_READMETESTKIT);

var _ExamplePlacement = require('../Core/ExamplePlacement');

var _ExamplePlacement2 = _interopRequireDefault(_ExamplePlacement);

var _ExamplePlacement3 = require('!raw-loader!../Core/ExamplePlacement');

var _ExamplePlacement4 = _interopRequireDefault(_ExamplePlacement3);

var _ExampleBounce = require('../Core/ExampleBounce');

var _ExampleBounce2 = _interopRequireDefault(_ExampleBounce);

var _ExampleBounce3 = require('!raw-loader!../Core/ExampleBounce');

var _ExampleBounce4 = _interopRequireDefault(_ExampleBounce3);

var _ExampleTheme = require('../Core/ExampleTheme');

var _ExampleTheme2 = _interopRequireDefault(_ExampleTheme);

var _ExampleTheme3 = require('!raw-loader!../Core/ExampleTheme');

var _ExampleTheme4 = _interopRequireDefault(_ExampleTheme3);

var _ExampleCustomContent = require('../Core/ExampleCustomContent');

var _ExampleCustomContent2 = _interopRequireDefault(_ExampleCustomContent);

var _ExampleCustomContent3 = require('!raw-loader!../Core/ExampleCustomContent');

var _ExampleCustomContent4 = _interopRequireDefault(_ExampleCustomContent3);

var _ExampleMove = require('../Core/ExampleMove');

var _ExampleMove2 = _interopRequireDefault(_ExampleMove);

var _ExampleMove3 = require('!raw-loader!../Core/ExampleMove');

var _ExampleMove4 = _interopRequireDefault(_ExampleMove3);

var _Tooltip = require('!raw-loader!wix-style-react/Tooltip/Tooltip');

var _Tooltip2 = _interopRequireDefault(_Tooltip);

var _ExamplePopoverEmptyState = require('./ExamplePopoverEmptyState');

var _ExamplePopoverEmptyState2 = _interopRequireDefault(_ExamplePopoverEmptyState);

var _ExamplePopoverEmptyState3 = require('!raw-loader!./ExamplePopoverEmptyState');

var _ExamplePopoverEmptyState4 = _interopRequireDefault(_ExamplePopoverEmptyState3);

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

(0, _react3.storiesOf)('7. Tooltips', module).add('7.1. Tooltip', function () {
  return _react2.default.createElement(
    _TabbedView2.default,
    { tabs: ['Usage', 'API', 'Testkit'] },
    _react2.default.createElement(
      'div',
      null,
      _react2.default.createElement(
        'h1',
        null,
        'Tooltip'
      ),
      _react2.default.createElement(
        _InteractiveCodeExample2.default,
        { title: 'Customize a <Tooltip/>' },
        _react2.default.createElement(_ExampleTooltip2.default, null)
      )
    ),
    _react2.default.createElement(
      'div',
      null,
      _react2.default.createElement(_AutoDocs2.default, { source: _Tooltip2.default }),
      _react2.default.createElement(
        _CodeExample2.default,
        { title: 'Tooltip Placement', code: _ExamplePlacement4.default },
        _react2.default.createElement(_ExamplePlacement2.default, null)
      ),
      _react2.default.createElement(
        _CodeExample2.default,
        { title: 'Tooltip Bounce', code: _ExampleBounce4.default },
        _react2.default.createElement(_ExampleBounce2.default, null)
      ),
      _react2.default.createElement(
        _CodeExample2.default,
        { title: 'Tooltip Theme', code: _ExampleTheme4.default },
        _react2.default.createElement(_ExampleTheme2.default, null)
      ),
      _react2.default.createElement(
        _CodeExample2.default,
        {
          title: 'Tooltip Custom Content',
          code: _ExampleCustomContent4.default
        },
        _react2.default.createElement(_ExampleCustomContent2.default, null)
      ),
      _react2.default.createElement(
        _CodeExample2.default,
        { title: 'Custom tooltip adjustment', code: _ExampleMove4.default },
        _react2.default.createElement(_ExampleMove2.default, null)
      )
    ),
    _react2.default.createElement(_Markdown2.default, { source: _READMETESTKIT2.default })
  );
}).add('7.2. Popover', function () {
  return _react2.default.createElement(
    'div',
    null,
    _react2.default.createElement(
      'h1',
      null,
      'Popover'
    ),
    _react2.default.createElement(
      _InteractiveCodeExample2.default,
      { title: 'Customize a <Tooltip/>' },
      _react2.default.createElement(_ExamplePopover2.default, null)
    ),
    _react2.default.createElement(
      _CodeExample2.default,
      {
        title: 'Popover with EmptyState',
        code: _ExamplePopoverEmptyState4.default
      },
      _react2.default.createElement(_ExamplePopoverEmptyState2.default, null)
    )
  );
});