wix-style-react/dist/stories/CheckBox/index.story.js

wix-style-react

'use strict';

Object.defineProperty(exports, "__esModule", {
  value: true
});

var _react = require('react');

var _react2 = _interopRequireDefault(_react);

var _Checkbox = require('wix-style-react/Checkbox');

var _Checkbox2 = _interopRequireDefault(_Checkbox);

var _Languages = require('wix-style-react/new-icons/Languages');

var _Languages2 = _interopRequireDefault(_Languages);

var _CodeExample = require('wix-storybook-utils/CodeExample');

var _CodeExample2 = _interopRequireDefault(_CodeExample);

var _ExampleFormField = require('./ExampleFormField');

var _ExampleFormField2 = _interopRequireDefault(_ExampleFormField);

var _ExampleFormField3 = require('!raw-loader!./ExampleFormField');

var _ExampleFormField4 = _interopRequireDefault(_ExampleFormField3);

function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }

var labelExamples = [{ label: 'Simple string', value: 'Hello World!' }, {
  label: 'Component',
  value: _react2.default.createElement(
    'span',
    { key: 0 },
    'Hello ',
    _react2.default.createElement(
      'strong',
      null,
      'World!'
    )
  )
}, {
  label: 'Component with icon',
  value: _react2.default.createElement(
    'span',
    { key: 1 },
    'Hello ',
    _react2.default.createElement(_Languages2.default, null)
  )
}];

exports.default = {
  category: '4. Selection',
  storyName: '4.2 Checkbox',
  component: _Checkbox2.default,
  componentPath: '../../src/Checkbox',

  componentProps: function componentProps(setState) {
    return {
      children: labelExamples[0].value,
      onChange: function onChange(_ref) {
        var checked = _ref.target.checked;
        return setState({ checked: checked });
      },
      dataHook: 'storybook-checkbox'
    };
  },

  exampleProps: {
    children: labelExamples,
    onChange: function onChange(_ref2) {
      var checked = _ref2.target.checked;
      return checked ? 'Checked' : 'Unchecked';
    }
  },

  examples: _react2.default.createElement(
    _CodeExample2.default,
    { title: 'Composition with FormField', code: _ExampleFormField4.default },
    _react2.default.createElement(_ExampleFormField2.default, null)
  )
};