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

package/esm/search.js

@@ -1,11 +1,11 @@
 import React, { useMemo, useEffect } from 'react';
 import { connect, useDispatch, useSelector } from 'react-redux';
+import { g as getCurrentFacet, b as getPageIndex$2, e as getCurrentTab$1, h as getFacet$1, i as getTabFacets$1, j as getFacetsTotalCount$1, k as getFacetTitles$1, l as getFeaturedResults$2, m as getRenderableFilters$2, n as getIsLoading$2, p as getPaging, q as getPageIsLoading$2, r as getResults, s as getSearchTerm$2, u as getSearchTotalCount$1, v as getSelectedFilters, w as getQueryParameter$2, x as getTabsAndFacets$1, y as getTotalCount$1, z as withMappers, A as clearFilters, B as updateCurrentFacet, C as updateCurrentTab, D as updatePageIndex, E as updatePageSize, F as updateSearchTerm, G as updateSelectedFilters, H as updateSortOrder, I as selectListing, J as mapStateToSearchUri, K as Context$1, L as selectFacets, M as triggerSearch, N as getFilters, U as UPDATE_SORT_ORDER, O as toArray, P as UPDATE_SELECTED_FILTERS, Q as UPDATE_SEARCH_TERM, R as UPDATE_PAGE_SIZE, S as UPDATE_PAGE_INDEX, T as SET_SEARCH_FILTERS, V as SET_SEARCH_ENTRIES, W as SET_ROUTE_FILTERS, X as LOAD_FILTERS_COMPLETE, Y as LOAD_FILTERS_ERROR, Z as LOAD_FILTERS, _ as EXECUTE_SEARCH_ERROR, $ as EXECUTE_SEARCH, a0 as CLEAR_FILTERS, a1 as APPLY_CONFIG } from './sagas-07e82e18.js';
+export { a2 as actions, a7 as doSearch, a5 as expressions, a6 as queries, ad as routeParams, a9 as sagas, a3 as selectors, a8 as setRouteFilters, aa as triggerListingSsr, ab as triggerMinilistSsr, ac as triggerSearchSsr, a4 as types } from './sagas-07e82e18.js';
 import 'jsonpath-mapper';
 import { createSelector } from 'reselect';
 import merge from 'deepmerge';
 import 'query-string';
-import { g as getCurrentFacet, b as getPageIndex$2, e as getCurrentTab$1, h as getFacet$1, i as getTabFacets$1, j as getFacetsTotalCount$1, k as getFacetTitles$1, l as getFeaturedResults$2, m as getRenderableFilters$2, n as getIsLoading$2, p as getPaging, q as getPageIsLoading$2, r as getResults, s as getSearchTerm$2, u as getSearchTotalCount$1, v as getSelectedFilters, w as getQueryParameter$2, x as getTabsAndFacets$1, y as getTotalCount$1, z as withMappers, A as clearFilters, B as updateCurrentFacet, C as updateCurrentTab, D as updatePageIndex, E as updatePageSize, F as updateSearchTerm, G as updateSelectedFilters, H as updateSortOrder, I as selectListing, J as mapStateToSearchUri, K as Context$1, L as selectFacets, M as triggerSearch, N as getFilters, U as UPDATE_SORT_ORDER, O as toArray, P as UPDATE_SELECTED_FILTERS, Q as UPDATE_SEARCH_TERM, R as UPDATE_PAGE_SIZE, S as UPDATE_PAGE_INDEX, T as SET_SEARCH_FILTERS, V as SET_SEARCH_ENTRIES, W as SET_ROUTE_FILTERS, X as LOAD_FILTERS_COMPLETE, Y as LOAD_FILTERS_ERROR, Z as LOAD_FILTERS, _ as EXECUTE_SEARCH_ERROR, $ as EXECUTE_SEARCH, a0 as CLEAR_FILTERS, a1 as APPLY_CONFIG } from './sagas-933a8fc8.js';
-export { a2 as actions, a7 as doSearch, a5 as expressions, a6 as queries, ad as routeParams, a9 as sagas, a3 as selectors, a8 as setRouteFilters, aa as triggerListingSsr, ab as triggerMinilistSsr, ac as triggerSearchSsr, a4 as types } from './sagas-933a8fc8.js';
 import { produce } from 'immer';
 import equals from 'deep-equal';
 import 'contensis-core-api';
@@ -27,11 +27,14 @@ const toJS = WrappedComponent => wrappedComponentProps => {
 };
 
 // eslint-disable-next-line import/default
