Merge branch 'leipert-ie11-babel-preset-env' into 'master'

Remove IE11 from babel preset env

See merge request gitlab-org/gitlab!36840

babel.config.js

@@ -9,8 +9,23 @@ let presets = [
       useBuiltIns: 'usage',
       corejs: { version: 3, proposals: true },
       modules: false,
+      /**
+       * This list of browsers is a conservative first definition, based on
+       * https://docs.gitlab.com/ee/install/requirements.html#supported-web-browsers
+       * with the following reasoning:
+       *
+       * - Edge: Pick the last two major version before the Chrome switch
+       * - Rest: We should support the latest ESR of Firefox: 68, because it used quite a lot.
+       *         For the rest, pick browser versions that have a similar age to Firefox 68.
+       *
+       * See also this follow-up epic:
+       * https://gitlab.com/groups/gitlab-org/-/epics/3957
+       */
       targets: {
-        ie: '11',
+        chrome: '73',
+        edge: '17',
+        firefox: '68',
+        safari: '12',
       },
     },
   ],
@@ -22,6 +37,8 @@ const plugins = [
   '@babel/plugin-proposal-class-properties',
   '@babel/plugin-proposal-json-strings',
   '@babel/plugin-proposal-private-methods',
+  // See: https://gitlab.com/gitlab-org/gitlab/-/issues/229146
+  '@babel/plugin-transform-arrow-functions',
   'lodash',
 ];
 

changelogs/unreleased/leipert-ie11-babel-preset-env.yml

+---
+title: Remove Internet Explorer 11 from babel transpilation
+merge_request: 36840
+author:
+type: removed

ee/app/assets/javascripts/pages/admin/emails/show/index.js

 import AdminEmailSelect from './admin_email_select';
 
-document.addEventListener('DOMContentLoaded', () => new AdminEmailSelect());
+document.addEventListener('DOMContentLoaded', () => {
+  AdminEmailSelect();
+});

ee/app/assets/javascripts/pages/groups/dependency_proxies/index.js

 import $ from 'jquery';
-import DependencyProxy from 'ee/dependency_proxy';
+import initDependencyProxy from 'ee/dependency_proxy';
 
-document.addEventListener('DOMContentLoaded', () => new DependencyProxy());
+document.addEventListener('DOMContentLoaded', () => {
+  initDependencyProxy();
+});
 
 document.addEventListener('DOMContentLoaded', () => {
   const form = document.querySelector('form.edit_dependency_proxy_group_setting');

ee/app/assets/javascripts/pages/projects/issues/form.js

-import EpicsSelect from 'ee/vue_shared/components/sidebar/epics_select/epics_select_bundle';
+import initEpicsSelect from 'ee/vue_shared/components/sidebar/epics_select/epics_select_bundle';
 import WeightSelect from 'ee/weight_select';
 import initForm from '~/pages/projects/issues/form';
 
 export default () => {
-  // eslint-disable-next-line no-new
-  new EpicsSelect();
+  initEpicsSelect();
   // eslint-disable-next-line no-new
   new WeightSelect();
   initForm();