@bigbinary/neeto-fields-frontend 1.3.4 → 1.3.5

package/dist/index.js

@@ -1,9 +1,9 @@
 import React, { useContext, useState, useRef, useEffect, useMemo, useLayoutEffect, useCallback, createContext, memo, useReducer } from 'react';
 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 as capitalize$1, findBy, filterBy, toLabelAndValue, slugify, humanize, truncate, countBy, noop as noop$2 } from '@bigbinary/neeto-commons-frontend/pure';
+import { isNotEmpty, renameKeys, capitalize as capitalize$1, findBy, filterBy, toLabelAndValue, slugify, humanize, countBy, noop as noop$2 } from '@bigbinary/neeto-commons-frontend/pure';
 import { values, isNotNil, isNil, isEmpty, prop, pluck, clone as clone$1, pipe, mergeAll, omit, map, pick, assoc, any, head } from 'ramda';
 import { useFormikContext, useField, FieldArray } from 'formik';
-import { useFuncDebounce, useDebounce, handleMetaClick } from '@bigbinary/neeto-commons-frontend/react-utils';
+import { useFuncDebounce, useMutationWithInvalidation, useDebounce, handleMetaClick } from '@bigbinary/neeto-commons-frontend/react-utils';
 import * as yup from 'yup';
 import { joinHyphenCase, buildUrl, getQueryParams } from '@bigbinary/neeto-commons-frontend/utils';
 import { Check, Delete, MenuHorizontal, Info, Reorder } from '@bigbinary/neeto-icons';
