refactor: replace query-string with URLSearchParams (#1819)

* refactor: replace query-string with URLSearchParams

* chore: revert eslint changes

Author: visualfanatic

package-lock.json

@@ -61,7 +61,6 @@
     "prismjs": "1.25.0",
     "prop-types": "15.7.2",
     "qrcode": "1.4.4",
-    "query-string": "6.14.1",
     "react": "16.14.0",
     "react-ace": "9.4.3",
     "react-dnd": "10.0.2",

package.json

@@ -34,7 +34,6 @@ import stringCompare                      from 'lib/stringCompare';
 import styles                             from 'dashboard/Data/Browser/Browser.scss';
 import subscribeTo                        from 'lib/subscribeTo';
 import * as ColumnPreferences             from 'lib/ColumnPreferences';
-import * as queryString                   from 'query-string';
 import { Helmet }                         from 'react-helmet';
 import PropTypes                          from 'lib/PropTypes';
 import ParseApp                           from 'lib/ParseApp';
@@ -213,9 +212,9 @@ class Browser extends DashboardView {
     if (!props || !props.location || !props.location.search) {
       return filters;
     }
-    const query = queryString.parse(props.location.search);
-    if (query.filters) {
-      const queryFilters = JSON.parse(query.filters);
+    const query = new URLSearchParams(props.location.search);
+    if (query.has('filters')) {
+      const queryFilters = JSON.parse(query.get('filters'));
       queryFilters.forEach((filter) => filters = filters.push(new Map(filter)));
     }
     return filters;

src/dashboard/Data/Browser/Browser.react.js

@@ -36,7 +36,6 @@ import Toggle                  from 'components/Toggle/Toggle.react';
 import Toolbar                 from 'components/Toolbar/Toolbar.react';
 import { Directions }          from 'lib/Constants';
 import { extractExpiration, extractPushTime } from 'lib/extractTime';
-import * as queryString        from 'query-string';
 
 const PARSE_SERVER_SUPPORTS_AB_TESTING = false;
 
@@ -148,11 +147,11 @@ class PushNew extends DashboardView {
   componentWillMount() {
     this.props.schema.dispatch(SchemaStore.ActionTypes.FETCH);
     let options = { xhrKey: XHR_KEY };
-    const query = queryString.parse(this.props.location.search);
-    if (query.audienceId) {
+    const query = new URLSearchParams(this.props.location.search);
+    if (query.has('audienceId')) {
       options.limit = PushConstants.SHOW_MORE_LIMIT;
       options.min = PushConstants.INITIAL_PAGE_SIZE;
-      this.setState({ initialAudienceId: query.audienceId });
+      this.setState({ initialAudienceId: query.get('audienceId') });
     }
     this.props.pushaudiences.dispatch(PushAudiencesStore.ActionTypes.FETCH,
       options).then(() => {