@bigbinary/neeto-filters-frontend 3.3.5 → 4.0.0

package/dist/index.js

@@ -1,11 +1,11 @@
 import React, { useState, useEffect, useMemo, createElement, useRef, useTransition } from 'react';
+import { useQuery, useQueryClient } from '@tanstack/react-query';
 import classnames from 'classnames';
 import i18next, { t as t$1 } from 'i18next';
 import { findBy, isNotEmpty, capitalize, removeBy, toLabelAndValue, hyphenate, isNotPresent, noop, replaceBy, existsBy, _existsBy, isPresent, humanize, findById, filterBy } from '@bigbinary/neeto-cist';
 import { useDebounce, useQueryParams, useMutationWithInvalidation, withT } from '@bigbinary/neeto-commons-frontend/react-utils';
 import { groupBy, anyPass, isNil, isEmpty, any, concat, omit, mergeLeft, toLower, identity, mergeRight, toPairs, pluck, either, not, has, equals, pick, last, modify, append, mergeDeepRight, prop, assoc, reject, sortBy, project } from 'ramda';
-import { useQuery, useQueryClient } from 'react-query';
-import { Help, Delete as Delete$1, Plus, Close, Down } from '@bigbinary/neeto-icons';
+import Delete$1 from '@bigbinary/neeto-icons/Delete';
 import Accordion from '@bigbinary/neetoui/Accordion';
 import Button from '@bigbinary/neetoui/Button';
 import Pane$1 from '@bigbinary/neetoui/Pane';
@@ -21,14 +21,17 @@ import dayjs from 'dayjs';
 import timezone from 'dayjs/plugin/timezone';
 import utc from 'dayjs/plugin/utc';
 import weekday from 'dayjs/plugin/weekday';
+import Help from '@bigbinary/neeto-icons/Help';
 import { jsx, jsxs, Fragment } from 'react/jsx-runtime';
 import DatePicker from '@bigbinary/neetoui/DatePicker';
 import TimePickerInput from '@bigbinary/neetoui/TimePickerInput';
 import Input from '@bigbinary/neetoui/Input';
 import NeetoUITreeSelect from '@bigbinary/neetoui/TreeSelect';
+import Plus from '@bigbinary/neeto-icons/Plus';
 import * as yup from 'yup';
 import { useHistory as useHistory$1, useLocation } from 'react-router-dom';
 import useHotkeys from '@bigbinary/neeto-hotkeys';
+import Close from '@bigbinary/neeto-icons/Close';
 import Tooltip from '@bigbinary/neetoui/Tooltip';
 import axios from 'axios';
 import Dropdown$2 from '@bigbinary/neetoui/Dropdown';
@@ -37,6 +40,7 @@ import { PLURAL } from '@bigbinary/neeto-commons-frontend/constants';
 import Alert from '@bigbinary/neetoui/Alert';
 import Spinner from '@bigbinary/neetoui/Spinner';
 import { DragDropContext, Droppable, Draggable } from '@hello-pangea/dnd';
+import Down from '@bigbinary/neeto-icons/Down';
 import MenuBar from '@bigbinary/neeto-molecules/MenuBar';
 import MoreDropdown from '@bigbinary/neeto-molecules/MoreDropdown';
 
@@ -2557,29 +2561,31 @@ var useFetchSegments = function useFetchSegments(_ref) {
     _ref$searchTerm = _ref.searchTerm,
     searchTerm = _ref$searchTerm === void 0 ? "" : _ref$searchTerm;
   var options = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : {};
-  return useQuery([SEGMENTS_LIST, entity, searchTerm], function () {
-    return segmentsApi.fetch({
-      entity: entity,
-      searchTerm: searchTerm
-    });
-  }, mergeRight({
-    staleTime: SEGMENTS_STALE_TIME,
-    select: prop("segments")
+  return useQuery(_objectSpread$4({
+    queryKey: [SEGMENTS_LIST, entity, searchTerm],
+    queryFn: function queryFn() {
+      return segmentsApi.fetch({
+        entity: entity,
+        searchTerm: searchTerm
+      });
+    },
+    select: prop("segments"),
+    staleTime: SEGMENTS_STALE_TIME
   }, options));
 };
 var useCreateSegment = function useCreateSegment(options) {
   return useMutationWithInvalidation(segmentsApi.create, _objectSpread$4({
-    keysToInvalidate: [SEGMENTS_LIST]
+    keysToInvalidate: [[SEGMENTS_LIST]]
   }, options));
 };
 var useUpdateSegment = function useUpdateSegment(options) {
   return useMutationWithInvalidation(segmentsApi.update, _objectSpread$4({
-    keysToInvalidate: [SEGMENTS_LIST]
+    keysToInvalidate: [[SEGMENTS_LIST]]
   }, options));
 };
 var useDestroySegment = function useDestroySegment(options) {
   return useMutationWithInvalidation(segmentsApi.destroy, _objectSpread$4({
-    keysToInvalidate: [SEGMENTS_LIST]
+    keysToInvalidate: [[SEGMENTS_LIST]]
   }, options));
 };
 
@@ -2604,10 +2610,10 @@ var useSegment = function useSegment(_ref) {
     setIsSavePaneOpen = _useState2[1];
   var _useCreateSegment = useCreateSegment(),
     createSegment = _useCreateSegment.mutate,
-    isCreating = _useCreateSegment.isLoading;
+    isCreating = _useCreateSegment.isPending;
   var _useUpdateSegment = useUpdateSegment(),
     updateSegment = _useUpdateSegment.mutate,
-    isUpdating = _useUpdateSegment.isLoading;
+    isUpdating = _useUpdateSegment.isPending;
   var isSubmitting = isCreating || isUpdating;
   var searchParams = useQueryParams({
     toCamelCase: false
@@ -3247,7 +3253,7 @@ var Delete = function Delete(_ref) {
     segmentId = _getQueryParams.segmentId;
   var _useDestroySegment = useDestroySegment(),
     deleteSegment = _useDestroySegment.mutate,
-    isDeleting = _useDestroySegment.isLoading;
+    isDeleting = _useDestroySegment.isPending;
   var handleClearAll = function handleClearAll() {
     var params = buildUrlFromFilters({
       columns: columns,
@@ -3308,7 +3314,7 @@ var useSegments = function useSegments(_ref) {
     setSegments = _useState2[1];
   var _useUpdateSegment = useUpdateSegment(),
     updateSegment = _useUpdateSegment.mutate,
-    isUpdating = _useUpdateSegment.isLoading;
+    isUpdating = _useUpdateSegment.isPending;
   var _useState3 = useState({
       action: "",
       segment: undefined