apply codemod: commonjs-exports (Automattic#18678)

* apply codemod: commonjs-export to /client

* revert files that server needs

* prettier: reformat files

client/blocks/author-selector/index.jsx

@@ -246,7 +246,7 @@ const SwitcherShell = localize(
 	} )
 );
 
-module.exports = localize(
+export default localize(
 	React.createClass( {
 		displayName: 'AuthorSelector',
 		propTypes: {

client/blocks/site/placeholder.jsx

@@ -8,7 +8,7 @@ import React from 'react';
 import debugFactory from 'debug';
 const debug = debugFactory( 'calypso:my-sites:site' );
 
-module.exports = React.createClass( {
+export default React.createClass( {
 	displayName: 'SitePlaceholder',
 
 	componentDidMount: function() {

client/components/bulk-select/docs/example.jsx

@@ -12,7 +12,7 @@ import React from 'react';
 import Card from 'components/card';
 import BulkSelect from 'components/bulk-select';
 
-module.exports = React.createClass( {
+export default React.createClass( {
 	displayName: 'BulkSelects',
 
 	handleToggleAll( checkedState ) {

client/components/button-group/docs/example.jsx

@@ -102,4 +102,4 @@ var Buttons = React.createClass( {
 	},
 } );
 
-module.exports = Buttons;
+export default Buttons;

client/components/button/docs/example.jsx

@@ -272,4 +272,4 @@ var Buttons = React.createClass( {
 	},
 } );
 
-module.exports = Buttons;
+export default Buttons;

client/components/card/docs/example.jsx

@@ -77,4 +77,4 @@ var Cards = React.createClass( {
 	},
 } );
 
-module.exports = Cards;
+export default Cards;

client/components/chart/bar-container.jsx

@@ -19,7 +19,7 @@ import userModule from 'lib/user';
  */
 const user = userModule();
 
-module.exports = React.createClass( {
+export default React.createClass( {
 	displayName: 'ModuleChartBarContainer',
 
 	propTypes: {

client/components/chart/bar.jsx

@@ -14,7 +14,7 @@ import Gridicon from 'gridicons';
  */
 import Tooltip from 'components/tooltip';
 
-module.exports = React.createClass( {
+export default React.createClass( {
 	displayName: 'ModuleChartBar',
 
 	propTypes: {

client/components/chart/index.jsx

@@ -156,4 +156,4 @@ class ModuleChartExport extends React.Component {
 	}
 }
 
-module.exports = localize( ModuleChartExport );
+export default localize( ModuleChartExport );

client/components/chart/label.jsx

@@ -17,7 +17,7 @@ import userModule from 'lib/user';
  */
 const user = userModule();
 
-module.exports = React.createClass( {
+export default React.createClass( {
 	displayName: 'ModuleChartLabel',
 
 	propTypes: {

client/components/chart/x-axis.jsx

@@ -13,7 +13,7 @@ import { throttle } from 'lodash';
  */
 import Label from './label';
 
-module.exports = React.createClass( {
+export default React.createClass( {
 	displayName: 'ModuleChartXAxis',
 
 	propTypes: {

client/components/data/cart/index.jsx

@@ -30,4 +30,4 @@ var CartData = React.createClass( {
 	},
 } );
 
-module.exports = CartData;
+export default CartData;

client/components/data/checkout/index.jsx

@@ -32,4 +32,4 @@ var CheckoutData = React.createClass( {
 	},
 } );
 
-module.exports = CheckoutData;
+export default CheckoutData;

client/components/data/media-library-selected-data/index.jsx

@@ -19,7 +19,7 @@ function getStateData( siteId ) {
 	};
 }
 
-module.exports = React.createClass( {
+export default React.createClass( {
 	displayName: 'MediaLibrarySelectedData',
 
 	propTypes: {

client/components/data/media-list-data/index.jsx

@@ -24,7 +24,7 @@ function getStateData( siteId ) {
 	};
 }
 
-module.exports = React.createClass( {
+export default React.createClass( {
 	displayName: 'MediaListData',
 
 	propTypes: {

client/components/data/media-list-data/utils.js

@@ -1,5 +1,5 @@
 /** @format */
-module.exports = {
+export default {
 	/**
 	 * Given a media filter, returns a partial mime type that can be used to
 	 * find only media of a certain type. Returns a blank mime if no filter,

client/components/data/media-validation-data/index.jsx

@@ -19,7 +19,7 @@ function getStateData( siteId ) {
 	};
 }
 
-module.exports = React.createClass( {
+export default React.createClass( {
 	displayName: 'MediaValidationData',
 
 	propTypes: {

client/components/feature-example/docs/example.jsx

@@ -12,7 +12,7 @@ import React from 'react';
 import FeatureExample from '../index';
 import PluginItem from 'my-sites/plugins/plugin-item/plugin-item';
 
-module.exports = React.createClass( {
+export default React.createClass( {
 	displayName: 'FeatureExample',
 
 	getContent: function() {

client/components/gauge/docs/example.jsx

@@ -12,7 +12,7 @@ import PureRenderMixin from 'react-pure-render/mixin';
  */
 import Gauge from 'components/gauge';
 
-module.exports = React.createClass( {
+export default React.createClass( {
 	displayName: 'Gauge',
 
 	mixins: [ PureRenderMixin ],

client/components/gauge/index.jsx

@@ -8,7 +8,7 @@ import PropTypes from 'prop-types';
 import React from 'react';
 import PureRenderMixin from 'react-pure-render/mixin';
 
-module.exports = React.createClass( {
+export default React.createClass( {
 	displayName: 'Gauge',
 
 	mixins: [ PureRenderMixin ],

client/components/header-cake/docs/example.jsx

@@ -20,7 +20,7 @@ const noop = function() {};
 
 const action = () => alert( 'i <3 cake' );
 
-module.exports = React.createClass( {
+export default React.createClass( {
 	displayName: 'Headers',
 
 	mixins: [ PureRenderMixin ],

client/components/infinite-list/index.jsx

@@ -24,7 +24,7 @@ import smartSetState from 'lib/react-smart-set-state';
 
 const debug = debugFactory( 'calypso:infinite-list' );
 
-module.exports = React.createClass( {
+export default React.createClass( {
 	displayName: 'InfiniteList',
 
 	lastScrollTop: -1,

client/components/infinite-list/scroll-helper.js

@@ -467,4 +467,4 @@ class ScrollHelper {
 	}
 }
 
-module.exports = ScrollHelper;
+export default ScrollHelper;

client/components/info-popover/docs/example.jsx

@@ -54,4 +54,4 @@ var InfoPopoverExample = React.createClass( {
 	},
 } );
 
-module.exports = InfoPopoverExample;
+export default InfoPopoverExample;

client/components/notice/docs/example.jsx

@@ -129,4 +129,4 @@ var Notices = React.createClass( {
 	},
 } );
 
-module.exports = Notices;
+export default Notices;

client/components/olark-chatbox/index.jsx

@@ -14,7 +14,7 @@ const debug = debugFactory( 'calypso:olark:chatbox' );
  */
 import OlarkEvents from 'lib/olark-events';
 
-module.exports = React.createClass( {
+export default React.createClass( {
 	displayName: 'OlarkChatBox',
 
 	/**

client/components/payment-logo/docs/example.jsx

@@ -26,4 +26,4 @@ const PaymentLogoExamples = React.createClass( {
 	},
 } );
 
-module.exports = PaymentLogoExamples;
+export default PaymentLogoExamples;

client/components/payment-logo/index.jsx

@@ -23,4 +23,4 @@ const PaymentLogo = React.createClass( {
 	},
 } );
 
-module.exports = PaymentLogo;
+export default PaymentLogo;

client/components/phone-input/data.js

@@ -1,7 +1,7 @@
 /** @format */
 // Generated by build-metadata.js
 /* eslint-disable */
-module.exports = {
+export default {
 	countries: {
 		KV: {
 			isoCode: 'KV',
@@ -6336,4 +6336,3 @@ module.exports = {
 		1905: [ 'CA' ],
 	},
 };
-/* eslint-enable */

client/components/popover/menu.jsx

@@ -169,4 +169,4 @@ const PopoverMenu = React.createClass( {
 	},
 } );
 
-module.exports = PopoverMenu;
+export default PopoverMenu;

client/components/progress-bar/docs/example.jsx

@@ -12,7 +12,7 @@ import PureRenderMixin from 'react-pure-render/mixin';
  */
 import ProgressBar from 'components/progress-bar';
 
-module.exports = React.createClass( {
+export default React.createClass( {
 	displayName: 'ProgressBar',
 
 	mixins: [ PureRenderMixin ],

client/components/pulsing-dot/index.jsx

@@ -52,4 +52,4 @@ var PulsingDot = React.createClass( {
 	},
 } );
 
-module.exports = PulsingDot;
+export default PulsingDot;

client/components/segmented-control/docs/example.jsx

@@ -148,4 +148,4 @@ var SegmentedControlDemo = React.createClass( {
 	},
 } );
 
-module.exports = SegmentedControlDemo;
+export default SegmentedControlDemo;

client/components/segmented-control/index.jsx

@@ -234,4 +234,4 @@ var SegmentedControl = React.createClass( {
 	},
 } );
 
-module.exports = SegmentedControl;
+export default SegmentedControl;

client/components/segmented-control/item.jsx

@@ -57,4 +57,4 @@ var SegmentedControlItem = React.createClass( {
 	},
 } );
 
-module.exports = SegmentedControlItem;
+export default SegmentedControlItem;

client/components/select/docs/example.jsx

@@ -48,4 +48,4 @@ var Selects = React.createClass( {
 	},
 } );
 
-module.exports = Selects;
+export default Selects;

client/components/site-users-fetcher/index.jsx

@@ -25,7 +25,7 @@ var defaultOptions = {
 	offset: 0,
 };
 
-module.exports = React.createClass( {
+export default React.createClass( {
 	displayName: 'SiteUsersFetcher',
 
 	propTypes: {

client/components/sites-popover/index.jsx

@@ -16,7 +16,7 @@ import Popover from 'components/popover';
 import { hasTouch } from 'lib/touch-detect';
 import SiteSelector from 'components/site-selector';
 
-module.exports = React.createClass( {
+export default React.createClass( {
 	displayName: 'SitesPopover',
 
 	propTypes: {

client/components/spinner/docs/example.jsx

@@ -12,7 +12,7 @@ import PureRenderMixin from 'react-pure-render/mixin';
  */
 import Spinner from 'components/spinner';
 
-module.exports = React.createClass( {
+export default React.createClass( {
 	displayName: 'Spinner',
 
 	mixins: [ PureRenderMixin ],

client/components/stat-update-indicator/index.jsx

@@ -66,4 +66,4 @@ var StatUpdateIndicator = React.createClass( {
 	},
 } );
 
-module.exports = StatUpdateIndicator;
+export default StatUpdateIndicator;

client/components/sticky-panel/index.jsx

@@ -15,7 +15,7 @@ import classNames from 'classnames';
  */
 import viewport from 'lib/viewport';
 
-module.exports = React.createClass( {
+export default React.createClass( {
 	displayName: 'StickyPanel',
 
 	propTypes: {

client/components/tinymce/i18n.js

@@ -10,7 +10,7 @@ import i18n from 'i18n-calypso';
  * @see wp_mce_translation() in src/wp-includes/class-wp-editor.php from WordPress
  * In short, TinyMCE uses these strings to translate its internal strings
  */
-module.exports = {
+export default {
 	Formats: i18n.translate( 'Formats', { context: 'TinyMCE' } ),
 	Headings: i18n.translate( 'Headings', { context: 'TinyMCE' } ),
 	'Heading 1': i18n.translate( 'Heading 1' ),

client/components/tinymce/index.jsx

@@ -165,7 +165,7 @@ const CONTENT_CSS = [
 	'https://fonts.googleapis.com/css?family=Noto+Serif:400,400i,700,700i&subset=cyrillic,cyrillic-ext,greek,greek-ext,latin-ext,vietnamese',
 ];
 
-module.exports = React.createClass( {
+export default React.createClass( {
 	displayName: 'TinyMCE',
 
 	propTypes: {

client/components/tinymce/plugins/media/plugin.jsx

@@ -901,6 +901,6 @@ function mediaButton( editor ) {
 	advanced( editor );
 }
 
-module.exports = function() {
+export default function() {
 	tinymce.PluginManager.add( 'wpcom/media', mediaButton );
-};
+}

client/components/tinymce/plugins/touch-scroll-toolbar/plugin.js

@@ -100,6 +100,6 @@ function touchScrollToolbar( editor ) {
 	} );
 }
 
-module.exports = function() {
+export default function() {
 	tinymce.PluginManager.add( 'wpcom/touchscrolltoolbar', touchScrollToolbar );
-};
+}

client/components/tinymce/plugins/wpcom-autoresize/plugin.js

@@ -217,6 +217,6 @@ function wcpomAutoResize( editor ) {
 	editor.addCommand( 'wpcomAutoResize', resize );
 }
 
-module.exports = function() {
+export default function() {
 	tinymce.PluginManager.add( 'wpcom/autoresize', wcpomAutoResize );
-};
+}

client/components/tinymce/plugins/wpcom-charmap/plugin.js

@@ -49,6 +49,6 @@ function wpcomCharMapPlugin( editor ) {
 	} );
 }
 
-module.exports = function() {
+export default function() {
 	tinymce.PluginManager.add( 'wpcom/charmap', wpcomCharMapPlugin );
-};
+}

client/components/tinymce/plugins/wpcom-help/help-modal.jsx

@@ -140,4 +140,4 @@ const HelpModal = React.createClass( {
 	},
 } );
 
-module.exports = localize( HelpModal );
+export default localize( HelpModal );

client/components/tinymce/plugins/wpcom-help/plugin.js

@@ -47,6 +47,6 @@ function wpcomHelpPlugin( editor ) {
 	} );
 }
 
-module.exports = function() {
+export default function() {
 	tinymce.PluginManager.add( 'wpcom/help', wpcomHelpPlugin );
-};
+}

client/components/tinymce/plugins/wpcom-view/plugin.js

@@ -953,6 +953,6 @@ function wpview( editor ) {
 	} );
 }
 
-module.exports = function() {
+export default function() {
 	tinymce.PluginManager.add( 'wpcom/view', wpview );
-};
+}