fix: Import lodash with default imported

The previous version appeared to work fine, but Lodash documentation
prefers default import. And, making this change removes the TypeScript
80003 diagnostic[1].

[1]: https://github.com/microsoft/TypeScript/blob/d210074c8844e21662e40e7db27c45d796be31c4/src/compiler/diagnosticMessages.json#L6713

src/client/app/components/ChartDataSelectComponent.tsx

@@ -2,7 +2,7 @@
  * License, v. 2.0. If a copy of the MPL was not distributed with this
  * file, You can obtain one at http://mozilla.org/MPL/2.0/. */
 
-import * as _ from 'lodash';
+import _ from 'lodash';
 import * as React from 'react';
 import MultiSelectComponent from './MultiSelectComponent';
 import { SelectOption } from '../types/items';

src/client/app/components/ChartSelectComponent.tsx

@@ -3,7 +3,7 @@
  * file, You can obtain one at http://mozilla.org/MPL/2.0/. */
 
 import * as React from 'react';
-import * as _ from 'lodash';
+import _ from 'lodash';
 import { ChartTypes } from '../types/redux/graph';
 import { FormattedMessage } from 'react-intl';
 import TooltipMarkerComponent from './TooltipMarkerComponent';

src/client/app/components/ExportComponent.tsx

@@ -4,7 +4,7 @@
 
 import * as React from 'react';
 import { Button } from 'reactstrap';
-import * as _ from 'lodash';
+import _ from 'lodash';
 import graphExport, { downloadRawCSV } from '../utils/exportData';
 import { FormattedMessage } from 'react-intl';
 import { metersApi } from '../utils/api'

src/client/app/components/InitializationComponent.tsx

@@ -3,7 +3,7 @@
  * file, You can obtain one at http://mozilla.org/MPL/2.0/. */
 
 import * as React from 'react';
-import * as _ from 'lodash';
+import _ from 'lodash';
 import NotificationSystem from 'react-notification-system';
 import { useEffect } from 'react';
 import { useDispatch, useSelector } from 'react-redux';

src/client/app/components/MapChartSelectComponent.tsx

@@ -3,7 +3,7 @@
  * file, You can obtain one at http://mozilla.org/MPL/2.0/. */
 
 import * as React from 'react';
-import * as _ from 'lodash';
+import _ from 'lodash';
 import { useDispatch, useSelector } from 'react-redux';
 import { State } from '../types/redux/state';
 import { SelectOption } from '../types/items';

src/client/app/components/RouteComponent.tsx

@@ -7,7 +7,7 @@ import { Route, Router, Switch, Redirect } from 'react-router-dom';
 import { IntlProvider } from 'react-intl';
 import localeData from '../translations/data';
 import { browserHistory } from '../utils/history';
-import * as _ from 'lodash';
+import _ from 'lodash';
 import moment from 'moment';
 import HomeComponent from './HomeComponent';
 import LoginContainer from '../containers/LoginContainer';

src/client/app/components/conversion/CreateConversionModalComponent.tsx

@@ -16,7 +16,7 @@ import TooltipHelpContainer from '../../containers/TooltipHelpContainer';
 import { addConversion } from '../../actions/conversions';
 import { UnitDataById } from 'types/redux/units';
 import { ConversionData } from 'types/redux/conversions';
