@zengenti/contensis-react-base 3.0.2-beta.0 → 3.0.2-beta.10

package/cjs/search.js

@@ -4,11 +4,11 @@ Object.defineProperty(exports, '__esModule', { value: true });
 
 var React = require('react');
 var reactRedux = require('react-redux');
-var sagas = require('./sagas-7c19ce8e.js');
 require('jsonpath-mapper');
 var reselect = require('reselect');
 var merge = require('deepmerge');
 require('query-string');
+var sagas = require('./sagas-6d12e7ca.js');
 var immer = require('immer');
 var equals = require('deep-equal');
 require('contensis-core-api');
@@ -36,14 +36,11 @@ const toJS = WrappedComponent => wrappedComponentProps => {
 };
 
 // eslint-disable-next-line import/default
-
 const withSearch = mappers => SearchComponent => {
   const Wrapper = props => {
     return /*#__PURE__*/React__default["default"].createElement(SearchComponent, props);
   };
-
   Wrapper.displayName = `withSearch(${SearchComponent.displayName || SearchComponent.name})`;
-
   const mapStateToProps = state => {
     return {
       currentFacet: sagas.getCurrentFacet(state),
@@ -70,12 +67,12 @@ const withSearch = mappers => SearchComponent => {
       totalCount: sagas.getTotalCount(state)
     };
   };
-
   const mapDispatchToProps = {
     clearFilters: filterKey => sagas.withMappers(sagas.clearFilters(filterKey), mappers),
     updateCurrentFacet: facet => sagas.withMappers(sagas.updateCurrentFacet(facet), mappers),
     updateCurrentTab: id => sagas.withMappers(sagas.updateCurrentTab(id), mappers),
     updatePageIndex: (pageIndex, scrollYPos) => sagas.withMappers(sagas.updatePageIndex(pageIndex, scrollYPos), mappers),
+    updatePageSize: (pageSize, scrollYPos) => sagas.withMappers(sagas.updatePageSize(pageSize, scrollYPos), mappers),
     updateSearchTerm: term => sagas.withMappers(sagas.updateSearchTerm(term), mappers),
     updateSelectedFilters: (filter, key, isUnknownItem = false, scrollYPos) => sagas.withMappers(sagas.updateSelectedFilters(filter, key, isUnknownItem, scrollYPos), mappers),
     updateSortOrder: orderBy => sagas.withMappers(sagas.updateSortOrder(orderBy), mappers)
@@ -85,12 +82,10 @@ const withSearch = mappers => SearchComponent => {
 };
 
 /* eslint-disable @typescript-eslint/naming-convention */
-
 const withListing = mappers => ListingComponent => {
   const Wrapper = props => {
     return /*#__PURE__*/React__default["default"].createElement(ListingComponent, props);
   };
-
   Wrapper.displayName = `withListing(${ListingComponent.displayName || ListingComponent.name})`;
   const {
     getCurrent,
@@ -105,7 +100,6 @@ const withListing = mappers => ListingComponent => {
     getSearchTerm,
     getSelectedFilters
   } = sagas.selectListing;
-
   const mapStateToProps = state => {
     return {
       currentListing: getCurrent(state),
@@ -124,11 +118,11 @@ const withListing = mappers => ListingComponent => {
       }, 'dynamicOrderBy', [])
     };
   };
-
   const mapDispatchToProps = {
     clearFilters: filterKey => sagas.withMappers(sagas.clearFilters(filterKey), mappers),
     updateCurrentFacet: facet => sagas.withMappers(sagas.updateCurrentFacet(facet), mappers),
     updatePageIndex: (pageIndex, scrollYPos) => sagas.withMappers(sagas.updatePageIndex(pageIndex, scrollYPos), mappers),
+    updatePageSize: (pageSize, scrollYPos) => sagas.withMappers(sagas.updatePageSize(pageSize, scrollYPos), mappers),
     updateSearchTerm: term => sagas.withMappers(sagas.updateSearchTerm(term), mappers),
     updateSelectedFilters: (filter, key, isUnknownItem = false, scrollYPos) => sagas.withMappers(sagas.updateSelectedFilters(filter, key, isUnknownItem, scrollYPos), mappers),
     updateSortOrder: orderBy => sagas.withMappers(sagas.updateSortOrder(orderBy), mappers)
@@ -159,7 +153,6 @@ const {
   getTabsAndFacets,
   getTotalCount
 } = sagas.selectFacets;
-
 const makeSelectFacetsProps = () => reselect.createSelector(state => state, (_, mappers) => mappers, (state, mappers) => ({
   currentFacet: getCurrent$1(state),
   currentPageIndex: getPageIndex$1(state),
@@ -184,7 +177,6 @@ const makeSelectFacetsProps = () => reselect.createSelector(state => state, (_,
   tabsAndFacets: getTabsAndFacets(state),
   totalCount: getTotalCount(state)
 }));
-
 const useFacets = ({
   mappers
 } = {
@@ -198,6 +190,7 @@ const useFacets = ({
     updateCurrentFacet: facet => dispatch(sagas.withMappers(sagas.updateCurrentFacet(facet), m)),
     updateCurrentTab: id => sagas.withMappers(sagas.updateCurrentTab(id), m),
     updatePageIndex: (pageIndex, scrollYPos) => dispatch(sagas.withMappers(sagas.updatePageIndex(pageIndex, scrollYPos), m)),
+    updatePageSize: (pageSize, scrollYPos) => dispatch(sagas.withMappers(sagas.updatePageSize(pageSize, scrollYPos), m)),
     updateSearchTerm: term => dispatch(sagas.withMappers(sagas.updateSearchTerm(term), m)),
     updateSelectedFilters: (filter, key, isUnknownItem = false, scrollYPos) => dispatch(sagas.withMappers(sagas.updateSelectedFilters(filter, key, isUnknownItem, scrollYPos), m)),
     updateSortOrder: orderBy => dispatch(sagas.withMappers(sagas.updateSortOrder(orderBy), m))
@@ -260,7 +253,6 @@ const {
   getRenderableFilters,
   getSearchTerm
 } = sagas.selectListing;
-
 const makeSelectListingProps = () => reselect.createSelector(state => state, (_, mappers) => mappers, (state, mappers) => ({
   currentListing: getCurrent(state),
   currentPageIndex: getPageIndex(state),
@@ -278,7 +270,6 @@ const makeSelectListingProps = () => reselect.createSelector(state => state, (_,
     state
   }, 'dynamicOrderBy', [])
 }));
-
 const useListing = ({
   mappers
 } = {
@@ -291,6 +282,7 @@ const useListing = ({
     clearFilters: filterKey => dispatch(sagas.withMappers(sagas.clearFilters(filterKey), m)),
     updateCurrentFacet: facet => dispatch(sagas.withMappers(sagas.updateCurrentFacet(facet), m)),
     updatePageIndex: (pageIndex, scrollYPos) => dispatch(sagas.withMappers(sagas.updatePageIndex(pageIndex, scrollYPos), m)),
+    updatePageSize: (pageSize, scrollYPos) => dispatch(sagas.withMappers(sagas.updatePageSize(pageSize, scrollYPos), m)),
     updateSearchTerm: term => dispatch(sagas.withMappers(sagas.updateSearchTerm(term), m)),
     updateSelectedFilters: (filter, key, isUnknownItem = false, scrollYPos) => dispatch(sagas.withMappers(sagas.updateSelectedFilters(filter, key, isUnknownItem, scrollYPos), m)),
     updateSortOrder: orderBy => dispatch(sagas.withMappers(sagas.updateSortOrder(orderBy), m))
@@ -337,7 +329,6 @@ const makeSelectMinilistProps = () => reselect.createSelector(state => state, (_
   results: sagas.getResults(state, id, sagas.Context.minilist, 'js'),
   searchTerm: sagas.getSearchTerm(state)
 } : null);
-
 const useMinilist = ({
   id,
   config,
@@ -366,7 +357,8 @@ const useMinilist = ({
     pagingInfo: {},
     results: [],
     searchTerm: ''
-  }; // useSelector((state: AppState) => ({
+  };
+  // useSelector((state: AppState) => ({
   //   facet: getFacet(state, id, Context.minilist).toJS(),
   //   filters: getFilters(state, id, Context.minilist).toJS(),
   //   isLoading: getIsLoading(state, Context.minilist, id),
@@ -483,28 +475,26 @@ const addConfigToState = (state, action) => {
     context,
     facet,
     config
-  } = action; // Adding or changing the config of a single facet, listing or minilist
-
+  } = action;
+  // Adding or changing the config of a single facet, listing or minilist
   if (context && facet && config) {
-    state[context][facet] = { ...searchFacet,
+    state[context][facet] = {
+      ...searchFacet,
       ...config
     };
   } else if (config) {
     // Changing the entire search config
-    state = { ...config,
+    state = {
+      ...config,
       config: initialState.config
     };
   }
-
   return state;
 };
-
 const generateSearchFacets = (context, config) => {
   const facets = {};
-
   if (config) {
     const thisConfig = config[context] || {};
-
     if (Object.keys(thisConfig).length > 0) {
       Object.entries(thisConfig).map(([facetName, facet]) => {
         const newFacet = merge__default["default"](searchFacet, facet);
@@ -512,10 +502,8 @@ const generateSearchFacets = (context, config) => {
       });
     }
   }
-
   return facets;
 };
-
 const generateFiltersState = ({
   facet,
   params,
@@ -523,29 +511,31 @@ const generateFiltersState = ({
   isCurrentFacet
 }, state) => {
   // Remove filters we know about from params
-  const filterParams = { ...params,
+  const filterParams = {
+    ...params,
     facet: undefined,
     orderBy: undefined,
     pageIndex: undefined,
     term: undefined
-  }; // Get any existing filters and normalise the items[]
-  // so we can start off with isSelected is false
+  };
 
+  // Get any existing filters and normalise the items[]
+  // so we can start off with isSelected is false
   let filters = Object.entries(state[context][facet].filters || []).map(([key, filter]) => {
     if (isCurrentFacet || filter.isGrouped) {
       var _filter$items;
-
-      return [key, { ...filter,
-        items: (_filter$items = filter.items) === null || _filter$items === void 0 ? void 0 : _filter$items.map(item => ({ ...item,
+      return [key, {
+        ...filter,
+        items: (_filter$items = filter.items) === null || _filter$items === void 0 ? void 0 : _filter$items.map(item => ({
+          ...item,
           isSelected: false
         }))
       }];
     }
-
     return [key, filter];
   });
-
-  const addFilterItem = (filters, paramKey, paramValue) => // Iterate through all filters within the facet,
+  const addFilterItem = (filters, paramKey, paramValue) =>
+  // Iterate through all filters within the facet,
   // if the paramKey matches the filter key
   // get the existing items list, and see if that filter
   // already exists, if so set isSelected to true,
@@ -557,47 +547,45 @@ const generateFiltersState = ({
     } else {
       const items = filter.items || [];
       const itemIndex = items.findIndex(item => (item === null || item === void 0 ? void 0 : item.key) === paramValue);
-
       if (items.length > 0 && itemIndex !== -1) {
         items[itemIndex].isSelected = true;
       } else {
-        items.push({ ...filterItem,
+        items.push({
+          ...filterItem,
           key: paramValue,
           isSelected: true
         });
       }
-
-      return [key, { ...filter,
+      return [key, {
+        ...filter,
         items
       }];
     }
-  }); // For each value found in filterParams
+  });
+
+  // For each value found in filterParams
   // we are looking to split that value into multiple by any comma
   // and then either set isSelected for an existing filterItem
   // or push an item to the filters.{ key }.items[] array
   // giving it only the key (entry guid) that can be taken to filter
   // the search results during SSR without needing to fetch the filters first
-
-
   Object.entries(filterParams).map(([paramName = '', paramValue]) => {
     if (typeof paramValue === 'string') return paramValue.split(',').map(pVal => filters = addFilterItem(filters, paramName, pVal));
     if (typeof paramValue === 'boolean') filters = addFilterItem(filters, paramName, paramValue);
   });
   return Object.fromEntries(filters);
 };
-
 const resetFacets = (state, context) => Object.fromEntries(Object.entries(state[context]).map(([k, v]) => [k, resetFacet(v)]));
-
 const resetFacet = facet => {
   facet.pagingInfo.pagesLoaded = [];
   facet.pagingInfo.pageIndex = 0;
   facet.queryDuration = 0;
   return facet;
 };
-
 var reducers = (config => {
   // Add facets from SearchConfig to initialState
-  const initState = { ...initialState,
+  const initState = {
+    ...initialState,
     tabs: config.tabs,
     facets: generateSearchFacets(sagas.Context.facets, config),
     listings: generateSearchFacets(sagas.Context.listings, config),
@@ -606,49 +594,46 @@ var reducers = (config => {
   return immer.produce((state = initState, action) => {
     const context = state.context;
     const current = context !== 'listings' ? state.currentFacet : state.currentListing;
-
     switch (action.type) {
       case sagas.APPLY_CONFIG:
         {
           state = addConfigToState(state, action);
           return state;
         }
-
       case sagas.CLEAR_FILTERS:
         {
           const currentFilters = state[context][current].filters;
           state[context][current].filters = Object.fromEntries(Object.entries(currentFilters).map(([filterKey, filter]) => {
             if (typeof action.filterKey === 'undefined' || action.filterKey === filterKey) {
               const filterItems = filter.items || [];
-              filter.items = filterItems.map(item => ({ ...item,
+              filter.items = filterItems.map(item => ({
+                ...item,
                 isSelected: false
               }));
             }
-
             return [filterKey, filter];
           }));
           state[context][current].queryDuration = 0;
           state[context][current].pagingInfo.pagesLoaded = [];
           return;
         }
-
       case sagas.EXECUTE_SEARCH:
         {
-          state[action.context][action.facet].entries = { ...(state[action.context][action.facet].entries || entries),
+          state[action.context][action.facet].entries = {
+            ...(state[action.context][action.facet].entries || entries),
             isLoading: true
           };
           return;
         }
-
       case sagas.EXECUTE_SEARCH_ERROR:
         {
-          state[action.context][action.facet].entries = { ...entries,
+          state[action.context][action.facet].entries = {
+            ...entries,
             isError: true,
             error: action.error
           };
           return;
         }
-
       case sagas.LOAD_FILTERS:
         {
           const {
@@ -657,20 +642,21 @@ var reducers = (config => {
           } = action;
           const filters = state[action.context][facetKey].filters;
           Object.entries(filters).map(([filterKey, filter]) => {
-            if (filtersToLoad.find(f => f === filterKey)) return { ...filter,
+            if (filtersToLoad.find(f => f === filterKey)) return {
+              ...filter,
               isLoading: true
             };
             return filter;
           });
           state[action.context][facetKey].filters = Object.fromEntries(Object.entries(filters).map(([filterKey, filter]) => {
-            if (filtersToLoad.find(f => f === filterKey)) return [filterKey, { ...filter,
+            if (filtersToLoad.find(f => f === filterKey)) return [filterKey, {
+              ...filter,
               isLoading: true
             }];
             return [filterKey, filter];
           }));
           return;
         }
-
       case sagas.LOAD_FILTERS_ERROR:
       case sagas.LOAD_FILTERS_COMPLETE:
         {
@@ -680,26 +666,23 @@ var reducers = (config => {
             nextFilter
           } = action;
           const filter = state[action.context][facetKey].filters[filterKey];
-
           if (!(nextFilter.items && nextFilter.items.length > 0) && (filter.items || []).length >= nextFilter.items.length) {
             // Preserve items already in state
-            state[action.context][facetKey].filters[filterKey] = { ...filter,
+            state[action.context][facetKey].filters[filterKey] = {
+              ...filter,
               isLoading: false,
               isError: nextFilter.isError
             };
             return;
           }
-
           state[action.context][facetKey].filters[filterKey] = merge__default["default"](filter, nextFilter, {
             arrayMerge: (source, inbound) => inbound
           });
           return;
         }
-
       case sagas.SET_ROUTE_FILTERS:
         {
           var _state$context$facet$;
-
           const {
             facet,
             params,
@@ -708,17 +691,20 @@ var reducers = (config => {
           const {
             term = '',
             pageIndex,
+            pageSize,
             orderBy
           } = params;
           const stateTerm = state.term;
-          const tabId = state[context][facet].tabId || 0; // Reset the facet if the search term has changed, or if the any of
-          // the filters have changed
+          const tabId = state[context][facet].tabId || 0;
 
+          // Reset the facet if the search term has changed, or if the any of
+          // the filters have changed
           const resetAllFacets = stateTerm && term !== stateTerm;
-          let resetCurrentFacet = false; // Add filter values in params to the matched filters in state for the current facet
+          let resetCurrentFacet = false;
+
+          // Add filter values in params to the matched filters in state for the current facet
           // causing unfetched filter items to be generated with isSelected: true
           // or existing filter items to be tagged with isSelected: true
-
           const nextFacets = Object.fromEntries(Object.entries(state[context]).map(([facetName = '', stateFacet]) => {
             const isCurrentFacet = facetName === facet;
             const nextFilters = generateFiltersState({
@@ -738,15 +724,16 @@ var reducers = (config => {
           state[action.context === sagas.Context.facets ? 'currentFacet' : 'currentListing'] = facet;
           state.term = term;
           state.tabs[tabId].currentFacet = facet;
-          state[context][facet].pagingInfo = { ...(state[context][facet].pagingInfo || pagingInfo),
-            pageIndex: Number(pageIndex) - 1 || (state[context][facet].queryParams.loadMorePaging ? ((_state$context$facet$ = state[context][facet].pagingInfo) === null || _state$context$facet$ === void 0 ? void 0 : _state$context$facet$.pageIndex) || 0 : 0)
+          state[context][facet].pagingInfo = {
+            ...(state[context][facet].pagingInfo || pagingInfo),
+            pageIndex: Number(pageIndex) - 1 || (state[context][facet].queryParams.loadMorePaging ? ((_state$context$facet$ = state[context][facet].pagingInfo) === null || _state$context$facet$ === void 0 ? void 0 : _state$context$facet$.pageIndex) || 0 : 0),
+            pageSize: Number(pageSize) || state[context][facet].queryParams.pageSize
           };
           state.config.isLoaded = true;
           state.config.ssr = typeof window === 'undefined';
           if (resetAllFacets) state[context] = resetFacets(state, context);
           return;
         }
-
       case sagas.SET_SEARCH_ENTRIES:
         {
           const thisContext = action.context || context;
@@ -756,17 +743,17 @@ var reducers = (config => {
           });
           return;
         }
-
       case sagas.SET_SEARCH_FILTERS:
         {
           var _action$params;
-
           // DO SEARCH then SET_SEARCH_FILTERS is for when we cannot use SET_ROUTE_FILTERS
           // for example in a minilist scenario where the route filters
           // are used for the primary page / listing navigation
+
           // Add filter values in params to the matched filters in state
           // causing unfetched filter items to be generated with isSelected: true
-          const filters = generateFiltersState({ ...action,
+          const filters = generateFiltersState({
+            ...action,
             isCurrentFacet: true
           }, state);
           const term = action === null || action === void 0 ? void 0 : (_action$params = action.params) === null || _action$params === void 0 ? void 0 : _action$params.term;
@@ -777,7 +764,6 @@ var reducers = (config => {
           state.config.ssr = typeof window === 'undefined';
           return;
         }
-
       case sagas.UPDATE_PAGE_INDEX:
         {
           const {
@@ -792,14 +778,23 @@ var reducers = (config => {
           state[context][current].queryDuration = 0;
           return;
         }
-
+      case sagas.UPDATE_PAGE_SIZE:
+        {
+          const {
+            pageSize
+          } = action;
+          state[context][current].pagingInfo.pageSize = pageSize;
+          state[context][current].pagingInfo.pageIndex = 0;
+          state[context][current].pagingInfo.isLoading = true;
+          state[context][current].queryDuration = 0;
+          return;
+        }
       case sagas.UPDATE_SEARCH_TERM:
         {
           state.term = action.term;
           state[context] = resetFacets(state, context);
           return;
         }
-
       case sagas.UPDATE_SELECTED_FILTERS:
         {
           const {
@@ -812,29 +807,27 @@ var reducers = (config => {
           const currentItems = state[context][current].filters[filter].items;
           if (isGrouped) state[context] = resetFacets(state, context);
           state[context][current] = resetFacet(state[context][current]);
-
           if (isUnknownItem && (currentItems === null || currentItems === void 0 ? void 0 : currentItems.findIndex(item => (item === null || item === void 0 ? void 0 : item.key) === key)) === -1) {
             currentItems === null || currentItems === void 0 ? void 0 : currentItems.push({
               key,
               isSelected: false
             });
           }
-
           state[context][current].filters[filter].items = currentItems === null || currentItems === void 0 ? void 0 : currentItems.map(item => {
             if (item.key === key) {
-              return { ...item,
+              return {
+                ...item,
                 isSelected: !item.isSelected
               };
             }
-
-            if (isSingleSelect) return { ...item,
+            if (isSingleSelect) return {
+              ...item,
               isSelected: false
             };
             return item;
           });
           return;
         }
-
       case sagas.UPDATE_SORT_ORDER:
         {
           const {
@@ -846,7 +839,6 @@ var reducers = (config => {
           state[context][currentFacet].queryParams.dynamicOrderBy = orderBy ? sagas.toArray(orderBy) || [] : [];
           return;
         }
-
       default:
         return;
     }