@bigbinary/neeto-fields-frontend 1.3.12 → 1.3.14

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';
@@ -907,7 +907,7 @@ var useFormikFields = function useFormikFields(_ref) {
       disabled: disabled,
       //conditional props
       options: isDropdown$1(kind) ? fieldData : undefined,
-      getPopupContainer: isDateTime(kind) ? prop("parentElement") : undefined
+      getPopupContainer: !isInline && isDateTime(kind) ? prop("parentElement") : undefined
     })
   };
 };
@@ -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"
   };
@@ -7849,15 +7842,20 @@ var InlineFieldValueInput = function InlineFieldValueInput(_ref) {
     _ref$ownerId = _ref.ownerId,
     ownerId = _ref$ownerId === void 0 ? "" : _ref$ownerId,
     _ref$onMutationSucces = _ref.onMutationSuccess,
-    onMutationSuccess = _ref$onMutationSucces === void 0 ? noop$1 : _ref$onMutationSucces;
+    onMutationSuccess = _ref$onMutationSucces === void 0 ? noop$1 : _ref$onMutationSucces,
+    _ref$onMutate = _ref.onMutate,
+    _onMutate = _ref$onMutate === void 0 ? noop$1 : _ref$onMutate;
   var _useState = useState(false),
     _useState2 = _slicedToArray(_useState, 2),
     editMode = _useState2[0],
     setEditMode = _useState2[1];
   var queryOptions = {
+    onMutate: function onMutate(variables) {
+      return _onMutate(variables.payload || variables);
+    },
     onSuccess: function onSuccess() {
       setEditMode(false);
-      onMutationSuccess();
+      onMutationSuccess.apply(void 0, arguments);
     }
   };
   var _useFieldValues = useFieldValues({