-import * as _ from 'lodash';
+import _ from 'lodash';
 import {formInputStyle, tableStyle, requiredStyle, tooltipBaseStyle} from '../../styles/modalStyle';
 
 interface CreateConversionModalComponentProps {

src/client/app/components/groups/CreateGroupModalComponent.tsx

@@ -1,7 +1,7 @@
 /* This Source Code Form is subject to the terms of the Mozilla Public
 * License, v. 2.0. If a copy of the MPL was not distributed with this
 * file, You can obtain one at http://mozilla.org/MPL/2.0/. */
-import * as _ from 'lodash';
+import _ from 'lodash';
 import * as React from 'react';
 import { useState, useEffect } from 'react';
 import MultiSelectComponent from '../MultiSelectComponent';

src/client/app/components/groups/EditGroupModalComponent.tsx

@@ -2,7 +2,7 @@
 * License, v. 2.0. If a copy of the MPL was not distributed with this
 * file, You can obtain one at http://mozilla.org/MPL/2.0/. */
 
-import * as _ from 'lodash';
+import _ from 'lodash';
 import * as React from 'react';
 // Realize that * is already imported from react
 import { useState, useEffect } from 'react';

src/client/app/components/groups/GroupsDetailComponent.tsx

@@ -18,7 +18,7 @@ import { potentialGraphicUnits } from '../../utils/input';
 import GroupViewComponent from './GroupViewComponent';
 import CreateGroupModalComponent from './CreateGroupModalComponent';
 import { GroupDefinition } from 'types/redux/groups';
-import * as _ from 'lodash';
+import _ from 'lodash';
 
 export default function GroupsDetailComponent() {
 	const dispatch = useDispatch();

src/client/app/components/meters/MetersDetailComponent.tsx

@@ -17,7 +17,7 @@ import CreateMeterModalComponent from './CreateMeterModalComponent';
 import { MeterData } from 'types/redux/meters';
 import '../../styles/card-page.css';
 import { UnitData, UnitType } from '../../types/redux/units';
-import * as _ from 'lodash';
+import _ from 'lodash';
 import { potentialGraphicUnits, noUnitTranslated } from '../../utils/input';
 
 export default function MetersDetailComponent() {

src/client/app/containers/BarChartContainer.ts

@@ -2,7 +2,7 @@
  * License, v. 2.0. If a copy of the MPL was not distributed with this
  * file, You can obtain one at http://mozilla.org/MPL/2.0/. */
 
-import * as _ from 'lodash';
+import _ from 'lodash';
 import moment from 'moment';
 import { connect } from 'react-redux';
 import getGraphColor from '../utils/getGraphColor';

src/client/app/containers/LineChartContainer.ts

@@ -2,7 +2,7 @@
  * License, v. 2.0. If a copy of the MPL was not distributed with this
  * file, You can obtain one at http://mozilla.org/MPL/2.0/. */
 
-import * as _ from 'lodash';
+import _ from 'lodash';
 import moment from 'moment';
 import { connect } from 'react-redux';
 import getGraphColor from '../utils/getGraphColor';

src/client/app/containers/MapChartContainer.ts

@@ -10,7 +10,7 @@ import {
 	calculateScaleFromEndpoints, itemDisplayableOnMap, Dimensions,
 	CartesianPoint, normalizeImageDimensions, itemMapInfoOk, gpsToUserGrid
 } from '../utils/calibration';
-import * as _ from 'lodash';
+import _ from 'lodash';
 import getGraphColor from '../utils/getGraphColor';
 import Locales from '../types/locales';
 import { DataType } from '../types/Datasources';

src/client/app/containers/MeterDropdownContainer.ts

@@ -2,7 +2,7 @@
  * License, v. 2.0. If a copy of the MPL was not distributed with this
  * file, You can obtain one at http://mozilla.org/MPL/2.0/. */
 
-import * as _ from 'lodash';
+import _ from 'lodash';
 import { connect } from 'react-redux';
 import { updateSelectedMeter } from '../actions/admin';
 import MeterDropdownComponent from '../components/MeterDropDownComponent';

src/client/app/containers/admin/UsersDetailContainer.tsx

@@ -3,7 +3,7 @@
 * file, You can obtain one at http://mozilla.org/MPL/2.0/. */
 
 import * as React from 'react';
-import * as _ from 'lodash';
+import _ from 'lodash';
 import { User, UserRole } from '../../types/items';
 import UserDetailComponent from '../../components/admin/UsersDetailComponent';
 import HeaderContainer from '../HeaderContainer';
@@ -94,4 +94,4 @@ export default class UsersDetailContainer extends React.Component<UsersDisplayCo
 			</div>
 		)
 	}
-}
+}

src/client/app/reducers/groups.ts

@@ -2,7 +2,7 @@
  * License, v. 2.0. If a copy of the MPL was not distributed with this
  * file, You can obtain one at http://mozilla.org/MPL/2.0/. */
 
-import * as _ from 'lodash';
+import _ from 'lodash';
 import { GroupsAction, GroupsState, DisplayMode } from '../types/redux/groups';
 import { ActionType } from '../types/redux/actions';
 

src/client/app/reducers/maps.ts

@@ -4,7 +4,7 @@
 
 import {MapMetadata, MapsAction, MapState} from '../types/redux/map';
 import {ActionType} from '../types/redux/actions';
-import * as _ from 'lodash';
+import _ from 'lodash';
 import {CalibratedPoint} from '../utils/calibration';
 
 const defaultState: MapState = {

src/client/app/reducers/meters.ts

@@ -1,7 +1,7 @@
 /* This Source Code Form is subject to the terms of the Mozilla Public
  * License, v. 2.0. If a copy of the MPL was not distributed with this
  * file, You can obtain one at http://mozilla.org/MPL/2.0/. */
-import * as _ from 'lodash';
+import _ from 'lodash';
 import { MetersAction, MetersState } from '../types/redux/meters';
 import { ActionType } from '../types/redux/actions';
 import { durationFormat } from '../utils/durationFormat';

src/client/app/reducers/units.ts

@@ -1,7 +1,7 @@
 /* This Source Code Form is subject to the terms of the Mozilla Public
  * License, v. 2.0. If a copy of the MPL was not distributed with this
  * file, You can obtain one at http://mozilla.org/MPL/2.0/. */
-import * as _ from 'lodash';
+import _ from 'lodash';
 import { UnitsAction, UnitsState } from '../types/redux/units';
 import { ActionType } from '../types/redux/actions';
 

src/client/app/utils/api/ReadingsApi.ts

@@ -4,7 +4,7 @@
  * file, You can obtain one at http://mozilla.org/MPL/2.0/.
  */
 
-import * as _ from 'lodash';
+import _ from 'lodash';
 import ApiBackend from './ApiBackend';
 import {TimeInterval} from '../../../../common/TimeInterval';
 import {BarReadings, LineReading, LineReadings} from '../../types/readings';

src/client/app/utils/determineCompatibleUnits.ts

@@ -3,7 +3,7 @@
  * file, You can obtain one at http://mozilla.org/MPL/2.0/. */
 
 import { store }  from '../store';
-import * as _ from 'lodash';
+import _ from 'lodash';
 import { MeterData } from '../types/redux/meters';
 import { ConversionArray } from '../types/conversionArray';
 import { UnitData, UnitType } from '../types/redux/units';

src/client/app/utils/input.ts

@@ -5,7 +5,7 @@
 import { GPSPoint } from './calibration';
 import { UnitData, DisplayableType, UnitRepresentType, UnitType, UnitDataById } from '../types/redux/units';
 import translate from './translate';
-import * as _ from 'lodash';
+import _ from 'lodash';
 
 // Notifies user of msg.
 // TODO isValidGPSInput uses alert so continue that. Maybe all should be changed but this impacts other parts of the code.