@bigbinary/neeto-rules-frontend 1.0.0 → 1.1.0

package/README.md

@@ -158,6 +158,18 @@ The `NeetoRules` component is used to add the dashboard for automation rules.
     | DELETE `{automationRulesEndpoint}/{id}` | `destroy` | To delete the automation rule. |
     | PATCH `{automationRulesEndpoint}/reorder` | `reorder` | To reorder the 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.
+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.
+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.
+10. `reoderRules`: Function to be called on reorder success.
+    - `onSuccess`: Object for handling reorder rule success callback.
+        - `callback`: Function to be called on success.
 
 #### 2. `NeetoRulesForm`
 

package/dist/index.cjs.js

@@ -9490,7 +9490,8 @@ var RulesReorder = function RulesReorder(_ref) {
     rules = _ref.rules,
     _ref$paginationProps = _ref.paginationProps,
     paginationProps = _ref$paginationProps === void 0 ? {} : _ref$paginationProps,
-    url = _ref.url;
+    url = _ref.url,
+    onReorderSuccess = _ref.onReorderSuccess;
   var _useState = React.useState(rules),
     _useState2 = _slicedToArray$1(_useState, 2),
     initialRules = _useState2[0],
@@ -9516,7 +9517,10 @@ var RulesReorder = function RulesReorder(_ref) {
         }
       }
     }, {
-      onSuccess: onClose
+      onSuccess: function onSuccess() {
+        onReorderSuccess === null || onReorderSuccess === void 0 || onReorderSuccess();
+        onClose();
+      }
     });
   };
   var onDragEnd = function onDragEnd(result) {
@@ -9810,7 +9814,12 @@ var RulesTable = function RulesTable(_ref) {
     rules = _ref$rules === void 0 ? [] : _ref$rules,
     totalCount = _ref.totalCount,
     helpDocUrl = _ref.helpDocUrl,
-    isLoading = _ref.isLoading;
+    isLoading = _ref.isLoading,
+    onDeleteSuccess = _ref.onDeleteSuccess,
+    onCloneSuccess = _ref.onCloneSuccess,
+    onUpdateSuccess = _ref.onUpdateSuccess,
+    page = _ref.page,
+    setPage = _ref.setPage;
   var _useQueryParams = reactUtils.useQueryParams(),
     _useQueryParams$searc = _useQueryParams.searchTerm,
     searchTerm = _useQueryParams$searc === void 0 ? "" : _useQueryParams$searc;
@@ -9818,10 +9827,6 @@ var RulesTable = function RulesTable(_ref) {
     _useState2 = _slicedToArray$1(_useState, 2),
     selectedRule = _useState2[0],
     setSelectedRule = _useState2[1];
-  var _useState3 = React.useState(DEFAULT_INIT_PAGE),
-    _useState4 = _slicedToArray$1(_useState3, 2),
-    page = _useState4[0],
-    setPage = _useState4[1];
   var _useUtilityStore = useUtilityStore(function (store) {
       return {
         hidePreviewPane: store["hidePreviewPane"]
@@ -9850,8 +9855,19 @@ var RulesTable = function RulesTable(_ref) {
       id: id,
       url: url,
       payload: payload
+    }, {
+      onSuccess: onUpdateSuccess
     });
   };
+  var handleCloneSuccess = function handleCloneSuccess() {
+    onCloneSuccess();
+    hidePreviewPane();
+  };
+  var handleDeleteSuccess = function handleDeleteSuccess() {
+    onDeleteSuccess();
+    hidePreviewPane();
+    setSelectedRule(null);
+  };
   var columnData = getColumnData({
     handleChangeStatus: handleChangeStatus,
     additionalColumns: additionalColumns,
@@ -9860,7 +9876,7 @@ var RulesTable = function RulesTable(_ref) {
         id: id,
         url: url
       }, {
-        onSuccess: hidePreviewPane
+        onSuccess: handleCloneSuccess
       });
     },
     onDelete: setSelectedRule,
@@ -9868,7 +9884,7 @@ var RulesTable = function RulesTable(_ref) {
     automationRulesPath: automationRulesPath,
     moreDropdownItems: moreDropdownItems
   });
-  if (isLoading) {
+  if (isLoading && ramda.isEmpty(rules)) {
     return /*#__PURE__*/jsxRuntime.jsx(PageLoader__default["default"], {});
   }
   if (ramda.isEmpty(rules)) {
@@ -9904,7 +9920,7 @@ var RulesTable = function RulesTable(_ref) {
         currentPageNumber: page,
         defaultPageSize: constants.DEFAULT_PAGE_SIZE,
         handlePageChange: setPage,
-        loading: isUpdating || isCloning || isDeleting,
+        loading: isUpdating || isCloning || isDeleting || isLoading,
         rowData: rules.map(function (item) {
           return _objectSpread$n({
             key: item.id
@@ -9935,10 +9951,7 @@ var RulesTable = function RulesTable(_ref) {
           id: selectedRule === null || selectedRule === void 0 ? void 0 : selectedRule.id,
           url: url
         }, {
-          onSuccess: function onSuccess() {
-            hidePreviewPane();
-            setSelectedRule(null);
-          }
+          onSuccess: handleDeleteSuccess
         });
       }
     })]
@@ -9948,7 +9961,7 @@ var RulesTable = function RulesTable(_ref) {
 function ownKeys$n(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; }
 function _objectSpread$m(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$n(Object(t), !0).forEach(function (r) { _defineProperty$2(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$n(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
 var NeetoRules = function NeetoRules(_ref) {
-  var _helpPopoverProps$hel;
+  var _helpPopoverProps$hel, _cloneRule$onSuccess, _deleteRule$onSuccess, _updateRule$onSuccess, _reorderRules$onSucce;
   var breadcrumbs = _ref.breadcrumbs,
     automationRulesPath = _ref.automationRulesPath,
     url = _ref.automationRulesEndpoint,
@@ -9957,13 +9970,17 @@ var NeetoRules = function NeetoRules(_ref) {
     _ref$rulesTableProps = _ref.rulesTableProps,
     rulesTableProps = _ref$rulesTableProps === void 0 ? {} : _ref$rulesTableProps,
     _ref$helpPopoverProps = _ref.helpPopoverProps,
-    helpPopoverProps = _ref$helpPopoverProps === void 0 ? {} : _ref$helpPopoverProps;
+    helpPopoverProps = _ref$helpPopoverProps === void 0 ? {} : _ref$helpPopoverProps,
+    deleteRule = _ref.deleteRule,
+    cloneRule = _ref.cloneRule,
+    updateRule = _ref.updateRule,
+    reorderRules = _ref.reorderRules;
   var _useState = React.useState(false),
     _useState2 = _slicedToArray$1(_useState, 2),
     isReorderPaneOpen = _useState2[0],
     setIsReorderPaneOpen = _useState2[1];
   var helpDocUrl = helpPopoverProps === null || helpPopoverProps === void 0 || (_helpPopoverProps$hel = helpPopoverProps.helpLinkProps) === null || _helpPopoverProps$hel === void 0 ? void 0 : _helpPopoverProps$hel.href;
-  var _useState3 = React.useState(1),
+  var _useState3 = React.useState(DEFAULT_INIT_PAGE),
     _useState4 = _slicedToArray$1(_useState3, 2),
     page = _useState4[0],
     setPage = _useState4[1];
@@ -9982,7 +9999,8 @@ var NeetoRules = function NeetoRules(_ref) {
     rules = _useFetchAutomationRu4 === void 0 ? [] : _useFetchAutomationRu4,
     _useFetchAutomationRu5 = _useFetchAutomationRu3.totalCount,
     totalCount = _useFetchAutomationRu5 === void 0 ? 0 : _useFetchAutomationRu5,
-    isLoading = _useFetchAutomationRu.isLoading;
+    isLoading = _useFetchAutomationRu.isLoading,
+    isFetching = _useFetchAutomationRu.isFetching;
   var hasUnfilteredRules = neetoCist.isPresent(searchTerm) || totalCount > 0;
   return /*#__PURE__*/jsxRuntime.jsxs(Container__default["default"], {
     children: [/*#__PURE__*/jsxRuntime.jsx(Header$1, {
@@ -9992,26 +10010,33 @@ var NeetoRules = function NeetoRules(_ref) {
       hasUnfilteredRules: hasUnfilteredRules,
       helpPopoverProps: helpPopoverProps,
       setIsReorderPaneOpen: setIsReorderPaneOpen
-    }), /*#__PURE__*/jsxRuntime.jsx(RulesTable, _objectSpread$m({}, _objectSpread$m({
+    }), /*#__PURE__*/jsxRuntime.jsx(RulesTable, _objectSpread$m(_objectSpread$m({}, _objectSpread$m({
       automationRulesPath: automationRulesPath,
       helpDocUrl: helpDocUrl,
-      isLoading: isLoading,
+      page: page,
       rules: rules,
+      setPage: setPage,
       totalCount: totalCount,
       url: url
-    }, rulesTableProps))), allowReordering && !isLoading && /*#__PURE__*/jsxRuntime.jsx(RulesReorder, {
+    }, rulesTableProps)), {}, {
+      isLoading: isLoading || isFetching,
+      onCloneSuccess: cloneRule === null || cloneRule === void 0 || (_cloneRule$onSuccess = cloneRule.onSuccess) === null || _cloneRule$onSuccess === void 0 ? void 0 : _cloneRule$onSuccess.callback,
+      onDeleteSuccess: deleteRule === null || deleteRule === void 0 || (_deleteRule$onSuccess = deleteRule.onSuccess) === null || _deleteRule$onSuccess === void 0 ? void 0 : _deleteRule$onSuccess.callback,
+      onUpdateSuccess: updateRule === null || updateRule === void 0 || (_updateRule$onSuccess = updateRule.onSuccess) === null || _updateRule$onSuccess === void 0 ? void 0 : _updateRule$onSuccess.callback
+    })), allowReordering && !isLoading && /*#__PURE__*/jsxRuntime.jsx(RulesReorder, {
       rules: rules,
       url: url,
       isOpen: isReorderPaneOpen,
       paginationProps: {
         pageNo: page,
-        setPage: setPage,
         count: totalCount,
-        pageSize: constants.DEFAULT_PAGE_SIZE
+        pageSize: constants.DEFAULT_PAGE_SIZE,
+        navigate: setPage
       },
       onClose: function onClose() {
         return setIsReorderPaneOpen(false);
-      }
+      },
+      onReorderSuccess: reorderRules === null || reorderRules === void 0 || (_reorderRules$onSucce = reorderRules.onSuccess) === null || _reorderRules$onSucce === void 0 ? void 0 : _reorderRules$onSucce.callback
     })]
   });
 };
@@ -10671,6 +10696,8 @@ var DropdownField$1 = function DropdownField(_ref) {
     name = _ref.name,
     index = _ref.index,
     selectedField = _ref.selectedField;
+  var _useTranslation = reactI18next.useTranslation(),
+    t = _useTranslation.t;
   var _useFormikContext = formik.useFormikContext(),
     actions = _useFormikContext.values.actions,
     setFieldValue = _useFormikContext.setFieldValue,
@@ -10692,8 +10719,6 @@ var DropdownField$1 = function DropdownField(_ref) {
     _useState6 = _slicedToArray$1(_useState5, 2),
     searchTerm = _useState6[0],
     setSearchTerm = _useState6[1];
-  var _useTranslation = reactI18next.useTranslation(),
-    t = _useTranslation.t;
   var defaultValue = ((_actions$value$index$ = actions.value[index].metadata) === null || _actions$value$index$ === void 0 ? void 0 : _actions$value$index$.value) || ((_actions$value$index = actions.value[index]) === null || _actions$value$index === void 0 ? void 0 : _actions$value$index.value);
   var searchedOptions = getSearchedOptions$3(dropdownOptions, searchTerm);
   var isValueSelected = defaultSelectedOption.label === defaultLabel && errors.actions && ramda.isNotNil((_errors$actions = errors.actions) === null || _errors$actions === void 0 || (_errors$actions = _errors$actions.value) === null || _errors$actions === void 0 ? void 0 : _errors$actions[index]) && ramda.isNotNil((_touched$actions = touched.actions) === null || _touched$actions === void 0 || (_touched$actions = _touched$actions.value) === null || _touched$actions === void 0 ? void 0 : _touched$actions[index]);