@bigbinary/neeto-fields-frontend 1.3.13 → 1.3.15

package/dist/index.js

@@ -1,5 +1,5 @@
 import React, { useEffect, useRef, useState, useMemo, useLayoutEffect, useCallback, createContext, memo, useReducer, useContext } from 'react';
-import { useFuncDebounce, useOnClickOutside, withT, useMutationWithInvalidation, useDebounce, handleMetaClick } from '@bigbinary/neeto-commons-frontend/react-utils';
+import { useFuncDebounce, useOnClickOutside, withT, useMutationWithInvalidation, useQueryParams, handleMetaClick } from '@bigbinary/neeto-commons-frontend/react-utils';
 import { Checkbox as Checkbox$1, TimePicker, DatePicker, Select, Input, Textarea, Typography, Pane, Label, Button as Button$1, Dropdown, Tab, Alert, NoData, Table, Spinner } from '@bigbinary/neetoui';
 import { isNotEmpty, renameKeys, capitalize, findBy, noop as noop$1, filterBy, toLabelAndValue, slugify, humanize, countBy } from '@bigbinary/neeto-cist';
 import { values, isNotNil, isNil, isEmpty, prop, pluck, clone, pipe, mergeAll, omit, map, pick, assoc, any, head } from 'ramda';
@@ -2629,18 +2629,15 @@ var useFieldsDashboard = function useFieldsDashboard(_ref) {
     _useState8 = _slicedToArray(_useState7, 2),
     selectedField = _useState8[0],
     setSelectedField = _useState8[1];
-  var _useState9 = useState(""),
-    _useState10 = _slicedToArray(_useState9, 2),
-    searchTerm = _useState10[0],
-    setSearchTerm = _useState10[1];
-  var _useState11 = useState({
+  var _useState9 = useState({
       page: DEFAULT_PAGE_INDEX,
       pageSize: DEFAULT_PAGE_SIZE
     }),
-    _useState12 = _slicedToArray(_useState11, 2),
-    pageProps = _useState12[0],
-    setPageProps = _useState12[1];
-  var debouncedSearchTerm = useDebounce(searchTerm.trim());
+    _useState10 = _slicedToArray(_useState9, 2),
+    pageProps = _useState10[0],
+    setPageProps = _useState10[1];
+  var _useQueryParams = useQueryParams(),
+    searchTerm = _useQueryParams.search_term;
   var history = useHistory();
   var _useTranslation = useTranslation(),
     t = _useTranslation.t;
@@ -2662,7 +2659,7 @@ var useFieldsDashboard = function useFieldsDashboard(_ref) {
     resourceType: !isOwnerBased ? resource : undefined,
     ownerId: ownerId,
     state: state || FIELD_STATES.active,
-    searchTerm: debouncedSearchTerm,
+    searchTerm: searchTerm,
     pageProps: pageProps
   };
   var _useFetchFields = useFetchFields(fieldParams, {
@@ -2748,10 +2745,6 @@ var useFieldsDashboard = function useFieldsDashboard(_ref) {
   var isScreenLoading = isFieldsLoading || isConfigsLoading;
   var showCountSubheader = count > 0 && !showStateFilter;
   var searchProps = {
-    onChange: function onChange(e) {
-      return setSearchTerm(e.target.value);
-    },
-    value: searchTerm,
     placeholder: t("neetoFields.placeholders.searchFields"),
     className: "w-44"
   };