@zengenti/contensis-react-base 4.0.0-beta.1 → 4.0.0-beta.2

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-570f23ba.js');
 require('jsonpath-mapper');
 var reselect = require('reselect');
 var merge = require('deepmerge');
 require('query-string');
-var sagas = require('./sagas-e04b94c1.js');
 var immer = require('immer');
 var equals = require('deep-equal');
 require('contensis-core-api');
@@ -36,11 +36,14 @@ 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),
@@ -67,6 +70,7 @@ 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),
@@ -82,10 +86,12 @@ 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,
@@ -100,6 +106,7 @@ const withListing = mappers => ListingComponent => {
     getSearchTerm,
     getSelectedFilters
   } = sagas.selectListing;
+
   const mapStateToProps = state => {
     return {
       currentListing: getCurrent(state),
@@ -118,6 +125,7 @@ const withListing = mappers => ListingComponent => {
       }, 'dynamicOrderBy', [])
     };
   };
+
   const mapDispatchToProps = {
     clearFilters: filterKey => sagas.withMappers(sagas.clearFilters(filterKey), mappers),
     updateCurrentFacet: facet => sagas.withMappers(sagas.updateCurrentFacet(facet), mappers),
@@ -153,6 +161,7 @@ const {
   getTabsAndFacets,
   getTotalCount
 } = sagas.selectFacets;
+
 const makeSelectFacetsProps = () => reselect.createSelector(state => state, (_, mappers) => mappers, (state, mappers) => ({
   currentFacet: getCurrent$1(state),
   currentPageIndex: getPageIndex$1(state),
@@ -177,6 +186,7 @@ const makeSelectFacetsProps = () => reselect.createSelector(state => state, (_,
   tabsAndFacets: getTabsAndFacets(state),
   totalCount: getTotalCount(state)
 }));
+
 const useFacets = ({
   mappers
 } = {
@@ -253,6 +263,7 @@ const {
   getRenderableFilters,
   getSearchTerm
 } = sagas.selectListing;
+
 const makeSelectListingProps = () => reselect.createSelector(state => state, (_, mappers) => mappers, (state, mappers) => ({
   currentListing: getCurrent(state),
   currentPageIndex: getPageIndex(state),
@@ -270,6 +281,7 @@ const makeSelectListingProps = () => reselect.createSelector(state => state, (_,
     state
   }, 'dynamicOrderBy', [])
 }));
+
 const useListing = ({
   mappers
 } = {
@@ -329,6 +341,7 @@ const makeSelectMinilistProps = () => reselect.createSelector(state => state, (_
   results: sagas.getResults(state, id, sagas.Context.minilist, 'js'),
   searchTerm: sagas.getSearchTerm(state)
 } : null);
+
 const useMinilist = ({
   id,
   config,
@@ -357,8 +370,7 @@ 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),
@@ -475,26 +487,28 @@ 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);
@@ -502,8 +516,10 @@ const generateSearchFacets = (context, config) => {
       });
     }
   }
+
   return facets;
 };
+
 const generateFiltersState = ({
   facet,
   params,
@@ -511,31 +527,29 @@ 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[]
+  }; // 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,
@@ -547,45 +561,47 @@ 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),
@@ -594,46 +610,49 @@ 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 {
@@ -642,21 +661,20 @@ 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:
         {
@@ -666,23 +684,26 @@ 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,
@@ -695,16 +716,14 @@ var reducers = (config => {
             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
+          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
+          const resetAllFacets = stateTerm && term !== stateTerm;
+          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({
@@ -724,8 +743,7 @@ 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),
+          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
           };
@@ -734,6 +752,7 @@ var reducers = (config => {
           if (resetAllFacets) state[context] = resetFacets(state, context);
           return;
         }
+
       case sagas.SET_SEARCH_ENTRIES:
         {
           const thisContext = action.context || context;
@@ -743,17 +762,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;
@@ -764,6 +783,7 @@ var reducers = (config => {
           state.config.ssr = typeof window === 'undefined';
           return;
         }
+
       case sagas.UPDATE_PAGE_INDEX:
         {
           const {
@@ -778,6 +798,7 @@ var reducers = (config => {
           state[context][current].queryDuration = 0;
           return;
         }
+
       case sagas.UPDATE_PAGE_SIZE:
         {
           const {
@@ -789,12 +810,14 @@ var reducers = (config => {
           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 {
@@ -807,27 +830,29 @@ 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 {
@@ -839,6 +864,7 @@ var reducers = (config => {
           state[context][currentFacet].queryParams.dynamicOrderBy = orderBy ? sagas.toArray(orderBy) || [] : [];
           return;
         }
+
       default:
         return;
     }