Upgrade Babel to v7

[MAILPOET-1683]

.babelrc

@@ -1,5 +1,28 @@
 {
   "presets": [
-    "es2015", "react", "stage-2"
+    "@babel/preset-react",
+    "@babel/preset-env"
+  ],
+  "plugins": [
+    "@babel/plugin-proposal-class-properties",
+    [
+      "@babel/plugin-transform-runtime", {
+        "sourceType": "unambiguous",
+        "corejs": 2
+      }
+    ],
+    "@babel/plugin-syntax-dynamic-import",
+    "@babel/plugin-syntax-import-meta",
+    "@babel/plugin-proposal-json-strings",
+    [
+      "@babel/plugin-proposal-decorators",
+      {
+        "legacy": true
+      }
+    ],
+    "@babel/plugin-proposal-function-sent",
+    "@babel/plugin-proposal-export-namespace-from",
+    "@babel/plugin-proposal-numeric-separator",
+    "@babel/plugin-proposal-throw-expressions"
   ]
 }

assets/js/src/common/key_value_table.jsx

@@ -29,4 +29,4 @@ KeyValueTable.defaultProps = {
   max_width: 'auto',
 };
 
-module.exports = KeyValueTable;
+export default KeyValueTable;

assets/js/src/common/print_boolean.jsx

@@ -24,4 +24,4 @@ PrintBoolean.defaultProps = {
   children: null,
 };
 
-module.exports = PrintBoolean;
+export default PrintBoolean;

assets/js/src/common/stepped_progess_bar.jsx

@@ -25,4 +25,4 @@ SteppedProgressBar.propTypes = {
   step: PropTypes.number.isRequired,
 };
 
-module.exports = SteppedProgressBar;
+export default SteppedProgressBar;

assets/js/src/form/fields/select.jsx

@@ -96,4 +96,4 @@ FormFieldSelect.defaultProps = {
 };
 
 
-module.exports = FormFieldSelect;
+export default FormFieldSelect;

assets/js/src/form/fields/text.jsx

@@ -79,4 +79,4 @@ FormFieldText.defaultProps = {
   },
 };
 
-module.exports = FormFieldText;
+export default FormFieldText;

assets/js/src/forms/list.jsx

@@ -217,4 +217,4 @@ FormList.propTypes = {
   }).isRequired,
 };
 
-module.exports = FormList;
+export default FormList;

assets/js/src/help-tooltip.js

@@ -1,8 +1,7 @@
-define('helpTooltip', ['mailpoet', 'react', 'react-dom', 'help-tooltip.jsx'],
-  function helpTooltip(mp, React, ReactDOM, TooltipComponent) {
-    'use strict';
-
-    var MailPoet = mp;
+var TooltipComponent = require('help-tooltip.jsx').default;
+var React = require('react');
+var ReactDOM = require('react-dom');
+var MailPoet = require('mailpoet');
 
 MailPoet.helpTooltip = {
   show: function show(domContainerNode, opts) {
@@ -15,6 +14,3 @@ define('helpTooltip', ['mailpoet', 'react', 'react-dom', 'help-tooltip.jsx'],
     ), domContainerNode);
   }
 };
-  }
-);
-

assets/js/src/help-tooltip.jsx

@@ -60,4 +60,4 @@ Tooltip.defaultProps = {
   className: undefined,
 };
 
-module.exports = Tooltip;
+export default Tooltip;

assets/js/src/help/cron_status.jsx

@@ -66,4 +66,4 @@ CronStatus.defaultProps = {
   },
 };
 
-module.exports = CronStatus;
+export default CronStatus;

assets/js/src/help/knowledge_base.jsx

@@ -25,4 +25,4 @@ function KnowledgeBase() {
   );
 }
 
-module.exports = KnowledgeBase;
+export default KnowledgeBase;

assets/js/src/help/queue_status.jsx

@@ -90,4 +90,4 @@ QueueStatus.defaultProps = {
   },
 };
 
-module.exports = QueueStatus;
+export default QueueStatus;

assets/js/src/help/system_info.jsx

@@ -40,4 +40,4 @@ function SystemInfo() {
   );
 }
 
-module.exports = SystemInfo;
+export default SystemInfo;

assets/js/src/help/system_status.jsx

@@ -72,4 +72,4 @@ function SystemStatus() {
     </div>
   );
 }
