@bigbinary/neeto-filters-frontend 2.13.2 → 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"
   });
@@ -3889,8 +3889,12 @@ var buildUrlFromSegment = function buildUrlFromSegment(_ref19) {
 var getKeywordValueFromUrl = function getKeywordValueFromUrl() {
   return getQueryParams()["keyword"] || "";
 };
-var buildFilterColumnsFromFields = function buildFilterColumnsFromFields(fields) {
-  var selectedFields = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : [];
+var buildFilterColumnsFromFields = function buildFilterColumnsFromFields(_ref21) {
+  var fields = _ref21.fields,
+    _ref21$selectedFields = _ref21.selectedFields,
+    selectedFields = _ref21$selectedFields === void 0 ? [] : _ref21$selectedFields,
+    _ref21$showRuleSelect = _ref21.showRuleSelector,
+    showRuleSelector = _ref21$showRuleSelect === void 0 ? false : _ref21$showRuleSelect;
   return fields.reduce(function (columns, field) {
     if (isEmpty(selectedFields) || selectedFields.includes(field.name)) {
       var id = field.id,
@@ -3900,7 +3904,8 @@ var buildFilterColumnsFromFields = function buildFilterColumnsFromFields(fields)
         key: toLower(name),
         node: "".concat(name, ":").concat(id),
         label: capitalize(name),
-        type: "custom.".concat(kind)
+        type: "custom.".concat(kind),
+        showRuleSelector: showRuleSelector
       };
       if (kind === "single_option" || kind === "multi_option") {
         column.values = field.data.map(function (item) {
@@ -3917,7 +3922,7 @@ var buildFilterColumnsFromFields = function buildFilterColumnsFromFields(fields)
 };
 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)
     });
   });
@@ -4138,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,
@@ -4164,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,