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

wix-style-react

'use strict';

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

var _react = require('react');

var _react2 = _interopRequireDefault(_react);

var _storySettings = require('./storySettings');

var _GoogleAddressInput = require('../../src/GoogleAddressInput');

var _GoogleAddressInput2 = _interopRequireDefault(_GoogleAddressInput);

var _clients = require('../../src/clients');

var _clients2 = _interopRequireDefault(_clients);

var _GoogleAPILoader = require('../utils/Components/GoogleAPILoader');

var _GoogleAPILoader2 = _interopRequireDefault(_GoogleAPILoader);

var _LiveCodeExample = require('../utils/Components/LiveCodeExample');

var _LiveCodeExample2 = _interopRequireDefault(_LiveCodeExample);

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

var InFormExample = '\nclass ExampleWithFormField extends React.Component {\n  constructor(props) {\n    super(props);\n    this.state = {\n      value: \'\',\n    }\n  }\n\n  render() {\n    return (\n      <FormField label="GoogleAddressInput component">\n        <GoogleAddressInput\n          value={this.state.value}\n          onChange={e => this.setState({value: e.target.value})}\n          onSet={e => this.setState({value: e.originValue})}\n          Client={clients.GoogleMapsClient}\n        />\n      </FormField>\n    )\n  }\n}\nrender(<ExampleWithFormField/>);\n';

exports.default = {
  category: _storySettings.storySettings.kind,
  storyName: _storySettings.storySettings.storyName,

  component: _GoogleAddressInput2.default,
  componentPath: '../../src/GoogleAddressInput/GoogleAddressInput.js',

  componentWrapper: function componentWrapper(_ref) {
    var component = _ref.component;
    return _react2.default.createElement(
      _GoogleAPILoader2.default,
      null,
      component
    );
  },
  componentProps: function componentProps(setProps) {
    return {
      dataHook: _storySettings.storySettings.dataHook,
      Client: _clients2.default.GoogleMapsClient,
      value: '',
      onChange: function onChange(e) {
        return setProps({ value: e.target.value });
      },
      onSet: function onSet(e) {
        return setProps({ value: e.originValue });
      },
      placeholder: 'Enter Address...'
    };
  },

  examples: _react2.default.createElement(
    _GoogleAPILoader2.default,
    null,
    _react2.default.createElement(_LiveCodeExample2.default, {
      title: 'Usage in forms (with FormField)',
      initialCode: InFormExample,
      autoRender: false
    })
  )
};