@bigbinary/neeto-message-templates-frontend 0.6.5 → 0.6.6

package/README.md

@@ -89,6 +89,7 @@ This component is used to manage message templates in your web application. It p
 - `breadcrumbs`: An array of objects that specify breadcrumbs for navigation.
 - `isTestingTemplateDisabled`: A boolean indicating whether the test template button should be enabled or not.
 - `manageTemplatesPaneCustomFields`: To add custom components to the manage templates pane.
+- `onMutationSuccess`: The callback function which is triggered on the success of mutation functions(create, update & delete).
 
 ##### Usage
 ```jsx
@@ -97,6 +98,8 @@ import React from "react";
 import { MessageTemplates } from "@bigbinary/neeto-message-templates-frontend";
 
 const App = () => {
+  const queryClient = useQueryClient();
+
   const breadcrumbs = [
     {
       link: "/settings",
@@ -130,6 +133,7 @@ const App = () => {
       type={type}
       isTestingTemplateDisabled={isTestingTemplateDisabled}
       manageTemplatesPaneCustomFields={manageTemplatesPaneCustomFields()}
+      onMutationSuccess={() => queryClient.invalidateQueries(["rules"])}
     />
   );
 };
@@ -206,7 +210,8 @@ This component is used to manage the API templates in your application. It provi
 - `ownerId`: To provide the `ID` of the owner to which the API templates belongs to.
 
 ##### Optional props
-- `breadcrumbs`:  An array of objects that specify breadcrumbs for navigation.
+- `breadcrumbs`: An array of objects that specify breadcrumbs for navigation.
+- `onMutationSuccess`: The callback function which is triggered on the success of mutation functions(create, update & delete).
 
 ##### Usage
 ```js