-module.exports = SystemStatus;
+export default SystemStatus;

assets/js/src/help/tabs.jsx

@@ -53,4 +53,4 @@ function Tabs(props) {
 Tabs.propTypes = { tab: PropTypes.string };
 Tabs.defaultProps = { tab: 'knowledgeBase' };
 
-module.exports = Tabs;
+export default Tabs;

assets/js/src/help/tasks_list/tasks_list.jsx

@@ -39,4 +39,4 @@ TasksList.defaultProps = {
   show_scheduled_at: false,
 };
 
-module.exports = TasksList;
+export default TasksList;

assets/js/src/help/tasks_list/tasks_list_data_row.jsx

@@ -61,4 +61,4 @@ TasksListDataRow.defaultProps = {
   },
 };
 
-module.exports = TasksListDataRow;
+export default TasksListDataRow;

assets/js/src/help/tasks_list/tasks_list_labels_row.jsx

@@ -21,4 +21,4 @@ TasksListLabelsRow.defaultProps = {
   show_scheduled_at: false,
 };
 
-module.exports = TasksListLabelsRow;
+export default TasksListLabelsRow;

assets/js/src/help/your_privacy.jsx

@@ -17,4 +17,4 @@ function YourPrivacy() {
   );
 }
 
-module.exports = YourPrivacy;
+export default YourPrivacy;

assets/js/src/in_app_announcements/in_app_announcement.jsx

@@ -119,4 +119,4 @@ InAppAnnouncement.defaultProps = {
   showOnlyOnceSlug: null,
 };
 
-module.exports = InAppAnnouncement;
+export default InAppAnnouncement;

assets/js/src/in_app_announcements/in_app_announcement_dot.jsx

@@ -35,4 +35,4 @@ InAppAnnouncementDot.defaultProps = {
   onUserTrigger: null,
 };
 
-module.exports = InAppAnnouncementDot;
+export default InAppAnnouncementDot;

assets/js/src/listing/header.jsx

@@ -79,4 +79,4 @@ ListingHeader.defaultProps = {
   sort_order: 'desc',
 };
 
-module.exports = ListingHeader;
+export default ListingHeader;

assets/js/src/listing/listing.jsx

@@ -727,4 +727,4 @@ const Listing = createReactClass({ // eslint-disable-line react/prefer-es6-class
   },
 });
 
-module.exports = withRouter(Listing);
+export default withRouter(Listing);

assets/js/src/listing/listing_column.jsx

@@ -65,4 +65,4 @@ ListingColumn.defaultProps = {
   sort_by: undefined,
 };
 
-module.exports = ListingColumn;
+export default ListingColumn;

assets/js/src/listing/listing_item.jsx

@@ -212,4 +212,4 @@ ListingItem.propTypes = {
   group: PropTypes.string.isRequired,
 };
 
-module.exports = ListingItem;
+export default ListingItem;

assets/js/src/listing/listing_items.jsx

@@ -137,4 +137,4 @@ ListingItems.defaultProps = {
   getListingItemKey: undefined,
 };
 
-module.exports = ListingItems;
+export default ListingItems;

assets/js/src/listing/pages.jsx

@@ -200,4 +200,4 @@ ListingPages.propTypes = {
   limit: PropTypes.number.isRequired,
 };
 
-module.exports = ListingPages;
+export default ListingPages;

assets/js/src/loading.jsx

@@ -10,4 +10,4 @@ function Loading() {
   );
 }
 
-module.exports = Loading;
+export default Loading;

assets/js/src/newsletter_editor/background_image_announcement.jsx

@@ -24,4 +24,4 @@ BackgroundImageAnnouncement.propTypes = {
   videoUrl: PropTypes.string.isRequired,
 };
 
-module.exports = BackgroundImageAnnouncement;
+export default BackgroundImageAnnouncement;

assets/js/src/newsletters/breadcrumb.jsx

@@ -65,4 +65,4 @@ Breadcrumb.defaultProps = {
   step: null,
 };
 
-module.exports = Breadcrumb;
+export default Breadcrumb;

assets/js/src/newsletters/listings/heading.jsx

@@ -39,4 +39,4 @@ const ListingHeading = () => (
 );
 
 
-module.exports = ListingHeading;
+export default ListingHeading;

assets/js/src/newsletters/listings/notification.jsx

