@bigbinary/neeto-filters-frontend 3.3.5 → 4.0.0

package/dist/index.cjs.js

@@ -3,13 +3,13 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 var React = require('react');
+var reactQuery = require('@tanstack/react-query');
 var classnames = require('classnames');
 var i18next = require('i18next');
 var neetoCist = require('@bigbinary/neeto-cist');
 var reactUtils = require('@bigbinary/neeto-commons-frontend/react-utils');
 var ramda = require('ramda');
-var reactQuery = require('react-query');
-var neetoIcons = require('@bigbinary/neeto-icons');
+var Delete$1 = require('@bigbinary/neeto-icons/Delete');
 var Accordion = require('@bigbinary/neetoui/Accordion');
 var Button = require('@bigbinary/neetoui/Button');
 var Pane$1 = require('@bigbinary/neetoui/Pane');
@@ -25,14 +25,17 @@ var dayjs = require('dayjs');
 var timezone = require('dayjs/plugin/timezone');
 var utc = require('dayjs/plugin/utc');
 var weekday = require('dayjs/plugin/weekday');
+var Help = require('@bigbinary/neeto-icons/Help');
 var jsxRuntime = require('react/jsx-runtime');
 var DatePicker = require('@bigbinary/neetoui/DatePicker');
 var TimePickerInput = require('@bigbinary/neetoui/TimePickerInput');
 var Input = require('@bigbinary/neetoui/Input');
 var NeetoUITreeSelect = require('@bigbinary/neetoui/TreeSelect');
+var Plus = require('@bigbinary/neeto-icons/Plus');
 var yup = require('yup');
 var reactRouterDom = require('react-router-dom');
 var useHotkeys = require('@bigbinary/neeto-hotkeys');
+var Close = require('@bigbinary/neeto-icons/Close');
 var Tooltip = require('@bigbinary/neetoui/Tooltip');
 var axios = require('axios');
 var Dropdown$2 = require('@bigbinary/neetoui/Dropdown');
@@ -41,6 +44,7 @@ var constants = require('@bigbinary/neeto-commons-frontend/constants');
 var Alert = require('@bigbinary/neetoui/Alert');
 var Spinner = require('@bigbinary/neetoui/Spinner');
 var dnd = require('@hello-pangea/dnd');
+var Down = require('@bigbinary/neeto-icons/Down');
 var MenuBar = require('@bigbinary/neeto-molecules/MenuBar');
 var MoreDropdown = require('@bigbinary/neeto-molecules/MoreDropdown');
 
