@blaze-cms/react-page-builder 0.110.0-alpha.2 → 0.111.0-alpha.2
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.
- package/CHANGELOG.md +41 -0
- package/lib/components/Banner/BannerRender.js +4 -1
- package/lib/components/Banner/BannerRender.js.map +1 -1
- package/lib/components/Image/Image.js +10 -14
- package/lib/components/Image/Image.js.map +1 -1
- package/lib/components/Image/ImageFactory.js +1 -1
- package/lib/components/Image/ImageFactory.js.map +1 -1
- package/lib/components/Image/ImageRender.js +3 -5
- package/lib/components/Image/ImageRender.js.map +1 -1
- package/lib/components/List/components/Cards/CardsRenderItem.js +8 -3
- package/lib/components/List/components/Cards/CardsRenderItem.js.map +1 -1
- package/lib/components/List/components/Cards/CardsRenderWrapper.js +15 -4
- package/lib/components/List/components/Cards/CardsRenderWrapper.js.map +1 -1
- package/lib/components/List/components/Full/FullRender.js +8 -1
- package/lib/components/List/components/Full/FullRender.js.map +1 -1
- package/lib/components/List/components/Full/FullRenderItem.js +10 -5
- package/lib/components/List/components/Full/FullRenderItem.js.map +1 -1
- package/lib/components/List/helpers/get-items-per-page-to-use.js +2 -1
- package/lib/components/List/helpers/get-items-per-page-to-use.js.map +1 -1
- package/lib-es/components/Banner/BannerRender.js +4 -1
- package/lib-es/components/Banner/BannerRender.js.map +1 -1
- package/lib-es/components/Image/Image.js +7 -9
- package/lib-es/components/Image/Image.js.map +1 -1
- package/lib-es/components/Image/ImageFactory.js +1 -1
- package/lib-es/components/Image/ImageFactory.js.map +1 -1
- package/lib-es/components/Image/ImageRender.js +2 -4
- package/lib-es/components/Image/ImageRender.js.map +1 -1
- package/lib-es/components/List/components/Cards/CardsRenderItem.js +9 -4
- package/lib-es/components/List/components/Cards/CardsRenderItem.js.map +1 -1
- package/lib-es/components/List/components/Cards/CardsRenderWrapper.js +15 -5
- package/lib-es/components/List/components/Cards/CardsRenderWrapper.js.map +1 -1
- package/lib-es/components/List/components/Full/FullRender.js +7 -1
- package/lib-es/components/List/components/Full/FullRender.js.map +1 -1
- package/lib-es/components/List/components/Full/FullRenderItem.js +9 -4
- package/lib-es/components/List/components/Full/FullRenderItem.js.map +1 -1
- package/lib-es/components/List/helpers/get-items-per-page-to-use.js +4 -1
- package/lib-es/components/List/helpers/get-items-per-page-to-use.js.map +1 -1
- package/package.json +2 -2
- package/src/components/Banner/BannerRender.js +3 -2
- package/src/components/Image/Image.js +6 -12
- package/src/components/Image/ImageFactory.js +1 -1
- package/src/components/Image/ImageRender.js +7 -11
- package/src/components/List/components/Cards/CardsRenderItem.js +8 -4
- package/src/components/List/components/Cards/CardsRenderWrapper.js +31 -19
- package/src/components/List/components/Full/FullRender.js +21 -12
- package/src/components/List/components/Full/FullRenderItem.js +6 -4
- package/src/components/List/helpers/get-items-per-page-to-use.js +4 -4
- package/tests/unit/src/components/Image/Image.test.js +4 -0
- package/tests/unit/src/components/Image/ImageFactory.test.js +4 -4
- package/tests/unit/src/components/Image/ImageRender.test.js +0 -6
- package/tests/unit/src/components/Image/__snapshots__/Image.test.js.snap +0 -3
- package/tests/unit/src/components/Image/__snapshots__/ImageFactory.test.js.snap +6 -4
- package/tests/unit/src/components/LazyImage/LazyImage.test.js +0 -4
- package/tests/unit/src/components/List/helpers/get-items-per-page-to-use.test.js +24 -0
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sources":["../../../../../src/components/List/components/Full/FullRenderItem.js"],"names":["FullRenderItem","isInfinite","pageBuilderComponents","entityProps","propsToDisplay","entity","index","itemId","listTotal","initialOffset","currentListLength","triggerInfiniteScroll","parent","pageBuilderID","displayCount","bannerProps","MainContext","hasGTM","parsedPropsToDisplay","currentItemIndex","renderWaypoint","
|
|
1
|
+
{"version":3,"sources":["../../../../../src/components/List/components/Full/FullRenderItem.js"],"names":["FullRenderItem","isInfinite","pageBuilderComponents","entityProps","propsToDisplay","entity","index","itemId","listTotal","initialOffset","currentListLength","triggerInfiniteScroll","parent","pageBuilderID","displayCount","shouldRenderBanner","bannerProps","bannerIndex","MainContext","hasGTM","parsedPropsToDisplay","currentItemIndex","renderWaypoint","itemEntity","length","map","prop","propTypes","PropTypes","array","object","isRequired","number","bool","func","string","data","itemsToDisplay","defaultProps"],"mappings":"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","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\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} cardBannerIndex={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"],"file":"FullRenderItem.js"}
|
|
@@ -10,7 +10,8 @@ exports["default"] = void 0;
|
|
|
10
10
|
var _constants = require("../../../constants");
|
|
11
11
|
|
|
12
12
|
var getItemsPerPageToUse = function getItemsPerPageToUse(itemsPerPage, limitToUse) {
|
|
13
|
-
|
|
13
|
+
if (limitToUse && itemsPerPage >= limitToUse) return limitToUse;
|
|
14
|
+
return itemsPerPage || limitToUse || _constants.DEFAULT_LIMIT;
|
|
14
15
|
};
|
|
15
16
|
|
|
16
17
|
var _default = getItemsPerPageToUse;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sources":["../../../../src/components/List/helpers/get-items-per-page-to-use.js"],"names":["getItemsPerPageToUse","itemsPerPage","limitToUse","DEFAULT_LIMIT"],"mappings":";;;;;;;;;AAAA;;AAEA,IAAMA,oBAAoB,GAAG,SAAvBA,oBAAuB,CAACC,YAAD,EAAeC,UAAf;
|
|
1
|
+
{"version":3,"sources":["../../../../src/components/List/helpers/get-items-per-page-to-use.js"],"names":["getItemsPerPageToUse","itemsPerPage","limitToUse","DEFAULT_LIMIT"],"mappings":";;;;;;;;;AAAA;;AAEA,IAAMA,oBAAoB,GAAG,SAAvBA,oBAAuB,CAACC,YAAD,EAAeC,UAAf,EAA8B;AACzD,MAAIA,UAAU,IAAID,YAAY,IAAIC,UAAlC,EAA8C,OAAOA,UAAP;AAC9C,SAAOD,YAAY,IAAIC,UAAhB,IAA8BC,wBAArC;AACD,CAHD;;eAKeH,oB","sourcesContent":["import { DEFAULT_LIMIT } from '../../../constants';\n\nconst getItemsPerPageToUse = (itemsPerPage, limitToUse) => {\n if (limitToUse && itemsPerPage >= limitToUse) return limitToUse;\n return itemsPerPage || limitToUse || DEFAULT_LIMIT;\n};\n\nexport default getItemsPerPageToUse;\n"],"file":"get-items-per-page-to-use.js"}
|
|
@@ -92,13 +92,16 @@ const BannerRender = _ref => {
|
|
|
92
92
|
maxHeight: maxBannerHeight,
|
|
93
93
|
minHeight: minBannerHeight
|
|
94
94
|
};
|
|
95
|
+
|
|
96
|
+
const targetingArguments = _objectSpread(_objectSpread({}, parsedTargetings), customTargetings);
|
|
97
|
+
|
|
95
98
|
return /*#__PURE__*/React.createElement("div", {
|
|
96
99
|
className: "ad-slot",
|
|
97
100
|
style: style
|
|
98
101
|
}, /*#__PURE__*/React.createElement(AdSlot, {
|
|
99
102
|
adUnit: parsedAdunit,
|
|
100
103
|
sizes: parsedSizes,
|
|
101
|
-
targetingArguments:
|
|
104
|
+
targetingArguments: targetingArguments,
|
|
102
105
|
sizeMapping: sizeMapping
|
|
103
106
|
}));
|
|
104
107
|
};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sources":["../../../src/components/Banner/BannerRender.js"],"names":["AdSlot","PropTypes","React","useQuery","generateSingleItemQuery","getCount","buildBannerSizes","buildContextualTargeting","buildParsedAdunit","buildSizeMapping","getMaxBannerHeight","getMinBannerHeight","setCustomTargetings","BANNER_QUERY_PROPS","COUNT_CONTENT_HIERARCHIES","GET_BANNER","PUBLISHED","withTitle","BannerRender","baseAdunit","adunit","sizeId","sizes","propsToDisplay","entity","targetings","parent","asPath","action","actionKey","cardBannerIndex","otherProps","id","itemId","data","entityRecordData","variables","where","skip","parsedTargetings","bannerData","entityData","bannerSizes","sizeMapping","parsedSizes","maxBannerHeight","minBannerHeight","parentId","childEntity","_ilike","countContentHierarchies","parsedAdunit","isContextualTargetingSet","length","Object","keys","isContextualTargetingReady","shouldShowBanner","customTargetings","style","maxHeight","minHeight","propTypes","object","isRequired","string","array","number","defaultProps"],"mappings":"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
|
|
1
|
+
{"version":3,"sources":["../../../src/components/Banner/BannerRender.js"],"names":["AdSlot","PropTypes","React","useQuery","generateSingleItemQuery","getCount","buildBannerSizes","buildContextualTargeting","buildParsedAdunit","buildSizeMapping","getMaxBannerHeight","getMinBannerHeight","setCustomTargetings","BANNER_QUERY_PROPS","COUNT_CONTENT_HIERARCHIES","GET_BANNER","PUBLISHED","withTitle","BannerRender","baseAdunit","adunit","sizeId","sizes","propsToDisplay","entity","targetings","parent","asPath","action","actionKey","cardBannerIndex","otherProps","id","itemId","data","entityRecordData","variables","where","skip","parsedTargetings","bannerData","entityData","bannerSizes","sizeMapping","parsedSizes","maxBannerHeight","minBannerHeight","parentId","childEntity","_ilike","countContentHierarchies","parsedAdunit","isContextualTargetingSet","length","Object","keys","isContextualTargetingReady","shouldShowBanner","customTargetings","style","maxHeight","minHeight","targetingArguments","propTypes","object","isRequired","string","array","number","defaultProps"],"mappings":"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","sourcesContent":["import { AdSlot } from 'react-dfp';\nimport PropTypes from 'prop-types';\nimport React from 'react';\nimport { useQuery } from 'react-apollo';\nimport { generateSingleItemQuery, getCount } from '../../application/query';\nimport {\n buildBannerSizes,\n buildContextualTargeting,\n buildParsedAdunit,\n buildSizeMapping,\n getMaxBannerHeight,\n getMinBannerHeight,\n setCustomTargetings\n} from './helpers';\nimport {\n BANNER_QUERY_PROPS,\n COUNT_CONTENT_HIERARCHIES,\n GET_BANNER,\n PUBLISHED\n} from '../../constants';\nimport { withTitle } from '../../HOC';\n\nconst BannerRender = ({\n baseAdunit,\n adunit,\n sizeId,\n sizes,\n propsToDisplay,\n entity,\n targetings,\n parent,\n asPath,\n action,\n actionKey,\n cardBannerIndex,\n ...otherProps\n}) => {\n const { id } = otherProps;\n const { itemId } = parent;\n\n const { data: entityRecordData = {} } = useQuery(action, {\n variables: { where: { id: id || itemId } },\n skip: id && id !== itemId\n });\n\n const parsedTargetings = buildContextualTargeting(actionKey, entityRecordData, propsToDisplay);\n\n const { data: bannerData = {} } = useQuery(\n generateSingleItemQuery(GET_BANNER, BANNER_QUERY_PROPS),\n {\n variables: { id: sizeId },\n skip: !sizeId\n }\n );\n const { entityData } = bannerData;\n const { sizes: bannerSizes } = entityData || {};\n\n const sizeMapping = buildSizeMapping(sizeId, bannerSizes);\n const parsedSizes = buildBannerSizes(sizeId, bannerSizes, sizes);\n const maxBannerHeight = getMaxBannerHeight(bannerSizes);\n const minBannerHeight = getMinBannerHeight(bannerSizes);\n\n const { data = {} } = useQuery(getCount(COUNT_CONTENT_HIERARCHIES), {\n variables: {\n where: {\n parentId: id || itemId,\n childEntity: {\n _ilike: `${PUBLISHED}_%`\n }\n }\n }\n });\n\n const { countContentHierarchies } = data;\n\n const parsedAdunit = buildParsedAdunit(asPath, countContentHierarchies, baseAdunit, adunit);\n const isContextualTargetingSet =\n propsToDisplay.length && parsedTargetings && Object.keys(parsedTargetings).length;\n const isContextualTargetingReady = isContextualTargetingSet || !propsToDisplay.length;\n const shouldShowBanner =\n parsedAdunit && parsedSizes && !!parsedSizes.length && isContextualTargetingReady;\n\n if (!shouldShowBanner) return null;\n const customTargetings = setCustomTargetings(targetings, cardBannerIndex);\n const style = {\n maxHeight: maxBannerHeight,\n minHeight: minBannerHeight\n };\n const targetingArguments = { ...parsedTargetings, ...customTargetings };\n\n return (\n <div className=\"ad-slot\" style={style}>\n <AdSlot\n adUnit={parsedAdunit}\n sizes={parsedSizes}\n targetingArguments={targetingArguments}\n sizeMapping={sizeMapping}\n />\n </div>\n );\n};\n\nBannerRender.propTypes = {\n parent: PropTypes.object.isRequired,\n asPath: PropTypes.string.isRequired,\n action: PropTypes.object.isRequired,\n actionKey: PropTypes.string.isRequired,\n adunit: PropTypes.string,\n baseAdunit: PropTypes.string,\n sizeId: PropTypes.string,\n propsToDisplay: PropTypes.array,\n entity: PropTypes.string,\n targetings: PropTypes.string,\n sizes: PropTypes.string,\n cardBannerIndex: PropTypes.number\n};\n\nBannerRender.defaultProps = {\n adunit: '',\n baseAdunit: '',\n sizeId: '',\n propsToDisplay: [],\n entity: '',\n targetings: '',\n sizes: '',\n cardBannerIndex: null\n};\n\nexport default withTitle(BannerRender);\n"],"file":"BannerRender.js"}
|
|
@@ -8,15 +8,15 @@ function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (O
|
|
|
8
8
|
function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; if (i % 2) { ownKeys(Object(source), true).forEach(function (key) { _defineProperty(target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } } return target; }
|
|
9
9
|
|
|
10
10
|
import React, { useState } from 'react';
|
|
11
|
-
import { Waypoint } from 'react-waypoint';
|
|
12
11
|
import PropTypes from 'prop-types';
|
|
12
|
+
import { useInView } from '@blaze-react/utils/lib/customHooks';
|
|
13
13
|
import Wrapper from '../Wrapper';
|
|
14
14
|
import ImageRender from './ImageRender';
|
|
15
15
|
import ImageDetails from './ImageDetails';
|
|
16
16
|
import getClassModifiers from '../../utils/get-class-modifiers';
|
|
17
17
|
import { getImageData } from '../../utils';
|
|
18
18
|
import { getDisplayCountData, shouldShowProperty, buildImageProperties } from '../../helpers';
|
|
19
|
-
import {
|
|
19
|
+
import { IMAGE, HERO, IN_VIEW_CONFIG } from '../../constants';
|
|
20
20
|
|
|
21
21
|
const Image = _ref => {
|
|
22
22
|
let {
|
|
@@ -43,7 +43,7 @@ const Image = _ref => {
|
|
|
43
43
|
otherProps = _objectWithoutProperties(_ref, _excluded);
|
|
44
44
|
|
|
45
45
|
const [displayLightbox, setDisplayLightbox] = useState(false);
|
|
46
|
-
const [isIntersecting,
|
|
46
|
+
const [isIntersecting, outerRef] = useInView(IN_VIEW_CONFIG);
|
|
47
47
|
const {
|
|
48
48
|
caption,
|
|
49
49
|
altText,
|
|
@@ -89,16 +89,14 @@ const Image = _ref => {
|
|
|
89
89
|
countMessage
|
|
90
90
|
} = getDisplayCountData(displayCount, images);
|
|
91
91
|
const sizeKey = [IMAGE, isHero ? HERO : '', _modifier].filter(Boolean).join(':');
|
|
92
|
+
const shouldDisplayImage = !!imageUrl && isIntersecting;
|
|
92
93
|
return /*#__PURE__*/React.createElement(Wrapper, _extends({
|
|
94
|
+
ref: outerRef,
|
|
93
95
|
className: wrapperClassName,
|
|
94
96
|
modifiers: modifiers
|
|
95
|
-
}, otherProps), /*#__PURE__*/React.createElement(
|
|
96
|
-
onEnter: () => !isIntersecting && setIsIntersecting(true),
|
|
97
|
-
bottomOffset: WAYPOINT_BOTTOM_OFFSET
|
|
98
|
-
}), elementTitle && /*#__PURE__*/React.createElement("h2", {
|
|
97
|
+
}, otherProps), elementTitle && /*#__PURE__*/React.createElement("h2", {
|
|
99
98
|
className: "heading heading--section"
|
|
100
|
-
}, elementTitle),
|
|
101
|
-
isIntersecting: isIntersecting,
|
|
99
|
+
}, elementTitle), shouldDisplayImage && /*#__PURE__*/React.createElement(ImgWrapper, imgWrapperProps, /*#__PURE__*/React.createElement(ImageRender, _extends({}, otherProps, {
|
|
102
100
|
alt: altText,
|
|
103
101
|
imageUrl: imageUrl,
|
|
104
102
|
handleEnableLightbox: handleEnableLightbox,
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sources":["../../../src/components/Image/Image.js"],"names":["React","useState","Waypoint","PropTypes","Wrapper","ImageRender","ImageDetails","getClassModifiers","getImageData","getDisplayCountData","shouldShowProperty","buildImageProperties","WAYPOINT_BOTTOM_OFFSET","IMAGE","HERO","Image","url","modifier","_modifier","imageId","enableLightbox","name","toggleModal","handleSelectedImage","displayCount","lightboxImages","isHero","type","areImageCreditsDisplayed","isCaptionDisplayed","images","imageData","imageUrl","elementTitle","credits","imageCredits","otherProps","displayLightbox","setDisplayLightbox","isIntersecting","setIsIntersecting","caption","altText","hrefUrl","href","ImgWrapper","imgWrapperProps","lightboxImgProps","modifiers","wrapperClassName","toggleLightbox","handleEnableLightbox","shouldDisplayCaption","isDisplayed","value","creditsValue","shouldDisplayCredits","shouldDisplayCount","countMessage","sizeKey","filter","Boolean","join","propTypes","string","bool","func","array","object","defaultProps"],"mappings":"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","sourcesContent":["import React, { useState } from 'react';\nimport { Waypoint } from 'react-waypoint';\nimport PropTypes from 'prop-types';\nimport Wrapper from '../Wrapper';\nimport ImageRender from './ImageRender';\nimport ImageDetails from './ImageDetails';\nimport getClassModifiers from '../../utils/get-class-modifiers';\nimport { getImageData } from '../../utils';\nimport { getDisplayCountData, shouldShowProperty, buildImageProperties } from '../../helpers';\nimport { WAYPOINT_BOTTOM_OFFSET, IMAGE, HERO } from '../../constants';\n\nconst Image = ({\n url,\n modifier: _modifier,\n imageId,\n enableLightbox,\n name,\n toggleModal,\n handleSelectedImage,\n displayCount,\n lightboxImages,\n isHero,\n type,\n areImageCreditsDisplayed,\n isCaptionDisplayed,\n images,\n imageData,\n imageUrl,\n elementTitle,\n credits,\n imageCredits,\n ...otherProps\n}) => {\n const [displayLightbox, setDisplayLightbox] = useState(false);\n const [isIntersecting, setIsIntersecting] = useState(false);\n\n const { caption, altText, hrefUrl } = getImageData(otherProps, imageData);\n\n const href = url || hrefUrl;\n\n const { ImgWrapper, imgWrapperProps, lightboxImgProps } = buildImageProperties({\n href,\n name,\n enableLightbox,\n isHero\n });\n\n const modifier = _modifier || '';\n const modifiers = getClassModifiers(type, { modifier, ...otherProps });\n const wrapperClassName = isHero ? HERO : IMAGE;\n const toggleLightbox = () => setDisplayLightbox(!displayLightbox);\n\n const handleEnableLightbox = () => {\n if (!enableLightbox) return;\n toggleModal();\n handleSelectedImage(imageId);\n };\n\n const shouldDisplayCaption = shouldShowProperty({\n isDisplayed: isCaptionDisplayed,\n value: caption\n });\n\n // depreciated: imageCredits is depreciated. This code is to handle legacy data. check before changing/removing\n const creditsValue = credits || imageCredits;\n\n const shouldDisplayCredits = shouldShowProperty({\n isDisplayed: areImageCreditsDisplayed,\n value: creditsValue\n });\n const { shouldDisplayCount, countMessage } = getDisplayCountData(displayCount, images);\n const sizeKey = [IMAGE, isHero ? HERO : '', _modifier].filter(Boolean).join(':');\n\n return (\n <Wrapper className={wrapperClassName} modifiers={modifiers} {...otherProps}>\n <Waypoint\n onEnter={() => !isIntersecting && setIsIntersecting(true)}\n bottomOffset={WAYPOINT_BOTTOM_OFFSET}\n />\n {elementTitle && <h2 className=\"heading heading--section\">{elementTitle}</h2>}\n {!!imageUrl && (\n <ImgWrapper {...imgWrapperProps}>\n <ImageRender\n {...otherProps}\n isIntersecting={isIntersecting}\n alt={altText}\n imageUrl={imageUrl}\n handleEnableLightbox={handleEnableLightbox}\n toggleLightbox={toggleLightbox}\n displayLightbox={displayLightbox}\n caption={caption}\n enableLightbox={enableLightbox}\n lightboxImgProps={lightboxImgProps}\n name={name}\n displayCount={displayCount}\n lightboxImages={lightboxImages}\n isHero={isHero}\n sizeKey={sizeKey}\n />\n </ImgWrapper>\n )}\n {shouldDisplayCount && (\n <div\n className=\"image__button image__button--count\"\n role=\"button\"\n onClick={handleEnableLightbox}>\n <p>{countMessage}</p>\n <div className=\"arrow arrow--right\" />\n </div>\n )}\n {(shouldDisplayCaption || shouldDisplayCredits) && (\n <ImageDetails\n caption={caption}\n credits={creditsValue}\n shouldDisplayCaption={shouldDisplayCaption}\n shouldDisplayCredits={shouldDisplayCredits}\n />\n )}\n </Wrapper>\n );\n};\n\nImage.propTypes = {\n url: PropTypes.string,\n name: PropTypes.string,\n modifier: PropTypes.string,\n imageId: PropTypes.string,\n enableLightbox: PropTypes.bool,\n toggleModal: PropTypes.func,\n handleSelectedImage: PropTypes.func,\n displayCount: PropTypes.bool,\n lightboxImages: PropTypes.array,\n images: PropTypes.array,\n isHero: PropTypes.bool,\n type: PropTypes.string,\n areImageCreditsDisplayed: PropTypes.bool,\n isCaptionDisplayed: PropTypes.bool,\n imageData: PropTypes.object,\n imageUrl: PropTypes.string,\n credits: PropTypes.string,\n imageCredits: PropTypes.string,\n elementTitle: PropTypes.string\n};\n\nImage.defaultProps = {\n modifier: '',\n url: null,\n name: '',\n credits: '',\n imageCredits: '',\n enableLightbox: false,\n imageId: '',\n handleSelectedImage: () => {},\n toggleModal: () => {},\n displayCount: false,\n lightboxImages: [],\n images: [],\n isHero: false,\n type: '',\n areImageCreditsDisplayed: false,\n isCaptionDisplayed: true,\n imageData: {},\n imageUrl: '',\n elementTitle: ''\n};\n\nexport default Image;\n"],"file":"Image.js"}
|
|
1
|
+
{"version":3,"sources":["../../../src/components/Image/Image.js"],"names":["React","useState","PropTypes","useInView","Wrapper","ImageRender","ImageDetails","getClassModifiers","getImageData","getDisplayCountData","shouldShowProperty","buildImageProperties","IMAGE","HERO","IN_VIEW_CONFIG","Image","url","modifier","_modifier","imageId","enableLightbox","name","toggleModal","handleSelectedImage","displayCount","lightboxImages","isHero","type","areImageCreditsDisplayed","isCaptionDisplayed","images","imageData","imageUrl","elementTitle","credits","imageCredits","otherProps","displayLightbox","setDisplayLightbox","isIntersecting","outerRef","caption","altText","hrefUrl","href","ImgWrapper","imgWrapperProps","lightboxImgProps","modifiers","wrapperClassName","toggleLightbox","handleEnableLightbox","shouldDisplayCaption","isDisplayed","value","creditsValue","shouldDisplayCredits","shouldDisplayCount","countMessage","sizeKey","filter","Boolean","join","shouldDisplayImage","propTypes","string","bool","func","array","object","defaultProps"],"mappings":"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","sourcesContent":["import React, { useState } from 'react';\nimport PropTypes from 'prop-types';\nimport { useInView } from '@blaze-react/utils/lib/customHooks';\nimport Wrapper from '../Wrapper';\nimport ImageRender from './ImageRender';\nimport ImageDetails from './ImageDetails';\nimport getClassModifiers from '../../utils/get-class-modifiers';\nimport { getImageData } from '../../utils';\nimport { getDisplayCountData, shouldShowProperty, buildImageProperties } from '../../helpers';\nimport { IMAGE, HERO, IN_VIEW_CONFIG } from '../../constants';\n\nconst Image = ({\n url,\n modifier: _modifier,\n imageId,\n enableLightbox,\n name,\n toggleModal,\n handleSelectedImage,\n displayCount,\n lightboxImages,\n isHero,\n type,\n areImageCreditsDisplayed,\n isCaptionDisplayed,\n images,\n imageData,\n imageUrl,\n elementTitle,\n credits,\n imageCredits,\n ...otherProps\n}) => {\n const [displayLightbox, setDisplayLightbox] = useState(false);\n const [isIntersecting, outerRef] = useInView(IN_VIEW_CONFIG);\n const { caption, altText, hrefUrl } = getImageData(otherProps, imageData);\n\n const href = url || hrefUrl;\n\n const { ImgWrapper, imgWrapperProps, lightboxImgProps } = buildImageProperties({\n href,\n name,\n enableLightbox,\n isHero\n });\n\n const modifier = _modifier || '';\n const modifiers = getClassModifiers(type, { modifier, ...otherProps });\n const wrapperClassName = isHero ? HERO : IMAGE;\n const toggleLightbox = () => setDisplayLightbox(!displayLightbox);\n\n const handleEnableLightbox = () => {\n if (!enableLightbox) return;\n toggleModal();\n handleSelectedImage(imageId);\n };\n\n const shouldDisplayCaption = shouldShowProperty({\n isDisplayed: isCaptionDisplayed,\n value: caption\n });\n\n // depreciated: imageCredits is depreciated. This code is to handle legacy data. check before changing/removing\n const creditsValue = credits || imageCredits;\n\n const shouldDisplayCredits = shouldShowProperty({\n isDisplayed: areImageCreditsDisplayed,\n value: creditsValue\n });\n const { shouldDisplayCount, countMessage } = getDisplayCountData(displayCount, images);\n const sizeKey = [IMAGE, isHero ? HERO : '', _modifier].filter(Boolean).join(':');\n const shouldDisplayImage = !!imageUrl && isIntersecting;\n return (\n <Wrapper ref={outerRef} className={wrapperClassName} modifiers={modifiers} {...otherProps}>\n {elementTitle && <h2 className=\"heading heading--section\">{elementTitle}</h2>}\n {shouldDisplayImage && (\n <ImgWrapper {...imgWrapperProps}>\n <ImageRender\n {...otherProps}\n alt={altText}\n imageUrl={imageUrl}\n handleEnableLightbox={handleEnableLightbox}\n toggleLightbox={toggleLightbox}\n displayLightbox={displayLightbox}\n caption={caption}\n enableLightbox={enableLightbox}\n lightboxImgProps={lightboxImgProps}\n name={name}\n displayCount={displayCount}\n lightboxImages={lightboxImages}\n isHero={isHero}\n sizeKey={sizeKey}\n />\n </ImgWrapper>\n )}\n {shouldDisplayCount && (\n <div\n className=\"image__button image__button--count\"\n role=\"button\"\n onClick={handleEnableLightbox}>\n <p>{countMessage}</p>\n <div className=\"arrow arrow--right\" />\n </div>\n )}\n {(shouldDisplayCaption || shouldDisplayCredits) && (\n <ImageDetails\n caption={caption}\n credits={creditsValue}\n shouldDisplayCaption={shouldDisplayCaption}\n shouldDisplayCredits={shouldDisplayCredits}\n />\n )}\n </Wrapper>\n );\n};\n\nImage.propTypes = {\n url: PropTypes.string,\n name: PropTypes.string,\n modifier: PropTypes.string,\n imageId: PropTypes.string,\n enableLightbox: PropTypes.bool,\n toggleModal: PropTypes.func,\n handleSelectedImage: PropTypes.func,\n displayCount: PropTypes.bool,\n lightboxImages: PropTypes.array,\n images: PropTypes.array,\n isHero: PropTypes.bool,\n type: PropTypes.string,\n areImageCreditsDisplayed: PropTypes.bool,\n isCaptionDisplayed: PropTypes.bool,\n imageData: PropTypes.object,\n imageUrl: PropTypes.string,\n credits: PropTypes.string,\n imageCredits: PropTypes.string,\n elementTitle: PropTypes.string\n};\n\nImage.defaultProps = {\n modifier: '',\n url: null,\n name: '',\n credits: '',\n imageCredits: '',\n enableLightbox: false,\n imageId: '',\n handleSelectedImage: () => {},\n toggleModal: () => {},\n displayCount: false,\n lightboxImages: [],\n images: [],\n isHero: false,\n type: '',\n areImageCreditsDisplayed: false,\n isCaptionDisplayed: true,\n imageData: {},\n imageUrl: '',\n elementTitle: ''\n};\n\nexport default Image;\n"],"file":"Image.js"}
|
|
@@ -40,7 +40,7 @@ const ImageFactory = props => {
|
|
|
40
40
|
error
|
|
41
41
|
} = useGetImages(updatedImageIds, true);
|
|
42
42
|
if (error) return error.message;
|
|
43
|
-
if (loading) return
|
|
43
|
+
if (loading) return '';
|
|
44
44
|
return files.map(({
|
|
45
45
|
id,
|
|
46
46
|
data: imageData = {},
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sources":["../../../src/components/Image/ImageFactory.js"],"names":["React","useContext","PropTypes","MainContext","Image","useGetImageIdFromRelation","useGetImages","useGetSingleEntitySchema","getImageIds","isUsingRelationImage","checkIfUsingRelationImage","ImageFactory","props","imageId","parent","itemId","entity","fetchFromRelation","imageRelation","isPreview","data","getEntitySchema","actions","relationData","updatedImageIds","getFiles","files","loading","error","message","map","id","imageData","url","imageUrl","propTypes","string","bool","array","object","defaultProps"],"mappings":";AAAA,OAAOA,KAAP,IAAgBC,UAAhB,QAAkC,OAAlC;AACA,OAAOC,SAAP,MAAsB,YAAtB;AACA,SAASC,WAAT,QAA4B,8BAA5B;AACA,OAAOC,KAAP,MAAkB,SAAlB;AACA,SAASC,yBAAT,EAAoCC,YAApC,EAAkDC,wBAAlD,QAAkF,aAAlF;AACA,SAASC,WAAT,EAAsBC,oBAAoB,IAAIC,yBAA9C,QAA+E,eAA/E;;AAEA,MAAMC,YAAY,GAAGC,KAAK,IAAI;AAC5B,QAAM;AACJC,IAAAA,OADI;AAEJC,IAAAA,MAAM,EAAE;AAAEC,MAAAA;AAAF,KAFJ;AAGJC,IAAAA,MAHI;AAIJC,IAAAA,iBAJI;AAKJC,IAAAA;AALI,MAMFN,KANJ;AAOA,QAAM;AAAEO,IAAAA;AAAF,MAAgBlB,UAAU,CAACE,WAAD,CAAhC;AACA,QAAMM,oBAAoB,GAAGC,yBAAyB,CAACM,MAAD,EAASC,iBAAT,EAA4BC,aAA5B,CAAtD;AACA,QAAM;AAAEE,IAAAA,IAAI,EAAE;AAAEC,MAAAA,eAAe,GAAG;AAApB,QAA2B;AAAnC,MAA0Cd,wBAAwB,CAACS,MAAD,EAAS,CAACA,MAAV,CAAxE;AACA,QAAM;AAAEM,IAAAA,OAAO,GAAG;AAAZ,MAAmBD,eAAzB;AACA,QAAM;AAAED,IAAAA,IAAI,EAAEG;AAAR,MAAyBlB,yBAAyB,CACtDU,MADsD,EAEtDG,aAFsD,EAGtDI,OAHsD,EAItDb,oBAJsD,EAKtDU,SALsD,CAAxD;AAQA,QAAMK,eAAe,GAAGhB,WAAW,CAACU,aAAD,EAAgBK,YAAhB,EAA8BV,OAA9B,CAAnC;AAEA,QAAM;AAAEO,IAAAA,IAAI,EAAE;AAAEK,MAAAA,QAAQ,EAAEC,KAAK,GAAG;AAApB,QAA2B,EAAnC;AAAuCC,IAAAA,OAAvC;AAAgDC,IAAAA;AAAhD,MAA0DtB,YAAY,CAC1EkB,eAD0E,EAE1E,IAF0E,CAA5E;AAKA,MAAII,KAAJ,EAAW,OAAOA,KAAK,CAACC,OAAb;AACX,MAAIF,OAAJ,EAAa,
|
|
1
|
+
{"version":3,"sources":["../../../src/components/Image/ImageFactory.js"],"names":["React","useContext","PropTypes","MainContext","Image","useGetImageIdFromRelation","useGetImages","useGetSingleEntitySchema","getImageIds","isUsingRelationImage","checkIfUsingRelationImage","ImageFactory","props","imageId","parent","itemId","entity","fetchFromRelation","imageRelation","isPreview","data","getEntitySchema","actions","relationData","updatedImageIds","getFiles","files","loading","error","message","map","id","imageData","url","imageUrl","propTypes","string","bool","array","object","defaultProps"],"mappings":";AAAA,OAAOA,KAAP,IAAgBC,UAAhB,QAAkC,OAAlC;AACA,OAAOC,SAAP,MAAsB,YAAtB;AACA,SAASC,WAAT,QAA4B,8BAA5B;AACA,OAAOC,KAAP,MAAkB,SAAlB;AACA,SAASC,yBAAT,EAAoCC,YAApC,EAAkDC,wBAAlD,QAAkF,aAAlF;AACA,SAASC,WAAT,EAAsBC,oBAAoB,IAAIC,yBAA9C,QAA+E,eAA/E;;AAEA,MAAMC,YAAY,GAAGC,KAAK,IAAI;AAC5B,QAAM;AACJC,IAAAA,OADI;AAEJC,IAAAA,MAAM,EAAE;AAAEC,MAAAA;AAAF,KAFJ;AAGJC,IAAAA,MAHI;AAIJC,IAAAA,iBAJI;AAKJC,IAAAA;AALI,MAMFN,KANJ;AAOA,QAAM;AAAEO,IAAAA;AAAF,MAAgBlB,UAAU,CAACE,WAAD,CAAhC;AACA,QAAMM,oBAAoB,GAAGC,yBAAyB,CAACM,MAAD,EAASC,iBAAT,EAA4BC,aAA5B,CAAtD;AACA,QAAM;AAAEE,IAAAA,IAAI,EAAE;AAAEC,MAAAA,eAAe,GAAG;AAApB,QAA2B;AAAnC,MAA0Cd,wBAAwB,CAACS,MAAD,EAAS,CAACA,MAAV,CAAxE;AACA,QAAM;AAAEM,IAAAA,OAAO,GAAG;AAAZ,MAAmBD,eAAzB;AACA,QAAM;AAAED,IAAAA,IAAI,EAAEG;AAAR,MAAyBlB,yBAAyB,CACtDU,MADsD,EAEtDG,aAFsD,EAGtDI,OAHsD,EAItDb,oBAJsD,EAKtDU,SALsD,CAAxD;AAQA,QAAMK,eAAe,GAAGhB,WAAW,CAACU,aAAD,EAAgBK,YAAhB,EAA8BV,OAA9B,CAAnC;AAEA,QAAM;AAAEO,IAAAA,IAAI,EAAE;AAAEK,MAAAA,QAAQ,EAAEC,KAAK,GAAG;AAApB,QAA2B,EAAnC;AAAuCC,IAAAA,OAAvC;AAAgDC,IAAAA;AAAhD,MAA0DtB,YAAY,CAC1EkB,eAD0E,EAE1E,IAF0E,CAA5E;AAKA,MAAII,KAAJ,EAAW,OAAOA,KAAK,CAACC,OAAb;AACX,MAAIF,OAAJ,EAAa,OAAO,EAAP;AAEb,SAAOD,KAAK,CAACI,GAAN,CAAU,CAAC;AAAEC,IAAAA,EAAF;AAAMX,IAAAA,IAAI,EAAEY,SAAS,GAAG,EAAxB;AAA4BC,IAAAA,GAAG,EAAEC,QAAQ,GAAG;AAA5C,GAAD,KAAsD;AACrE,QAAI,CAACA,QAAL,EAAe,OAAO,IAAP;AACf,wBAAO,oBAAC,KAAD;AAAO,MAAA,GAAG,EAAEH;AAAZ,OAAoBnB,KAApB;AAA2B,MAAA,SAAS,EAAEoB,SAAtC;AAAiD,MAAA,QAAQ,EAAEE;AAA3D,OAAP;AACD,GAHM,CAAP;AAID,CAlCD;;AAoCAvB,YAAY,CAACwB,SAAb,GAAyB;AACvBnB,EAAAA,MAAM,EAAEd,SAAS,CAACkC,MADK;AAEvBnB,EAAAA,iBAAiB,EAAEf,SAAS,CAACmC,IAFN;AAGvBxB,EAAAA,OAAO,EAAEX,SAAS,CAACkC,MAHI;AAIvBlB,EAAAA,aAAa,EAAEhB,SAAS,CAACoC,KAJF;AAKvBxB,EAAAA,MAAM,EAAEZ,SAAS,CAACqC;AALK,CAAzB;AAQA5B,YAAY,CAAC6B,YAAb,GAA4B;AAC1BxB,EAAAA,MAAM,EAAE,EADkB;AAE1BC,EAAAA,iBAAiB,EAAE,KAFO;AAG1BJ,EAAAA,OAAO,EAAE,EAHiB;AAI1BK,EAAAA,aAAa,EAAE,EAJW;AAK1BJ,EAAAA,MAAM,EAAE;AALkB,CAA5B;AAQA,eAAeH,YAAf","sourcesContent":["import React, { useContext } from 'react';\nimport PropTypes from 'prop-types';\nimport { MainContext } from '@blaze-cms/nextjs-components';\nimport Image from './Image';\nimport { useGetImageIdFromRelation, useGetImages, useGetSingleEntitySchema } from '../../hooks';\nimport { getImageIds, isUsingRelationImage as checkIfUsingRelationImage } from '../../helpers';\n\nconst ImageFactory = props => {\n const {\n imageId,\n parent: { itemId },\n entity,\n fetchFromRelation,\n imageRelation\n } = props;\n const { isPreview } = useContext(MainContext);\n const isUsingRelationImage = checkIfUsingRelationImage(entity, fetchFromRelation, imageRelation);\n const { data: { getEntitySchema = {} } = {} } = useGetSingleEntitySchema(entity, !entity);\n const { actions = {} } = getEntitySchema;\n const { data: relationData } = useGetImageIdFromRelation(\n itemId,\n imageRelation,\n actions,\n isUsingRelationImage,\n isPreview\n );\n\n const updatedImageIds = getImageIds(imageRelation, relationData, imageId);\n\n const { data: { getFiles: files = [] } = {}, loading, error } = useGetImages(\n updatedImageIds,\n true\n );\n\n if (error) return error.message;\n if (loading) return '';\n\n return files.map(({ id, data: imageData = {}, url: imageUrl = '' }) => {\n if (!imageUrl) return null;\n return <Image key={id} {...props} imageData={imageData} imageUrl={imageUrl} />;\n });\n};\n\nImageFactory.propTypes = {\n entity: PropTypes.string,\n fetchFromRelation: PropTypes.bool,\n imageId: PropTypes.string,\n imageRelation: PropTypes.array,\n parent: PropTypes.object\n};\n\nImageFactory.defaultProps = {\n entity: '',\n fetchFromRelation: false,\n imageId: '',\n imageRelation: [],\n parent: {}\n};\n\nexport default ImageFactory;\n"],"file":"ImageFactory.js"}
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
import _extends from "@babel/runtime/helpers/extends";
|
|
2
2
|
import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProperties";
|
|
3
|
-
const _excluded = ["
|
|
3
|
+
const _excluded = ["alt", "imageUrl", "handleEnableLightbox", "toggleLightbox", "displayLightbox", "enableLightbox", "caption", "lightboxImgProps", "name", "metaTitle", "heroModifier", "style", "isHero", "sizeKey"];
|
|
4
4
|
import React from 'react';
|
|
5
5
|
import PropTypes from 'prop-types';
|
|
6
6
|
import { ResponsiveImage } from '@blaze-cms/image-cdn-react';
|
|
@@ -8,7 +8,6 @@ import Lightbox from './Lightbox';
|
|
|
8
8
|
|
|
9
9
|
const ImageRender = _ref => {
|
|
10
10
|
let {
|
|
11
|
-
isIntersecting,
|
|
12
11
|
alt,
|
|
13
12
|
imageUrl,
|
|
14
13
|
handleEnableLightbox,
|
|
@@ -29,7 +28,7 @@ const ImageRender = _ref => {
|
|
|
29
28
|
const imageStyle = enableLightbox ? {
|
|
30
29
|
cursor: 'pointer'
|
|
31
30
|
} : style;
|
|
32
|
-
return /*#__PURE__*/React.createElement(React.Fragment, null,
|
|
31
|
+
return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(ResponsiveImage, {
|
|
33
32
|
sizeKey: sizeKey,
|
|
34
33
|
alt: alt,
|
|
35
34
|
src: imageUrl,
|
|
@@ -46,7 +45,6 @@ const ImageRender = _ref => {
|
|
|
46
45
|
};
|
|
47
46
|
|
|
48
47
|
ImageRender.propTypes = {
|
|
49
|
-
isIntersecting: PropTypes.bool.isRequired,
|
|
50
48
|
displayLightbox: PropTypes.bool.isRequired,
|
|
51
49
|
enableLightbox: PropTypes.bool.isRequired,
|
|
52
50
|
alt: PropTypes.string,
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sources":["../../../src/components/Image/ImageRender.js"],"names":["React","PropTypes","ResponsiveImage","Lightbox","ImageRender","
|
|
1
|
+
{"version":3,"sources":["../../../src/components/Image/ImageRender.js"],"names":["React","PropTypes","ResponsiveImage","Lightbox","ImageRender","alt","imageUrl","handleEnableLightbox","toggleLightbox","displayLightbox","enableLightbox","caption","lightboxImgProps","name","metaTitle","heroModifier","style","isHero","sizeKey","otherProps","imageStyle","cursor","propTypes","bool","isRequired","string","func","object","defaultProps"],"mappings":";;;AAAA,OAAOA,KAAP,MAAkB,OAAlB;AACA,OAAOC,SAAP,MAAsB,YAAtB;AACA,SAASC,eAAT,QAAgC,4BAAhC;AACA,OAAOC,QAAP,MAAqB,YAArB;;AAEA,MAAMC,WAAW,GAAG,QAgBd;AAAA,MAhBe;AACnBC,IAAAA,GADmB;AAEnBC,IAAAA,QAFmB;AAGnBC,IAAAA,oBAHmB;AAInBC,IAAAA,cAJmB;AAKnBC,IAAAA,eALmB;AAMnBC,IAAAA,cANmB;AAOnBC,IAAAA,OAPmB;AAQnBC,IAAAA,gBARmB;AASnBC,IAAAA,IATmB;AAUnBC,IAAAA,SAVmB;AAWnBC,IAAAA,YAXmB;AAYnBC,IAAAA,KAZmB;AAanBC,IAAAA,MAbmB;AAcnBC,IAAAA;AAdmB,GAgBf;AAAA,MADDC,UACC;;AACJ,QAAMC,UAAU,GAAGV,cAAc,GAAG;AAAEW,IAAAA,MAAM,EAAE;AAAV,GAAH,GAA2BL,KAA5D;AACA,sBACE,uDACE,oBAAC,eAAD;AACE,IAAA,OAAO,EAAEE,OADX;AAEE,IAAA,GAAG,EAAEb,GAFP;AAGE,IAAA,GAAG,EAAEC,QAHP;AAIE,IAAA,OAAO,EAAEC,oBAJX;AAKE,IAAA,KAAK,EAAEa;AALT,IADF,EAQGX,eAAe,iBACd,oBAAC,QAAD;AACE,IAAA,QAAQ,EAAEH,QADZ;AAEE,IAAA,GAAG,EAAED,GAFP;AAGE,IAAA,UAAU,EAAEG,cAHd;AAIE,IAAA,OAAO,EAAEG,OAJX;AAKE,IAAA,eAAe,EAAEC,gBALnB;AAME,IAAA,IAAI,EAAEE,SAAS,IAAID;AANrB,KAOMM,UAPN,EATJ,CADF;AAsBD,CAxCD;;AA0CAf,WAAW,CAACkB,SAAZ,GAAwB;AACtBb,EAAAA,eAAe,EAAER,SAAS,CAACsB,IAAV,CAAeC,UADV;AAEtBd,EAAAA,cAAc,EAAET,SAAS,CAACsB,IAAV,CAAeC,UAFT;AAGtBnB,EAAAA,GAAG,EAAEJ,SAAS,CAACwB,MAHO;AAItBd,EAAAA,OAAO,EAAEV,SAAS,CAACwB,MAJG;AAKtBnB,EAAAA,QAAQ,EAAEL,SAAS,CAACwB,MAAV,CAAiBD,UALL;AAMtBX,EAAAA,IAAI,EAAEZ,SAAS,CAACwB,MANM;AAOtBV,EAAAA,YAAY,EAAEd,SAAS,CAACwB,MAPF;AAQtBX,EAAAA,SAAS,EAAEb,SAAS,CAACwB,MARC;AAStBlB,EAAAA,oBAAoB,EAAEN,SAAS,CAACyB,IAAV,CAAeF,UATf;AAUtBhB,EAAAA,cAAc,EAAEP,SAAS,CAACyB,IAAV,CAAeF,UAVT;AAWtBZ,EAAAA,gBAAgB,EAAEX,SAAS,CAAC0B,MAAV,CAAiBH,UAXb;AAYtBR,EAAAA,KAAK,EAAEf,SAAS,CAAC0B,MAZK;AAatBV,EAAAA,MAAM,EAAEhB,SAAS,CAACsB,IAbI;AActBL,EAAAA,OAAO,EAAEjB,SAAS,CAACwB;AAdG,CAAxB;AAiBArB,WAAW,CAACwB,YAAZ,GAA2B;AACzBf,EAAAA,IAAI,EAAE,EADmB;AAEzBC,EAAAA,SAAS,EAAE,EAFc;AAGzBC,EAAAA,YAAY,EAAE,EAHW;AAIzBV,EAAAA,GAAG,EAAE,EAJoB;AAKzBM,EAAAA,OAAO,EAAE,EALgB;AAMzBM,EAAAA,MAAM,EAAE,KANiB;AAOzBD,EAAAA,KAAK,EAAE,EAPkB;AAQzBE,EAAAA,OAAO,EAAE;AARgB,CAA3B;AAWA,eAAed,WAAf","sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\nimport { ResponsiveImage } from '@blaze-cms/image-cdn-react';\nimport Lightbox from './Lightbox';\n\nconst ImageRender = ({\n alt,\n imageUrl,\n handleEnableLightbox,\n toggleLightbox,\n displayLightbox,\n enableLightbox,\n caption,\n lightboxImgProps,\n name,\n metaTitle,\n heroModifier,\n style,\n isHero,\n sizeKey,\n ...otherProps\n}) => {\n const imageStyle = enableLightbox ? { cursor: 'pointer' } : style;\n return (\n <>\n <ResponsiveImage\n sizeKey={sizeKey}\n alt={alt}\n src={imageUrl}\n onClick={handleEnableLightbox}\n style={imageStyle}\n />\n {displayLightbox && (\n <Lightbox\n imageUrl={imageUrl}\n alt={alt}\n closeModal={toggleLightbox}\n caption={caption}\n imgWrapperProps={lightboxImgProps}\n name={metaTitle || name}\n {...otherProps}\n />\n )}\n </>\n );\n};\n\nImageRender.propTypes = {\n displayLightbox: PropTypes.bool.isRequired,\n enableLightbox: PropTypes.bool.isRequired,\n alt: PropTypes.string,\n caption: PropTypes.string,\n imageUrl: PropTypes.string.isRequired,\n name: PropTypes.string,\n heroModifier: PropTypes.string,\n metaTitle: PropTypes.string,\n handleEnableLightbox: PropTypes.func.isRequired,\n toggleLightbox: PropTypes.func.isRequired,\n lightboxImgProps: PropTypes.object.isRequired,\n style: PropTypes.object,\n isHero: PropTypes.bool,\n sizeKey: PropTypes.string\n};\n\nImageRender.defaultProps = {\n name: '',\n metaTitle: '',\n heroModifier: '',\n alt: '',\n caption: '',\n isHero: false,\n style: {},\n sizeKey: ''\n};\n\nexport default ImageRender;\n"],"file":"ImageRender.js"}
|
|
@@ -4,7 +4,7 @@ import PropTypes from 'prop-types';
|
|
|
4
4
|
import { Waypoint } from 'react-waypoint';
|
|
5
5
|
import Card from '../../../Card/Card';
|
|
6
6
|
import { shouldRenderWaypoint, renderChildren, parsePropsToDisplay } from '../../../../helpers';
|
|
7
|
-
import { checkIfShouldRenderGtm
|
|
7
|
+
import { checkIfShouldRenderGtm } from '../helpers';
|
|
8
8
|
import Banner from '../../../Banner';
|
|
9
9
|
|
|
10
10
|
const CardsRenderItem = ({
|
|
@@ -19,7 +19,9 @@ const CardsRenderItem = ({
|
|
|
19
19
|
modifier,
|
|
20
20
|
gridModifier,
|
|
21
21
|
propsToDisplayModifiers,
|
|
22
|
-
propsToDisplay
|
|
22
|
+
propsToDisplay,
|
|
23
|
+
shouldRenderBanner,
|
|
24
|
+
bannerIndex
|
|
23
25
|
}) => {
|
|
24
26
|
const {
|
|
25
27
|
initialOffset,
|
|
@@ -38,7 +40,6 @@ const CardsRenderItem = ({
|
|
|
38
40
|
const currentItemIndex = initialOffset + index;
|
|
39
41
|
const renderWaypoint = isInfinite && shouldRenderWaypoint(index, currentListLength, currentItemIndex, listTotal);
|
|
40
42
|
const shouldRenderGtm = gtmChildren && checkIfShouldRenderGtm(itemsPerPage, currentListLength, index);
|
|
41
|
-
const shouldRenderBanner = !!bannerProps && checkIfShouldRenderBanner(index, bannerProps);
|
|
42
43
|
const parsedPropsToDisplay = parsePropsToDisplay(cardProps, propsToDisplay);
|
|
43
44
|
return /*#__PURE__*/React.createElement(React.Fragment, null, shouldRenderGtm && renderChildren(gtmChildren), displayCount && /*#__PURE__*/React.createElement("div", {
|
|
44
45
|
className: "heading heading--section heading--section--count"
|
|
@@ -65,7 +66,9 @@ const CardsRenderItem = ({
|
|
|
65
66
|
cardProps: cardProps,
|
|
66
67
|
gtmId: name,
|
|
67
68
|
gtmChildren: gtmChildren
|
|
68
|
-
}, cardProps))), shouldRenderBanner && /*#__PURE__*/React.createElement(Banner, bannerProps
|
|
69
|
+
}, cardProps))), shouldRenderBanner && /*#__PURE__*/React.createElement(Banner, _extends({}, bannerProps, {
|
|
70
|
+
cardBannerIndex: bannerIndex
|
|
71
|
+
})));
|
|
69
72
|
};
|
|
70
73
|
|
|
71
74
|
CardsRenderItem.propTypes = {
|
|
@@ -74,6 +77,8 @@ CardsRenderItem.propTypes = {
|
|
|
74
77
|
index: PropTypes.number.isRequired,
|
|
75
78
|
currentListLength: PropTypes.number.isRequired,
|
|
76
79
|
propsToDisplayModifiers: PropTypes.array.isRequired,
|
|
80
|
+
shouldRenderBanner: PropTypes.bool.isRequired,
|
|
81
|
+
bannerIndex: PropTypes.number.isRequired,
|
|
77
82
|
bannerProps: PropTypes.object,
|
|
78
83
|
gridModifier: PropTypes.string,
|
|
79
84
|
propsToDisplay: PropTypes.array,
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sources":["../../../../../src/components/List/components/Cards/CardsRenderItem.js"],"names":["React","PropTypes","Waypoint","Card","shouldRenderWaypoint","renderChildren","parsePropsToDisplay","checkIfShouldRenderGtm","
|
|
1
|
+
{"version":3,"sources":["../../../../../src/components/List/components/Cards/CardsRenderItem.js"],"names":["React","PropTypes","Waypoint","Card","shouldRenderWaypoint","renderChildren","parsePropsToDisplay","checkIfShouldRenderGtm","Banner","CardsRenderItem","cardProps","listProps","bannerProps","index","entity","currentListLength","cardChildren","gtmChildren","modifier","gridModifier","propsToDisplayModifiers","propsToDisplay","shouldRenderBanner","bannerIndex","initialOffset","isInfinite","style","name","id","triggerInfiniteScroll","displayCount","displayCategory","displayThumbnail","displayTitle","listTotal","itemsPerPage","currentItemIndex","renderWaypoint","shouldRenderGtm","parsedPropsToDisplay","propTypes","object","isRequired","number","array","bool","string","oneOfType","arrayOf","node","defaultProps"],"mappings":"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","sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\nimport { Waypoint } from 'react-waypoint';\nimport Card from '../../../Card/Card';\nimport { shouldRenderWaypoint, renderChildren, parsePropsToDisplay } from '../../../../helpers';\nimport { checkIfShouldRenderGtm } from '../helpers';\nimport Banner from '../../../Banner';\n\nconst CardsRenderItem = ({\n cardProps,\n listProps,\n bannerProps,\n index,\n entity,\n currentListLength,\n cardChildren,\n gtmChildren,\n modifier,\n gridModifier,\n propsToDisplayModifiers,\n propsToDisplay,\n shouldRenderBanner,\n bannerIndex\n}) => {\n const {\n initialOffset,\n isInfinite,\n style,\n name,\n id,\n triggerInfiniteScroll,\n displayCount,\n displayCategory = true,\n displayThumbnail = true,\n displayTitle = true,\n listTotal,\n itemsPerPage\n } = listProps;\n\n const currentItemIndex = initialOffset + index;\n const renderWaypoint =\n isInfinite && shouldRenderWaypoint(index, currentListLength, currentItemIndex, listTotal);\n const shouldRenderGtm =\n gtmChildren && checkIfShouldRenderGtm(itemsPerPage, currentListLength, index);\n\n const parsedPropsToDisplay = parsePropsToDisplay(cardProps, propsToDisplay);\n\n return (\n <>\n {shouldRenderGtm && renderChildren(gtmChildren)}\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--compact\">\n {renderWaypoint && <Waypoint onEnter={triggerInfiniteScroll} />}\n <Card\n id={id}\n entity={entity}\n gridModifier={gridModifier}\n propsToDisplay={parsedPropsToDisplay}\n propsToDisplayModifiers={propsToDisplayModifiers}\n modifier={modifier}\n style={style}\n cardChildren={cardChildren}\n displayCategory={displayCategory}\n displayThumbnail={displayThumbnail}\n displayTitle={displayTitle}\n cardProps={cardProps}\n gtmId={name}\n gtmChildren={gtmChildren}\n {...cardProps}\n />\n </div>\n {shouldRenderBanner && <Banner {...bannerProps} cardBannerIndex={bannerIndex} />}\n </>\n );\n};\n\nCardsRenderItem.propTypes = {\n cardProps: PropTypes.object.isRequired,\n listProps: PropTypes.object.isRequired,\n index: PropTypes.number.isRequired,\n currentListLength: PropTypes.number.isRequired,\n propsToDisplayModifiers: PropTypes.array.isRequired,\n shouldRenderBanner: PropTypes.bool.isRequired,\n bannerIndex: PropTypes.number.isRequired,\n bannerProps: PropTypes.object,\n gridModifier: PropTypes.string,\n propsToDisplay: PropTypes.array,\n entity: PropTypes.string.isRequired,\n modifier: PropTypes.string,\n cardChildren: PropTypes.oneOfType([PropTypes.arrayOf(PropTypes.node), PropTypes.node]),\n gtmChildren: PropTypes.oneOfType([PropTypes.arrayOf(PropTypes.node), PropTypes.node])\n};\n\nCardsRenderItem.defaultProps = {\n bannerProps: null,\n gridModifier: '',\n propsToDisplay: [],\n modifier: '',\n cardChildren: [],\n gtmChildren: []\n};\n\nexport default CardsRenderItem;\n"],"file":"CardsRenderItem.js"}
|
|
@@ -1,19 +1,22 @@
|
|
|
1
1
|
import _extends from "@babel/runtime/helpers/extends";
|
|
2
2
|
import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProperties";
|
|
3
|
-
const _excluded = ["orderedListData", "gridModifier"];
|
|
3
|
+
const _excluded = ["orderedListData", "gridModifier", "bannerProps"];
|
|
4
4
|
import React from 'react';
|
|
5
5
|
import PropTypes from 'prop-types';
|
|
6
6
|
import CardsRenderItem from './CardsRenderItem';
|
|
7
7
|
import Wrapper from '../../../Wrapper';
|
|
8
8
|
import { withTitle } from '../../../../HOC';
|
|
9
|
+
import { checkIfShouldRenderBanner } from '../helpers';
|
|
9
10
|
|
|
10
11
|
const CardsRenderWrapper = _ref => {
|
|
11
12
|
let {
|
|
12
13
|
orderedListData,
|
|
13
|
-
gridModifier
|
|
14
|
+
gridModifier,
|
|
15
|
+
bannerProps
|
|
14
16
|
} = _ref,
|
|
15
17
|
props = _objectWithoutProperties(_ref, _excluded);
|
|
16
18
|
|
|
19
|
+
let bannerIndex = 0;
|
|
17
20
|
return /*#__PURE__*/React.createElement(Wrapper, {
|
|
18
21
|
className: "grid",
|
|
19
22
|
modifiers: gridModifier
|
|
@@ -21,12 +24,17 @@ const CardsRenderWrapper = _ref => {
|
|
|
21
24
|
const {
|
|
22
25
|
id
|
|
23
26
|
} = cardProps;
|
|
27
|
+
const shouldRenderBanner = !!bannerProps && checkIfShouldRenderBanner(index, bannerProps);
|
|
28
|
+
if (shouldRenderBanner) bannerIndex += 1;
|
|
24
29
|
return /*#__PURE__*/React.createElement(CardsRenderItem, _extends({
|
|
25
30
|
key: id,
|
|
26
31
|
index: index,
|
|
27
32
|
cardProps: cardProps,
|
|
28
33
|
gridModifier: gridModifier,
|
|
29
|
-
listProps: props
|
|
34
|
+
listProps: props,
|
|
35
|
+
shouldRenderBanner: shouldRenderBanner,
|
|
36
|
+
bannerProps: bannerProps,
|
|
37
|
+
bannerIndex: bannerIndex
|
|
30
38
|
}, props));
|
|
31
39
|
}));
|
|
32
40
|
};
|
|
@@ -34,10 +42,12 @@ const CardsRenderWrapper = _ref => {
|
|
|
34
42
|
CardsRenderWrapper.propTypes = {
|
|
35
43
|
orderedListData: PropTypes.array.isRequired,
|
|
36
44
|
gridModifier: PropTypes.string.isRequired,
|
|
37
|
-
imagesData: PropTypes.array
|
|
45
|
+
imagesData: PropTypes.array,
|
|
46
|
+
bannerProps: PropTypes.object
|
|
38
47
|
};
|
|
39
48
|
CardsRenderWrapper.defaultProps = {
|
|
40
|
-
imagesData: []
|
|
49
|
+
imagesData: [],
|
|
50
|
+
bannerProps: {}
|
|
41
51
|
};
|
|
42
52
|
export default withTitle(CardsRenderWrapper);
|
|
43
53
|
//# sourceMappingURL=CardsRenderWrapper.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sources":["../../../../../src/components/List/components/Cards/CardsRenderWrapper.js"],"names":["React","PropTypes","CardsRenderItem","Wrapper","withTitle","CardsRenderWrapper","orderedListData","gridModifier","props","map","cardProps","index","id","propTypes","array","isRequired","string","imagesData","defaultProps"],"mappings":";;;AAAA,OAAOA,KAAP,MAAkB,OAAlB;AACA,OAAOC,SAAP,MAAsB,YAAtB;AACA,OAAOC,eAAP,MAA4B,mBAA5B;AACA,OAAOC,OAAP,MAAoB,kBAApB;AACA,SAASC,SAAT,QAA0B,iBAA1B;;AAEA,MAAMC,kBAAkB,GAAG;AAAA,
|
|
1
|
+
{"version":3,"sources":["../../../../../src/components/List/components/Cards/CardsRenderWrapper.js"],"names":["React","PropTypes","CardsRenderItem","Wrapper","withTitle","checkIfShouldRenderBanner","CardsRenderWrapper","orderedListData","gridModifier","bannerProps","props","bannerIndex","map","cardProps","index","id","shouldRenderBanner","propTypes","array","isRequired","string","imagesData","object","defaultProps"],"mappings":";;;AAAA,OAAOA,KAAP,MAAkB,OAAlB;AACA,OAAOC,SAAP,MAAsB,YAAtB;AACA,OAAOC,eAAP,MAA4B,mBAA5B;AACA,OAAOC,OAAP,MAAoB,kBAApB;AACA,SAASC,SAAT,QAA0B,iBAA1B;AACA,SAASC,yBAAT,QAA0C,YAA1C;;AAEA,MAAMC,kBAAkB,GAAG,QAA8D;AAAA,MAA7D;AAAEC,IAAAA,eAAF;AAAmBC,IAAAA,YAAnB;AAAiCC,IAAAA;AAAjC,GAA6D;AAAA,MAAZC,KAAY;;AACvF,MAAIC,WAAW,GAAG,CAAlB;AAEA,sBACE,oBAAC,OAAD;AAAS,IAAA,SAAS,EAAC,MAAnB;AAA0B,IAAA,SAAS,EAAEH;AAArC,KACGD,eAAe,CAACK,GAAhB,CAAoB,CAACC,SAAD,EAAYC,KAAZ,KAAsB;AACzC,UAAM;AAAEC,MAAAA;AAAF,QAASF,SAAf;AACA,UAAMG,kBAAkB,GAAG,CAAC,CAACP,WAAF,IAAiBJ,yBAAyB,CAACS,KAAD,EAAQL,WAAR,CAArE;AACA,QAAIO,kBAAJ,EAAwBL,WAAW,IAAI,CAAf;AAExB,wBACE,oBAAC,eAAD;AACE,MAAA,GAAG,EAAEI,EADP;AAEE,MAAA,KAAK,EAAED,KAFT;AAGE,MAAA,SAAS,EAAED,SAHb;AAIE,MAAA,YAAY,EAAEL,YAJhB;AAKE,MAAA,SAAS,EAAEE,KALb;AAME,MAAA,kBAAkB,EAAEM,kBANtB;AAOE,MAAA,WAAW,EAAEP,WAPf;AAQE,MAAA,WAAW,EAAEE;AARf,OASMD,KATN,EADF;AAaD,GAlBA,CADH,CADF;AAuBD,CA1BD;;AA4BAJ,kBAAkB,CAACW,SAAnB,GAA+B;AAC7BV,EAAAA,eAAe,EAAEN,SAAS,CAACiB,KAAV,CAAgBC,UADJ;AAE7BX,EAAAA,YAAY,EAAEP,SAAS,CAACmB,MAAV,CAAiBD,UAFF;AAG7BE,EAAAA,UAAU,EAAEpB,SAAS,CAACiB,KAHO;AAI7BT,EAAAA,WAAW,EAAER,SAAS,CAACqB;AAJM,CAA/B;AAOAhB,kBAAkB,CAACiB,YAAnB,GAAkC;AAChCF,EAAAA,UAAU,EAAE,EADoB;AAEhCZ,EAAAA,WAAW,EAAE;AAFmB,CAAlC;AAKA,eAAeL,SAAS,CAACE,kBAAD,CAAxB","sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\nimport CardsRenderItem from './CardsRenderItem';\nimport Wrapper from '../../../Wrapper';\nimport { withTitle } from '../../../../HOC';\nimport { checkIfShouldRenderBanner } from '../helpers';\n\nconst CardsRenderWrapper = ({ orderedListData, gridModifier, bannerProps, ...props }) => {\n let bannerIndex = 0;\n\n return (\n <Wrapper className=\"grid\" modifiers={gridModifier}>\n {orderedListData.map((cardProps, index) => {\n const { id } = cardProps;\n const shouldRenderBanner = !!bannerProps && checkIfShouldRenderBanner(index, bannerProps);\n if (shouldRenderBanner) bannerIndex += 1;\n\n return (\n <CardsRenderItem\n key={id}\n index={index}\n cardProps={cardProps}\n gridModifier={gridModifier}\n listProps={props}\n shouldRenderBanner={shouldRenderBanner}\n bannerProps={bannerProps}\n bannerIndex={bannerIndex}\n {...props}\n />\n );\n })}\n </Wrapper>\n );\n};\n\nCardsRenderWrapper.propTypes = {\n orderedListData: PropTypes.array.isRequired,\n gridModifier: PropTypes.string.isRequired,\n imagesData: PropTypes.array,\n bannerProps: PropTypes.object\n};\n\nCardsRenderWrapper.defaultProps = {\n imagesData: [],\n bannerProps: {}\n};\n\nexport default withTitle(CardsRenderWrapper);\n"],"file":"CardsRenderWrapper.js"}
|
|
@@ -15,6 +15,7 @@ import FullRenderItem from './FullRenderItem';
|
|
|
15
15
|
import ListPagination from '../Pagination';
|
|
16
16
|
import { LOAD_MORE } from '../../../../constants';
|
|
17
17
|
import { BANNER } from '../../constants';
|
|
18
|
+
import { checkIfShouldRenderBanner } from '../helpers';
|
|
18
19
|
|
|
19
20
|
const FullRender = _ref => {
|
|
20
21
|
let {
|
|
@@ -39,6 +40,7 @@ const FullRender = _ref => {
|
|
|
39
40
|
}, banner), {}, {
|
|
40
41
|
type: BANNER
|
|
41
42
|
}) : null;
|
|
43
|
+
let bannerIndex = 0;
|
|
42
44
|
return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement("div", {
|
|
43
45
|
className: "list list--full"
|
|
44
46
|
}, orderedListData.map((_ref2, i) => {
|
|
@@ -47,6 +49,8 @@ const FullRender = _ref => {
|
|
|
47
49
|
} = _ref2,
|
|
48
50
|
entityProps = _objectWithoutProperties(_ref2, _excluded2);
|
|
49
51
|
|
|
52
|
+
const shouldRenderBanner = !!bannerProps && checkIfShouldRenderBanner(i, bannerProps);
|
|
53
|
+
if (shouldRenderBanner) bannerIndex += 1;
|
|
50
54
|
return /*#__PURE__*/React.createElement(FullRenderItem, _extends({
|
|
51
55
|
key: id
|
|
52
56
|
}, props, entityProps, {
|
|
@@ -54,7 +58,9 @@ const FullRender = _ref => {
|
|
|
54
58
|
itemId: id,
|
|
55
59
|
pageBuilderID: pageBuilderID,
|
|
56
60
|
entityProps: entityProps,
|
|
57
|
-
|
|
61
|
+
shouldRenderBanner: shouldRenderBanner,
|
|
62
|
+
bannerProps: bannerProps,
|
|
63
|
+
bannerIndex: bannerIndex
|
|
58
64
|
}));
|
|
59
65
|
})), paginationType === LOAD_MORE && /*#__PURE__*/React.createElement(ListPagination, _extends({
|
|
60
66
|
paginationType: paginationType
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sources":["../../../../../src/components/List/components/Full/FullRender.js"],"names":["React","PropTypes","uuid","FullRenderItem","ListPagination","LOAD_MORE","BANNER","FullRender","orderedListData","paginationType","props","pageBuilderID","parent","entity","propsToDisplay","banner","hasBanner","bannerProps","type","map","i","id","entityProps","propTypes","array","isRequired","string","object","bool","defaultProps"],"mappings":";;;;;;;;;;AAAA,OAAOA,KAAP,MAAkB,OAAlB;AACA,OAAOC,SAAP,MAAsB,YAAtB;AACA,OAAOC,IAAP,MAAiB,SAAjB;AACA,OAAOC,cAAP,MAA2B,kBAA3B;AACA,OAAOC,cAAP,MAA2B,eAA3B;AACA,SAASC,SAAT,QAA0B,uBAA1B;AACA,SAASC,MAAT,QAAuB,iBAAvB;;AAEA,MAAMC,UAAU,GAAG,QAAmD;AAAA,MAAlD;AAAEC,IAAAA,eAAF;AAAmBC,IAAAA;AAAnB,GAAkD;AAAA,MAAZC,KAAY;;AACpE,QAAMC,aAAa,
|
|
1
|
+
{"version":3,"sources":["../../../../../src/components/List/components/Full/FullRender.js"],"names":["React","PropTypes","uuid","FullRenderItem","ListPagination","LOAD_MORE","BANNER","checkIfShouldRenderBanner","FullRender","orderedListData","paginationType","props","pageBuilderID","parent","entity","propsToDisplay","banner","hasBanner","bannerProps","type","bannerIndex","map","i","id","entityProps","shouldRenderBanner","propTypes","array","isRequired","string","object","bool","defaultProps"],"mappings":";;;;;;;;;;AAAA,OAAOA,KAAP,MAAkB,OAAlB;AACA,OAAOC,SAAP,MAAsB,YAAtB;AACA,OAAOC,IAAP,MAAiB,SAAjB;AACA,OAAOC,cAAP,MAA2B,kBAA3B;AACA,OAAOC,cAAP,MAA2B,eAA3B;AACA,SAASC,SAAT,QAA0B,uBAA1B;AACA,SAASC,MAAT,QAAuB,iBAAvB;AACA,SAASC,yBAAT,QAA0C,YAA1C;;AAEA,MAAMC,UAAU,GAAG,QAAmD;AAAA,MAAlD;AAAEC,IAAAA,eAAF;AAAmBC,IAAAA;AAAnB,GAAkD;AAAA,MAAZC,KAAY;;AACpE,QAAMC,aAAa,GAAGV,IAAI,EAA1B;AACA,QAAM;AAAEW,IAAAA,MAAF;AAAUC,IAAAA,MAAV;AAAkBC,IAAAA,cAAlB;AAAkCC,IAAAA,MAAlC;AAA0CC,IAAAA;AAA1C,MAAwDN,KAA9D;AACA,QAAMO,WAAW,GAAGF,MAAM;AACpBC,IAAAA,SADoB;AACTJ,IAAAA,MADS;AACDC,IAAAA,MADC;AACOC,IAAAA;AADP,KAC0BC,MAD1B;AACkCG,IAAAA,IAAI,EAAEb;AADxC,OAEtB,IAFJ;AAGA,MAAIc,WAAW,GAAG,CAAlB;AAEA,sBACE,uDACE;AAAK,IAAA,SAAS,EAAC;AAAf,KACGX,eAAe,CAACY,GAAhB,CAAoB,QAAyBC,CAAzB,KAA+B;AAAA,QAA9B;AAAEC,MAAAA;AAAF,KAA8B;AAAA,QAArBC,WAAqB;;AAClD,UAAMC,kBAAkB,GAAG,CAAC,CAACP,WAAF,IAAiBX,yBAAyB,CAACe,CAAD,EAAIJ,WAAJ,CAArE;AACA,QAAIO,kBAAJ,EAAwBL,WAAW,IAAI,CAAf;AAExB,wBACE,oBAAC,cAAD;AACE,MAAA,GAAG,EAAEG;AADP,OAEMZ,KAFN,EAGMa,WAHN;AAIE,MAAA,KAAK,EAAEF,CAJT;AAKE,MAAA,MAAM,EAAEC,EALV;AAME,MAAA,aAAa,EAAEX,aANjB;AAOE,MAAA,WAAW,EAAEY,WAPf;AAQE,MAAA,kBAAkB,EAAEC,kBARtB;AASE,MAAA,WAAW,EAAEP,WATf;AAUE,MAAA,WAAW,EAAEE;AAVf,OADF;AAcD,GAlBA,CADH,CADF,EAsBGV,cAAc,KAAKL,SAAnB,iBACC,oBAAC,cAAD;AAAgB,IAAA,cAAc,EAAEK;AAAhC,KAAoDC,KAApD,EAvBJ,CADF;AA4BD,CApCD;;AAsCAH,UAAU,CAACkB,SAAX,GAAuB;AACrBjB,EAAAA,eAAe,EAAER,SAAS,CAAC0B,KAAV,CAAgBC,UADZ;AAErBlB,EAAAA,cAAc,EAAET,SAAS,CAAC4B,MAAV,CAAiBD,UAFZ;AAGrBf,EAAAA,MAAM,EAAEZ,SAAS,CAAC6B,MAAV,CAAiBF,UAHJ;AAIrBb,EAAAA,cAAc,EAAEd,SAAS,CAAC0B,KAAV,CAAgBC,UAJX;AAKrBd,EAAAA,MAAM,EAAEb,SAAS,CAAC4B,MAAV,CAAiBD,UALJ;AAMrBX,EAAAA,SAAS,EAAEhB,SAAS,CAAC8B,IANA;AAOrBf,EAAAA,MAAM,EAAEf,SAAS,CAAC6B;AAPG,CAAvB;AAUAtB,UAAU,CAACwB,YAAX,GAA0B;AACxBf,EAAAA,SAAS,EAAE,KADa;AAExBD,EAAAA,MAAM,EAAE;AAFgB,CAA1B;AAKA,eAAeR,UAAf","sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\nimport uuid from 'uuid/v1';\nimport FullRenderItem from './FullRenderItem';\nimport ListPagination from '../Pagination';\nimport { LOAD_MORE } from '../../../../constants';\nimport { BANNER } from '../../constants';\nimport { checkIfShouldRenderBanner } from '../helpers';\n\nconst FullRender = ({ orderedListData, paginationType, ...props }) => {\n const pageBuilderID = uuid();\n const { parent, entity, propsToDisplay, banner, hasBanner } = props;\n const bannerProps = banner\n ? { hasBanner, parent, entity, propsToDisplay, ...banner, type: BANNER }\n : null;\n let bannerIndex = 0;\n\n return (\n <>\n <div className=\"list list--full\">\n {orderedListData.map(({ id, ...entityProps }, i) => {\n const shouldRenderBanner = !!bannerProps && checkIfShouldRenderBanner(i, bannerProps);\n if (shouldRenderBanner) bannerIndex += 1;\n\n return (\n <FullRenderItem\n key={id}\n {...props}\n {...entityProps}\n index={i}\n itemId={id}\n pageBuilderID={pageBuilderID}\n entityProps={entityProps}\n shouldRenderBanner={shouldRenderBanner}\n bannerProps={bannerProps}\n bannerIndex={bannerIndex}\n />\n );\n })}\n </div>\n {paginationType === LOAD_MORE && (\n <ListPagination paginationType={paginationType} {...props} />\n )}\n </>\n );\n};\n\nFullRender.propTypes = {\n orderedListData: PropTypes.array.isRequired,\n paginationType: PropTypes.string.isRequired,\n parent: PropTypes.object.isRequired,\n propsToDisplay: PropTypes.array.isRequired,\n entity: PropTypes.string.isRequired,\n hasBanner: PropTypes.bool,\n banner: PropTypes.object\n};\n\nFullRender.defaultProps = {\n hasBanner: false,\n banner: null\n};\n\nexport default FullRender;\n"],"file":"FullRender.js"}
|