@flexis/ui
Version:
Styleless React Components
163 lines • 13.6 kB
JavaScript
/* tslint:disable: no-magic-numbers */
import React from 'react';
import { action } from '@storybook/addon-actions';
import { text, boolean, number } from '@storybook/addon-knobs/react';
import { storiesOf } from '../../helpers/stories';
import CustomSelect, { CustomSelectFace, CustomSelectOption } from './';
export const stylableApi = `
Stylable API
---
- ::placeholder
- ::dropdownContent
- ::options
- ::option
- ::label
- ::input
`;
export const events = {
onChange: action('change')
};
export default storiesOf('CustomSelect', module)
.addParameters({
info: stylableApi
})
.add('with basic state', () => (<CustomSelect {...events} disabled={boolean('Disabled', false)}>
<CustomSelectOption value={0}>
Option #1
</CustomSelectOption>
<CustomSelectOption value={1}>
Option #2
</CustomSelectOption>
<CustomSelectOption value={2}>
Option #3
</CustomSelectOption>
</CustomSelect>))
.add('with custom face', () => (<CustomSelect {...events} disabled={boolean('Disabled', false)}>
<CustomSelectFace>
{(label, { disabled }) => (<button id='customSelectFace' disabled={disabled}>
{label}
</button>)}
</CustomSelectFace>
<CustomSelectOption value={0}>
Option #1
</CustomSelectOption>
<CustomSelectOption value={1}>
Option #2
</CustomSelectOption>
<CustomSelectOption value={2}>
Option #3
</CustomSelectOption>
</CustomSelect>))
.add('with placeholder', () => (<CustomSelect {...events} id='customSelect' placeholder={text('Placeholder', 'Placeholder')} disabled={boolean('Disabled', false)}>
<CustomSelectFace>
{(label, { disabled }) => (<button id='customSelectFace' disabled={disabled}>
{label}
</button>)}
</CustomSelectFace>
<CustomSelectOption value={0}>
Option #1
</CustomSelectOption>
<CustomSelectOption value={1}>
Option #2
</CustomSelectOption>
<CustomSelectOption value={2}>
Option #3
</CustomSelectOption>
</CustomSelect>))
.add('with disabled state', () => (<CustomSelect {...events} disabled={boolean('Disabled', true)}>
<CustomSelectFace>
{(label, { disabled }) => (<button disabled={disabled}>
{label}
</button>)}
</CustomSelectFace>
<CustomSelectOption value={0}>
Option #1
</CustomSelectOption>
<CustomSelectOption value={1}>
Option #2
</CustomSelectOption>
<CustomSelectOption value={2}>
Option #3
</CustomSelectOption>
</CustomSelect>))
.add('with default value', () => (<CustomSelect {...events} name='select' defaultValue={1} disabled={boolean('Disabled', false)}>
<CustomSelectFace>
{(label, { disabled }) => (<button disabled={disabled}>
{label}
</button>)}
</CustomSelectFace>
<CustomSelectOption value={0}>
Option #1
</CustomSelectOption>
<CustomSelectOption value={1}>
Option #2
</CustomSelectOption>
<CustomSelectOption value={2}>
Option #3
</CustomSelectOption>
</CustomSelect>))
.add('with value', () => (<CustomSelect {...events} name='select' value={number('Value', 1)} disabled={boolean('Disabled', false)}>
<CustomSelectFace>
{(label, { disabled }) => (<button disabled={disabled}>
{label}
</button>)}
</CustomSelectFace>
<CustomSelectOption value={0}>
Option #1
</CustomSelectOption>
<CustomSelectOption value={1}>
Option #2
</CustomSelectOption>
<CustomSelectOption value={2}>
Option #3
</CustomSelectOption>
</CustomSelect>))
.add('with default multiple values', () => (<CustomSelect {...events} name='select' defaultValue={[1, 2]} disabled={boolean('Disabled', false)} multiple>
<CustomSelectFace>
{(label, { disabled }) => (<button disabled={disabled}>
{label}
</button>)}
</CustomSelectFace>
<CustomSelectOption value={0}>
Option #1
</CustomSelectOption>
<CustomSelectOption value={1}>
Option #2
</CustomSelectOption>
<CustomSelectOption value={2}>
Option #3
</CustomSelectOption>
</CustomSelect>))
.add('with basic multiple state', () => (<CustomSelect {...events} name='select' disabled={boolean('Disabled', false)} multiple>
<CustomSelectFace>
{(label, { disabled }) => (<button disabled={disabled}>
{label}
</button>)}
</CustomSelectFace>
<CustomSelectOption value={0}>
Option #1
</CustomSelectOption>
<CustomSelectOption value={1}>
Option #2
</CustomSelectOption>
<CustomSelectOption value={2}>
Option #3
</CustomSelectOption>
</CustomSelect>))
.add('with multiple values', () => (<CustomSelect {...events} name='select' value={[1, 2]} disabled={boolean('Disabled', false)} multiple>
<CustomSelectFace>
{(label, { disabled }) => (<button disabled={disabled}>
{label}
</button>)}
</CustomSelectFace>
<CustomSelectOption value={0}>
Option #1
</CustomSelectOption>
<CustomSelectOption value={1}>
Option #2
</CustomSelectOption>
<CustomSelectOption value={2}>
Option #3
</CustomSelectOption>
</CustomSelect>));
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiQ3VzdG9tU2VsZWN0LnN0b3JpZXMuanN4Iiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vc3JjL2NvbXBvbmVudHMvQ3VzdG9tU2VsZWN0L0N1c3RvbVNlbGVjdC5zdG9yaWVzLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxzQ0FBc0M7QUFDdEMsT0FBTyxLQUFLLE1BQU0sT0FBTyxDQUFDO0FBQzFCLE9BQU8sRUFDTixNQUFNLEVBQ04sTUFBTSwwQkFBMEIsQ0FBQztBQUNsQyxPQUFPLEVBQ04sSUFBSSxFQUNKLE9BQU8sRUFDUCxNQUFNLEVBQ04sTUFBTSw4QkFBOEIsQ0FBQztBQUN0QyxPQUFPLEVBQ04sU0FBUyxFQUNULE1BQU0sdUJBQXVCLENBQUM7QUFDL0IsT0FBTyxZQUFZLEVBQUUsRUFDcEIsZ0JBQWdCLEVBQ2hCLGtCQUFrQixFQUNsQixNQUFNLElBQUksQ0FBQztBQUVaLE1BQU0sQ0FBQyxNQUFNLFdBQVcsR0FBRzs7Ozs7Ozs7O0NBUzFCLENBQUM7QUFFRixNQUFNLENBQUMsTUFBTSxNQUFNLEdBQUc7SUFDckIsUUFBUSxFQUFFLE1BQU0sQ0FBQyxRQUFRLENBQUM7Q0FDMUIsQ0FBQztBQUVGLGVBQWUsU0FBUyxDQUFDLGNBQWMsRUFBRSxNQUFNLENBQUM7S0FDOUMsYUFBYSxDQUFDO0lBQ2QsSUFBSSxFQUFFLFdBQVc7Q0FDakIsQ0FBQztLQUNELEdBQUcsQ0FDSCxrQkFBa0IsRUFDbEIsR0FBRyxFQUFFLENBQUMsQ0FDTCxDQUFDLFlBQVksQ0FDWixJQUFJLE1BQU0sQ0FBQyxDQUNYLFFBQVEsQ0FBQyxDQUFDLE9BQU8sQ0FBQyxVQUFVLEVBQUUsS0FBSyxDQUFDLENBQUMsQ0FFckM7SUFBQSxDQUFDLGtCQUFrQixDQUFDLEtBQUssQ0FBQyxDQUFDLENBQUMsQ0FBQyxDQUM1Qjs7SUFDRCxFQUFFLGtCQUFrQixDQUNwQjtJQUFBLENBQUMsa0JBQWtCLENBQUMsS0FBSyxDQUFDLENBQUMsQ0FBQyxDQUFDLENB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