@flexis/ui
Version:
Styleless React Components
50 lines (49 loc) • 3.96 kB
JavaScript
import _extends from "@babel/runtime-corejs3/helpers/extends";
/* tslint:disable no-magic-numbers */
import React from 'react';
var _createElement = React.createElement;
import { action } from '@storybook/addon-actions';
import { text, boolean } from '@storybook/addon-knobs/react';
import { storiesOf } from '../../helpers/stories';
import Input from './';
export var stylableApi = "\nStylable API\n---\n_empty_\n";
export var events = {
onChange: action('change'),
onFocus: action('focus'),
onBlur: action('blur')
};
export default storiesOf('Input', module).addParameters({
info: stylableApi
}).add('with default state', function () {
return _createElement(Input, _extends({}, events, {
placeholder: text('Placeholder', ''),
disabled: boolean('Disabled', false)
}));
}).add('with default value', function () {
return _createElement(Input, _extends({}, events, {
placeholder: text('Placeholder', ''),
disabled: boolean('Disabled', false),
defaultValue: "Default value"
}));
}).add('with value', function () {
return _createElement(Input, _extends({}, events, {
placeholder: text('Placeholder', ''),
disabled: boolean('Disabled', false),
value: text('Value', 'Value')
}));
}).add('with type number', function () {
return _createElement(Input, _extends({}, events, {
type: "number",
placeholder: text('Placeholder', ''),
disabled: boolean('Disabled', false),
defaultValue: 4
}));
}).add('with mask', function () {
return _createElement(Input, _extends({}, events, {
placeholder: text('Placeholder', ''),
mask: text('Mask', '+7 (999) 999-99-99'),
disabled: boolean('Disabled', false),
defaultValue: "+7 (913) 421-04-04"
}));
});
//# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uL3NyYy9jb21wb25lbnRzL0lucHV0L0lucHV0LnN0b3JpZXMudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiI7O0FBQUE7QUFDQSxPQUFPLEtBQVAsTUFBa0IsT0FBbEI7O0FBQ0EsU0FDQyxNQURELFFBRU8sMEJBRlA7QUFHQSxTQUNDLElBREQsRUFFQyxPQUZELFFBR08sOEJBSFA7QUFJQSxTQUNDLFNBREQsUUFFTyx1QkFGUDtBQUdBLE9BQU8sS0FBUCxNQUFrQixJQUFsQjtBQUVBLE9BQU8sSUFBTSxXQUFXLG1DQUFqQjtBQU1QLE9BQU8sSUFBTSxNQUFNLEdBQUc7QUFDckIsRUFBQSxRQUFRLEVBQUUsTUFBTSxDQUFDLFFBQUQsQ0FESztBQUVyQixFQUFBLE9BQU8sRUFBRyxNQUFNLENBQUMsT0FBRCxDQUZLO0FBR3JCLEVBQUEsTUFBTSxFQUFJLE1BQU0sQ0FBQyxNQUFEO0FBSEssQ0FBZjtBQU1QLGVBQWUsU0FBUyxDQUFDLE9BQUQsRUFBVSxNQUFWLENBQVQsQ0FDYixhQURhLENBQ0M7QUFDZCxFQUFBLElBQUksRUFBRTtBQURRLENBREQsRUFJYixHQUphLENBS2Isb0JBTGEsRUFNYjtBQUFBLFNBQ0MsZUFBQyxLQUFELGVBQ0ssTUFETDtBQUVDLElBQUEsV0FBVyxFQUFFLElBQUksQ0FBQyxhQUFELEVBQWdCLEVBQWhCLENBRmxCO0FBR0MsSUFBQSxRQUFRLEVBQUUsT0FBTyxDQUFDLFVBQUQsRUFBYSxLQUFiO0FBSGxCLEtBREQ7QUFBQSxDQU5hLEVBY2IsR0FkYSxDQWViLG9CQWZhLEVBZ0JiO0FBQUEsU0FDQyxlQUFDLEtBQUQsZUFDSyxNQURMO0FBRUMsSUFBQSxXQUFXLEVBQUUsSUFBSSxDQUFDLGFBQUQsRUFBZ0IsRUFBaEIsQ0FGbEI7QUFHQyxJQUFBLFFBQVEsRUFBRSxPQUFPLENBQUMsVUFBRCxFQUFhLEtBQWIsQ0FIbEI7QUFJQyxJQUFBLFlBQVksRUFBQztBQUpkLEtBREQ7QUFBQSxDQWhCYSxFQXlCYixHQXpCYSxDQTBCYixZQTFCYSxFQTJCYjtBQUFBLFNBQ0MsZUFBQyxLQUFELGVBQ0ssTUFETDtBQUVDLElBQUEsV0FBVyxFQUFFLElBQUksQ0FBQyxhQUFELEVBQWdCLEVBQWhCLENBRmxCO0FBR0MsSUFBQSxRQUFRLEVBQUUsT0FBTyxDQUFDLFVBQUQsRUFBYSxLQUFiLENBSGxCO0FBSUMsSUFBQSxLQUFLLEVBQUUsSUFBSSxDQUFDLE9BQUQsRUFBVSxPQUFWO0FBSlosS0FERDtBQUFBLENBM0JhLEVBb0NiLEdBcENhLENBcUNiLGtCQXJDYSxFQXNDYjtBQUFBLFNBQ0MsZUFBQyxLQUFELGVBQ0ssTUFETDtBQUVDLElBQUEsSUFBSSxFQUFDLFFBRk47QUFHQyxJQUFBLFdBQVcsRUFBRSxJQUFJLENBQUMsYUFBRCxFQUFnQixFQUFoQixDQUhsQjtBQUlDLElBQUEsUUFBUSxFQUFFLE9BQU8sQ0FBQyxVQUFELEVBQWEsS0FBYixDQUpsQjtBQUtDLElBQUEsWUFBWSxFQUFFO0FBTGYsS0FERDtBQUFBLENBdENhLEVBZ0RiLEdBaERhLENBaURiLFdBakRhLEVBa0RiO0FBQUEsU0FDQyxlQUFDLEtBQUQsZUFDSyxNQURMO0FBRUMsSUFBQSxXQUFXLEVBQUUsSUFBSSxDQUFDLGFBQUQsRUFBZ0IsRUFBaEIsQ0FGbEI7QUFHQyxJQUFBLElBQUksRUFBRSxJQUFJLENBQUMsTUFBRCxFQUFTLG9CQUFULENBSFg7QUFJQyxJQUFBLFFBQVEsRUFBRSxPQUFPLENBQUMsVUFBRCxFQUFhLEtBQWIsQ0FKbEI7QUFLQyxJQUFBLFlBQVksRUFBQztBQUxkLEtBREQ7QUFBQSxDQWxEYSxDQUFmIiwic291cmNlUm9vdCI6IiJ9