@flexis/ui/components/Input/Input.stories.js

Styleless React Components

"use strict";

var _interopRequireDefault = require("@babel/runtime-corejs3/helpers/interopRequireDefault");

var _Object$defineProperty = require("@babel/runtime-corejs3/core-js-stable/object/define-property");

_Object$defineProperty(exports, "__esModule", {
  value: true
});

exports.default = exports.events = exports.stylableApi = void 0;

var _extends2 = _interopRequireDefault(require("@babel/runtime-corejs3/helpers/extends"));

var _react = _interopRequireDefault(require("react"));

var _addonActions = require("@storybook/addon-actions");

var _react2 = require("@storybook/addon-knobs/react");

var _stories = require("../../helpers/stories");

var _ = _interopRequireDefault(require("./"));

/* tslint:disable no-magic-numbers */
var _createElement = _react.default.createElement;
var stylableApi = "\nStylable API\n---\n_empty_\n";
exports.stylableApi = stylableApi;
var events = {
  onChange: (0, _addonActions.action)('change'),
  onFocus: (0, _addonActions.action)('focus'),
  onBlur: (0, _addonActions.action)('blur')
};
exports.events = events;

var _default = (0, _stories.storiesOf)('Input', module).addParameters({
  info: stylableApi
}).add('with default state', function () {
  return _createElement(_.default, (0, _extends2.default)({}, events, {
    placeholder: (0, _react2.text)('Placeholder', ''),
    disabled: (0, _react2.boolean)('Disabled', false)
  }));
}).add('with default value', function () {
  return _createElement(_.default, (0, _extends2.default)({}, events, {
    placeholder: (0, _react2.text)('Placeholder', ''),
    disabled: (0, _react2.boolean)('Disabled', false),
    defaultValue: "Default value"
  }));
}).add('with value', function () {
  return _createElement(_.default, (0, _extends2.default)({}, events, {
    placeholder: (0, _react2.text)('Placeholder', ''),
    disabled: (0, _react2.boolean)('Disabled', false),
    value: (0, _react2.text)('Value', 'Value')
  }));
}).add('with type number', function () {
  return _createElement(_.default, (0, _extends2.default)({}, events, {
    type: "number",
    placeholder: (0, _react2.text)('Placeholder', ''),
    disabled: (0, _react2.boolean)('Disabled', false),
    defaultValue: 4
  }));
}).add('with mask', function () {
  return _createElement(_.default, (0, _extends2.default)({}, events, {
    placeholder: (0, _react2.text)('Placeholder', ''),
    mask: (0, _react2.text)('Mask', '+7 (999) 999-99-99'),
    disabled: (0, _react2.boolean)('Disabled', false),
    defaultValue: "+7 (913) 421-04-04"
  }));
});

exports.default = _default;
//# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uL3NyYy9jb21wb25lbnRzL0lucHV0L0lucHV0LnN0b3JpZXMudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiI7Ozs7Ozs7Ozs7Ozs7O0FBQ0E7O0FBQ0E7O0FBR0E7O0FBSUE7O0FBR0E7O0FBWkE7O0FBY08sSUFBTSxXQUFXLG1DQUFqQjs7QUFNQSxJQUFNLE1BQU0sR0FBRztBQUNyQixFQUFBLFFBQVEsRUFBRSwwQkFBTyxRQUFQLENBRFc7QUFFckIsRUFBQSxPQUFPLEVBQUcsMEJBQU8sT0FBUCxDQUZXO0FBR3JCLEVBQUEsTUFBTSxFQUFJLDBCQUFPLE1BQVA7QUFIVyxDQUFmOzs7ZUFNUSx3QkFBVSxPQUFWLEVBQW1CLE1BQW5CLEVBQ2IsYUFEYSxDQUNDO0FBQ2QsRUFBQSxJQUFJLEVBQUU7QUFEUSxDQURELEVBSWIsR0FKYSxDQUtiLG9CQUxhLEVBTWI7QUFBQSxTQUNDLGVBQUMsU0FBRCw2QkFDSyxNQURMO0FBRUMsSUFBQSxXQUFXLEVBQUUsa0JBQUssYUFBTCxFQUFvQixFQUFwQixDQUZkO0FBR0MsSUFBQSxRQUFRLEVBQUUscUJBQVEsVUFBUixFQUFvQixLQUFwQjtBQUhYLEtBREQ7QUFBQSxDQU5hLEVBY2IsR0FkYSxDQWViLG9CQWZhLEVBZ0JiO0FBQUEsU0FDQyxlQUFDLFNBQUQsNkJBQ0ssTUFETDtBQUVDLElBQUEsV0FBVyxFQUFFLGtCQUFLLGFBQUwsRUFBb0IsRUFBcEIsQ0FGZDtBQUdDLElBQUEsUUFBUSxFQUFFLHFCQUFRLFVBQVIsRUFBb0IsS0FBcEIsQ0FIWDtBQUlDLElBQUEsWUFBWSxFQUFDO0FBSmQsS0FERDtBQUFBLENBaEJhLEVBeUJiLEdBekJhLENBMEJiLFlBMUJhLEVBMkJiO0FBQUEsU0FDQyxlQUFDLFNBQUQsNkJBQ0ssTUFETDtBQUVDLElBQUEsV0FBVyxFQUFFLGtCQUFLLGFBQUwsRUFBb0IsRUFBcEIsQ0FGZDtBQUdDLElBQUEsUUFBUSxFQUFFLHFCQUFRLFVBQVIsRUFBb0IsS0FBcEIsQ0FIWDtBQUlDLElBQUEsS0FBSyxFQUFFLGtCQUFLLE9BQUwsRUFBYyxPQUFkO0FBSlIsS0FERDtBQUFBLENBM0JhLEVBb0NiLEdBcENhLENBcUNiLGtCQXJDYSxFQXNDYjtBQUFBLFNBQ0MsZUFBQyxTQUFELDZCQUNLLE1BREw7QUFFQyxJQUFBLElBQUksRUFBQyxRQUZOO0FBR0MsSUFBQSxXQUFXLEVBQUUsa0JBQUssYUFBTCxFQUFvQixFQUFwQixDQUhkO0FBSUMsSUFBQSxRQUFRLEVBQUUscUJBQVEsVUFBUixFQUFvQixLQUFwQixDQUpYO0FBS0MsSUFBQSxZQUFZLEVBQUU7QUFMZixLQUREO0FBQUEsQ0F0Q2EsRUFnRGIsR0FoRGEsQ0FpRGIsV0FqRGEsRUFrRGI7QUFBQSxTQUNDLGVBQUMsU0FBRCw2QkFDSyxNQURMO0FBRUMsSUFBQSxXQUFXLEVBQUUsa0JBQUssYUFBTCxFQUFvQixFQUFwQixDQUZkO0FBR0MsSUFBQSxJQUFJLEVBQUUsa0JBQUssTUFBTCxFQUFhLG9CQUFiLENBSFA7QUFJQyxJQUFBLFFBQVEsRUFBRSxxQkFBUSxVQUFSLEVBQW9CLEtBQXBCLENBSlg7QUFLQyxJQUFBLFlBQVksRUFBQztBQUxkLEtBREQ7QUFBQSxDQWxEYSxDIiwic291cmNlUm9vdCI6IiJ9