@flexis/ui/components/Button/Button.stories.es.js

Styleless React Components

import _extends from "@babel/runtime-corejs3/helpers/extends";
import React from 'react';
var _createElement = React.createElement;
import { action } from '@storybook/addon-actions';
import { text, boolean, select } from '@storybook/addon-knobs/react';
import { storiesOf, buildInfo } from '../../helpers/stories';
import { AlignSideValues } from '../common/types';
import Button from './';
var _global = global,
    TestIcon = _global.TestIcon;
export var stylableApi = "\nStylable API\n---\n- :withIcon\n- :flexIcon\n- ::iconContainer\n- ::icon\n".concat(buildInfo([{
  values: AlignSideValues,
  prefix: ':',
  postfix: 'align',
  indent: 1
}]), "\n");
export var events = {
  onClick: action('click'),
  onFocus: action('focus'),
  onBlur: action('blur')
};

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

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

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

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

export default storiesOf('Button', module).addParameters({
  info: stylableApi
}).add('with text', function () {
  return _createElement(Button, _extends({}, events, {
    disabled: boolean('Disabled', false)
  }), text('Label', 'Button'));
}).add('with icon', function () {
  return _createElement(Button, _extends({}, events, {
    disabled: boolean('Disabled', false),
    icon: _ref,
    alignIcon: select('Align icon', AlignSideValues, 'left')
  }), text('Label', 'Button'));
}).add('with icon only', function () {
  return _createElement(Button, _extends({}, events, {
    disabled: boolean('Disabled', false),
    icon: _ref2,
    alignIcon: select('Align icon', AlignSideValues, 'left')
  }));
}).add('with right aligned icon', function () {
  return _createElement(Button, _extends({}, events, {
    disabled: boolean('Disabled', false),
    icon: _ref3,
    alignIcon: select('Align icon', AlignSideValues, 'right')
  }), text('Label', 'Button'));
}).add('with flex icon', function () {
  return _createElement(Button, _extends({}, events, {
    style: {
      width: '100px'
    },
    disabled: boolean('Disabled', false),
    icon: _ref4,
    alignIcon: select('Align icon', AlignSideValues, 'right'),
    flexIcon: boolean('Flex icon', true)
  }), text('Label', 'Button'));
});
//# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uL3NyYy9jb21wb25lbnRzL0J1dHRvbi9CdXR0b24uc3Rvcmllcy50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IjtBQUFBLE9BQU8sS0FBUCxNQUFrQixPQUFsQjs7QUFDQSxTQUNDLE1BREQsUUFFTywwQkFGUDtBQUdBLFNBQ0MsSUFERCxFQUVDLE9BRkQsRUFHQyxNQUhELFFBSU8sOEJBSlA7QUFLQSxTQUNDLFNBREQsRUFFQyxTQUZELFFBR08sdUJBSFA7QUFJQSxTQUNDLGVBREQsUUFFTyxpQkFGUDtBQUdBLE9BQU8sTUFBUCxNQUFtQixJQUFuQjtjQUlJLE07SUFESCxRLFdBQUEsUTtBQUdELE9BQU8sSUFBTSxXQUFXLHlGQU90QixTQUFTLENBQUMsQ0FDWDtBQUNDLEVBQUEsTUFBTSxFQUFHLGVBRFY7QUFFQyxFQUFBLE1BQU0sRUFBRyxHQUZWO0FBR0MsRUFBQSxPQUFPLEVBQUUsT0FIVjtBQUlDLEVBQUEsTUFBTSxFQUFHO0FBSlYsQ0FEVyxDQUFELENBUGEsT0FBakI7QUFpQlAsT0FBTyxJQUFNLE1BQU0sR0FBRztBQUNyQixFQUFBLE9BQU8sRUFBRSxNQUFNLENBQUMsT0FBRCxDQURNO0FBRXJCLEVBQUEsT0FBTyxFQUFFLE1BQU0sQ0FBQyxPQUFELENBRk07QUFHckIsRUFBQSxNQUFNLEVBQUcsTUFBTSxDQUFDLE1BQUQ7QUFITSxDQUFmOzt3QkEyQkcsZUFBQyxRQUFELE87O3lCQWFBLGVBQUMsUUFBRCxPOzt5QkFXQSxlQUFDLFFBQUQsTzs7eUJBY0EsZUFBQyxRQUFELE87O0FBM0RWLGVBQWUsU0FBUyxDQUFDLFFBQUQsRUFBVyxNQUFYLENBQVQsQ0FDYixhQURhLENBQ0M7QUFDZCxFQUFBLElBQUksRUFBRTtBQURRLENBREQsRUFJYixHQUphLENBS2IsV0FMYSxFQU1iO0FBQUEsU0FDQyxlQUFDLE1BQUQsZUFDSyxNQURMO0FBRUMsSUFBQSxRQUFRLEVBQUUsT0FBTyxDQUFDLFVBQUQsRUFBYSxLQUFiO0FBRmxCLE1BSUUsSUFBSSxDQUFDLE9BQUQsRUFBVSxRQUFWLENBSk4sQ0FERDtBQUFBLENBTmEsRUFlYixHQWZhLENBZ0JiLFdBaEJhLEVBaUJiO0FBQUEsU0FDQyxlQUFDLE1BQUQsZUFDSyxNQURMO0FBRUMsSUFBQSxRQUFRLEVBQUUsT0FBTyxDQUFDLFVBQUQsRUFBYSxLQUFiLENBRmxCO0FBR0MsSUFBQSxJQUFJLE1BSEw7QUFJQyxJQUFBLFNBQVMsRUFBRSxNQUFNLENBQUMsWUFBRCxFQUFlLGVBQWYsRUFBZ0MsTUFBaEM7QUFKbEIsTUFNRSxJQUFJLENBQUMsT0FBRCxFQUFVLFFBQVYsQ0FOTixDQUREO0FBQUEsQ0FqQmEsRUE0QmIsR0E1QmEsQ0E2QmIsZ0JBN0JhLEVBOEJiO0FBQUEsU0FDQyxlQUFDLE1BQUQsZUFDSyxNQURMO0FBRUMsSUFBQSxRQUFRLEVBQUUsT0FBTyxDQUFDLFVBQUQsRUFBYSxLQUFiLENBRmxCO0FBR0MsSUFBQSxJQUFJLE9BSEw7QUFJQyxJQUFBLFNBQVMsRUFBRSxNQUFNLENBQUMsWUFBRCxFQUFlLGVBQWYsRUFBZ0MsTUFBaEM7QUFKbEIsS0FERDtBQUFBLENBOUJhLEVBdUNiLEdBdkNhLENBd0NiLHlCQXhDYSxFQXlDYjtBQUFBLFNBQ0MsZUFBQyxNQUFELGVBQ0ssTUFETDtBQUVDLElBQUEsUUFBUSxFQUFFLE9BQU8sQ0FBQyxVQUFELEVBQWEsS0FBYixDQUZsQjtBQUdDLElBQUEsSUFBSSxPQUhMO0FBSUMsSUFBQSxTQUFTLEVBQUUsTUFBTSxDQUFDLFlBQUQsRUFBZSxlQUFmLEVBQWdDLE9BQWhDO0FBSmxCLE1BTUUsSUFBSSxDQUFDLE9BQUQsRUFBVSxRQUFWLENBTk4sQ0FERDtBQUFBLENBekNhLEVBb0RiLEdBcERhLENBcURiLGdCQXJEYSxFQXNEYjtBQUFBLFNBQ0MsZUFBQyxNQUFELGVBQ0ssTUFETDtBQUVDLElBQUEsS0FBSyxFQUFFO0FBQUUsTUFBQSxLQUFLLEVBQUU7QUFBVCxLQUZSO0FBR0MsSUFBQSxRQUFRLEVBQUUsT0FBTyxDQUFDLFVBQUQsRUFBYSxLQUFiLENBSGxCO0FBSUMsSUFBQSxJQUFJLE9BSkw7QUFLQyxJQUFBLFNBQVMsRUFBRSxNQUFNLENBQUMsWUFBRCxFQUFlLGVBQWYsRUFBZ0MsT0FBaEMsQ0FMbEI7QUFNQyxJQUFBLFFBQVEsRUFBRSxPQUFPLENBQUMsV0FBRCxFQUFjLElBQWQ7QUFObEIsTUFRRSxJQUFJLENBQUMsT0FBRCxFQUFVLFFBQVYsQ0FSTixDQUREO0FBQUEsQ0F0RGEsQ0FBZiIsInNvdXJjZVJvb3QiOiIifQ==