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

package/README.md

@@ -160,16 +160,16 @@ The `NeetoRules` component is used to add the dashboard for automation rules.
 
 7.  `updateRule`: Object that define methods for update rule operation.
     - `onSuccess`: Object for handling update rule success callback.
-        - `callback`: Function to be called on success.
+        - `callback`: Function to be called on success. (Optional)
 8. `deleteRule`: Object that define methods for delete rule operation.
     - `onSuccess`: Object for handling delete rule success callback.
-        - `callback`: Function to be called on success.
+        - `callback`: Function to be called on success. (Optional)
 9. `cloneRule`: Object that define methods for clone rule operation.
     - `onSuccess`: Object for handling clone rule success callback.
-        - `callback`: Function to be called on success.
+        - `callback`: Function to be called on success. (Optional)
 10. `reoderRules`: Function to be called on reorder success.
     - `onSuccess`: Object for handling reorder rule success callback.
-        - `callback`: Function to be called on success.
+        - `callback`: Function to be called on success. (Optional)
 
 #### 2. `NeetoRulesForm`
 

package/dist/index.cjs.js

@@ -7,7 +7,7 @@ var neetoCist = require('@bigbinary/neeto-cist');
 var constants = require('@bigbinary/neeto-commons-frontend/constants');
 var reactUtils = require('@bigbinary/neeto-commons-frontend/react-utils');
 var Container = require('@bigbinary/neeto-molecules/Container');
-var reactQuery = require('react-query');
+var reactQuery = require('@tanstack/react-query');
 var axios = require('axios');
 var NeetoHeader = require('@bigbinary/neeto-molecules/Header');
 var HelpPopover = require('@bigbinary/neeto-molecules/HelpPopover');
@@ -284,34 +284,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 reactQuery.useQuery([AUTOMATION_RULES, params], function () {
-    return automationRulesApi.fetch(params);
-  }, _objectSpread$t({
+  return reactQuery.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: reactQuery.keepPreviousData
   }, options));
 };
 var useUpdateAutomationRule = function useUpdateAutomationRule() {
   return reactUtils.useMutationWithInvalidation(automationRulesApi.update, {
-    keysToInvalidate: [AUTOMATION_RULES]
+    keysToInvalidate: [[AUTOMATION_RULES]]
   });
 };
 var useCloneAutomationRule = function useCloneAutomationRule() {
   return reactUtils.useMutationWithInvalidation(automationRulesApi.clone, {
-    keysToInvalidate: [AUTOMATION_RULES]
+    keysToInvalidate: [[AUTOMATION_RULES]]
   });
 };
 var useDeleteAutomationRule = function useDeleteAutomationRule() {
   return reactUtils.useMutationWithInvalidation(automationRulesApi.destroy, {
-    keysToInvalidate: [AUTOMATION_RULES]
+    keysToInvalidate: [[AUTOMATION_RULES]]
   });
 };
 var useReorderAutomationRules = function useReorderAutomationRules() {
   return reactUtils.useMutationWithInvalidation(automationRulesApi.reorder, {
-    keysToInvalidate: [AUTOMATION_RULES]
+    keysToInvalidate: [[AUTOMATION_RULES]]
   });
 };
 
@@ -9500,7 +9502,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) {
@@ -9594,9 +9596,9 @@ var RulesReorder = function RulesReorder(_ref) {
     }), /*#__PURE__*/jsxRuntime.jsxs(Pane__default["default"].Footer, {
       className: "flex items-center gap-x-2",
       children: [/*#__PURE__*/jsxRuntime.jsx(Button__default["default"], {
-        disabled: isLoading || ramda.equals(rules, initialRules),
+        disabled: isPending || ramda.equals(rules, initialRules),
         label: t("neetoRules.common.saveChange"),
-        loading: isLoading,
+        loading: isPending,
         style: "primary",
         onClick: function onClick() {
           return handleReorderSave(initialRules);
@@ -9837,13 +9839,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 = {
@@ -9856,15 +9858,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);
   };