feat: move tax types grid to mui

src/actions/tax-actions.js

@@ -9,10 +9,9 @@
  * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
  * See the License for the specific language governing permissions and
  * limitations under the License.
- **/
+ * */
 
 import T from "i18n-react/dist/i18n-react";
-import history from "../history";
 import {
   getRequest,
   putRequest,
@@ -21,11 +20,16 @@ import {
   createAction,
   stopLoading,
   startLoading,
-  showMessage,
   showSuccessMessage,
-  authErrorHandler
+  authErrorHandler,
+  escapeFilterValue
 } from "openstack-uicore-foundation/lib/utils/actions";
 import { getAccessTokenSafely } from "../utils/methods";
+import {
+  DEFAULT_CURRENT_PAGE,
+  DEFAULT_ORDER_DIR,
+  DEFAULT_PER_PAGE
+} from "../utils/constants";
 
 export const REQUEST_TAX_TYPES = "REQUEST_TAX_TYPES";
 export const RECEIVE_TAX_TYPES = "RECEIVE_TAX_TYPES";
@@ -37,35 +41,55 @@ export const TAX_TYPE_ADDED = "TAX_TYPE_ADDED";
 export const TAX_TYPE_DELETED = "TAX_TYPE_DELETED";
 export const TAX_TICKET_ADDED = "TAX_TICKET_ADDED";
 export const TAX_TICKET_REMOVED = "TAX_TICKET_REMOVED";
+const ALLOWED_TAX_TYPE_SORT_FIELDS = ["name", "rate"];
 
 export const getTaxTypes =
-  (order = "name", orderDir = 1) =>
+  (
+    term = "",
+    page = DEFAULT_CURRENT_PAGE,
+    perPage = DEFAULT_PER_PAGE,
+    order = "name",
+    orderDir = DEFAULT_ORDER_DIR
+  ) =>
   async (dispatch, getState) => {
     const { currentSummitState } = getState();
     const accessToken = await getAccessTokenSafely();
     const { currentSummit } = currentSummitState;
+    const filter = [];
+    const normalizedOrder = ALLOWED_TAX_TYPE_SORT_FIELDS.includes(order)
+      ? order
+      : "name";
 
     dispatch(startLoading());
 
+    if (term) {
+      const escapedTerm = escapeFilterValue(term);
+      filter.push(`name=@${escapedTerm}`);
+    }
+
     const params = {
-      page: 1,
-      per_page: 100,
+      page,
+      per_page: perPage,
       access_token: accessToken,
       expand: "ticket_types"
     };
 
+    if (filter.length > 0) {
+      params["filter[]"] = filter;
+    }
+
     // order
-    if (order != null && orderDir != null) {
-      const orderDirSign = orderDir === 1 ? "+" : "-";
-      params["order"] = `${orderDirSign}${order}`;
+    if (normalizedOrder != null && orderDir != null) {
+      const orderDirSign = orderDir === 1 ? "" : "-";
+      params.order = `${orderDirSign}${normalizedOrder}`;
     }
 
     return getRequest(
       createAction(REQUEST_TAX_TYPES),
       createAction(RECEIVE_TAX_TYPES),
       `${window.API_BASE_URL}/api/v1/summits/${currentSummit.id}/tax-types`,
       authErrorHandler,
-      { order, orderDir }
+      { order, orderDir, page, perPage, term }
     )(params)(dispatch).then(() => {
       dispatch(stopLoading());
     });
@@ -93,7 +117,7 @@ export const getTaxType = (taxTypeId) => async (dispatch, getState) => {
   });
 };
 
-export const resetTaxTypeForm = () => (dispatch, getState) => {
+export const resetTaxTypeForm = () => (dispatch) => {
   dispatch(createAction(RESET_TAX_TYPE_FORM)({}));
 };
 
@@ -111,7 +135,7 @@ export const saveTaxType = (entity) => async (dispatch, getState) => {
   const normalizedEntity = normalizeEntity(entity);
 
   if (entity.id) {
-    putRequest(
+    return putRequest(
       createAction(UPDATE_TAX_TYPE),
       createAction(TAX_TYPE_UPDATED),
       `${window.API_BASE_URL}/api/v1/summits/${currentSummit.id}/tax-types/${entity.id}`,
@@ -120,31 +144,20 @@ export const saveTaxType = (entity) => async (dispatch, getState) => {
       entity
     )(params)(dispatch).then((payload) => {
       dispatch(showSuccessMessage(T.translate("edit_tax_type.tax_type_saved")));
-    });
-  } else {
-    const success_message = {
-      title: T.translate("general.done"),
-      html: T.translate("edit_tax_type.tax_type_created"),
-      type: "success"
-    };
-
-    postRequest(
-      createAction(UPDATE_TAX_TYPE),
-      createAction(TAX_TYPE_ADDED),
-      `${window.API_BASE_URL}/api/v1/summits/${currentSummit.id}/tax-types`,
-      normalizedEntity,
-      authErrorHandler,
-      entity
-    )(params)(dispatch).then((payload) => {
-      dispatch(
-        showMessage(success_message, () => {
-          history.push(
-            `/app/summits/${currentSummit.id}/tax-types/${payload.response.id}`
-          );
-        })
-      );
+      return payload;
     });
   }
+  return postRequest(
+    createAction(UPDATE_TAX_TYPE),
+    createAction(TAX_TYPE_ADDED),
+    `${window.API_BASE_URL}/api/v1/summits/${currentSummit.id}/tax-types`,
+    normalizedEntity,
+    authErrorHandler,
+    entity
+  )(params)(dispatch).then((payload) => {
+    dispatch(showSuccessMessage(T.translate("edit_tax_type.tax_type_created")));
+    return payload;
+  });
 };
 
 export const deleteTaxType = (taxTypeId) => async (dispatch, getState) => {