@blaze-cms/react-page-builder 0.141.0-core-styles.20 → 0.141.0-core-styles.22

package/lib/components/SearchFilterSort/SearchFilterSort.js.map

@@ -1 +1 @@
-{"version":3,"file":"SearchFilterSort.js","names":["_react","_interopRequireDefault","require","_select","_router","_queryString","_propTypes","_constants","_helpers","_HOC","getSortFromQuery","listComponentName","listNameKey","concat","sortKey","sortByKey","SearchFilterSort","_ref","filters","elementLabel","selectLabel","id","router","useRouter","asPath","_getSortFromQuery","_getSortFromQuery2","_slicedToArray2","_parseUrl","parseUrl","url","query","_parseUrl$query","_parseUrl$query2","sort","sortby","selectedValue","defaultTextValue","DEFAULT_SORT","options","map","_ref2","optionLabel","label","propsToDisplay","sortValue","setSortValue","_ref3","value","handleSortUpdate","createElement","className","onChange","propTypes","PropTypes","array","string","defaultProps","_default","exports","withTitle"],"sources":["../../../src/components/SearchFilterSort/SearchFilterSort.js"],"sourcesContent":["import React from 'react';\nimport Select from '@blaze-react/select';\nimport { useRouter } from 'next/router';\nimport { parseUrl } from 'query-string';\nimport PropTypes from 'prop-types';\nimport { DEFAULT_SORT } from './constants';\nimport { handleSortUpdate } from './helpers';\nimport { withTitle } from '../../HOC';\n\nconst getSortFromQuery = listComponentName => {\n  const listNameKey = listComponentName ? `pb[${listComponentName}]` : '';\n  const sortKey = `${listNameKey}${listNameKey ? '[sort]' : 'sort'}`;\n  const sortByKey = `${listNameKey}${listNameKey ? '[sortby]' : 'sortby'}`;\n  return [sortKey, sortByKey];\n};\nconst SearchFilterSort = ({ filters, elementLabel, selectLabel, id, listComponentName }) => {\n  const router = useRouter();\n  const { asPath } = router;\n  const [sortKey, sortByKey] = getSortFromQuery(listComponentName);\n  const { url, query, query: { [sortKey]: sort, [sortByKey]: sortby } = {} } = parseUrl(asPath);\n  const selectedValue = `${sortby}:${sort}` || '';\n  const defaultTextValue = selectLabel || DEFAULT_SORT;\n  const options = filters.map(({ label: optionLabel, propsToDisplay, sort: sortValue }) => [\n    `${propsToDisplay[0]}:${sortValue}`,\n    optionLabel\n  ]);\n\n  const setSortValue = ({ value }) =>\n    handleSortUpdate({ router, value, query, url, selectLabel, listComponentName });\n\n  return (\n    <div className=\"sort-by\">\n      <Select\n        label={elementLabel}\n        defaultTextValue={defaultTextValue}\n        value={selectedValue}\n        id={id}\n        options={options}\n        onChange={setSortValue}\n      />\n    </div>\n  );\n};\n\nSearchFilterSort.propTypes = {\n  filters: PropTypes.array,\n  elementLabel: PropTypes.string,\n  selectLabel: PropTypes.string,\n  id: PropTypes.string,\n  listComponentName: PropTypes.string\n};\n\nSearchFilterSort.defaultProps = {\n  filters: [],\n  elementLabel: '',\n  selectLabel: '',\n  id: '',\n  listComponentName: ''\n};\n\nexport default withTitle(SearchFilterSort);\n"],"mappings":"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"}
+{"version":3,"file":"SearchFilterSort.js","names":["_react","_interopRequireDefault","require","_select","_router","_queryString","_propTypes","_constants","_helpers","_HOC","getSortFromQuery","listComponentName","listNameKey","concat","sortKey","sortByKey","SearchFilterSort","_ref","filters","elementLabel","selectLabel","id","router","useRouter","asPath","_getSortFromQuery","_getSortFromQuery2","_slicedToArray2","_parseUrl","parseUrl","url","query","_parseUrl$query","_parseUrl$query2","sort","sortby","selectedValue","defaultTextValue","DEFAULT_SORT","options","map","_ref2","optionLabel","label","propsToDisplay","sortValue","setSortValue","_ref3","value","handleSortUpdate","createElement","className","name","onChange","propTypes","PropTypes","array","string","defaultProps","_default","exports","withTitle"],"sources":["../../../src/components/SearchFilterSort/SearchFilterSort.js"],"sourcesContent":["import React from 'react';\nimport Select from '@blaze-react/select';\nimport { useRouter } from 'next/router';\nimport { parseUrl } from 'query-string';\nimport PropTypes from 'prop-types';\nimport { DEFAULT_SORT } from './constants';\nimport { handleSortUpdate } from './helpers';\nimport { withTitle } from '../../HOC';\n\nconst getSortFromQuery = listComponentName => {\n  const listNameKey = listComponentName ? `pb[${listComponentName}]` : '';\n  const sortKey = `${listNameKey}${listNameKey ? '[sort]' : 'sort'}`;\n  const sortByKey = `${listNameKey}${listNameKey ? '[sortby]' : 'sortby'}`;\n  return [sortKey, sortByKey];\n};\nconst SearchFilterSort = ({ filters, elementLabel, selectLabel, id, listComponentName }) => {\n  const router = useRouter();\n  const { asPath } = router;\n  const [sortKey, sortByKey] = getSortFromQuery(listComponentName);\n  const { url, query, query: { [sortKey]: sort, [sortByKey]: sortby } = {} } = parseUrl(asPath);\n  const selectedValue = `${sortby}:${sort}` || '';\n  const defaultTextValue = selectLabel || DEFAULT_SORT;\n  const options = filters.map(({ label: optionLabel, propsToDisplay, sort: sortValue }) => [\n    `${propsToDisplay[0]}:${sortValue}`,\n    optionLabel\n  ]);\n\n  const setSortValue = ({ value }) =>\n    handleSortUpdate({ router, value, query, url, selectLabel, listComponentName });\n\n  return (\n    <div className=\"sort-by\">\n      <Select\n        name=\"sortby\"\n        label={elementLabel}\n        defaultTextValue={defaultTextValue}\n        value={selectedValue}\n        id={id}\n        options={options}\n        onChange={setSortValue}\n      />\n    </div>\n  );\n};\n\nSearchFilterSort.propTypes = {\n  filters: PropTypes.array,\n  elementLabel: PropTypes.string,\n  selectLabel: PropTypes.string,\n  id: PropTypes.string,\n  listComponentName: PropTypes.string\n};\n\nSearchFilterSort.defaultProps = {\n  filters: [],\n  elementLabel: '',\n  selectLabel: '',\n  id: '',\n  listComponentName: ''\n};\n\nexport default withTitle(SearchFilterSort);\n"],"mappings":";;;;;;;;;;;;AAAA,IAAAA,MAAA,GAAAC,sBAAA,CAAAC,OAAA;AACA,IAAAC,OAAA,GAAAF,sBAAA,CAAAC,OAAA;AACA,IAAAE,OAAA,GAAAF,OAAA;AACA,IAAAG,YAAA,GAAAH,OAAA;AACA,IAAAI,UAAA,GAAAL,sBAAA,CAAAC,OAAA;AACA,IAAAK,UAAA,GAAAL,OAAA;AACA,IAAAM,QAAA,GAAAN,OAAA;AACA,IAAAO,IAAA,GAAAP,OAAA;AAEA,IAAMQ,gBAAgB,GAAG,SAAnBA,gBAAgBA,CAAGC,iBAAiB,EAAI;EAC5C,IAAMC,WAAW,GAAGD,iBAAiB,SAAAE,MAAA,CAASF,iBAAiB,SAAM,EAAE;EACvE,IAAMG,OAAO,MAAAD,MAAA,CAAMD,WAAW,EAAAC,MAAA,CAAGD,WAAW,GAAG,QAAQ,GAAG,MAAM,CAAE;EAClE,IAAMG,SAAS,MAAAF,MAAA,CAAMD,WAAW,EAAAC,MAAA,CAAGD,WAAW,GAAG,UAAU,GAAG,QAAQ,CAAE;EACxE,OAAO,CAACE,OAAO,EAAEC,SAAS,CAAC;AAC7B,CAAC;AACD,IAAMC,gBAAgB,GAAG,SAAnBA,gBAAgBA,CAAAC,IAAA,EAAsE;EAAA,IAAhEC,OAAO,GAAAD,IAAA,CAAPC,OAAO;IAAEC,YAAY,GAAAF,IAAA,CAAZE,YAAY;IAAEC,WAAW,GAAAH,IAAA,CAAXG,WAAW;IAAEC,EAAE,GAAAJ,IAAA,CAAFI,EAAE;IAAEV,iBAAiB,GAAAM,IAAA,CAAjBN,iBAAiB;EACnF,IAAMW,MAAM,GAAG,IAAAC,iBAAS,EAAC,CAAC;EAC1B,IAAQC,MAAM,GAAKF,MAAM,CAAjBE,MAAM;EACd,IAAAC,iBAAA,GAA6Bf,gBAAgB,CAACC,iBAAiB,CAAC;IAAAe,kBAAA,OAAAC,eAAA,aAAAF,iBAAA;IAAzDX,OAAO,GAAAY,kBAAA;IAAEX,SAAS,GAAAW,kBAAA;EACzB,IAAAE,SAAA,GAA6E,IAAAC,qBAAQ,EAACL,MAAM,CAAC;IAArFM,GAAG,GAAAF,SAAA,CAAHE,GAAG;IAAEC,KAAK,GAAAH,SAAA,CAALG,KAAK;IAAAC,eAAA,GAAAJ,SAAA,CAAEG,KAAK;IAAAE,gBAAA,GAAAD,eAAA,cAA6C,CAAC,CAAC,GAAAA,eAAA;IAAhCE,IAAI,GAAAD,gBAAA,CAAdnB,OAAO;IAAsBqB,MAAM,GAAAF,gBAAA,CAAlBlB,SAAS;EACxD,IAAMqB,aAAa,GAAG,GAAAvB,MAAA,CAAGsB,MAAM,OAAAtB,MAAA,CAAIqB,IAAI,KAAM,EAAE;EAC/C,IAAMG,gBAAgB,GAAGjB,WAAW,IAAIkB,uBAAY;EACpD,IAAMC,OAAO,GAAGrB,OAAO,CAACsB,GAAG,CAAC,UAAAC,KAAA;IAAA,IAAUC,WAAW,GAAAD,KAAA,CAAlBE,KAAK;MAAeC,cAAc,GAAAH,KAAA,CAAdG,cAAc;MAAQC,SAAS,GAAAJ,KAAA,CAAfP,IAAI;IAAA,OAAkB,IAAArB,MAAA,CACpF+B,cAAc,CAAC,CAAC,CAAC,OAAA/B,MAAA,CAAIgC,SAAS,GACjCH,WAAW,CACZ;EAAA,EAAC;EAEF,IAAMI,YAAY,GAAG,SAAfA,YAAYA,CAAAC,KAAA;IAAA,IAAMC,KAAK,GAAAD,KAAA,CAALC,KAAK;IAAA,OAC3B,IAAAC,yBAAgB,EAAC;MAAE3B,MAAM,EAANA,MAAM;MAAE0B,KAAK,EAALA,KAAK;MAAEjB,KAAK,EAALA,KAAK;MAAED,GAAG,EAAHA,GAAG;MAAEV,WAAW,EAAXA,WAAW;MAAET,iBAAiB,EAAjBA;IAAkB,CAAC,CAAC;EAAA;EAEjF,oBACEX,MAAA,YAAAkD,aAAA;IAAKC,SAAS,EAAC;EAAS,gBACtBnD,MAAA,YAAAkD,aAAA,CAAC/C,OAAA,WAAM;IACLiD,IAAI,EAAC,QAAQ;IACbT,KAAK,EAAExB,YAAa;IACpBkB,gBAAgB,EAAEA,gBAAiB;IACnCW,KAAK,EAAEZ,aAAc;IACrBf,EAAE,EAAEA,EAAG;IACPkB,OAAO,EAAEA,OAAQ;IACjBc,QAAQ,EAAEP;EAAa,CACxB,CACE,CAAC;AAEV,CAAC;AAED9B,gBAAgB,CAACsC,SAAS,GAAG;EAC3BpC,OAAO,EAAEqC,qBAAS,CAACC,KAAK;EACxBrC,YAAY,EAAEoC,qBAAS,CAACE,MAAM;EAC9BrC,WAAW,EAAEmC,qBAAS,CAACE,MAAM;EAC7BpC,EAAE,EAAEkC,qBAAS,CAACE,MAAM;EACpB9C,iBAAiB,EAAE4C,qBAAS,CAACE;AAC/B,CAAC;AAEDzC,gBAAgB,CAAC0C,YAAY,GAAG;EAC9BxC,OAAO,EAAE,EAAE;EACXC,YAAY,EAAE,EAAE;EAChBC,WAAW,EAAE,EAAE;EACfC,EAAE,EAAE,EAAE;EACNV,iBAAiB,EAAE;AACrB,CAAC;AAAC,IAAAgD,QAAA,GAAAC,OAAA,cAEa,IAAAC,cAAS,EAAC7C,gBAAgB,CAAC"}