@@ -11,7 +11,7 @@ import { Button, ActionBlock as ActionBlock$1, Input as Input$1, Select as Selec
 import { DEFAULT_PAGE_INDEX, PLURAL } from '@bigbinary/neeto-commons-frontend/constants';
 import Container from '@bigbinary/neeto-molecules/Container';
 import PageLoader from '@bigbinary/neeto-molecules/PageLoader';
-import { useQuery, useQueryClient, useMutation } from 'react-query';
+import { useQuery } from 'react-query';
 import axios from 'axios';
 import { v4 } from 'uuid';
 import { Link, useHistory } from 'react-router-dom';
@@ -6507,17 +6507,9 @@ var useFetchFields = function useFetchFields(_ref, options) {
   }, options));
 };
 var useCreateField = function useCreateField(options) {
-  var queryClient = useQueryClient();
-  return useMutation(fieldsApi.create, _objectSpread$9(_objectSpread$9({}, options), {}, {
-    onSuccess: function onSuccess() {
-      var _options$onSuccess;
-      for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {
-        args[_key] = arguments[_key];
-      }
-      options === null || options === void 0 ? void 0 : (_options$onSuccess = options.onSuccess) === null || _options$onSuccess === void 0 ? void 0 : _options$onSuccess.call.apply(_options$onSuccess, [options].concat(args));
-      queryClient.invalidateQueries(FIELDS);
-    }
-  }));
+  return useMutationWithInvalidation(fieldsApi.create, _objectSpread$9({
+    keysToInvalidate: [FIELDS]
+  }, options));
 };
 var useShowField = function useShowField(_ref2, options) {
   var fieldId = _ref2.fieldId,
@@ -6541,37 +6533,18 @@ var useFetchDependencies = function useFetchDependencies(_ref3, options) {
   }, options);
 };
 var useUpdateField = function useUpdateField(options) {
-  var queryClient = useQueryClient();
-  return useMutation(fieldsApi.update, _objectSpread$9(_objectSpread$9({}, options), {}, {
-    onSuccess: function onSuccess() {
-      var _options$onSuccess2;
-      for (var _len2 = arguments.length, args = new Array(_len2), _key2 = 0; _key2 < _len2; _key2++) {
-        args[_key2] = arguments[_key2];
-      }
-      options === null || options === void 0 ? void 0 : (_options$onSuccess2 = options.onSuccess) === null || _options$onSuccess2 === void 0 ? void 0 : _options$onSuccess2.call.apply(_options$onSuccess2, [options].concat(args));
-      queryClient.invalidateQueries(FIELDS);
-    }
-  }));
+  return useMutationWithInvalidation(fieldsApi.update, _objectSpread$9({
+    keysToInvalidate: [FIELDS]
+  }, options));
 };
 var useDestroyField = function useDestroyField(options) {
-  var queryClient = useQueryClient();
-  return useMutation(fieldsApi.destroy, _objectSpread$9(_objectSpread$9({}, options), {}, {
-    onSuccess: function onSuccess() {
-      var _options$onSuccess3;
-      for (var _len3 = arguments.length, args = new Array(_len3), _key3 = 0; _key3 < _len3; _key3++) {
-        args[_key3] = arguments[_key3];
-      }
-      options === null || options === void 0 ? void 0 : (_options$onSuccess3 = options.onSuccess) === null || _options$onSuccess3 === void 0 ? void 0 : _options$onSuccess3.call.apply(_options$onSuccess3, [options].concat(args));
-      queryClient.invalidateQueries(FIELDS);
-    }
-  }));
+  return useMutationWithInvalidation(fieldsApi.destroy, _objectSpread$9({
+    keysToInvalidate: [FIELDS]
+  }, options));
 };
 var useReorderFields = function useReorderFields() {
-  var queryClient = useQueryClient();
-  return useMutation(fieldsApi.reorder, {
-    onSuccess: function onSuccess() {
-      queryClient.invalidateQueries(FIELDS);
-    }
+  return useMutationWithInvalidation(fieldsApi.reorder, {
+    keysToInvalidate: [FIELDS]
   });
 };
 
@@ -7966,7 +7939,7 @@ var useFieldsDashboard = function useFieldsDashboard(_ref) {
   }, [menuItems, resource]);
   useEffect(function () {
     handleURLWithDefaultValues();
-  }, [isConfigsLoading, resources]);
+  }, [isConfigsLoading, resources, resource, state]);
   useEffect(function () {
     setPageProps({
       pageIndex: DEFAULT_PAGE_INDEX,
@@ -8143,11 +8116,9 @@ var Header = function Header(_ref) {
     actionBlockProps = _objectWithoutProperties(_ref, _excluded);
   return /*#__PURE__*/React.createElement(NeetoUIHeader, {
     size: "small",
+    breadcrumbs: breadcrumbs,
     searchProps: searchProps,
     actionBlock: /*#__PURE__*/React.createElement(ActionBlock, actionBlockProps),
-    breadcrumbs: [].concat(_toConsumableArray(breadcrumbs), [{
-      text: truncate(title, 50)
-    }]),
     title: /*#__PURE__*/React.createElement(TitleWithHelpLink, {
       helpUrl: helpDocUrl,
       title: title
@@ -12706,40 +12677,19 @@ var fieldValuesApi = {
 function ownKeys$2(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
 function _objectSpread$2(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys$2(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys$2(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
 var useCreateFieldValue = function useCreateFieldValue(options) {
-  var queryClient = useQueryClient();
-  return useMutation(fieldValuesApi.create, _objectSpread$2(_objectSpread$2({}, options), {}, {
-    onSuccess: function onSuccess() {
-      for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {
-        args[_key] = arguments[_key];
-      }
-      options === null || options === void 0 ? void 0 : options.onSuccess.apply(options, args);
-      queryClient.invalidateQueries([QUERY_KEYS.FIELD_VALUES]);
-    }
-  }));
+  return useMutationWithInvalidation(fieldValuesApi.create, _objectSpread$2({
+    keysToInvalidate: [[QUERY_KEYS.FIELD_VALUES]]
+  }, options));
 };
 var useUpdateFieldValue = function useUpdateFieldValue(options) {
-  var queryClient = useQueryClient();
-  return useMutation(fieldValuesApi.update, _objectSpread$2(_objectSpread$2({}, options), {}, {
-    onSuccess: function onSuccess() {
-      for (var _len2 = arguments.length, args = new Array(_len2), _key2 = 0; _key2 < _len2; _key2++) {
-        args[_key2] = arguments[_key2];
-      }
-      options === null || options === void 0 ? void 0 : options.onSuccess.apply(options, args);
-      queryClient.invalidateQueries([QUERY_KEYS.FIELD_VALUES]);
-    }
-  }));
+  return useMutationWithInvalidation(fieldValuesApi.update, _objectSpread$2({
+    keysToInvalidate: [[QUERY_KEYS.FIELD_VALUES]]
+  }, options));
 };
 var useDeleteFieldValue = function useDeleteFieldValue(options) {
-  var queryClient = useQueryClient();
-  return useMutation(fieldValuesApi.destroy, _objectSpread$2(_objectSpread$2({}, options), {}, {
-    onSuccess: function onSuccess() {
-      for (var _len3 = arguments.length, args = new Array(_len3), _key3 = 0; _key3 < _len3; _key3++) {
-        args[_key3] = arguments[_key3];
-      }
-      options === null || options === void 0 ? void 0 : options.onSuccess.apply(options, args);
-      queryClient.invalidateQueries([QUERY_KEYS.FIELD_VALUES]);
-    }
-  }));
+  return useMutationWithInvalidation(fieldValuesApi.destroy, _objectSpread$2({
+    keysToInvalidate: [[QUERY_KEYS.FIELD_VALUES]]
+  }, options));
 };
 
 const useNavPrompt = ({