@flexis/ui/components/Modal/Modal.stories.babel.js

Styleless React Components

import React from 'react';
import FocusLock from 'react-focus-lock';
import { action } from '@storybook/addon-actions';
import { boolean } from '@storybook/addon-knobs/react';
import { storiesOf } from '../../helpers/stories';
import Modal, { setAppElement } from './';
setAppElement('#root');
export const stylableApi = `
Stylable API
---
- :appear
- :appearActive
- :enter
- :enterActive
- :enterDone
- :exit
- :exitActive
- :exitDone
- ::window
	- :centered
- ::closeButton
`;
export const events = {
    onClose: action('close')
};
export default storiesOf('Modal', module)
    .addParameters({
    info: stylableApi
})
    .add('with active state', () => (<Modal {...events} style={{
    width: '500px',
    marginTop: '20px'
}} active={boolean('Active', true)}>
				Modal content.
			</Modal>))
    .add('with inactive state', () => (<Modal {...events} style={{
    width: '500px',
    marginTop: '20px'
}} active={boolean('Active', false)}>
				Modal content.
			</Modal>))
    .add('with centered state', () => (<Modal {...events} style={{
    width: '500px',
    marginTop: '20px'
}} active={boolean('Active', true)} centered={boolean('Centered', true)}>
				Modal content.
			</Modal>))
    .add('with custom button', () => (<Modal {...events} style={{
    width: '500px',
    marginTop: '20px'
}} active={boolean('Active', true)} centered={boolean('Centered', true)} closeButton={<a>x</a>}>
				Modal content.
			</Modal>))
    .add('with content wrapper', () => (<Modal {...events} style={{
    width: '500px',
    marginTop: '20px'
}} active={boolean('Active', true)} centered={boolean('Centered', true)} 
// tslint:disable-next-line: jsx-no-lambda
wrapContent={_ => <FocusLock>{_}</FocusLock>}>
				Modal content.
			</Modal>));
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiTW9kYWwuc3Rvcmllcy5qc3giLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi9zcmMvY29tcG9uZW50cy9Nb2RhbC9Nb2RhbC5zdG9yaWVzLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEtBQUssTUFBTSxPQUFPLENBQUM7QUFDMUIsT0FBTyxTQUFTLE1BQU0sa0JBQWtCLENBQUM7QUFDekMsT0FBTyxFQUNOLE1BQU0sRUFDTixNQUFNLDBCQUEwQixDQUFDO0FBQ2xDLE9BQU8sRUFDTixPQUFPLEVBQ1AsTUFBTSw4QkFBOEIsQ0FBQztBQUN0QyxPQUFPLEVBQ04sU0FBUyxFQUNULE1BQU0sdUJBQXVCLENBQUM7QUFDL0IsT0FBTyxLQUFLLEVBQUUsRUFDYixhQUFhLEVBQ2IsTUFBTSxJQUFJLENBQUM7QUFFWixhQUFhLENBQUMsT0FBTyxDQUFDLENBQUM7QUFFdkIsTUFBTSxDQUFDLE1BQU0sV0FBVyxHQUFHOzs7Ozs7Ozs7Ozs7OztDQWMxQixDQUFDO0FBRUYsTUFBTSxDQUFDLE1BQU0sTUFBTSxHQUFHO0lBQ3JCLE9BQU8sRUFBRSxNQUFNLENBQUMsT0FBTyxDQUFDO0NBQ3hCLENBQUM7QUFFRixlQUFlLFNBQVMsQ0FBQyxPQUFPLEVBQUUsTUFBTSxDQUFDO0tBQ3ZDLGFBQWEsQ0FBQztJQUNkLElBQUksRUFBRSxXQUFXO0NBQ2pCLENBQUM7S0FDRCxHQUFHLENBQ0gsbUJBQW1CLEVBQ25CLEdBQUcsRUFBRSxDQUFDLENBQ0wsQ0FBQyxLQUFLLENBQ0wsSUFBSSxNQUFNLENBQUMsQ0FDWCxLQUFLLENBQUMsQ0FBQztJQUNOLEtBQUssRUFBTSxPQUFPO0lBQ2xCLFNBQVMsRUFBRSxNQUFNO0NBQ2pCLENBQUMsQ0FDRixNQUFNLENBQUMsQ0FBQyxPQUFPLENBQUMsUUFBUSxFQUFFLElBQUksQ0FBQyxDQUFDLENBRWhDOztHQUNELEVBQUUsS0FBSyxDQUFDLENBQ1IsQ0FDRDtLQUNBLEdBQUcsQ0FDSCxxQkFBcUIsRUFDckIsR0FBRyxFQUFFLENBQUMsQ0FDTCxDQUFDLEtBQUssQ0FDTCxJQUFJLE1BQU0sQ0FBQyxDQUNYLEtBQUssQ0FBQyxDQUFDO0lBQ04sS0FBSyxFQUFNLE9BQU87SUFDbEIsU0FBUyxFQUFFLE1BQU07Q0FDakIsQ0FBQyxDQUNGLE1BQU0sQ0FBQyxDQUFDLE9BQU8sQ0FBQyxRQUFRLEVBQUUsS0FBSyxDQUFDLENBQUMsQ0FFakM7O0dBQ0QsRUFBRSxLQUFLLENBQUMsQ0FDUixDQUNEO0tBQ0EsR0FBRyxDQUNILHFCQUFxQixFQUNyQixHQUFHLEVBQUUsQ0FBQyxDQUNMLENBQUMsS0FBSyxDQUNMLElBQUksTUFBTSxDQUFDLENBQ1gsS0FBSyxDQUFDLENBQUM7SUFDTixLQUFLLEVBQU0sT0FBTztJQUNsQixTQUFTLEVBQUUsTUFBTTtDQUNqQixDQUFDLENBQ0YsTUFBTSxDQUFDLENBQUMsT0FBTyxDQUFDLFFBQVEsRUFBRSxJQUFJLENBQUMsQ0FBQyxDQUNoQyxRQUFRLENBQUMsQ0FBQyxPQUFPLENBQUMsVUFBVSxFQUFFLElBQUksQ0FBQyxDQUFDLENBRXBDOztHQUNELEVBQUUsS0FBSyxDQUFDLENBQ1IsQ0FDRDtLQUNBLEdBQUcsQ0FDSCxvQkFBb0IsRUFDcEIsR0FBRyxFQUFFLENBQUMsQ0FDTCxDQUFDLEtBQUssQ0FDTCxJQUFJLE1BQU0sQ0FBQyxDQUNYLEtBQUssQ0FBQyxDQUFDO0lBQ04sS0FBSyxFQUFNLE9BQU87SUFDbEIsU0FBUyxFQUFFLE1BQU07Q0FDakIsQ0FBQyxDQUNGLE1BQU0sQ0FBQyxDQUFDLE9BQU8sQ0FBQyxRQUFRLEVBQUUsSUFBSSxDQUFDLENBQUMsQ0FDaEMsUUFBUSxDQUFDLENBQUMsT0FBTyxDQUFDLFVBQVUsRUFBRSxJQUFJLENBQUMsQ0FBQyxDQUNwQyxXQUFXLENBQUMsQ0FBQyxDQUFDLENBQUMsQ0FBQyxDQUFDLEVBQUUsQ0FBQyxDQUFDLENBQUMsQ0FFdEI7O0dBQ0QsRUFBRSxLQUFLLENBQUMsQ0FDUixDQUNEO0tBQ0EsR0FBRyxDQUNILHNCQUFzQixFQUN0QixHQUFHLEVBQUUsQ0FBQyxDQUNMLENBQUMsS0FBSyxDQUNMLElBQUksTUFBTSxDQUFDLENBQ1gsS0FBSyxDQUFDLENBQUM7SUFDTixLQUFLLEVBQU0sT0FBTztJQUNsQixTQUFTLEVBQUUsTUFBTTtDQUNqQixDQUFDLENBQ0YsTUFBTSxDQUFDLENBQUMsT0FBTyxDQUFDLFFBQVEsRUFBRSxJQUFJLENBQUMsQ0FBQyxDQUNoQyxRQUFRLENBQUMsQ0FBQyxPQUFPLENBQUMsVUFBVSxFQUFFLElBQUksQ0FBQyxDQUFDO0FBQ3BDLDBDQUEwQztBQUMxQyxXQUFXLENBQUMsQ0FBQyxDQUFDLENBQUMsRUFBRSxDQUFDLENBQUMsU0FBUyxDQUFDLENBQUMsQ0FBQyxDQUFDLEVBQUUsU0FBUyxDQUFDLENBQUMsQ0FFN0M7O0dBQ0QsRUFBRSxLQUFLLENBQUMsQ0FDUixDQUNELENBQUMifQ==