npm - @blaze-cms/react-page-builder - Versions diffs - 0.146.0-node18.1 → 0.146.0-rc-eagle-3.0 - Mend

@blaze-cms/react-page-builder 0.146.0-node18.1 → 0.146.0-rc-eagle-3.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (1498) hide show

package/lib-es/components/List/ListFactory.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"ListFactory.js","names":["React","useContext","useQuery","parseUrl","PropTypes","useRouter","MainContext","generateSingleItemQuery","getItemList","ListBuilder","AZ_LIST_TYPE","getAzQueryFilter","getSortProps","hasRequiredItemListDetails","getListSpecificSearchFilter","getListQuery","getGenericProps","getRequiredSchemas","checkForError","getUnpublishedEntityName","getPaginationIndex","getSearchFilterType","getElasticsearchOperator","buildSearchValuesText","getQueryFilters","getInheritedFilters","getQueryProps","getItemListId","getItemListIds","useGetEntitySchemasAsObj","AND_OPERATOR","TEXT_SEARCH","ID","AND","FULL","ListFactory","props","entity","legacyEntity","entities","parent","name","filterByProperty","filterBy","omitWrappers","type","sortby","defaultSortBy","sort","defaultSort","allSearchFilters","operator","filterOperator","sortProperties","itemListName","isPreview","router","asPath","parsedQuery","replace","searchFilter","hasListSpecificFilters","query","url","itemListId","queryItemListId","updatedQuery","isTextSearchFilterApplied","search_term","length","querySort","querySortBy","sortbyFilters","updatedSortProperties","itemEntity","parentEntity","itemId","parentId","updatedParentEntity","paginationIndex","azFilter","entitiesToUse","filterEntity","data","mainSchemas","loading","schemasLoading","error","schemasError","currentSchema","filterEntitySchema","requiredSchema","requiredSchemaLoading","requiredSchemaError","inheritedFilters","queryProps","actions","getAction","get","getPublished","entityData","itemQueryError","itemQueryLoading","variables","id","skip","itemListData","itemListError","itemListLoading","errorsToCheck","hasErr","errMsg","itemListIds","isCard","includes","isAZ","genericProps","textFilter","shouldApplyTextFilter","propsToDisplay","valuesText","valuesAnd","valuesOr","searchValues","searchValuesText","searchValuesCheckboxSelectRange","searchValuesCheckboxOr","listProps","_objectSpread","createElement","propTypes","object","isRequired","string","array","bool","defaultProps"],"sources":["../../../src/components/List/ListFactory.js"],"sourcesContent":["import React, { useContext } from 'react';\nimport { useQuery } from '@apollo/client';\nimport { parseUrl } from 'query-string';\nimport PropTypes from 'prop-types';\nimport { useRouter } from 'next/router';\nimport { MainContext } from '@blaze-cms/nextjs-components';\nimport { generateSingleItemQuery, getItemList } from '../../application/query';\nimport ListBuilder from './ListBuilder';\nimport { AZ_LIST_TYPE } from './constants';\nimport {\n getAzQueryFilter,\n getSortProps,\n hasRequiredItemListDetails,\n getListSpecificSearchFilter,\n getListQuery\n} from './helpers';\nimport {\n getGenericProps,\n getRequiredSchemas,\n checkForError,\n getUnpublishedEntityName,\n getPaginationIndex,\n getSearchFilterType,\n getElasticsearchOperator,\n buildSearchValuesText,\n getQueryFilters,\n getInheritedFilters,\n getQueryProps\n} from '../../helpers';\nimport { getItemListId, getItemListIds } from '../ItemList/helpers';\nimport { useGetEntitySchemasAsObj } from '../../hooks';\nimport { AND_OPERATOR, TEXT_SEARCH, ID, AND, FULL } from '../../constants';\n\nconst ListFactory = props => {\n const {\n entity: legacyEntity,\n entities,\n parent,\n name,\n filterByProperty,\n filterBy,\n omitWrappers,\n type,\n sortby: defaultSortBy,\n sort: defaultSort,\n allSearchFilters,\n operator: filterOperator,\n sortProperties,\n itemListName\n } = props;\n const { isPreview } = useContext(MainContext);\n const router = useRouter();\n const { asPath } = router;\n const parsedQuery = asPath.replace(/%5D/g, ']').replace(/%5B/g, '[');\n const [searchFilter, hasListSpecificFilters] = getListSpecificSearchFilter(\n allSearchFilters,\n name\n );\n const { query, url, query: { itemListId: queryItemListId } = {} } = parseUrl(parsedQuery);\n const updatedQuery = getListQuery(query, hasListSpecificFilters, name);\n const isTextSearchFilterApplied = !!(\n updatedQuery.search_term &&\n searchFilter &&\n getSearchFilterType(searchFilter, TEXT_SEARCH).length\n );\n\n const { sort: querySort, sortby: querySortBy } = updatedQuery;\n\n const { sortbyFilters, updatedSortProperties } = getSortProps({\n querySort,\n sortProperties,\n defaultSort,\n querySortBy,\n defaultSortBy,\n isTextSearchFilterApplied\n });\n\n const itemListId = getItemListId(itemListName, queryItemListId);\n const { itemEntity: parentEntity, itemId: parentId } = parent;\n const updatedParentEntity = getUnpublishedEntityName(parentEntity);\n const paginationIndex = getPaginationIndex(updatedQuery, name);\n const azFilter = getAzQueryFilter(updatedQuery, name);\n\n const entitiesToUse = entities && entities.length ? entities : [legacyEntity];\n const [filterEntity] = entitiesToUse;\n const {\n data: mainSchemas = {},\n loading: schemasLoading,\n error: schemasError\n } = useGetEntitySchemasAsObj([updatedParentEntity, ...entitiesToUse]);\n\n const { [updatedParentEntity]: currentSchema = {}, [filterEntity]: filterEntitySchema = {} } =\n mainSchemas;\n\n const {\n data: requiredSchema = {},\n loading: requiredSchemaLoading,\n error: requiredSchemaError\n } = useGetEntitySchemasAsObj(\n getRequiredSchemas([...filterByProperty, ...sortbyFilters], filterEntitySchema),\n schemasLoading\n );\n const inheritedFilters = getInheritedFilters(filterBy, filterByProperty);\n const queryProps = getQueryProps(inheritedFilters, currentSchema, filterEntitySchema);\n const { actions = {} } = currentSchema \|\| {};\n const getAction = isPreview ? actions.get : actions.getPublished;\n\n const {\n data: { entityData = {} } = {},\n error: itemQueryError,\n loading: itemQueryLoading\n } = useQuery(generateSingleItemQuery(getAction, queryProps), {\n variables: { id: parentId },\n skip: schemasLoading \|\| (!inheritedFilters.length && queryProps === ID)\n });\n\n const {\n data: itemListData = {},\n error: itemListError,\n loading: itemListLoading\n } = useQuery(getItemList, {\n variables: { id: itemListId },\n skip: !itemListId\n });\n\n if (!hasRequiredItemListDetails({ itemListName, router, itemListId, queryItemListId })) return '';\n\n const errorsToCheck = [schemasError, requiredSchemaError, itemQueryError, itemListError];\n const { hasErr, errMsg } = checkForError(errorsToCheck);\n\n if (requiredSchemaLoading \|\| schemasLoading \|\| itemQueryLoading \|\| itemListLoading) return '';\n if (hasErr) return errMsg;\n\n const itemListIds = getItemListIds(itemListData);\n const isCard = !type.includes(FULL);\n const isAZ = type.includes(AZ_LIST_TYPE);\n const genericProps = getGenericProps(props);\n const [textFilter] = getSearchFilterType(searchFilter, TEXT_SEARCH);\n const shouldApplyTextFilter = textFilter && textFilter.propsToDisplay.length;\n const operator = shouldApplyTextFilter ? getElasticsearchOperator(textFilter) : AND_OPERATOR;\n const valuesText = shouldApplyTextFilter\n ? buildSearchValuesText(textFilter, updatedQuery, name)\n : [];\n const { valuesAnd, valuesOr } = getQueryFilters(searchFilter, updatedQuery, name);\n\n const searchValues = {\n searchValuesText: valuesText,\n searchValuesCheckboxSelectRange: valuesAnd,\n searchValuesCheckboxOr: valuesOr\n };\n const listProps = {\n ...props,\n ...genericProps,\n query: updatedQuery,\n url,\n isCard,\n isAZ,\n router,\n sort: null,\n sortby: null,\n sortProperties: updatedSortProperties,\n azFilter,\n searchValues,\n filterEntitySchema,\n requiredSchema,\n currentSchema,\n omitWrappers,\n operator,\n paginationIndex,\n entityData,\n inheritedFilters,\n filterOperator,\n itemListIds,\n entities: entitiesToUse,\n mainSchemas\n };\n\n return <ListBuilder {...listProps} />;\n};\n\nListFactory.propTypes = {\n parent: PropTypes.object.isRequired,\n type: PropTypes.string.isRequired,\n entity: PropTypes.string,\n entities: PropTypes.array,\n filterBy: PropTypes.array,\n filterByProperty: PropTypes.array,\n omitWrappers: PropTypes.bool,\n operator: PropTypes.string,\n name: PropTypes.string,\n sortby: PropTypes.array,\n sort: PropTypes.string,\n allSearchFilters: PropTypes.array,\n sortProperties: PropTypes.array,\n itemListName: PropTypes.string\n};\n\nListFactory.defaultProps = {\n entity: '',\n entities: [],\n filterBy: [],\n filterByProperty: [],\n omitWrappers: false,\n name: '',\n sortby: [],\n sortProperties: [],\n sort: '',\n operator: AND,\n allSearchFilters: [],\n itemListName: ''\n};\n\nexport default ListFactory;\n"],"mappings":"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","ignoreList":[]}
1	+ {"version":3,"file":"ListFactory.js","names":["React","useContext","useQuery","parseUrl","PropTypes","useRouter","MainContext","generateSingleItemQuery","getItemList","ListBuilder","AZ_LIST_TYPE","getAzQueryFilter","getSortProps","hasRequiredItemListDetails","getListSpecificSearchFilter","getListQuery","getGenericProps","getRequiredSchemas","checkForError","getUnpublishedEntityName","getPaginationIndex","getSearchFilterType","getElasticsearchOperator","buildSearchValuesText","getQueryFilters","getInheritedFilters","getQueryProps","getItemListId","getItemListIds","useGetEntitySchemasAsObj","AND_OPERATOR","TEXT_SEARCH","ID","AND","FULL","VariantContext","createContext","ListFactory","props","entity","legacyEntity","entities","parent","name","filterByProperty","filterBy","omitWrappers","type","sortby","defaultSortBy","sort","defaultSort","allSearchFilters","operator","filterOperator","sortProperties","itemListName","VariantComponent","isPreview","router","asPath","parsedQuery","replace","searchFilter","hasListSpecificFilters","query","url","itemListId","queryItemListId","updatedQuery","isTextSearchFilterApplied","search_term","length","querySort","querySortBy","sortbyFilters","updatedSortProperties","itemEntity","parentEntity","itemId","parentId","updatedParentEntity","paginationIndex","azFilter","entitiesToUse","filterEntity","data","mainSchemas","loading","schemasLoading","error","schemasError","currentSchema","filterEntitySchema","requiredSchema","requiredSchemaLoading","requiredSchemaError","inheritedFilters","queryProps","actions","getAction","get","getPublished","entityData","itemQueryError","itemQueryLoading","variables","id","skip","itemListData","itemListError","itemListLoading","errorsToCheck","hasErr","errMsg","itemListIds","isCard","includes","isAZ","genericProps","textFilter","shouldApplyTextFilter","propsToDisplay","valuesText","valuesAnd","valuesOr","searchValues","searchValuesText","searchValuesCheckboxSelectRange","searchValuesCheckboxOr","listProps","_objectSpread","createElement","Provider","value","propTypes","object","isRequired","string","array","bool","func","defaultProps"],"sources":["../../../src/components/List/ListFactory.js"],"sourcesContent":["import React, { useContext } from 'react';\nimport { useQuery } from '@apollo/client';\nimport { parseUrl } from 'query-string';\nimport PropTypes from 'prop-types';\nimport { useRouter } from 'next/router';\nimport { MainContext } from '@blaze-cms/nextjs-components';\nimport { generateSingleItemQuery, getItemList } from '../../application/query';\nimport ListBuilder from './ListBuilder';\nimport { AZ_LIST_TYPE } from './constants';\nimport {\n getAzQueryFilter,\n getSortProps,\n hasRequiredItemListDetails,\n getListSpecificSearchFilter,\n getListQuery\n} from './helpers';\nimport {\n getGenericProps,\n getRequiredSchemas,\n checkForError,\n getUnpublishedEntityName,\n getPaginationIndex,\n getSearchFilterType,\n getElasticsearchOperator,\n buildSearchValuesText,\n getQueryFilters,\n getInheritedFilters,\n getQueryProps\n} from '../../helpers';\nimport { getItemListId, getItemListIds } from '../ItemList/helpers';\nimport { useGetEntitySchemasAsObj } from '../../hooks';\nimport { AND_OPERATOR, TEXT_SEARCH, ID, AND, FULL } from '../../constants';\n\nexport const VariantContext = React.createContext(null);\n\nconst ListFactory = props => {\n const {\n entity: legacyEntity,\n entities,\n parent,\n name,\n filterByProperty,\n filterBy,\n omitWrappers,\n type,\n sortby: defaultSortBy,\n sort: defaultSort,\n allSearchFilters,\n operator: filterOperator,\n sortProperties,\n itemListName,\n VariantComponent\n } = props;\n const { isPreview } = useContext(MainContext);\n const router = useRouter();\n const { asPath } = router;\n const parsedQuery = asPath.replace(/%5D/g, ']').replace(/%5B/g, '[');\n const [searchFilter, hasListSpecificFilters] = getListSpecificSearchFilter(\n allSearchFilters,\n name\n );\n const { query, url, query: { itemListId: queryItemListId } = {} } = parseUrl(parsedQuery);\n const updatedQuery = getListQuery(query, hasListSpecificFilters, name);\n const isTextSearchFilterApplied = !!(\n updatedQuery.search_term &&\n searchFilter &&\n getSearchFilterType(searchFilter, TEXT_SEARCH).length\n );\n\n const { sort: querySort, sortby: querySortBy } = updatedQuery;\n\n const { sortbyFilters, updatedSortProperties } = getSortProps({\n querySort,\n sortProperties,\n defaultSort,\n querySortBy,\n defaultSortBy,\n isTextSearchFilterApplied\n });\n\n const itemListId = getItemListId(itemListName, queryItemListId);\n const { itemEntity: parentEntity, itemId: parentId } = parent;\n const updatedParentEntity = getUnpublishedEntityName(parentEntity);\n const paginationIndex = getPaginationIndex(updatedQuery, name);\n const azFilter = getAzQueryFilter(updatedQuery, name);\n\n const entitiesToUse = entities && entities.length ? entities : [legacyEntity];\n const [filterEntity] = entitiesToUse;\n const {\n data: mainSchemas = {},\n loading: schemasLoading,\n error: schemasError\n } = useGetEntitySchemasAsObj([updatedParentEntity, ...entitiesToUse]);\n\n const { [updatedParentEntity]: currentSchema = {}, [filterEntity]: filterEntitySchema = {} } =\n mainSchemas;\n\n const {\n data: requiredSchema = {},\n loading: requiredSchemaLoading,\n error: requiredSchemaError\n } = useGetEntitySchemasAsObj(\n getRequiredSchemas([...filterByProperty, ...sortbyFilters], filterEntitySchema),\n schemasLoading\n );\n const inheritedFilters = getInheritedFilters(filterBy, filterByProperty);\n const queryProps = getQueryProps(inheritedFilters, currentSchema, filterEntitySchema);\n const { actions = {} } = currentSchema \|\| {};\n const getAction = isPreview ? actions.get : actions.getPublished;\n\n const {\n data: { entityData = {} } = {},\n error: itemQueryError,\n loading: itemQueryLoading\n } = useQuery(generateSingleItemQuery(getAction, queryProps), {\n variables: { id: parentId },\n skip: schemasLoading \|\| (!inheritedFilters.length && queryProps === ID)\n });\n\n const {\n data: itemListData = {},\n error: itemListError,\n loading: itemListLoading\n } = useQuery(getItemList, {\n variables: { id: itemListId },\n skip: !itemListId\n });\n\n if (!hasRequiredItemListDetails({ itemListName, router, itemListId, queryItemListId })) return '';\n\n const errorsToCheck = [schemasError, requiredSchemaError, itemQueryError, itemListError];\n const { hasErr, errMsg } = checkForError(errorsToCheck);\n\n if (requiredSchemaLoading \|\| schemasLoading \|\| itemQueryLoading \|\| itemListLoading) return '';\n if (hasErr) return errMsg;\n\n const itemListIds = getItemListIds(itemListData);\n const isCard = !type.includes(FULL);\n const isAZ = type.includes(AZ_LIST_TYPE);\n const genericProps = getGenericProps(props);\n const [textFilter] = getSearchFilterType(searchFilter, TEXT_SEARCH);\n const shouldApplyTextFilter = textFilter && textFilter.propsToDisplay.length;\n const operator = shouldApplyTextFilter ? getElasticsearchOperator(textFilter) : AND_OPERATOR;\n const valuesText = shouldApplyTextFilter\n ? buildSearchValuesText(textFilter, updatedQuery, name)\n : [];\n const { valuesAnd, valuesOr } = getQueryFilters(searchFilter, updatedQuery, name);\n\n const searchValues = {\n searchValuesText: valuesText,\n searchValuesCheckboxSelectRange: valuesAnd,\n searchValuesCheckboxOr: valuesOr\n };\n const listProps = {\n ...props,\n ...genericProps,\n query: updatedQuery,\n url,\n isCard,\n isAZ,\n router,\n sort: null,\n sortby: null,\n sortProperties: updatedSortProperties,\n azFilter,\n searchValues,\n filterEntitySchema,\n requiredSchema,\n currentSchema,\n omitWrappers,\n operator,\n paginationIndex,\n entityData,\n inheritedFilters,\n filterOperator,\n itemListIds,\n entities: entitiesToUse,\n mainSchemas\n };\n\n return (\n <VariantContext.Provider value={VariantComponent}>\n <ListBuilder {...listProps} />\n </VariantContext.Provider>\n );\n};\n\nListFactory.propTypes = {\n parent: PropTypes.object.isRequired,\n type: PropTypes.string.isRequired,\n entity: PropTypes.string,\n entities: PropTypes.array,\n filterBy: PropTypes.array,\n filterByProperty: PropTypes.array,\n omitWrappers: PropTypes.bool,\n operator: PropTypes.string,\n name: PropTypes.string,\n sortby: PropTypes.array,\n sort: PropTypes.string,\n allSearchFilters: PropTypes.array,\n sortProperties: PropTypes.array,\n itemListName: PropTypes.string,\n VariantComponent: PropTypes.func\n};\n\nListFactory.defaultProps = {\n entity: '',\n entities: [],\n filterBy: [],\n filterByProperty: [],\n omitWrappers: false,\n name: '',\n sortby: [],\n sortProperties: [],\n sort: '',\n operator: AND,\n allSearchFilters: [],\n itemListName: '',\n VariantComponent: null\n};\n\nexport default ListFactory;\n"],"mappings":"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","ignoreList":[]}

