@flexis/ui/components/CustomFlatSelect/CustomFlatSelect.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 _Button = _interopRequireDefault(require("../Button"));

var _ = _interopRequireWildcard(require("./"));

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

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

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

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

var _ref4 = /*#__PURE__*/_createElement(_.CustomFlatSelectOption, {
  value: 0
}, _createElement(_Button.default, {
  type: "button"
}, "Option #1"));

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

var _default = (0, _stories.storiesOf)('CustomFlatSelect', module).addParameters({
  info: stylableApi
}).add('with basic state', function () {
  return _createElement(_.default, (0, _extends2.default)({}, events, {
    id: "toggleSelect",
    style: {
      width: '10rem'
    },
    disabled: (0, _react2.boolean)('Disabled', false)
  }), _ref, _ref2, _ref3);
}).add('with option button', function () {
  return _createElement(_.default, (0, _extends2.default)({}, events, {
    id: "toggleSelect",
    style: {
      width: '10rem'
    },
    disabled: (0, _react2.boolean)('Disabled', false)
  }), _ref4, _ref5, _ref6);
}).add('with disabled state', function () {
  return _createElement(_.default, (0, _extends2.default)({}, events, {
    style: {
      width: '10rem'
    },
    disabled: (0, _react2.boolean)('Disabled', true)
  }), _ref7, _ref8, _ref9);
}).add('with default value', function () {
  return _createElement(_.default, (0, _extends2.default)({}, events, {
    style: {
      width: '10rem'
    },
    name: "select",
    defaultValue: 1,
    disabled: (0, _react2.boolean)('Disabled', false)
  }), _ref10, _ref11, _ref12);
}).add('with value', function () {
  return _createElement(_.default, (0, _extends2.default)({}, events, {
    style: {
      width: '10rem'
    },
    name: "select",
    value: (0, _react2.number)('Value', 1),
    disabled: (0, _react2.boolean)('Disabled', false)
  }), _ref13, _ref14, _ref15);
}).add('with default multiple values', function () {
  return _createElement(_.default, (0, _extends2.default)({}, events, {
    style: {
      width: '10rem'
    },
    name: "select",
    defaultValue: [1, 2],
    disabled: (0, _react2.boolean)('Disabled', false),
    multiple: true
  }), _ref16, _ref17, _ref18);
}).add('with basic multiple state', function () {
  return _createElement(_.default, (0, _extends2.default)({}, events, {
    style: {
      width: '10rem'
    },
    id: "select",
    name: "select",
    disabled: (0, _react2.boolean)('Disabled', false),
    multiple: true
  }), _ref19, _ref20, _ref21);
}).add('with multiple values', function () {
  return _createElement(_.default, (0, _extends2.default)({}, events, {
    style: {
      width: '10rem'
    },
    name: "select",
    value: [1, 2],
    disabled: (0, _react2.boolean)('Disabled', false),
    multiple: true
  }), _ref22, _ref23, _ref24);
});

exports.default = _default;
//# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uL3NyYy9jb21wb25lbnRzL0N1c3RvbUZsYXRTZWxlY3QvQ3VzdG9tRmxhdFNlbGVjdC5zdG9yaWVzLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiOzs7Ozs7Ozs7Ozs7Ozs7O0FBQ0E7O0FBQ0E7O0FBR0E7O0FBSUE7O0FBR0E7O0FBQ0E7O0FBYkE7O0FBaUJPLElBQU0sV0FBVyw0REFBakI7O0FBUUEsSUFBTSxNQUFNLEdBQUc7QUFDckIsRUFBQSxRQUFRLEVBQUUsMEJBQU8sUUFBUDtBQURXLENBQWY7Ozt3QkFpQkgsZUFBQyx3QkFBRDtBQUF3QixFQUFBLEtBQUssRUFBRTtBQUEvQixlOzt5QkFHQSxlQUFDLHdCQUFEO0FBQXdCLEVBQUEsS0FBSyxFQUFFO0FBQS9CLGU7O3lCQUdBLGVBQUMsd0JBQUQ7QUFBd0IsRUFBQSxLQUFLLEVBQUU7QUFBL0IsZTs7eUJBZUEsZUFBQyx3QkFBRDtBQUF3QixFQUFBLEtBQUssRUFBRTtBQUEvQixHQUNDLGVBQUMsZUFBRDtBQUFRLEVBQUEsSUFBSSxFQUFDO0FBQWIsZUFERCxDOzt5QkFLQSxlQUFDLHdCQUFEO0FBQXdCLEVBQUEsS0FBSyxFQUFFO0FBQS9CLGU7O3lCQUdBLGVBQUMsd0JBQUQ7QUFBd0IsRUFBQSxLQUFLLEVBQUU7QUFBL0IsZTs7eUJBY0EsZUFBQyx3QkFBRDtBQUF3QixFQUFBLEtBQUssRUFBRTtBQUEvQixlOzt5QkFHQSxlQUFDLHdCQUFEO0FBQXdCLEVBQUEsS0FBSyxFQUFFO0FBQS9CLGU7O3lCQUdBLGVBQUMsd0JBQUQ7QUFBd0IsRUFBQSxLQUFLLEVBQUU7QUFBL0IsZTs7MEJBZ0JBLGVBQUMsd0JBQUQ7QUFBd0IsRUFBQSxLQUFLLEVBQUU7QUFBL0IsZTs7MEJBR0EsZUFBQyx3QkFBRDtBQUF3QixFQUFBLEtBQUssRUFBRTtBQUEvQixlOzswQkFHQSxlQUFDLHdCQUFEO0FBQXdCLEVBQUEsS0FBSyxFQUFFO0FBQS9CLGU7OzBCQWdCQSxlQUFDLHdCQUFEO0FBQXdC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