@@ -359,4 +359,4 @@ const NewsletterListNotification = createReactClass({ // eslint-disable-line rea
   },
 });
 
-module.exports = NewsletterListNotification;
+export default NewsletterListNotification;

assets/js/src/newsletters/listings/notification_history.jsx

@@ -141,4 +141,4 @@ const NewsletterListNotificationHistory = createReactClass({ // eslint-disable-l
   },
 });
 
-module.exports = NewsletterListNotificationHistory;
+export default NewsletterListNotificationHistory;

assets/js/src/newsletters/listings/standard.jsx

@@ -251,4 +251,4 @@ const NewsletterListStandard = createReactClass({ // eslint-disable-line react/p
   },
 });
 
-module.exports = NewsletterListStandard;
+export default NewsletterListStandard;

assets/js/src/newsletters/listings/tabs.jsx

@@ -59,4 +59,4 @@ ListingTabs.propTypes = {
   tab: PropTypes.string.isRequired,
 };
 
-module.exports = ListingTabs;
+export default ListingTabs;

assets/js/src/newsletters/listings/welcome.jsx

@@ -364,4 +364,4 @@ const NewsletterListWelcome = createReactClass({ // eslint-disable-line react/pr
   },
 });
 
-module.exports = NewsletterListWelcome;
+export default NewsletterListWelcome;

assets/js/src/newsletters/send.jsx

@@ -440,4 +440,4 @@ const NewsletterSend = createReactClass({ // eslint-disable-line react/prefer-es
   },
 });
 
-module.exports = withRouter(NewsletterSend);
+export default withRouter(NewsletterSend);

assets/js/src/newsletters/send/congratulate/congratulate.jsx

@@ -135,4 +135,4 @@ Congratulate.propTypes = {
   }).isRequired,
 };
 
-module.exports = Congratulate;
+export default Congratulate;

assets/js/src/newsletters/send/congratulate/fail.jsx

@@ -31,4 +31,4 @@ Fail.propTypes = {
   failClicked: PropTypes.func.isRequired,
 };
 
-module.exports = Fail;
+export default Fail;

assets/js/src/newsletters/send/congratulate/loading.jsx

@@ -29,4 +29,4 @@ Loading.propTypes = {
   showRichLoadingScreen: PropTypes.bool.isRequired,
 };
 
-module.exports = Loading;
+export default Loading;

assets/js/src/newsletters/send/congratulate/success.jsx

@@ -35,4 +35,4 @@ Success.propTypes = {
 };
 
 
-module.exports = Success;
+export default Success;

assets/js/src/newsletters/send/date_text.jsx

@@ -174,4 +174,4 @@ DateText.defaultProps = {
   name: 'date',
 };
 
-module.exports = DateText;
+export default DateText;

assets/js/src/newsletters/send/date_time.jsx

@@ -90,4 +90,4 @@ DateTime.defaultProps = {
   timeValidation: undefined,
 };
 
-module.exports = DateTime;
+export default DateTime;

assets/js/src/newsletters/send/notification.jsx