package/lib-es/components/List/ListRender.js CHANGED Viewed

@@ -1,5 +1,5 @@
 import _extends from "@babel/runtime/helpers/extends";
-import React from 'react';
+import React, { useRef } from 'react';
 import { useQuery } from '@apollo/client';
 import PropTypes from 'prop-types';
 import ListPagination from './components/Pagination';
@@ -7,6 +7,7 @@ import ListHeader from './components/Header';
 import { LOAD_MORE } from '../../constants';
 import { useAppSyncEventHook } from '../../hooks';
 import { buildQueryBooster } from './helpers';
+import { getComponentId } from '../../helpers';
 const ListRender = props => {
   const {
     variables,
@@ -28,6 +29,7 @@ const ListRender = props => {
     azFilter,
     displayTotal
   } = props;
+  const listRef = useRef(null);
   const {
     data: updatedVariables
   } = useAppSyncEventHook({
@@ -37,27 +39,36 @@ const ListRender = props => {
   });
   const boostedVariables = buildQueryBooster(props, updatedVariables);
   const {
-    data = {},
+    data = {
+      [actionKey]: {
+        results: []
+      },
+      total: 0
+    },
     error,
     loading,
     fetchMore
   } = useQuery(action, {
     variables: boostedVariables
   });
-  if (loading) return '';
+  if (loading && !listRef.current) {
+    // don't render if loading for the first time with no reference
+    return '';
+  }
   if (error) return error.message;
   if (!data[actionKey] || !data[actionKey].results) return null;
   const listData = data[actionKey].results;
   const listTotal = data[actionKey].total;
-  if (!listData || !listData.length) return null;
-  const {
-    length: currentListLength
-  } = listData;
+  if ((!listData || !listData.length) && !loading) return null;
+  const currentListLength = listData.length;
   const currentPage = Math.ceil((initialOffset + currentListLength) / itemsPerPageToUse);
   const totalDisplay = limitToUse && listTotal > limitToUse ? limitToUse : listTotal;
-  return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement("span", {
+  const componentId = getComponentId(name);
+  return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement("div", {
+    ref: listRef,
+    id: componentId,
     className: "list-top"
-  }), isAZ && /*#__PURE__*/React.createElement(ListHeader, {
+  }), !loading && /*#__PURE__*/React.createElement(React.Fragment, null, isAZ && /*#__PURE__*/React.createElement(ListHeader, {
     name: name,
     listAggregations: listAggregations,
     azFilter: azFilter
@@ -79,6 +90,8 @@ const ListRender = props => {
     url: url,
     itemsToDisplay: itemsToDisplay
   }, props)), paginationType !== LOAD_MORE && /*#__PURE__*/React.createElement(ListPagination, {
+    listRef: listRef,
+    componentId: componentId,
     limitToUse: limitToUse,
     itemsPerPage: itemsPerPageToUse,
     listTotal: listTotal,
@@ -89,7 +102,7 @@ const ListRender = props => {
     currentPage: currentPage,
     query: query,
     url: url
-  }));
+  })));
 };
 ListRender.propTypes = {
   name: PropTypes.string.isRequired,

package/lib-es/components/List/ListRender.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"ListRender.js","names":["React","useQuery","PropTypes","ListPagination","ListHeader","LOAD_MORE","useAppSyncEventHook","buildQueryBooster","ListRender","props","variables","actionKey","action","name","itemsToDisplay","itemsPerPageToUse","limitToUse","initialOffset","isInfinite","omitWrappers","paginationType","listComponent","ListComponent","query","url","listAggregations","isAZ","azFilter","displayTotal","data","updatedVariables","eventName","boostedVariables","error","loading","fetchMore","~~message~~","~~results~~","listData","listTotal","~~total","~~length","currentListLength","currentPage","Math","ceil","totalDisplay","createElement","Fragment","className","_extends","orderedListData","itemsPerPage","propTypes","string","isRequired","object","number","bool","func","array","defaultProps"],"sources":["../../../src/components/List/ListRender.js"],"sourcesContent":["import React from 'react';\nimport { useQuery } from '@apollo/client';\nimport PropTypes from 'prop-types';\nimport ListPagination from './components/Pagination';\nimport ListHeader from './components/Header';\nimport { LOAD_MORE } from '../../constants';\nimport { useAppSyncEventHook } from '../../hooks';\nimport { buildQueryBooster } from './helpers';\n\nconst ListRender = props => {\n const {\n variables,\n actionKey,\n action,\n name,\n itemsToDisplay,\n itemsPerPageToUse,\n limitToUse,\n initialOffset,\n isInfinite,\n omitWrappers,\n paginationType,\n listComponent: ListComponent,\n query,\n url,\n listAggregations,\n isAZ,\n azFilter,\n displayTotal\n } = props;\n const { data: updatedVariables } = useAppSyncEventHook({\n eventName: 'list:query-variables',\n data: variables,\n props\n });\n const boostedVariables = buildQueryBooster(props, updatedVariables);\n const {\n data = {},\n error,\n loading,\n fetchMore\n } = useQuery(action, {\n variables: boostedVariables\n });\n\n if (loading) return '';\n if (error) return error.message;\n if (!data[actionKey] \|\| !data[actionKey].results) return null;\n\n const listData = data[actionKey].results;\n const listTotal = data[actionKey].total;\n\n if (!listData \|\| !listData.length) return null;\n const ~~{ length:~~ currentListLength } = listData;\n const currentPage = Math.ceil((initialOffset + currentListLength) / itemsPerPageToUse);\n const totalDisplay = limitToUse && listTotal > limitToUse ? limitToUse : listTotal;\n\n return (\n <>\n <~~span~~ className=\"list-top\" />\n {isAZ && <ListHeader name={name} listAggregations={listAggregations} azFilter={azFilter} />}\n {displayTotal && (\n <div className=\"list_total_results w-full text-left p-4\">Total results: {totalDisplay}</div>\n )}\n <ListComponent\n orderedListData={listData}\n isInfinite={isInfinite}\n initialOffset={initialOffset}\n actionKey={actionKey}\n limitToUse={limitToUse}\n fetchMore={fetchMore}\n omitWrappers={omitWrappers}\n itemsPerPageToUse={itemsPerPageToUse \|\| listData.length}\n listTotal={listTotal}\n currentListLength={currentListLength}\n currentPage={currentPage}\n query={query}\n url={url}\n itemsToDisplay={itemsToDisplay}\n {...props}\n />\n {paginationType !== LOAD_MORE && (\n <ListPagination\n limitToUse={limitToUse}\n itemsPerPage={itemsPerPageToUse}\n listTotal={listTotal}\n name={name}\n isInfinite={isInfinite}\n currentListLength={currentListLength}\n paginationType={paginationType}\n currentPage={currentPage}\n query={query}\n url={url}\n />\n )}\n </>\n );\n};\n\nListRender.propTypes = {\n name: PropTypes.string.isRequired,\n paginationType: PropTypes.string.isRequired,\n variables: PropTypes.object.isRequired,\n actionKey: PropTypes.string.isRequired,\n action: PropTypes.object.isRequired,\n itemsPerPageToUse: PropTypes.number.isRequired,\n limitToUse: PropTypes.number.isRequired,\n initialOffset: PropTypes.number.isRequired,\n isInfinite: PropTypes.bool.isRequired,\n omitWrappers: PropTypes.bool,\n query: PropTypes.object.isRequired,\n url: PropTypes.string.isRequired,\n listComponent: PropTypes.func.isRequired,\n isAZ: PropTypes.bool.isRequired,\n azFilter: PropTypes.string.isRequired,\n listAggregations: PropTypes.array,\n itemsToDisplay: PropTypes.array,\n displayTotal: PropTypes.bool\n};\n\nListRender.defaultProps = {\n omitWrappers: false,\n itemsToDisplay: [],\n listAggregations: [],\n displayTotal: false\n};\n\nexport default ListRender;\n"],"mappings":";AAAA,OAAOA,KAAK,MAAM,OAAO;~~AACzB~~,SAASC,QAAQ,QAAQ,gBAAgB;AACzC,OAAOC,SAAS,MAAM,YAAY;AAClC,OAAOC,cAAc,MAAM,yBAAyB;AACpD,OAAOC,UAAU,MAAM,qBAAqB;AAC5C,SAASC,SAAS,QAAQ,iBAAiB;AAC3C,SAASC,mBAAmB,QAAQ,aAAa;AACjD,SAASC,iBAAiB,QAAQ,WAAW;~~AAE7C~~,MAAMC,UAAU,GAAGC,KAAK,IAAI;EAC1B,MAAM;IACJC,SAAS;IACTC,SAAS;IACTC,MAAM;IACNC,IAAI;IACJC,cAAc;IACdC,iBAAiB;IACjBC,UAAU;IACVC,aAAa;IACbC,UAAU;IACVC,YAAY;IACZC,cAAc;IACdC,aAAa,EAAEC,aAAa;IAC5BC,KAAK;IACLC,GAAG;IACHC,gBAAgB;IAChBC,IAAI;IACJC,QAAQ;IACRC;EACF,CAAC,GAAGnB,KAAK;EACT,MAAM;~~IAAEoB~~,IAAI,EAAEC;EAAiB,CAAC,~~GAAGxB~~,mBAAmB,CAAC;~~IACrDyB~~,SAAS,EAAE,sBAAsB;IACjCF,IAAI,~~EAAEnB~~,SAAS;IACfD;EACF,CAAC,CAAC;EACF,~~MAAMuB~~,gBAAgB,~~GAAGzB~~,iBAAiB,~~CAACE~~,KAAK,~~EAAEqB~~,gBAAgB,CAAC;EACnE,MAAM;IACJD,IAAI,GAAG,CAAC,CAAC;~~IACTI~~,KAAK;IACLC,OAAO;IACPC;EACF,CAAC,~~GAAGlC~~,QAAQ,~~CAACW~~,MAAM,EAAE;IACnBF,SAAS,~~EAAEsB~~;EACb,CAAC,CAAC;EAEF,~~IAAIE~~,OAAO,EAAE,OAAO,EAAE;~~EACtB~~,~~IAAID~~,KAAK,EAAE,OAAOA,KAAK,~~CAACG~~,OAAO;EAC/B,IAAI,~~CAACP~~,IAAI,~~CAAClB~~,SAAS,CAAC,IAAI,~~CAACkB~~,IAAI,~~CAAClB~~,SAAS,CAAC,~~CAAC0B~~,OAAO,EAAE,OAAO,IAAI;EAE7D,~~MAAMC~~,QAAQ,~~GAAGT~~,IAAI,~~CAAClB~~,SAAS,CAAC,~~CAAC0B~~,OAAO;EACxC,~~MAAME~~,SAAS,~~GAAGV~~,IAAI,~~CAAClB~~,SAAS,CAAC,~~CAAC6B~~,KAAK;EAEvC,IAAI,~~CAACF~~,QAAQ,IAAI,CAACA,QAAQ,~~CAACG~~,MAAM,EAAE,OAAO,IAAI;~~EAC9C~~,~~MAAM;IAAEA~~,~~MAAM~~,~~EAAEC;EAAkB~~,~~CAAC~~,~~GAAGJ~~,~~QAAQ~~;~~EAC9C~~,~~MAAMK~~,WAAW,GAAGC,IAAI,CAACC,IAAI,CAAC,~~CAAC5B~~,aAAa,~~GAAGyB~~,iBAAiB,~~IAAI3B~~,iBAAiB,CAAC;EACtF,~~MAAM+B~~,YAAY,~~GAAG9B~~,UAAU,~~IAAIuB~~,SAAS,~~GAAGvB~~,UAAU,GAAGA,UAAU,~~GAAGuB~~,SAAS;~~EAElF~~,~~oBACEvC~~,KAAA,~~CAAA+C~~,aAAA,~~CAAA/C~~,KAAA,~~CAAAgD~~,QAAA,~~qBACEhD~~,KAAA,~~CAAA+C~~,aAAA;~~IAAME~~,SAAS,EAAC;EAAU,CAAE,CAAC,~~EAC5BvB~~,IAAI,~~iBAAI1B~~,KAAA,~~CAAA+C~~,aAAA,~~CAAC3C~~,UAAU;~~IAACS~~,IAAI,EAAEA,IAAK;IAACY,gBAAgB,EAAEA,gBAAiB;IAACE,QAAQ,EAAEA;EAAS,CAAE,~~CAAC~~,~~EAC1FC~~,YAAY,~~iBACX5B~~,KAAA,~~CAAA+C~~,aAAA;~~IAAKE~~,SAAS,EAAC;EAAyC,GAAC,~~iBAAe~~,~~EAACH~~,~~YAAkB~~,~~CAC5F~~,~~eACD9C~~,KAAA,~~CAAA+C~~,aAAA,~~CAACzB~~,aAAa,~~EAAA4B~~,QAAA;IACZC,eAAe,~~EAAEb~~,QAAS;~~IAC1BpB~~,UAAU,EAAEA,UAAW;IACvBD,aAAa,EAAEA,aAAc;IAC7BN,SAAS,EAAEA,SAAU;IACrBK,UAAU,EAAEA,UAAW;~~IACvBmB~~,SAAS,EAAEA,SAAU;~~IACrBhB~~,YAAY,EAAEA,YAAa;IAC3BJ,iBAAiB,EAAEA,iBAAiB,~~IAAIuB~~,QAAQ,~~CAACG~~,MAAO;~~IACxDF~~,SAAS,EAAEA,SAAU;~~IACrBG~~,iBAAiB,EAAEA,iBAAkB;IACrCC,WAAW,EAAEA,WAAY;~~IACzBpB~~,KAAK,EAAEA,KAAM;IACbC,GAAG,EAAEA,GAAI;IACTV,cAAc,EAAEA;EAAe,GAC3BL,KAAK,CACV,CAAC,EACDW,cAAc,~~KAAKf~~,SAAS,~~iBAC3BL~~,KAAA,~~CAAA+C~~,aAAA,~~CAAC5C~~,cAAc;~~IACba~~,UAAU,EAAEA,UAAW;~~IACvBoC~~,YAAY,~~EAAErC~~,iBAAkB;~~IAChCwB~~,SAAS,EAAEA,SAAU;~~IACrB1B~~,IAAI,EAAEA,IAAK;IACXK,UAAU,EAAEA,UAAW;~~IACvBwB~~,iBAAiB,EAAEA,iBAAkB;~~IACrCtB~~,cAAc,EAAEA,cAAe;IAC/~~BuB~~,WAAW,EAAEA,WAAY;~~IACzBpB~~,KAAK,EAAEA,KAAM;IACbC,GAAG,EAAEA;EAAI,CACV,CAEH,CAAC;AAEP,CAAC;AAEDhB,UAAU,~~CAAC6C~~,SAAS,GAAG;~~EACrBxC~~,IAAI,~~EAAEX~~,SAAS,~~CAACoD~~,MAAM,CAACC,UAAU;~~EACjCnC~~,cAAc,~~EAAElB~~,SAAS,~~CAACoD~~,MAAM,CAACC,UAAU;~~EAC3C7C~~,SAAS,~~EAAER~~,SAAS,~~CAACsD~~,MAAM,CAACD,UAAU;~~EACtC5C~~,SAAS,~~EAAET~~,SAAS,~~CAACoD~~,MAAM,CAACC,UAAU;~~EACtC3C~~,MAAM,~~EAAEV~~,SAAS,~~CAACsD~~,MAAM,CAACD,UAAU;~~EACnCxC~~,iBAAiB,~~EAAEb~~,SAAS,~~CAACuD~~,MAAM,CAACF,UAAU;~~EAC9CvC~~,UAAU,~~EAAEd~~,SAAS,~~CAACuD~~,MAAM,CAACF,UAAU;~~EACvCtC~~,aAAa,~~EAAEf~~,SAAS,~~CAACuD~~,MAAM,CAACF,UAAU;~~EAC1CrC~~,UAAU,~~EAAEhB~~,SAAS,~~CAACwD~~,IAAI,CAACH,UAAU;~~EACrCpC~~,YAAY,~~EAAEjB~~,SAAS,~~CAACwD~~,IAAI;~~EAC5BnC~~,KAAK,~~EAAErB~~,SAAS,~~CAACsD~~,MAAM,CAACD,UAAU;~~EAClC/B~~,GAAG,~~EAAEtB~~,SAAS,~~CAACoD~~,MAAM,CAACC,UAAU;~~EAChClC~~,aAAa,~~EAAEnB~~,SAAS,~~CAACyD~~,IAAI,CAACJ,UAAU;~~EACxC7B~~,IAAI,~~EAAExB~~,SAAS,~~CAACwD~~,IAAI,CAACH,UAAU;EAC/~~B5B~~,QAAQ,~~EAAEzB~~,SAAS,~~CAACoD~~,MAAM,CAACC,UAAU;~~EACrC9B~~,gBAAgB,~~EAAEvB~~,SAAS,~~CAAC0D~~,KAAK;~~EACjC9C~~,cAAc,~~EAAEZ~~,SAAS,~~CAAC0D~~,KAAK;EAC/~~BhC~~,YAAY,~~EAAE1B~~,SAAS,~~CAACwD~~;AAC1B,CAAC;~~AAEDlD~~,UAAU,~~CAACqD~~,YAAY,GAAG;~~EACxB1C~~,YAAY,EAAE,KAAK;EACnBL,cAAc,EAAE,EAAE;EAClBW,gBAAgB,EAAE,EAAE;EACpBG,YAAY,EAAE;AAChB,CAAC;AAED,eAAepB,UAAU","ignoreList":[]}
1	+ {"version":3,"file":"ListRender.js","names":["React","useRef","useQuery","PropTypes","ListPagination","ListHeader","LOAD_MORE","useAppSyncEventHook","buildQueryBooster","getComponentId","ListRender","props","variables","actionKey","action","name","itemsToDisplay","itemsPerPageToUse","limitToUse","initialOffset","isInfinite","omitWrappers","paginationType","listComponent","ListComponent","query","url","listAggregations","isAZ","azFilter","displayTotal","listRef","data","updatedVariables","eventName","boostedVariables","results","total","error","loading","fetchMore","current","message","listData","listTotal","length","currentListLength","currentPage","Math","ceil","totalDisplay","componentId","createElement","Fragment","ref","id","className","_extends","orderedListData","itemsPerPage","propTypes","string","isRequired","object","number","bool","func","array","defaultProps"],"sources":["../../../src/components/List/ListRender.js"],"sourcesContent":["import React, { useRef } from 'react';\nimport { useQuery } from '@apollo/client';\nimport PropTypes from 'prop-types';\nimport ListPagination from './components/Pagination';\nimport ListHeader from './components/Header';\nimport { LOAD_MORE } from '../../constants';\nimport { useAppSyncEventHook } from '../../hooks';\nimport { buildQueryBooster } from './helpers';\nimport { getComponentId } from '../../helpers';\n\nconst ListRender = props => {\n const {\n variables,\n actionKey,\n action,\n name,\n itemsToDisplay,\n itemsPerPageToUse,\n limitToUse,\n initialOffset,\n isInfinite,\n omitWrappers,\n paginationType,\n listComponent: ListComponent,\n query,\n url,\n listAggregations,\n isAZ,\n azFilter,\n displayTotal\n } = props;\n const listRef = useRef(null);\n const { data: updatedVariables } = useAppSyncEventHook({\n eventName: 'list:query-variables',\n data: variables,\n props\n });\n const boostedVariables = buildQueryBooster(props, updatedVariables);\n const {\n data = { [actionKey]: { results: [] }, total: 0 },\n error,\n loading,\n fetchMore\n } = useQuery(action, {\n variables: boostedVariables\n });\n\n if (loading && !listRef.current) {\n // don't render if loading for the first time with no reference\n return '';\n }\n if (error) return error.message;\n if (!data[actionKey] \|\| !data[actionKey].results) return null;\n\n const listData = data[actionKey].results;\n const listTotal = data[actionKey].total;\n\n if ((!listData \|\| !listData.length) && !loading) return null;\n const currentListLength = listData.length;\n const currentPage = Math.ceil((initialOffset + currentListLength) / itemsPerPageToUse);\n const totalDisplay = limitToUse && listTotal > limitToUse ? limitToUse : listTotal;\n const componentId = getComponentId(name);\n\n return (\n <>\n <div ref={listRef} id={componentId} className=\"list-top\" />\n {!loading && (\n <>\n {isAZ && (\n <ListHeader name={name} listAggregations={listAggregations} azFilter={azFilter} />\n )}\n {displayTotal && (\n <div className=\"list_total_results w-full text-left p-4\">\n Total results: {totalDisplay}\n </div>\n )}\n <ListComponent\n orderedListData={listData}\n isInfinite={isInfinite}\n initialOffset={initialOffset}\n actionKey={actionKey}\n limitToUse={limitToUse}\n fetchMore={fetchMore}\n omitWrappers={omitWrappers}\n itemsPerPageToUse={itemsPerPageToUse \|\| listData.length}\n listTotal={listTotal}\n currentListLength={currentListLength}\n currentPage={currentPage}\n query={query}\n url={url}\n itemsToDisplay={itemsToDisplay}\n {...props}\n />\n {paginationType !== LOAD_MORE && (\n <ListPagination\n listRef={listRef}\n componentId={componentId}\n limitToUse={limitToUse}\n itemsPerPage={itemsPerPageToUse}\n listTotal={listTotal}\n name={name}\n isInfinite={isInfinite}\n currentListLength={currentListLength}\n paginationType={paginationType}\n currentPage={currentPage}\n query={query}\n url={url}\n />\n )}\n </>\n )}\n </>\n );\n};\n\nListRender.propTypes = {\n name: PropTypes.string.isRequired,\n paginationType: PropTypes.string.isRequired,\n variables: PropTypes.object.isRequired,\n actionKey: PropTypes.string.isRequired,\n action: PropTypes.object.isRequired,\n itemsPerPageToUse: PropTypes.number.isRequired,\n limitToUse: PropTypes.number.isRequired,\n initialOffset: PropTypes.number.isRequired,\n isInfinite: PropTypes.bool.isRequired,\n omitWrappers: PropTypes.bool,\n query: PropTypes.object.isRequired,\n url: PropTypes.string.isRequired,\n listComponent: PropTypes.func.isRequired,\n isAZ: PropTypes.bool.isRequired,\n azFilter: PropTypes.string.isRequired,\n listAggregations: PropTypes.array,\n itemsToDisplay: PropTypes.array,\n displayTotal: PropTypes.bool\n};\n\nListRender.defaultProps = {\n omitWrappers: false,\n itemsToDisplay: [],\n listAggregations: [],\n displayTotal: false\n};\n\nexport default ListRender;\n"],"mappings":"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","ignoreList":[]}

package/lib-es/components/List/components/Full/FullRenderItem.js CHANGED Viewed

@@ -6,44 +6,39 @@ import React, { useContext } from 'react';
 import PropTypes from 'prop-types';
 import { Waypoint } from 'react-waypoint';
 import { MainContext } from '@blaze-cms/nextjs-components';
+import { VariantContext } from '../../ListFactory';
 import BuildPBComponents from '../../../../hooks/helpers/buildPBComponents';
 import Banner from '../../../Banner';
 import { parsePropsToDisplay, shouldRenderWaypoint } from '../../../../helpers';
-const FullRenderItem = ({
-  isInfinite,
-  pageBuilderComponents,
-  entityProps,
-  propsToDisplay,
-  entity,
-  index,
-  itemId,
-  listTotal,
-  initialOffset,
-  currentListLength,
-  triggerInfiniteScroll,
-  parent,
-  pageBuilderID,
-  displayCount,
-  shouldRenderBanner,
-  bannerProps,
-  bannerIndex
-}) => {
+const FullRenderItem = props => {
+  const {
+    isInfinite,
+    pageBuilderComponents,
+    entityProps,
+    propsToDisplay,
+    entity,
+    index,
+    itemId,
+    listTotal,
+    initialOffset,
+    currentListLength,
+    triggerInfiniteScroll,
+    parent,
+    pageBuilderID,
+    displayCount,
+    shouldRenderBanner,
+    bannerProps,
+    bannerIndex
+  } = props;
   const {
     hasGTM
   } = useContext(MainContext);
+  const VariantComponent = useContext(VariantContext);
   if (!pageBuilderComponents) return null;
   const parsedPropsToDisplay = parsePropsToDisplay(entityProps, propsToDisplay);
   const currentItemIndex = initialOffset + index;
   const renderWaypoint = isInfinite && shouldRenderWaypoint(index, currentListLength, currentItemIndex, listTotal);
-  return /*#__PURE__*/React.createElement(React.Fragment, null, renderWaypoint && /*#__PURE__*/React.createElement(Waypoint, {
-    onEnter: triggerInfiniteScroll
-  }), displayCount && /*#__PURE__*/React.createElement("div", {
-    className: "heading heading--section heading--section--count"
-  }, /*#__PURE__*/React.createElement("span", {
-    className: "section-number"
-  }, currentItemIndex + 1), /*#__PURE__*/React.createElement("span", {
-    className: "section-total"
-  }, "/", listTotal)), /*#__PURE__*/React.createElement("div", {
+  const defaultContent = /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement("div", {
     className: "list__item list__item--full"
   }, BuildPBComponents(pageBuilderComponents, {
     parent: _objectSpread(_objectSpread({}, parent), {}, {
@@ -52,9 +47,18 @@ const FullRenderItem = ({
     }),
     hasGTM,
     pageBuilderID
-  })), !!parsedPropsToDisplay.length && /*#__PURE__*/React.createElement(React.Fragment, null, parsedPropsToDisplay.map(prop => prop ? /*#__PURE__*/React.createElement("span", {
+  })), !VariantComponent && !!parsedPropsToDisplay.length && /*#__PURE__*/React.createElement(React.Fragment, null, parsedPropsToDisplay.map(prop => prop ? /*#__PURE__*/React.createElement("span", {
     key: prop
-  }, prop) : null)), shouldRenderBanner && /*#__PURE__*/React.createElement(Banner, _extends({}, bannerProps, {
+  }, prop) : null)));
+  return /*#__PURE__*/React.createElement(React.Fragment, null, renderWaypoint && /*#__PURE__*/React.createElement(Waypoint, {
+    onEnter: triggerInfiniteScroll
+  }), displayCount && /*#__PURE__*/React.createElement("div", {
+    className: "heading heading--section heading--section--count"
+  }, /*#__PURE__*/React.createElement("span", {
+    className: "section-number"
+  }, currentItemIndex + 1), /*#__PURE__*/React.createElement("span", {
+    className: "section-total"
+  }, "/", listTotal)), VariantComponent ? /*#__PURE__*/React.createElement(VariantComponent, props, defaultContent) : defaultContent, shouldRenderBanner && /*#__PURE__*/React.createElement(Banner, _extends({}, bannerProps, {
     renderCounter: bannerIndex
   })));
 };

package/lib-es/components/List/components/Full/FullRenderItem.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"FullRenderItem.js","names":["React","useContext","PropTypes","Waypoint","MainContext","BuildPBComponents","Banner","parsePropsToDisplay","shouldRenderWaypoint","FullRenderItem","isInfinite","pageBuilderComponents","entityProps","propsToDisplay","entity","index","itemId","listTotal","initialOffset","currentListLength","triggerInfiniteScroll","parent","pageBuilderID","displayCount","shouldRenderBanner","bannerProps","bannerIndex","hasGTM","parsedPropsToDisplay","currentItemIndex","renderWaypoint","~~createElement~~","~~Fragment~~","~~onEnter~~","className","_objectSpread","itemEntity","length","map","prop","key","_extends","renderCounter","propTypes","array","object","isRequired","number","bool","func","string","data","itemsToDisplay","defaultProps"],"sources":["../../../../../src/components/List/components/Full/FullRenderItem.js"],"sourcesContent":["import React, { useContext } from 'react';\nimport PropTypes from 'prop-types';\nimport { Waypoint } from 'react-waypoint';\nimport { MainContext } from '@blaze-cms/nextjs-components';\nimport BuildPBComponents from '../../../../hooks/helpers/buildPBComponents';\nimport Banner from '../../../Banner';\nimport { parsePropsToDisplay, shouldRenderWaypoint } from '../../../../helpers';\n\nconst FullRenderItem = ({\n isInfinite,\n pageBuilderComponents,\n entityProps,\n propsToDisplay,\n entity,\n index,\n itemId,\n listTotal,\n initialOffset,\n currentListLength,\n triggerInfiniteScroll,\n parent,\n pageBuilderID,\n displayCount,\n shouldRenderBanner,\n bannerProps,\n bannerIndex\n}) => {\n const { hasGTM } = useContext(MainContext);\n if (!pageBuilderComponents) return null;\n const parsedPropsToDisplay = parsePropsToDisplay(entityProps, propsToDisplay);\n const currentItemIndex = initialOffset + index;\n const renderWaypoint =\n isInfinite && shouldRenderWaypoint(index, currentListLength, currentItemIndex, listTotal);\n return (\n <>\n {renderWaypoint && <Waypoint onEnter={triggerInfiniteScroll} />}\n {displayCount && (\n <div className=\"heading heading--section heading--section--count\">\n <span className=\"section-number\">{currentItemIndex + 1}</span>\n <span className=\"section-total\">/{listTotal}</span>\n </div>\n )}\n ~~<div~~ ~~className=\"list__item~~ ~~list__item--full~~\~~">\~~n ~~{BuildPBComponents(pageBuilderComponents,~~ {~~\n parent: {~~ ...~~parent, itemId, itemEntity: entity~~ }~~,\n hasGTM,\n pageBuilderID\n~~ }~~)}\n~~ </~~div~~>\n ~~{!!parsedPropsToDisplay.length~~ && (\n ~~<>{parsedPropsToDisplay.map(prop => (prop ? <span key={prop}>{prop}</span> : null))}</>\~~n )}\n {shouldRenderBanner && <Banner {...bannerProps} renderCounter={bannerIndex} />}\n </>\n );\n};\n\nFullRenderItem.propTypes = {\n pageBuilderComponents: PropTypes.array,\n entityProps: PropTypes.object.isRequired,\n parent: PropTypes.object.isRequired,\n currentListLength: PropTypes.number.isRequired,\n listTotal: PropTypes.number.isRequired,\n initialOffset: PropTypes.number.isRequired,\n displayCount: PropTypes.bool.isRequired,\n triggerInfiniteScroll: PropTypes.func,\n entity: PropTypes.string.isRequired,\n pageBuilderID: PropTypes.string.isRequired,\n itemId: PropTypes.string.isRequired,\n index: PropTypes.number.isRequired,\n isInfinite: PropTypes.bool.isRequired,\n shouldRenderBanner: PropTypes.bool.isRequired,\n bannerIndex: PropTypes.number.isRequired,\n propsToDisplay: PropTypes.array,\n data: PropTypes.array,\n itemsToDisplay: PropTypes.array,\n bannerProps: PropTypes.object\n};\n\nFullRenderItem.defaultProps = {\n pageBuilderComponents: null,\n data: [],\n propsToDisplay: [],\n itemsToDisplay: [],\n triggerInfiniteScroll: null,\n bannerProps: null\n};\n\nexport default FullRenderItem;\n"],"mappings":";;;;AAAA,OAAOA,KAAK,IAAIC,UAAU,QAAQ,OAAO;AACzC,OAAOC,SAAS,MAAM,YAAY;AAClC,SAASC,QAAQ,QAAQ,gBAAgB;AACzC,SAASC,WAAW,QAAQ,8BAA8B;AAC1D,OAAOC,iBAAiB,MAAM,6CAA6C;AAC3E,OAAOC,MAAM,MAAM,iBAAiB;AACpC,SAASC,mBAAmB,EAAEC,oBAAoB,QAAQ,qBAAqB;AAE/E,MAAMC,cAAc,~~GAAGA~~,~~CAAC~~;~~EACtBC~~,UAAU;~~EACVC~~,qBAAqB;~~EACrBC~~,WAAW;~~EACXC~~,cAAc;~~EACdC~~,MAAM;~~EACNC~~,KAAK;~~EACLC~~,MAAM;~~EACNC~~,SAAS;~~EACTC~~,aAAa;~~EACbC~~,iBAAiB;~~EACjBC~~,qBAAqB;~~EACrBC~~,MAAM;~~EACNC~~,aAAa;~~EACbC~~,YAAY;~~EACZC~~,kBAAkB;~~EAClBC~~,WAAW;~~EACXC~~;~~AACF~~,CAAC,KAAK;~~EACJ~~,MAAM;~~IAAEC~~;EAAO,CAAC,~~GAAG1B~~,UAAU,CAACG,WAAW,CAAC;EAC1C,IAAI,~~CAACO~~,qBAAqB,EAAE,OAAO,IAAI;EACvC,~~MAAMiB~~,oBAAoB,~~GAAGrB~~,mBAAmB,~~CAACK~~,WAAW,EAAEC,cAAc,CAAC;EAC7E,~~MAAMgB~~,gBAAgB,~~GAAGX~~,aAAa,GAAGH,KAAK;EAC9C,~~MAAMe~~,cAAc,~~GAClBpB~~,UAAU,~~IAAIF~~,oBAAoB,~~CAACO~~,KAAK,EAAEI,iBAAiB,~~EAAEU~~,gBAAgB,~~EAAEZ~~,SAAS,CAAC;~~EAC3F~~,~~oBACEjB~~,~~KAAA,CAAA+B,aAAA,CAAA/B,KAAA,CAAAgC,QAAA,QACGF,~~cAAc,~~iBAAI9B~~,KAAA,~~CAAA+B~~,aAAA,~~CAAC5B~~,~~QAAQ;IAAC8B,OAAO,EAAEb;EAAsB,CAAE,CAAC,EAC9DG,YAAY,iBACXvB,~~KAAA,~~CAAA+B~~,~~aAAA;IAAKG~~,~~SAAS~~,~~EAAC;EAAkD,gBAC/DlC,~~KAAA,~~CAAA+B~~,aAAA;~~IAAMG~~,SAAS,EAAC;~~EAAgB~~,~~GAAEL,gBAAgB,GAAG,CAAQ,CAAC,eAC9D7B,KAAA,CAAA+B,aAAA;IAAMG,SAAS,EAAC;EAAe,GAAC,GAAC,EAACjB,SAAgB,CAC~~/~~C,CACN,eACDjB,KAAA,CAAA+~~B,~~aAAA;IAAKG,SAAS,EAAC;EAA6B,GACzC7B,~~iBAAiB,~~CAACM~~,qBAAqB,EAAE;IACxCU,MAAM,~~EAAAc~~,aAAA,CAAAA,aAAA,~~KAAOd~~,MAAM;MAAEL,MAAM;~~MAAEoB~~,UAAU,~~EAAEtB~~;IAAM,EAAE;IACjDa,MAAM;IACNL;EACF,CAAC,CACE,CAAC,EACL,CAAC,~~CAACM~~,oBAAoB,CAACS,MAAM,~~iBAC5BrC~~,KAAA,~~CAAA+B~~,aAAA,~~CAAA/B~~,KAAA,~~CAAAgC~~,QAAA,~~QAAGJ~~,oBAAoB,CAACU,GAAG,CAACC,IAAI,IAAKA,IAAI,~~gBAAGvC~~,KAAA,~~CAAA+B~~,aAAA;~~IAAMS~~,GAAG,EAAED;EAAK,GAAEA,IAAW,CAAC,GAAG,IAAK,CAAI,~~CACvF~~,~~EACAf~~,kBAAkB,~~iBAAIxB~~,KAAA,~~CAAA+B~~,aAAA,~~CAACzB~~,MAAM,~~EAAAmC~~,QAAA,~~KAAKhB~~,WAAW;~~IAAEiB~~,aAAa,~~EAAEhB~~;EAAY,EAAE,CAC7E,CAAC;AAEP,CAAC;~~AAEDjB~~,cAAc,~~CAACkC~~,SAAS,GAAG;~~EACzBhC~~,qBAAqB,~~EAAET~~,SAAS,~~CAAC0C~~,KAAK;~~EACtChC~~,WAAW,~~EAAEV~~,SAAS,~~CAAC2C~~,MAAM,CAACC,UAAU;~~EACxCzB~~,MAAM,~~EAAEnB~~,SAAS,~~CAAC2C~~,MAAM,CAACC,UAAU;~~EACnC3B~~,iBAAiB,~~EAAEjB~~,SAAS,~~CAAC6C~~,MAAM,CAACD,UAAU;~~EAC9C7B~~,SAAS,~~EAAEf~~,SAAS,~~CAAC6C~~,MAAM,CAACD,UAAU;~~EACtC5B~~,aAAa,~~EAAEhB~~,SAAS,~~CAAC6C~~,MAAM,CAACD,UAAU;~~EAC1CvB~~,YAAY,~~EAAErB~~,SAAS,~~CAAC8C~~,IAAI,CAACF,UAAU;~~EACvC1B~~,qBAAqB,~~EAAElB~~,SAAS,~~CAAC+C~~,IAAI;~~EACrCnC~~,MAAM,~~EAAEZ~~,SAAS,~~CAACgD~~,MAAM,CAACJ,UAAU;~~EACnCxB~~,aAAa,~~EAAEpB~~,SAAS,~~CAACgD~~,MAAM,CAACJ,UAAU;~~EAC1C9B~~,MAAM,~~EAAEd~~,SAAS,~~CAACgD~~,MAAM,CAACJ,UAAU;~~EACnC/B~~,KAAK,~~EAAEb~~,SAAS,~~CAAC6C~~,MAAM,CAACD,UAAU;~~EAClCpC~~,UAAU,~~EAAER~~,SAAS,~~CAAC8C~~,IAAI,CAACF,UAAU;~~EACrCtB~~,kBAAkB,~~EAAEtB~~,SAAS,~~CAAC8C~~,IAAI,CAACF,UAAU;~~EAC7CpB~~,WAAW,~~EAAExB~~,SAAS,~~CAAC6C~~,MAAM,CAACD,UAAU;~~EACxCjC~~,cAAc,~~EAAEX~~,SAAS,~~CAAC0C~~,KAAK;EAC/BO,IAAI,~~EAAEjD~~,SAAS,~~CAAC0C~~,KAAK;EACrBQ,cAAc,~~EAAElD~~,SAAS,~~CAAC0C~~,KAAK;EAC/~~BnB~~,WAAW,~~EAAEvB~~,SAAS,~~CAAC2C~~;AACzB,CAAC;~~AAEDpC~~,cAAc,~~CAAC4C~~,YAAY,GAAG;~~EAC5B1C~~,qBAAqB,EAAE,IAAI;~~EAC3BwC~~,IAAI,EAAE,EAAE;~~EACRtC~~,cAAc,EAAE,EAAE;~~EAClBuC~~,cAAc,EAAE,EAAE;~~EAClBhC~~,qBAAqB,EAAE,IAAI;EAC3BK,WAAW,EAAE;AACf,CAAC;AAED,~~eAAehB~~,cAAc","ignoreList":[]}
1	+ {"version":3,"file":"FullRenderItem.js","names":["React","useContext","PropTypes","Waypoint","MainContext","VariantContext","BuildPBComponents","Banner","parsePropsToDisplay","shouldRenderWaypoint","FullRenderItem","props","isInfinite","pageBuilderComponents","entityProps","propsToDisplay","entity","index","itemId","listTotal","initialOffset","currentListLength","triggerInfiniteScroll","parent","pageBuilderID","displayCount","shouldRenderBanner","bannerProps","bannerIndex","hasGTM","VariantComponent","parsedPropsToDisplay","currentItemIndex","renderWaypoint","defaultContent","createElement","Fragment","className","_objectSpread","itemEntity","length","map","prop","key","onEnter","_extends","renderCounter","propTypes","array","object","isRequired","number","bool","func","string","data","itemsToDisplay","defaultProps"],"sources":["../../../../../src/components/List/components/Full/FullRenderItem.js"],"sourcesContent":["import React, { useContext } from 'react';\nimport PropTypes from 'prop-types';\nimport { Waypoint } from 'react-waypoint';\nimport { MainContext } from '@blaze-cms/nextjs-components';\nimport { VariantContext } from '../../ListFactory';\nimport BuildPBComponents from '../../../../hooks/helpers/buildPBComponents';\nimport Banner from '../../../Banner';\nimport { parsePropsToDisplay, shouldRenderWaypoint } from '../../../../helpers';\n\nconst FullRenderItem = props => {\n const {\n isInfinite,\n pageBuilderComponents,\n entityProps,\n propsToDisplay,\n entity,\n index,\n itemId,\n listTotal,\n initialOffset,\n currentListLength,\n triggerInfiniteScroll,\n parent,\n pageBuilderID,\n displayCount,\n shouldRenderBanner,\n bannerProps,\n bannerIndex\n } = props;\n const { hasGTM } = useContext(MainContext);\n const VariantComponent = useContext(VariantContext);\n\n if (!pageBuilderComponents) return null;\n const parsedPropsToDisplay = parsePropsToDisplay(entityProps, propsToDisplay);\n const currentItemIndex = initialOffset + index;\n const renderWaypoint =\n isInfinite && shouldRenderWaypoint(index, currentListLength, currentItemIndex, listTotal);\n\n const defaultContent = (\n <>\n <div className=\"list__item list__item--full\">\n {BuildPBComponents(pageBuilderComponents, {\n parent: { ...parent, itemId, itemEntity: entity },\n hasGTM,\n pageBuilderID\n })}\n </div>\n {!VariantComponent && !!parsedPropsToDisplay.length && (\n <>{parsedPropsToDisplay.map(prop => (prop ? <span key={prop}>{prop}</span> : null))}</>\n )}\n </>\n );\n\n return (\n <>\n {renderWaypoint && <Waypoint onEnter={triggerInfiniteScroll} />}\n {displayCount && (\n <div className=\"heading heading--section heading--section--count\">\n <span className=\"section-number\">{currentItemIndex + 1}</span>\n <span className=\"section-total\">/{listTotal}</span>\n </div>\n )}\n {VariantComponent ? (\n <VariantComponent {...props}>{defaultContent}</VariantComponent>\n ) : (\n defaultContent\n )}\n\n {shouldRenderBanner && <Banner {...bannerProps} renderCounter={bannerIndex} />}\n </>\n );\n};\n\nFullRenderItem.propTypes = {\n pageBuilderComponents: PropTypes.array,\n entityProps: PropTypes.object.isRequired,\n parent: PropTypes.object.isRequired,\n currentListLength: PropTypes.number.isRequired,\n listTotal: PropTypes.number.isRequired,\n initialOffset: PropTypes.number.isRequired,\n displayCount: PropTypes.bool.isRequired,\n triggerInfiniteScroll: PropTypes.func,\n entity: PropTypes.string.isRequired,\n pageBuilderID: PropTypes.string.isRequired,\n itemId: PropTypes.string.isRequired,\n index: PropTypes.number.isRequired,\n isInfinite: PropTypes.bool.isRequired,\n shouldRenderBanner: PropTypes.bool.isRequired,\n bannerIndex: PropTypes.number.isRequired,\n propsToDisplay: PropTypes.array,\n data: PropTypes.array,\n itemsToDisplay: PropTypes.array,\n bannerProps: PropTypes.object\n};\n\nFullRenderItem.defaultProps = {\n pageBuilderComponents: null,\n data: [],\n propsToDisplay: [],\n itemsToDisplay: [],\n triggerInfiniteScroll: null,\n bannerProps: null\n};\n\nexport default FullRenderItem;\n"],"mappings":"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","ignoreList":[]}

package/lib-es/components/List/components/Pagination/Classic.js CHANGED Viewed

@@ -11,7 +11,8 @@ const Classic = ({
   query,
   url,
   isLastPage,
-  onClick
+  onClick,
+  componentId
 }) => {
   const pages = buildPaginationItems({
     name,
@@ -19,27 +20,29 @@ const Classic = ({
     currentPage,
     query,
     url,
-    onClick
+    onClick,
+    componentId
   });
   const nextPage = currentPage + 1;
   const previousPage = currentPage - 1;
-  const previousPageLink = currentPage > 1 ? buildPaginationUrl(name, previousPage, query, url) : null;
-  const nextPageLink = !isLastPage ? buildPaginationUrl(name, nextPage, query, url) : null;
+  const previousPageLink = currentPage > 1 ? buildPaginationUrl(name, previousPage, query, url, componentId) : null;
+  const nextPageLink = !isLastPage ? buildPaginationUrl(name, nextPage, query, url, componentId) : null;
   return /*#__PURE__*/React.createElement(React.Fragment, null, !!previousPageLink && /*#__PURE__*/React.createElement(BlazeLink, {
     href: previousPageLink,
     className: "pagination_page-previous",
     onClick: onClick,
     shallow: true,
-    scroll: true
+    scroll: false
   }, `${PREVIOUS_STRING} page`), pages, !!nextPageLink && /*#__PURE__*/React.createElement(BlazeLink, {
     href: nextPageLink,
     className: "pagination_page-next",
     onClick: onClick,
     shallow: true,
-    scroll: true
+    scroll: false
   }, `${NEXT_STRING} page`));
 };
 Classic.propTypes = {
+  componentId: PropTypes.string.isRequired,
   numberOfPages: PropTypes.number.isRequired,
   currentPage: PropTypes.number.isRequired,
   name: PropTypes.string.isRequired,

package/lib-es/components/List/components/Pagination/Classic.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"Classic.js","names":["React","PropTypes","buildPaginationItems","BlazeLink","buildPaginationUrl","NEXT_STRING","PREVIOUS_STRING","Classic","name","numberOfPages","currentPage","query","url","isLastPage","onClick","pages","nextPage","previousPage","previousPageLink","nextPageLink","createElement","Fragment","href","className","shallow","scroll","propTypes","~~number~~","isRequired","~~string~~","object","bool","func"],"sources":["../../../../../src/components/List/components/Pagination/Classic.js"],"sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\nimport { buildPaginationItems } from '../../helpers';\nimport BlazeLink from '../../../BlazeLink';\nimport buildPaginationUrl from '../../helpers/build-pagination-url';\nimport { NEXT_STRING, PREVIOUS_STRING } from '../../../../constants';\n\nconst Classic = ({ name, numberOfPages, currentPage, query, url, isLastPage, onClick }) => {\n const pages = buildPaginationItems({ name, numberOfPages, currentPage, query, url, onClick });\n const nextPage = currentPage + 1;\n const previousPage = currentPage - 1;\n const previousPageLink =\n currentPage > 1 ? buildPaginationUrl(name, previousPage, query, url) : null;\n const nextPageLink = !isLastPage ? buildPaginationUrl(name, nextPage, query, url) : null;\n\n return (\n <>\n {!!previousPageLink && (\n <BlazeLink\n href={previousPageLink}\n className=\"pagination_page-previous\"\n onClick={onClick}\n shallow\n scroll>\n {`${PREVIOUS_STRING} page`}\n </BlazeLink>\n )}\n {pages}\n {!!nextPageLink && (\n <BlazeLink\n href={nextPageLink}\n className=\"pagination_page-next\"\n onClick={onClick}\n shallow\n scroll>\n {`${NEXT_STRING} page`}\n </BlazeLink>\n )}\n </>\n );\n};\n\nClassic.propTypes = {\n numberOfPages: PropTypes.number.isRequired,\n currentPage: PropTypes.number.isRequired,\n name: PropTypes.string.isRequired,\n query: PropTypes.object.isRequired,\n url: PropTypes.string.isRequired,\n isLastPage: PropTypes.bool.isRequired,\n onClick: PropTypes.func.isRequired\n};\n\nexport default Classic;\n"],"mappings":"AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,OAAOC,SAAS,MAAM,YAAY;AAClC,SAASC,oBAAoB,QAAQ,eAAe;AACpD,OAAOC,SAAS,MAAM,oBAAoB;AAC1C,OAAOC,kBAAkB,MAAM,oCAAoC;AACnE,SAASC,WAAW,EAAEC,eAAe,QAAQ,uBAAuB;AAEpE,MAAMC,OAAO,GAAGA,CAAC;~~EAAEC~~,IAAI;~~EAAEC~~,aAAa;~~EAAEC~~,WAAW;~~EAAEC~~,KAAK;~~EAAEC~~,GAAG;~~EAAEC~~,UAAU;~~EAAEC~~;~~AAAQ~~,CAAC,KAAK;~~EACzF~~,MAAMC,KAAK,~~GAAGb~~,oBAAoB,CAAC;~~IAAEM~~,IAAI;~~IAAEC~~,aAAa;~~IAAEC~~,WAAW;~~IAAEC~~,KAAK;~~IAAEC~~,GAAG;~~IAAEE~~;~~EAAQ~~,CAAC,CAAC;~~EAC7F~~,MAAME,QAAQ,~~GAAGN~~,WAAW,GAAG,CAAC;EAChC,~~MAAMO~~,YAAY,~~GAAGP~~,WAAW,GAAG,CAAC;EACpC,~~MAAMQ~~,gBAAgB,~~GACpBR~~,WAAW,GAAG,CAAC,GAAGN,kBAAkB,CAACI,IAAI,~~EAAES~~,YAAY,~~EAAEN~~,KAAK,EAAEC,GAAG,CAAC,GAAG,IAAI;~~EAC7E~~,~~MAAMO~~,YAAY,GAAG,~~CAACN~~,UAAU,~~GAAGT~~,kBAAkB,CAACI,IAAI,~~EAAEQ~~,QAAQ,~~EAAEL~~,KAAK,EAAEC,GAAG,CAAC,~~GAAG~~,IAAI;~~EAExF~~,~~oBACEZ~~,KAAA,~~CAAAoB~~,aAAA,~~CAAApB~~,KAAA,~~CAAAqB~~,QAAA,QACG,CAAC,CAACH,gBAAgB,~~iBACjBlB~~,KAAA,~~CAAAoB~~,aAAA,~~CAACjB~~,SAAS;~~IACRmB~~,IAAI,EAAEJ,gBAAiB;IACvBK,SAAS,EAAC,0BAA0B;~~IACpCT~~,OAAO,EAAEA,OAAQ;~~IACjBU~~,OAAO;IACPC,MAAM;~~EAAA~~,~~GACL~~,~~GAAGnB~~,eAAe,OACV,CACZ,~~EACAS~~,KAAK,EACL,CAAC,CAACI,YAAY,~~iBACbnB~~,KAAA,~~CAAAoB~~,aAAA,~~CAACjB~~,SAAS;~~IACRmB~~,IAAI,EAAEH,YAAa;IACnBI,SAAS,EAAC,sBAAsB;~~IAChCT~~,OAAO,EAAEA,OAAQ;~~IACjBU~~,OAAO;IACPC,MAAM;~~EAAA~~,~~GACL~~,~~GAAGpB~~,WAAW,OACN,CAEb,CAAC;AAEP,CAAC;AAEDE,OAAO,~~CAACmB~~,SAAS,GAAG;~~EAClBjB~~,aAAa,EAAER,SAAS,~~CAAC0B~~,MAAM,~~CAACC~~,UAAU;~~EAC1ClB~~,WAAW,EAAET,SAAS,~~CAAC0B~~,MAAM,~~CAACC~~,UAAU;~~EACxCpB~~,IAAI,EAAEP,SAAS,~~CAAC4B~~,MAAM,~~CAACD~~,UAAU;~~EACjCjB~~,KAAK,EAAEV,SAAS,~~CAAC6B~~,MAAM,CAACF,UAAU;~~EAClChB~~,GAAG,EAAEX,SAAS,~~CAAC4B~~,MAAM,~~CAACD~~,UAAU;~~EAChCf~~,UAAU,EAAEZ,SAAS,~~CAAC8B~~,IAAI,CAACH,UAAU;~~EACrCd~~,OAAO,EAAEb,SAAS,~~CAAC+B~~,IAAI,CAACJ;AAC1B,CAAC;AAED,~~eAAerB~~,OAAO","ignoreList":[]}
1	+ {"version":3,"file":"Classic.js","names":["React","PropTypes","buildPaginationItems","BlazeLink","buildPaginationUrl","NEXT_STRING","PREVIOUS_STRING","Classic","name","numberOfPages","currentPage","query","url","isLastPage","onClick","componentId","pages","nextPage","previousPage","previousPageLink","nextPageLink","createElement","Fragment","href","className","shallow","scroll","propTypes","string","isRequired","number","object","bool","func"],"sources":["../../../../../src/components/List/components/Pagination/Classic.js"],"sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\nimport { buildPaginationItems } from '../../helpers';\nimport BlazeLink from '../../../BlazeLink';\nimport buildPaginationUrl from '../../helpers/build-pagination-url';\nimport { NEXT_STRING, PREVIOUS_STRING } from '../../../../constants';\n\nconst Classic = ({\n name,\n numberOfPages,\n currentPage,\n query,\n url,\n isLastPage,\n onClick,\n componentId\n}) => {\n const pages = buildPaginationItems({\n name,\n numberOfPages,\n currentPage,\n query,\n url,\n onClick,\n componentId\n });\n const nextPage = currentPage + 1;\n const previousPage = currentPage - 1;\n const previousPageLink =\n currentPage > 1 ? buildPaginationUrl(name, previousPage, query, url, componentId) : null;\n const nextPageLink = !isLastPage\n ? buildPaginationUrl(name, nextPage, query, url, componentId)\n : null;\n\n return (\n <>\n {!!previousPageLink && (\n <BlazeLink\n href={previousPageLink}\n className=\"pagination_page-previous\"\n onClick={onClick}\n shallow\n scroll={false}>\n {`${PREVIOUS_STRING} page`}\n </BlazeLink>\n )}\n {pages}\n {!!nextPageLink && (\n <BlazeLink\n href={nextPageLink}\n className=\"pagination_page-next\"\n onClick={onClick}\n shallow\n scroll={false}>\n {`${NEXT_STRING} page`}\n </BlazeLink>\n )}\n </>\n );\n};\n\nClassic.propTypes = {\n componentId: PropTypes.string.isRequired,\n numberOfPages: PropTypes.number.isRequired,\n currentPage: PropTypes.number.isRequired,\n name: PropTypes.string.isRequired,\n query: PropTypes.object.isRequired,\n url: PropTypes.string.isRequired,\n isLastPage: PropTypes.bool.isRequired,\n onClick: PropTypes.func.isRequired\n};\n\nexport default Classic;\n"],"mappings":"AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,OAAOC,SAAS,MAAM,YAAY;AAClC,SAASC,oBAAoB,QAAQ,eAAe;AACpD,OAAOC,SAAS,MAAM,oBAAoB;AAC1C,OAAOC,kBAAkB,MAAM,oCAAoC;AACnE,SAASC,WAAW,EAAEC,eAAe,QAAQ,uBAAuB;AAEpE,MAAMC,OAAO,GAAGA,CAAC;EACfC,IAAI;EACJC,aAAa;EACbC,WAAW;EACXC,KAAK;EACLC,GAAG;EACHC,UAAU;EACVC,OAAO;EACPC;AACF,CAAC,KAAK;EACJ,MAAMC,KAAK,GAAGd,oBAAoB,CAAC;IACjCM,IAAI;IACJC,aAAa;IACbC,WAAW;IACXC,KAAK;IACLC,GAAG;IACHE,OAAO;IACPC;EACF,CAAC,CAAC;EACF,MAAME,QAAQ,GAAGP,WAAW,GAAG,CAAC;EAChC,MAAMQ,YAAY,GAAGR,WAAW,GAAG,CAAC;EACpC,MAAMS,gBAAgB,GACpBT,WAAW,GAAG,CAAC,GAAGN,kBAAkB,CAACI,IAAI,EAAEU,YAAY,EAAEP,KAAK,EAAEC,GAAG,EAAEG,WAAW,CAAC,GAAG,IAAI;EAC1F,MAAMK,YAAY,GAAG,CAACP,UAAU,GAC5BT,kBAAkB,CAACI,IAAI,EAAES,QAAQ,EAAEN,KAAK,EAAEC,GAAG,EAAEG,WAAW,CAAC,GAC3D,IAAI;EAER,oBACEf,KAAA,CAAAqB,aAAA,CAAArB,KAAA,CAAAsB,QAAA,QACG,CAAC,CAACH,gBAAgB,iBACjBnB,KAAA,CAAAqB,aAAA,CAAClB,SAAS;IACRoB,IAAI,EAAEJ,gBAAiB;IACvBK,SAAS,EAAC,0BAA0B;IACpCV,OAAO,EAAEA,OAAQ;IACjBW,OAAO;IACPC,MAAM,EAAE;EAAM,GACb,GAAGpB,eAAe,OACV,CACZ,EACAU,KAAK,EACL,CAAC,CAACI,YAAY,iBACbpB,KAAA,CAAAqB,aAAA,CAAClB,SAAS;IACRoB,IAAI,EAAEH,YAAa;IACnBI,SAAS,EAAC,sBAAsB;IAChCV,OAAO,EAAEA,OAAQ;IACjBW,OAAO;IACPC,MAAM,EAAE;EAAM,GACb,GAAGrB,WAAW,OACN,CAEb,CAAC;AAEP,CAAC;AAEDE,OAAO,CAACoB,SAAS,GAAG;EAClBZ,WAAW,EAAEd,SAAS,CAAC2B,MAAM,CAACC,UAAU;EACxCpB,aAAa,EAAER,SAAS,CAAC6B,MAAM,CAACD,UAAU;EAC1CnB,WAAW,EAAET,SAAS,CAAC6B,MAAM,CAACD,UAAU;EACxCrB,IAAI,EAAEP,SAAS,CAAC2B,MAAM,CAACC,UAAU;EACjClB,KAAK,EAAEV,SAAS,CAAC8B,MAAM,CAACF,UAAU;EAClCjB,GAAG,EAAEX,SAAS,CAAC2B,MAAM,CAACC,UAAU;EAChChB,UAAU,EAAEZ,SAAS,CAAC+B,IAAI,CAACH,UAAU;EACrCf,OAAO,EAAEb,SAAS,CAACgC,IAAI,CAACJ;AAC1B,CAAC;AAED,eAAetB,OAAO","ignoreList":[]}

package/lib-es/components/List/components/Pagination/ListPagination.js CHANGED Viewed

@@ -1,15 +1,16 @@
 import _defineProperty from "@babel/runtime/helpers/defineProperty";
 import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProperties";
-const _excluded = ["listTotal", "name", "itemsPerPage", "isInfinite", "limitToUse", "paginationType", "currentPage"];
+const _excluded = ["listRef", "listTotal", "name", "itemsPerPage", "isInfinite", "limitToUse", "paginationType", "currentPage"];
 function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
 function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
-import React, { useState, useEffect, useRef } from 'react';
+import React, { useState, useEffect } from 'react';
 import PropTypes from 'prop-types';
 import Classic from './Classic';
 import LoadMore from './LoadMore';
-import { LOAD_MORE, SCROLL_OFFSET } from '../../../../constants';
+import { LOAD_MORE } from '../../../../constants';
 const ListPagination = _ref => {
   let {
+      listRef,
       listTotal,
       name,
       itemsPerPage,
@@ -20,14 +21,10 @@ const ListPagination = _ref => {
     } = _ref,
     props = _objectWithoutProperties(_ref, _excluded);
   const [showPagination, setShowPagination] = useState(true);
-  const paginationRef = useRef(null);
   const isLoadMore = paginationType === LOAD_MORE;
   const scrollOnClick = () => {
-    if (!isLoadMore && paginationRef && paginationRef.current) {
-      window.scrollTo({
-        left: 0,
-        top: window.pageYOffset - SCROLL_OFFSET + paginationRef.current.previousSibling.getBoundingClientRect().top
-      });
+    if (!isLoadMore && listRef && listRef.current) {
+      listRef.current.scrollIntoView();
     }
   };
   useEffect(() => {
@@ -46,11 +43,11 @@ const ListPagination = _ref => {
     onClick: scrollOnClick
   }, props);
   return /*#__PURE__*/React.createElement("div", {
-    className: "pagination",
-    ref: paginationRef
+    className: "pagination"
   }, isLoadMore ? /*#__PURE__*/React.createElement(LoadMore, paginationProps) : /*#__PURE__*/React.createElement(Classic, paginationProps));
 };
 ListPagination.propTypes = {
+  listRef: PropTypes.object.isRequired,
   currentPage: PropTypes.number.isRequired,
   paginationType: PropTypes.string.isRequired,
   listTotal: PropTypes.number.isRequired,

package/lib-es/components/List/components/Pagination/ListPagination.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"ListPagination.js","names":["React","useState","useEffect","~~useRef","~~PropTypes","Classic","LoadMore","LOAD_MORE","~~SCROLL_OFFSET~~","~~ListPagination~~","~~_ref~~","listTotal","name","itemsPerPage","isInfinite","limitToUse","paginationType","currentPage","props","_objectWithoutProperties","_excluded","showPagination","setShowPagination","~~paginationRef","~~isLoadMore","scrollOnClick","current","~~window~~","~~scrollTo","left","top","pageYOffset","previousSibling","getBoundingClientRect","~~totalRecordsToFetch","numberOfPages","Math","ceil","isLastPage","paginationProps","_objectSpread","onClick","createElement","className","~~ref~~","~~propTypes~~","~~number~~","~~isRequired~~","string","bool","defaultProps"],"sources":["../../../../../src/components/List/components/Pagination/ListPagination.js"],"sourcesContent":["import React, { useState, useEffect, ~~useRef~~ } from 'react';\nimport PropTypes from 'prop-types';\nimport Classic from './Classic';\nimport LoadMore from './LoadMore';\nimport { LOAD_MORE, ~~SCROLL_OFFSET~~ } from '../../../../constants';\n\nconst ListPagination = ({\n listTotal,\n name,\n itemsPerPage,\n isInfinite,\n limitToUse,\n paginationType,\n currentPage,\n ...props\n}) => {\n const [showPagination, setShowPagination] = useState(true);\n ~~const paginationRef = useRef(null);\n~~\n const isLoadMore = paginationType === LOAD_MORE;\n const scrollOnClick = () => {\n if (!isLoadMore && ~~paginationRef~~ && ~~paginationRef~~.current) {\n ~~window~~.~~scrollTo({\n left: 0,\n top:\n window.pageYOffset -\n SCROLL_OFFSET +\n paginationRef.~~current.~~previousSibling.getBoundingClientRect~~()~~.top\n })~~;\n }\n };\n\n useEffect(() => {\n if (isInfinite) setShowPagination(false);\n }, [isInfinite]);\n\n if (!showPagination) return null;\n const totalRecordsToFetch = limitToUse \|\| listTotal;\n\n const numberOfPages = Math.ceil(totalRecordsToFetch / itemsPerPage);\n const isLastPage = currentPage >= numberOfPages;\n if (numberOfPages <= 1 \|\| (isLastPage && isInfinite)) return null;\n\n const paginationProps = {\n name,\n numberOfPages,\n currentPage,\n isLastPage,\n onClick: scrollOnClick,\n ...props\n };\n\n return (\n <div className=\"pagination\" ~~ref={paginationRef}~~>\n {isLoadMore ? <LoadMore {...paginationProps} /> : <Classic {...paginationProps} />}\n </div>\n );\n};\n\nListPagination.propTypes = {\n currentPage: PropTypes.number.isRequired,\n paginationType: PropTypes.string.isRequired,\n listTotal: PropTypes.number.isRequired,\n isInfinite: PropTypes.bool.isRequired,\n itemsPerPage: PropTypes.number.isRequired,\n name: PropTypes.string.isRequired,\n limitToUse: PropTypes.number\n};\n\nListPagination.defaultProps = {\n limitToUse: null\n};\n\nexport default ListPagination;\n"],"mappings":";;;;;AAAA,OAAOA,KAAK,IAAIC,QAAQ,EAAEC,SAAS,~~EAAEC,MAAM,~~QAAQ,OAAO;~~AAC1D~~,OAAOC,SAAS,MAAM,YAAY;AAClC,OAAOC,OAAO,MAAM,WAAW;AAC/B,OAAOC,QAAQ,MAAM,YAAY;AACjC,SAASC,SAAS,~~EAAEC,aAAa,~~QAAQ,uBAAuB;~~AAEhE~~,MAAMC,cAAc,GAAGC,IAAA,~~IASjB~~;EAAA,~~IATkB~~;MACtBC,SAAS;MACTC,IAAI;MACJC,YAAY;MACZC,UAAU;MACVC,UAAU;MACVC,cAAc;MACdC;IAEF,CAAC,~~GAAAP~~,IAAA;~~IADIQ~~,KAAK,GAAAC,wBAAA,~~CAAAT~~,IAAA,~~EAAAU~~,SAAA;EAER,MAAM,CAACC,cAAc,EAAEC,iBAAiB,CAAC,~~GAAGrB~~,QAAQ,CAAC,IAAI,CAAC;~~EAC1D~~,~~MAAMsB,aAAa,GAAGpB,MAAM,CAAC,IAAI,CAAC;EAElC,~~MAAMqB,UAAU,~~GAAGR~~,cAAc,KAAKT,SAAS;~~EAC~~/C,~~MAAMkB~~,aAAa,GAAGA,CAAA,KAAM;IAC1B,IAAI,CAACD,UAAU,~~IAAID~~,~~aAAa~~,IAAIA,~~aAAa~~,~~CAACG~~,OAAO,EAAE;~~MACzDC~~,~~MAAM~~,~~CAACC~~,~~QAAQ,CAAC;QACdC,IAAI,EAAE,CAAC;QACPC,GAAG,EACDH,MAAM,CAACI,WAAW,GAClBvB,aAAa,GACbe,aAAa,CAACG,~~OAAO,~~CAACM,eAAe,~~CAACC,~~qBAAqB~~,CAAC,CAAC~~,CAACH~~;~~MAClE,CAAC,CAAC~~;~~IACJ;~~EACF,CAAC;~~EAED5B~~,SAAS,CAAC,MAAM;IACd,~~IAAIY~~,UAAU,EAAEQ,iBAAiB,CAAC,KAAK,CAAC;EAC1C,CAAC,EAAE,CAACR,UAAU,CAAC,CAAC;EAEhB,IAAI,CAACO,cAAc,EAAE,OAAO,IAAI;EAChC,~~MAAMa~~,mBAAmB,~~GAAGnB~~,UAAU,IAAIJ,SAAS;EAEnD,~~MAAMwB~~,aAAa,GAAGC,IAAI,CAACC,IAAI,CAACH,mBAAmB,~~GAAGrB~~,YAAY,CAAC;EACnE,~~MAAMyB~~,UAAU,~~GAAGrB~~,WAAW,~~IAAIkB~~,aAAa;EAC/C,IAAIA,aAAa,IAAI,CAAC,IAAKG,UAAU,~~IAAIxB~~,UAAW,EAAE,OAAO,IAAI;EAEjE,~~MAAMyB~~,eAAe,GAAAC,aAAA;~~IACnB5B~~,IAAI;~~IACJuB~~,aAAa;~~IACblB~~,WAAW;~~IACXqB~~,UAAU;IACVG,OAAO,~~EAAEhB~~;EAAa,~~GACnBP~~,KAAK,CACT;EAED,~~oBACElB~~,KAAA,~~CAAA0C~~,aAAA;IAAKC,SAAS,EAAC~~,YAAY~~;~~IAACC~~,~~GAAG~~,~~EAAErB;EAAc,GAC5CC,~~UAAU,~~gBAAGxB~~,KAAA,~~CAAA0C~~,aAAA,~~CAACpC~~,QAAQ,~~EAAKiC~~,eAAkB,CAAC,~~gBAAGvC~~,KAAA,~~CAAA0C~~,aAAA,~~CAACrC~~,OAAO,~~EAAKkC~~,eAAkB,CAC9E,CAAC;AAEV,CAAC;~~AAED9B~~,cAAc,~~CAACoC~~,SAAS,GAAG;~~EACzB5B~~,WAAW,EAAEb,SAAS,~~CAAC0C~~,MAAM,~~CAACC~~,UAAU;~~EACxC/B~~,cAAc,EAAEZ,SAAS,~~CAAC4C~~,MAAM,~~CAACD~~,UAAU;~~EAC3CpC~~,SAAS,EAAEP,SAAS,~~CAAC0C~~,MAAM,~~CAACC~~,UAAU;~~EACtCjC~~,UAAU,EAAEV,SAAS,~~CAAC6C~~,IAAI,~~CAACF~~,UAAU;~~EACrClC~~,YAAY,EAAET,SAAS,~~CAAC0C~~,MAAM,~~CAACC~~,UAAU;~~EACzCnC~~,IAAI,EAAER,SAAS,~~CAAC4C~~,MAAM,~~CAACD~~,UAAU;~~EACjChC~~,UAAU,EAAEX,SAAS,~~CAAC0C~~;AACxB,CAAC;~~AAEDrC~~,cAAc,~~CAACyC~~,YAAY,GAAG;~~EAC5BnC~~,UAAU,EAAE;AACd,CAAC;AAED,~~eAAeN~~,cAAc","ignoreList":[]}
1	+ {"version":3,"file":"ListPagination.js","names":["React","useState","useEffect","PropTypes","Classic","LoadMore","LOAD_MORE","ListPagination","_ref","listRef","listTotal","name","itemsPerPage","isInfinite","limitToUse","paginationType","currentPage","props","_objectWithoutProperties","_excluded","showPagination","setShowPagination","isLoadMore","scrollOnClick","current","scrollIntoView","totalRecordsToFetch","numberOfPages","Math","ceil","isLastPage","paginationProps","_objectSpread","onClick","createElement","className","propTypes","object","isRequired","number","string","bool","defaultProps"],"sources":["../../../../../src/components/List/components/Pagination/ListPagination.js"],"sourcesContent":["import React, { useState, useEffect } from 'react';\nimport PropTypes from 'prop-types';\nimport Classic from './Classic';\nimport LoadMore from './LoadMore';\nimport { LOAD_MORE } from '../../../../constants';\n\nconst ListPagination = ({\n listRef,\n listTotal,\n name,\n itemsPerPage,\n isInfinite,\n limitToUse,\n paginationType,\n currentPage,\n ...props\n}) => {\n const [showPagination, setShowPagination] = useState(true);\n\n const isLoadMore = paginationType === LOAD_MORE;\n\n const scrollOnClick = () => {\n if (!isLoadMore && listRef && listRef.current) {\n listRef.current.scrollIntoView();\n }\n };\n\n useEffect(() => {\n if (isInfinite) setShowPagination(false);\n }, [isInfinite]);\n\n if (!showPagination) return null;\n const totalRecordsToFetch = limitToUse \|\| listTotal;\n\n const numberOfPages = Math.ceil(totalRecordsToFetch / itemsPerPage);\n const isLastPage = currentPage >= numberOfPages;\n if (numberOfPages <= 1 \|\| (isLastPage && isInfinite)) return null;\n\n const paginationProps = {\n name,\n numberOfPages,\n currentPage,\n isLastPage,\n onClick: scrollOnClick,\n ...props\n };\n\n return (\n <div className=\"pagination\">\n {isLoadMore ? <LoadMore {...paginationProps} /> : <Classic {...paginationProps} />}\n </div>\n );\n};\n\nListPagination.propTypes = {\n listRef: PropTypes.object.isRequired,\n currentPage: PropTypes.number.isRequired,\n paginationType: PropTypes.string.isRequired,\n listTotal: PropTypes.number.isRequired,\n isInfinite: PropTypes.bool.isRequired,\n itemsPerPage: PropTypes.number.isRequired,\n name: PropTypes.string.isRequired,\n limitToUse: PropTypes.number\n};\n\nListPagination.defaultProps = {\n limitToUse: null\n};\n\nexport default ListPagination;\n"],"mappings":";;;;;AAAA,OAAOA,KAAK,IAAIC,QAAQ,EAAEC,SAAS,QAAQ,OAAO;AAClD,OAAOC,SAAS,MAAM,YAAY;AAClC,OAAOC,OAAO,MAAM,WAAW;AAC/B,OAAOC,QAAQ,MAAM,YAAY;AACjC,SAASC,SAAS,QAAQ,uBAAuB;AAEjD,MAAMC,cAAc,GAAGC,IAAA,IAUjB;EAAA,IAVkB;MACtBC,OAAO;MACPC,SAAS;MACTC,IAAI;MACJC,YAAY;MACZC,UAAU;MACVC,UAAU;MACVC,cAAc;MACdC;IAEF,CAAC,GAAAR,IAAA;IADIS,KAAK,GAAAC,wBAAA,CAAAV,IAAA,EAAAW,SAAA;EAER,MAAM,CAACC,cAAc,EAAEC,iBAAiB,CAAC,GAAGpB,QAAQ,CAAC,IAAI,CAAC;EAE1D,MAAMqB,UAAU,GAAGP,cAAc,KAAKT,SAAS;EAE/C,MAAMiB,aAAa,GAAGA,CAAA,KAAM;IAC1B,IAAI,CAACD,UAAU,IAAIb,OAAO,IAAIA,OAAO,CAACe,OAAO,EAAE;MAC7Cf,OAAO,CAACe,OAAO,CAACC,cAAc,CAAC,CAAC;IAClC;EACF,CAAC;EAEDvB,SAAS,CAAC,MAAM;IACd,IAAIW,UAAU,EAAEQ,iBAAiB,CAAC,KAAK,CAAC;EAC1C,CAAC,EAAE,CAACR,UAAU,CAAC,CAAC;EAEhB,IAAI,CAACO,cAAc,EAAE,OAAO,IAAI;EAChC,MAAMM,mBAAmB,GAAGZ,UAAU,IAAIJ,SAAS;EAEnD,MAAMiB,aAAa,GAAGC,IAAI,CAACC,IAAI,CAACH,mBAAmB,GAAGd,YAAY,CAAC;EACnE,MAAMkB,UAAU,GAAGd,WAAW,IAAIW,aAAa;EAC/C,IAAIA,aAAa,IAAI,CAAC,IAAKG,UAAU,IAAIjB,UAAW,EAAE,OAAO,IAAI;EAEjE,MAAMkB,eAAe,GAAAC,aAAA;IACnBrB,IAAI;IACJgB,aAAa;IACbX,WAAW;IACXc,UAAU;IACVG,OAAO,EAAEV;EAAa,GACnBN,KAAK,CACT;EAED,oBACEjB,KAAA,CAAAkC,aAAA;IAAKC,SAAS,EAAC;EAAY,GACxBb,UAAU,gBAAGtB,KAAA,CAAAkC,aAAA,CAAC7B,QAAQ,EAAK0B,eAAkB,CAAC,gBAAG/B,KAAA,CAAAkC,aAAA,CAAC9B,OAAO,EAAK2B,eAAkB,CAC9E,CAAC;AAEV,CAAC;AAEDxB,cAAc,CAAC6B,SAAS,GAAG;EACzB3B,OAAO,EAAEN,SAAS,CAACkC,MAAM,CAACC,UAAU;EACpCtB,WAAW,EAAEb,SAAS,CAACoC,MAAM,CAACD,UAAU;EACxCvB,cAAc,EAAEZ,SAAS,CAACqC,MAAM,CAACF,UAAU;EAC3C5B,SAAS,EAAEP,SAAS,CAACoC,MAAM,CAACD,UAAU;EACtCzB,UAAU,EAAEV,SAAS,CAACsC,IAAI,CAACH,UAAU;EACrC1B,YAAY,EAAET,SAAS,CAACoC,MAAM,CAACD,UAAU;EACzC3B,IAAI,EAAER,SAAS,CAACqC,MAAM,CAACF,UAAU;EACjCxB,UAAU,EAAEX,SAAS,CAACoC;AACxB,CAAC;AAEDhC,cAAc,CAACmC,YAAY,GAAG;EAC5B5B,UAAU,EAAE;AACd,CAAC;AAED,eAAeP,cAAc","ignoreList":[]}

package/lib-es/components/List/helpers/build-pagination-items.js CHANGED Viewed

@@ -8,7 +8,8 @@ const buildPaginationItems = ({
   currentPage,
   query,
   url,
-  onClick
+  onClick,
+  componentId
 }) => {
   const pages = [];
   const paginationDifference = currentPage > PAGINATION_DIFFERENCE ? currentPage - PAGINATION_DIFFERENCE : 0;
@@ -16,7 +17,7 @@ const buildPaginationItems = ({
   for (let index = 0; index < numberOfPages; index += 1) {
     const page = index + 1 + paginationDifference;
     if (pages.length < PAGINATION_DISPLAY_LIMIT && page <= numberOfPages) {
-      const href = buildPaginationUrl(name, page, query, url);
+      const href = buildPaginationUrl(name, page, query, url, componentId);
       const pageHtml = page === currentPage ? /*#__PURE__*/React.createElement("span", {
         key: page,
         className: "pagination_page-item--current"
@@ -26,7 +27,7 @@ const buildPaginationItems = ({
         className: "pagination_page-item",
         onClick: onClick,
         shallow: true,
-        scroll: true,
+        scroll: false,
         ariaLabel: `Page ${page}`
       }, page);
       pages.push(pageHtml);

package/lib-es/components/List/helpers/build-pagination-items.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"build-pagination-items.js","names":["React","BlazeLink","buildPaginationUrl","PAGINATION_DISPLAY_LIMIT","PAGINATION_DIFFERENCE","buildPaginationItems","name","numberOfPages","currentPage","query","url","onClick","pages","paginationDifference","index","page","length","href","pageHtml","createElement","key","className","shallow","scroll","ariaLabel","push"],"sources":["../../../../src/components/List/helpers/build-pagination-items.js"],"sourcesContent":["import React from 'react';\nimport BlazeLink from '../../BlazeLink';\nimport buildPaginationUrl from './build-pagination-url';\nimport { PAGINATION_DISPLAY_LIMIT, PAGINATION_DIFFERENCE } from '../../../constants';\n\nconst buildPaginationItems = ({ name, numberOfPages, currentPage, query, url, onClick }) => {\n const pages = [];\n const paginationDifference =\n currentPage > PAGINATION_DIFFERENCE ? currentPage - PAGINATION_DIFFERENCE : 0;\n\n if (numberOfPages <= 1) return null;\n\n for (let index = 0; index < numberOfPages; index += 1) {\n const page = index + 1 + paginationDifference;\n if (pages.length < PAGINATION_DISPLAY_LIMIT && page <= numberOfPages) {\n const href = buildPaginationUrl(name, page, query, url);\n const pageHtml =\n page === currentPage ? (\n <span key={page} className=\"pagination_page-item--current\">\n {page}\n </span>\n ) : (\n <BlazeLink\n key={page}\n href={href}\n className=\"pagination_page-item\"\n onClick={onClick}\n shallow\n scroll\n ariaLabel={`Page ${page}`}>\n {page}\n </BlazeLink>\n );\n pages.push(pageHtml);\n }\n }\n\n return pages;\n};\n\nexport default buildPaginationItems;\n"],"mappings":"AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,OAAOC,SAAS,MAAM,iBAAiB;AACvC,OAAOC,kBAAkB,MAAM,wBAAwB;AACvD,SAASC,wBAAwB,EAAEC,qBAAqB,QAAQ,oBAAoB;AAEpF,MAAMC,oBAAoB,GAAGA,CAAC;~~EAAEC~~,IAAI;~~EAAEC~~,aAAa;~~EAAEC~~,WAAW;~~EAAEC~~,KAAK;~~EAAEC~~,GAAG;~~EAAEC~~;~~AAAQ~~,CAAC,KAAK;~~EAC1F~~,MAAMC,KAAK,GAAG,EAAE;EAChB,MAAMC,oBAAoB,~~GACxBL~~,WAAW,GAAGJ,qBAAqB,GAAGI,WAAW,GAAGJ,qBAAqB,GAAG,CAAC;EAE/E,IAAIG,aAAa,IAAI,CAAC,EAAE,OAAO,IAAI;EAEnC,KAAK,~~IAAIO~~,KAAK,GAAG,CAAC,EAAEA,KAAK,~~GAAGP~~,aAAa,~~EAAEO~~,KAAK,IAAI,CAAC,EAAE;IACrD,MAAMC,IAAI,GAAGD,KAAK,GAAG,CAAC,GAAGD,oBAAoB;IAC7C,IAAID,KAAK,CAACI,MAAM,~~GAAGb~~,wBAAwB,~~IAAIY~~,IAAI,~~IAAIR~~,aAAa,EAAE;MACpE,~~MAAMU~~,IAAI,~~GAAGf~~,kBAAkB,CAACI,IAAI,~~EAAES~~,IAAI,~~EAAEN~~,KAAK,EAAEC,GAAG,CAAC;~~MACvD~~,~~MAAMQ~~,QAAQ,GACZH,IAAI,~~KAAKP~~,WAAW,gBAClBR,KAAA,~~CAAAmB~~,aAAA;QAAMC,GAAG,EAAEL,IAAK;QAACM,SAAS,EAAC;MAA+B,GACvDN,IACG,CAAC,~~gBAEPf~~,KAAA,~~CAAAmB~~,aAAA,~~CAAClB~~,SAAS;~~QACRmB~~,GAAG,EAAEL,IAAK;QACVE,IAAI,EAAEA,IAAK;QACXI,SAAS,EAAC,sBAAsB;~~QAChCV~~,OAAO,EAAEA,OAAQ;~~QACjBW~~,OAAO;QACPC,MAAM;~~QACNC~~,SAAS,EAAE,QAAQT,IAAI;MAAG,GACzBA,IACQ,CACZ;MACHH,KAAK,CAACa,IAAI,CAACP,QAAQ,CAAC;IACtB;EACF;EAEA,OAAON,KAAK;AACd,CAAC;AAED,~~eAAeP~~,oBAAoB","ignoreList":[]}
1	+ {"version":3,"file":"build-pagination-items.js","names":["React","BlazeLink","buildPaginationUrl","PAGINATION_DISPLAY_LIMIT","PAGINATION_DIFFERENCE","buildPaginationItems","name","numberOfPages","currentPage","query","url","onClick","componentId","pages","paginationDifference","index","page","length","href","pageHtml","createElement","key","className","shallow","scroll","ariaLabel","push"],"sources":["../../../../src/components/List/helpers/build-pagination-items.js"],"sourcesContent":["import React from 'react';\nimport BlazeLink from '../../BlazeLink';\nimport buildPaginationUrl from './build-pagination-url';\nimport { PAGINATION_DISPLAY_LIMIT, PAGINATION_DIFFERENCE } from '../../../constants';\n\nconst buildPaginationItems = ({\n name,\n numberOfPages,\n currentPage,\n query,\n url,\n onClick,\n componentId\n}) => {\n const pages = [];\n const paginationDifference =\n currentPage > PAGINATION_DIFFERENCE ? currentPage - PAGINATION_DIFFERENCE : 0;\n\n if (numberOfPages <= 1) return null;\n\n for (let index = 0; index < numberOfPages; index += 1) {\n const page = index + 1 + paginationDifference;\n if (pages.length < PAGINATION_DISPLAY_LIMIT && page <= numberOfPages) {\n const href = buildPaginationUrl(name, page, query, url, componentId);\n const pageHtml =\n page === currentPage ? (\n <span key={page} className=\"pagination_page-item--current\">\n {page}\n </span>\n ) : (\n <BlazeLink\n key={page}\n href={href}\n className=\"pagination_page-item\"\n onClick={onClick}\n shallow\n scroll={false}\n ariaLabel={`Page ${page}`}>\n {page}\n </BlazeLink>\n );\n pages.push(pageHtml);\n }\n }\n\n return pages;\n};\n\nexport default buildPaginationItems;\n"],"mappings":"AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,OAAOC,SAAS,MAAM,iBAAiB;AACvC,OAAOC,kBAAkB,MAAM,wBAAwB;AACvD,SAASC,wBAAwB,EAAEC,qBAAqB,QAAQ,oBAAoB;AAEpF,MAAMC,oBAAoB,GAAGA,CAAC;EAC5BC,IAAI;EACJC,aAAa;EACbC,WAAW;EACXC,KAAK;EACLC,GAAG;EACHC,OAAO;EACPC;AACF,CAAC,KAAK;EACJ,MAAMC,KAAK,GAAG,EAAE;EAChB,MAAMC,oBAAoB,GACxBN,WAAW,GAAGJ,qBAAqB,GAAGI,WAAW,GAAGJ,qBAAqB,GAAG,CAAC;EAE/E,IAAIG,aAAa,IAAI,CAAC,EAAE,OAAO,IAAI;EAEnC,KAAK,IAAIQ,KAAK,GAAG,CAAC,EAAEA,KAAK,GAAGR,aAAa,EAAEQ,KAAK,IAAI,CAAC,EAAE;IACrD,MAAMC,IAAI,GAAGD,KAAK,GAAG,CAAC,GAAGD,oBAAoB;IAC7C,IAAID,KAAK,CAACI,MAAM,GAAGd,wBAAwB,IAAIa,IAAI,IAAIT,aAAa,EAAE;MACpE,MAAMW,IAAI,GAAGhB,kBAAkB,CAACI,IAAI,EAAEU,IAAI,EAAEP,KAAK,EAAEC,GAAG,EAAEE,WAAW,CAAC;MACpE,MAAMO,QAAQ,GACZH,IAAI,KAAKR,WAAW,gBAClBR,KAAA,CAAAoB,aAAA;QAAMC,GAAG,EAAEL,IAAK;QAACM,SAAS,EAAC;MAA+B,GACvDN,IACG,CAAC,gBAEPhB,KAAA,CAAAoB,aAAA,CAACnB,SAAS;QACRoB,GAAG,EAAEL,IAAK;QACVE,IAAI,EAAEA,IAAK;QACXI,SAAS,EAAC,sBAAsB;QAChCX,OAAO,EAAEA,OAAQ;QACjBY,OAAO;QACPC,MAAM,EAAE,KAAM;QACdC,SAAS,EAAE,QAAQT,IAAI;MAAG,GACzBA,IACQ,CACZ;MACHH,KAAK,CAACa,IAAI,CAACP,QAAQ,CAAC;IACtB;EACF;EAEA,OAAON,KAAK;AACd,CAAC;AAED,eAAeR,oBAAoB","ignoreList":[]}

package/lib-es/components/List/helpers/build-pagination-url.js CHANGED Viewed

@@ -3,12 +3,12 @@ function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbol
 function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
 import { stringify } from 'query-string';
 import { PB_QUERY_CONST, PAGINATION_QUERY_CONST } from '../../../constants';
-const buildPaginationUrl = (name, page, query, url) => {
+const buildPaginationUrl = (name, page, query, url, componentId) => {
   const newQuery = _objectSpread(_objectSpread({}, query), {}, {
     [`${PB_QUERY_CONST}[${name}]${PAGINATION_QUERY_CONST}`]: page
   });
   const stringQuery = stringify(newQuery);
-  return `${url}?${stringQuery}`;
+  return `${url}?${stringQuery}${componentId ? `#${componentId}` : ''}`;
 };
 export default buildPaginationUrl;
 //# sourceMappingURL=build-pagination-url.js.map

package/lib-es/components/List/helpers/build-pagination-url.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"build-pagination-url.js","names":["stringify","PB_QUERY_CONST","PAGINATION_QUERY_CONST","buildPaginationUrl","name","page","query","url","newQuery","_objectSpread","stringQuery"],"sources":["../../../../src/components/List/helpers/build-pagination-url.js"],"sourcesContent":["import { stringify } from 'query-string';\nimport { PB_QUERY_CONST, PAGINATION_QUERY_CONST } from '../../../constants';\n\nconst buildPaginationUrl = (name, page, query, url) => {\n const newQuery = { ...query, [`${PB_QUERY_CONST}[${name}]${PAGINATION_QUERY_CONST}`]: page };\n const stringQuery = stringify(newQuery);\n return `${url}?${stringQuery}`;\n};\n\nexport default buildPaginationUrl;\n"],"mappings":";;;AAAA,SAASA,SAAS,QAAQ,cAAc;AACxC,SAASC,cAAc,EAAEC,sBAAsB,QAAQ,oBAAoB;AAE3E,MAAMC,kBAAkB,GAAGA,CAACC,IAAI,EAAEC,IAAI,EAAEC,KAAK,EAAEC,GAAG,KAAK;~~EACrD~~,MAAMC,QAAQ,GAAAC,aAAA,CAAAA,aAAA,~~KAAQH~~,KAAK;IAAE,CAAC,GAAGL,cAAc,IAAIG,IAAI,IAAIF,sBAAsB,EAAE,GAAGG;EAAI,EAAE;EAC5F,~~MAAMK~~,WAAW,~~GAAGV~~,SAAS,~~CAACQ~~,QAAQ,CAAC;EACvC,OAAO,~~GAAGD~~,GAAG,~~IAAIG~~,WAAW,EAAE;~~AAChC~~,CAAC;AAED,~~eAAeP~~,kBAAkB","ignoreList":[]}
1	+ {"version":3,"file":"build-pagination-url.js","names":["stringify","PB_QUERY_CONST","PAGINATION_QUERY_CONST","buildPaginationUrl","name","page","query","url","componentId","newQuery","_objectSpread","stringQuery"],"sources":["../../../../src/components/List/helpers/build-pagination-url.js"],"sourcesContent":["import { stringify } from 'query-string';\nimport { PB_QUERY_CONST, PAGINATION_QUERY_CONST } from '../../../constants';\n\nconst buildPaginationUrl = (name, page, query, url, componentId) => {\n const newQuery = { ...query, [`${PB_QUERY_CONST}[${name}]${PAGINATION_QUERY_CONST}`]: page };\n const stringQuery = stringify(newQuery);\n return `${url}?${stringQuery}${componentId ? `#${componentId}` : ''}`;\n};\n\nexport default buildPaginationUrl;\n"],"mappings":";;;AAAA,SAASA,SAAS,QAAQ,cAAc;AACxC,SAASC,cAAc,EAAEC,sBAAsB,QAAQ,oBAAoB;AAE3E,MAAMC,kBAAkB,GAAGA,CAACC,IAAI,EAAEC,IAAI,EAAEC,KAAK,EAAEC,GAAG,EAAEC,WAAW,KAAK;EAClE,MAAMC,QAAQ,GAAAC,aAAA,CAAAA,aAAA,KAAQJ,KAAK;IAAE,CAAC,GAAGL,cAAc,IAAIG,IAAI,IAAIF,sBAAsB,EAAE,GAAGG;EAAI,EAAE;EAC5F,MAAMM,WAAW,GAAGX,SAAS,CAACS,QAAQ,CAAC;EACvC,OAAO,GAAGF,GAAG,IAAII,WAAW,GAAGH,WAAW,GAAG,IAAIA,WAAW,EAAE,GAAG,EAAE,EAAE;AACvE,CAAC;AAED,eAAeL,kBAAkB","ignoreList":[]}