@@ -215,10 +220,17 @@ import React from "react";
 import { ApiTemplates } from "neetomessagetemplates";
 
 const App = () => {
+  const queryClient = useQueryClient();
+
   const breadcrumbs = [{ link: "/settings", text: "Settings" }];
   const ownerId = "ownerId";
 
-  return <ApiTemplates {...{ breadcrumbs, ownerId }} />;
+  return (
+    <ApiTemplates
+      {...{ breadcrumbs, ownerId }}
+      onMutationSuccess={() => queryClient.invalidateQueries(["rules"])}
+    />
+  );
 };
 ```
 

package/dist/index.cjs.js

@@ -2385,7 +2385,8 @@ function _objectSpread$7(e) { for (var r = 1; r < arguments.length; r++) { var t
 var RowActions = function RowActions(_ref) {
   var template = _ref.template,
     setManageTemplatePane = _ref.setManageTemplatePane,
-    ownerId = _ref.ownerId;
+    ownerId = _ref.ownerId,
+    onMutationSuccess = _ref.onMutationSuccess;
   var _useUpdateTemplate = useUpdateTemplate(ownerId),
     update = _useUpdateTemplate.mutate;
   var status = template.status,
@@ -2412,6 +2413,8 @@ var RowActions = function RowActions(_ref) {
         templateType: templateType
       },
       id: id
+    }, {
+      onSuccess: onMutationSuccess
     });
   };
   return /*#__PURE__*/React__default["default"].createElement(MoreDropdown__default["default"], {
@@ -2448,7 +2451,7 @@ var renderSearchProps = function renderSearchProps(label, value) {
     "data-cy": "".concat(neetoCist.hyphenate(value), "-search-input")
   };
 };
-var buildTableColumnData$1 = function buildTableColumnData(setManageTemplatePane, ownerId) {
+var buildTableColumnData$1 = function buildTableColumnData(setManageTemplatePane, ownerId, onMutationSuccess) {
   return [{
     dataIndex: "name",
     key: "name",
@@ -2466,6 +2469,7 @@ var buildTableColumnData$1 = function buildTableColumnData(setManageTemplatePane
           return handleEditTemplate(setManageTemplatePane, template);
         }
       }), /*#__PURE__*/React__default["default"].createElement(RowActions, {
+        onMutationSuccess: onMutationSuccess,
         ownerId: ownerId,
         setManageTemplatePane: setManageTemplatePane,
         template: template
@@ -3071,7 +3075,8 @@ var Form$1 = function Form(_ref) {
     shouldIncludeTestTemplate = _ref.shouldIncludeTestTemplate,
     templateVariables = _ref.templateVariables,
     isTestingTemplateDisabled = _ref.isTestingTemplateDisabled,
-    customFields = _ref.customFields;
+    customFields = _ref.customFields,
+    onMutationSuccess = _ref.onMutationSuccess;
   var _useTranslation = reactI18next.useTranslation(),
     t = _useTranslation.t;
   var editorRef = React.useRef(null);
@@ -3095,7 +3100,8 @@ var Form$1 = function Form(_ref) {
       id: template.id
     }, {
       onSuccess: function onSuccess() {
-        return onClose();
+        onMutationSuccess.apply(void 0, arguments);
+        onClose();
       }
     });
   };
@@ -3170,7 +3176,8 @@ var AddEdit = function AddEdit(_ref) {
     editText = _ref.editText,
     templateVariables = _ref.templateVariables,
     isTestingTemplateDisabled = _ref.isTestingTemplateDisabled,
-    customFields = _ref.customFields;
+    customFields = _ref.customFields,
+    onMutationSuccess = _ref.onMutationSuccess;
   var initialFocusField = React.useRef();
   var setInitialFocusField = function setInitialFocusField(fieldRef) {
     return initialFocusField.current = fieldRef;
@@ -3194,6 +3201,7 @@ var AddEdit = function AddEdit(_ref) {
     isTestMessageLoading: isTestMessageLoading,
     isTestingTemplateDisabled: isTestingTemplateDisabled,
     onClose: onClose,
+    onMutationSuccess: onMutationSuccess,
     setInitialFocusField: setInitialFocusField,
     shouldIncludeTestTemplate: shouldIncludeTestTemplate,
     template: template,
@@ -3302,7 +3310,8 @@ var List = function List(_ref) {
     addText = _ref.addText,
     isFilterApplied = _ref.isFilterApplied,
     ownerId = _ref.ownerId,
-    type = _ref.type;
+    type = _ref.type,
+    onMutationSuccess = _ref.onMutationSuccess;
   var _useTranslation = reactI18next.useTranslation(),
     t = _useTranslation.t;
   var _useDeleteTemplate = useDeleteTemplate(ownerId),
@@ -3319,6 +3328,7 @@ var List = function List(_ref) {
   var emptyStateLabel = isSms ? label : label.toLowerCase();
   var handleDelete = function handleDelete() {
     deleteTemplate(template.id, {
+      onSuccess: onMutationSuccess,
       onSettled: function onSettled() {
         setManageTemplatePane(ramda.assoc("isDelete", false));
       }
@@ -3329,7 +3339,6 @@ var List = function List(_ref) {
   }, /*#__PURE__*/React__default["default"].createElement(neetoui.Table, {
     totalCount: totalCount,
     fixedHeight: true,
-    columnData: buildTableColumnData$1(setManageTemplatePane, ownerId),
     currentPageNumber: pageIndex,
     defaultPageSize: pageSize,
     loading: isLoading,
@@ -3337,6 +3346,7 @@ var List = function List(_ref) {
     scroll: {
       x: "100%"
     },
+    columnData: buildTableColumnData$1(setManageTemplatePane, ownerId, onMutationSuccess),
     handlePageChange: function handlePageChange(index, size) {
       return setPageProperties({
         index: index,
@@ -3397,7 +3407,9 @@ var MessageTemplates = function MessageTemplates(_ref) {
     _ref$isTestingTemplat = _ref.isTestingTemplateDisabled,
     isTestingTemplateDisabled = _ref$isTestingTemplat === void 0 ? false : _ref$isTestingTemplat,
     _ref$manageTemplatesP = _ref.manageTemplatesPaneCustomFields,
-    manageTemplatesPaneCustomFields = _ref$manageTemplatesP === void 0 ? null : _ref$manageTemplatesP;
+    manageTemplatesPaneCustomFields = _ref$manageTemplatesP === void 0 ? null : _ref$manageTemplatesP,
+    _ref$onMutationSucces = _ref.onMutationSuccess,
+    onMutationSuccess = _ref$onMutationSucces === void 0 ? neetoCist.noop : _ref$onMutationSucces;
   var _useState = React.useState(MESSAGE_TEMPLATE_INITIAL_STATE),
     _useState2 = _slicedToArray(_useState, 2),
     manageTemplatePane = _useState2[0],
@@ -3482,6 +3494,7 @@ var MessageTemplates = function MessageTemplates(_ref) {
     label: label,
     labelSingular: labelSingular,
     manageTemplatePane: manageTemplatePane,
+    onMutationSuccess: onMutationSuccess,
     ownerId: ownerId,
     pageProperties: pageProperties,
     setManageTemplatePane: setManageTemplatePane,
@@ -3496,6 +3509,7 @@ var MessageTemplates = function MessageTemplates(_ref) {
     isTestMessageLoading: isTestMessageLoading,
     isTestingTemplateDisabled: isTestingTemplateDisabled,
     manageTemplatePane: manageTemplatePane,
+    onMutationSuccess: onMutationSuccess,
     shouldIncludeTestTemplate: shouldIncludeTestTemplate,
     templateVariables: templateVariables,
     customFields: manageTemplatesPaneCustomFields,
@@ -4016,7 +4030,8 @@ var Form = function Form(_ref) {
   var setFocusField = _ref.setFocusField,
     onClose = _ref.onClose,
     ownerId = _ref.ownerId,
-    selectedApiTemplate = _ref.selectedApiTemplate;
+    selectedApiTemplate = _ref.selectedApiTemplate,
+    onMutationSuccess = _ref.onMutationSuccess;
   var _useTranslation = reactI18next.useTranslation(),
     t = _useTranslation.t;
   var _useCreateTemplate = useCreateTemplate(ownerId),
@@ -4030,7 +4045,10 @@ var Form = function Form(_ref) {
     var setSubmitting = _ref2.setSubmitting;
     var payload = buildApiTemplatePayload(values);
     var options = {
-      onSuccess: onClose,
+      onSuccess: function onSuccess() {
+        onMutationSuccess.apply(void 0, arguments);
+        onClose();
+      },
       onSettled: function onSettled() {
         return setSubmitting(false);
       }
@@ -4081,7 +4099,9 @@ var Form = function Form(_ref) {
 var ApiTemplates = function ApiTemplates(_ref) {
   var ownerId = _ref.ownerId,
     _ref$breadcrumbs = _ref.breadcrumbs,
-    breadcrumbs = _ref$breadcrumbs === void 0 ? [] : _ref$breadcrumbs;
+    breadcrumbs = _ref$breadcrumbs === void 0 ? [] : _ref$breadcrumbs,
+    _ref$onMutationSucces = _ref.onMutationSuccess,
+    onMutationSuccess = _ref$onMutationSucces === void 0 ? neetoCist.noop : _ref$onMutationSucces;
   var _useTranslation = reactI18next.useTranslation(),
     t = _useTranslation.t;
   var _useState = React.useState(DEFAULT_PAGE_PROPERTIES),
@@ -4164,11 +4184,16 @@ var ApiTemplates = function ApiTemplates(_ref) {
         templateType: API_TEMPLATE_TYPE
       },
       id: id
+    }, {
+      onSuccess: onMutationSuccess
     });
   };
   var handleDeleteApiTemplate = function handleDeleteApiTemplate() {
     return deleteTemplate(selectedApiTemplate.id, {
-      onSuccess: handleCloseDeleteAlertAndFormPane
+      onSuccess: function onSuccess() {
+        onMutationSuccess.apply(void 0, arguments);
+        handleCloseDeleteAlertAndFormPane();
+      }
     });
   };
   return /*#__PURE__*/React__default["default"].createElement(Container__default["default"], null, /*#__PURE__*/React__default["default"].createElement(NeetoHeader__default["default"], {
@@ -4246,6 +4271,7 @@ var ApiTemplates = function ApiTemplates(_ref) {
   }, function (_ref3) {
     var setFocusField = _ref3.setFocusField;
     return /*#__PURE__*/React__default["default"].createElement(Form, {
+      onMutationSuccess: onMutationSuccess,
       ownerId: ownerId,
       selectedApiTemplate: selectedApiTemplate,
       setFocusField: setFocusField,