@flexis/ui/components/Checkbox/Checkbox.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)('Checkbox', module).addParameters({
  info: stylableApi
}).add('with default state', function () {
  return _createElement(_.default, (0, _extends2.default)({}, events, {
    name: "checkbox",
    disabled: (0, _react2.boolean)('Disabled', false)
  }));
}).add('with default checked', function () {
  return _createElement(_.default, (0, _extends2.default)({}, events, {
    disabled: (0, _react2.boolean)('Disabled', false),
    defaultChecked: true
  }));
}).add('with unchecked state', function () {
  return _createElement(_.default, (0, _extends2.default)({}, events, {
    disabled: (0, _react2.boolean)('Disabled', false),
    checked: (0, _react2.boolean)('Checked', false)
  }));
}).add('with checked state', function () {
  return _createElement(_.default, (0, _extends2.default)({}, events, {
    disabled: (0, _react2.boolean)('Disabled', false),
    checked: (0, _react2.boolean)('Checked', true)
  }));
}).add('with value', function () {
  return _createElement(_.default, (0, _extends2.default)({}, events, {
    name: "checkbox",
    value: Math.PI,
    disabled: (0, _react2.boolean)('Disabled', false)
  }));
});

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