@flexis/ui/components/Select/Select.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.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("./"));

/* tslint:disable: no-magic-numbers */
var _createElement = _react.default.createElement;
var stylableApi = "\nStylable API\n---\n- arrows()\n";
exports.stylableApi = stylableApi;
var events = {
  onChange: (0, _addonActions.action)('change')
};
exports.events = events;

var _ref = /*#__PURE__*/_createElement(_.SelectOption, {
  value: 0
}, "Option #1");

var _ref2 = /*#__PURE__*/_createElement(_.SelectOption, {
  value: 1
}, "Option #2");

var _ref3 = /*#__PURE__*/_createElement(_.SelectOption, {
  value: 2
}, "Option #3");

var _ref4 = /*#__PURE__*/_createElement(_.SelectOption, {
  value: 0
}, "Option #1");

var _ref5 = /*#__PURE__*/_createElement(_.SelectOption, {
  value: 1
}, "Option #2");

var _ref6 = /*#__PURE__*/_createElement(_.SelectOption, {
  value: 2
}, "Option #3");

var _ref7 = /*#__PURE__*/_createElement(_.SelectOption, {
  value: 0
}, "Option #1");

var _ref8 = /*#__PURE__*/_createElement(_.SelectOption, {
  value: 1
}, "Option #2");

var _ref9 = /*#__PURE__*/_createElement(_.SelectOption, {
  value: 2
}, "Option #3");

var _ref10 = /*#__PURE__*/_createElement(_.SelectOption, {
  value: 0
}, "Option #1");

var _ref11 = /*#__PURE__*/_createElement(_.SelectOption, {
  value: 1
}, "Option #2");

var _ref12 = /*#__PURE__*/_createElement(_.SelectOption, {
  value: 2
}, "Option #3");

var _ref13 = /*#__PURE__*/_createElement(_.default, null, _createElement(_.SelectOption, {
  value: 0
}, "Option #1"), _createElement(_.SelectOption, {
  value: 1
}, "Option #2"), _createElement(_.SelectOption, {
  value: 2
}, "Option #3"));

var _ref14 = /*#__PURE__*/_createElement(_.SelectOption, null, "Option #1");

var _ref15 = /*#__PURE__*/_createElement(_.SelectOption, null, "Option #2");

var _ref16 = /*#__PURE__*/_createElement(_.SelectOption, null, "Option #3");

var _default = (0, _stories.storiesOf)('Select', module).addParameters({
  info: stylableApi
}).add('with basic state', function () {
  return _createElement(_.default, (0, _extends2.default)({}, events, {
    disabled: (0, _react2.boolean)('Disabled', false)
  }), _ref, _ref2, _ref3);
}).add('with disabled state', function () {
  return _createElement(_.default, (0, _extends2.default)({}, events, {
    disabled: (0, _react2.boolean)('Disabled', true)
  }), _ref4, _ref5, _ref6);
}).add('with default value', function () {
  return _createElement(_.default, (0, _extends2.default)({}, events, {
    name: "select",
    defaultValue: 1,
    disabled: (0, _react2.boolean)('Disabled', false)
  }), _ref7, _ref8, _ref9);
}).add('with value', function () {
  return _createElement(_.default, (0, _extends2.default)({}, events, {
    name: "select",
    value: (0, _react2.number)('Value', 1),
    disabled: (0, _react2.boolean)('Disabled', false)
  }), _ref10, _ref11, _ref12);
}).add('with text around', function () {
  var select = _ref13;
  return _createElement("div", null, "Text ", select, " text");
}).add('without values', function () {
  return _createElement(_.default, (0, _extends2.default)({}, events, {
    disabled: (0, _react2.boolean)('Disabled', false)
  }), _ref14, _ref15, _ref16);
});

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