@flexis/ui/components/Link/Link.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)('Link', module).addParameters({
  info: stylableApi
}).add('with text', function () {
  return _createElement(_.default, (0, _extends2.default)({}, events, {
    href: "#"
  }), (0, _react2.text)('Label', 'Link'));
}).add('with icon', function () {
  return _createElement(_.default, (0, _extends2.default)({}, events, {
    href: "#",
    icon: _ref,
    alignIcon: (0, _react2.select)('Align icon', _types.AlignSideValues, 'left')
  }), (0, _react2.text)('Label', 'Link'));
}).add('with icon only', function () {
  return _createElement(_.default, (0, _extends2.default)({}, events, {
    href: "#",
    icon: _ref2,
    alignIcon: (0, _react2.select)('Align icon', _types.AlignSideValues, 'left')
  }));
}).add('with right aligned icon', function () {
  return _createElement(_.default, (0, _extends2.default)({}, events, {
    href: "#",
    icon: _ref3,
    alignIcon: (0, _react2.select)('Align icon', _types.AlignSideValues, 'right')
  }), (0, _react2.text)('Label', 'Link'));
}).add('with flex icon', function () {
  return _createElement(_.default, (0, _extends2.default)({}, events, {
    style: {
      width: '100px'
    },
    href: "#",
    icon: _ref4,
    alignIcon: (0, _react2.select)('Align icon', _types.AlignSideValues, 'right'),
    flexIcon: (0, _react2.boolean)('Flex icon', true)
  }), (0, _react2.text)('Label', 'Link'));
});

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