@flexis/ui/components/Link/Link.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 Link 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('Link', module).addParameters({
  info: stylableApi
}).add('with text', function () {
  return _createElement(Link, _extends({}, events, {
    href: "#"
  }), text('Label', 'Link'));
}).add('with icon', function () {
  return _createElement(Link, _extends({}, events, {
    href: "#",
    icon: _ref,
    alignIcon: select('Align icon', AlignSideValues, 'left')
  }), text('Label', 'Link'));
}).add('with icon only', function () {
  return _createElement(Link, _extends({}, events, {
    href: "#",
    icon: _ref2,
    alignIcon: select('Align icon', AlignSideValues, 'left')
  }));
}).add('with right aligned icon', function () {
  return _createElement(Link, _extends({}, events, {
    href: "#",
    icon: _ref3,
    alignIcon: select('Align icon', AlignSideValues, 'right')
  }), text('Label', 'Link'));
}).add('with flex icon', function () {
  return _createElement(Link, _extends({}, events, {
    style: {
      width: '100px'
    },
    href: "#",
    icon: _ref4,
    alignIcon: select('Align icon', AlignSideValues, 'right'),
    flexIcon: boolean('Flex icon', true)
  }), text('Label', 'Link'));
});
//# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uL3NyYy9jb21wb25lbnRzL0xpbmsvTGluay5zdG9yaWVzLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiO0FBQUEsT0FBTyxLQUFQLE1BQWtCLE9BQWxCOztBQUNBLFNBQ0MsTUFERCxRQUVPLDBCQUZQO0FBR0EsU0FDQyxJQURELEVBRUMsT0FGRCxFQUdDLE1BSEQsUUFJTyw4QkFKUDtBQUtBLFNBQ0MsU0FERCxFQUVDLFNBRkQsUUFHTyx1QkFIUDtBQUlBLFNBQ0MsZUFERCxRQUVPLGlCQUZQO0FBR0EsT0FBTyxJQUFQLE1BQWlCLElBQWpCO2NBSUksTTtJQURILFEsV0FBQSxRO0FBR0QsT0FBTyxJQUFNLFdBQVcseUZBT3RCLFNBQVMsQ0FBQyxDQUNYO0FBQ0MsRUFBQSxNQUFNLEVBQUcsZUFEVjtBQUVDLEVBQUEsTUFBTSxFQUFHLEdBRlY7QUFHQyxFQUFBLE9BQU8sRUFBRSxPQUhWO0FBSUMsRUFBQSxNQUFNLEVBQUc7QUFKVixDQURXLENBQUQsQ0FQYSxPQUFqQjtBQWlCUCxPQUFPLElBQU0sTUFBTSxHQUFHO0FBQ3JCLEVBQUEsT0FBTyxFQUFFLE1BQU0sQ0FBQyxPQUFELENBRE07QUFFckIsRUFBQSxPQUFPLEVBQUUsTUFBTSxDQUFDLE9BQUQsQ0FGTTtBQUdyQixFQUFBLE1BQU0sRUFBRyxNQUFNLENBQUMsTUFBRDtBQUhNLENBQWY7O3dCQTJCRyxlQUFDLFFBQUQsTzs7eUJBYUEsZUFBQyxRQUFELE87O3lCQVdBLGVBQUMsUUFBRCxPOzt5QkFjQSxlQUFDLFFBQUQsTzs7QUEzRFYsZUFBZSxTQUFTLENBQUMsTUFBRCxFQUFTLE1BQVQsQ0FBVCxDQUNiLGFBRGEsQ0FDQztBQUNkLEVBQUEsSUFBSSxFQUFFO0FBRFEsQ0FERCxFQUliLEdBSmEsQ0FLYixXQUxhLEVBTWI7QUFBQSxTQUNDLGVBQUMsSUFBRCxlQUNLLE1BREw7QUFFQyxJQUFBLElBQUksRUFBQztBQUZOLE1BSUUsSUFBSSxDQUFDLE9BQUQsRUFBVSxNQUFWLENBSk4sQ0FERDtBQUFBLENBTmEsRUFlYixHQWZhLENBZ0JiLFdBaEJhLEVBaUJiO0FBQUEsU0FDQyxlQUFDLElBQUQsZUFDSyxNQURMO0FBRUMsSUFBQSxJQUFJLEVBQUMsR0FGTjtBQUdDLElBQUEsSUFBSSxNQUhMO0FBSUMsSUFBQSxTQUFTLEVBQUUsTUFBTSxDQUFDLFlBQUQsRUFBZSxlQUFmLEVBQWdDLE1BQWhDO0FBSmxCLE1BTUUsSUFBSSxDQUFDLE9BQUQsRUFBVSxNQUFWLENBTk4sQ0FERDtBQUFBLENBakJhLEVBNEJiLEdBNUJhLENBNkJiLGdCQTdCYSxFQThCYjtBQUFBLFNBQ0MsZUFBQyxJQUFELGVBQ0ssTUFETDtBQUVDLElBQUEsSUFBSSxFQUFDLEdBRk47QUFHQyxJQUFBLElBQUksT0FITDtBQUlDLElBQUEsU0FBUyxFQUFFLE1BQU0sQ0FBQyxZQUFELEVBQWUsZUFBZixFQUFnQyxNQUFoQztBQUpsQixLQUREO0FBQUEsQ0E5QmEsRUF1Q2IsR0F2Q2EsQ0F3Q2IseUJBeENhLEVBeUNiO0FBQUEsU0FDQyxlQUFDLElBQUQsZUFDSyxNQURMO0FBRUMsSUFBQSxJQUFJLEVBQUMsR0FGTjtBQUdDLElBQUEsSUFBSSxPQUhMO0FBSUMsSUFBQSxTQUFTLEVBQUUsTUFBTSxDQUFDLFlBQUQsRUFBZSxlQUFmLEVBQWdDLE9BQWhDO0FBSmxCLE1BTUUsSUFBSSxDQUFDLE9BQUQsRUFBVSxNQUFWLENBTk4sQ0FERDtBQUFBLENBekNhLEVBb0RiLEdBcERhLENBcURiLGdCQXJEYSxFQXNEYjtBQUFBLFNBQ0MsZUFBQyxJQUFELGVBQ0ssTUFETDtBQUVDLElBQUEsS0FBSyxFQUFFO0FBQUUsTUFBQSxLQUFLLEVBQUU7QUFBVCxLQUZSO0FBR0MsSUFBQSxJQUFJLEVBQUMsR0FITjtBQUlDLElBQUEsSUFBSSxPQUpMO0FBS0MsSUFBQSxTQUFTLEVBQUUsTUFBTSxDQUFDLFlBQUQsRUFBZSxlQUFmLEVBQWdDLE9BQWhDLENBTGxCO0FBTUMsSUFBQSxRQUFRLEVBQUUsT0FBTyxDQUFDLFdBQUQsRUFBYyxJQUFkO0FBTmxCLE1BUUUsSUFBSSxDQUFDLE9BQUQsRUFBVSxNQUFWLENBUk4sQ0FERDtBQUFBLENBdERhLENBQWYiLCJzb3VyY2VSb290IjoiIn0=