@@ -95,7 +95,7 @@ let fields = [
 
 fields = Hooks.applyFilters('mailpoet_newsletters_3rd_step_fields', fields);
 
-module.exports = {
+export default {
   getFields: function getFields() {
     return fields;
   },

assets/js/src/newsletters/send/standard.jsx

@@ -196,7 +196,7 @@ let fields = [
 
 fields = Hooks.applyFilters('mailpoet_newsletters_3rd_step_fields', fields);
 
-module.exports = {
+export default {
   getFields: function getFields() {
     return fields;
   },

assets/js/src/newsletters/send/time_select.jsx

@@ -43,4 +43,4 @@ TimeSelect.defaultProps = {
   validation: {},
 };
 
-module.exports = TimeSelect;
+export default TimeSelect;

assets/js/src/newsletters/send/welcome.jsx

@@ -68,7 +68,7 @@ let fields = [
 
 fields = Hooks.applyFilters('mailpoet_newsletters_3rd_step_fields', fields);
 
-module.exports = {
+export default {
   getFields: function getFields() {
     return fields;
   },

assets/js/src/newsletters/types.jsx

@@ -179,4 +179,4 @@ class NewsletterTypes extends React.Component {
   }
 }
 
-module.exports = withRouter(NewsletterTypes);
+export default withRouter(NewsletterTypes);

assets/js/src/newsletters/types/automatic_emails/breadcrumb.jsx

@@ -40,4 +40,4 @@ AutomaticEmailsBreadcrumb.propTypes = {
   step: PropTypes.string.isRequired,
 };
 
-module.exports = AutomaticEmailsBreadcrumb;
+export default AutomaticEmailsBreadcrumb;

assets/js/src/newsletters/types/automatic_emails/event.jsx

@@ -87,4 +87,4 @@ AutomaticEmailEvent.propTypes = {
   }).isRequired,
 };
 
-module.exports = AutomaticEmailEvent;
+export default AutomaticEmailEvent;

assets/js/src/newsletters/types/automatic_emails/events_list.jsx

@@ -70,4 +70,4 @@ AutomaticEmailEventsList.propTypes = {
   }).isRequired,
 };
 
-module.exports = withRouter(AutomaticEmailEventsList);
+export default withRouter(AutomaticEmailEventsList);

assets/js/src/newsletters/types/notification/notification.jsx

@@ -87,5 +87,5 @@ class NewsletterNotification extends React.Component {
   }
 }
 
-module.exports = withRouter(NewsletterNotification);
+export default withRouter(NewsletterNotification);
 

assets/js/src/newsletters/types/notification/scheduling.jsx

@@ -131,4 +131,4 @@ NotificationScheduling.propTypes = {
   onValueChange: PropTypes.func.isRequired,
 };
 
-module.exports = NotificationScheduling;
+export default NotificationScheduling;

assets/js/src/newsletters/types/standard.jsx

@@ -46,5 +46,5 @@ class NewsletterStandard extends React.Component {
   }
 }
 
-module.exports = withRouter(NewsletterStandard);
+export default withRouter(NewsletterStandard);
 

assets/js/src/newsletters/types/welcome/scheduling.jsx

@@ -162,4 +162,4 @@ WelcomeScheduling.propTypes = {
   onValueChange: PropTypes.func.isRequired,
 };
 
-module.exports = withRouter(WelcomeScheduling);
+export default withRouter(WelcomeScheduling);

assets/js/src/segments/list.jsx

@@ -284,4 +284,4 @@ SegmentList.propTypes = {
   }).isRequired,
 };
 
-module.exports = SegmentList;
+export default SegmentList;

assets/js/src/settings/new_subscriber_announcement.jsx

@@ -27,4 +27,4 @@ NewSubscriberNotificationAnnouncement.propTypes = {
   imageUrl: PropTypes.string.isRequired,
 };
 
-module.exports = NewSubscriberNotificationAnnouncement;
+export default NewSubscriberNotificationAnnouncement;

assets/js/src/subscribers/form.jsx

@@ -206,4 +206,4 @@ SubscriberForm.propTypes = {
   }).isRequired,
 };
 
-module.exports = SubscriberForm;
+export default SubscriberForm;

assets/js/src/subscribers/list.jsx

@@ -381,4 +381,4 @@ SubscriberList.propTypes = {
   }).isRequired,
 };
 
-module.exports = SubscriberList;
+export default SubscriberList;

assets/js/src/welcome_wizard/header.jsx

@@ -19,4 +19,4 @@ WelcomeWizardHeader.propTypes = {
   logo_src: PropTypes.string.isRequired,
 };
 
-module.exports = WelcomeWizardHeader;
+export default WelcomeWizardHeader;

assets/js/src/welcome_wizard/steps/help_info_step.jsx

@@ -60,10 +60,8 @@ const WelcomeWizardHelpInfoStep = props => (
   </div>
 );
 
-module.exports = WelcomeWizardHelpInfoStep;
-
 WelcomeWizardHelpInfoStep.propTypes = {
   next: PropTypes.func.isRequired,
 };
 
-module.exports = WelcomeWizardHelpInfoStep;
+export default WelcomeWizardHelpInfoStep;

assets/js/src/welcome_wizard/steps/migrated_user_step.jsx

@@ -16,4 +16,4 @@ WelcomeWizardMigratedUserStep.propTypes = {
   next: PropTypes.func.isRequired,
 };
 
-module.exports = WelcomeWizardMigratedUserStep;
+export default WelcomeWizardMigratedUserStep;

assets/js/src/welcome_wizard/steps/sender_step.jsx

