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

Styleless React Components

import _extends from "@babel/runtime-corejs3/helpers/extends";

/* tslint:disable: no-magic-numbers */
import React from 'react';
var _createElement = React.createElement;
import { action } from '@storybook/addon-actions';
import { boolean, number } from '@storybook/addon-knobs/react';
import { storiesOf } from '../../helpers/stories';
import Select, { SelectOption } from './';
export var stylableApi = "\nStylable API\n---\n- arrows()\n";
export var events = {
  onChange: action('change')
};

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(Select, 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");

export default storiesOf('Select', module).addParameters({
  info: stylableApi
}).add('with basic state', function () {
  return _createElement(Select, _extends({}, events, {
    disabled: boolean('Disabled', false)
  }), _ref, _ref2, _ref3);
}).add('with disabled state', function () {
  return _createElement(Select, _extends({}, events, {
    disabled: boolean('Disabled', true)
  }), _ref4, _ref5, _ref6);
}).add('with default value', function () {
  return _createElement(Select, _extends({}, events, {
    name: "select",
    defaultValue: 1,
    disabled: boolean('Disabled', false)
  }), _ref7, _ref8, _ref9);
}).add('with value', function () {
  return _createElement(Select, _extends({}, events, {
    name: "select",
    value: number('Value', 1),
    disabled: 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(Select, _extends({}, events, {
    disabled: boolean('Disabled', false)
  }), _ref14, _ref15, _ref16);
});
//# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uL3NyYy9jb21wb25lbnRzL1NlbGVjdC9TZWxlY3Quc3Rvcmllcy50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6Ijs7QUFBQTtBQUNBLE9BQU8sS0FBUCxNQUFrQixPQUFsQjs7QUFDQSxTQUNDLE1BREQsUUFFTywwQkFGUDtBQUdBLFNBQ0MsT0FERCxFQUVDLE1BRkQsUUFHTyw4QkFIUDtBQUlBLFNBQ0MsU0FERCxRQUVPLHVCQUZQO0FBR0EsT0FBTyxNQUFQLElBQ0MsWUFERCxRQUVPLElBRlA7QUFJQSxPQUFPLElBQU0sV0FBVyxzQ0FBakI7QUFNUCxPQUFPLElBQU0sTUFBTSxHQUFHO0FBQ3JCLEVBQUEsUUFBUSxFQUFFLE1BQU0sQ0FBQyxRQUFEO0FBREssQ0FBZjs7d0JBZUgsZUFBQyxZQUFEO0FBQWMsRUFBQSxLQUFLLEVBQUU7QUFBckIsZTs7eUJBR0EsZUFBQyxZQUFEO0FBQWMsRUFBQSxLQUFLLEVBQUU7QUFBckIsZTs7eUJBR0EsZUFBQyxZQUFEO0FBQWMsRUFBQSxLQUFLLEVBQUU7QUFBckIsZTs7eUJBYUEsZUFBQyxZQUFEO0FBQWMsRUFBQSxLQUFLLEVBQUU7QUFBckIsZTs7eUJBR0EsZUFBQyxZQUFEO0FBQWMsRUFBQSxLQUFLLEVBQUU7QUFBckIsZTs7eUJBR0EsZUFBQyxZQUFEO0FBQWMsRUFBQSxLQUFLLEVBQUU7QUFBckIsZTs7eUJBZUEsZUFBQyxZQUFEO0FBQWMsRUFBQSxLQUFLLEVBQUU7QUFBckIsZTs7eUJBR0EsZUFBQyxZQUFEO0FBQWMsRUFBQSxLQUFLLEVBQUU7QUFBckIsZTs7eUJBR0EsZUFBQyxZQUFEO0FBQWMsRUFBQSxLQUFLLEVBQUU7QUFBckIsZTs7MEJBZUEsZUFBQyxZQUFEO0FBQWMsRUFBQSxLQUFLLEVBQUU7QUFBckIsZTs7MEJBR0EsZUFBQyxZQUFEO0FBQWMsRUFBQSxLQUFLLEVBQUU7QUFBckIsZTs7MEJBR0EsZUFBQyxZQUFEO0FBQWMsRUFBQSxLQUFLLEVBQUU7QUFBckIsZTs7MEJBV0EsZUFBQyxNQUFELFFBQ0MsZUFBQyxZQUFEO0FBQWMsRUFBQSxLQUFLLEVBQUU7QUFBckIsZUFERCxFQUlDLGVBQUMsWUFBRDtBQUFjLEVBQUEsS0FBSyxFQUFFO0FBQXJCLGVBSkQsRUFPQyxlQUFDLFlBQUQ7QUFBYyxFQUFBLEtBQUssRUFBRTtBQUFyQixlQVBELEM7OzBCQTJCQSxlQUFDLFlBQUQsb0I7OzBCQUdBLGVBQUMsWUFBRCxvQjs7MEJBR0EsZUFBQyxZQUFELG9COztBQTFISixlQUFlLFNBQVMsQ0FBQyxRQUFELEVBQVcsTUFBWCxDQUFULENBQ2IsYUFEYSxDQUNDO0FBQ2QsRUFBQSxJQUFJLEVBQUU7QUFEUSxDQURELEVBSWIsR0FKYSxDQUtiLGtCQUxhLEVBTWI7QUFBQSxTQUNDLGVBQUMsTUFBRCxlQUNLLE1BREw7QUFFQyxJQUFBLFFBQVEsRUFBRSxPQUFPLENBQUMsVUFBRCxFQUFhLEtBQWI7QUFGbEIseUJBREQ7QUFBQSxDQU5hLEVBdUJiLEdBdkJhLENBd0JiLHFCQXhCYSxFQXlCYjtBQUFBLFNBQ0MsZUFBQyxNQUFELGVBQ0ssTUFETDtBQUVDLElBQUEsUUFBUSxFQUFFLE9BQU8sQ0FBQyxVQUFELEVBQWEsSUFBYjtBQUZsQiwwQkFERDtBQUFBLENBekJhLEVBMENiLEdBMUNhLENBMkNiLG9CQTNDYSxFQTRDYjtBQUFBLFNBQ0MsZUFBQyxNQUFELGVBQ0ssTUFETDtBQUVDLElBQUEsSUFBSSxFQUFDLFFBRk47QUFHQyxJQUFBLFlBQVksRUFBRSxDQUhmO0FBSUMsSUFBQSxRQUFRLEVBQUUsT0FBTyxDQUFDLFVBQUQsRUFBYSxLQUFiO0FBSmxCLDBCQUREO0FBQUEsQ0E1Q2EsRUErRGIsR0EvRGEsQ0FnRWIsWUFoRWEsRUFpRWI7QUFBQSxTQUNDLGVBQUMsTUFBRCxlQUNLLE1BREw7QUFFQyxJQUFBLElBQUksRUFBQyxRQUZOO0FBR0MsSUFBQSxLQUFLLEVBQUUsTUFBTSxDQUFDLE9BQUQsRUFBVSxDQUFWLENBSGQ7QUFJQyxJQUFBLFFBQVEsRUFBRSxPQUFPLENBQUMsVUFBRCxFQUFhLEtBQWI7QUFKbEIsNkJBREQ7QUFBQSxDQWpFYSxFQW9GYixHQXBGYSxDQXFGYixrQkFyRmEsRUFzRmIsWUFBSztBQUVKLE1BQU0sTUFBTSxTQUFaO0FBY0EsU0FDQyxxQ0FDTyxNQURQLFVBREQ7QUFLQSxDQTNHWSxFQTZHYixHQTdHYSxDQThHYixnQkE5R2EsRUErR2I7QUFBQSxTQUNDLGVBQUMsTUFBRCxlQUNLLE1BREw7QUFFQyxJQUFBLFFBQVEsRUFBRSxPQUFPLENBQUMsVUFBRCxFQUFhLEtBQWI7QUFGbEIsNkJBREQ7QUFBQSxDQS9HYSxDQUFmIiwic291cmNlUm9vdCI6IiJ9