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

var _createElement = _react.default.createElement;
var stylableApi = "\nStylable API\n---\n_empty_\n";
exports.stylableApi = stylableApi;
var events = {
  onChange: (0, _addonActions.action)('change'),
  onFocus: (0, _addonActions.action)('focus'),
  onBlur: (0, _addonActions.action)('blur')
};
exports.events = events;

var _default = (0, _stories.storiesOf)('Switch', module).addParameters({
  info: stylableApi
}).add('with default state', function () {
  return _createElement(_.default, (0, _extends2.default)({}, events, {
    type: "checkbox",
    disabled: (0, _react2.boolean)('Disabled', false),
    defaultChecked: false
  }));
}).add('with default checked', function () {
  return _createElement(_.default, (0, _extends2.default)({}, events, {
    type: "checkbox",
    disabled: (0, _react2.boolean)('Disabled', false),
    defaultChecked: true
  }));
}).add('with unchecked state', function () {
  return _createElement(_.default, (0, _extends2.default)({}, events, {
    type: "checkbox",
    disabled: (0, _react2.boolean)('Disabled', false),
    checked: (0, _react2.boolean)('Checked', false)
  }));
}).add('with checked state', function () {
  return _createElement(_.default, (0, _extends2.default)({}, events, {
    type: "checkbox",
    disabled: (0, _react2.boolean)('Disabled', false),
    checked: (0, _react2.boolean)('Checked', true)
  }));
});

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