@flexis/ui/components/ImageSelect/ImageSelect.stories.js

Styleless React Components

"use strict";

var _interopRequireWildcard = require("@babel/runtime-corejs3/helpers/interopRequireWildcard");

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.imageUrl = 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 _ = _interopRequireWildcard(require("./"));

var _createElement = _react.default.createElement;
var _global = global,
    TestIcon = _global.TestIcon;
var stylableApi = "\nStylable API\n- ::preview\n".concat((0, _stories.buildInfo)([{
  values: _.DisplayValues,
  prefix: ':',
  indent: 1
}]), "\n- ::img\n- ::placeholder\n- ::resetButton\n\t- :hidden\n---\n");
exports.stylableApi = stylableApi;
var events = {
  onChange: (0, _addonActions.action)('change')
}; // tslint:disable-next-line

exports.events = events;
var imageUrl = 'https://instagram.fhen2-1.fna.fbcdn.net/vp/d81ca16ed081cd80553eaaa63fa24b34/5D69ED4D/t51.2885-15/e15/11274387_579453698862853_1466193977_n.jpg?_nc_ht=instagram.fhen2-1.fna.fbcdn.net';
exports.imageUrl = imageUrl;
var style = {
  backgroundSize: 'cover',
  minWidth: '4em',
  minHeight: '4em'
};

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

var _default = (0, _stories.storiesOf)('ImageSelect', module).addParameters({
  info: stylableApi
}).add('with default state', function () {
  return _createElement(_.default, (0, _extends2.default)({}, events, {
    previewStyle: style,
    display: (0, _react2.select)('Display', _.DisplayValues, 'block')
  }));
}).add('with placeholder', function () {
  return _createElement(_.default, (0, _extends2.default)({}, events, {
    previewStyle: style,
    display: (0, _react2.select)('Display', _.DisplayValues, 'block'),
    placeholder: _ref
  }));
}).add('with value', function () {
  return _createElement(_.default, (0, _extends2.default)({}, events, {
    previewStyle: style,
    display: (0, _react2.select)('Display', _.DisplayValues, 'block'),
    value: (0, _react2.text)('Value', imageUrl)
  }));
}).add('with default value', function () {
  return _createElement(_.default, (0, _extends2.default)({}, events, {
    previewStyle: style,
    display: (0, _react2.select)('Display', _.DisplayValues, 'block'),
    defaultValue: (0, _react2.text)('Default value', imageUrl)
  }));
}).add('with disabled state', function () {
  return _createElement(_.default, (0, _extends2.default)({}, events, {
    previewStyle: style,
    defaultValue: (0, _react2.text)('Default value', imageUrl),
    disabled: (0, _react2.boolean)('Disabled', true)
  }));
}).add('with readOnly state', function () {
  return _createElement(_.default, (0, _extends2.default)({}, events, {
    previewStyle: style,
    defaultValue: (0, _react2.text)('Default value', imageUrl),
    readOnly: (0, _react2.boolean)('Readonly', true)
  }));
}).add('with title', function () {
  return _createElement(_.default, (0, _extends2.default)({}, events, {
    previewStyle: style,
    title: (0, _react2.text)('Title', 'Select image')
  }));
});

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