@wix/design-system/dist/esm/GoogleAddressInput/docs/index.story.js

@wix/design-system

import _toConsumableArray from "@babel/runtime/helpers/toConsumableArray";
import _defineProperty from "@babel/runtime/helpers/defineProperty";
var _jsxFileName = "/home/builduser/work/57e038ea7326c1ec/packages/wix-design-system/dist/esm/GoogleAddressInput/docs/index.story.jsx",
  _this = this;
function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
import React from 'react';
import { header, title, divider, tabs, tab, api, description, example as baseExample, importExample, playground, testkit } from '@wix/wix-storybook-utils/Sections';
import LinkTo from '@storybook/addon-links/react';
import { storySettings } from './storySettings';
import SectionHelper from '../../SectionHelper';
import GoogleAddressInput from '..';
import { Category, CATEGORY } from '../../../stories/storiesHierarchy';
import clients from '../../clients';
import GoogleAPILoader from '../../../stories/utils/GoogleAPILoader';
var example = function example(config) {
  return baseExample(_objectSpread({
    components: {
      GoogleAPILoader: GoogleAPILoader
    }
  }, config));
};
var basicExample = "\n() => {\n  const [value, setValue] = React.useState();\n  return (\n    <GoogleAPILoader>\n      <GoogleAddressInput\n        value={value}\n        onChange={e => setValue(e.target.value)}\n        onSet={e => setValue(e.originValue)}\n        Client={clients.GoogleMapsClient}\n     />\n    </GoogleAPILoader>\n    );\n}\n";
export default {
  category: CATEGORY.DEPRECATED,
  storyName: 'GoogleAddressInput',
  component: GoogleAddressInput,
  componentPath: '..',
  componentWrapper: function componentWrapper(_ref) {
    var component = _ref.component;
    return /*#__PURE__*/React.createElement(GoogleAPILoader, {
      __self: _this,
      __source: {
        fileName: _jsxFileName,
        lineNumber: 52,
        columnNumber: 5
      }
    }, component);
  },
  componentProps: function componentProps(setProps) {
    return {
      Client: clients.GoogleMapsClient,
      value: '',
      onChange: function onChange(e) {
        return setProps({
          value: e.target.value
        });
      },
      onSet: function onSet(e) {
        return setProps({
          value: e.originValue
        });
      },
      placeholder: 'Enter Address...'
    };
  },
  sections: [header(), tabs([tab({
    title: 'Description',
    sections: [description({
      text: /*#__PURE__*/React.createElement(SectionHelper, {
        title: "Deprecated",
        __self: this,
        __source: {
          fileName: _jsxFileName,
          lineNumber: 71,
          columnNumber: 15
        }
      }, "Wix projects should now use the new ", /*#__PURE__*/React.createElement(LinkTo, {
        kind: Category.COMPONENTS,
        story: "AtlasAddressInput",
        __self: this,
        __source: {
          fileName: _jsxFileName,
          lineNumber: 73,
          columnNumber: 17
        }
      }, "<AtlasAddressInput/>"), " component.\n", "Check the migration tab for more details.")
    }), importExample("\nimport { GoogleAddressInput, clients } from '@wix/design-system';\nconst client = clients.GoogleMapsClient;\n            "), divider(), title('Examples'), example({
      title: 'Basic usage',
      source: basicExample
    })]
  })].concat(_toConsumableArray([{
    title: 'API',
    sections: [api()]
  }, {
    title: 'Testkit',
    sections: [testkit()]
  }, {
    title: 'Playground',
    sections: [playground()]
  }].map(tab))))]
};