package/lib/components/SocialFollow/SFItem.js

@@ -10,6 +10,7 @@ require("core-js/modules/es.function.name.js");
 var _react = _interopRequireDefault(require("react"));
 var _propTypes = _interopRequireDefault(require("prop-types"));
 var _sf = require("./sf.config");
+var _BlazeLink = _interopRequireDefault(require("../BlazeLink"));
 /* eslint-disable react/jsx-no-target-blank */
 
 var SFItem = function SFItem(_ref) {
@@ -22,12 +23,12 @@ var SFItem = function SFItem(_ref) {
     spanClassName = _SOCIAL_NETWORKS$id.spanClassName;
   return /*#__PURE__*/_react["default"].createElement("li", {
     className: _sf.BASE_CLASS_NAME_FOLLOW
-  }, /*#__PURE__*/_react["default"].createElement("a", {
-    title: name,
+  }, /*#__PURE__*/_react["default"].createElement(_BlazeLink["default"], {
     href: url,
     className: className,
     rel: "noopener nofollow",
-    target: "_blank"
+    target: "_blank",
+    ariaLabel: name
   }, /*#__PURE__*/_react["default"].createElement("i", null, /*#__PURE__*/_react["default"].createElement(Icon, null)), /*#__PURE__*/_react["default"].createElement("span", {
     className: "social__network ".concat(spanClassName)
   }, name)));

package/lib/components/SocialFollow/SFItem.js.map

@@ -1 +1 @@
-{"version":3,"file":"SFItem.js","names":["_react","_interopRequireDefault","require","_propTypes","_sf","SFItem","_ref","url","id","_SOCIAL_NETWORKS$id","SOCIAL_NETWORKS","name","className","Icon","spanClassName","createElement","BASE_CLASS_NAME_FOLLOW","title","href","rel","target","concat","propTypes","PropTypes","string","isRequired","_default","exports"],"sources":["../../../src/components/SocialFollow/SFItem.js"],"sourcesContent":["/* eslint-disable react/jsx-no-target-blank */\nimport React from 'react';\nimport PropTypes from 'prop-types';\nimport { SOCIAL_NETWORKS, BASE_CLASS_NAME_FOLLOW } from './sf.config';\n\nconst SFItem = ({ url, id }) => {\n  const { name, className, Icon, spanClassName } = SOCIAL_NETWORKS[id];\n\n  return (\n    <li className={BASE_CLASS_NAME_FOLLOW}>\n      <a title={name} href={url} className={className} rel=\"noopener nofollow\" target=\"_blank\">\n        <i>\n          <Icon />\n        </i>\n        <span className={`social__network ${spanClassName}`}>{name}</span>\n      </a>\n    </li>\n  );\n};\n\nSFItem.propTypes = {\n  url: PropTypes.string.isRequired,\n  id: PropTypes.string.isRequired\n};\n\nexport default SFItem;\n"],"mappings":";;;;;;;;;AACA,IAAAA,MAAA,GAAAC,sBAAA,CAAAC,OAAA;AACA,IAAAC,UAAA,GAAAF,sBAAA,CAAAC,OAAA;AACA,IAAAE,GAAA,GAAAF,OAAA;AAHA;;AAKA,IAAMG,MAAM,GAAG,SAATA,MAAMA,CAAAC,IAAA,EAAoB;EAAA,IAAdC,GAAG,GAAAD,IAAA,CAAHC,GAAG;IAAEC,EAAE,GAAAF,IAAA,CAAFE,EAAE;EACvB,IAAAC,mBAAA,GAAiDC,mBAAe,CAACF,EAAE,CAAC;IAA5DG,IAAI,GAAAF,mBAAA,CAAJE,IAAI;IAAEC,SAAS,GAAAH,mBAAA,CAATG,SAAS;IAAEC,IAAI,GAAAJ,mBAAA,CAAJI,IAAI;IAAEC,aAAa,GAAAL,mBAAA,CAAbK,aAAa;EAE5C,oBACEd,MAAA,YAAAe,aAAA;IAAIH,SAAS,EAAEI;EAAuB,gBACpChB,MAAA,YAAAe,aAAA;IAAGE,KAAK,EAAEN,IAAK;IAACO,IAAI,EAAEX,GAAI;IAACK,SAAS,EAAEA,SAAU;IAACO,GAAG,EAAC,mBAAmB;IAACC,MAAM,EAAC;EAAQ,gBACtFpB,MAAA,YAAAe,aAAA,yBACEf,MAAA,YAAAe,aAAA,CAACF,IAAI,MAAE,CACN,CAAC,eACJb,MAAA,YAAAe,aAAA;IAAMH,SAAS,qBAAAS,MAAA,CAAqBP,aAAa;EAAG,GAAEH,IAAW,CAChE,CACD,CAAC;AAET,CAAC;AAEDN,MAAM,CAACiB,SAAS,GAAG;EACjBf,GAAG,EAAEgB,qBAAS,CAACC,MAAM,CAACC,UAAU;EAChCjB,EAAE,EAAEe,qBAAS,CAACC,MAAM,CAACC;AACvB,CAAC;AAAC,IAAAC,QAAA,GAAAC,OAAA,cAEatB,MAAM"}
+{"version":3,"file":"SFItem.js","names":["_react","_interopRequireDefault","require","_propTypes","_sf","_BlazeLink","SFItem","_ref","url","id","_SOCIAL_NETWORKS$id","SOCIAL_NETWORKS","name","className","Icon","spanClassName","createElement","BASE_CLASS_NAME_FOLLOW","href","rel","target","ariaLabel","concat","propTypes","PropTypes","string","isRequired","_default","exports"],"sources":["../../../src/components/SocialFollow/SFItem.js"],"sourcesContent":["/* eslint-disable react/jsx-no-target-blank */\nimport React from 'react';\nimport PropTypes from 'prop-types';\nimport { SOCIAL_NETWORKS, BASE_CLASS_NAME_FOLLOW } from './sf.config';\nimport BlazeLink from '../BlazeLink';\n\nconst SFItem = ({ url, id }) => {\n  const { name, className, Icon, spanClassName } = SOCIAL_NETWORKS[id];\n\n  return (\n    <li className={BASE_CLASS_NAME_FOLLOW}>\n      <BlazeLink\n        href={url}\n        className={className}\n        rel=\"noopener nofollow\"\n        target=\"_blank\"\n        ariaLabel={name}>\n        <i>\n          <Icon />\n        </i>\n        <span className={`social__network ${spanClassName}`}>{name}</span>\n      </BlazeLink>\n    </li>\n  );\n};\n\nSFItem.propTypes = {\n  url: PropTypes.string.isRequired,\n  id: PropTypes.string.isRequired\n};\n\nexport default SFItem;\n"],"mappings":";;;;;;;;;AACA,IAAAA,MAAA,GAAAC,sBAAA,CAAAC,OAAA;AACA,IAAAC,UAAA,GAAAF,sBAAA,CAAAC,OAAA;AACA,IAAAE,GAAA,GAAAF,OAAA;AACA,IAAAG,UAAA,GAAAJ,sBAAA,CAAAC,OAAA;AAJA;;AAMA,IAAMI,MAAM,GAAG,SAATA,MAAMA,CAAAC,IAAA,EAAoB;EAAA,IAAdC,GAAG,GAAAD,IAAA,CAAHC,GAAG;IAAEC,EAAE,GAAAF,IAAA,CAAFE,EAAE;EACvB,IAAAC,mBAAA,GAAiDC,mBAAe,CAACF,EAAE,CAAC;IAA5DG,IAAI,GAAAF,mBAAA,CAAJE,IAAI;IAAEC,SAAS,GAAAH,mBAAA,CAATG,SAAS;IAAEC,IAAI,GAAAJ,mBAAA,CAAJI,IAAI;IAAEC,aAAa,GAAAL,mBAAA,CAAbK,aAAa;EAE5C,oBACEf,MAAA,YAAAgB,aAAA;IAAIH,SAAS,EAAEI;EAAuB,gBACpCjB,MAAA,YAAAgB,aAAA,CAACX,UAAA,WAAS;IACRa,IAAI,EAAEV,GAAI;IACVK,SAAS,EAAEA,SAAU;IACrBM,GAAG,EAAC,mBAAmB;IACvBC,MAAM,EAAC,QAAQ;IACfC,SAAS,EAAET;EAAK,gBAChBZ,MAAA,YAAAgB,aAAA,yBACEhB,MAAA,YAAAgB,aAAA,CAACF,IAAI,MAAE,CACN,CAAC,eACJd,MAAA,YAAAgB,aAAA;IAAMH,SAAS,qBAAAS,MAAA,CAAqBP,aAAa;EAAG,GAAEH,IAAW,CACxD,CACT,CAAC;AAET,CAAC;AAEDN,MAAM,CAACiB,SAAS,GAAG;EACjBf,GAAG,EAAEgB,qBAAS,CAACC,MAAM,CAACC,UAAU;EAChCjB,EAAE,EAAEe,qBAAS,CAACC,MAAM,CAACC;AACvB,CAAC;AAAC,IAAAC,QAAA,GAAAC,OAAA,cAEatB,MAAM"}

package/lib/variants/ThumbnailCarousel/ThumbnailCarousel.js

@@ -17,8 +17,8 @@ var ThumbnailCarousel = function ThumbnailCarousel(props) {
     imageIds = _useThumbnailCarousel.imageIds,
     selectedImageId = _useThumbnailCarousel.selectedImageId,
     priorityLimit = _useThumbnailCarousel.priorityLimit,
-    mainImageButtonClick = _useThumbnailCarousel.mainImageButtonClick,
-    thumbnailImageClick = _useThumbnailCarousel.thumbnailImageClick;
+    scrollToImage = _useThumbnailCarousel.scrollToImage,
+    mainImageButtonClick = _useThumbnailCarousel.mainImageButtonClick;
   return /*#__PURE__*/_react["default"].createElement("div", {
     className: "thumbnail-carousel",
     "data-testid": "thumbnail-carousel"
@@ -33,14 +33,10 @@ var ThumbnailCarousel = function ThumbnailCarousel(props) {
     }
   }, /*#__PURE__*/_react["default"].createElement("div", {
     className: "arrow arrow--left"
-  })), /*#__PURE__*/_react["default"].createElement("div", {
-    className: "thumbnail-carousel__main_image_container__main-image",
-    "data-testid": "thumbnail-main-image",
-    ref: thumbnailsListRef
-  }, /*#__PURE__*/_react["default"].createElement(_ThumbnailImage["default"], (0, _extends2["default"])({}, props, {
+  })), /*#__PURE__*/_react["default"].createElement(_ThumbnailImage["default"], (0, _extends2["default"])({}, props, {
     priority: true,
     imageId: selectedImageId
-  }))), /*#__PURE__*/_react["default"].createElement("div", {
+  })), /*#__PURE__*/_react["default"].createElement("div", {
     id: "next-button",
     className: "thumbnail-carousel__main_image_container__button next",
     role: "button",
@@ -50,14 +46,16 @@ var ThumbnailCarousel = function ThumbnailCarousel(props) {
   }, /*#__PURE__*/_react["default"].createElement("div", {
     className: "arrow arrow--right"
   }))), /*#__PURE__*/_react["default"].createElement("div", {
-    className: "thumbnail-carousel__list"
+    className: "thumbnail-carousel__list",
+    ref: thumbnailsListRef
   }, imageIds.map(function (imageId, index) {
     return /*#__PURE__*/_react["default"].createElement(_ThumbnailImage["default"], (0, _extends2["default"])({}, props, {
       key: imageId,
+      imageIndex: index,
       priority: index < priorityLimit,
       imageId: imageId,
       selectedImageId: selectedImageId,
-      handleOnClick: thumbnailImageClick
+      scrollToImage: scrollToImage
     }));
   })));
 };

package/lib/variants/ThumbnailCarousel/ThumbnailCarousel.js.map

@@ -1 +1 @@
-{"version":3,"file":"ThumbnailCarousel.js","names":["_react","_interopRequireDefault","require","_useThumbnailCarousel2","_ThumbnailImage","ThumbnailCarousel","props","_useThumbnailCarousel","useThumbnailCarousel","thumbnailsListRef","imageIds","selectedImageId","priorityLimit","mainImageButtonClick","thumbnailImageClick","createElement","className","id","role","onClick","ref","_extends2","priority","imageId","map","index","key","handleOnClick","_default","exports"],"sources":["../../../src/variants/ThumbnailCarousel/ThumbnailCarousel.js"],"sourcesContent":["import React from 'react';\nimport useThumbnailCarousel from './useThumbnailCarousel';\nimport ThumbnailImage from './ThumbnailImage';\n\nconst ThumbnailCarousel = props => {\n  const {\n    thumbnailsListRef,\n    imageIds,\n    selectedImageId,\n    priorityLimit,\n    mainImageButtonClick,\n    thumbnailImageClick\n  } = useThumbnailCarousel(props);\n\n  return (\n    <div className=\"thumbnail-carousel\" data-testid=\"thumbnail-carousel\">\n      <div className=\"thumbnail-carousel__main_image_container\">\n        <div\n          id=\"previous-button\"\n          className=\"thumbnail-carousel__main_image_container__button\"\n          role=\"button\"\n          onClick={() => mainImageButtonClick()}>\n          <div className=\"arrow arrow--left\" />\n        </div>\n        <div\n          className=\"thumbnail-carousel__main_image_container__main-image\"\n          data-testid=\"thumbnail-main-image\"\n          ref={thumbnailsListRef}>\n          <ThumbnailImage {...props} priority imageId={selectedImageId} />\n        </div>\n        <div\n          id=\"next-button\"\n          className=\"thumbnail-carousel__main_image_container__button next\"\n          role=\"button\"\n          onClick={() => mainImageButtonClick(true)}>\n          <div className=\"arrow arrow--right\" />\n        </div>\n      </div>\n      <div className=\"thumbnail-carousel__list\">\n        {imageIds.map((imageId, index) => (\n          <ThumbnailImage\n            {...props}\n            key={imageId}\n            priority={index < priorityLimit}\n            imageId={imageId}\n            selectedImageId={selectedImageId}\n            handleOnClick={thumbnailImageClick}\n          />\n        ))}\n      </div>\n    </div>\n  );\n};\n\nexport default ThumbnailCarousel;\n"],"mappings":";;;;;;;;;;AAAA,IAAAA,MAAA,GAAAC,sBAAA,CAAAC,OAAA;AACA,IAAAC,sBAAA,GAAAF,sBAAA,CAAAC,OAAA;AACA,IAAAE,eAAA,GAAAH,sBAAA,CAAAC,OAAA;AAEA,IAAMG,iBAAiB,GAAG,SAApBA,iBAAiBA,CAAGC,KAAK,EAAI;EACjC,IAAAC,qBAAA,GAOI,IAAAC,iCAAoB,EAACF,KAAK,CAAC;IAN7BG,iBAAiB,GAAAF,qBAAA,CAAjBE,iBAAiB;IACjBC,QAAQ,GAAAH,qBAAA,CAARG,QAAQ;IACRC,eAAe,GAAAJ,qBAAA,CAAfI,eAAe;IACfC,aAAa,GAAAL,qBAAA,CAAbK,aAAa;IACbC,oBAAoB,GAAAN,qBAAA,CAApBM,oBAAoB;IACpBC,mBAAmB,GAAAP,qBAAA,CAAnBO,mBAAmB;EAGrB,oBACEd,MAAA,YAAAe,aAAA;IAAKC,SAAS,EAAC,oBAAoB;IAAC,eAAY;EAAoB,gBAClEhB,MAAA,YAAAe,aAAA;IAAKC,SAAS,EAAC;EAA0C,gBACvDhB,MAAA,YAAAe,aAAA;IACEE,EAAE,EAAC,iBAAiB;IACpBD,SAAS,EAAC,kDAAkD;IAC5DE,IAAI,EAAC,QAAQ;IACbC,OAAO,EAAE,SAAAA,QAAA;MAAA,OAAMN,oBAAoB,CAAC,CAAC;IAAA;EAAC,gBACtCb,MAAA,YAAAe,aAAA;IAAKC,SAAS,EAAC;EAAmB,CAAE,CACjC,CAAC,eACNhB,MAAA,YAAAe,aAAA;IACEC,SAAS,EAAC,sDAAsD;IAChE,eAAY,sBAAsB;IAClCI,GAAG,EAAEX;EAAkB,gBACvBT,MAAA,YAAAe,aAAA,CAACX,eAAA,WAAc,MAAAiB,SAAA,iBAAKf,KAAK;IAAEgB,QAAQ;IAACC,OAAO,EAAEZ;EAAgB,EAAE,CAC5D,CAAC,eACNX,MAAA,YAAAe,aAAA;IACEE,EAAE,EAAC,aAAa;IAChBD,SAAS,EAAC,uDAAuD;IACjEE,IAAI,EAAC,QAAQ;IACbC,OAAO,EAAE,SAAAA,QAAA;MAAA,OAAMN,oBAAoB,CAAC,IAAI,CAAC;IAAA;EAAC,gBAC1Cb,MAAA,YAAAe,aAAA;IAAKC,SAAS,EAAC;EAAoB,CAAE,CAClC,CACF,CAAC,eACNhB,MAAA,YAAAe,aAAA;IAAKC,SAAS,EAAC;EAA0B,GACtCN,QAAQ,CAACc,GAAG,CAAC,UAACD,OAAO,EAAEE,KAAK;IAAA,oBAC3BzB,MAAA,YAAAe,aAAA,CAACX,eAAA,WAAc,MAAAiB,SAAA,iBACTf,KAAK;MACToB,GAAG,EAAEH,OAAQ;MACbD,QAAQ,EAAEG,KAAK,GAAGb,aAAc;MAChCW,OAAO,EAAEA,OAAQ;MACjBZ,eAAe,EAAEA,eAAgB;MACjCgB,aAAa,EAAEb;IAAoB,EACpC,CAAC;EAAA,CACH,CACE,CACF,CAAC;AAEV,CAAC;AAAC,IAAAc,QAAA,GAAAC,OAAA,cAEaxB,iBAAiB"}
+{"version":3,"file":"ThumbnailCarousel.js","names":["_react","_interopRequireDefault","require","_useThumbnailCarousel2","_ThumbnailImage","ThumbnailCarousel","props","_useThumbnailCarousel","useThumbnailCarousel","thumbnailsListRef","imageIds","selectedImageId","priorityLimit","scrollToImage","mainImageButtonClick","createElement","className","id","role","onClick","_extends2","priority","imageId","ref","map","index","key","imageIndex","_default","exports"],"sources":["../../../src/variants/ThumbnailCarousel/ThumbnailCarousel.js"],"sourcesContent":["import React from 'react';\nimport useThumbnailCarousel from './useThumbnailCarousel';\nimport ThumbnailImage from './ThumbnailImage';\n\nconst ThumbnailCarousel = props => {\n  const {\n    thumbnailsListRef,\n    imageIds,\n    selectedImageId,\n    priorityLimit,\n    scrollToImage,\n    mainImageButtonClick\n  } = useThumbnailCarousel(props);\n\n  return (\n    <div className=\"thumbnail-carousel\" data-testid=\"thumbnail-carousel\">\n      <div className=\"thumbnail-carousel__main_image_container\">\n        <div\n          id=\"previous-button\"\n          className=\"thumbnail-carousel__main_image_container__button\"\n          role=\"button\"\n          onClick={() => mainImageButtonClick()}>\n          <div className=\"arrow arrow--left\" />\n        </div>\n        <ThumbnailImage {...props} priority imageId={selectedImageId} />\n        <div\n          id=\"next-button\"\n          className=\"thumbnail-carousel__main_image_container__button next\"\n          role=\"button\"\n          onClick={() => mainImageButtonClick(true)}>\n          <div className=\"arrow arrow--right\" />\n        </div>\n      </div>\n      <div className=\"thumbnail-carousel__list\" ref={thumbnailsListRef}>\n        {imageIds.map((imageId, index) => (\n          <ThumbnailImage\n            {...props}\n            key={imageId}\n            imageIndex={index}\n            priority={index < priorityLimit}\n            imageId={imageId}\n            selectedImageId={selectedImageId}\n            scrollToImage={scrollToImage}\n          />\n        ))}\n      </div>\n    </div>\n  );\n};\n\nexport default ThumbnailCarousel;\n"],"mappings":";;;;;;;;;;AAAA,IAAAA,MAAA,GAAAC,sBAAA,CAAAC,OAAA;AACA,IAAAC,sBAAA,GAAAF,sBAAA,CAAAC,OAAA;AACA,IAAAE,eAAA,GAAAH,sBAAA,CAAAC,OAAA;AAEA,IAAMG,iBAAiB,GAAG,SAApBA,iBAAiBA,CAAGC,KAAK,EAAI;EACjC,IAAAC,qBAAA,GAOI,IAAAC,iCAAoB,EAACF,KAAK,CAAC;IAN7BG,iBAAiB,GAAAF,qBAAA,CAAjBE,iBAAiB;IACjBC,QAAQ,GAAAH,qBAAA,CAARG,QAAQ;IACRC,eAAe,GAAAJ,qBAAA,CAAfI,eAAe;IACfC,aAAa,GAAAL,qBAAA,CAAbK,aAAa;IACbC,aAAa,GAAAN,qBAAA,CAAbM,aAAa;IACbC,oBAAoB,GAAAP,qBAAA,CAApBO,oBAAoB;EAGtB,oBACEd,MAAA,YAAAe,aAAA;IAAKC,SAAS,EAAC,oBAAoB;IAAC,eAAY;EAAoB,gBAClEhB,MAAA,YAAAe,aAAA;IAAKC,SAAS,EAAC;EAA0C,gBACvDhB,MAAA,YAAAe,aAAA;IACEE,EAAE,EAAC,iBAAiB;IACpBD,SAAS,EAAC,kDAAkD;IAC5DE,IAAI,EAAC,QAAQ;IACbC,OAAO,EAAE,SAAAA,QAAA;MAAA,OAAML,oBAAoB,CAAC,CAAC;IAAA;EAAC,gBACtCd,MAAA,YAAAe,aAAA;IAAKC,SAAS,EAAC;EAAmB,CAAE,CACjC,CAAC,eACNhB,MAAA,YAAAe,aAAA,CAACX,eAAA,WAAc,MAAAgB,SAAA,iBAAKd,KAAK;IAAEe,QAAQ;IAACC,OAAO,EAAEX;EAAgB,EAAE,CAAC,eAChEX,MAAA,YAAAe,aAAA;IACEE,EAAE,EAAC,aAAa;IAChBD,SAAS,EAAC,uDAAuD;IACjEE,IAAI,EAAC,QAAQ;IACbC,OAAO,EAAE,SAAAA,QAAA;MAAA,OAAML,oBAAoB,CAAC,IAAI,CAAC;IAAA;EAAC,gBAC1Cd,MAAA,YAAAe,aAAA;IAAKC,SAAS,EAAC;EAAoB,CAAE,CAClC,CACF,CAAC,eACNhB,MAAA,YAAAe,aAAA;IAAKC,SAAS,EAAC,0BAA0B;IAACO,GAAG,EAAEd;EAAkB,GAC9DC,QAAQ,CAACc,GAAG,CAAC,UAACF,OAAO,EAAEG,KAAK;IAAA,oBAC3BzB,MAAA,YAAAe,aAAA,CAACX,eAAA,WAAc,MAAAgB,SAAA,iBACTd,KAAK;MACToB,GAAG,EAAEJ,OAAQ;MACbK,UAAU,EAAEF,KAAM;MAClBJ,QAAQ,EAAEI,KAAK,GAAGb,aAAc;MAChCU,OAAO,EAAEA,OAAQ;MACjBX,eAAe,EAAEA,eAAgB;MACjCE,aAAa,EAAEA;IAAc,EAC9B,CAAC;EAAA,CACH,CACE,CACF,CAAC;AAEV,CAAC;AAAC,IAAAe,QAAA,GAAAC,OAAA,cAEaxB,iBAAiB"}

package/lib/variants/ThumbnailCarousel/ThumbnailImage/ThumbnailImage.js

@@ -14,16 +14,13 @@ var ThumbnailImage = function ThumbnailImage(props) {
     loading = _useThumbnailImage.loading,
     error = _useThumbnailImage.error,
     className = _useThumbnailImage.className,
-    imageRef = _useThumbnailImage.imageRef,
     imageUrl = _useThumbnailImage.imageUrl,
     altText = _useThumbnailImage.altText,
     priority = _useThumbnailImage.priority,
-    handleClick = _useThumbnailImage.handleClick,
-    handleEnableLightbox = _useThumbnailImage.handleEnableLightbox;
+    handleClick = _useThumbnailImage.handleClick;
   if (error) return error.message;
   if (loading) return null;
   return /*#__PURE__*/_react["default"].createElement("div", {
-    ref: imageRef,
     className: className,
     onClick: handleClick,
     role: "button",
@@ -32,7 +29,6 @@ var ThumbnailImage = function ThumbnailImage(props) {
     src: imageUrl,
     alt: altText,
     sizeKey: "carousel",
-    onClick: handleEnableLightbox,
     role: "button",
     priority: priority
   }));

package/lib/variants/ThumbnailCarousel/ThumbnailImage/ThumbnailImage.js.map

@@ -1 +1 @@
-{"version":3,"file":"ThumbnailImage.js","names":["_react","_interopRequireDefault","require","_LazyImage","_useThumbnailImage2","ThumbnailImage","props","_useThumbnailImage","useThumbnailImage","loading","error","className","imageRef","imageUrl","altText","priority","handleClick","handleEnableLightbox","message","createElement","ref","onClick","role","src","alt","sizeKey","_default","exports"],"sources":["../../../../src/variants/ThumbnailCarousel/ThumbnailImage/ThumbnailImage.js"],"sourcesContent":["import React from 'react';\nimport LazyImage from '../../../components/LazyImage';\nimport useThumbnailImage from './useThumbnailImage';\n\nconst ThumbnailImage = props => {\n  const {\n    loading,\n    error,\n    className,\n    imageRef,\n    imageUrl,\n    altText,\n    priority,\n    handleClick,\n    handleEnableLightbox\n  } = useThumbnailImage(props);\n\n  if (error) return error.message;\n  if (loading) return null;\n\n  return (\n    <div\n      ref={imageRef}\n      className={className}\n      onClick={handleClick}\n      role=\"button\"\n      data-testid=\"thumbnail-image\">\n      <LazyImage\n        src={imageUrl}\n        alt={altText}\n        sizeKey=\"carousel\"\n        onClick={handleEnableLightbox}\n        role=\"button\"\n        priority={priority}\n      />\n    </div>\n  );\n};\n\nexport default ThumbnailImage;\n"],"mappings":";;;;;;;;AAAA,IAAAA,MAAA,GAAAC,sBAAA,CAAAC,OAAA;AACA,IAAAC,UAAA,GAAAF,sBAAA,CAAAC,OAAA;AACA,IAAAE,mBAAA,GAAAH,sBAAA,CAAAC,OAAA;AAEA,IAAMG,cAAc,GAAG,SAAjBA,cAAcA,CAAGC,KAAK,EAAI;EAC9B,IAAAC,kBAAA,GAUI,IAAAC,8BAAiB,EAACF,KAAK,CAAC;IAT1BG,OAAO,GAAAF,kBAAA,CAAPE,OAAO;IACPC,KAAK,GAAAH,kBAAA,CAALG,KAAK;IACLC,SAAS,GAAAJ,kBAAA,CAATI,SAAS;IACTC,QAAQ,GAAAL,kBAAA,CAARK,QAAQ;IACRC,QAAQ,GAAAN,kBAAA,CAARM,QAAQ;IACRC,OAAO,GAAAP,kBAAA,CAAPO,OAAO;IACPC,QAAQ,GAAAR,kBAAA,CAARQ,QAAQ;IACRC,WAAW,GAAAT,kBAAA,CAAXS,WAAW;IACXC,oBAAoB,GAAAV,kBAAA,CAApBU,oBAAoB;EAGtB,IAAIP,KAAK,EAAE,OAAOA,KAAK,CAACQ,OAAO;EAC/B,IAAIT,OAAO,EAAE,OAAO,IAAI;EAExB,oBACET,MAAA,YAAAmB,aAAA;IACEC,GAAG,EAAER,QAAS;IACdD,SAAS,EAAEA,SAAU;IACrBU,OAAO,EAAEL,WAAY;IACrBM,IAAI,EAAC,QAAQ;IACb,eAAY;EAAiB,gBAC7BtB,MAAA,YAAAmB,aAAA,CAAChB,UAAA,WAAS;IACRoB,GAAG,EAAEV,QAAS;IACdW,GAAG,EAAEV,OAAQ;IACbW,OAAO,EAAC,UAAU;IAClBJ,OAAO,EAAEJ,oBAAqB;IAC9BK,IAAI,EAAC,QAAQ;IACbP,QAAQ,EAAEA;EAAS,CACpB,CACE,CAAC;AAEV,CAAC;AAAC,IAAAW,QAAA,GAAAC,OAAA,cAEatB,cAAc"}
+{"version":3,"file":"ThumbnailImage.js","names":["_react","_interopRequireDefault","require","_LazyImage","_useThumbnailImage2","ThumbnailImage","props","_useThumbnailImage","useThumbnailImage","loading","error","className","imageUrl","altText","priority","handleClick","message","createElement","onClick","role","src","alt","sizeKey","_default","exports"],"sources":["../../../../src/variants/ThumbnailCarousel/ThumbnailImage/ThumbnailImage.js"],"sourcesContent":["import React from 'react';\nimport LazyImage from '../../../components/LazyImage';\nimport useThumbnailImage from './useThumbnailImage';\n\nconst ThumbnailImage = props => {\n  const { loading, error, className, imageUrl, altText, priority, handleClick } = useThumbnailImage(\n    props\n  );\n\n  if (error) return error.message;\n  if (loading) return null;\n\n  return (\n    <div className={className} onClick={handleClick} role=\"button\" data-testid=\"thumbnail-image\">\n      <LazyImage\n        src={imageUrl}\n        alt={altText}\n        sizeKey=\"carousel\"\n        role=\"button\"\n        priority={priority}\n      />\n    </div>\n  );\n};\n\nexport default ThumbnailImage;\n"],"mappings":";;;;;;;;AAAA,IAAAA,MAAA,GAAAC,sBAAA,CAAAC,OAAA;AACA,IAAAC,UAAA,GAAAF,sBAAA,CAAAC,OAAA;AACA,IAAAE,mBAAA,GAAAH,sBAAA,CAAAC,OAAA;AAEA,IAAMG,cAAc,GAAG,SAAjBA,cAAcA,CAAGC,KAAK,EAAI;EAC9B,IAAAC,kBAAA,GAAgF,IAAAC,8BAAiB,EAC/FF,KACF,CAAC;IAFOG,OAAO,GAAAF,kBAAA,CAAPE,OAAO;IAAEC,KAAK,GAAAH,kBAAA,CAALG,KAAK;IAAEC,SAAS,GAAAJ,kBAAA,CAATI,SAAS;IAAEC,QAAQ,GAAAL,kBAAA,CAARK,QAAQ;IAAEC,OAAO,GAAAN,kBAAA,CAAPM,OAAO;IAAEC,QAAQ,GAAAP,kBAAA,CAARO,QAAQ;IAAEC,WAAW,GAAAR,kBAAA,CAAXQ,WAAW;EAI3E,IAAIL,KAAK,EAAE,OAAOA,KAAK,CAACM,OAAO;EAC/B,IAAIP,OAAO,EAAE,OAAO,IAAI;EAExB,oBACET,MAAA,YAAAiB,aAAA;IAAKN,SAAS,EAAEA,SAAU;IAACO,OAAO,EAAEH,WAAY;IAACI,IAAI,EAAC,QAAQ;IAAC,eAAY;EAAiB,gBAC1FnB,MAAA,YAAAiB,aAAA,CAACd,UAAA,WAAS;IACRiB,GAAG,EAAER,QAAS;IACdS,GAAG,EAAER,OAAQ;IACbS,OAAO,EAAC,UAAU;IAClBH,IAAI,EAAC,QAAQ;IACbL,QAAQ,EAAEA;EAAS,CACpB,CACE,CAAC;AAEV,CAAC;AAAC,IAAAS,QAAA,GAAAC,OAAA,cAEanB,cAAc"}

package/lib/variants/ThumbnailCarousel/ThumbnailImage/useThumbnailImage.js

@@ -6,40 +6,28 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports["default"] = void 0;
-var _react = require("react");
 var _propTypes = _interopRequireDefault(require("prop-types"));
 var _hooks = require("../../../hooks");
 var _utils = require("../../../utils");
 var useThumbnailImage = function useThumbnailImage(_ref) {
   var imageId = _ref.imageId,
+    imageIndex = _ref.imageIndex,
     enableLightbox = _ref.enableLightbox,
     toggleModal = _ref.toggleModal,
     handleSelectedImage = _ref.handleSelectedImage,
     priority = _ref.priority,
     selectedImageId = _ref.selectedImageId,
-    handleOnClick = _ref.handleOnClick;
-  var imageRef = (0, _react.useRef)(null);
-  var isSelected = selectedImageId === imageId;
+    scrollToImage = _ref.scrollToImage;
   var _useGetImages = (0, _hooks.useGetImages)(imageId),
     _useGetImages$data = _useGetImages.data,
     data = _useGetImages$data === void 0 ? {} : _useGetImages$data,
     loading = _useGetImages.loading,
     error = _useGetImages.error;
-  (0, _react.useEffect)(function () {
-    if (imageRef.current && isSelected) {
-      imageRef.current.scrollIntoView({
-        behavior: 'smooth',
-        block: 'start'
-      });
-    }
-  }, [isSelected]);
-  var handleEnableLightbox = function handleEnableLightbox() {
-    if (!enableLightbox) return;
-    toggleModal();
-    handleSelectedImage(imageId);
-  };
   var handleClick = function handleClick() {
-    handleOnClick(imageId);
+    if (scrollToImage) scrollToImage(imageIndex);else if (enableLightbox) {
+      toggleModal();
+      handleSelectedImage(imageId);
+    }
   };
   var _ref2 = data.getFile || {
       getFile: {
@@ -58,12 +46,11 @@ var useThumbnailImage = function useThumbnailImage(_ref) {
     loading: loading,
     error: error,
     className: className,
-    imageRef: imageRef,
+    imageId: imageId,
     imageUrl: imageUrl,
     altText: altText,
     priority: priority,
-    handleClick: handleClick,
-    handleEnableLightbox: handleEnableLightbox
+    handleClick: handleClick
   };
 };
 useThumbnailImage.propTypes = {
@@ -73,10 +60,10 @@ useThumbnailImage.propTypes = {
   toggleModal: _propTypes["default"].func.isRequired,
   handleSelectedImage: _propTypes["default"].func.isRequired,
   priority: _propTypes["default"].bool.isRequired,
-  handleOnClick: _propTypes["default"].func
+  scrollToImage: _propTypes["default"].func
 };
 useThumbnailImage.defaultProps = {
-  handleOnClick: function handleOnClick() {}
+  scrollToImage: null
 };
 var _default = exports["default"] = useThumbnailImage;
 //# sourceMappingURL=useThumbnailImage.js.map

package/lib/variants/ThumbnailCarousel/ThumbnailImage/useThumbnailImage.js.map

@@ -1 +1 @@
-{"version":3,"file":"useThumbnailImage.js","names":["_react","require","_propTypes","_interopRequireDefault","_hooks","_utils","useThumbnailImage","_ref","imageId","enableLightbox","toggleModal","handleSelectedImage","priority","selectedImageId","handleOnClick","imageRef","useRef","isSelected","_useGetImages","useGetImages","_useGetImages$data","data","loading","error","useEffect","current","scrollIntoView","behavior","block","handleEnableLightbox","handleClick","_ref2","getFile","url","_ref2$url","imageUrl","_ref2$data","imageData","_getImageData","getImageData","altText","className","propTypes","PropTypes","string","isRequired","bool","func","defaultProps","_default","exports"],"sources":["../../../../src/variants/ThumbnailCarousel/ThumbnailImage/useThumbnailImage.js"],"sourcesContent":["import { useEffect, useRef } from 'react';\nimport PropTypes from 'prop-types';\nimport { useGetImages } from '../../../hooks';\nimport { getImageData } from '../../../utils';\n\nconst useThumbnailImage = ({\n  imageId,\n  enableLightbox,\n  toggleModal,\n  handleSelectedImage,\n  priority,\n  selectedImageId,\n  handleOnClick\n}) => {\n  const imageRef = useRef(null);\n  const isSelected = selectedImageId === imageId;\n  const { data = {}, loading, error } = useGetImages(imageId);\n\n  useEffect(\n    () => {\n      if (imageRef.current && isSelected) {\n        imageRef.current.scrollIntoView({ behavior: 'smooth', block: 'start' });\n      }\n    },\n    [isSelected]\n  );\n\n  const handleEnableLightbox = () => {\n    if (!enableLightbox) return;\n    toggleModal();\n    handleSelectedImage(imageId);\n  };\n\n  const handleClick = () => {\n    handleOnClick(imageId);\n  };\n\n  const { url: imageUrl = '', data: imageData = {} } = data.getFile || {\n    getFile: { url: '', data: {} }\n  };\n  const { altText } = getImageData({}, imageData);\n\n  const className =\n    selectedImageId === imageId\n      ? 'thumbnail-carousel-image thumbnail-carousel-image--selected'\n      : 'thumbnail-carousel-image';\n\n  return {\n    loading,\n    error,\n    className,\n    imageRef,\n    imageUrl,\n    altText,\n    priority,\n    handleClick,\n    handleEnableLightbox\n  };\n};\n\nuseThumbnailImage.propTypes = {\n  imageId: PropTypes.string.isRequired,\n  selectedImageId: PropTypes.string.isRequired,\n  enableLightbox: PropTypes.bool.isRequired,\n  toggleModal: PropTypes.func.isRequired,\n  handleSelectedImage: PropTypes.func.isRequired,\n  priority: PropTypes.bool.isRequired,\n  handleOnClick: PropTypes.func\n};\n\nuseThumbnailImage.defaultProps = {\n  handleOnClick: () => {}\n};\n\nexport default useThumbnailImage;\n"],"mappings":"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"}
+{"version":3,"file":"useThumbnailImage.js","names":["_propTypes","_interopRequireDefault","require","_hooks","_utils","useThumbnailImage","_ref","imageId","imageIndex","enableLightbox","toggleModal","handleSelectedImage","priority","selectedImageId","scrollToImage","_useGetImages","useGetImages","_useGetImages$data","data","loading","error","handleClick","_ref2","getFile","url","_ref2$url","imageUrl","_ref2$data","imageData","_getImageData","getImageData","altText","className","propTypes","PropTypes","string","isRequired","bool","func","defaultProps","_default","exports"],"sources":["../../../../src/variants/ThumbnailCarousel/ThumbnailImage/useThumbnailImage.js"],"sourcesContent":["import PropTypes from 'prop-types';\nimport { useGetImages } from '../../../hooks';\nimport { getImageData } from '../../../utils';\n\nconst useThumbnailImage = ({\n  imageId,\n  imageIndex,\n  enableLightbox,\n  toggleModal,\n  handleSelectedImage,\n  priority,\n  selectedImageId,\n  scrollToImage\n}) => {\n  const { data = {}, loading, error } = useGetImages(imageId);\n\n  const handleClick = () => {\n    if (scrollToImage) scrollToImage(imageIndex);\n    else if (enableLightbox) {\n      toggleModal();\n      handleSelectedImage(imageId);\n    }\n  };\n\n  const { url: imageUrl = '', data: imageData = {} } = data.getFile || {\n    getFile: { url: '', data: {} }\n  };\n  const { altText } = getImageData({}, imageData);\n\n  const className =\n    selectedImageId === imageId\n      ? 'thumbnail-carousel-image thumbnail-carousel-image--selected'\n      : 'thumbnail-carousel-image';\n\n  return {\n    loading,\n    error,\n    className,\n    imageId,\n    imageUrl,\n    altText,\n    priority,\n    handleClick\n  };\n};\n\nuseThumbnailImage.propTypes = {\n  imageId: PropTypes.string.isRequired,\n  selectedImageId: PropTypes.string.isRequired,\n  enableLightbox: PropTypes.bool.isRequired,\n  toggleModal: PropTypes.func.isRequired,\n  handleSelectedImage: PropTypes.func.isRequired,\n  priority: PropTypes.bool.isRequired,\n  scrollToImage: PropTypes.func\n};\n\nuseThumbnailImage.defaultProps = {\n  scrollToImage: null\n};\n\nexport default useThumbnailImage;\n"],"mappings":";;;;;;;;AAAA,IAAAA,UAAA,GAAAC,sBAAA,CAAAC,OAAA;AACA,IAAAC,MAAA,GAAAD,OAAA;AACA,IAAAE,MAAA,GAAAF,OAAA;AAEA,IAAMG,iBAAiB,GAAG,SAApBA,iBAAiBA,CAAAC,IAAA,EASjB;EAAA,IARJC,OAAO,GAAAD,IAAA,CAAPC,OAAO;IACPC,UAAU,GAAAF,IAAA,CAAVE,UAAU;IACVC,cAAc,GAAAH,IAAA,CAAdG,cAAc;IACdC,WAAW,GAAAJ,IAAA,CAAXI,WAAW;IACXC,mBAAmB,GAAAL,IAAA,CAAnBK,mBAAmB;IACnBC,QAAQ,GAAAN,IAAA,CAARM,QAAQ;IACRC,eAAe,GAAAP,IAAA,CAAfO,eAAe;IACfC,aAAa,GAAAR,IAAA,CAAbQ,aAAa;EAEb,IAAAC,aAAA,GAAsC,IAAAC,mBAAY,EAACT,OAAO,CAAC;IAAAU,kBAAA,GAAAF,aAAA,CAAnDG,IAAI;IAAJA,IAAI,GAAAD,kBAAA,cAAG,CAAC,CAAC,GAAAA,kBAAA;IAAEE,OAAO,GAAAJ,aAAA,CAAPI,OAAO;IAAEC,KAAK,GAAAL,aAAA,CAALK,KAAK;EAEjC,IAAMC,WAAW,GAAG,SAAdA,WAAWA,CAAA,EAAS;IACxB,IAAIP,aAAa,EAAEA,aAAa,CAACN,UAAU,CAAC,CAAC,KACxC,IAAIC,cAAc,EAAE;MACvBC,WAAW,CAAC,CAAC;MACbC,mBAAmB,CAACJ,OAAO,CAAC;IAC9B;EACF,CAAC;EAED,IAAAe,KAAA,GAAqDJ,IAAI,CAACK,OAAO,IAAI;MACnEA,OAAO,EAAE;QAAEC,GAAG,EAAE,EAAE;QAAEN,IAAI,EAAE,CAAC;MAAE;IAC/B,CAAC;IAAAO,SAAA,GAAAH,KAAA,CAFOE,GAAG;IAAEE,QAAQ,GAAAD,SAAA,cAAG,EAAE,GAAAA,SAAA;IAAAE,UAAA,GAAAL,KAAA,CAAEJ,IAAI;IAAEU,SAAS,GAAAD,UAAA,cAAG,CAAC,CAAC,GAAAA,UAAA;EAGhD,IAAAE,aAAA,GAAoB,IAAAC,mBAAY,EAAC,CAAC,CAAC,EAAEF,SAAS,CAAC;IAAvCG,OAAO,GAAAF,aAAA,CAAPE,OAAO;EAEf,IAAMC,SAAS,GACbnB,eAAe,KAAKN,OAAO,GACvB,6DAA6D,GAC7D,0BAA0B;EAEhC,OAAO;IACLY,OAAO,EAAPA,OAAO;IACPC,KAAK,EAALA,KAAK;IACLY,SAAS,EAATA,SAAS;IACTzB,OAAO,EAAPA,OAAO;IACPmB,QAAQ,EAARA,QAAQ;IACRK,OAAO,EAAPA,OAAO;IACPnB,QAAQ,EAARA,QAAQ;IACRS,WAAW,EAAXA;EACF,CAAC;AACH,CAAC;AAEDhB,iBAAiB,CAAC4B,SAAS,GAAG;EAC5B1B,OAAO,EAAE2B,qBAAS,CAACC,MAAM,CAACC,UAAU;EACpCvB,eAAe,EAAEqB,qBAAS,CAACC,MAAM,CAACC,UAAU;EAC5C3B,cAAc,EAAEyB,qBAAS,CAACG,IAAI,CAACD,UAAU;EACzC1B,WAAW,EAAEwB,qBAAS,CAACI,IAAI,CAACF,UAAU;EACtCzB,mBAAmB,EAAEuB,qBAAS,CAACI,IAAI,CAACF,UAAU;EAC9CxB,QAAQ,EAAEsB,qBAAS,CAACG,IAAI,CAACD,UAAU;EACnCtB,aAAa,EAAEoB,qBAAS,CAACI;AAC3B,CAAC;AAEDjC,iBAAiB,CAACkC,YAAY,GAAG;EAC/BzB,aAAa,EAAE;AACjB,CAAC;AAAC,IAAA0B,QAAA,GAAAC,OAAA,cAEapC,iBAAiB"}

package/lib/variants/ThumbnailCarousel/useThumbnailCarousel.js

@@ -15,7 +15,6 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports["default"] = void 0;
-require("core-js/modules/es.array.index-of.js");
 var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
 var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
 var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutProperties"));
@@ -34,19 +33,24 @@ var useThumbnailCarousel = function useThumbnailCarousel(_ref) {
   var thumbnailsListRef = (0, _react.useRef)(null);
   var selectedImageId = imageIds[selectedImageIndex];
   var mainImageButtonClick = function mainImageButtonClick(next) {
+    var newIndex;
     if (next) {
       var isLast = imageIds.length - 1 === selectedImageIndex;
-      var newIndex = isLast ? 0 : selectedImageIndex + 1;
-      setSelectedImageIndex(newIndex);
+      newIndex = isLast ? 0 : selectedImageIndex + 1;
     } else {
       var isFirst = selectedImageIndex === 0;
-      var _newIndex = isFirst ? imageIds.length - 1 : selectedImageIndex - 1;
-      setSelectedImageIndex(_newIndex);
+      newIndex = isFirst ? imageIds.length - 1 : selectedImageIndex - 1;
     }
+    scrollToImage(newIndex);
   };
-  var thumbnailImageClick = function thumbnailImageClick(id) {
-    var newIndex = imageIds.indexOf(id);
-    if (newIndex !== -1) setSelectedImageIndex(newIndex);
+  var scrollToImage = function scrollToImage(newIndex) {
+    if (thumbnailsListRef.current && selectedImageIndex !== newIndex) {
+      thumbnailsListRef.current.scrollTo({
+        left: 150 * newIndex,
+        behavior: 'smooth'
+      });
+      setSelectedImageIndex(newIndex);
+    }
   };
   return _objectSpread(_objectSpread({}, props), {}, {
     imageIds: imageIds,
@@ -54,7 +58,7 @@ var useThumbnailCarousel = function useThumbnailCarousel(_ref) {
     selectedImageIndex: selectedImageIndex,
     thumbnailsListRef: thumbnailsListRef,
     priorityLimit: priorityLimit,
-    thumbnailImageClick: thumbnailImageClick,
+    scrollToImage: scrollToImage,
     mainImageButtonClick: mainImageButtonClick
   });
 };

package/lib/variants/ThumbnailCarousel/useThumbnailCarousel.js.map

@@ -1 +1 @@
-{"version":3,"file":"useThumbnailCarousel.js","names":["_react","require","_excluded","ownKeys","e","r","t","Object","keys","getOwnPropertySymbols","o","filter","getOwnPropertyDescriptor","enumerable","push","apply","_objectSpread","arguments","length","forEach","_defineProperty2","getOwnPropertyDescriptors","defineProperties","defineProperty","useThumbnailCarousel","_ref","imageIds","priorityLimit","props","_objectWithoutProperties2","_useState","useState","_useState2","_slicedToArray2","selectedImageIndex","setSelectedImageIndex","thumbnailsListRef","useRef","selectedImageId","mainImageButtonClick","next","isLast","newIndex","isFirst","thumbnailImageClick","id","indexOf","_default","exports"],"sources":["../../../src/variants/ThumbnailCarousel/useThumbnailCarousel.js"],"sourcesContent":["import { useState, useRef } from 'react';\n\nconst useThumbnailCarousel = ({ imageIds, priorityLimit, ...props }) => {\n  const [selectedImageIndex, setSelectedImageIndex] = useState(0);\n  const thumbnailsListRef = useRef(null);\n  const selectedImageId = imageIds[selectedImageIndex];\n\n  const mainImageButtonClick = next => {\n    if (next) {\n      const isLast = imageIds.length - 1 === selectedImageIndex;\n      const newIndex = isLast ? 0 : selectedImageIndex + 1;\n      setSelectedImageIndex(newIndex);\n    } else {\n      const isFirst = selectedImageIndex === 0;\n      const newIndex = isFirst ? imageIds.length - 1 : selectedImageIndex - 1;\n      setSelectedImageIndex(newIndex);\n    }\n  };\n\n  const thumbnailImageClick = id => {\n    const newIndex = imageIds.indexOf(id);\n    if (newIndex !== -1) setSelectedImageIndex(newIndex);\n  };\n\n  return {\n    ...props,\n    imageIds,\n    selectedImageId,\n    selectedImageIndex,\n    thumbnailsListRef,\n    priorityLimit,\n    thumbnailImageClick,\n    mainImageButtonClick\n  };\n};\n\nexport default useThumbnailCarousel;\n"],"mappings":"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"}
+{"version":3,"file":"useThumbnailCarousel.js","names":["_react","require","_excluded","ownKeys","e","r","t","Object","keys","getOwnPropertySymbols","o","filter","getOwnPropertyDescriptor","enumerable","push","apply","_objectSpread","arguments","length","forEach","_defineProperty2","getOwnPropertyDescriptors","defineProperties","defineProperty","useThumbnailCarousel","_ref","imageIds","priorityLimit","props","_objectWithoutProperties2","_useState","useState","_useState2","_slicedToArray2","selectedImageIndex","setSelectedImageIndex","thumbnailsListRef","useRef","selectedImageId","mainImageButtonClick","next","newIndex","isLast","isFirst","scrollToImage","current","scrollTo","left","behavior","_default","exports"],"sources":["../../../src/variants/ThumbnailCarousel/useThumbnailCarousel.js"],"sourcesContent":["import { useState, useRef } from 'react';\n\nconst useThumbnailCarousel = ({ imageIds, priorityLimit, ...props }) => {\n  const [selectedImageIndex, setSelectedImageIndex] = useState(0);\n  const thumbnailsListRef = useRef(null);\n  const selectedImageId = imageIds[selectedImageIndex];\n\n  const mainImageButtonClick = next => {\n    let newIndex;\n    if (next) {\n      const isLast = imageIds.length - 1 === selectedImageIndex;\n      newIndex = isLast ? 0 : selectedImageIndex + 1;\n    } else {\n      const isFirst = selectedImageIndex === 0;\n      newIndex = isFirst ? imageIds.length - 1 : selectedImageIndex - 1;\n    }\n    scrollToImage(newIndex);\n  };\n\n  const scrollToImage = newIndex => {\n    if (thumbnailsListRef.current && selectedImageIndex !== newIndex) {\n      thumbnailsListRef.current.scrollTo({\n        left: 150 * newIndex,\n        behavior: 'smooth'\n      });\n      setSelectedImageIndex(newIndex);\n    }\n  };\n\n  return {\n    ...props,\n    imageIds,\n    selectedImageId,\n    selectedImageIndex,\n    thumbnailsListRef,\n    priorityLimit,\n    scrollToImage,\n    mainImageButtonClick\n  };\n};\n\nexport default useThumbnailCarousel;\n"],"mappings":"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"}

package/lib-es/components/BlazeLink.js

@@ -10,6 +10,7 @@ const BlazeLink = ({
   children,
   className,
   name,
+  ariaLabel,
   href,
   as,
   shallow,
@@ -31,6 +32,7 @@ const BlazeLink = ({
   if (!href) return children;
   return /*#__PURE__*/React.createElement(Link, _extends({
     href: href,
+    ariaLabel: ariaLabel,
     shallow: shallow,
     scroll: scroll,
     onClick: onClick
@@ -46,7 +48,8 @@ BlazeLink.propTypes = {
   shallow: PropTypes.bool,
   scroll: PropTypes.bool,
   gtmId: PropTypes.string,
-  onClick: PropTypes.func
+  onClick: PropTypes.func,
+  ariaLabel: PropTypes.string
 };
 BlazeLink.defaultProps = {
   children: [],
@@ -58,7 +61,8 @@ BlazeLink.defaultProps = {
   shallow: false,
   scroll: null,
   gtmId: '',
-  onClick: null
+  onClick: null,
+  ariaLabel: ''
 };
 export default BlazeLink;
 //# sourceMappingURL=BlazeLink.js.map

package/lib-es/components/BlazeLink.js.map

@@ -1 +1 @@
-{"version":3,"file":"BlazeLink.js","names":["React","useContext","PropTypes","Link","MainContext","buildLinkExtraProps","BlazeLink","children","className","name","href","as","shallow","scroll","gtmId","onClick","hasGTM","gtmProps","linkExtraProps","_objectSpread","createElement","_extends","propTypes","oneOfType","arrayOf","node","string","title","bool","func","defaultProps"],"sources":["../../src/components/BlazeLink.js"],"sourcesContent":["import React, { useContext } from 'react';\nimport PropTypes from 'prop-types';\nimport { Link, MainContext } from '@blaze-cms/nextjs-components';\nimport buildLinkExtraProps from '../helpers/build-link-extra-props';\n\nconst BlazeLink = ({ children, className, name, href, as, shallow, scroll, gtmId, onClick }) => {\n  const { hasGTM } = useContext(MainContext);\n  const gtmProps = hasGTM && !!gtmId ? { gtmId } : {};\n  const linkExtraProps = buildLinkExtraProps({ className, name, as, ...gtmProps });\n  if (!href) return children;\n\n  return (\n    <Link href={href} shallow={shallow} scroll={scroll} onClick={onClick} {...linkExtraProps}>\n      {children}\n    </Link>\n  );\n};\n\nBlazeLink.propTypes = {\n  children: PropTypes.oneOfType([PropTypes.arrayOf(PropTypes.node), PropTypes.node]),\n  href: PropTypes.string,\n  as: PropTypes.string,\n  name: PropTypes.string,\n  title: PropTypes.string,\n  className: PropTypes.string,\n  shallow: PropTypes.bool,\n  scroll: PropTypes.bool,\n  gtmId: PropTypes.string,\n  onClick: PropTypes.func\n};\n\nBlazeLink.defaultProps = {\n  children: [],\n  as: '',\n  href: '/',\n  name: '',\n  title: '',\n  className: '',\n  shallow: false,\n  scroll: null,\n  gtmId: '',\n  onClick: null\n};\n\nexport default BlazeLink;\n"],"mappings":";;;;AAAA,OAAOA,KAAK,IAAIC,UAAU,QAAQ,OAAO;AACzC,OAAOC,SAAS,MAAM,YAAY;AAClC,SAASC,IAAI,EAAEC,WAAW,QAAQ,8BAA8B;AAChE,OAAOC,mBAAmB,MAAM,mCAAmC;AAEnE,MAAMC,SAAS,GAAGA,CAAC;EAAEC,QAAQ;EAAEC,SAAS;EAAEC,IAAI;EAAEC,IAAI;EAAEC,EAAE;EAAEC,OAAO;EAAEC,MAAM;EAAEC,KAAK;EAAEC;AAAQ,CAAC,KAAK;EAC9F,MAAM;IAAEC;EAAO,CAAC,GAAGf,UAAU,CAACG,WAAW,CAAC;EAC1C,MAAMa,QAAQ,GAAGD,MAAM,IAAI,CAAC,CAACF,KAAK,GAAG;IAAEA;EAAM,CAAC,GAAG,CAAC,CAAC;EACnD,MAAMI,cAAc,GAAGb,mBAAmB,CAAAc,aAAA;IAAGX,SAAS;IAAEC,IAAI;IAAEE;EAAE,GAAKM,QAAQ,CAAE,CAAC;EAChF,IAAI,CAACP,IAAI,EAAE,OAAOH,QAAQ;EAE1B,oBACEP,KAAA,CAAAoB,aAAA,CAACjB,IAAI,EAAAkB,QAAA;IAACX,IAAI,EAAEA,IAAK;IAACE,OAAO,EAAEA,OAAQ;IAACC,MAAM,EAAEA,MAAO;IAACE,OAAO,EAAEA;EAAQ,GAAKG,cAAc,GACrFX,QACG,CAAC;AAEX,CAAC;AAEDD,SAAS,CAACgB,SAAS,GAAG;EACpBf,QAAQ,EAAEL,SAAS,CAACqB,SAAS,CAAC,CAACrB,SAAS,CAACsB,OAAO,CAACtB,SAAS,CAACuB,IAAI,CAAC,EAAEvB,SAAS,CAACuB,IAAI,CAAC,CAAC;EAClFf,IAAI,EAAER,SAAS,CAACwB,MAAM;EACtBf,EAAE,EAAET,SAAS,CAACwB,MAAM;EACpBjB,IAAI,EAAEP,SAAS,CAACwB,MAAM;EACtBC,KAAK,EAAEzB,SAAS,CAACwB,MAAM;EACvBlB,SAAS,EAAEN,SAAS,CAACwB,MAAM;EAC3Bd,OAAO,EAAEV,SAAS,CAAC0B,IAAI;EACvBf,MAAM,EAAEX,SAAS,CAAC0B,IAAI;EACtBd,KAAK,EAAEZ,SAAS,CAACwB,MAAM;EACvBX,OAAO,EAAEb,SAAS,CAAC2B;AACrB,CAAC;AAEDvB,SAAS,CAACwB,YAAY,GAAG;EACvBvB,QAAQ,EAAE,EAAE;EACZI,EAAE,EAAE,EAAE;EACND,IAAI,EAAE,GAAG;EACTD,IAAI,EAAE,EAAE;EACRkB,KAAK,EAAE,EAAE;EACTnB,SAAS,EAAE,EAAE;EACbI,OAAO,EAAE,KAAK;EACdC,MAAM,EAAE,IAAI;EACZC,KAAK,EAAE,EAAE;EACTC,OAAO,EAAE;AACX,CAAC;AAED,eAAeT,SAAS"}
+{"version":3,"file":"BlazeLink.js","names":["React","useContext","PropTypes","Link","MainContext","buildLinkExtraProps","BlazeLink","children","className","name","ariaLabel","href","as","shallow","scroll","gtmId","onClick","hasGTM","gtmProps","linkExtraProps","_objectSpread","createElement","_extends","propTypes","oneOfType","arrayOf","node","string","title","bool","func","defaultProps"],"sources":["../../src/components/BlazeLink.js"],"sourcesContent":["import React, { useContext } from 'react';\nimport PropTypes from 'prop-types';\nimport { Link, MainContext } from '@blaze-cms/nextjs-components';\nimport buildLinkExtraProps from '../helpers/build-link-extra-props';\n\nconst BlazeLink = ({\n  children,\n  className,\n  name,\n  ariaLabel,\n  href,\n  as,\n  shallow,\n  scroll,\n  gtmId,\n  onClick\n}) => {\n  const { hasGTM } = useContext(MainContext);\n  const gtmProps = hasGTM && !!gtmId ? { gtmId } : {};\n  const linkExtraProps = buildLinkExtraProps({ className, name, as, ...gtmProps });\n  if (!href) return children;\n\n  return (\n    <Link\n      href={href}\n      ariaLabel={ariaLabel}\n      shallow={shallow}\n      scroll={scroll}\n      onClick={onClick}\n      {...linkExtraProps}>\n      {children}\n    </Link>\n  );\n};\n\nBlazeLink.propTypes = {\n  children: PropTypes.oneOfType([PropTypes.arrayOf(PropTypes.node), PropTypes.node]),\n  href: PropTypes.string,\n  as: PropTypes.string,\n  name: PropTypes.string,\n  title: PropTypes.string,\n  className: PropTypes.string,\n  shallow: PropTypes.bool,\n  scroll: PropTypes.bool,\n  gtmId: PropTypes.string,\n  onClick: PropTypes.func,\n  ariaLabel: PropTypes.string\n};\n\nBlazeLink.defaultProps = {\n  children: [],\n  as: '',\n  href: '/',\n  name: '',\n  title: '',\n  className: '',\n  shallow: false,\n  scroll: null,\n  gtmId: '',\n  onClick: null,\n  ariaLabel: ''\n};\n\nexport default BlazeLink;\n"],"mappings":";;;;AAAA,OAAOA,KAAK,IAAIC,UAAU,QAAQ,OAAO;AACzC,OAAOC,SAAS,MAAM,YAAY;AAClC,SAASC,IAAI,EAAEC,WAAW,QAAQ,8BAA8B;AAChE,OAAOC,mBAAmB,MAAM,mCAAmC;AAEnE,MAAMC,SAAS,GAAGA,CAAC;EACjBC,QAAQ;EACRC,SAAS;EACTC,IAAI;EACJC,SAAS;EACTC,IAAI;EACJC,EAAE;EACFC,OAAO;EACPC,MAAM;EACNC,KAAK;EACLC;AACF,CAAC,KAAK;EACJ,MAAM;IAAEC;EAAO,CAAC,GAAGhB,UAAU,CAACG,WAAW,CAAC;EAC1C,MAAMc,QAAQ,GAAGD,MAAM,IAAI,CAAC,CAACF,KAAK,GAAG;IAAEA;EAAM,CAAC,GAAG,CAAC,CAAC;EACnD,MAAMI,cAAc,GAAGd,mBAAmB,CAAAe,aAAA;IAAGZ,SAAS;IAAEC,IAAI;IAAEG;EAAE,GAAKM,QAAQ,CAAE,CAAC;EAChF,IAAI,CAACP,IAAI,EAAE,OAAOJ,QAAQ;EAE1B,oBACEP,KAAA,CAAAqB,aAAA,CAAClB,IAAI,EAAAmB,QAAA;IACHX,IAAI,EAAEA,IAAK;IACXD,SAAS,EAAEA,SAAU;IACrBG,OAAO,EAAEA,OAAQ;IACjBC,MAAM,EAAEA,MAAO;IACfE,OAAO,EAAEA;EAAQ,GACbG,cAAc,GACjBZ,QACG,CAAC;AAEX,CAAC;AAEDD,SAAS,CAACiB,SAAS,GAAG;EACpBhB,QAAQ,EAAEL,SAAS,CAACsB,SAAS,CAAC,CAACtB,SAAS,CAACuB,OAAO,CAACvB,SAAS,CAACwB,IAAI,CAAC,EAAExB,SAAS,CAACwB,IAAI,CAAC,CAAC;EAClFf,IAAI,EAAET,SAAS,CAACyB,MAAM;EACtBf,EAAE,EAAEV,SAAS,CAACyB,MAAM;EACpBlB,IAAI,EAAEP,SAAS,CAACyB,MAAM;EACtBC,KAAK,EAAE1B,SAAS,CAACyB,MAAM;EACvBnB,SAAS,EAAEN,SAAS,CAACyB,MAAM;EAC3Bd,OAAO,EAAEX,SAAS,CAAC2B,IAAI;EACvBf,MAAM,EAAEZ,SAAS,CAAC2B,IAAI;EACtBd,KAAK,EAAEb,SAAS,CAACyB,MAAM;EACvBX,OAAO,EAAEd,SAAS,CAAC4B,IAAI;EACvBpB,SAAS,EAAER,SAAS,CAACyB;AACvB,CAAC;AAEDrB,SAAS,CAACyB,YAAY,GAAG;EACvBxB,QAAQ,EAAE,EAAE;EACZK,EAAE,EAAE,EAAE;EACND,IAAI,EAAE,GAAG;EACTF,IAAI,EAAE,EAAE;EACRmB,KAAK,EAAE,EAAE;EACTpB,SAAS,EAAE,EAAE;EACbK,OAAO,EAAE,KAAK;EACdC,MAAM,EAAE,IAAI;EACZC,KAAK,EAAE,EAAE;EACTC,OAAO,EAAE,IAAI;EACbN,SAAS,EAAE;AACb,CAAC;AAED,eAAeJ,SAAS"}

package/lib-es/components/Card/Card.js.map

@@ -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","BuildPBComponents","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","pageBuilderComponents","__typename","dataEntity","otherProps","_objectWithoutProperties","_excluded","entity","parent","itemId","itemEntity","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';\nimport BuildPBComponents from '../../hooks/helpers/buildPBComponents';\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  pageBuilderComponents,\n  __typename: dataEntity,\n  ...otherProps\n}) => {\n  const entity = graphqlEntityMap[dataEntity];\n  updateChildrensParent(cardChildren, id, entity);\n  const parent = { itemId: id, itemEntity: 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            {!!pageBuilderComponents.length && (\n              <div className=\"card__item card__item--full\" data-testid=\"full-card\">\n                {BuildPBComponents(pageBuilderComponents, { parent })}\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  pageBuilderComponents: PropTypes.array\n};\n\nCard.defaultProps = {\n  entityProps: {},\n  pageBuilderComponents: [],\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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"}
+{"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","BuildPBComponents","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","pageBuilderComponents","__typename","dataEntity","otherProps","_objectWithoutProperties","_excluded","entity","parent","itemId","itemEntity","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';\nimport BuildPBComponents from '../../hooks/helpers/buildPBComponents';\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  pageBuilderComponents,\n  __typename: dataEntity,\n  ...otherProps\n}) => {\n  const entity = graphqlEntityMap[dataEntity];\n  updateChildrensParent(cardChildren, id, entity);\n  const parent = { itemId: id, itemEntity: 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  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            {!!pageBuilderComponents.length && (\n              <div className=\"card__item card__item--full\" data-testid=\"full-card\">\n                {BuildPBComponents(pageBuilderComponents, { parent })}\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  pageBuilderComponents: PropTypes.array\n};\n\nCard.defaultProps = {\n  entityProps: {},\n  pageBuilderComponents: [],\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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"}

package/lib-es/components/Image/ImageRender.js

@@ -67,7 +67,8 @@ ImageRender.propTypes = {
   style: PropTypes.object,
   isHero: PropTypes.bool,
   priority: PropTypes.bool,
-  sizeKey: PropTypes.string
+  sizeKey: PropTypes.string,
+  shouldRenderImgTag: PropTypes.bool
 };
 ImageRender.defaultProps = {
   name: '',
@@ -78,7 +79,8 @@ ImageRender.defaultProps = {
   isHero: false,
   priority: false,
   style: {},
-  sizeKey: ''
+  sizeKey: '',
+  shouldRenderImgTag: false
 };
 export default ImageRender;
 //# sourceMappingURL=ImageRender.js.map

package/lib-es/components/Image/ImageRender.js.map

@@ -1 +1 @@
-{"version":3,"file":"ImageRender.js","names":["React","PropTypes","Head","ResponsiveImage","Lightbox","ImageRender","_ref","alt","imageUrl","handleEnableLightbox","toggleLightbox","displayLightbox","enableLightbox","caption","lightboxImgProps","name","metaTitle","heroModifier","style","isHero","priority","sizeKey","shouldRenderImgTag","otherProps","_objectWithoutProperties","_excluded","imageStyle","cursor","HeadComponent","createElement","Fragment","src","onClick","_extends","closeModal","imgWrapperProps","propTypes","bool","isRequired","string","func","object","defaultProps"],"sources":["../../../src/components/Image/ImageRender.js"],"sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\nimport Head from 'next/head';\nimport { ResponsiveImage } from '@blaze-cms/image-cdn-react';\nimport Lightbox from './Lightbox';\n\nconst ImageRender = ({\n  alt,\n  imageUrl,\n  handleEnableLightbox,\n  toggleLightbox,\n  displayLightbox,\n  enableLightbox,\n  caption,\n  lightboxImgProps,\n  name,\n  metaTitle,\n  heroModifier,\n  style,\n  isHero,\n  priority,\n  sizeKey,\n  shouldRenderImgTag,\n  ...otherProps\n}) => {\n  const imageStyle = enableLightbox ? { cursor: 'pointer' } : style;\n  const HeadComponent = priority ? Head : null;\n\n  return (\n    <>\n      {shouldRenderImgTag ? (\n        <img style={imageStyle} src={imageUrl} alt={alt} onClick={handleEnableLightbox} />\n      ) : (\n        <ResponsiveImage\n          sizeKey={sizeKey}\n          alt={alt}\n          src={imageUrl}\n          onClick={handleEnableLightbox}\n          style={imageStyle}\n          HeadComponent={HeadComponent}\n        />\n      )}\n\n      {displayLightbox && (\n        <Lightbox\n          imageUrl={imageUrl}\n          alt={alt}\n          priority={priority}\n          closeModal={toggleLightbox}\n          caption={caption}\n          imgWrapperProps={lightboxImgProps}\n          name={metaTitle || name}\n          {...otherProps}\n        />\n      )}\n    </>\n  );\n};\n\nImageRender.propTypes = {\n  displayLightbox: PropTypes.bool.isRequired,\n  enableLightbox: PropTypes.bool.isRequired,\n  alt: PropTypes.string,\n  caption: PropTypes.string,\n  imageUrl: PropTypes.string.isRequired,\n  name: PropTypes.string,\n  heroModifier: PropTypes.string,\n  metaTitle: PropTypes.string,\n  handleEnableLightbox: PropTypes.func.isRequired,\n  toggleLightbox: PropTypes.func.isRequired,\n  lightboxImgProps: PropTypes.object.isRequired,\n  style: PropTypes.object,\n  isHero: PropTypes.bool,\n  priority: PropTypes.bool,\n  sizeKey: PropTypes.string\n};\n\nImageRender.defaultProps = {\n  name: '',\n  metaTitle: '',\n  heroModifier: '',\n  alt: '',\n  caption: '',\n  isHero: false,\n  priority: false,\n  style: {},\n  sizeKey: ''\n};\n\nexport default ImageRender;\n"],"mappings":"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"}
+{"version":3,"file":"ImageRender.js","names":["React","PropTypes","Head","ResponsiveImage","Lightbox","ImageRender","_ref","alt","imageUrl","handleEnableLightbox","toggleLightbox","displayLightbox","enableLightbox","caption","lightboxImgProps","name","metaTitle","heroModifier","style","isHero","priority","sizeKey","shouldRenderImgTag","otherProps","_objectWithoutProperties","_excluded","imageStyle","cursor","HeadComponent","createElement","Fragment","src","onClick","_extends","closeModal","imgWrapperProps","propTypes","bool","isRequired","string","func","object","defaultProps"],"sources":["../../../src/components/Image/ImageRender.js"],"sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\nimport Head from 'next/head';\nimport { ResponsiveImage } from '@blaze-cms/image-cdn-react';\nimport Lightbox from './Lightbox';\n\nconst ImageRender = ({\n  alt,\n  imageUrl,\n  handleEnableLightbox,\n  toggleLightbox,\n  displayLightbox,\n  enableLightbox,\n  caption,\n  lightboxImgProps,\n  name,\n  metaTitle,\n  heroModifier,\n  style,\n  isHero,\n  priority,\n  sizeKey,\n  shouldRenderImgTag,\n  ...otherProps\n}) => {\n  const imageStyle = enableLightbox ? { cursor: 'pointer' } : style;\n  const HeadComponent = priority ? Head : null;\n\n  return (\n    <>\n      {shouldRenderImgTag ? (\n        <img style={imageStyle} src={imageUrl} alt={alt} onClick={handleEnableLightbox} />\n      ) : (\n        <ResponsiveImage\n          sizeKey={sizeKey}\n          alt={alt}\n          src={imageUrl}\n          onClick={handleEnableLightbox}\n          style={imageStyle}\n          HeadComponent={HeadComponent}\n        />\n      )}\n\n      {displayLightbox && (\n        <Lightbox\n          imageUrl={imageUrl}\n          alt={alt}\n          priority={priority}\n          closeModal={toggleLightbox}\n          caption={caption}\n          imgWrapperProps={lightboxImgProps}\n          name={metaTitle || name}\n          {...otherProps}\n        />\n      )}\n    </>\n  );\n};\n\nImageRender.propTypes = {\n  displayLightbox: PropTypes.bool.isRequired,\n  enableLightbox: PropTypes.bool.isRequired,\n  alt: PropTypes.string,\n  caption: PropTypes.string,\n  imageUrl: PropTypes.string.isRequired,\n  name: PropTypes.string,\n  heroModifier: PropTypes.string,\n  metaTitle: PropTypes.string,\n  handleEnableLightbox: PropTypes.func.isRequired,\n  toggleLightbox: PropTypes.func.isRequired,\n  lightboxImgProps: PropTypes.object.isRequired,\n  style: PropTypes.object,\n  isHero: PropTypes.bool,\n  priority: PropTypes.bool,\n  sizeKey: PropTypes.string,\n  shouldRenderImgTag: PropTypes.bool\n};\n\nImageRender.defaultProps = {\n  name: '',\n  metaTitle: '',\n  heroModifier: '',\n  alt: '',\n  caption: '',\n  isHero: false,\n  priority: false,\n  style: {},\n  sizeKey: '',\n  shouldRenderImgTag: false\n};\n\nexport default ImageRender;\n"],"mappings":"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"}

package/lib-es/components/List/components/Header/ListHeader.js

@@ -3,6 +3,7 @@ import PropTypes from 'prop-types';
 import { useRouter } from 'next/router';
 import { parseUrl } from 'query-string';
 import { buildAzUrl } from '../../helpers';
+import BlazeLink from '../../../BlazeLink';
 const ListHeader = ({
   name,
   listAggregations,
@@ -19,7 +20,8 @@ const ListHeader = ({
   const allHref = buildAzUrl(query, name, '', url);
   return /*#__PURE__*/React.createElement("div", {
     className: "az_list_filter flex"
-  }, /*#__PURE__*/React.createElement("a", {
+  }, /*#__PURE__*/React.createElement(BlazeLink, {
+    ariaLabel: "Show all",
     className: `az_list_filter_option${!azFilter ? ' selected' : ''} flex-grow`,
     href: allHref,
     onClick: e => {
@@ -39,7 +41,8 @@ const ListHeader = ({
     const href = buildAzUrl(query, name, key, url);
     const isSelected = azFilter === key.toLowerCase();
     const className = `az_list_filter_option${isSelected ? ' selected' : ''} flex-grow`;
-    return /*#__PURE__*/React.createElement("a", {
+    return /*#__PURE__*/React.createElement(BlazeLink, {
+      ariaLabel: `Filter by ${key}`,
       key: key,
       className: className,
       href: href,