@blaze-cms/react-page-builder 0.128.0-admin-updates.3 → 0.128.0-admin-updates.7
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 +24 -0
- package/lib/components/Card/Card.js +1 -1
- package/lib/components/Card/Card.js.map +1 -1
- package/lib/components/Card/CardsContainer.js +53 -24
- package/lib/components/Card/CardsContainer.js.map +1 -1
- package/lib/components/Card/CardsRender.js +2 -2
- package/lib/components/Card/CardsRender.js.map +1 -1
- package/lib/components/DataSummary/DataSummaryTypes/ItemDetailsSummary/ItemDetailsSummaryContent.js +3 -1
- package/lib/components/DataSummary/DataSummaryTypes/ItemDetailsSummary/ItemDetailsSummaryContent.js.map +1 -1
- package/lib/components/Image/Image.js +1 -1
- package/lib/components/Image/Image.js.map +1 -1
- package/lib/components/List/components/Full/FullRender.js.map +1 -1
- package/lib/components/List/components/helpers/check-if-should-render-banner.js +27 -5
- package/lib/components/List/components/helpers/check-if-should-render-banner.js.map +1 -1
- package/lib/components/List/components/helpers/index.js +8 -2
- package/lib/components/List/components/helpers/index.js.map +1 -1
- package/lib/components/SearchFilter/SearchFilter/SearchFilter.js.map +1 -1
- package/lib/components/SearchFilter/components/Checkbox.js +6 -1
- package/lib/components/SearchFilter/components/Checkbox.js.map +1 -1
- package/lib/components/SearchFilter/components/Range.js +9 -5
- package/lib/components/SearchFilter/components/Range.js.map +1 -1
- package/lib/components/SearchFilter/components/Select.js +9 -5
- package/lib/components/SearchFilter/components/Select.js.map +1 -1
- package/lib/components/SearchFilter/components/TextSearch.js +9 -5
- package/lib/components/SearchFilter/components/TextSearch.js.map +1 -1
- package/lib-es/components/Card/Card.js +1 -1
- package/lib-es/components/Card/Card.js.map +1 -1
- package/lib-es/components/Card/CardsContainer.js +59 -35
- package/lib-es/components/Card/CardsContainer.js.map +1 -1
- package/lib-es/components/Card/CardsRender.js +1 -1
- package/lib-es/components/Card/CardsRender.js.map +1 -1
- package/lib-es/components/DataSummary/DataSummaryTypes/ItemDetailsSummary/ItemDetailsSummaryContent.js +3 -1
- package/lib-es/components/DataSummary/DataSummaryTypes/ItemDetailsSummary/ItemDetailsSummaryContent.js.map +1 -1
- package/lib-es/components/Image/Image.js +1 -1
- package/lib-es/components/Image/Image.js.map +1 -1
- package/lib-es/components/List/components/Full/FullRender.js.map +1 -1
- package/lib-es/components/List/components/helpers/check-if-should-render-banner.js +29 -3
- package/lib-es/components/List/components/helpers/check-if-should-render-banner.js.map +1 -1
- package/lib-es/components/List/components/helpers/index.js +3 -2
- package/lib-es/components/List/components/helpers/index.js.map +1 -1
- package/lib-es/components/SearchFilter/SearchFilter/SearchFilter.js.map +1 -1
- package/lib-es/components/SearchFilter/components/Checkbox.js +6 -1
- package/lib-es/components/SearchFilter/components/Checkbox.js.map +1 -1
- package/lib-es/components/SearchFilter/components/Range.js +9 -5
- package/lib-es/components/SearchFilter/components/Range.js.map +1 -1
- package/lib-es/components/SearchFilter/components/Select.js +9 -5
- package/lib-es/components/SearchFilter/components/Select.js.map +1 -1
- package/lib-es/components/SearchFilter/components/TextSearch.js +9 -5
- package/lib-es/components/SearchFilter/components/TextSearch.js.map +1 -1
- package/package.json +2 -2
- package/src/components/Card/Card.js +2 -2
- package/src/components/Card/CardsContainer.js +54 -35
- package/src/components/Card/CardsRender.js +9 -7
- package/src/components/DataSummary/DataSummaryTypes/ItemDetailsSummary/ItemDetailsSummaryContent.js +1 -1
- package/src/components/Image/Image.js +1 -1
- package/src/components/List/components/Full/FullRender.js +0 -1
- package/src/components/List/components/helpers/check-if-should-render-banner.js +24 -3
- package/src/components/List/components/helpers/index.js +4 -2
- package/src/components/SearchFilter/SearchFilter/SearchFilter.js +0 -1
- package/src/components/SearchFilter/components/Checkbox.js +4 -0
- package/src/components/SearchFilter/components/Range.js +7 -4
- package/src/components/SearchFilter/components/Select.js +23 -17
- package/src/components/SearchFilter/components/TextSearch.js +30 -26
- package/tests/unit/src/components/Card/__snapshots__/Card.test.js.snap +10 -10
- package/tests/unit/src/components/Card/__snapshots__/CardContainer.test.js.snap +8 -8
- package/tests/unit/src/components/DataSummary/DataSummaryTypes/__snapshots__/ItemDetailsSummary.test.js.snap +24 -4
- package/tests/unit/src/components/List/components/Cards/__snapshots__/CardsRender.test.js.snap +12 -12
- package/tests/unit/src/components/List/components/helpers/check-if-should-render-banner.test.js +59 -28
|
@@ -11,13 +11,15 @@ var _react = _interopRequireDefault(require("react"));
|
|
|
11
11
|
var _propTypes = _interopRequireDefault(require("prop-types"));
|
|
12
12
|
var _input = _interopRequireDefault(require("@blaze-react/input"));
|
|
13
13
|
var _md = require("react-icons/md");
|
|
14
|
-
var _HOC = require("../../../HOC");
|
|
15
14
|
var _constants = require("../constants");
|
|
16
15
|
var TextSearch = function TextSearch(_ref) {
|
|
17
16
|
var label = _ref.label,
|
|
18
17
|
searchValue = _ref.searchValue,
|
|
19
|
-
updateFilterValues = _ref.updateFilterValues
|
|
20
|
-
|
|
18
|
+
updateFilterValues = _ref.updateFilterValues,
|
|
19
|
+
elementTitle = _ref.elementTitle;
|
|
20
|
+
return /*#__PURE__*/_react["default"].createElement(_react["default"].Fragment, null, elementTitle && /*#__PURE__*/_react["default"].createElement("div", {
|
|
21
|
+
className: "heading heading--section"
|
|
22
|
+
}, elementTitle), /*#__PURE__*/_react["default"].createElement("div", {
|
|
21
23
|
className: "search"
|
|
22
24
|
}, /*#__PURE__*/_react["default"].createElement("div", {
|
|
23
25
|
className: "search__wrapper"
|
|
@@ -38,16 +40,18 @@ var TextSearch = function TextSearch(_ref) {
|
|
|
38
40
|
e.preventDefault();
|
|
39
41
|
updateFilterValues((0, _defineProperty2["default"])({}, _constants.SEARCH_TERM, searchValue), true);
|
|
40
42
|
}
|
|
41
|
-
}, /*#__PURE__*/_react["default"].createElement("i", null, /*#__PURE__*/_react["default"].createElement(_md.MdSearch, null)))));
|
|
43
|
+
}, /*#__PURE__*/_react["default"].createElement("i", null, /*#__PURE__*/_react["default"].createElement(_md.MdSearch, null))))));
|
|
42
44
|
};
|
|
43
45
|
TextSearch.propTypes = {
|
|
44
46
|
searchValue: _propTypes["default"].string.isRequired,
|
|
45
47
|
updateFilterValues: _propTypes["default"].func.isRequired,
|
|
48
|
+
elementTitle: _propTypes["default"].string,
|
|
46
49
|
label: _propTypes["default"].string
|
|
47
50
|
};
|
|
48
51
|
TextSearch.defaultProps = {
|
|
52
|
+
elementTitle: '',
|
|
49
53
|
label: ''
|
|
50
54
|
};
|
|
51
|
-
var _default =
|
|
55
|
+
var _default = TextSearch;
|
|
52
56
|
exports["default"] = _default;
|
|
53
57
|
//# sourceMappingURL=TextSearch.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"TextSearch.js","names":["_react","_interopRequireDefault","require","_propTypes","_input","_md","
|
|
1
|
+
{"version":3,"file":"TextSearch.js","names":["_react","_interopRequireDefault","require","_propTypes","_input","_md","_constants","TextSearch","_ref","label","searchValue","updateFilterValues","elementTitle","createElement","Fragment","className","id","SEARCH_TERM","value","placeholder","onChange","_ref2","eValue","_defineProperty2","type","onClick","e","preventDefault","MdSearch","propTypes","PropTypes","string","isRequired","func","defaultProps","_default","exports"],"sources":["../../../../src/components/SearchFilter/components/TextSearch.js"],"sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\nimport Input from '@blaze-react/input';\nimport { MdSearch } from 'react-icons/md';\nimport { SEARCH_TERM } from '../constants';\n\nconst TextSearch = ({ label, searchValue, updateFilterValues, elementTitle }) => (\n <>\n {elementTitle && <div className=\"heading heading--section\">{elementTitle}</div>}\n <div className=\"search\">\n <div className=\"search__wrapper\">\n <div className=\"form-field form-field--input form-field--search\">\n <Input\n id={SEARCH_TERM}\n value={searchValue}\n placeholder={label || 'Search'}\n onChange={({ value: eValue }) => {\n updateFilterValues({ [SEARCH_TERM]: eValue }, false);\n }}\n />\n </div>\n <button\n type=\"button\"\n className=\"icon-button icon-button--search\"\n onClick={e => {\n e.preventDefault();\n updateFilterValues({ [SEARCH_TERM]: searchValue }, true);\n }}>\n <i>\n <MdSearch />\n </i>\n </button>\n </div>\n </div>\n </>\n);\n\nTextSearch.propTypes = {\n searchValue: PropTypes.string.isRequired,\n updateFilterValues: PropTypes.func.isRequired,\n elementTitle: PropTypes.string,\n label: PropTypes.string\n};\n\nTextSearch.defaultProps = {\n elementTitle: '',\n label: ''\n};\n\nexport default TextSearch;\n"],"mappings":";;;;;;;;;AAAA,IAAAA,MAAA,GAAAC,sBAAA,CAAAC,OAAA;AACA,IAAAC,UAAA,GAAAF,sBAAA,CAAAC,OAAA;AACA,IAAAE,MAAA,GAAAH,sBAAA,CAAAC,OAAA;AACA,IAAAG,GAAA,GAAAH,OAAA;AACA,IAAAI,UAAA,GAAAJ,OAAA;AAEA,IAAMK,UAAU,GAAG,SAAbA,UAAUA,CAAAC,IAAA;EAAA,IAAMC,KAAK,GAAAD,IAAA,CAALC,KAAK;IAAEC,WAAW,GAAAF,IAAA,CAAXE,WAAW;IAAEC,kBAAkB,GAAAH,IAAA,CAAlBG,kBAAkB;IAAEC,YAAY,GAAAJ,IAAA,CAAZI,YAAY;EAAA,oBACxEZ,MAAA,YAAAa,aAAA,CAAAb,MAAA,YAAAc,QAAA,QACGF,YAAY,iBAAIZ,MAAA,YAAAa,aAAA;IAAKE,SAAS,EAAC;EAA0B,GAAEH,YAAY,CAAO,eAC/EZ,MAAA,YAAAa,aAAA;IAAKE,SAAS,EAAC;EAAQ,gBACrBf,MAAA,YAAAa,aAAA;IAAKE,SAAS,EAAC;EAAiB,gBAC9Bf,MAAA,YAAAa,aAAA;IAAKE,SAAS,EAAC;EAAiD,gBAC9Df,MAAA,YAAAa,aAAA,CAACT,MAAA,WAAK;IACJY,EAAE,EAAEC,sBAAY;IAChBC,KAAK,EAAER,WAAY;IACnBS,WAAW,EAAEV,KAAK,IAAI,QAAS;IAC/BW,QAAQ,EAAE,SAAAA,SAAAC,KAAA,EAAuB;MAAA,IAAbC,MAAM,GAAAD,KAAA,CAAbH,KAAK;MAChBP,kBAAkB,KAAAY,gBAAA,iBAAIN,sBAAW,EAAGK,MAAM,GAAI,KAAK,CAAC;IACtD;EAAE,EACF,CACE,eACNtB,MAAA,YAAAa,aAAA;IACEW,IAAI,EAAC,QAAQ;IACbT,SAAS,EAAC,iCAAiC;IAC3CU,OAAO,EAAE,SAAAA,QAAAC,CAAC,EAAI;MACZA,CAAC,CAACC,cAAc,EAAE;MAClBhB,kBAAkB,KAAAY,gBAAA,iBAAIN,sBAAW,EAAGP,WAAW,GAAI,IAAI,CAAC;IAC1D;EAAE,gBACFV,MAAA,YAAAa,aAAA,yBACEb,MAAA,YAAAa,aAAA,CAACR,GAAA,CAAAuB,QAAQ,OAAG,CACV,CACG,CACL,CACF,CACL;AAAA,CACJ;AAEDrB,UAAU,CAACsB,SAAS,GAAG;EACrBnB,WAAW,EAAEoB,qBAAS,CAACC,MAAM,CAACC,UAAU;EACxCrB,kBAAkB,EAAEmB,qBAAS,CAACG,IAAI,CAACD,UAAU;EAC7CpB,YAAY,EAAEkB,qBAAS,CAACC,MAAM;EAC9BtB,KAAK,EAAEqB,qBAAS,CAACC;AACnB,CAAC;AAEDxB,UAAU,CAAC2B,YAAY,GAAG;EACxBtB,YAAY,EAAE,EAAE;EAChBH,KAAK,EAAE;AACT,CAAC;AAAC,IAAA0B,QAAA,GAEa5B,UAAU;AAAA6B,OAAA,cAAAD,QAAA"}
|
|
@@ -122,7 +122,7 @@ const Card = _ref => {
|
|
|
122
122
|
scroll: true
|
|
123
123
|
}, preHeader.name) : /*#__PURE__*/React.createElement("div", {
|
|
124
124
|
className: "badge badge--label"
|
|
125
|
-
}, label)), displayTitle && /*#__PURE__*/React.createElement("
|
|
125
|
+
}, label)), displayTitle && /*#__PURE__*/React.createElement("div", {
|
|
126
126
|
className: titleWrapperModifier
|
|
127
127
|
}, /*#__PURE__*/React.createElement(BlazeLink, {
|
|
128
128
|
title: linkTitle,
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Card.js","names":["React","Fragment","useRouter","PropTypes","BlazeLink","ClickWrapper","getModifiers","renderChildren","updateChildrensParent","getClickWrapperOptions","LazyImage","getPublishedListingUrl","useDynamicSizeKey","CARD_STRING","CARD_CHILDREN_WITH_LINKS","Card","_ref","id","image","name","url","graphqlEntityMap","entityProps","alternativePreHeader","alternativeHeadline","category","modifier","parsedPropsToDisplay","propsToDisplay","propsToDisplayModifiers","gtmId","style","priority","cardChildren","gtmChildren","displayCategory","displayThumbnail","displayTitle","enableOverlay","enableCarousel","titleOverlayModifier","overlayModifier","gridModifier","__typename","dataEntity","otherProps","_objectWithoutProperties","_excluded","entity","router","imageSrc","shouldDisplayThumbnail","altText","getImageDefinedProps","modifiers","getInitialModifiers","publishedListingPage","preHeader","label","headline","getCategoryDefinedProps","linkTitle","dynamicSizeKey","shouldUseClickWrapper","wrapperProps","Wrapper","classNameWithModifiers","contentWrapperModifier","titleWrapperModifier","handleCardClick","e","clickEventTag","target","tagName","toLowerCase","clickEventRole","role","shouldTriggerRouteChange","find","childTag","push","clickProps","process","env","BLAZE_PB_ADD_CLICK_TO_CARDS","onClick","createElement","_extends","className","href","scroll","src","alt","sizeKey","title","length","map","prop","i","dynamicKey","propModifier","htmlAttribute","extraProps","props","children","encodeURIComponent","key","propTypes","string","isRequired","shape","data","object","array","bool","oneOfType","arrayOf","node","defaultProps","hasAlternativePreHeader","sponsored","featured"],"sources":["../../../src/components/Card/Card.js"],"sourcesContent":["import React, { Fragment } from 'react';\nimport { useRouter } from 'next/router';\nimport PropTypes from 'prop-types';\nimport BlazeLink from '../BlazeLink';\nimport ClickWrapper from '../ClickWrapper';\nimport {\n getModifiers,\n renderChildren,\n updateChildrensParent,\n getClickWrapperOptions\n} from '../../helpers';\nimport LazyImage from '../LazyImage';\nimport { getPublishedListingUrl, useDynamicSizeKey } from './helpers';\nimport { CARD_STRING, CARD_CHILDREN_WITH_LINKS } from './constants';\n\nconst Card = ({\n id,\n image,\n name,\n url,\n graphqlEntityMap,\n entityProps,\n alternativePreHeader,\n alternativeHeadline,\n category,\n modifier,\n parsedPropsToDisplay,\n propsToDisplay,\n propsToDisplayModifiers,\n gtmId,\n style,\n priority,\n cardChildren,\n gtmChildren,\n displayCategory,\n displayThumbnail,\n displayTitle,\n enableOverlay,\n enableCarousel,\n titleOverlayModifier,\n overlayModifier,\n gridModifier,\n __typename: dataEntity,\n ...otherProps\n}) => {\n const entity = graphqlEntityMap[dataEntity];\n updateChildrensParent(cardChildren, id, entity);\n const router = useRouter();\n const { imageSrc, shouldDisplayThumbnail, altText } = getImageDefinedProps({\n image,\n displayThumbnail\n });\n\n const modifiers = getInitialModifiers({ modifier, style, otherProps });\n\n const { publishedListingPage, preHeader, label, headline } = getCategoryDefinedProps({\n alternativePreHeader,\n category,\n entity,\n alternativeHeadline,\n displayCategory,\n name\n });\n\n const linkTitle = name;\n\n const dynamicSizeKey = useDynamicSizeKey(CARD_STRING, { style, gridModifier, modifier });\n\n const { shouldUseClickWrapper, wrapperProps } = getClickWrapperOptions(\n gtmChildren,\n entityProps,\n id\n );\n\n const Wrapper = shouldUseClickWrapper ? ClickWrapper : Fragment;\n\n const classNameWithModifiers = getModifiers(CARD_STRING, modifiers);\n\n const contentWrapperModifier = `${getModifiers('card__content-wrapper', modifiers)} ${\n enableOverlay && enableCarousel ? overlayModifier : ''\n }`;\n\n const titleWrapperModifier = `${getModifiers('card__title', modifiers)} ${\n enableOverlay && enableCarousel ? titleOverlayModifier : ''\n }`;\n\n const handleCardClick = e => {\n if (!url) return;\n\n const clickEventTag = e.target.tagName.toLowerCase();\n const clickEventRole = e.target.role;\n const shouldTriggerRouteChange =\n clickEventRole !== 'button' &&\n !CARD_CHILDREN_WITH_LINKS.find(childTag => childTag === clickEventTag);\n if (shouldTriggerRouteChange) router.push(`/Resolver`, url);\n };\n\n // todo: remove temp env var flag once widely tested BLAZE_PB_ADD_CLICK_TO_CARDS\n const clickProps =\n url && process.env.BLAZE_PB_ADD_CLICK_TO_CARDS\n ? {\n onClick: handleCardClick,\n role: 'button'\n }\n : {};\n\n return (\n <Wrapper {...wrapperProps}>\n <div className={classNameWithModifiers} {...clickProps}>\n {shouldDisplayThumbnail && (\n <div className={getModifiers('card__image', modifiers)}>\n <BlazeLink gtmId={gtmId} href={url} className=\"card__image-link\" scroll>\n <LazyImage\n src={imageSrc}\n alt={altText}\n sizeKey={dynamicSizeKey}\n priority={priority}\n />\n </BlazeLink>\n </div>\n )}\n <div className={contentWrapperModifier}>\n <div className={getModifiers('card__content', modifiers)}>\n {displayCategory &&\n (publishedListingPage ? (\n <BlazeLink\n gtmId={gtmId}\n href={publishedListingPage}\n className=\"badge badge--label\"\n scroll>\n {preHeader.name}\n </BlazeLink>\n ) : (\n <div className=\"badge badge--label\">{label}</div>\n ))}\n {displayTitle && (\n <h2 className={titleWrapperModifier}>\n <BlazeLink title={linkTitle} gtmId={gtmId} href={url} scroll>\n {headline}\n </BlazeLink>\n </h2>\n )}\n {!!parsedPropsToDisplay.length && (\n <div className={getModifiers('card__details', modifiers)}>\n {parsedPropsToDisplay.map((prop, i) => {\n if (!prop) return null;\n\n const dynamicKey = `${id}${i}`;\n const propModifier = propsToDisplayModifiers[i] || '';\n\n const { htmlAttribute } = propsToDisplay[i] || {};\n const extraProps = {};\n if (htmlAttribute && prop.props.children) {\n extraProps[htmlAttribute] = encodeURIComponent(prop.props.children[2]);\n }\n\n return (\n <span key={dynamicKey} className={propModifier} {...extraProps}>\n {prop}\n </span>\n );\n })}\n </div>\n )}\n </div>\n {!!cardChildren && (\n <div className=\"card__child-content\">{renderChildren(cardChildren)}</div>\n )}\n </div>\n </div>\n </Wrapper>\n );\n};\n\nCard.propTypes = {\n id: PropTypes.string.isRequired,\n image: PropTypes.shape({\n url: PropTypes.string,\n data: PropTypes.object\n }),\n graphqlEntityMap: PropTypes.object.isRequired,\n __typename: PropTypes.string.isRequired,\n style: PropTypes.string,\n parsedPropsToDisplay: PropTypes.array,\n propsToDisplay: PropTypes.array,\n propsToDisplayModifiers: PropTypes.array,\n url: PropTypes.string,\n name: PropTypes.string.isRequired,\n entityProps: PropTypes.object,\n gtmId: PropTypes.string,\n alternativePreHeader: PropTypes.shape({\n name: PropTypes.string\n }),\n alternativeHeadline: PropTypes.string,\n category: PropTypes.shape({\n name: PropTypes.string,\n publishedListingPage: PropTypes.shape({\n url: PropTypes.string\n })\n }),\n modifier: PropTypes.string,\n displayCategory: PropTypes.bool.isRequired,\n displayThumbnail: PropTypes.bool.isRequired,\n displayTitle: PropTypes.bool.isRequired,\n enableCarousel: PropTypes.bool,\n enableOverlay: PropTypes.bool,\n overlayModifier: PropTypes.string,\n titleOverlayModifier: PropTypes.string,\n cardChildren: PropTypes.oneOfType([PropTypes.arrayOf(PropTypes.node), PropTypes.node]),\n gtmChildren: PropTypes.oneOfType([PropTypes.arrayOf(PropTypes.node), PropTypes.node]),\n gridModifier: PropTypes.string,\n priority: PropTypes.bool\n};\n\nCard.defaultProps = {\n entityProps: {},\n image: {\n url: null,\n data: {}\n },\n gtmId: '',\n style: 'portrait',\n parsedPropsToDisplay: [],\n propsToDisplay: [],\n propsToDisplayModifiers: [],\n url: '',\n alternativePreHeader: null,\n alternativeHeadline: '',\n category: null,\n modifier: '',\n cardChildren: [],\n gtmChildren: [],\n gridModifier: '',\n priority: false,\n overlayModifier: '',\n titleOverlayModifier: '',\n enableOverlay: false,\n enableCarousel: false\n};\n\nconst getCategoryDefinedProps = ({\n alternativePreHeader,\n category,\n entity,\n alternativeHeadline,\n displayCategory,\n name\n}) => {\n const hasAlternativePreHeader = alternativePreHeader && alternativePreHeader.name;\n const preHeader =\n alternativeHeadline && hasAlternativePreHeader ? alternativePreHeader : category;\n const publishedListingPage = getPublishedListingUrl(preHeader);\n const label = preHeader ? preHeader.name : entity;\n const headline =\n !displayCategory || !hasAlternativePreHeader ? name : alternativeHeadline || name;\n return { publishedListingPage, preHeader, label, headline };\n};\n\nconst getImageDefinedProps = ({ image, displayThumbnail }) => {\n const { url: imageSrc, data } = image || {};\n const shouldDisplayThumbnail = displayThumbnail && imageSrc;\n const altText = (data && data.altText) || '';\n return { imageSrc, shouldDisplayThumbnail, altText };\n};\n\nconst getInitialModifiers = ({ modifier, style, otherProps }) => {\n const modifiers = [modifier, style];\n const { sponsored, featured } = otherProps;\n if (sponsored) modifiers.push('sponsored');\n if (featured) modifiers.push('featured');\n\n return modifiers;\n};\n\nexport default Card;\n"],"mappings":"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"}
|
|
1
|
+
{"version":3,"file":"Card.js","names":["React","Fragment","useRouter","PropTypes","BlazeLink","ClickWrapper","getModifiers","renderChildren","updateChildrensParent","getClickWrapperOptions","LazyImage","getPublishedListingUrl","useDynamicSizeKey","CARD_STRING","CARD_CHILDREN_WITH_LINKS","Card","_ref","id","image","name","url","graphqlEntityMap","entityProps","alternativePreHeader","alternativeHeadline","category","modifier","parsedPropsToDisplay","propsToDisplay","propsToDisplayModifiers","gtmId","style","priority","cardChildren","gtmChildren","displayCategory","displayThumbnail","displayTitle","enableOverlay","enableCarousel","titleOverlayModifier","overlayModifier","gridModifier","__typename","dataEntity","otherProps","_objectWithoutProperties","_excluded","entity","router","imageSrc","shouldDisplayThumbnail","altText","getImageDefinedProps","modifiers","getInitialModifiers","publishedListingPage","preHeader","label","headline","getCategoryDefinedProps","linkTitle","dynamicSizeKey","shouldUseClickWrapper","wrapperProps","Wrapper","classNameWithModifiers","contentWrapperModifier","titleWrapperModifier","handleCardClick","e","clickEventTag","target","tagName","toLowerCase","clickEventRole","role","shouldTriggerRouteChange","find","childTag","push","clickProps","process","env","BLAZE_PB_ADD_CLICK_TO_CARDS","onClick","createElement","_extends","className","href","scroll","src","alt","sizeKey","title","length","map","prop","i","dynamicKey","propModifier","htmlAttribute","extraProps","props","children","encodeURIComponent","key","propTypes","string","isRequired","shape","data","object","array","bool","oneOfType","arrayOf","node","defaultProps","hasAlternativePreHeader","sponsored","featured"],"sources":["../../../src/components/Card/Card.js"],"sourcesContent":["import React, { Fragment } from 'react';\nimport { useRouter } from 'next/router';\nimport PropTypes from 'prop-types';\nimport BlazeLink from '../BlazeLink';\nimport ClickWrapper from '../ClickWrapper';\nimport {\n getModifiers,\n renderChildren,\n updateChildrensParent,\n getClickWrapperOptions\n} from '../../helpers';\nimport LazyImage from '../LazyImage';\nimport { getPublishedListingUrl, useDynamicSizeKey } from './helpers';\nimport { CARD_STRING, CARD_CHILDREN_WITH_LINKS } from './constants';\n\nconst Card = ({\n id,\n image,\n name,\n url,\n graphqlEntityMap,\n entityProps,\n alternativePreHeader,\n alternativeHeadline,\n category,\n modifier,\n parsedPropsToDisplay,\n propsToDisplay,\n propsToDisplayModifiers,\n gtmId,\n style,\n priority,\n cardChildren,\n gtmChildren,\n displayCategory,\n displayThumbnail,\n displayTitle,\n enableOverlay,\n enableCarousel,\n titleOverlayModifier,\n overlayModifier,\n gridModifier,\n __typename: dataEntity,\n ...otherProps\n}) => {\n const entity = graphqlEntityMap[dataEntity];\n updateChildrensParent(cardChildren, id, entity);\n const router = useRouter();\n const { imageSrc, shouldDisplayThumbnail, altText } = getImageDefinedProps({\n image,\n displayThumbnail\n });\n\n const modifiers = getInitialModifiers({ modifier, style, otherProps });\n\n const { publishedListingPage, preHeader, label, headline } = getCategoryDefinedProps({\n alternativePreHeader,\n category,\n entity,\n alternativeHeadline,\n displayCategory,\n name\n });\n\n const linkTitle = name;\n\n const dynamicSizeKey = useDynamicSizeKey(CARD_STRING, { style, gridModifier, modifier });\n\n const { shouldUseClickWrapper, wrapperProps } = getClickWrapperOptions(\n gtmChildren,\n entityProps,\n id\n );\n\n const Wrapper = shouldUseClickWrapper ? ClickWrapper : Fragment;\n\n const classNameWithModifiers = getModifiers(CARD_STRING, modifiers);\n\n const contentWrapperModifier = `${getModifiers('card__content-wrapper', modifiers)} ${\n enableOverlay && enableCarousel ? overlayModifier : ''\n }`;\n\n const titleWrapperModifier = `${getModifiers('card__title', modifiers)} ${\n enableOverlay && enableCarousel ? titleOverlayModifier : ''\n }`;\n\n const handleCardClick = e => {\n if (!url) return;\n\n const clickEventTag = e.target.tagName.toLowerCase();\n const clickEventRole = e.target.role;\n const shouldTriggerRouteChange =\n clickEventRole !== 'button' &&\n !CARD_CHILDREN_WITH_LINKS.find(childTag => childTag === clickEventTag);\n if (shouldTriggerRouteChange) router.push(`/Resolver`, url);\n };\n\n // todo: remove temp env var flag once widely tested BLAZE_PB_ADD_CLICK_TO_CARDS\n const clickProps =\n url && process.env.BLAZE_PB_ADD_CLICK_TO_CARDS\n ? {\n onClick: handleCardClick,\n role: 'button'\n }\n : {};\n\n return (\n <Wrapper {...wrapperProps}>\n <div className={classNameWithModifiers} {...clickProps}>\n {shouldDisplayThumbnail && (\n <div className={getModifiers('card__image', modifiers)}>\n <BlazeLink gtmId={gtmId} href={url} className=\"card__image-link\" scroll>\n <LazyImage\n src={imageSrc}\n alt={altText}\n sizeKey={dynamicSizeKey}\n priority={priority}\n />\n </BlazeLink>\n </div>\n )}\n <div className={contentWrapperModifier}>\n <div className={getModifiers('card__content', modifiers)}>\n {displayCategory &&\n (publishedListingPage ? (\n <BlazeLink\n gtmId={gtmId}\n href={publishedListingPage}\n className=\"badge badge--label\"\n scroll>\n {preHeader.name}\n </BlazeLink>\n ) : (\n <div className=\"badge badge--label\">{label}</div>\n ))}\n {displayTitle && (\n <div className={titleWrapperModifier}>\n <BlazeLink title={linkTitle} gtmId={gtmId} href={url} scroll>\n {headline}\n </BlazeLink>\n </div>\n )}\n {!!parsedPropsToDisplay.length && (\n <div className={getModifiers('card__details', modifiers)}>\n {parsedPropsToDisplay.map((prop, i) => {\n if (!prop) return null;\n\n const dynamicKey = `${id}${i}`;\n const propModifier = propsToDisplayModifiers[i] || '';\n\n const { htmlAttribute } = propsToDisplay[i] || {};\n const extraProps = {};\n if (htmlAttribute && prop.props.children) {\n extraProps[htmlAttribute] = encodeURIComponent(prop.props.children[2]);\n }\n\n return (\n <span key={dynamicKey} className={propModifier} {...extraProps}>\n {prop}\n </span>\n );\n })}\n </div>\n )}\n </div>\n {!!cardChildren && (\n <div className=\"card__child-content\">{renderChildren(cardChildren)}</div>\n )}\n </div>\n </div>\n </Wrapper>\n );\n};\n\nCard.propTypes = {\n id: PropTypes.string.isRequired,\n image: PropTypes.shape({\n url: PropTypes.string,\n data: PropTypes.object\n }),\n graphqlEntityMap: PropTypes.object.isRequired,\n __typename: PropTypes.string.isRequired,\n style: PropTypes.string,\n parsedPropsToDisplay: PropTypes.array,\n propsToDisplay: PropTypes.array,\n propsToDisplayModifiers: PropTypes.array,\n url: PropTypes.string,\n name: PropTypes.string.isRequired,\n entityProps: PropTypes.object,\n gtmId: PropTypes.string,\n alternativePreHeader: PropTypes.shape({\n name: PropTypes.string\n }),\n alternativeHeadline: PropTypes.string,\n category: PropTypes.shape({\n name: PropTypes.string,\n publishedListingPage: PropTypes.shape({\n url: PropTypes.string\n })\n }),\n modifier: PropTypes.string,\n displayCategory: PropTypes.bool.isRequired,\n displayThumbnail: PropTypes.bool.isRequired,\n displayTitle: PropTypes.bool.isRequired,\n enableCarousel: PropTypes.bool,\n enableOverlay: PropTypes.bool,\n overlayModifier: PropTypes.string,\n titleOverlayModifier: PropTypes.string,\n cardChildren: PropTypes.oneOfType([PropTypes.arrayOf(PropTypes.node), PropTypes.node]),\n gtmChildren: PropTypes.oneOfType([PropTypes.arrayOf(PropTypes.node), PropTypes.node]),\n gridModifier: PropTypes.string,\n priority: PropTypes.bool\n};\n\nCard.defaultProps = {\n entityProps: {},\n image: {\n url: null,\n data: {}\n },\n gtmId: '',\n style: 'portrait',\n parsedPropsToDisplay: [],\n propsToDisplay: [],\n propsToDisplayModifiers: [],\n url: '',\n alternativePreHeader: null,\n alternativeHeadline: '',\n category: null,\n modifier: '',\n cardChildren: [],\n gtmChildren: [],\n gridModifier: '',\n priority: false,\n overlayModifier: '',\n titleOverlayModifier: '',\n enableOverlay: false,\n enableCarousel: false\n};\n\nconst getCategoryDefinedProps = ({\n alternativePreHeader,\n category,\n entity,\n alternativeHeadline,\n displayCategory,\n name\n}) => {\n const hasAlternativePreHeader = alternativePreHeader && alternativePreHeader.name;\n const preHeader =\n alternativeHeadline && hasAlternativePreHeader ? alternativePreHeader : category;\n const publishedListingPage = getPublishedListingUrl(preHeader);\n const label = preHeader ? preHeader.name : entity;\n const headline =\n !displayCategory || !hasAlternativePreHeader ? name : alternativeHeadline || name;\n return { publishedListingPage, preHeader, label, headline };\n};\n\nconst getImageDefinedProps = ({ image, displayThumbnail }) => {\n const { url: imageSrc, data } = image || {};\n const shouldDisplayThumbnail = displayThumbnail && imageSrc;\n const altText = (data && data.altText) || '';\n return { imageSrc, shouldDisplayThumbnail, altText };\n};\n\nconst getInitialModifiers = ({ modifier, style, otherProps }) => {\n const modifiers = [modifier, style];\n const { sponsored, featured } = otherProps;\n if (sponsored) modifiers.push('sponsored');\n if (featured) modifiers.push('featured');\n\n return modifiers;\n};\n\nexport default Card;\n"],"mappings":"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"}
|
|
@@ -1,7 +1,10 @@
|
|
|
1
1
|
import _extends from "@babel/runtime/helpers/extends";
|
|
2
|
+
import _defineProperty from "@babel/runtime/helpers/defineProperty";
|
|
2
3
|
import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProperties";
|
|
3
4
|
const _excluded = ["cardData", "gridModifier", "style", "displayCategory", "displayThumbnail", "displayTitle", "modifier", "entity", "graphqlEntityMap", "propsToDisplay", "gtmChildren", "cardChildren", "name", "designConfig", "itemsPerRow", "enableCarousel", "bannerModifier", "priorityLimit", "enableAutoScroll", "enableOverlay", "autoScrollTimer", "overlayModifier", "titleOverlayModifier"],
|
|
4
5
|
_excluded2 = ["baseAdunit", "id"];
|
|
6
|
+
function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
|
|
7
|
+
function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
|
|
5
8
|
import React, { useContext } from 'react';
|
|
6
9
|
import PropTypes from 'prop-types';
|
|
7
10
|
import { MainContext } from '@blaze-cms/nextjs-components';
|
|
@@ -13,7 +16,8 @@ import Card from './Card';
|
|
|
13
16
|
import { getDynamicGridClasses } from './helpers';
|
|
14
17
|
import { getEntitiesWithBanner, parsePropsToDisplay } from '../../helpers';
|
|
15
18
|
import { getPropsToDisplayModifiers } from '../../utils';
|
|
16
|
-
|
|
19
|
+
import { checkIfShouldRenderBanner, checkNewBannerSettings } from '../List/components/helpers';
|
|
20
|
+
const CardContainer = _ref => {
|
|
17
21
|
let {
|
|
18
22
|
cardData,
|
|
19
23
|
gridModifier,
|
|
@@ -40,14 +44,22 @@ const CardsContainer = _ref => {
|
|
|
40
44
|
titleOverlayModifier
|
|
41
45
|
} = _ref,
|
|
42
46
|
cardProps = _objectWithoutProperties(_ref, _excluded);
|
|
43
|
-
const cardsWithBanners = getEntitiesWithBanner(cardData, cardProps);
|
|
44
47
|
const {
|
|
45
48
|
itemId
|
|
46
49
|
} = useContext(MainContext);
|
|
50
|
+
const {
|
|
51
|
+
banner
|
|
52
|
+
} = cardProps;
|
|
53
|
+
// TODO: remove this check and all associated code once old banner setup is no longer supported
|
|
54
|
+
const hasNewBannerSettings = checkNewBannerSettings(banner);
|
|
55
|
+
const parsedCardsData = hasNewBannerSettings ? cardData : getEntitiesWithBanner(cardData, cardProps);
|
|
47
56
|
const propsToDisplayModifiers = getPropsToDisplayModifiers(propsToDisplay);
|
|
48
57
|
const dynamicWrapperSizes = enableCarousel ? '' : getDynamicGridClasses('grid', itemsPerRow, designConfig);
|
|
49
|
-
let renderCounter = 0;
|
|
50
58
|
const CardWrapper = enableCarousel ? CarouselWrapper : Wrapper;
|
|
59
|
+
let bannerIndex = 0;
|
|
60
|
+
const bannerProps = banner ? _objectSpread(_objectSpread(_objectSpread({}, cardProps), banner), {}, {
|
|
61
|
+
type: 'banner'
|
|
62
|
+
}) : null;
|
|
51
63
|
return /*#__PURE__*/React.createElement(CardWrapper, {
|
|
52
64
|
className: dynamicWrapperSizes,
|
|
53
65
|
modifiers: gridModifier,
|
|
@@ -55,53 +67,65 @@ const CardsContainer = _ref => {
|
|
|
55
67
|
bannerModifier: bannerModifier,
|
|
56
68
|
enableAutoScroll: enableAutoScroll,
|
|
57
69
|
autoScrollTimer: autoScrollTimer
|
|
58
|
-
},
|
|
59
|
-
|
|
70
|
+
}, parsedCardsData.map((currentEntity, index) => {
|
|
71
|
+
const {
|
|
60
72
|
baseAdunit,
|
|
61
73
|
id
|
|
62
|
-
} =
|
|
63
|
-
entityProps = _objectWithoutProperties(
|
|
74
|
+
} = currentEntity,
|
|
75
|
+
entityProps = _objectWithoutProperties(currentEntity, _excluded2);
|
|
76
|
+
const shouldRenderBanner = !!bannerProps && checkIfShouldRenderBanner(index, banner);
|
|
64
77
|
const extraProps = parsePropsToDisplay(entityProps, propsToDisplay);
|
|
65
78
|
const dynamicKey = [itemId, index].join('-');
|
|
66
|
-
if (baseAdunit) renderCounter += 1;
|
|
67
79
|
const priority = priorityLimit > 0 && index + 1 <= priorityLimit;
|
|
80
|
+
if (hasNewBannerSettings && shouldRenderBanner) bannerIndex += 1;
|
|
81
|
+
if (!hasNewBannerSettings && baseAdunit) bannerIndex += 1;
|
|
82
|
+
const parsedCardProps = _objectSpread({
|
|
83
|
+
key: id,
|
|
84
|
+
id,
|
|
85
|
+
enableCarousel,
|
|
86
|
+
graphqlEntityMap,
|
|
87
|
+
propsToDisplay,
|
|
88
|
+
parsedPropsToDisplay: extraProps,
|
|
89
|
+
propsToDisplayModifiers,
|
|
90
|
+
modifier,
|
|
91
|
+
style,
|
|
92
|
+
cardChildren,
|
|
93
|
+
gtmChildren,
|
|
94
|
+
gtmId: name,
|
|
95
|
+
gridModifier,
|
|
96
|
+
entityProps,
|
|
97
|
+
displayCategory,
|
|
98
|
+
displayThumbnail,
|
|
99
|
+
displayTitle,
|
|
100
|
+
priority,
|
|
101
|
+
enableOverlay,
|
|
102
|
+
overlayModifier,
|
|
103
|
+
titleOverlayModifier
|
|
104
|
+
}, entityProps);
|
|
105
|
+
if (hasNewBannerSettings) return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(Card, _extends({
|
|
106
|
+
key: id
|
|
107
|
+
}, parsedCardProps)), shouldRenderBanner && /*#__PURE__*/React.createElement(Banner, _extends({
|
|
108
|
+
key: dynamicKey
|
|
109
|
+
}, bannerProps, {
|
|
110
|
+
renderCounter: bannerIndex
|
|
111
|
+
})));
|
|
68
112
|
return baseAdunit ? /*#__PURE__*/React.createElement(Banner, _extends({
|
|
69
113
|
key: dynamicKey,
|
|
70
114
|
entity: graphqlEntityMap[entityProps.__typename],
|
|
71
115
|
baseAdunit: baseAdunit
|
|
72
116
|
}, entityProps, {
|
|
73
117
|
modifier: modifier,
|
|
74
|
-
renderCounter:
|
|
118
|
+
renderCounter: bannerIndex
|
|
75
119
|
})) : /*#__PURE__*/React.createElement(Card, _extends({
|
|
76
|
-
key: id
|
|
77
|
-
|
|
78
|
-
enableCarousel: enableCarousel,
|
|
79
|
-
graphqlEntityMap: graphqlEntityMap,
|
|
80
|
-
propsToDisplay: propsToDisplay,
|
|
81
|
-
parsedPropsToDisplay: extraProps,
|
|
82
|
-
propsToDisplayModifiers: propsToDisplayModifiers,
|
|
83
|
-
modifier: modifier,
|
|
84
|
-
style: style,
|
|
85
|
-
cardChildren: cardChildren,
|
|
86
|
-
gtmChildren: gtmChildren,
|
|
87
|
-
gtmId: name,
|
|
88
|
-
gridModifier: gridModifier,
|
|
89
|
-
entityProps: entityProps,
|
|
90
|
-
displayCategory: displayCategory,
|
|
91
|
-
displayThumbnail: displayThumbnail,
|
|
92
|
-
displayTitle: displayTitle,
|
|
93
|
-
priority: priority,
|
|
94
|
-
enableOverlay: enableOverlay,
|
|
95
|
-
overlayModifier: overlayModifier,
|
|
96
|
-
titleOverlayModifier: titleOverlayModifier
|
|
97
|
-
}, entityProps));
|
|
120
|
+
key: id
|
|
121
|
+
}, parsedCardProps));
|
|
98
122
|
}));
|
|
99
123
|
};
|
|
100
|
-
|
|
124
|
+
CardContainer.propTypes = {
|
|
101
125
|
cardData: PropTypes.array.isRequired,
|
|
126
|
+
graphqlEntityMap: PropTypes.object.isRequired,
|
|
102
127
|
name: PropTypes.string,
|
|
103
128
|
entity: PropTypes.string.isRequired,
|
|
104
|
-
graphqlEntityMap: PropTypes.object.isRequired,
|
|
105
129
|
gridModifier: PropTypes.string,
|
|
106
130
|
gtmChildren: PropTypes.oneOfType([PropTypes.arrayOf(PropTypes.node), PropTypes.node]),
|
|
107
131
|
cardChildren: PropTypes.oneOfType([PropTypes.arrayOf(PropTypes.node), PropTypes.node]),
|
|
@@ -122,7 +146,7 @@ CardsContainer.propTypes = {
|
|
|
122
146
|
titleOverlayModifier: PropTypes.string,
|
|
123
147
|
autoScrollTimer: PropTypes.number
|
|
124
148
|
};
|
|
125
|
-
|
|
149
|
+
CardContainer.defaultProps = {
|
|
126
150
|
gtmChildren: [],
|
|
127
151
|
cardChildren: [],
|
|
128
152
|
name: '',
|
|
@@ -144,5 +168,5 @@ CardsContainer.defaultProps = {
|
|
|
144
168
|
overlayModifier: '',
|
|
145
169
|
titleOverlayModifier: ''
|
|
146
170
|
};
|
|
147
|
-
export default withTitle(
|
|
171
|
+
export default withTitle(CardContainer);
|
|
148
172
|
//# sourceMappingURL=CardsContainer.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"CardsContainer.js","names":["React","useContext","PropTypes","MainContext","withTitle","Banner","Wrapper","CarouselWrapper","Card","getDynamicGridClasses","getEntitiesWithBanner","parsePropsToDisplay","getPropsToDisplayModifiers","CardsContainer","_ref","cardData","gridModifier","style","displayCategory","displayThumbnail","displayTitle","modifier","entity","legacyEntity","graphqlEntityMap","propsToDisplay","gtmChildren","cardChildren","name","designConfig","itemsPerRow","enableCarousel","bannerModifier","priorityLimit","enableAutoScroll","enableOverlay","autoScrollTimer","overlayModifier","titleOverlayModifier","cardProps","_objectWithoutProperties","_excluded","cardsWithBanners","itemId","propsToDisplayModifiers","dynamicWrapperSizes","renderCounter","CardWrapper","createElement","className","modifiers","map","_ref2","index","baseAdunit","id","entityProps","_excluded2","extraProps","dynamicKey","join","priority","_extends","key","__typename","parsedPropsToDisplay","gtmId","propTypes","array","isRequired","string","object","oneOfType","arrayOf","node","bool","number","defaultProps"],"sources":["../../../src/components/Card/CardsContainer.js"],"sourcesContent":["import React, { useContext } from 'react';\nimport PropTypes from 'prop-types';\nimport { MainContext } from '@blaze-cms/nextjs-components';\nimport { withTitle } from '../../HOC';\nimport Banner from '../Banner';\nimport Wrapper from '../Wrapper';\nimport CarouselWrapper from '../CarouselWrapper';\nimport Card from './Card';\nimport { getDynamicGridClasses } from './helpers';\nimport { getEntitiesWithBanner, parsePropsToDisplay } from '../../helpers';\nimport { getPropsToDisplayModifiers } from '../../utils';\n\nconst CardsContainer = ({\n cardData,\n gridModifier,\n style,\n displayCategory,\n displayThumbnail,\n displayTitle,\n modifier,\n entity: legacyEntity,\n graphqlEntityMap,\n propsToDisplay,\n gtmChildren,\n cardChildren,\n name,\n designConfig,\n itemsPerRow,\n enableCarousel,\n bannerModifier,\n priorityLimit,\n enableAutoScroll,\n enableOverlay,\n autoScrollTimer,\n overlayModifier,\n titleOverlayModifier,\n ...cardProps\n}) => {\n const cardsWithBanners = getEntitiesWithBanner(cardData, cardProps);\n const { itemId } = useContext(MainContext);\n const propsToDisplayModifiers = getPropsToDisplayModifiers(propsToDisplay);\n const dynamicWrapperSizes = enableCarousel\n ? ''\n : getDynamicGridClasses('grid', itemsPerRow, designConfig);\n let renderCounter = 0;\n const CardWrapper = enableCarousel ? CarouselWrapper : Wrapper;\n\n return (\n <CardWrapper\n className={dynamicWrapperSizes}\n modifiers={gridModifier}\n itemsPerRow={itemsPerRow}\n bannerModifier={bannerModifier}\n enableAutoScroll={enableAutoScroll}\n autoScrollTimer={autoScrollTimer}>\n {cardsWithBanners.map(({ baseAdunit, id, ...entityProps }, index) => {\n const extraProps = parsePropsToDisplay(entityProps, propsToDisplay);\n const dynamicKey = [itemId, index].join('-');\n if (baseAdunit) renderCounter += 1;\n\n const priority = priorityLimit > 0 && index + 1 <= priorityLimit;\n\n return baseAdunit ? (\n <Banner\n key={dynamicKey}\n entity={graphqlEntityMap[entityProps.__typename]}\n baseAdunit={baseAdunit}\n {...entityProps}\n modifier={modifier}\n renderCounter={renderCounter}\n />\n ) : (\n <Card\n key={id}\n id={id}\n enableCarousel={enableCarousel}\n graphqlEntityMap={graphqlEntityMap}\n propsToDisplay={propsToDisplay}\n parsedPropsToDisplay={extraProps}\n propsToDisplayModifiers={propsToDisplayModifiers}\n modifier={modifier}\n style={style}\n cardChildren={cardChildren}\n gtmChildren={gtmChildren}\n gtmId={name}\n gridModifier={gridModifier}\n entityProps={entityProps}\n displayCategory={displayCategory}\n displayThumbnail={displayThumbnail}\n displayTitle={displayTitle}\n priority={priority}\n enableOverlay={enableOverlay}\n overlayModifier={overlayModifier}\n titleOverlayModifier={titleOverlayModifier}\n {...entityProps}\n />\n );\n })}\n </CardWrapper>\n );\n};\n\nCardsContainer.propTypes = {\n cardData: PropTypes.array.isRequired,\n name: PropTypes.string,\n entity: PropTypes.string.isRequired,\n graphqlEntityMap: PropTypes.object.isRequired,\n gridModifier: PropTypes.string,\n gtmChildren: PropTypes.oneOfType([PropTypes.arrayOf(PropTypes.node), PropTypes.node]),\n cardChildren: PropTypes.oneOfType([PropTypes.arrayOf(PropTypes.node), PropTypes.node]),\n propsToDisplay: PropTypes.array,\n displayCategory: PropTypes.bool,\n displayThumbnail: PropTypes.bool,\n displayTitle: PropTypes.bool,\n modifier: PropTypes.string,\n style: PropTypes.string,\n designConfig: PropTypes.object,\n itemsPerRow: PropTypes.number,\n enableCarousel: PropTypes.bool,\n bannerModifier: PropTypes.string,\n priorityLimit: PropTypes.number,\n enableAutoScroll: PropTypes.bool,\n enableOverlay: PropTypes.bool,\n overlayModifier: PropTypes.string,\n titleOverlayModifier: PropTypes.string,\n autoScrollTimer: PropTypes.number\n};\n\nCardsContainer.defaultProps = {\n gtmChildren: [],\n cardChildren: [],\n name: '',\n gridModifier: '',\n propsToDisplay: [],\n displayCategory: true,\n displayThumbnail: true,\n displayTitle: true,\n modifier: '',\n style: 'portrait',\n designConfig: {},\n itemsPerRow: 1,\n enableCarousel: false,\n bannerModifier: '',\n priorityLimit: 0,\n enableAutoScroll: false,\n enableOverlay: false,\n autoScrollTimer: 0,\n overlayModifier: '',\n titleOverlayModifier: ''\n};\n\nexport default withTitle(CardsContainer);\n"],"mappings":"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"}
|
|
1
|
+
{"version":3,"file":"CardsContainer.js","names":["React","useContext","PropTypes","MainContext","withTitle","Banner","Wrapper","CarouselWrapper","Card","getDynamicGridClasses","getEntitiesWithBanner","parsePropsToDisplay","getPropsToDisplayModifiers","checkIfShouldRenderBanner","checkNewBannerSettings","CardContainer","_ref","cardData","gridModifier","style","displayCategory","displayThumbnail","displayTitle","modifier","entity","legacyEntity","graphqlEntityMap","propsToDisplay","gtmChildren","cardChildren","name","designConfig","itemsPerRow","enableCarousel","bannerModifier","priorityLimit","enableAutoScroll","enableOverlay","autoScrollTimer","overlayModifier","titleOverlayModifier","cardProps","_objectWithoutProperties","_excluded","itemId","banner","hasNewBannerSettings","parsedCardsData","propsToDisplayModifiers","dynamicWrapperSizes","CardWrapper","bannerIndex","bannerProps","_objectSpread","type","createElement","className","modifiers","map","currentEntity","index","baseAdunit","id","entityProps","_excluded2","shouldRenderBanner","extraProps","dynamicKey","join","priority","parsedCardProps","key","parsedPropsToDisplay","gtmId","Fragment","_extends","renderCounter","__typename","propTypes","array","isRequired","object","string","oneOfType","arrayOf","node","bool","number","defaultProps"],"sources":["../../../src/components/Card/CardsContainer.js"],"sourcesContent":["import React, { useContext } from 'react';\nimport PropTypes from 'prop-types';\nimport { MainContext } from '@blaze-cms/nextjs-components';\nimport { withTitle } from '../../HOC';\nimport Banner from '../Banner';\nimport Wrapper from '../Wrapper';\nimport CarouselWrapper from '../CarouselWrapper';\nimport Card from './Card';\nimport { getDynamicGridClasses } from './helpers';\nimport { getEntitiesWithBanner, parsePropsToDisplay } from '../../helpers';\nimport { getPropsToDisplayModifiers } from '../../utils';\nimport { checkIfShouldRenderBanner, checkNewBannerSettings } from '../List/components/helpers';\n\nconst CardContainer = ({\n cardData,\n gridModifier,\n style,\n displayCategory,\n displayThumbnail,\n displayTitle,\n modifier,\n entity: legacyEntity,\n graphqlEntityMap,\n propsToDisplay,\n gtmChildren,\n cardChildren,\n name,\n designConfig,\n itemsPerRow,\n enableCarousel,\n bannerModifier,\n priorityLimit,\n enableAutoScroll,\n enableOverlay,\n autoScrollTimer,\n overlayModifier,\n titleOverlayModifier,\n ...cardProps\n}) => {\n const { itemId } = useContext(MainContext);\n const { banner } = cardProps;\n // TODO: remove this check and all associated code once old banner setup is no longer supported\n const hasNewBannerSettings = checkNewBannerSettings(banner);\n const parsedCardsData = hasNewBannerSettings\n ? cardData\n : getEntitiesWithBanner(cardData, cardProps);\n const propsToDisplayModifiers = getPropsToDisplayModifiers(propsToDisplay);\n const dynamicWrapperSizes = enableCarousel\n ? ''\n : getDynamicGridClasses('grid', itemsPerRow, designConfig);\n const CardWrapper = enableCarousel ? CarouselWrapper : Wrapper;\n let bannerIndex = 0;\n const bannerProps = banner ? { ...cardProps, ...banner, type: 'banner' } : null;\n\n return (\n <CardWrapper\n className={dynamicWrapperSizes}\n modifiers={gridModifier}\n itemsPerRow={itemsPerRow}\n bannerModifier={bannerModifier}\n enableAutoScroll={enableAutoScroll}\n autoScrollTimer={autoScrollTimer}>\n {parsedCardsData.map((currentEntity, index) => {\n const { baseAdunit, id, ...entityProps } = currentEntity;\n const shouldRenderBanner = !!bannerProps && checkIfShouldRenderBanner(index, banner);\n const extraProps = parsePropsToDisplay(entityProps, propsToDisplay);\n const dynamicKey = [itemId, index].join('-');\n const priority = priorityLimit > 0 && index + 1 <= priorityLimit;\n if (hasNewBannerSettings && shouldRenderBanner) bannerIndex += 1;\n if (!hasNewBannerSettings && baseAdunit) bannerIndex += 1;\n const parsedCardProps = {\n key: id,\n id,\n enableCarousel,\n graphqlEntityMap,\n propsToDisplay,\n parsedPropsToDisplay: extraProps,\n propsToDisplayModifiers,\n modifier,\n style,\n cardChildren,\n gtmChildren,\n gtmId: name,\n gridModifier,\n entityProps,\n displayCategory,\n displayThumbnail,\n displayTitle,\n priority,\n enableOverlay,\n overlayModifier,\n titleOverlayModifier,\n ...entityProps\n };\n\n if (hasNewBannerSettings)\n return (\n <>\n <Card key={id} {...parsedCardProps} />\n {shouldRenderBanner && (\n <Banner key={dynamicKey} {...bannerProps} renderCounter={bannerIndex} />\n )}\n </>\n );\n return baseAdunit ? (\n <Banner\n key={dynamicKey}\n entity={graphqlEntityMap[entityProps.__typename]}\n baseAdunit={baseAdunit}\n {...entityProps}\n modifier={modifier}\n renderCounter={bannerIndex}\n />\n ) : (\n <Card key={id} {...parsedCardProps} />\n );\n })}\n </CardWrapper>\n );\n};\n\nCardContainer.propTypes = {\n cardData: PropTypes.array.isRequired,\n graphqlEntityMap: PropTypes.object.isRequired,\n name: PropTypes.string,\n entity: PropTypes.string.isRequired,\n gridModifier: PropTypes.string,\n gtmChildren: PropTypes.oneOfType([PropTypes.arrayOf(PropTypes.node), PropTypes.node]),\n cardChildren: PropTypes.oneOfType([PropTypes.arrayOf(PropTypes.node), PropTypes.node]),\n propsToDisplay: PropTypes.array,\n displayCategory: PropTypes.bool,\n displayThumbnail: PropTypes.bool,\n displayTitle: PropTypes.bool,\n modifier: PropTypes.string,\n style: PropTypes.string,\n designConfig: PropTypes.object,\n itemsPerRow: PropTypes.number,\n enableCarousel: PropTypes.bool,\n bannerModifier: PropTypes.string,\n priorityLimit: PropTypes.number,\n enableAutoScroll: PropTypes.bool,\n enableOverlay: PropTypes.bool,\n overlayModifier: PropTypes.string,\n titleOverlayModifier: PropTypes.string,\n autoScrollTimer: PropTypes.number\n};\n\nCardContainer.defaultProps = {\n gtmChildren: [],\n cardChildren: [],\n name: '',\n gridModifier: '',\n propsToDisplay: [],\n displayCategory: true,\n displayThumbnail: true,\n displayTitle: true,\n modifier: '',\n style: 'portrait',\n designConfig: {},\n itemsPerRow: 1,\n enableCarousel: false,\n bannerModifier: '',\n priorityLimit: 0,\n enableAutoScroll: false,\n enableOverlay: false,\n autoScrollTimer: 0,\n overlayModifier: '',\n titleOverlayModifier: ''\n};\n\nexport default withTitle(CardContainer);\n"],"mappings":"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"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"CardsRender.js","names":["React","useContext","useQuery","dynamic","PropTypes","MainContext","generateSingleItemQuery","SEARCH_PUBLISHED_CONTENT","AND","useGetEntitySchemasAsObj","useGetImages","getUpdatedFilterBy","getEntityData","getRequiredSchemas","sortResponseData","getUnpublishedEntityName","renderChildren","splitChildren","removeExtraItems","appendImages","filtersSetup","filterQuerySetup","shouldSkipSingleQuery","shouldReturn","getUpdatedSortProperties","CardsContainer","CardsRender","_ref","entity","legacyEntity","entities","entityFields","itemsToDisplay","children","otherProps","_objectWithoutProperties","_excluded","isPreview","parent","itemId","parentId","itemEntity","parentEntity","filterBy","filterByProperty","sortby","sort","sortProperties","operator","filterOperator","useRandomSort","updatedSortProperties","sortbyFilters","variableProps","_objectSpread","entitiesToUse","primaryEntityToUse","unpublishedParentEntityName","allEntityNames","uniqueEntityNames","Set","data","mainSchemas","loading","_loading","error","_error","parentSchema","filterEntitySchema","entitiesTypes","map","ent","graphqlEntityMap","reduce","acc","entityType","docTypes","docType","type","entityTypes","eType","getAction","queryProps","inheritedFilters","entitySameAsCurrentItemEntity","action","filterEntityRelations","currentSchema","itemEntityUpdated","parentEntityData","_err","_load","variables","id","skip","requiredSchema","schemaLoading","schemaError","updatedFilterBy","limit","getEntitySchemas","Object","values","cardData","cardsError","cardsLoading","fetchPolicy","imageIds","imageId","filter","Boolean","imagesData","imagesLoading","isLoading","hasError","message","results","cardDataResults","length","orderedData","regularChildren","gtmChildren","name","updatedCards","createElement","Fragment","_extends","cardChildren","propTypes","oneOfType","arrayOf","node","string","isRequired","array","defaultProps"],"sources":["../../../src/components/Card/CardsRender.js"],"sourcesContent":["import React, { useContext } from 'react';\nimport { useQuery } from '@apollo/client';\nimport dynamic from 'next/dynamic';\nimport PropTypes from 'prop-types';\nimport { MainContext } from '@blaze-cms/nextjs-components';\nimport { generateSingleItemQuery } from '../../application/query';\nimport { SEARCH_PUBLISHED_CONTENT, AND } from '../../constants';\nimport { useGetEntitySchemasAsObj, useGetImages } from '../../hooks';\nimport {\n getUpdatedFilterBy,\n getEntityData,\n getRequiredSchemas,\n sortResponseData,\n getUnpublishedEntityName,\n renderChildren,\n splitChildren,\n removeExtraItems,\n appendImages\n} from '../../helpers';\nimport {\n filtersSetup,\n filterQuerySetup,\n shouldSkipSingleQuery,\n shouldReturn,\n getUpdatedSortProperties\n} from './helpers';\n\nconst CardsContainer = dynamic(() => import('./CardsContainer'));\n\nconst CardsRender = ({\n entity: legacyEntity,\n entities,\n entityFields,\n itemsToDisplay,\n children,\n ...otherProps\n}) => {\n const { isPreview } = useContext(MainContext);\n const {\n parent: { itemId: parentId, itemEntity: parentEntity },\n filterBy = [],\n filterByProperty = [],\n sortby,\n sort,\n sortProperties = [],\n operator: filterOperator = AND,\n useRandomSort\n } = otherProps;\n const [updatedSortProperties, sortbyFilters] = getUpdatedSortProperties(\n sort,\n sortby,\n sortProperties\n );\n\n const variableProps = {\n ...otherProps,\n sortProperties: updatedSortProperties,\n sort: null,\n sortby: null\n };\n\n const entitiesToUse = entities || [legacyEntity];\n const primaryEntityToUse = entitiesToUse[0];\n const unpublishedParentEntityName = getUnpublishedEntityName(parentEntity);\n const allEntityNames = [...entitiesToUse, unpublishedParentEntityName];\n const uniqueEntityNames = [...new Set(allEntityNames)];\n const { data: mainSchemas = {}, loading: _loading, error: _error } = useGetEntitySchemasAsObj(\n uniqueEntityNames\n );\n const parentSchema = mainSchemas[unpublishedParentEntityName] || {};\n const filterEntitySchema = mainSchemas[primaryEntityToUse] || {};\n const entitiesTypes = entitiesToUse.map(ent => getEntityData(ent, mainSchemas[ent]));\n const graphqlEntityMap = entitiesTypes.reduce(\n (acc, entityType) => ({ ...acc, [entityType.entityType]: entityType.entity }),\n {}\n );\n const docTypes = entitiesTypes.map(({ docType: type }) => type);\n const entityTypes = entitiesTypes.map(({ entityType: eType }) => eType);\n\n const {\n getAction,\n queryProps,\n inheritedFilters,\n entitySameAsCurrentItemEntity,\n action,\n filterEntityRelations\n } = filtersSetup({\n entityFields,\n entityTypes,\n filterBy,\n filterByProperty,\n entities: entitiesToUse,\n currentSchema: parentSchema,\n filterEntitySchema,\n isPreview,\n itemEntityUpdated: unpublishedParentEntityName\n });\n const { data: { parentEntityData = {} } = {}, error: _err, loading: _load } = useQuery(\n generateSingleItemQuery(getAction, queryProps),\n {\n variables: { id: parentId },\n skip: shouldSkipSingleQuery(_loading, getAction, queryProps)\n }\n );\n\n const {\n data: requiredSchema = {},\n loading: schemaLoading,\n error: schemaError\n } = useGetEntitySchemasAsObj(\n getRequiredSchemas([...filterByProperty, ...sortbyFilters], filterEntitySchema),\n _loading\n );\n\n const updatedFilterBy = getUpdatedFilterBy(\n inheritedFilters,\n parentEntityData,\n parentSchema,\n filterEntitySchema,\n parentId,\n variableProps\n );\n\n const { limit, variables } = filterQuerySetup({\n getEntitySchemas: Object.values(requiredSchema),\n entity: primaryEntityToUse,\n updatedFilterBy,\n variableProps,\n docType: docTypes,\n filterOperator,\n filterEntityRelations,\n itemsToDisplay,\n entitySameAsCurrentItemEntity,\n useRandomSort\n });\n const { data: cardData, error: cardsError, loading: cardsLoading } = useQuery(action, {\n variables,\n fetchPolicy: useRandomSort ? 'cache-and-network' : 'cache-first',\n skip: shouldReturn(!updatedFilterBy, _loading, _load, schemaLoading, _error, _err, schemaError)\n });\n const imageIds = itemsToDisplay.map(({ imageId }) => imageId).filter(Boolean);\n const { data: imagesData, loading: imagesLoading } = useGetImages(imageIds, true);\n const isLoading = shouldReturn(_loading, _load, schemaLoading, cardsLoading, imagesLoading);\n const hasError = shouldReturn(_error, _err, schemaError);\n\n if (!updatedFilterBy) return null;\n if (isLoading) return null;\n if (hasError) return null;\n if (cardsError) return cardsError.message;\n let { results: cardDataResults } = cardData[SEARCH_PUBLISHED_CONTENT];\n\n if (!cardDataResults || !cardDataResults.length) return null;\n\n cardDataResults = entitySameAsCurrentItemEntity\n ? removeExtraItems(cardDataResults, limit, parentId)\n : cardDataResults;\n if (!cardDataResults.length) return null;\n\n const orderedData = useRandomSort\n ? cardDataResults\n : sortResponseData(cardDataResults, itemsToDisplay);\n const { regularChildren, gtmChildren } = splitChildren(\n children,\n cardDataResults,\n graphqlEntityMap,\n {\n name: variableProps.name\n }\n );\n const updatedCards = appendImages(imagesData, orderedData, itemsToDisplay);\n\n return (\n <>\n {gtmChildren && renderChildren(gtmChildren)}\n <CardsContainer\n cardData={updatedCards}\n entity={primaryEntityToUse}\n gtmChildren={gtmChildren}\n cardChildren={regularChildren}\n graphqlEntityMap={graphqlEntityMap}\n {...variableProps}\n />\n </>\n );\n};\n\nCardsRender.propTypes = {\n children: PropTypes.oneOfType([PropTypes.arrayOf(PropTypes.node), PropTypes.node]),\n entity: PropTypes.string.isRequired,\n entityFields: PropTypes.string.isRequired,\n itemsToDisplay: PropTypes.array,\n entities: PropTypes.array\n};\n\nCardsRender.defaultProps = {\n children: [],\n itemsToDisplay: [],\n entities: []\n};\n\nexport default CardsRender;\n"],"mappings":"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"}
|
|
1
|
+
{"version":3,"file":"CardsRender.js","names":["React","useContext","useQuery","dynamic","PropTypes","MainContext","generateSingleItemQuery","SEARCH_PUBLISHED_CONTENT","AND","useGetEntitySchemasAsObj","useGetImages","getUpdatedFilterBy","getEntityData","getRequiredSchemas","sortResponseData","getUnpublishedEntityName","renderChildren","splitChildren","removeExtraItems","appendImages","filtersSetup","filterQuerySetup","shouldSkipSingleQuery","shouldReturn","getUpdatedSortProperties","CardsContainer","CardsRender","_ref","entity","legacyEntity","entities","entityFields","itemsToDisplay","children","otherProps","_objectWithoutProperties","_excluded","isPreview","parent","itemId","parentId","itemEntity","parentEntity","filterBy","filterByProperty","sortby","sort","sortProperties","operator","filterOperator","useRandomSort","updatedSortProperties","sortbyFilters","variableProps","_objectSpread","entitiesToUse","primaryEntityToUse","unpublishedParentEntityName","allEntityNames","uniqueEntityNames","Set","data","mainSchemas","loading","_loading","error","_error","parentSchema","filterEntitySchema","entitiesTypes","map","ent","graphqlEntityMap","reduce","acc","entityType","docTypes","docType","type","entityTypes","eType","getAction","queryProps","inheritedFilters","entitySameAsCurrentItemEntity","action","filterEntityRelations","currentSchema","itemEntityUpdated","entityData","parentEntityData","_err","_load","variables","id","skip","requiredSchema","schemaLoading","schemaError","updatedFilterBy","limit","getEntitySchemas","Object","values","cardData","cardsError","cardsLoading","fetchPolicy","imageIds","imageId","filter","Boolean","imagesData","imagesLoading","isLoading","hasError","message","results","cardDataResults","length","orderedData","regularChildren","gtmChildren","name","updatedCards","createElement","Fragment","_extends","cardChildren","propTypes","oneOfType","arrayOf","node","string","isRequired","array","defaultProps"],"sources":["../../../src/components/Card/CardsRender.js"],"sourcesContent":["import React, { useContext } from 'react';\nimport { useQuery } from '@apollo/client';\nimport dynamic from 'next/dynamic';\nimport PropTypes from 'prop-types';\nimport { MainContext } from '@blaze-cms/nextjs-components';\nimport { generateSingleItemQuery } from '../../application/query';\nimport { SEARCH_PUBLISHED_CONTENT, AND } from '../../constants';\nimport { useGetEntitySchemasAsObj, useGetImages } from '../../hooks';\nimport {\n getUpdatedFilterBy,\n getEntityData,\n getRequiredSchemas,\n sortResponseData,\n getUnpublishedEntityName,\n renderChildren,\n splitChildren,\n removeExtraItems,\n appendImages\n} from '../../helpers';\nimport {\n filtersSetup,\n filterQuerySetup,\n shouldSkipSingleQuery,\n shouldReturn,\n getUpdatedSortProperties\n} from './helpers';\n\nconst CardsContainer = dynamic(() => import('./CardsContainer'));\n\nconst CardsRender = ({\n entity: legacyEntity,\n entities,\n entityFields,\n itemsToDisplay,\n children,\n ...otherProps\n}) => {\n const { isPreview } = useContext(MainContext);\n const {\n parent: { itemId: parentId, itemEntity: parentEntity },\n filterBy = [],\n filterByProperty = [],\n sortby,\n sort,\n sortProperties = [],\n operator: filterOperator = AND,\n useRandomSort\n } = otherProps;\n const [updatedSortProperties, sortbyFilters] = getUpdatedSortProperties(\n sort,\n sortby,\n sortProperties\n );\n\n const variableProps = {\n ...otherProps,\n sortProperties: updatedSortProperties,\n sort: null,\n sortby: null\n };\n\n const entitiesToUse = entities || [legacyEntity];\n const primaryEntityToUse = entitiesToUse[0];\n const unpublishedParentEntityName = getUnpublishedEntityName(parentEntity);\n const allEntityNames = [...entitiesToUse, unpublishedParentEntityName];\n const uniqueEntityNames = [...new Set(allEntityNames)];\n const { data: mainSchemas = {}, loading: _loading, error: _error } = useGetEntitySchemasAsObj(\n uniqueEntityNames\n );\n const parentSchema = mainSchemas[unpublishedParentEntityName] || {};\n const filterEntitySchema = mainSchemas[primaryEntityToUse] || {};\n const entitiesTypes = entitiesToUse.map(ent => getEntityData(ent, mainSchemas[ent]));\n const graphqlEntityMap = entitiesTypes.reduce(\n (acc, entityType) => ({ ...acc, [entityType.entityType]: entityType.entity }),\n {}\n );\n const docTypes = entitiesTypes.map(({ docType: type }) => type);\n const entityTypes = entitiesTypes.map(({ entityType: eType }) => eType);\n\n const {\n getAction,\n queryProps,\n inheritedFilters,\n entitySameAsCurrentItemEntity,\n action,\n filterEntityRelations\n } = filtersSetup({\n entityFields,\n entityTypes,\n filterBy,\n filterByProperty,\n entities: entitiesToUse,\n currentSchema: parentSchema,\n filterEntitySchema,\n isPreview,\n itemEntityUpdated: unpublishedParentEntityName\n });\n const {\n data: { entityData: parentEntityData = {} } = {},\n error: _err,\n loading: _load\n } = useQuery(generateSingleItemQuery(getAction, queryProps), {\n variables: { id: parentId },\n skip: shouldSkipSingleQuery(_loading, getAction, queryProps)\n });\n\n const {\n data: requiredSchema = {},\n loading: schemaLoading,\n error: schemaError\n } = useGetEntitySchemasAsObj(\n getRequiredSchemas([...filterByProperty, ...sortbyFilters], filterEntitySchema),\n _loading\n );\n\n const updatedFilterBy = getUpdatedFilterBy(\n inheritedFilters,\n parentEntityData,\n parentSchema,\n filterEntitySchema,\n parentId,\n variableProps\n );\n\n const { limit, variables } = filterQuerySetup({\n getEntitySchemas: Object.values(requiredSchema),\n entity: primaryEntityToUse,\n updatedFilterBy,\n variableProps,\n docType: docTypes,\n filterOperator,\n filterEntityRelations,\n itemsToDisplay,\n entitySameAsCurrentItemEntity,\n useRandomSort\n });\n const { data: cardData, error: cardsError, loading: cardsLoading } = useQuery(action, {\n variables,\n fetchPolicy: useRandomSort ? 'cache-and-network' : 'cache-first',\n skip: shouldReturn(!updatedFilterBy, _loading, _load, schemaLoading, _error, _err, schemaError)\n });\n\n const imageIds = itemsToDisplay.map(({ imageId }) => imageId).filter(Boolean);\n const { data: imagesData, loading: imagesLoading } = useGetImages(imageIds, true);\n const isLoading = shouldReturn(_loading, _load, schemaLoading, cardsLoading, imagesLoading);\n const hasError = shouldReturn(_error, _err, schemaError);\n\n if (!updatedFilterBy) return null;\n if (isLoading) return null;\n if (hasError) return null;\n if (cardsError) return cardsError.message;\n let { results: cardDataResults } = cardData[SEARCH_PUBLISHED_CONTENT];\n\n if (!cardDataResults || !cardDataResults.length) return null;\n\n cardDataResults = entitySameAsCurrentItemEntity\n ? removeExtraItems(cardDataResults, limit, parentId)\n : cardDataResults;\n if (!cardDataResults.length) return null;\n\n const orderedData = useRandomSort\n ? cardDataResults\n : sortResponseData(cardDataResults, itemsToDisplay);\n const { regularChildren, gtmChildren } = splitChildren(\n children,\n cardDataResults,\n graphqlEntityMap,\n {\n name: variableProps.name\n }\n );\n const updatedCards = appendImages(imagesData, orderedData, itemsToDisplay);\n\n return (\n <>\n {gtmChildren && renderChildren(gtmChildren)}\n <CardsContainer\n cardData={updatedCards}\n entity={primaryEntityToUse}\n gtmChildren={gtmChildren}\n cardChildren={regularChildren}\n graphqlEntityMap={graphqlEntityMap}\n {...variableProps}\n />\n </>\n );\n};\n\nCardsRender.propTypes = {\n children: PropTypes.oneOfType([PropTypes.arrayOf(PropTypes.node), PropTypes.node]),\n entity: PropTypes.string.isRequired,\n entityFields: PropTypes.string.isRequired,\n itemsToDisplay: PropTypes.array,\n entities: PropTypes.array\n};\n\nCardsRender.defaultProps = {\n children: [],\n itemsToDisplay: [],\n entities: []\n};\n\nexport default CardsRender;\n"],"mappings":";;;;;;AAAA,OAAOA,KAAK,IAAIC,UAAU,QAAQ,OAAO;AACzC,SAASC,QAAQ,QAAQ,gBAAgB;AACzC,OAAOC,OAAO,MAAM,cAAc;AAClC,OAAOC,SAAS,MAAM,YAAY;AAClC,SAASC,WAAW,QAAQ,8BAA8B;AAC1D,SAASC,uBAAuB,QAAQ,yBAAyB;AACjE,SAASC,wBAAwB,EAAEC,GAAG,QAAQ,iBAAiB;AAC/D,SAASC,wBAAwB,EAAEC,YAAY,QAAQ,aAAa;AACpE,SACEC,kBAAkB,EAClBC,aAAa,EACbC,kBAAkB,EAClBC,gBAAgB,EAChBC,wBAAwB,EACxBC,cAAc,EACdC,aAAa,EACbC,gBAAgB,EAChBC,YAAY,QACP,eAAe;AACtB,SACEC,YAAY,EACZC,gBAAgB,EAChBC,qBAAqB,EACrBC,YAAY,EACZC,wBAAwB,QACnB,WAAW;AAElB,MAAMC,cAAc,GAAGtB,OAAO,CAAC,MAAM,MAAM,CAAC,kBAAkB,CAAC,CAAC;AAEhE,MAAMuB,WAAW,GAAGC,IAAA,IAOd;EAAA,IAPe;MACnBC,MAAM,EAAEC,YAAY;MACpBC,QAAQ;MACRC,YAAY;MACZC,cAAc;MACdC;IAEF,CAAC,GAAAN,IAAA;IADIO,UAAU,GAAAC,wBAAA,CAAAR,IAAA,EAAAS,SAAA;EAEb,MAAM;IAAEC;EAAU,CAAC,GAAGpC,UAAU,CAACI,WAAW,CAAC;EAC7C,MAAM;IACJiC,MAAM,EAAE;MAAEC,MAAM,EAAEC,QAAQ;MAAEC,UAAU,EAAEC;IAAa,CAAC;IACtDC,QAAQ,GAAG,EAAE;IACbC,gBAAgB,GAAG,EAAE;IACrBC,MAAM;IACNC,IAAI;IACJC,cAAc,GAAG,EAAE;IACnBC,QAAQ,EAAEC,cAAc,GAAGzC,GAAG;IAC9B0C;EACF,CAAC,GAAGhB,UAAU;EACd,MAAM,CAACiB,qBAAqB,EAAEC,aAAa,CAAC,GAAG5B,wBAAwB,CACrEsB,IAAI,EACJD,MAAM,EACNE,cAAc,CACf;EAED,MAAMM,aAAa,GAAAC,aAAA,CAAAA,aAAA,KACdpB,UAAU;IACba,cAAc,EAAEI,qBAAqB;IACrCL,IAAI,EAAE,IAAI;IACVD,MAAM,EAAE;EAAI,EACb;EAED,MAAMU,aAAa,GAAGzB,QAAQ,IAAI,CAACD,YAAY,CAAC;EAChD,MAAM2B,kBAAkB,GAAGD,aAAa,CAAC,CAAC,CAAC;EAC3C,MAAME,2BAA2B,GAAG1C,wBAAwB,CAAC2B,YAAY,CAAC;EAC1E,MAAMgB,cAAc,GAAG,CAAC,GAAGH,aAAa,EAAEE,2BAA2B,CAAC;EACtE,MAAME,iBAAiB,GAAG,CAAC,GAAG,IAAIC,GAAG,CAACF,cAAc,CAAC,CAAC;EACtD,MAAM;IAAEG,IAAI,EAAEC,WAAW,GAAG,CAAC,CAAC;IAAEC,OAAO,EAAEC,QAAQ;IAAEC,KAAK,EAAEC;EAAO,CAAC,GAAGzD,wBAAwB,CAC3FkD,iBAAiB,CAClB;EACD,MAAMQ,YAAY,GAAGL,WAAW,CAACL,2BAA2B,CAAC,IAAI,CAAC,CAAC;EACnE,MAAMW,kBAAkB,GAAGN,WAAW,CAACN,kBAAkB,CAAC,IAAI,CAAC,CAAC;EAChE,MAAMa,aAAa,GAAGd,aAAa,CAACe,GAAG,CAACC,GAAG,IAAI3D,aAAa,CAAC2D,GAAG,EAAET,WAAW,CAACS,GAAG,CAAC,CAAC,CAAC;EACpF,MAAMC,gBAAgB,GAAGH,aAAa,CAACI,MAAM,CAC3C,CAACC,GAAG,EAAEC,UAAU,KAAArB,aAAA,CAAAA,aAAA,KAAWoB,GAAG;IAAE,CAACC,UAAU,CAACA,UAAU,GAAGA,UAAU,CAAC/C;EAAM,EAAG,EAC7E,CAAC,CAAC,CACH;EACD,MAAMgD,QAAQ,GAAGP,aAAa,CAACC,GAAG,CAAC,CAAC;IAAEO,OAAO,EAAEC;EAAK,CAAC,KAAKA,IAAI,CAAC;EAC/D,MAAMC,WAAW,GAAGV,aAAa,CAACC,GAAG,CAAC,CAAC;IAAEK,UAAU,EAAEK;EAAM,CAAC,KAAKA,KAAK,CAAC;EAEvE,MAAM;IACJC,SAAS;IACTC,UAAU;IACVC,gBAAgB;IAChBC,6BAA6B;IAC7BC,MAAM;IACNC;EACF,CAAC,GAAGlE,YAAY,CAAC;IACfW,YAAY;IACZgD,WAAW;IACXpC,QAAQ;IACRC,gBAAgB;IAChBd,QAAQ,EAAEyB,aAAa;IACvBgC,aAAa,EAAEpB,YAAY;IAC3BC,kBAAkB;IAClB/B,SAAS;IACTmD,iBAAiB,EAAE/B;EACrB,CAAC,CAAC;EACF,MAAM;IACJI,IAAI,EAAE;MAAE4B,UAAU,EAAEC,gBAAgB,GAAG,CAAC;IAAE,CAAC,GAAG,CAAC,CAAC;IAChDzB,KAAK,EAAE0B,IAAI;IACX5B,OAAO,EAAE6B;EACX,CAAC,GAAG1F,QAAQ,CAACI,uBAAuB,CAAC2E,SAAS,EAAEC,UAAU,CAAC,EAAE;IAC3DW,SAAS,EAAE;MAAEC,EAAE,EAAEtD;IAAS,CAAC;IAC3BuD,IAAI,EAAEzE,qBAAqB,CAAC0C,QAAQ,EAAEiB,SAAS,EAAEC,UAAU;EAC7D,CAAC,CAAC;EAEF,MAAM;IACJrB,IAAI,EAAEmC,cAAc,GAAG,CAAC,CAAC;IACzBjC,OAAO,EAAEkC,aAAa;IACtBhC,KAAK,EAAEiC;EACT,CAAC,GAAGzF,wBAAwB,CAC1BI,kBAAkB,CAAC,CAAC,GAAG+B,gBAAgB,EAAE,GAAGQ,aAAa,CAAC,EAAEgB,kBAAkB,CAAC,EAC/EJ,QAAQ,CACT;EAED,MAAMmC,eAAe,GAAGxF,kBAAkB,CACxCwE,gBAAgB,EAChBO,gBAAgB,EAChBvB,YAAY,EACZC,kBAAkB,EAClB5B,QAAQ,EACRa,aAAa,CACd;EAED,MAAM;IAAE+C,KAAK;IAAEP;EAAU,CAAC,GAAGxE,gBAAgB,CAAC;IAC5CgF,gBAAgB,EAAEC,MAAM,CAACC,MAAM,CAACP,cAAc,CAAC;IAC/CpE,MAAM,EAAE4B,kBAAkB;IAC1B2C,eAAe;IACf9C,aAAa;IACbwB,OAAO,EAAED,QAAQ;IACjB3B,cAAc;IACdqC,qBAAqB;IACrBtD,cAAc;IACdoD,6BAA6B;IAC7BlC;EACF,CAAC,CAAC;EACF,MAAM;IAAEW,IAAI,EAAE2C,QAAQ;IAAEvC,KAAK,EAAEwC,UAAU;IAAE1C,OAAO,EAAE2C;EAAa,CAAC,GAAGxG,QAAQ,CAACmF,MAAM,EAAE;IACpFQ,SAAS;IACTc,WAAW,EAAEzD,aAAa,GAAG,mBAAmB,GAAG,aAAa;IAChE6C,IAAI,EAAExE,YAAY,CAAC,CAAC4E,eAAe,EAAEnC,QAAQ,EAAE4B,KAAK,EAAEK,aAAa,EAAE/B,MAAM,EAAEyB,IAAI,EAAEO,WAAW;EAChG,CAAC,CAAC;EAEF,MAAMU,QAAQ,GAAG5E,cAAc,CAACsC,GAAG,CAAC,CAAC;IAAEuC;EAAQ,CAAC,KAAKA,OAAO,CAAC,CAACC,MAAM,CAACC,OAAO,CAAC;EAC7E,MAAM;IAAElD,IAAI,EAAEmD,UAAU;IAAEjD,OAAO,EAAEkD;EAAc,CAAC,GAAGvG,YAAY,CAACkG,QAAQ,EAAE,IAAI,CAAC;EACjF,MAAMM,SAAS,GAAG3F,YAAY,CAACyC,QAAQ,EAAE4B,KAAK,EAAEK,aAAa,EAAES,YAAY,EAAEO,aAAa,CAAC;EAC3F,MAAME,QAAQ,GAAG5F,YAAY,CAAC2C,MAAM,EAAEyB,IAAI,EAAEO,WAAW,CAAC;EAExD,IAAI,CAACC,eAAe,EAAE,OAAO,IAAI;EACjC,IAAIe,SAAS,EAAE,OAAO,IAAI;EAC1B,IAAIC,QAAQ,EAAE,OAAO,IAAI;EACzB,IAAIV,UAAU,EAAE,OAAOA,UAAU,CAACW,OAAO;EACzC,IAAI;IAAEC,OAAO,EAAEC;EAAgB,CAAC,GAAGd,QAAQ,CAACjG,wBAAwB,CAAC;EAErE,IAAI,CAAC+G,eAAe,IAAI,CAACA,eAAe,CAACC,MAAM,EAAE,OAAO,IAAI;EAE5DD,eAAe,GAAGlC,6BAA6B,GAC3ClE,gBAAgB,CAACoG,eAAe,EAAElB,KAAK,EAAE5D,QAAQ,CAAC,GAClD8E,eAAe;EACnB,IAAI,CAACA,eAAe,CAACC,MAAM,EAAE,OAAO,IAAI;EAExC,MAAMC,WAAW,GAAGtE,aAAa,GAC7BoE,eAAe,GACfxG,gBAAgB,CAACwG,eAAe,EAAEtF,cAAc,CAAC;EACrD,MAAM;IAAEyF,eAAe;IAAEC;EAAY,CAAC,GAAGzG,aAAa,CACpDgB,QAAQ,EACRqF,eAAe,EACf9C,gBAAgB,EAChB;IACEmD,IAAI,EAAEtE,aAAa,CAACsE;EACtB,CAAC,CACF;EACD,MAAMC,YAAY,GAAGzG,YAAY,CAAC6F,UAAU,EAAEQ,WAAW,EAAExF,cAAc,CAAC;EAE1E,oBACEhC,KAAA,CAAA6H,aAAA,CAAA7H,KAAA,CAAA8H,QAAA,QACGJ,WAAW,IAAI1G,cAAc,CAAC0G,WAAW,CAAC,eAC3C1H,KAAA,CAAA6H,aAAA,CAACpG,cAAc,EAAAsG,QAAA;IACbvB,QAAQ,EAAEoB,YAAa;IACvBhG,MAAM,EAAE4B,kBAAmB;IAC3BkE,WAAW,EAAEA,WAAY;IACzBM,YAAY,EAAEP,eAAgB;IAC9BjD,gBAAgB,EAAEA;EAAiB,GAC/BnB,aAAa,EACjB,CACD;AAEP,CAAC;AAED3B,WAAW,CAACuG,SAAS,GAAG;EACtBhG,QAAQ,EAAE7B,SAAS,CAAC8H,SAAS,CAAC,CAAC9H,SAAS,CAAC+H,OAAO,CAAC/H,SAAS,CAACgI,IAAI,CAAC,EAAEhI,SAAS,CAACgI,IAAI,CAAC,CAAC;EAClFxG,MAAM,EAAExB,SAAS,CAACiI,MAAM,CAACC,UAAU;EACnCvG,YAAY,EAAE3B,SAAS,CAACiI,MAAM,CAACC,UAAU;EACzCtG,cAAc,EAAE5B,SAAS,CAACmI,KAAK;EAC/BzG,QAAQ,EAAE1B,SAAS,CAACmI;AACtB,CAAC;AAED7G,WAAW,CAAC8G,YAAY,GAAG;EACzBvG,QAAQ,EAAE,EAAE;EACZD,cAAc,EAAE,EAAE;EAClBF,QAAQ,EAAE;AACZ,CAAC;AAED,eAAeJ,WAAW"}
|
|
@@ -16,7 +16,9 @@ const ItemDetailsSummaryContent = ({
|
|
|
16
16
|
return /*#__PURE__*/React.createElement("span", {
|
|
17
17
|
className: modifier,
|
|
18
18
|
key: dynamicKey
|
|
19
|
-
},
|
|
19
|
+
}, key && /*#__PURE__*/React.createElement("span", {
|
|
20
|
+
className: "item-details-summary-label"
|
|
21
|
+
}, key), " ", wrappedValue);
|
|
20
22
|
});
|
|
21
23
|
};
|
|
22
24
|
ItemDetailsSummaryContent.propTypes = {
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"ItemDetailsSummaryContent.js","names":["React","useContext","PropTypes","MainContext","getWrappedValueWithLink","parseBooleanValues","withTitle","ItemDetailsSummaryContent","summaryPropsWithContent","itemId","map","key","value","link","modifier","index","dynamicKey","join","wrappedValue","createElement","className","propTypes","array","isRequired"],"sources":["../../../../../src/components/DataSummary/DataSummaryTypes/ItemDetailsSummary/ItemDetailsSummaryContent.js"],"sourcesContent":["import React, { useContext } from 'react';\nimport PropTypes from 'prop-types';\nimport { MainContext } from '@blaze-cms/nextjs-components';\nimport { getWrappedValueWithLink } from '../../../../helpers';\nimport { parseBooleanValues } from '../../helpers';\nimport { withTitle } from '../../../../HOC';\n\nconst ItemDetailsSummaryContent = ({ summaryPropsWithContent }) => {\n const { itemId } = useContext(MainContext);\n return summaryPropsWithContent.map(([key, value, link, modifier], index) => {\n const dynamicKey = [itemId, index, value].join('-');\n const wrappedValue = parseBooleanValues(getWrappedValueWithLink(value, link, itemId), key);\n\n return (\n <span className={modifier} key={dynamicKey}>\n {wrappedValue}\n </span>\n );\n });\n};\n\nItemDetailsSummaryContent.propTypes = {\n summaryPropsWithContent: PropTypes.array.isRequired\n};\n\nexport default withTitle(ItemDetailsSummaryContent);\n"],"mappings":"AAAA,OAAOA,KAAK,IAAIC,UAAU,QAAQ,OAAO;AACzC,OAAOC,SAAS,MAAM,YAAY;AAClC,SAASC,WAAW,QAAQ,8BAA8B;AAC1D,SAASC,uBAAuB,QAAQ,qBAAqB;AAC7D,SAASC,kBAAkB,QAAQ,eAAe;AAClD,SAASC,SAAS,QAAQ,iBAAiB;AAE3C,MAAMC,yBAAyB,GAAGA,CAAC;EAAEC;AAAwB,CAAC,KAAK;EACjE,MAAM;IAAEC;EAAO,CAAC,GAAGR,UAAU,CAACE,WAAW,CAAC;EAC1C,OAAOK,uBAAuB,CAACE,GAAG,CAAC,CAAC,CAACC,GAAG,EAAEC,KAAK,EAAEC,IAAI,EAAEC,QAAQ,CAAC,EAAEC,KAAK,KAAK;IAC1E,MAAMC,UAAU,GAAG,CAACP,MAAM,EAAEM,KAAK,EAAEH,KAAK,CAAC,CAACK,IAAI,CAAC,GAAG,CAAC;IACnD,MAAMC,YAAY,GAAGb,kBAAkB,CAACD,uBAAuB,CAACQ,KAAK,EAAEC,IAAI,EAAEJ,MAAM,CAAC,EAAEE,GAAG,CAAC;IAE1F,oBACEX,KAAA,CAAAmB,aAAA;MAAMC,SAAS,EAAEN,QAAS;MAACH,GAAG,EAAEK;IAAW,
|
|
1
|
+
{"version":3,"file":"ItemDetailsSummaryContent.js","names":["React","useContext","PropTypes","MainContext","getWrappedValueWithLink","parseBooleanValues","withTitle","ItemDetailsSummaryContent","summaryPropsWithContent","itemId","map","key","value","link","modifier","index","dynamicKey","join","wrappedValue","createElement","className","propTypes","array","isRequired"],"sources":["../../../../../src/components/DataSummary/DataSummaryTypes/ItemDetailsSummary/ItemDetailsSummaryContent.js"],"sourcesContent":["import React, { useContext } from 'react';\nimport PropTypes from 'prop-types';\nimport { MainContext } from '@blaze-cms/nextjs-components';\nimport { getWrappedValueWithLink } from '../../../../helpers';\nimport { parseBooleanValues } from '../../helpers';\nimport { withTitle } from '../../../../HOC';\n\nconst ItemDetailsSummaryContent = ({ summaryPropsWithContent }) => {\n const { itemId } = useContext(MainContext);\n return summaryPropsWithContent.map(([key, value, link, modifier], index) => {\n const dynamicKey = [itemId, index, value].join('-');\n const wrappedValue = parseBooleanValues(getWrappedValueWithLink(value, link, itemId), key);\n\n return (\n <span className={modifier} key={dynamicKey}>\n {key && <span className=\"item-details-summary-label\">{key}</span>} {wrappedValue}\n </span>\n );\n });\n};\n\nItemDetailsSummaryContent.propTypes = {\n summaryPropsWithContent: PropTypes.array.isRequired\n};\n\nexport default withTitle(ItemDetailsSummaryContent);\n"],"mappings":"AAAA,OAAOA,KAAK,IAAIC,UAAU,QAAQ,OAAO;AACzC,OAAOC,SAAS,MAAM,YAAY;AAClC,SAASC,WAAW,QAAQ,8BAA8B;AAC1D,SAASC,uBAAuB,QAAQ,qBAAqB;AAC7D,SAASC,kBAAkB,QAAQ,eAAe;AAClD,SAASC,SAAS,QAAQ,iBAAiB;AAE3C,MAAMC,yBAAyB,GAAGA,CAAC;EAAEC;AAAwB,CAAC,KAAK;EACjE,MAAM;IAAEC;EAAO,CAAC,GAAGR,UAAU,CAACE,WAAW,CAAC;EAC1C,OAAOK,uBAAuB,CAACE,GAAG,CAAC,CAAC,CAACC,GAAG,EAAEC,KAAK,EAAEC,IAAI,EAAEC,QAAQ,CAAC,EAAEC,KAAK,KAAK;IAC1E,MAAMC,UAAU,GAAG,CAACP,MAAM,EAAEM,KAAK,EAAEH,KAAK,CAAC,CAACK,IAAI,CAAC,GAAG,CAAC;IACnD,MAAMC,YAAY,GAAGb,kBAAkB,CAACD,uBAAuB,CAACQ,KAAK,EAAEC,IAAI,EAAEJ,MAAM,CAAC,EAAEE,GAAG,CAAC;IAE1F,oBACEX,KAAA,CAAAmB,aAAA;MAAMC,SAAS,EAAEN,QAAS;MAACH,GAAG,EAAEK;IAAW,GACxCL,GAAG,iBAAIX,KAAA,CAAAmB,aAAA;MAAMC,SAAS,EAAC;IAA4B,GAAET,GAAG,CAAQ,EAAC,GAAC,EAACO,YAAY,CAC3E;EAEX,CAAC,CAAC;AACJ,CAAC;AAEDX,yBAAyB,CAACc,SAAS,GAAG;EACpCb,uBAAuB,EAAEN,SAAS,CAACoB,KAAK,CAACC;AAC3C,CAAC;AAED,eAAejB,SAAS,CAACC,yBAAyB,CAAC"}
|
|
@@ -89,7 +89,7 @@ const Image = _ref => {
|
|
|
89
89
|
ref: outerRef,
|
|
90
90
|
className: wrapperClassName,
|
|
91
91
|
modifiers: modifiers
|
|
92
|
-
}, otherProps), elementTitle && /*#__PURE__*/React.createElement("
|
|
92
|
+
}, otherProps), elementTitle && /*#__PURE__*/React.createElement("div", {
|
|
93
93
|
className: "heading heading--section"
|
|
94
94
|
}, elementTitle), shouldDisplayImage && /*#__PURE__*/React.createElement(ImgWrapper, imgWrapperProps, /*#__PURE__*/React.createElement(ImageRender, _extends({}, otherProps, {
|
|
95
95
|
alt: altText,
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Image.js","names":["React","useState","PropTypes","useInView","Wrapper","ImageRender","ImageDetails","getClassModifiers","getImageData","getDisplayCountData","shouldShowProperty","buildImageProperties","IMAGE","HERO","IN_VIEW_CONFIG","Image","_ref","url","modifier","_modifier","imageId","enableLightbox","name","toggleModal","handleSelectedImage","displayCount","lightboxImages","isHero","priority","type","areImageCreditsDisplayed","isCaptionDisplayed","images","imageData","imageUrl","elementTitle","credits","imageCredits","otherProps","_objectWithoutProperties","_excluded","displayLightbox","setDisplayLightbox","isIntersecting","outerRef","caption","altText","hrefUrl","imageDataCredits","href","ImgWrapper","imgWrapperProps","lightboxImgProps","modifiers","_objectSpread","wrapperClassName","toggleLightbox","handleEnableLightbox","shouldDisplayCaption","isDisplayed","value","creditsValue","shouldDisplayCredits","shouldDisplayCount","countMessage","sizeKey","filter","Boolean","join","shouldDisplayImage","createElement","_extends","ref","className","alt","role","onClick","propTypes","string","bool","func","array","object","defaultProps"],"sources":["../../../src/components/Image/Image.js"],"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 priority,\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\n const { caption, altText, hrefUrl, credits: imageDataCredits } = getImageData(\n otherProps,\n imageData\n );\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 // deprecated: imageCredits is deprecated. This code is to handle legacy data. check before changing/removing\n const creditsValue = credits || imageCredits || imageDataCredits;\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 && (priority || isIntersecting);\n\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 priority={priority}\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 priority: 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 priority: false,\n type: '',\n areImageCreditsDisplayed: false,\n isCaptionDisplayed: true,\n imageData: {},\n imageUrl: '',\n elementTitle: ''\n};\n\nexport default Image;\n"],"mappings":"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"}
|
|
1
|
+
{"version":3,"file":"Image.js","names":["React","useState","PropTypes","useInView","Wrapper","ImageRender","ImageDetails","getClassModifiers","getImageData","getDisplayCountData","shouldShowProperty","buildImageProperties","IMAGE","HERO","IN_VIEW_CONFIG","Image","_ref","url","modifier","_modifier","imageId","enableLightbox","name","toggleModal","handleSelectedImage","displayCount","lightboxImages","isHero","priority","type","areImageCreditsDisplayed","isCaptionDisplayed","images","imageData","imageUrl","elementTitle","credits","imageCredits","otherProps","_objectWithoutProperties","_excluded","displayLightbox","setDisplayLightbox","isIntersecting","outerRef","caption","altText","hrefUrl","imageDataCredits","href","ImgWrapper","imgWrapperProps","lightboxImgProps","modifiers","_objectSpread","wrapperClassName","toggleLightbox","handleEnableLightbox","shouldDisplayCaption","isDisplayed","value","creditsValue","shouldDisplayCredits","shouldDisplayCount","countMessage","sizeKey","filter","Boolean","join","shouldDisplayImage","createElement","_extends","ref","className","alt","role","onClick","propTypes","string","bool","func","array","object","defaultProps"],"sources":["../../../src/components/Image/Image.js"],"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 priority,\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\n const { caption, altText, hrefUrl, credits: imageDataCredits } = getImageData(\n otherProps,\n imageData\n );\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 // deprecated: imageCredits is deprecated. This code is to handle legacy data. check before changing/removing\n const creditsValue = credits || imageCredits || imageDataCredits;\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 && (priority || isIntersecting);\n\n return (\n <Wrapper ref={outerRef} className={wrapperClassName} modifiers={modifiers} {...otherProps}>\n {elementTitle && <div className=\"heading heading--section\">{elementTitle}</div>}\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 priority={priority}\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 priority: 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 priority: false,\n type: '',\n areImageCreditsDisplayed: false,\n isCaptionDisplayed: true,\n imageData: {},\n imageUrl: '',\n elementTitle: ''\n};\n\nexport default Image;\n"],"mappings":"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"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"FullRender.js","names":["React","Fragment","useContext","MainContext","MainContextProvider","PropTypes","uuid","FullRenderItem","ListPagination","LOAD_MORE","BANNER","Wrapper","checkIfShouldRenderBanner","FullRender","_ref","orderedListData","omitWrappers","paginationType","props","_objectWithoutProperties","_excluded","contextProps","pageBuilderID","parent","entity","propsToDisplay","banner","hasBanner","bannerProps","_objectSpread","type","bannerIndex","WrapperToUse","createElement","value","isPreview","className","map","_ref2","i","id","entityProps","_excluded2","shouldRenderBanner","_extends","key","index","itemId","propTypes","array","isRequired","string","object","bool","defaultProps"],"sources":["../../../../../src/components/List/components/Full/FullRender.js"],"sourcesContent":["import React, { Fragment, useContext } from 'react';\nimport { MainContext, MainContextProvider } from '@blaze-cms/nextjs-components';\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 Wrapper from '../../../Wrapper';\nimport { checkIfShouldRenderBanner } from '../helpers';\n\nconst FullRender = ({ orderedListData, omitWrappers, paginationType, ...props }) => {\n const contextProps = useContext(MainContext);\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
|
|
1
|
+
{"version":3,"file":"FullRender.js","names":["React","Fragment","useContext","MainContext","MainContextProvider","PropTypes","uuid","FullRenderItem","ListPagination","LOAD_MORE","BANNER","Wrapper","checkIfShouldRenderBanner","FullRender","_ref","orderedListData","omitWrappers","paginationType","props","_objectWithoutProperties","_excluded","contextProps","pageBuilderID","parent","entity","propsToDisplay","banner","hasBanner","bannerProps","_objectSpread","type","bannerIndex","WrapperToUse","createElement","value","isPreview","className","map","_ref2","i","id","entityProps","_excluded2","shouldRenderBanner","_extends","key","index","itemId","propTypes","array","isRequired","string","object","bool","defaultProps"],"sources":["../../../../../src/components/List/components/Full/FullRender.js"],"sourcesContent":["import React, { Fragment, useContext } from 'react';\nimport { MainContext, MainContextProvider } from '@blaze-cms/nextjs-components';\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 Wrapper from '../../../Wrapper';\nimport { checkIfShouldRenderBanner } from '../helpers';\n\nconst FullRender = ({ orderedListData, omitWrappers, paginationType, ...props }) => {\n const contextProps = useContext(MainContext);\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 const WrapperToUse = omitWrappers ? Fragment : Wrapper;\n\n return (\n <MainContextProvider value={{ ...contextProps, isPreview: false }}>\n <WrapperToUse 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 </WrapperToUse>\n\n {paginationType === LOAD_MORE && (\n <ListPagination paginationType={paginationType} {...props} />\n )}\n </MainContextProvider>\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 omitWrappers: PropTypes.bool,\n hasBanner: PropTypes.bool,\n banner: PropTypes.object\n};\n\nFullRender.defaultProps = {\n omitWrappers: false,\n hasBanner: false,\n banner: null\n};\n\nexport default FullRender;\n"],"mappings":"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"}
|