@@ -67,6 +71,7 @@ function _interopNamespace(e) {
 var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
 var classnames__default = /*#__PURE__*/_interopDefaultLegacy(classnames);
 var i18next__default = /*#__PURE__*/_interopDefaultLegacy(i18next);
+var Delete__default = /*#__PURE__*/_interopDefaultLegacy(Delete$1);
 var Accordion__default = /*#__PURE__*/_interopDefaultLegacy(Accordion);
 var Button__default = /*#__PURE__*/_interopDefaultLegacy(Button);
 var Pane__default = /*#__PURE__*/_interopDefaultLegacy(Pane$1);
@@ -79,18 +84,22 @@ var dayjs__default = /*#__PURE__*/_interopDefaultLegacy(dayjs);
 var timezone__default = /*#__PURE__*/_interopDefaultLegacy(timezone);
 var utc__default = /*#__PURE__*/_interopDefaultLegacy(utc);
 var weekday__default = /*#__PURE__*/_interopDefaultLegacy(weekday);
+var Help__default = /*#__PURE__*/_interopDefaultLegacy(Help);
 var DatePicker__default = /*#__PURE__*/_interopDefaultLegacy(DatePicker);
 var TimePickerInput__default = /*#__PURE__*/_interopDefaultLegacy(TimePickerInput);
 var Input__default = /*#__PURE__*/_interopDefaultLegacy(Input);
 var NeetoUITreeSelect__default = /*#__PURE__*/_interopDefaultLegacy(NeetoUITreeSelect);
+var Plus__default = /*#__PURE__*/_interopDefaultLegacy(Plus);
 var yup__namespace = /*#__PURE__*/_interopNamespace(yup);
 var useHotkeys__default = /*#__PURE__*/_interopDefaultLegacy(useHotkeys);
+var Close__default = /*#__PURE__*/_interopDefaultLegacy(Close);
 var Tooltip__default = /*#__PURE__*/_interopDefaultLegacy(Tooltip);
 var axios__default = /*#__PURE__*/_interopDefaultLegacy(axios);
 var Dropdown__default = /*#__PURE__*/_interopDefaultLegacy(Dropdown$2);
 var Search__default = /*#__PURE__*/_interopDefaultLegacy(Search);
 var Alert__default = /*#__PURE__*/_interopDefaultLegacy(Alert);
 var Spinner__default = /*#__PURE__*/_interopDefaultLegacy(Spinner);
+var Down__default = /*#__PURE__*/_interopDefaultLegacy(Down);
 var MenuBar__default = /*#__PURE__*/_interopDefaultLegacy(MenuBar);
 var MoreDropdown__default = /*#__PURE__*/_interopDefaultLegacy(MoreDropdown);
 
@@ -369,7 +378,7 @@ var TREE_SELECT_RULES = [{
   value: "is_unknown"
 }];
 var DEFAULT_HELP_ICON_PROPS = {
-  icon: neetoIcons.Help
+  icon: Help__default["default"]
 };
 
 function ownKeys$e(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
@@ -2023,7 +2032,7 @@ var AddFilter = function AddFilter(_ref) {
           onChange: handleChange
         }), /*#__PURE__*/jsxRuntime.jsx(Button__default["default"], {
           className: "mt-6 self-center",
-          icon: neetoIcons.Delete,
+          icon: Delete__default["default"],
           style: "text",
           onClick: function onClick() {
             handleClearFilter(selectedColumn.column);
@@ -2045,7 +2054,7 @@ var AddFilter = function AddFilter(_ref) {
     }) : /*#__PURE__*/jsxRuntime.jsx(Button__default["default"], {
       disabled: disabled,
       className: "self-start",
-      icon: neetoIcons.Plus,
+      icon: Plus__default["default"],
       iconPosition: "left",
       label: t("neetoFilters.segments.addFilter"),
       style: "link",
@@ -2181,7 +2190,7 @@ var SegmentForm = function SegmentForm(_ref) {
                     }
                   }), /*#__PURE__*/jsxRuntime.jsx(Button__default["default"], {
                     className: "mt-6 self-center",
-                    icon: neetoIcons.Delete,
+                    icon: Delete__default["default"],
                     style: "text",
                     onClick: function onClick() {
                       return handleClearFilter(column, values, setFieldValue);
@@ -2418,7 +2427,7 @@ var Block = function Block(_ref) {
         children: blockContent
       }), !defaultValue && /*#__PURE__*/jsxRuntime.jsx("div", {
         className: "neeto-filters-bar__block-close",
-        children: /*#__PURE__*/jsxRuntime.jsx(neetoIcons.Close, {
+        children: /*#__PURE__*/jsxRuntime.jsx(Close__default["default"], {
           "data-cy": "neeto-filters-".concat(neetoCist.hyphenate(key), "-block-close-btn"),
           size: 16,
           strokeWidth: 2,
@@ -2463,7 +2472,7 @@ var ChildBlock = function ChildBlock(_ref) {
       children: childKey
     }), /*#__PURE__*/jsxRuntime.jsx("div", {
       className: "neeto-filters-bar__block-close",
-      children: /*#__PURE__*/jsxRuntime.jsx(neetoIcons.Close, {
+      children: /*#__PURE__*/jsxRuntime.jsx(Close__default["default"], {
         "data-cy": "neeto-filters-".concat(neetoCist.hyphenate(childKey), "-block-close-btn"),
         size: 16,
         strokeWidth: 2,
@@ -2611,29 +2620,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 reactQuery.useQuery([SEGMENTS_LIST, entity, searchTerm], function () {
-    return segmentsApi.fetch({
-      entity: entity,
-      searchTerm: searchTerm
-    });
-  }, ramda.mergeRight({
-    staleTime: SEGMENTS_STALE_TIME,
-    select: ramda.prop("segments")
+  return reactQuery.useQuery(_objectSpread$4({
+    queryKey: [SEGMENTS_LIST, entity, searchTerm],
+    queryFn: function queryFn() {
+      return segmentsApi.fetch({
+        entity: entity,
+        searchTerm: searchTerm
+      });
+    },
+    select: ramda.prop("segments"),
+    staleTime: SEGMENTS_STALE_TIME
   }, options));
 };
 var useCreateSegment = function useCreateSegment(options) {
   return reactUtils.useMutationWithInvalidation(segmentsApi.create, _objectSpread$4({
-    keysToInvalidate: [SEGMENTS_LIST]
+    keysToInvalidate: [[SEGMENTS_LIST]]
   }, options));
 };
 var useUpdateSegment = function useUpdateSegment(options) {
   return reactUtils.useMutationWithInvalidation(segmentsApi.update, _objectSpread$4({
-    keysToInvalidate: [SEGMENTS_LIST]
+    keysToInvalidate: [[SEGMENTS_LIST]]
   }, options));
 };
 var useDestroySegment = function useDestroySegment(options) {
   return reactUtils.useMutationWithInvalidation(segmentsApi.destroy, _objectSpread$4({
-    keysToInvalidate: [SEGMENTS_LIST]
+    keysToInvalidate: [[SEGMENTS_LIST]]
   }, options));
 };
 
@@ -2658,10 +2669,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 = reactUtils.useQueryParams({
     toCamelCase: false
@@ -3301,7 +3312,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,
@@ -3362,7 +3373,7 @@ var useSegments = function useSegments(_ref) {
     setSegments = _useState2[1];
   var _useUpdateSegment = useUpdateSegment(),
     updateSegment = _useUpdateSegment.mutate,
-    isUpdating = _useUpdateSegment.isLoading;
+    isUpdating = _useUpdateSegment.isPending;
   var _useState3 = React.useState({
       action: "",
       segment: undefined
@@ -3553,7 +3564,7 @@ var MenuBlocks = function MenuBlocks(_ref) {
         children: t("neetoFilters.common.segments")
       })
     }), segments.length > ITEMS_MAX_COUNT && /*#__PURE__*/jsxRuntime.jsx(Button__default["default"], {
-      icon: neetoIcons.Down,
+      icon: Down__default["default"],
       style: "link",
       label: showAll ? t("neetoFilters.segments.showLess") : t("neetoFilters.segments.showMoreNumbers", {
         entity: segments.length - ITEMS_MAX_COUNT