@flexis/ui/components/Button/Button.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 _types = require("../common/types");

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

var _createElement = _react.default.createElement;
var _global = global,
    TestIcon = _global.TestIcon;
var stylableApi = "\nStylable API\n---\n- :withIcon\n- :flexIcon\n- ::iconContainer\n- ::icon\n".concat((0, _stories.buildInfo)([{
  values: _types.AlignSideValues,
  prefix: ':',
  postfix: 'align',
  indent: 1
}]), "\n");
exports.stylableApi = stylableApi;
var events = {
  onClick: (0, _addonActions.action)('click'),
  onFocus: (0, _addonActions.action)('focus'),
  onBlur: (0, _addonActions.action)('blur')
};
exports.events = events;

var _ref = /*#__PURE__*/_createElement(TestIcon, null);

var _ref2 = /*#__PURE__*/_createElement(TestIcon, null);

var _ref3 = /*#__PURE__*/_createElement(TestIcon, null);

var _ref4 = /*#__PURE__*/_createElement(TestIcon, null);

var _default = (0, _stories.storiesOf)('Button', module).addParameters({
  info: stylableApi
}).add('with text', function () {
  return _createElement(_.default, (0, _extends2.default)({}, events, {
    disabled: (0, _react2.boolean)('Disabled', false)
  }), (0, _react2.text)('Label', 'Button'));
}).add('with icon', function () {
  return _createElement(_.default, (0, _extends2.default)({}, events, {
    disabled: (0, _react2.boolean)('Disabled', false),
    icon: _ref,
    alignIcon: (0, _react2.select)('Align icon', _types.AlignSideValues, 'left')
  }), (0, _react2.text)('Label', 'Button'));
}).add('with icon only', function () {
  return _createElement(_.default, (0, _extends2.default)({}, events, {
    disabled: (0, _react2.boolean)('Disabled', false),
    icon: _ref2,
    alignIcon: (0, _react2.select)('Align icon', _types.AlignSideValues, 'left')
  }));
}).add('with right aligned icon', function () {
  return _createElement(_.default, (0, _extends2.default)({}, events, {
    disabled: (0, _react2.boolean)('Disabled', false),
    icon: _ref3,
    alignIcon: (0, _react2.select)('Align icon', _types.AlignSideValues, 'right')
  }), (0, _react2.text)('Label', 'Button'));
}).add('with flex icon', function () {
  return _createElement(_.default, (0, _extends2.default)({}, events, {
    style: {
      width: '100px'
    },
    disabled: (0, _react2.boolean)('Disabled', false),
    icon: _ref4,
    alignIcon: (0, _react2.select)('Align icon', _types.AlignSideValues, 'right'),
    flexIcon: (0, _react2.boolean)('Flex icon', true)
  }), (0, _react2.text)('Label', 'Button'));
});

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