+
 const withSearch = mappers => SearchComponent => {
   const Wrapper = props => {
     return /*#__PURE__*/React.createElement(SearchComponent, props);
   };
+
   Wrapper.displayName = `withSearch(${SearchComponent.displayName || SearchComponent.name})`;
+
   const mapStateToProps = state => {
     return {
       currentFacet: getCurrentFacet(state),
@@ -58,6 +61,7 @@ const withSearch = mappers => SearchComponent => {
       totalCount: getTotalCount$1(state)
     };
   };
+
   const mapDispatchToProps = {
     clearFilters: filterKey => withMappers(clearFilters(filterKey), mappers),
     updateCurrentFacet: facet => withMappers(updateCurrentFacet(facet), mappers),
@@ -73,10 +77,12 @@ const withSearch = mappers => SearchComponent => {
 };
 
 /* eslint-disable @typescript-eslint/naming-convention */
+
 const withListing = mappers => ListingComponent => {
   const Wrapper = props => {
     return /*#__PURE__*/React.createElement(ListingComponent, props);
   };
+
   Wrapper.displayName = `withListing(${ListingComponent.displayName || ListingComponent.name})`;
   const {
     getCurrent,
@@ -91,6 +97,7 @@ const withListing = mappers => ListingComponent => {
     getSearchTerm,
     getSelectedFilters
   } = selectListing;
+
   const mapStateToProps = state => {
     return {
       currentListing: getCurrent(state),
@@ -109,6 +116,7 @@ const withListing = mappers => ListingComponent => {
       }, 'dynamicOrderBy', [])
     };
   };
+
   const mapDispatchToProps = {
     clearFilters: filterKey => withMappers(clearFilters(filterKey), mappers),
     updateCurrentFacet: facet => withMappers(updateCurrentFacet(facet), mappers),
@@ -144,6 +152,7 @@ const {
   getTabsAndFacets,
   getTotalCount
 } = selectFacets;
+
 const makeSelectFacetsProps = () => createSelector(state => state, (_, mappers) => mappers, (state, mappers) => ({
   currentFacet: getCurrent$1(state),
   currentPageIndex: getPageIndex$1(state),
@@ -168,6 +177,7 @@ const makeSelectFacetsProps = () => createSelector(state => state, (_, mappers)
   tabsAndFacets: getTabsAndFacets(state),
   totalCount: getTotalCount(state)
 }));
+
 const useFacets = ({
   mappers
 } = {
@@ -244,6 +254,7 @@ const {
   getRenderableFilters,
   getSearchTerm
 } = selectListing;
+
 const makeSelectListingProps = () => createSelector(state => state, (_, mappers) => mappers, (state, mappers) => ({
   currentListing: getCurrent(state),
   currentPageIndex: getPageIndex(state),
@@ -261,6 +272,7 @@ const makeSelectListingProps = () => createSelector(state => state, (_, mappers)
     state
   }, 'dynamicOrderBy', [])
 }));
+
 const useListing = ({
   mappers
 } = {
@@ -320,6 +332,7 @@ const makeSelectMinilistProps = () => createSelector(state => state, (_, id) =>
   results: getResults(state, id, Context$1.minilist, 'js'),
   searchTerm: getSearchTerm$2(state)
 } : null);
+
 const useMinilist = ({
   id,
   config,
@@ -348,8 +361,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),
@@ -466,26 +478,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(searchFacet, facet);
@@ -493,8 +507,10 @@ const generateSearchFacets = (context, config) => {
       });
     }
   }
+
   return facets;
 };
+
 const generateFiltersState = ({
   facet,
   params,
@@ -502,31 +518,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,
@@ -538,45 +552,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(Context$1.facets, config),
     listings: generateSearchFacets(Context$1.listings, config),
@@ -585,46 +601,49 @@ var reducers = (config => {
   return produce((state = initState, action) => {
     const context = state.context;
     const current = context !== 'listings' ? state.currentFacet : state.currentListing;
+
     switch (action.type) {
       case APPLY_CONFIG:
         {
           state = addConfigToState(state, action);
           return state;
         }
+
       case 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 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 EXECUTE_SEARCH_ERROR:
         {
-          state[action.context][action.facet].entries = {
-            ...entries,
+          state[action.context][action.facet].entries = { ...entries,
             isError: true,
             error: action.error
           };
           return;
         }
+
       case LOAD_FILTERS:
         {
           const {
@@ -633,21 +652,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 LOAD_FILTERS_ERROR:
       case LOAD_FILTERS_COMPLETE:
         {
@@ -657,23 +675,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(filter, nextFilter, {
             arrayMerge: (source, inbound) => inbound
           });
           return;
         }
+
       case SET_ROUTE_FILTERS:
         {
           var _state$context$facet$;
+
           const {
             facet,
             params,
@@ -686,16 +707,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({
@@ -715,8 +734,7 @@ var reducers = (config => {
           state[action.context === Context$1.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
           };
@@ -725,6 +743,7 @@ var reducers = (config => {
           if (resetAllFacets) state[context] = resetFacets(state, context);
           return;
         }
+
       case SET_SEARCH_ENTRIES:
         {
           const thisContext = action.context || context;
@@ -734,17 +753,17 @@ var reducers = (config => {
           });
           return;
         }
+
       case 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;
@@ -755,6 +774,7 @@ var reducers = (config => {
           state.config.ssr = typeof window === 'undefined';
           return;
         }
+
       case UPDATE_PAGE_INDEX:
         {
           const {
@@ -769,6 +789,7 @@ var reducers = (config => {
           state[context][current].queryDuration = 0;
           return;
         }
+
       case UPDATE_PAGE_SIZE:
         {
           const {
@@ -780,12 +801,14 @@ var reducers = (config => {
           state[context][current].queryDuration = 0;
           return;
         }
+
       case UPDATE_SEARCH_TERM:
         {
           state.term = action.term;
           state[context] = resetFacets(state, context);
           return;
         }
+
       case UPDATE_SELECTED_FILTERS:
         {
           const {
@@ -798,27 +821,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 UPDATE_SORT_ORDER:
         {
           const {
@@ -830,6 +855,7 @@ var reducers = (config => {
           state[context][currentFacet].queryParams.dynamicOrderBy = orderBy ? toArray(orderBy) || [] : [];
           return;
         }
+
       default:
         return;
     }