@@ -62,4 +62,4 @@ WelcomeWizardSenderStep.defaultProps = {
   sender: null,
 };
 
-module.exports = WelcomeWizardSenderStep;
+export default WelcomeWizardSenderStep;

assets/js/src/welcome_wizard/steps/usage_tracking_step.jsx

@@ -46,11 +46,11 @@ const WelcomeWizardUsageTrackingStep = props => (
   </div>
 );
 
-module.exports = WelcomeWizardUsageTrackingStep;
-
 WelcomeWizardUsageTrackingStep.propTypes = {
   allow_action: PropTypes.func.isRequired,
   allow_text: PropTypes.string.isRequired,
   skip_action: PropTypes.func.isRequired,
   loading: PropTypes.bool.isRequired,
 };
+
+export default WelcomeWizardUsageTrackingStep;

assets/js/src/welcome_wizard/steps/woo_commerce_step.jsx

@@ -33,10 +33,10 @@ const WelcomeWizardWooCommerceStep = props => (
   </div>
 );
 
-module.exports = WelcomeWizardWooCommerceStep;
-
 WelcomeWizardWooCommerceStep.propTypes = {
   next: PropTypes.func.isRequired,
   screenshot_src: PropTypes.string.isRequired,
   loading: PropTypes.bool.isRequired,
 };
+
+export default WelcomeWizardWooCommerceStep;

assets/js/src/welcome_wizard/steps_controller.jsx

@@ -147,4 +147,4 @@ WelcomeWizardStepsController.propTypes = {
   }).isRequired,
 };
 
-module.exports = WelcomeWizardStepsController;
+export default WelcomeWizardStepsController;

package.json

@@ -1,5 +1,11 @@
 {
   "private": true,
+  "browserslist": [
+    "last 2 major versions",
+    "> 1%",
+    "maintained node versions",
+    "not dead"
+  ],
   "scripts": {
     "lint": "npm run lint6 && npm run lint5 && npm run lint-tests",
     "lint6": "eslint -c .eslintrc.es6.json --max-warnings 0 'assets/js/src/**/*.jsx'",
@@ -7,6 +13,8 @@
     "lint-tests": "eslint -c .eslintrc.tests.json --max-warnings 0 'tests/javascript'"
   },
   "dependencies": {
+    "@babel/runtime": "^7.2.0",
+    "@babel/runtime-corejs2": "^7.2.0",
     "WP-JS-Hooks": "github:carldanley/WP-JS-Hooks",
     "backbone": "1.3.3",
     "backbone.marionette": "3.2.0",
@@ -40,13 +48,22 @@
     "velocity-animate": "1.2.3"
   },
   "devDependencies": {
+    "@babel/core": "^7.2.0",
+    "@babel/plugin-proposal-class-properties": "^7.2.1",
+    "@babel/preset-env": "^7.2.0",
+    "@babel/plugin-proposal-decorators": "^7.1.6",
+    "@babel/plugin-proposal-export-namespace-from": "^7.2.0",
+    "@babel/plugin-proposal-function-sent": "^7.2.0",
+    "@babel/plugin-proposal-json-strings": "^7.2.0",
+    "@babel/plugin-proposal-numeric-separator": "^7.2.0",
+    "@babel/plugin-proposal-throw-expressions": "^7.2.0",
+    "@babel/plugin-syntax-dynamic-import": "^7.2.0",
+    "@babel/plugin-syntax-import-meta": "^7.2.0",
+    "@babel/plugin-transform-runtime": "^7.2.0",
+    "@babel/preset-react": "^7.0.0",
     "amd-inject-loader": "~0.5.0",
-    "babel-core": "6.26.3",
     "babel-eslint": "^10.0.1",
-    "babel-loader": "7.1.4",
-    "babel-preset-es2015": "6.24.1",
-    "babel-preset-react": "6.24.1",
-    "babel-preset-stage-2": "6.24.1",
+    "babel-loader": "^8.0.4",
     "chai": "2.2.0",
     "chai-jq": "0.0.8",
     "clean-webpack-plugin": "^0.1.19",
@@ -61,6 +78,7 @@
     "expose-loader": "^0.7.5",
     "grunt-cli": "~1.2.0",
     "imports-loader": "~0.7.1",
+    "install": "^0.12.2",
     "jsdom": "^11.12.0",
     "json-loader": "^0.5.7",
     "mocha": "^5.2.0",