wix-style-react/dist/stories/RadioGroup.story.js

wix-style-react

'use strict';

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

var _react = require('react');

var _react2 = _interopRequireDefault(_react);

var _RadioGroup = require('../src/RadioGroup');

var _RadioGroup2 = _interopRequireDefault(_RadioGroup);

var _AutoExampleWrapper = require('./AutoExampleWrapper');

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

var exampleChildren = [{
  label: '4 radios',
  value: [1, 2, 3, 4].map(function (n) {
    return _react2.default.createElement(_RadioGroup2.default.Radio, { key: n, value: n, children: 'Option ' + n });
  })
}, {
  label: '2 radios',
  value: [_react2.default.createElement(
    _RadioGroup2.default.Radio,
    { key: 0, value: 1 },
    _react2.default.createElement(
      'div',
      null,
      'Option 1'
    ),
    _react2.default.createElement(
      'small',
      null,
      'best option'
    )
  ), _react2.default.createElement(
    _RadioGroup2.default.Radio,
    { key: 1, value: 2 },
    _react2.default.createElement(
      'div',
      null,
      'Option 2'
    ),
    _react2.default.createElement(
      'small',
      null,
      'Also pretty good option'
    )
  )]
}];

var exampleOptions = [{
  label: 'none disabled',
  value: []
}, {
  label: 'with disabled options',
  value: [1, 2]
}];

exports.default = {
  category: '4. Selection',
  storyName: '4.3 Radio Button Group',
  component: (0, _AutoExampleWrapper.createAutoExampleWrapper)(_RadioGroup2.default),
  componentPath: '../src/RadioGroup',

  componentProps: function componentProps(setState) {
    return {
      value: 1,
      hasError: false,
      size: 'medium',
      children: exampleChildren[0].value,
      onChange: function onChange(value) {
        return setState({ value: value });
      },
      dataHook: 'storybook-radiogroup'
    };
  },

  exampleProps: {
    disabledRadios: exampleOptions,
    children: exampleChildren,
    onChange: function onChange(value) {
      return value;
    }
  }
};