Merge pull request #249 from fedspendingtransparency/fix/lodash-dtui

lodash to lodash-es

Author: jagu65

babel.config.js

@@ -22,8 +22,8 @@ const plugins = [
     ],
     "@babel/plugin-transform-runtime",
     "@babel/plugin-transform-object-rest-spread",
-    "@babel/plugin-proposal-class-properties",
-    "@babel/plugin-proposal-optional-chaining",
+    "@babel/plugin-transform-class-properties",
+    "@babel/plugin-transform-optional-chaining",
     ["@babel/plugin-transform-react-jsx", {
         pragmaFrag: "React.Fragment"
     }]

components/Carousel.jsx

@@ -5,7 +5,7 @@
 
 import React, { cloneElement, useEffect, useRef, useState } from 'react';
 import PropTypes from 'prop-types';
-import { uniqueId } from 'lodash';
+import { uniqueId } from 'lodash-es';
 
 require('../styles/components/_carousel.scss');
 

components/InPageNav.jsx

@@ -7,7 +7,7 @@ import React, {
     useEffect, useState, useRef, useCallback
 } from 'react';
 import PropTypes from 'prop-types';
-import { throttle } from "lodash";
+import { throttle } from "lodash-es";
 import { FontAwesomeIcon } from "@fortawesome/react-fontawesome";
 import { mediumScreen, largeScreen, xLargeScreen } from '../dataMapping/mobileBreakpoints';
 import { checkIsOverflow, getElementData, reset } from '../helpers/inPageNavHelper';

components/InformationBoxes.jsx

@@ -1,6 +1,6 @@
 import React, { useEffect, useState } from 'react';
 import PropTypes from 'prop-types';
-import { throttle } from 'lodash';
+import { throttle } from 'lodash-es';
 import { formattedValue, numberToText } from '../helpers/informationBoxesHelper';
 
 require('../styles/components/_informationBoxes.scss');

components/NewPicker.jsx

@@ -6,7 +6,7 @@
 import React, { useRef, useState, useEffect } from 'react';
 import PropTypes from 'prop-types';
 import { FontAwesomeIcon } from '@fortawesome/react-fontawesome';
-import { uniqueId } from 'lodash';
+import { uniqueId } from 'lodash-es';
 
 require('../styles/components/_newPicker.scss');
 

components/Picker.jsx

@@ -6,7 +6,7 @@
 import React, { useRef, useState, useEffect } from 'react';
 import PropTypes from 'prop-types';
 import { FontAwesomeIcon } from '@fortawesome/react-fontawesome';
-import { uniqueId } from 'lodash';
+import { uniqueId } from 'lodash-es';
 
 require('../styles/components/_picker.scss');
 

components/SearchBar.jsx

@@ -4,7 +4,7 @@
  */
 
 import React, { useState } from 'react';
-import { throttle } from 'lodash';
+import { throttle } from 'lodash-es';
 import PropTypes from 'prop-types';
 import { FontAwesomeIcon } from '@fortawesome/react-fontawesome';
 import { resetOrSubmitSearch, shouldResetSearchTerm } from '../helpers/searchBarHelper';

components/ShareIcon.jsx

@@ -1,7 +1,7 @@
 import React, { useState, useEffect } from "react";
 import PropTypes from "prop-types";
 import { FontAwesomeIcon } from "@fortawesome/react-fontawesome";
-import { debounce } from "lodash";
+import { debounce } from "lodash-es";
 import { faCheckCircle } from "@fortawesome/free-solid-svg-icons";
 import Picker from "./Picker";
 import { socialShareOptions } from '../helpers/socialShare';

components/infoTooltip/TooltipWrapper.jsx

@@ -5,7 +5,7 @@
 
 import React, { useState, useEffect, useRef } from "react";
 import PropTypes from "prop-types";
-import { throttle, uniqueId } from "lodash";
+import { throttle, uniqueId } from "lodash-es";
 import cx from 'classnames';
 import { FontAwesomeIcon } from "@fortawesome/react-fontawesome";
 

components/pagination/Pager.jsx

@@ -5,7 +5,7 @@
 
 import React from 'react';
 import PropTypes from 'prop-types';
-import { range } from 'lodash';
+import { range } from 'lodash-es';
 import { FontAwesomeIcon } from "@fortawesome/react-fontawesome";
 
 import { formatNumberWithPrecision } from '../../helpers/moneyFormatter';