@shopgate/engage/components/SideNavigation/selectors.js

Shopgate's ENGAGE library.

import { createSelector } from 'reselect';
import { getCategoryChildren, getRootCategories, getRootCategoriesState, getChildCategoriesForCategory } from '@shopgate/pwa-common-commerce/category/selectors';

/**
 * Creates a getCategoriesById selector
 * @returns {Function}
 */
export const makeGetSubcategoriesByCategoryId = () =>
/**
 * Retrieves categories from the state.
 * If no category id is passed, root-categories will be returned.
 * @param {Object} state The application state.
 * @param {Object} props The component props.
 * @returns {Object[]} The categories collection.
 */
createSelector(getCategoryChildren, getRootCategories, (state, props) => props.categoryId, (childCategories, rootCategories, categoryId) => {
  // Check if we have to handle the root-category
  if (!categoryId && rootCategories) {
    return rootCategories;
  }
  return childCategories;
});

/**
 * Creates a getAreRootCategoriesFetching selector
 * @returns {Function}
 */
export const makeGetAreRootCategoriesFetching = () => createSelector(getRootCategoriesState, rootCategories => rootCategories?.isFetching || false);

/**
 * Creates a getIsCategoryFetching selector
 * @returns {Function}
 */
export const makeGetAreChildCategoriesFetching = () => createSelector(getChildCategoriesForCategory, category => category?.isFetching || false);