@flexis/ui/components/Textarea/Textarea.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("./"));

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)('Textarea', 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),
    defaultValue: ""
  }));
}).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')
  }));
});

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