wix-style-react/dist/es/stories/EditableSelector/index.js

wix-style-react

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

import AutoDocs from 'wix-storybook-utils/AutoDocs';
import TabbedView from 'wix-storybook-utils/TabbedView';
import Markdown from 'wix-storybook-utils/Markdown';
import CodeExample from 'wix-storybook-utils/CodeExample';

import EditableSelectorSource from '!raw-loader!../../src/EditableSelector/EditableSelector';
import TestKitReadme from '../../src/EditableSelector/README.TESTKIT.md';

import CardWithEditableSelectorExample from './CardWithEditableSelector';
import CardWithEditableSelectorExampleRaw from '!raw-loader!./CardWithEditableSelector';

import PopoverWithEditableSelectorExample from './PopoverWithEditableSelector';
import PopoverhEditableSelectorExampleRaw from '!raw-loader!./PopoverWithEditableSelector';

storiesOf('11. Pickers and Selectors', module).add('11.2 EditableSelector', function () {
  return React.createElement(
    TabbedView,
    { tabs: ['API', 'TestKits'] },
    React.createElement(
      'div',
      null,
      React.createElement(AutoDocs, { source: EditableSelectorSource }),
      React.createElement(
        CodeExample,
        {
          title: 'Card With Editable Selector',
          code: CardWithEditableSelectorExampleRaw
        },
        React.createElement(CardWithEditableSelectorExample, null)
      ),
      React.createElement(
        CodeExample,
        {
          title: 'Popover With Editable Selector',
          code: PopoverhEditableSelectorExampleRaw
        },
        React.createElement(PopoverWithEditableSelectorExample, null)
      )
    ),
    React.createElement(Markdown, { source: TestKitReadme })
  );
});