Allow synthetic default imports

app/scripts/modules/amazon/src/common/AwsModalFooter.tsx

@@ -1,4 +1,4 @@
-import * as React from 'react';
+import React from 'react';
 import { ModalFooter } from 'react-bootstrap';
 
 import { AccountService, UserVerification, IAccountDetails } from '@spinnaker/core';

app/scripts/modules/amazon/src/deploymentStrategy/AdditionalFields.tsx

@@ -1,4 +1,4 @@
-import * as React from 'react';
+import React from 'react';
 
 import { IDeploymentStrategyAdditionalFieldsProps, HelpField } from '@spinnaker/core';
 import { IRollingPushCommand } from './rollingPush.strategy';

app/scripts/modules/amazon/src/function/CreateLambdaFunction.tsx

@@ -1,4 +1,4 @@
-import * as React from 'react';
+import React from 'react';
 import { cloneDeep } from 'lodash';
 import {
   IFunctionModalProps,

app/scripts/modules/amazon/src/function/configure/ExecutionRole.tsx

@@ -1,4 +1,4 @@
-import * as React from 'react';
+import React from 'react';
 
 import { FormikFormField, IWizardPageComponent, TextInput, FormValidator } from '@spinnaker/core';
 import { FormikProps, FormikErrors } from 'formik';

app/scripts/modules/amazon/src/function/configure/FunctionBasicInformation.tsx

@@ -1,5 +1,5 @@
-import * as React from 'react';
-import * as classNames from 'classnames';
+import React from 'react';
+import classNames from 'classnames';
 import {
   FormikFormField,
   CheckboxInput,

app/scripts/modules/amazon/src/function/configure/FunctionDebugAndErrorHandling.tsx

@@ -1,4 +1,4 @@
-import * as React from 'react';
+import React from 'react';
 
 import {
   FormikFormField,

app/scripts/modules/amazon/src/function/configure/FunctionEnvironmentVariables.tsx

@@ -1,4 +1,4 @@
-import * as React from 'react';
+import React from 'react';
 
 import {
   IWizardPageComponent,

app/scripts/modules/amazon/src/function/configure/FunctionSettings.tsx

@@ -1,4 +1,4 @@
-import * as React from 'react';
+import React from 'react';
 import { FormikFormField, IWizardPageComponent, TextInput, NumberInput, HelpField } from '@spinnaker/core';
 import { FormikProps } from 'formik';
 import { IAmazonFunctionUpsertCommand } from 'amazon/index';

app/scripts/modules/amazon/src/function/configure/FunctionTags.tsx

@@ -1,10 +1,9 @@
-import * as React from 'react';
+import React from 'react';
 
 import { IWizardPageComponent, FormikFormField, FormValidator, MapEditorInput } from '@spinnaker/core';
 import { FormikProps } from 'formik';
 import { IAmazonFunctionUpsertCommand } from 'amazon/index';
 import { IAmazonFunction } from 'amazon/domain';
-import * as _ from 'lodash';
 import { awsTagsValidator } from 'amazon/aws.validators';
 
 export interface IFunctionTagsProps {

app/scripts/modules/amazon/src/function/configure/Network.tsx

@@ -1,4 +1,4 @@
-import * as React from 'react';
+import React from 'react';
 import { Option } from 'react-select';
 import { IPromise } from 'angular';
 import { Observable, Subject } from 'rxjs';

app/scripts/modules/amazon/src/function/details/AmazonFunctionDetails.tsx

@@ -1,4 +1,4 @@
-import * as React from 'react';
+import React from 'react';
 import {
   Details,
   CollapsibleSection,

app/scripts/modules/amazon/src/function/details/FunctionActions.tsx

@@ -1,4 +1,4 @@
-import * as React from 'react';
+import React from 'react';
 import { Dropdown } from 'react-bootstrap';
 
 import { Application, ApplicationReader, FunctionWriter, SETTINGS, NgReact, ReactInjector } from '@spinnaker/core';

app/scripts/modules/amazon/src/loadBalancer/AmazonLoadBalancerClusterContainer.tsx

@@ -1,4 +1,4 @@
-import * as React from 'react';
+import React from 'react';
 import { isEqual } from 'lodash';
 
 import { ILoadBalancerClusterContainerProps, LoadBalancerClusterContainer } from '@spinnaker/core';

app/scripts/modules/amazon/src/loadBalancer/AmazonLoadBalancersTag.tsx

@@ -1,8 +1,8 @@
 // This is all mercilessly copied from LoadBalancersTag.tsx. This should be cleaned up at some point
 // Probably when we convert clusters view to React.
 
-import * as React from 'react';
-import * as ReactGA from 'react-ga';
+import React from 'react';
+import ReactGA from 'react-ga';
 import { sortBy } from 'lodash';
 
 import {

app/scripts/modules/amazon/src/loadBalancer/TargetGroup.tsx

@@ -1,4 +1,4 @@
-import * as React from 'react';
+import React from 'react';
 import { orderBy } from 'lodash';
 import { UISref, UISrefActive } from '@uirouter/react';
 

app/scripts/modules/amazon/src/loadBalancer/TargetGroupDetails.tsx

@@ -1,4 +1,4 @@
-import * as React from 'react';
+import React from 'react';
 import { Overridable, IOverridableProps } from '@spinnaker/core';
 
 export interface ITargetGroupDetailsProps extends IOverridableProps {}

app/scripts/modules/amazon/src/loadBalancer/configure/AmazonLoadBalancerChoiceModal.tsx

@@ -1,4 +1,4 @@
-import * as React from 'react';
+import React from 'react';
 import { Button, Modal } from 'react-bootstrap';
 
 import {

app/scripts/modules/amazon/src/loadBalancer/configure/application/ALBAdvancedSettings.tsx

@@ -1,4 +1,4 @@
-import * as React from 'react';
+import React from 'react';
 
 import { FormikFormField, CheckboxInput, NumberInput, HelpField } from '@spinnaker/core';
 

app/scripts/modules/amazon/src/loadBalancer/configure/application/ALBListeners.tsx

@@ -1,4 +1,4 @@
-import * as React from 'react';
+import React from 'react';
 import { $q } from 'ngimport';
 import { SortableContainer, SortableElement, SortableHandle, arrayMove, SortEnd } from 'react-sortable-hoc';
 import { difference, flatten, get, some, uniq } from 'lodash';

app/scripts/modules/amazon/src/loadBalancer/configure/application/ConfigureOidcConfigModal.tsx

@@ -1,4 +1,4 @@
-import * as React from 'react';
+import React from 'react';
 import { Modal } from 'react-bootstrap';
 import { Form, FormikErrors } from 'formik';
 

app/scripts/modules/amazon/src/loadBalancer/configure/application/ConfigureRedirectConfigModal.tsx

@@ -1,4 +1,4 @@
-import * as React from 'react';
+import React from 'react';
 import { Modal } from 'react-bootstrap';
 import { Form } from 'formik';
 import { pickBy } from 'lodash';

app/scripts/modules/amazon/src/loadBalancer/configure/application/CreateApplicationLoadBalancer.tsx

@@ -1,4 +1,4 @@
-import * as React from 'react';
+import React from 'react';
 import { cloneDeep, get } from 'lodash';
 import { IPromise } from 'angular';
 

app/scripts/modules/amazon/src/loadBalancer/configure/application/TargetGroups.tsx

@@ -1,4 +1,4 @@
-import * as React from 'react';
+import React from 'react';
 import { filter, flatten, groupBy, set, uniq } from 'lodash';
 import { FormikErrors, FormikProps } from 'formik';
 import { Observable, Subject } from 'rxjs';

app/scripts/modules/amazon/src/loadBalancer/configure/classic/AdvancedSettings.tsx

@@ -1,4 +1,4 @@
-import * as React from 'react';
+import React from 'react';
 import { FormikProps } from 'formik';
 
 import { Validators, FormikFormField, NumberInput, HelpField } from '@spinnaker/core';

app/scripts/modules/amazon/src/loadBalancer/configure/classic/CreateClassicLoadBalancer.tsx

@@ -1,4 +1,4 @@
-import * as React from 'react';
+import React from 'react';
 import { cloneDeep, get } from 'lodash';
 import { FormikErrors, FormikValues } from 'formik';
 import { IPromise } from 'angular';

app/scripts/modules/amazon/src/loadBalancer/configure/classic/HealthCheck.tsx

@@ -1,4 +1,4 @@
-import * as React from 'react';
+import React from 'react';
 import { FormikProps } from 'formik';
 
 import { FormikFormField, SelectInput, TextInput, NumberInput } from '@spinnaker/core';

app/scripts/modules/amazon/src/loadBalancer/configure/classic/Listeners.tsx

@@ -1,4 +1,4 @@
-import * as React from 'react';
+import React from 'react';
 import { get } from 'lodash';
 import { FormikProps } from 'formik';
 

app/scripts/modules/amazon/src/loadBalancer/configure/common/AmazonCertificateSelectField.tsx

@@ -1,4 +1,4 @@
-import * as React from 'react';
+import React from 'react';
 import Select, { Option } from 'react-select';
 import { Application, Overridable, timestamp, relativeTime } from '@spinnaker/core';
 

app/scripts/modules/amazon/src/loadBalancer/configure/common/LoadBalancerLocation.tsx

@@ -1,5 +1,5 @@
-import * as React from 'react';
-import * as classNames from 'classnames';
+import React from 'react';
+import classNames from 'classnames';
 import { IPromise } from 'angular';
 import { chain, isNil, uniq, groupBy } from 'lodash';
 import { Field, FormikErrors, FieldProps, FormikProps } from 'formik';

app/scripts/modules/amazon/src/loadBalancer/configure/common/SecurityGroups.tsx

@@ -1,4 +1,4 @@
-import * as React from 'react';
+import React from 'react';
 import { FormikErrors, FormikProps } from 'formik';
 import { get, isEqual, uniq, partition } from 'lodash';
 import { Subject, Observable } from 'rxjs';

app/scripts/modules/amazon/src/loadBalancer/configure/common/targetGroupValidators.spec.ts

@@ -1,4 +1,9 @@
-import * as Validators from './targetGroupValidators';
+import {
+  isNameInUse,
+  isNameLong,
+  isValidHealthCheckInterval,
+  isValidTimeout,
+} from 'amazon/loadBalancer/configure/common/targetGroupValidators';
 
 const mockTargetGroup = {
   attributes: {
@@ -52,7 +57,7 @@ describe('Target Group validators', () => {
           'us-east-1': [mockTargetGroup.name],
         },
       };
-      const actual = Validators.isNameInUse(existingGroups, 'test', 'us-east-1')(mockTargetGroup.name);
+      const actual = isNameInUse(existingGroups, 'test', 'us-east-1')(mockTargetGroup.name);
       expect(actual).toBeTruthy();
     });
 
@@ -62,68 +67,68 @@ describe('Target Group validators', () => {
           'us-east-1': ['targetgroup2'],
         },
       };
-      const actual = Validators.isNameInUse(existingGroups, 'test', 'us-east-1')(mockTargetGroup.name);
+      const actual = isNameInUse(existingGroups, 'test', 'us-east-1')(mockTargetGroup.name);
       expect(actual).toEqual(null);
     });
   });
 
   describe('of name length', () => {
     it('returns an error if the inputted name >32 additional characters (this is prepended to the application name)', () => {
-      const actual = Validators.isNameLong('application'.length)(`applicationwithareallylongname`);
+      const actual = isNameLong('application'.length)(`applicationwithareallylongname`);
       expect(actual).toBeTruthy();
     });
 
     it('returns null if the name is < 32', () => {
-      const actual = Validators.isNameLong('app'.length)('appwithshortname');
+      const actual = isNameLong('app'.length)('appwithshortname');
       expect(actual).toEqual(null);
     });
   });
 
   describe('of health check timeout constraints', () => {
     it('should have a 6s timeout', () => {
-      const actual = Validators.isValidTimeout(httpTargetGroup)('8');
+      const actual = isValidTimeout(httpTargetGroup)('8');
       expect(actual).toBeTruthy();
     });
 
     it('should be 6s and is valid', () => {
-      const actual = Validators.isValidTimeout(httpTargetGroup)('6');
+      const actual = isValidTimeout(httpTargetGroup)('6');
       expect(actual).toEqual(null);
     });
 
     it('should have a 10s timeout', () => {
-      const actual = Validators.isValidTimeout(httpsTargetGroup)('9');
+      const actual = isValidTimeout(httpsTargetGroup)('9');
       expect(actual).toBeTruthy();
     });
 
     it('should be 10s and is valid', () => {
-      const actual = Validators.isValidTimeout(httpsTargetGroup)('10');
+      const actual = isValidTimeout(httpsTargetGroup)('10');
       expect(actual).toEqual(null);
     });
 
     it('should not have a timeout constraint', () => {
-      const actual = Validators.isValidTimeout(mockTargetGroup)('10');
+      const actual = isValidTimeout(mockTargetGroup)('10');
       expect(actual).toEqual(null);
     });
   });
 
   describe('of health check interval', () => {
     it('TCPs can have a 10s interval', () => {
-      const actual = Validators.isValidHealthCheckInterval(tcpTargetGroup)('10');
+      const actual = isValidHealthCheckInterval(tcpTargetGroup)('10');
       expect(actual).toEqual(null);
     });
 
     it('TCPs can have a 30s interval', () => {
-      const actual = Validators.isValidHealthCheckInterval(tcpTargetGroup)('30');
+      const actual = isValidHealthCheckInterval(tcpTargetGroup)('30');
       expect(actual).toEqual(null);
     });
 
     it('returns an error when it fails TCP rules', () => {
-      const actual = Validators.isValidHealthCheckInterval(tcpTargetGroup)('20');
+      const actual = isValidHealthCheckInterval(tcpTargetGroup)('20');
       expect(actual).toBeTruthy();
     });
 
     it('is not a TCP protocol target group', () => {
-      const actual = Validators.isValidHealthCheckInterval(mockTargetGroup)('20');
+      const actual = isValidHealthCheckInterval(mockTargetGroup)('20');
       expect(actual).toEqual(null);
     });
   });

app/scripts/modules/amazon/src/loadBalancer/configure/network/CreateNetworkLoadBalancer.tsx

@@ -1,4 +1,4 @@
-import * as React from 'react';
+import React from 'react';
 import { cloneDeep, get } from 'lodash';
 import { FormikErrors } from 'formik';
 import { IPromise } from 'angular';

app/scripts/modules/amazon/src/loadBalancer/configure/network/NLBAdvancedSettings.tsx

@@ -1,4 +1,4 @@
-import * as React from 'react';
+import React from 'react';
 import { Field, FormikProps } from 'formik';
 
 import { HelpField } from '@spinnaker/core';

app/scripts/modules/amazon/src/loadBalancer/configure/network/NLBListeners.tsx

@@ -1,4 +1,4 @@
-import * as React from 'react';
+import React from 'react';
 import { difference, flatten, uniq } from 'lodash';
 
 import { ValidationMessage, IWizardPageComponent } from '@spinnaker/core';

app/scripts/modules/amazon/src/loadBalancer/configure/network/TargetGroups.tsx

@@ -1,4 +1,4 @@
-import * as React from 'react';
+import React from 'react';
 import { filter, flatten, groupBy, set, uniq } from 'lodash';
 import { FormikErrors, FormikProps } from 'formik';
 import { Observable, Subject } from 'rxjs';

app/scripts/modules/amazon/src/loadBalancer/details/LoadBalancerActions.tsx

@@ -1,4 +1,4 @@
-import * as React from 'react';
+import React from 'react';
 import { Dropdown } from 'react-bootstrap';
 import { get, values } from 'lodash';
 

app/scripts/modules/amazon/src/reactShims/aws.ngReact.ts

@@ -1,4 +1,4 @@
-import * as React from 'react';
+import React from 'react';
 import { angular2react } from 'angular2react';
 import IInjectorService = angular.auto.IInjectorService;
 

app/scripts/modules/amazon/src/serverGroup/AvailabilityZoneSelector.tsx

@@ -1,4 +1,4 @@
-import * as React from 'react';
+import React from 'react';
 
 import { AccountService, ChecklistInput } from '@spinnaker/core';
 

app/scripts/modules/amazon/src/serverGroup/configure/AmazonImageSelectInput.spec.tsx

@@ -1,4 +1,4 @@
-import * as React from 'react';
+import React from 'react';
 import { mock, IHttpBackendService } from 'angular';
 import { ShallowWrapper, ReactWrapper, shallow, mount } from 'enzyme';
 

app/scripts/modules/amazon/src/serverGroup/configure/AmazonImageSelectInput.tsx

@@ -1,4 +1,4 @@
-import * as React from 'react';
+import React from 'react';
 import { IPromise } from 'angular';
 import { $q } from 'ngimport';
 import { ReactSelectProps, HandlerRendererResult, MenuRendererProps, Option, OptionValues } from 'react-select';

app/scripts/modules/amazon/src/serverGroup/configure/wizard/AmazonCloneServerGroupModal.tsx

@@ -1,4 +1,4 @@
-import * as React from 'react';
+import React from 'react';
 import { get } from 'lodash';
 
 import {

app/scripts/modules/amazon/src/serverGroup/configure/wizard/ServerGroupTemplateSelection.tsx

@@ -1,4 +1,4 @@
-import * as React from 'react';
+import React from 'react';
 
 import {
   Application,

app/scripts/modules/amazon/src/serverGroup/configure/wizard/capacity/CapacitySelector.tsx

@@ -1,4 +1,4 @@
-import * as React from 'react';
+import React from 'react';
 import Select, { Option } from 'react-select';
 
 import { HelpField, IServerGroupCommand, SpelNumberInput } from '@spinnaker/core';

app/scripts/modules/amazon/src/serverGroup/configure/wizard/capacity/MinMaxDesired.tsx

@@ -1,4 +1,4 @@
-import * as React from 'react';
+import React from 'react';
 import { IServerGroupCommand, SpelNumberInput } from '@spinnaker/core';
 
 export interface IMinMaxDesiredProps {

app/scripts/modules/amazon/src/serverGroup/configure/wizard/pages/ServerGroupBasicSettings.tsx

@@ -1,5 +1,5 @@
-import * as React from 'react';
-import * as DOMPurify from 'dompurify';
+import React from 'react';
+import DOMPurify from 'dompurify';
 import { Field, FormikProps } from 'formik';
 
 import {

app/scripts/modules/amazon/src/serverGroup/configure/wizard/pages/ServerGroupCapacity.tsx

@@ -1,4 +1,4 @@
-import * as React from 'react';
+import React from 'react';
 import { Field, FormikProps } from 'formik';
 
 import { IServerGroupCommand, IWizardPageComponent } from '@spinnaker/core';

app/scripts/modules/amazon/src/serverGroup/configure/wizard/pages/ServerGroupInstanceType.tsx

@@ -1,4 +1,4 @@
-import * as React from 'react';
+import React from 'react';
 import { FormikErrors, FormikProps } from 'formik';
 
 import { IWizardPageComponent, NgReact } from '@spinnaker/core';

app/scripts/modules/amazon/src/serverGroup/configure/wizard/pages/ServerGroupLoadBalancers.tsx

@@ -1,4 +1,4 @@
-import * as React from 'react';
+import React from 'react';
 import { Option } from 'react-select';
 import { FormikProps } from 'formik';