@bigbinary/neeto-rules-frontend 1.2.0-beta1 → 1.2.0-beta3

package/dist/index.js

@@ -4,7 +4,7 @@ import { isNotEmpty, isPresent, renameKeys, findBy, noop as noop$4, nullSafe, to
 import { DEFAULT_PAGE_SIZE } from '@bigbinary/neeto-commons-frontend/constants';
 import { useMutationWithInvalidation, useQueryParams, withImmutableActions, withT, useStateWithDependency, useDebounce } from '@bigbinary/neeto-commons-frontend/react-utils';
 import Container from '@bigbinary/neeto-molecules/Container';
-import { useQuery } from 'react-query';
+import { useQuery, keepPreviousData } from '@tanstack/react-query';
 import axios from 'axios';
 import NeetoHeader from '@bigbinary/neeto-molecules/Header';
 import HelpPopover from '@bigbinary/neeto-molecules/HelpPopover';
@@ -222,34 +222,36 @@ function ownKeys$v(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymb
 function _objectSpread$t(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$v(Object(t), !0).forEach(function (r) { _defineProperty$2(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$v(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
 var useFetchAutomationRules = function useFetchAutomationRules(params) {
   var options = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : {};
-  return useQuery([AUTOMATION_RULES, params], function () {
-    return automationRulesApi.fetch(params);
-  }, _objectSpread$t({
+  return useQuery(_objectSpread$t({
+    queryKey: [AUTOMATION_RULES, params],
+    queryFn: function queryFn() {
+      return automationRulesApi.fetch(params);
+    },
     staleTime: STALE_TIME,
     select: function select(response) {
       return response.data || response;
     },
-    keepPreviousData: true
+    placeholderData: keepPreviousData
   }, options));
 };
 var useUpdateAutomationRule = function useUpdateAutomationRule() {
   return useMutationWithInvalidation(automationRulesApi.update, {
-    keysToInvalidate: [AUTOMATION_RULES]
+    keysToInvalidate: [[AUTOMATION_RULES]]
   });
 };
 var useCloneAutomationRule = function useCloneAutomationRule() {
   return useMutationWithInvalidation(automationRulesApi.clone, {
-    keysToInvalidate: [AUTOMATION_RULES]
+    keysToInvalidate: [[AUTOMATION_RULES]]
   });
 };
 var useDeleteAutomationRule = function useDeleteAutomationRule() {
   return useMutationWithInvalidation(automationRulesApi.destroy, {
-    keysToInvalidate: [AUTOMATION_RULES]
+    keysToInvalidate: [[AUTOMATION_RULES]]
   });
 };
 var useReorderAutomationRules = function useReorderAutomationRules() {
   return useMutationWithInvalidation(automationRulesApi.reorder, {
-    keysToInvalidate: [AUTOMATION_RULES]
+    keysToInvalidate: [[AUTOMATION_RULES]]
   });
 };
 
@@ -9438,7 +9440,7 @@ var RulesReorder = function RulesReorder(_ref) {
     t = _useTranslation.t;
   var _useReorderAutomation = useReorderAutomationRules(),
     reOrder = _useReorderAutomation.mutate,
-    isLoading = _useReorderAutomation.isLoading;
+    isPending = _useReorderAutomation.isPending;
   var handleReorderSave = function handleReorderSave(rules) {
     var params = [];
     rules.forEach(function (rule, index) {
@@ -9532,9 +9534,9 @@ var RulesReorder = function RulesReorder(_ref) {
     }), /*#__PURE__*/jsxs(Pane.Footer, {
       className: "flex items-center gap-x-2",
       children: [/*#__PURE__*/jsx$1(Button, {
-        disabled: isLoading || equals(rules, initialRules),
+        disabled: isPending || equals(rules, initialRules),
         label: t("neetoRules.common.saveChange"),
-        loading: isLoading,
+        loading: isPending,
         style: "primary",
         onClick: function onClick() {
           return handleReorderSave(initialRules);
@@ -9775,13 +9777,13 @@ var RulesTable = function RulesTable(_ref) {
     t = _useTranslation.t;
   var _useUpdateAutomationR = useUpdateAutomationRule(),
     updateRule = _useUpdateAutomationR.mutate,
-    isUpdating = _useUpdateAutomationR.isLoading;
+    isUpdating = _useUpdateAutomationR.isPending;
   var _useCloneAutomationRu = useCloneAutomationRule(),
     cloneRule = _useCloneAutomationRu.mutate,
-    isCloning = _useCloneAutomationRu.isLoading;
+    isCloning = _useCloneAutomationRu.isPending;
   var _useDeleteAutomationR = useDeleteAutomationRule(),
     deleteRule = _useDeleteAutomationR.mutate,
-    isDeleting = _useDeleteAutomationR.isLoading;
+    isDeleting = _useDeleteAutomationR.isPending;
   var handleChangeStatus = function handleChangeStatus(event, id) {
     var status = event.target.checked ? STATUS_KEYS$1.ENABLED : STATUS_KEYS$1.DISABLED;
     var payload = {
@@ -9794,15 +9796,17 @@ var RulesTable = function RulesTable(_ref) {
       url: url,
       payload: payload
     }, {
-      onSuccess: onUpdateSuccess
+      onSuccess: function onSuccess() {
+        return onUpdateSuccess === null || onUpdateSuccess === void 0 ? void 0 : onUpdateSuccess();
+      }
     });
   };
   var handleCloneSuccess = function handleCloneSuccess() {
-    onCloneSuccess();
+    onCloneSuccess === null || onCloneSuccess === void 0 || onCloneSuccess();
     hidePreviewPane();
   };
   var handleDeleteSuccess = function handleDeleteSuccess() {
-    onDeleteSuccess();
+    onDeleteSuccess === null || onDeleteSuccess === void 0 || onDeleteSuccess();
     hidePreviewPane();
     setSelectedRule(null);
   };