@bigbinary/neeto-filters-frontend 2.14.0 → 2.14.1

package/dist/index.js

@@ -3,7 +3,7 @@ import classnames from 'classnames';
 import { curryN, isNil, complement, curry, isEmpty, either, groupBy, anyPass, any, toLower, mergeLeft, identity, omit, mergeRight, toPairs, concat, pluck, has as has$1, equals, pick, modify, prop, isNotNil, append, last, not } from 'ramda';
 import { Tooltip, Typography, Dropdown as Dropdown$2, Button, Pane as Pane$1, Alert, Select, DatePicker, TimePicker, Input as Input$1, Accordion, Spinner } from '@bigbinary/neetoui';
 import { useHistory, useLocation } from 'react-router-dom';
-import { useHotKeys, useDebounce, withT } from '@bigbinary/neeto-commons-frontend/react-utils';
+import { useHotKeys, useMutationWithInvalidation, useDebounce, withT } from '@bigbinary/neeto-commons-frontend/react-utils';
 import { Close, Search, Check, MenuHorizontal, Down, Settings } from '@bigbinary/neeto-icons';
 import dayjs from 'dayjs';
 import { getQueryParams, dateFormat } from '@bigbinary/neeto-commons-frontend/utils';
@@ -12,7 +12,7 @@ import timezone from 'dayjs/plugin/timezone';
 import utc from 'dayjs/plugin/utc';
 import weekday from 'dayjs/plugin/weekday';
 import { Form, Input, ActionBlock } from '@bigbinary/neetoui/formik';
-import { useQuery, useQueryClient, useMutation } from 'react-query';
+import { useQuery } from 'react-query';
 import axios from 'axios';
 import ReactDOM, { createPortal } from 'react-dom';
 import MenuBar from '@bigbinary/neeto-molecules/MenuBar';
@@ -3338,8 +3338,8 @@ dayjs.extend(timezone);
 dayjs.extend(weekday);
 dayjs.Ls.en.weekStart = 1;
 
-function ownKeys$4(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$4(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys$4(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys$4(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
+function ownKeys$5(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$5(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys$5(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys$5(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
 var groupByGroup = groupBy(function (_ref) {
   var group = _ref.group;
   return group || "individual";
@@ -3632,7 +3632,7 @@ var buildDatePayload = function buildDatePayload(value) {
 var buildSingleDatePayload = function buildSingleDatePayload(filter) {
   var value = filter.value;
   var filterValue = Array.isArray(value) ? value.join(",") : value;
-  return _objectSpread$4(_objectSpread$4({}, filter), {}, {
+  return _objectSpread$5(_objectSpread$5({}, filter), {}, {
     value: filterValue,
     type: "date"
   });
@@ -3640,7 +3640,7 @@ var buildSingleDatePayload = function buildSingleDatePayload(filter) {
 var buildSingleTimePayload = function buildSingleTimePayload(filter) {
   var value = filter.value;
   var filterValue = Array.isArray(value) ? value.join(",") : value;
-  return _objectSpread$4(_objectSpread$4({}, filter), {}, {
+  return _objectSpread$5(_objectSpread$5({}, filter), {}, {
     value: filterValue,
     type: "time"
   });
@@ -3922,7 +3922,7 @@ var buildFilterColumnsFromFields = function buildFilterColumnsFromFields(_ref21)
 };
 var getColumnsWithStandardizedType = function getColumnsWithStandardizedType(columns) {
   return columns.map(function (column) {
-    return _objectSpread$4(_objectSpread$4({}, column), {}, {
+    return _objectSpread$5(_objectSpread$5({}, column), {}, {
       type: standardizeColumnType(column.type)
     });
   });
@@ -4143,6 +4143,8 @@ var QUERY_KEYS = {
 };
 var SEGMENTS_STALE_TIME = 900000; // 15 mins
 
+function ownKeys$4(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$4(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys$4(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys$4(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
 var SEGMENTS_LIST = QUERY_KEYS.SEGMENTS_LIST;
 var useFetchSegments = function useFetchSegments(_ref) {
   var entity = _ref.entity,
@@ -4169,34 +4171,19 @@ var useShowSegment = function useShowSegment(id) {
   }, options));
 };
 var useCreateSegment = function useCreateSegment(options) {
-  var queryClient = useQueryClient();
-  return useMutation(segmentsApi.create, {
-    onSuccess: function onSuccess() {
-      var _options$onSuccess;
-      queryClient.invalidateQueries(SEGMENTS_LIST);
-      options === null || options === void 0 ? void 0 : (_options$onSuccess = options.onSuccess) === null || _options$onSuccess === void 0 ? void 0 : _options$onSuccess.call(options);
-    }
-  });
+  return useMutationWithInvalidation(segmentsApi.create, _objectSpread$4({
+    keysToInvalidate: [SEGMENTS_LIST]
+  }, options));
 };
 var useUpdateSegment = function useUpdateSegment(options) {
-  var queryClient = useQueryClient();
-  return useMutation(segmentsApi.update, {
-    onSuccess: function onSuccess() {
-      var _options$onSuccess2;
-      queryClient.invalidateQueries(SEGMENTS_LIST);
-      options === null || options === void 0 ? void 0 : (_options$onSuccess2 = options.onSuccess) === null || _options$onSuccess2 === void 0 ? void 0 : _options$onSuccess2.call(options);
-    }
-  });
+  return useMutationWithInvalidation(segmentsApi.update, _objectSpread$4({
+    keysToInvalidate: [SEGMENTS_LIST]
+  }, options));
 };
 var useDestroySegment = function useDestroySegment(options) {
-  var queryClient = useQueryClient();
-  return useMutation(segmentsApi.destroy, {
-    onSuccess: function onSuccess() {
-      var _options$onSuccess3;
-      queryClient.invalidateQueries(SEGMENTS_LIST);
-      options === null || options === void 0 ? void 0 : (_options$onSuccess3 = options.onSuccess) === null || _options$onSuccess3 === void 0 ? void 0 : _options$onSuccess3.call(options);
-    }
-  });
+  return useMutationWithInvalidation(segmentsApi.destroy, _objectSpread$4({
+    keysToInvalidate: [SEGMENTS_LIST]
+  }, options));
 };
 
 var Menu = Dropdown$2.Menu,