strapi-plugin-content-manager/admin/src/containers/ListView/reducer.js

A powerful UI to easily manage your data.

/**
 *
 * listView reducer
 */

import produce from 'immer';
import {
  GET_DATA,
  GET_DATA_SUCCEEDED,
  RESET_PROPS,
  ON_CHANGE_BULK,
  ON_CHANGE_BULK_SELECT_ALL,
  ON_DELETE_DATA_ERROR,
  ON_DELETE_DATA_SUCCEEDED,
  ON_DELETE_SEVERAL_DATA_SUCCEEDED,
  TOGGLE_MODAL_DELETE,
  TOGGLE_MODAL_DELETE_ALL,
  ON_CHANGE_LIST_HEADERS,
  ON_RESET_LIST_HEADERS,
  SET_LIST_LAYOUT,
  SET_MODAL_LOADING_STATE,
} from './constants';

export const initialState = {
  data: [],
  didDeleteData: false,
  entriesToDelete: [],
  isLoading: true,
  showModalConfirmButtonLoading: false,
  showWarningDelete: false,
  showWarningDeleteAll: false,
  contentType: {},
  initialDisplayedHeaders: [],
  displayedHeaders: [],
  pagination: {
    total: 0,
  },
};

const listViewReducer = (state = initialState, action) =>
  // eslint-disable-next-line consistent-return
  produce(state, drafState => {
    switch (action.type) {
      case GET_DATA: {
        return {
          ...initialState,
          contentType: state.contentType,
          initialDisplayedHeaders: state.initialDisplayedHeaders,
          displayedHeaders: state.displayedHeaders,
        };
      }

      case GET_DATA_SUCCEEDED: {
        drafState.pagination = action.pagination;
        drafState.data = action.data;
        drafState.isLoading = false;
        break;
      }
      case ON_CHANGE_BULK: {
        const hasElement = state.entriesToDelete.some(el => el === action.name);

        if (hasElement) {
          drafState.entriesToDelete = drafState.entriesToDelete.filter(el => el !== action.name);
          break;
        }

        drafState.entriesToDelete.push(action.name);
        break;
      }
      case ON_CHANGE_BULK_SELECT_ALL: {
        if (state.entriesToDelete.length > 0) {
          drafState.entriesToDelete = [];

          break;
        }

        drafState.data.forEach(value => {
          drafState.entriesToDelete.push(value.id.toString());
        });

        break;
      }

      case ON_CHANGE_LIST_HEADERS: {
        const {
          target: { name, value },
        } = action;

        if (!value) {
          const { metadatas, attributes, uid } = state.contentType;
          const metas = metadatas[name].list;
          const header = {
            name,
            fieldSchema: attributes[name],
            metadatas: metas,
            key: `__${name}_key__`,
          };

          if (attributes[name].type === 'relation') {
            drafState.displayedHeaders.push({
              ...header,
              queryInfos: {
                defaultParams: {},
                endPoint: `collection-types/${uid}`,
              },
            });
          } else {
            drafState.displayedHeaders.push(header);
          }
        } else {
          drafState.displayedHeaders = state.displayedHeaders.filter(
            header => header.name !== name
          );
        }

        break;
      }
      case ON_DELETE_DATA_SUCCEEDED: {
        drafState.didDeleteData = true;
        drafState.showWarningDelete = false;
        break;
      }
      case ON_DELETE_DATA_ERROR: {
        drafState.didDeleteData = false;
        drafState.showWarningDelete = false;
        break;
      }
      case ON_DELETE_SEVERAL_DATA_SUCCEEDED: {
        drafState.didDeleteData = true;
        drafState.showWarningDeleteAll = false;
        break;
      }
      case ON_RESET_LIST_HEADERS: {
        drafState.displayedHeaders = state.initialDisplayedHeaders;
        break;
      }
      case RESET_PROPS: {
        return initialState;
      }
      case SET_MODAL_LOADING_STATE: {
        drafState.showModalConfirmButtonLoading = true;
        break;
      }
      case TOGGLE_MODAL_DELETE: {
        drafState.showModalConfirmButtonLoading = false;

        // Only change this value when the modal is opening
        if (!state.showWarningDelete) {
          drafState.didDeleteData = false;
        }

        drafState.entriesToDelete = [];
        drafState.showWarningDelete = !state.showWarningDelete;

        break;
      }
      case TOGGLE_MODAL_DELETE_ALL: {
        drafState.showModalConfirmButtonLoading = false;

        // Only change this value when the modal is closing
        if (!state.showWarningDeleteAll) {
          drafState.didDeleteData = false;
        }

        drafState.showWarningDeleteAll = !state.showWarningDeleteAll;
        break;
      }
      case SET_LIST_LAYOUT: {
        const { contentType, displayedHeaders } = action;

        drafState.contentType = contentType;
        drafState.displayedHeaders = displayedHeaders;
        drafState.initialDisplayedHeaders = displayedHeaders;

        break;
      }
      default:
        return drafState;
    }
  });

export default listViewReducer;