@blaze-cms/react-page-builder 0.126.0-shorthand.2 → 0.126.0

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

@@ -1 +1 @@
-{"version":3,"file":"CardContainer.js","names":["React","useContext","PropTypes","MainContext","withTitle","Banner","Wrapper","CarouselWrapper","Card","getDynamicGridClasses","getEntitiesWithBanner","parsePropsToDisplay","getPropsToDisplayModifiers","CardContainer","cardData","gridModifier","style","displayCategory","displayThumbnail","displayTitle","modifier","entity","propsToDisplay","gtmChildren","cardChildren","name","designConfig","itemsPerRow","enableCarousel","bannerModifier","priorityLimit","enableAutoScroll","enableOverlay","autoScrollTimer","overlayModifier","titleOverlayModifier","cardProps","entities","itemId","propsToDisplayModifiers","dynamicWrapperSizes","renderCounter","CardWrapper","map","index","baseAdunit","id","entityProps","extraProps","dynamicKey","join","priority","propTypes","array","isRequired","string","oneOfType","arrayOf","node","bool","object","number","defaultProps"],"sources":["../../../src/components/Card/CardContainer.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 CardContainer = ({\n  cardData,\n  gridModifier,\n  style,\n  displayCategory,\n  displayThumbnail,\n  displayTitle,\n  modifier,\n  entity,\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 entities = 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      {entities.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={entity}\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            entity={entity}\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\nCardContainer.propTypes = {\n  cardData: PropTypes.array.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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"}
+{"version":3,"file":"CardContainer.js","names":["React","useContext","PropTypes","MainContext","withTitle","Banner","Wrapper","CarouselWrapper","Card","getDynamicGridClasses","getEntitiesWithBanner","parsePropsToDisplay","getPropsToDisplayModifiers","CardContainer","cardData","gridModifier","style","displayCategory","displayThumbnail","displayTitle","modifier","entity","propsToDisplay","gtmChildren","cardChildren","name","designConfig","itemsPerRow","enableCarousel","bannerModifier","priorityLimit","enableAutoScroll","enableOverlay","autoScrollTimer","overlayModifier","titleOverlayModifier","cardProps","entities","itemId","propsToDisplayModifiers","dynamicWrapperSizes","cardBannerIndex","CardWrapper","map","index","baseAdunit","id","entityProps","extraProps","dynamicKey","join","priority","propTypes","array","isRequired","string","oneOfType","arrayOf","node","bool","object","number","defaultProps"],"sources":["../../../src/components/Card/CardContainer.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 CardContainer = ({\n  cardData,\n  gridModifier,\n  style,\n  displayCategory,\n  displayThumbnail,\n  displayTitle,\n  modifier,\n  entity,\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 entities = 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 cardBannerIndex = 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      {entities.map(({ baseAdunit, id, ...entityProps }, index) => {\n        const extraProps = parsePropsToDisplay(entityProps, propsToDisplay);\n        const dynamicKey = [itemId, index].join('-');\n        if (baseAdunit) cardBannerIndex += 1;\n\n        const priority = priorityLimit > 0 && index + 1 <= priorityLimit;\n\n        return baseAdunit ? (\n          <Banner\n            key={dynamicKey}\n            entity={entity}\n            baseAdunit={baseAdunit}\n            {...entityProps}\n            modifier={modifier}\n            cardBannerIndex={cardBannerIndex}\n          />\n        ) : (\n          <Card\n            key={id}\n            id={id}\n            enableCarousel={enableCarousel}\n            entity={entity}\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\nCardContainer.propTypes = {\n  cardData: PropTypes.array.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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"}

package/lib-es/components/Code/Code.js

@@ -1,6 +1,6 @@
 import _defineProperty from "@babel/runtime/helpers/defineProperty";
 import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProperties";
-const _excluded = ["code", "parserOptions"];
+const _excluded = ["code"];
 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; }
 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; }
 import React, { memo } from 'react';
@@ -13,12 +13,11 @@ import { CODE } from '../../constants';
 import { wrapScriptTags } from './helpers';
 const Code = memo(_ref => {
   let {
-      code: embedCode,
-      parserOptions
+      code: embedCode
     } = _ref,
     otherProps = _objectWithoutProperties(_ref, _excluded);
   if (!embedCode) return null;
-  const parsedCode = parseHTML(embedCode, parserOptions);
+  const parsedCode = parseHTML(embedCode);
   const wrappedCode = wrapScriptTags(parsedCode);
   const modifiers = getClassModifiers(CODE, _objectSpread({}, otherProps));
   return /*#__PURE__*/React.createElement(Wrapper, {
@@ -27,13 +26,11 @@ const Code = memo(_ref => {
 });
 Code.propTypes = {
   code: PropTypes.string,
-  modifier: PropTypes.string,
-  parserOptions: PropTypes.object
+  modifier: PropTypes.string
 };
 Code.defaultProps = {
   code: '',
-  modifier: '',
-  parserOptions: {}
+  modifier: ''
 };
 export default withTitle(Code);
 //# sourceMappingURL=Code.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"Code.js","names":["React","memo","PropTypes","parseHTML","Wrapper","withTitle","getClassModifiers","CODE","wrapScriptTags","Code","code","embedCode","parserOptions","otherProps","parsedCode","wrappedCode","modifiers","propTypes","string","modifier","object","defaultProps"],"sources":["../../../src/components/Code/Code.js"],"sourcesContent":["import React, { memo } from 'react';\nimport PropTypes from 'prop-types';\nimport parseHTML from 'html-react-parser';\nimport Wrapper from '../Wrapper';\nimport { withTitle } from '../../HOC';\nimport { getClassModifiers } from '../../utils';\nimport { CODE } from '../../constants';\nimport { wrapScriptTags } from './helpers';\n\nconst Code = memo(({ code: embedCode, parserOptions, ...otherProps }) => {\n  if (!embedCode) return null;\n\n  const parsedCode = parseHTML(embedCode, parserOptions);\n  const wrappedCode = wrapScriptTags(parsedCode);\n  const modifiers = getClassModifiers(CODE, { ...otherProps });\n\n  return <Wrapper modifiers={modifiers}>{wrappedCode}</Wrapper>;\n});\n\nCode.propTypes = {\n  code: PropTypes.string,\n  modifier: PropTypes.string,\n  parserOptions: PropTypes.object\n};\n\nCode.defaultProps = {\n  code: '',\n  modifier: '',\n  parserOptions: {}\n};\n\nexport default withTitle(Code);\n"],"mappings":";;;;;AAAA,OAAOA,KAAK,IAAIC,IAAI,QAAQ,OAAO;AACnC,OAAOC,SAAS,MAAM,YAAY;AAClC,OAAOC,SAAS,MAAM,mBAAmB;AACzC,OAAOC,OAAO,MAAM,YAAY;AAChC,SAASC,SAAS,QAAQ,WAAW;AACrC,SAASC,iBAAiB,QAAQ,aAAa;AAC/C,SAASC,IAAI,QAAQ,iBAAiB;AACtC,SAASC,cAAc,QAAQ,WAAW;AAE1C,MAAMC,IAAI,GAAGR,IAAI,CAAC,QAAuD;EAAA,IAAtD;MAAES,IAAI,EAAEC,SAAS;MAAEC;IAA6B,CAAC;IAAZC,UAAU;EAChE,IAAI,CAACF,SAAS,EAAE,OAAO,IAAI;EAE3B,MAAMG,UAAU,GAAGX,SAAS,CAACQ,SAAS,EAAEC,aAAa,CAAC;EACtD,MAAMG,WAAW,GAAGP,cAAc,CAACM,UAAU,CAAC;EAC9C,MAAME,SAAS,GAAGV,iBAAiB,CAACC,IAAI,oBAAOM,UAAU,EAAG;EAE5D,oBAAO,oBAAC,OAAO;IAAC,SAAS,EAAEG;EAAU,GAAED,WAAW,CAAW;AAC/D,CAAC,CAAC;AAEFN,IAAI,CAACQ,SAAS,GAAG;EACfP,IAAI,EAAER,SAAS,CAACgB,MAAM;EACtBC,QAAQ,EAAEjB,SAAS,CAACgB,MAAM;EAC1BN,aAAa,EAAEV,SAAS,CAACkB;AAC3B,CAAC;AAEDX,IAAI,CAACY,YAAY,GAAG;EAClBX,IAAI,EAAE,EAAE;EACRS,QAAQ,EAAE,EAAE;EACZP,aAAa,EAAE,CAAC;AAClB,CAAC;AAED,eAAeP,SAAS,CAACI,IAAI,CAAC"}
+{"version":3,"file":"Code.js","names":["React","memo","PropTypes","parseHTML","Wrapper","withTitle","getClassModifiers","CODE","wrapScriptTags","Code","code","embedCode","otherProps","parsedCode","wrappedCode","modifiers","propTypes","string","modifier","defaultProps"],"sources":["../../../src/components/Code/Code.js"],"sourcesContent":["import React, { memo } from 'react';\nimport PropTypes from 'prop-types';\nimport parseHTML from 'html-react-parser';\nimport Wrapper from '../Wrapper';\nimport { withTitle } from '../../HOC';\nimport { getClassModifiers } from '../../utils';\nimport { CODE } from '../../constants';\nimport { wrapScriptTags } from './helpers';\n\nconst Code = memo(({ code: embedCode, ...otherProps }) => {\n  if (!embedCode) return null;\n\n  const parsedCode = parseHTML(embedCode);\n  const wrappedCode = wrapScriptTags(parsedCode);\n  const modifiers = getClassModifiers(CODE, { ...otherProps });\n\n  return <Wrapper modifiers={modifiers}>{wrappedCode}</Wrapper>;\n});\n\nCode.propTypes = {\n  code: PropTypes.string,\n  modifier: PropTypes.string\n};\n\nCode.defaultProps = {\n  code: '',\n  modifier: ''\n};\n\nexport default withTitle(Code);\n"],"mappings":";;;;;AAAA,OAAOA,KAAK,IAAIC,IAAI,QAAQ,OAAO;AACnC,OAAOC,SAAS,MAAM,YAAY;AAClC,OAAOC,SAAS,MAAM,mBAAmB;AACzC,OAAOC,OAAO,MAAM,YAAY;AAChC,SAASC,SAAS,QAAQ,WAAW;AACrC,SAASC,iBAAiB,QAAQ,aAAa;AAC/C,SAASC,IAAI,QAAQ,iBAAiB;AACtC,SAASC,cAAc,QAAQ,WAAW;AAE1C,MAAMC,IAAI,GAAGR,IAAI,CAAC,QAAwC;EAAA,IAAvC;MAAES,IAAI,EAAEC;IAAyB,CAAC;IAAZC,UAAU;EACjD,IAAI,CAACD,SAAS,EAAE,OAAO,IAAI;EAE3B,MAAME,UAAU,GAAGV,SAAS,CAACQ,SAAS,CAAC;EACvC,MAAMG,WAAW,GAAGN,cAAc,CAACK,UAAU,CAAC;EAC9C,MAAME,SAAS,GAAGT,iBAAiB,CAACC,IAAI,oBAAOK,UAAU,EAAG;EAE5D,oBAAO,oBAAC,OAAO;IAAC,SAAS,EAAEG;EAAU,GAAED,WAAW,CAAW;AAC/D,CAAC,CAAC;AAEFL,IAAI,CAACO,SAAS,GAAG;EACfN,IAAI,EAAER,SAAS,CAACe,MAAM;EACtBC,QAAQ,EAAEhB,SAAS,CAACe;AACtB,CAAC;AAEDR,IAAI,CAACU,YAAY,GAAG;EAClBT,IAAI,EAAE,EAAE;EACRQ,QAAQ,EAAE;AACZ,CAAC;AAED,eAAeb,SAAS,CAACI,IAAI,CAAC"}

package/lib-es/components/Code/helpers/wrap-script-tags.js

@@ -20,13 +20,9 @@ function getWrappedScriptTag(child) {
 function wrapScriptTags(parsedCode) {
   if (Array.isArray(parsedCode)) {
     parsedCode.forEach((child, index) => {
-      try {
-        // modify children array as we just want to wrap single components
-        // eslint-disable-next-line no-param-reassign
-        parsedCode[index] = getWrappedScriptTag(child);
-      } catch {
-        // catch read-only element errors
-      }
+      // modify children array as we just want to wrap single components
+      // eslint-disable-next-line no-param-reassign
+      parsedCode[index] = getWrappedScriptTag(child);
     });
     return parsedCode;
   }

package/lib-es/components/Code/helpers/wrap-script-tags.js.map

@@ -1 +1 @@
-{"version":3,"file":"wrap-script-tags.js","names":["React","ScriptTag","getWrappedScriptTag","child","props","children","scriptProps","type","key","cloneElement","wrapScriptTags","parsedCode","Array","isArray","forEach","index"],"sources":["../../../../src/components/Code/helpers/wrap-script-tags.js"],"sourcesContent":["import React from 'react';\nimport ScriptTag from '../ScriptTag';\n\nfunction getWrappedScriptTag(child) {\n  if (!child) return child;\n\n  if (typeof child === 'string') return child;\n\n  const { children, ...scriptProps } = child.props;\n  if (child.type === 'script') return <ScriptTag {...scriptProps} key={child.key} />;\n\n  if (!children) return child;\n\n  return React.cloneElement(child, child.props, wrapScriptTags(children));\n}\n\nfunction wrapScriptTags(parsedCode) {\n  if (Array.isArray(parsedCode)) {\n    parsedCode.forEach((child, index) => {\n      try {\n        // modify children array as we just want to wrap single components\n        // eslint-disable-next-line no-param-reassign\n        parsedCode[index] = getWrappedScriptTag(child);\n      } catch {\n        // catch read-only element errors\n      }\n    });\n\n    return parsedCode;\n  }\n\n  return getWrappedScriptTag(parsedCode);\n}\n\nexport default wrapScriptTags;\n"],"mappings":";;;AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,OAAOC,SAAS,MAAM,cAAc;AAEpC,SAASC,mBAAmB,CAACC,KAAK,EAAE;EAClC,IAAI,CAACA,KAAK,EAAE,OAAOA,KAAK;EAExB,IAAI,OAAOA,KAAK,KAAK,QAAQ,EAAE,OAAOA,KAAK;EAE3C,qBAAqCA,KAAK,CAACC,KAAK;IAA1C;MAAEC;IAAyB,CAAC;IAAbC,WAAW;EAChC,IAAIH,KAAK,CAACI,IAAI,KAAK,QAAQ,EAAE,oBAAO,oBAAC,SAAS,eAAKD,WAAW;IAAE,GAAG,EAAEH,KAAK,CAACK;EAAI,GAAG;EAElF,IAAI,CAACH,QAAQ,EAAE,OAAOF,KAAK;EAE3B,OAAOH,KAAK,CAACS,YAAY,CAACN,KAAK,EAAEA,KAAK,CAACC,KAAK,EAAEM,cAAc,CAACL,QAAQ,CAAC,CAAC;AACzE;AAEA,SAASK,cAAc,CAACC,UAAU,EAAE;EAClC,IAAIC,KAAK,CAACC,OAAO,CAACF,UAAU,CAAC,EAAE;IAC7BA,UAAU,CAACG,OAAO,CAAC,CAACX,KAAK,EAAEY,KAAK,KAAK;MACnC,IAAI;QACF;QACA;QACAJ,UAAU,CAACI,KAAK,CAAC,GAAGb,mBAAmB,CAACC,KAAK,CAAC;MAChD,CAAC,CAAC,MAAM;QACN;MAAA;IAEJ,CAAC,CAAC;IAEF,OAAOQ,UAAU;EACnB;EAEA,OAAOT,mBAAmB,CAACS,UAAU,CAAC;AACxC;AAEA,eAAeD,cAAc"}
+{"version":3,"file":"wrap-script-tags.js","names":["React","ScriptTag","getWrappedScriptTag","child","props","children","scriptProps","type","key","cloneElement","wrapScriptTags","parsedCode","Array","isArray","forEach","index"],"sources":["../../../../src/components/Code/helpers/wrap-script-tags.js"],"sourcesContent":["import React from 'react';\nimport ScriptTag from '../ScriptTag';\n\nfunction getWrappedScriptTag(child) {\n  if (!child) return child;\n\n  if (typeof child === 'string') return child;\n\n  const { children, ...scriptProps } = child.props;\n  if (child.type === 'script') return <ScriptTag {...scriptProps} key={child.key} />;\n\n  if (!children) return child;\n\n  return React.cloneElement(child, child.props, wrapScriptTags(children));\n}\n\nfunction wrapScriptTags(parsedCode) {\n  if (Array.isArray(parsedCode)) {\n    parsedCode.forEach((child, index) => {\n      // modify children array as we just want to wrap single components\n      // eslint-disable-next-line no-param-reassign\n      parsedCode[index] = getWrappedScriptTag(child);\n    });\n\n    return parsedCode;\n  }\n\n  return getWrappedScriptTag(parsedCode);\n}\n\nexport default wrapScriptTags;\n"],"mappings":";;;AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,OAAOC,SAAS,MAAM,cAAc;AAEpC,SAASC,mBAAmB,CAACC,KAAK,EAAE;EAClC,IAAI,CAACA,KAAK,EAAE,OAAOA,KAAK;EAExB,IAAI,OAAOA,KAAK,KAAK,QAAQ,EAAE,OAAOA,KAAK;EAE3C,qBAAqCA,KAAK,CAACC,KAAK;IAA1C;MAAEC;IAAyB,CAAC;IAAbC,WAAW;EAChC,IAAIH,KAAK,CAACI,IAAI,KAAK,QAAQ,EAAE,oBAAO,oBAAC,SAAS,eAAKD,WAAW;IAAE,GAAG,EAAEH,KAAK,CAACK;EAAI,GAAG;EAElF,IAAI,CAACH,QAAQ,EAAE,OAAOF,KAAK;EAE3B,OAAOH,KAAK,CAACS,YAAY,CAACN,KAAK,EAAEA,KAAK,CAACC,KAAK,EAAEM,cAAc,CAACL,QAAQ,CAAC,CAAC;AACzE;AAEA,SAASK,cAAc,CAACC,UAAU,EAAE;EAClC,IAAIC,KAAK,CAACC,OAAO,CAACF,UAAU,CAAC,EAAE;IAC7BA,UAAU,CAACG,OAAO,CAAC,CAACX,KAAK,EAAEY,KAAK,KAAK;MACnC;MACA;MACAJ,UAAU,CAACI,KAAK,CAAC,GAAGb,mBAAmB,CAACC,KAAK,CAAC;IAChD,CAAC,CAAC;IAEF,OAAOQ,UAAU;EACnB;EAEA,OAAOT,mBAAmB,CAACS,UAAU,CAAC;AACxC;AAEA,eAAeD,cAAc"}

package/lib-es/components/ContentGroup/ContentGroup.js

@@ -1,20 +1,29 @@
 import _extends from "@babel/runtime/helpers/extends";
 import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProperties";
-const _excluded = ["contentType"];
+const _excluded = ["contentType", "children"];
 import React from 'react';
 import PropTypes from 'prop-types';
 import ContentGroupTabs from './ContentGroupTabs';
+import { getSectionsData } from './helpers';
 const ContentGroup = _ref => {
+  var _children$props;
   let {
-      contentType
+      contentType,
+      children
     } = _ref,
     props = _objectWithoutProperties(_ref, _excluded);
-  if (contentType === 'tab' || contentType === 'sidepanel') return /*#__PURE__*/React.createElement(ContentGroupTabs, _extends({
-    contentType: contentType
+  const groupSections = children === null || children === void 0 ? void 0 : (_children$props = children.props) === null || _children$props === void 0 ? void 0 : _children$props.children[1];
+  if (!groupSections || !groupSections.length) return '';
+  if (contentType !== 'tab' && contentType !== 'sidepanel') return '';
+  const sectionsData = getSectionsData(groupSections);
+  return /*#__PURE__*/React.createElement(ContentGroupTabs, _extends({
+    contentType: contentType,
+    groupSections: groupSections,
+    sectionsData: sectionsData
   }, props));
-  return '';
 };
 ContentGroup.propTypes = {
+  children: PropTypes.object.isRequired,
   contentType: PropTypes.string.isRequired
 };
 ContentGroup.defaultProps = {};

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

@@ -1 +1 @@
-{"version":3,"file":"ContentGroup.js","names":["React","PropTypes","ContentGroupTabs","ContentGroup","contentType","props","propTypes","string","isRequired","defaultProps"],"sources":["../../../src/components/ContentGroup/ContentGroup.js"],"sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\nimport ContentGroupTabs from './ContentGroupTabs';\n\nconst ContentGroup = ({ contentType, ...props }) => {\n  if (contentType === 'tab' || contentType === 'sidepanel')\n    return <ContentGroupTabs contentType={contentType} {...props} />;\n  return '';\n};\n\nContentGroup.propTypes = {\n  contentType: PropTypes.string.isRequired\n};\n\nContentGroup.defaultProps = {};\n\nexport default ContentGroup;\n"],"mappings":";;;AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,OAAOC,SAAS,MAAM,YAAY;AAClC,OAAOC,gBAAgB,MAAM,oBAAoB;AAEjD,MAAMC,YAAY,GAAG,QAA+B;EAAA,IAA9B;MAAEC;IAAsB,CAAC;IAAPC,KAAK;EAC3C,IAAID,WAAW,KAAK,KAAK,IAAIA,WAAW,KAAK,WAAW,EACtD,oBAAO,oBAAC,gBAAgB;IAAC,WAAW,EAAEA;EAAY,GAAKC,KAAK,EAAI;EAClE,OAAO,EAAE;AACX,CAAC;AAEDF,YAAY,CAACG,SAAS,GAAG;EACvBF,WAAW,EAAEH,SAAS,CAACM,MAAM,CAACC;AAChC,CAAC;AAEDL,YAAY,CAACM,YAAY,GAAG,CAAC,CAAC;AAE9B,eAAeN,YAAY"}
+{"version":3,"file":"ContentGroup.js","names":["React","PropTypes","ContentGroupTabs","getSectionsData","ContentGroup","contentType","children","props","groupSections","length","sectionsData","propTypes","object","isRequired","string","defaultProps"],"sources":["../../../src/components/ContentGroup/ContentGroup.js"],"sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\nimport ContentGroupTabs from './ContentGroupTabs';\nimport { getSectionsData } from './helpers';\n\nconst ContentGroup = ({ contentType, children, ...props }) => {\n  const groupSections = children?.props?.children[1];\n  if (!groupSections || !groupSections.length) return '';\n  if (contentType !== 'tab' && contentType !== 'sidepanel') return '';\n  const sectionsData = getSectionsData(groupSections);\n\n  return (\n    <ContentGroupTabs\n      contentType={contentType}\n      groupSections={groupSections}\n      sectionsData={sectionsData}\n      {...props}\n    />\n  );\n};\n\nContentGroup.propTypes = {\n  children: PropTypes.object.isRequired,\n  contentType: PropTypes.string.isRequired\n};\n\nContentGroup.defaultProps = {};\n\nexport default ContentGroup;\n"],"mappings":";;;AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,OAAOC,SAAS,MAAM,YAAY;AAClC,OAAOC,gBAAgB,MAAM,oBAAoB;AACjD,SAASC,eAAe,QAAQ,WAAW;AAE3C,MAAMC,YAAY,GAAG,QAAyC;EAAA;EAAA,IAAxC;MAAEC,WAAW;MAAEC;IAAmB,CAAC;IAAPC,KAAK;EACrD,MAAMC,aAAa,GAAGF,QAAQ,aAARA,QAAQ,0CAARA,QAAQ,CAAEC,KAAK,oDAAf,gBAAiBD,QAAQ,CAAC,CAAC,CAAC;EAClD,IAAI,CAACE,aAAa,IAAI,CAACA,aAAa,CAACC,MAAM,EAAE,OAAO,EAAE;EACtD,IAAIJ,WAAW,KAAK,KAAK,IAAIA,WAAW,KAAK,WAAW,EAAE,OAAO,EAAE;EACnE,MAAMK,YAAY,GAAGP,eAAe,CAACK,aAAa,CAAC;EAEnD,oBACE,oBAAC,gBAAgB;IACf,WAAW,EAAEH,WAAY;IACzB,aAAa,EAAEG,aAAc;IAC7B,YAAY,EAAEE;EAAa,GACvBH,KAAK,EACT;AAEN,CAAC;AAEDH,YAAY,CAACO,SAAS,GAAG;EACvBL,QAAQ,EAAEL,SAAS,CAACW,MAAM,CAACC,UAAU;EACrCR,WAAW,EAAEJ,SAAS,CAACa,MAAM,CAACD;AAChC,CAAC;AAEDT,YAAY,CAACW,YAAY,GAAG,CAAC,CAAC;AAE9B,eAAeX,YAAY"}

package/lib-es/components/ContentGroup/ContentGroupTabs.js

@@ -1,40 +1,40 @@
-import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProperties";
-const _excluded = ["name", "contentType", "modifier", "children"];
-import React, { useState } from 'react';
+import React, { useState, useEffect } from 'react';
 import PropTypes from 'prop-types';
-const ContentGroupTabs = _ref => {
-  var _children$props;
-  let {
-      name,
-      contentType,
-      modifier,
-      children
-    } = _ref,
-    props = _objectWithoutProperties(_ref, _excluded);
-  const [selectedTab, setSelectedTab] = useState('tab-0');
-  const groupSections = children === null || children === void 0 ? void 0 : (_children$props = children.props) === null || _children$props === void 0 ? void 0 : _children$props.children[1];
-  const contentClassame = contentType === 'tab' ? '-tabs' : '-sidepanel';
-  if (!groupSections || !groupSections.length) return '';
+import { useRouter } from 'next/router';
+import { getActiveTab } from './helpers';
+import { TAB, TABS, SIDEPANEL, CONTENT_GROUP, PANEL } from './constants';
+const ContentGroupTabs = ({
+  name,
+  contentType,
+  modifier,
+  groupSections,
+  sectionsData
+}) => {
+  const router = useRouter();
+  const [selectedTab, setSelectedTab] = useState(getActiveTab(sectionsData, ''));
+  const {
+    asPath
+  } = router;
+  const contentClassame = contentType === TAB ? TABS : SIDEPANEL;
+  const mainDivClass = `${CONTENT_GROUP}-${contentClassame}`;
+  const contentGroupClass = `${CONTENT_GROUP}-${contentClassame}__buttons-wrapper`;
+  const sectionClass = `${CONTENT_GROUP}-${contentClassame}__content-section`;
+  useEffect(() => {
+    const activeTab = getActiveTab(sectionsData, asPath);
+    if (activeTab !== selectedTab) setSelectedTab(activeTab);
+  }, [asPath, sectionsData, selectedTab]);
   return /*#__PURE__*/React.createElement("div", {
-    className: `content-group${contentClassame}`
+    className: mainDivClass
   }, /*#__PURE__*/React.createElement("ul", {
-    className: `content-group${contentClassame}__buttons-wrapper`,
+    className: contentGroupClass,
     role: "tablist",
     "aria-label": name
   }, groupSections.map((groupSection, index) => {
-    const {
-      props: {
-        component: {
-          settings: {
-            label: sectionLabel
-          } = {}
-        } = {}
-      } = {}
-    } = groupSection;
-    const tabId = `tab-${index}`;
-    const panelId = `panel-${index}`;
+    const [sectionName, sectioLabel] = sectionsData[index];
+    const tabId = `${TAB}-${sectionName}`;
+    const panelId = `${PANEL}-${sectionName}`;
     const isSelected = selectedTab === tabId;
-    const buttonClassName = isSelected ? `content-group${contentClassame}__button--is-active` : `content-group${contentClassame}__button`;
+    const buttonClassName = `${CONTENT_GROUP}-${contentClassame}__button${isSelected ? '--is-active' : ''}`;
     return /*#__PURE__*/React.createElement("button", {
       id: tabId,
       key: tabId,
@@ -43,16 +43,25 @@ const ContentGroupTabs = _ref => {
       role: "tab",
       "aria-selected": isSelected,
       "aria-controls": panelId,
-      onClick: () => setSelectedTab(tabId)
-    }, sectionLabel);
+      onClick: () => {
+        const baseUrl = asPath.split('#')[0];
+        const newUrl = `${baseUrl}#${sectionName}`;
+        if (asPath === newUrl) return;
+        router.push(`/Resolver`, newUrl, {
+          shallow: true
+        });
+        setSelectedTab(tabId);
+      }
+    }, sectioLabel);
   })), groupSections.map((groupSection, index) => {
-    const tabId = `tab-${index}`;
-    const panelId = `panel-${index}`;
+    const [sectionName] = sectionsData[index];
+    const tabId = `${TAB}-${sectionName}`;
+    const panelId = `${PANEL}-${sectionName}`;
     if (selectedTab !== tabId) return null;
     return /*#__PURE__*/React.createElement("div", {
-      id: panelId,
+      id: sectionName,
       key: panelId,
-      className: `content-group${contentClassame}__content-section`,
+      className: sectionClass,
       role: "tabpanel",
       "aria-labelledby": tabId
     }, groupSection);
@@ -62,11 +71,11 @@ ContentGroupTabs.propTypes = {
   name: PropTypes.string.isRequired,
   contentType: PropTypes.string.isRequired,
   modifier: PropTypes.string,
-  children: PropTypes.object
+  groupSections: PropTypes.array.isRequired,
+  sectionsData: PropTypes.array.isRequired
 };
 ContentGroupTabs.defaultProps = {
-  modifier: '',
-  children: {}
+  modifier: ''
 };
 export default ContentGroupTabs;
 //# sourceMappingURL=ContentGroupTabs.js.map

package/lib-es/components/ContentGroup/ContentGroupTabs.js.map

@@ -1 +1 @@
-{"version":3,"file":"ContentGroupTabs.js","names":["React","useState","PropTypes","ContentGroupTabs","name","contentType","modifier","children","props","selectedTab","setSelectedTab","groupSections","contentClassame","length","map","groupSection","index","component","settings","label","sectionLabel","tabId","panelId","isSelected","buttonClassName","propTypes","string","isRequired","object","defaultProps"],"sources":["../../../src/components/ContentGroup/ContentGroupTabs.js"],"sourcesContent":["import React, { useState } from 'react';\nimport PropTypes from 'prop-types';\n\nconst ContentGroupTabs = ({ name, contentType, modifier, children, ...props }) => {\n  const [selectedTab, setSelectedTab] = useState('tab-0');\n  const groupSections = children?.props?.children[1];\n  const contentClassame = contentType === 'tab' ? '-tabs' : '-sidepanel';\n  if (!groupSections || !groupSections.length) return '';\n\n  return (\n    <div className={`content-group${contentClassame}`}>\n      <ul\n        className={`content-group${contentClassame}__buttons-wrapper`}\n        role=\"tablist\"\n        aria-label={name}>\n        {groupSections.map((groupSection, index) => {\n          const {\n            props: { component: { settings: { label: sectionLabel } = {} } = {} } = {}\n          } = groupSection;\n          const tabId = `tab-${index}`;\n          const panelId = `panel-${index}`;\n          const isSelected = selectedTab === tabId;\n          const buttonClassName = isSelected\n            ? `content-group${contentClassame}__button--is-active`\n            : `content-group${contentClassame}__button`;\n\n          return (\n            <button\n              id={tabId}\n              key={tabId}\n              className={buttonClassName}\n              type=\"button\"\n              role=\"tab\"\n              aria-selected={isSelected}\n              aria-controls={panelId}\n              onClick={() => setSelectedTab(tabId)}>\n              {sectionLabel}\n            </button>\n          );\n        })}\n      </ul>\n      {groupSections.map((groupSection, index) => {\n        const tabId = `tab-${index}`;\n        const panelId = `panel-${index}`;\n        if (selectedTab !== tabId) return null;\n\n        return (\n          <div\n            id={panelId}\n            key={panelId}\n            className={`content-group${contentClassame}__content-section`}\n            role=\"tabpanel\"\n            aria-labelledby={tabId}>\n            {groupSection}\n          </div>\n        );\n      })}\n    </div>\n  );\n};\n\nContentGroupTabs.propTypes = {\n  name: PropTypes.string.isRequired,\n  contentType: PropTypes.string.isRequired,\n  modifier: PropTypes.string,\n  children: PropTypes.object\n};\n\nContentGroupTabs.defaultProps = {\n  modifier: '',\n  children: {}\n};\n\nexport default ContentGroupTabs;\n"],"mappings":";;AAAA,OAAOA,KAAK,IAAIC,QAAQ,QAAQ,OAAO;AACvC,OAAOC,SAAS,MAAM,YAAY;AAElC,MAAMC,gBAAgB,GAAG,QAAyD;EAAA;EAAA,IAAxD;MAAEC,IAAI;MAAEC,WAAW;MAAEC,QAAQ;MAAEC;IAAmB,CAAC;IAAPC,KAAK;EACzE,MAAM,CAACC,WAAW,EAAEC,cAAc,CAAC,GAAGT,QAAQ,CAAC,OAAO,CAAC;EACvD,MAAMU,aAAa,GAAGJ,QAAQ,aAARA,QAAQ,0CAARA,QAAQ,CAAEC,KAAK,oDAAf,gBAAiBD,QAAQ,CAAC,CAAC,CAAC;EAClD,MAAMK,eAAe,GAAGP,WAAW,KAAK,KAAK,GAAG,OAAO,GAAG,YAAY;EACtE,IAAI,CAACM,aAAa,IAAI,CAACA,aAAa,CAACE,MAAM,EAAE,OAAO,EAAE;EAEtD,oBACE;IAAK,SAAS,EAAG,gBAAeD,eAAgB;EAAE,gBAChD;IACE,SAAS,EAAG,gBAAeA,eAAgB,mBAAmB;IAC9D,IAAI,EAAC,SAAS;IACd,cAAYR;EAAK,GAChBO,aAAa,CAACG,GAAG,CAAC,CAACC,YAAY,EAAEC,KAAK,KAAK;IAC1C,MAAM;MACJR,KAAK,EAAE;QAAES,SAAS,EAAE;UAAEC,QAAQ,EAAE;YAAEC,KAAK,EAAEC;UAAa,CAAC,GAAG,CAAC;QAAE,CAAC,GAAG,CAAC;MAAE,CAAC,GAAG,CAAC;IAC3E,CAAC,GAAGL,YAAY;IAChB,MAAMM,KAAK,GAAI,OAAML,KAAM,EAAC;IAC5B,MAAMM,OAAO,GAAI,SAAQN,KAAM,EAAC;IAChC,MAAMO,UAAU,GAAGd,WAAW,KAAKY,KAAK;IACxC,MAAMG,eAAe,GAAGD,UAAU,GAC7B,gBAAeX,eAAgB,qBAAoB,GACnD,gBAAeA,eAAgB,UAAS;IAE7C,oBACE;MACE,EAAE,EAAES,KAAM;MACV,GAAG,EAAEA,KAAM;MACX,SAAS,EAAEG,eAAgB;MAC3B,IAAI,EAAC,QAAQ;MACb,IAAI,EAAC,KAAK;MACV,iBAAeD,UAAW;MAC1B,iBAAeD,OAAQ;MACvB,OAAO,EAAE,MAAMZ,cAAc,CAACW,KAAK;IAAE,GACpCD,YAAY,CACN;EAEb,CAAC,CAAC,CACC,EACJT,aAAa,CAACG,GAAG,CAAC,CAACC,YAAY,EAAEC,KAAK,KAAK;IAC1C,MAAMK,KAAK,GAAI,OAAML,KAAM,EAAC;IAC5B,MAAMM,OAAO,GAAI,SAAQN,KAAM,EAAC;IAChC,IAAIP,WAAW,KAAKY,KAAK,EAAE,OAAO,IAAI;IAEtC,oBACE;MACE,EAAE,EAAEC,OAAQ;MACZ,GAAG,EAAEA,OAAQ;MACb,SAAS,EAAG,gBAAeV,eAAgB,mBAAmB;MAC9D,IAAI,EAAC,UAAU;MACf,mBAAiBS;IAAM,GACtBN,YAAY,CACT;EAEV,CAAC,CAAC,CACE;AAEV,CAAC;AAEDZ,gBAAgB,CAACsB,SAAS,GAAG;EAC3BrB,IAAI,EAAEF,SAAS,CAACwB,MAAM,CAACC,UAAU;EACjCtB,WAAW,EAAEH,SAAS,CAACwB,MAAM,CAACC,UAAU;EACxCrB,QAAQ,EAAEJ,SAAS,CAACwB,MAAM;EAC1BnB,QAAQ,EAAEL,SAAS,CAAC0B;AACtB,CAAC;AAEDzB,gBAAgB,CAAC0B,YAAY,GAAG;EAC9BvB,QAAQ,EAAE,EAAE;EACZC,QAAQ,EAAE,CAAC;AACb,CAAC;AAED,eAAeJ,gBAAgB"}
+{"version":3,"file":"ContentGroupTabs.js","names":["React","useState","useEffect","PropTypes","useRouter","getActiveTab","TAB","TABS","SIDEPANEL","CONTENT_GROUP","PANEL","ContentGroupTabs","name","contentType","modifier","groupSections","sectionsData","router","selectedTab","setSelectedTab","asPath","contentClassame","mainDivClass","contentGroupClass","sectionClass","activeTab","map","groupSection","index","sectionName","sectioLabel","tabId","panelId","isSelected","buttonClassName","baseUrl","split","newUrl","push","shallow","propTypes","string","isRequired","array","defaultProps"],"sources":["../../../src/components/ContentGroup/ContentGroupTabs.js"],"sourcesContent":["import React, { useState, useEffect } from 'react';\nimport PropTypes from 'prop-types';\nimport { useRouter } from 'next/router';\nimport { getActiveTab } from './helpers';\nimport { TAB, TABS, SIDEPANEL, CONTENT_GROUP, PANEL } from './constants';\n\nconst ContentGroupTabs = ({ name, contentType, modifier, groupSections, sectionsData }) => {\n  const router = useRouter();\n  const [selectedTab, setSelectedTab] = useState(getActiveTab(sectionsData, ''));\n  const { asPath } = router;\n  const contentClassame = contentType === TAB ? TABS : SIDEPANEL;\n  const mainDivClass = `${CONTENT_GROUP}-${contentClassame}`;\n  const contentGroupClass = `${CONTENT_GROUP}-${contentClassame}__buttons-wrapper`;\n  const sectionClass = `${CONTENT_GROUP}-${contentClassame}__content-section`;\n\n  useEffect(\n    () => {\n      const activeTab = getActiveTab(sectionsData, asPath);\n      if (activeTab !== selectedTab) setSelectedTab(activeTab);\n    },\n    [asPath, sectionsData, selectedTab]\n  );\n\n  return (\n    <div className={mainDivClass}>\n      <ul className={contentGroupClass} role=\"tablist\" aria-label={name}>\n        {groupSections.map((groupSection, index) => {\n          const [sectionName, sectioLabel] = sectionsData[index];\n          const tabId = `${TAB}-${sectionName}`;\n          const panelId = `${PANEL}-${sectionName}`;\n          const isSelected = selectedTab === tabId;\n          const buttonClassName = `${CONTENT_GROUP}-${contentClassame}__button${\n            isSelected ? '--is-active' : ''\n          }`;\n\n          return (\n            <button\n              id={tabId}\n              key={tabId}\n              className={buttonClassName}\n              type=\"button\"\n              role=\"tab\"\n              aria-selected={isSelected}\n              aria-controls={panelId}\n              onClick={() => {\n                const baseUrl = asPath.split('#')[0];\n                const newUrl = `${baseUrl}#${sectionName}`;\n                if (asPath === newUrl) return;\n                router.push(`/Resolver`, newUrl, { shallow: true });\n                setSelectedTab(tabId);\n              }}>\n              {sectioLabel}\n            </button>\n          );\n        })}\n      </ul>\n      {groupSections.map((groupSection, index) => {\n        const [sectionName] = sectionsData[index];\n        const tabId = `${TAB}-${sectionName}`;\n        const panelId = `${PANEL}-${sectionName}`;\n        if (selectedTab !== tabId) return null;\n\n        return (\n          <div\n            id={sectionName}\n            key={panelId}\n            className={sectionClass}\n            role=\"tabpanel\"\n            aria-labelledby={tabId}>\n            {groupSection}\n          </div>\n        );\n      })}\n    </div>\n  );\n};\n\nContentGroupTabs.propTypes = {\n  name: PropTypes.string.isRequired,\n  contentType: PropTypes.string.isRequired,\n  modifier: PropTypes.string,\n  groupSections: PropTypes.array.isRequired,\n  sectionsData: PropTypes.array.isRequired\n};\n\nContentGroupTabs.defaultProps = {\n  modifier: ''\n};\n\nexport default ContentGroupTabs;\n"],"mappings":"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"}

package/lib-es/components/ContentGroup/constants.js

@@ -0,0 +1,7 @@
+const TAB = 'tab';
+const TABS = 'tabs';
+const SIDEPANEL = 'sidepanel';
+const CONTENT_GROUP = 'content-group';
+const PANEL = 'panel';
+export { TAB, TABS, SIDEPANEL, CONTENT_GROUP, PANEL };
+//# sourceMappingURL=constants.js.map

package/lib-es/components/ContentGroup/constants.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"constants.js","names":["TAB","TABS","SIDEPANEL","CONTENT_GROUP","PANEL"],"sources":["../../../src/components/ContentGroup/constants.js"],"sourcesContent":["const TAB = 'tab';\nconst TABS = 'tabs';\nconst SIDEPANEL = 'sidepanel';\nconst CONTENT_GROUP = 'content-group';\nconst PANEL = 'panel';\n\nexport { TAB, TABS, SIDEPANEL, CONTENT_GROUP, PANEL };\n"],"mappings":"AAAA,MAAMA,GAAG,GAAG,KAAK;AACjB,MAAMC,IAAI,GAAG,MAAM;AACnB,MAAMC,SAAS,GAAG,WAAW;AAC7B,MAAMC,aAAa,GAAG,eAAe;AACrC,MAAMC,KAAK,GAAG,OAAO;AAErB,SAASJ,GAAG,EAAEC,IAAI,EAAEC,SAAS,EAAEC,aAAa,EAAEC,KAAK"}

package/lib-es/components/ContentGroup/helpers/get-active-tab.js

@@ -0,0 +1,10 @@
+import { TAB } from '../constants';
+const getActiveTab = (sections, url) => {
+  const decodedUrl = decodeURI(url);
+  const activeTabName = decodedUrl.split('#')[1];
+  const isUrlTabValid = !!sections.find(section => section[0] === activeTabName);
+  const tabToUse = isUrlTabValid && activeTabName || sections[0][0];
+  return `${TAB}-${tabToUse}`;
+};
+export default getActiveTab;
+//# sourceMappingURL=get-active-tab.js.map

package/lib-es/components/ContentGroup/helpers/get-active-tab.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"get-active-tab.js","names":["TAB","getActiveTab","sections","url","decodedUrl","decodeURI","activeTabName","split","isUrlTabValid","find","section","tabToUse"],"sources":["../../../../src/components/ContentGroup/helpers/get-active-tab.js"],"sourcesContent":["import { TAB } from '../constants';\n\nconst getActiveTab = (sections, url) => {\n  const decodedUrl = decodeURI(url);\n  const activeTabName = decodedUrl.split('#')[1];\n  const isUrlTabValid = !!sections.find(section => section[0] === activeTabName);\n  const tabToUse = (isUrlTabValid && activeTabName) || sections[0][0];\n  return `${TAB}-${tabToUse}`;\n};\n\nexport default getActiveTab;\n"],"mappings":"AAAA,SAASA,GAAG,QAAQ,cAAc;AAElC,MAAMC,YAAY,GAAG,CAACC,QAAQ,EAAEC,GAAG,KAAK;EACtC,MAAMC,UAAU,GAAGC,SAAS,CAACF,GAAG,CAAC;EACjC,MAAMG,aAAa,GAAGF,UAAU,CAACG,KAAK,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC;EAC9C,MAAMC,aAAa,GAAG,CAAC,CAACN,QAAQ,CAACO,IAAI,CAACC,OAAO,IAAIA,OAAO,CAAC,CAAC,CAAC,KAAKJ,aAAa,CAAC;EAC9E,MAAMK,QAAQ,GAAIH,aAAa,IAAIF,aAAa,IAAKJ,QAAQ,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC;EACnE,OAAQ,GAAEF,GAAI,IAAGW,QAAS,EAAC;AAC7B,CAAC;AAED,eAAeV,YAAY"}

package/lib-es/components/ContentGroup/helpers/get-sections-data.js

@@ -0,0 +1,15 @@
+const getSectionsData = sections => sections.map(section => {
+  const {
+    props: {
+      component: {
+        settings: {
+          label,
+          name
+        } = {}
+      } = {}
+    } = {}
+  } = section;
+  return [name, label];
+});
+export default getSectionsData;
+//# sourceMappingURL=get-sections-data.js.map

package/lib-es/components/ContentGroup/helpers/get-sections-data.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"get-sections-data.js","names":["getSectionsData","sections","map","section","props","component","settings","label","name"],"sources":["../../../../src/components/ContentGroup/helpers/get-sections-data.js"],"sourcesContent":["const getSectionsData = sections =>\n  sections.map(section => {\n    const { props: { component: { settings: { label, name } = {} } = {} } = {} } = section;\n    return [name, label];\n  });\n\nexport default getSectionsData;\n"],"mappings":"AAAA,MAAMA,eAAe,GAAGC,QAAQ,IAC9BA,QAAQ,CAACC,GAAG,CAACC,OAAO,IAAI;EACtB,MAAM;IAAEC,KAAK,EAAE;MAAEC,SAAS,EAAE;QAAEC,QAAQ,EAAE;UAAEC,KAAK;UAAEC;QAAK,CAAC,GAAG,CAAC;MAAE,CAAC,GAAG,CAAC;IAAE,CAAC,GAAG,CAAC;EAAE,CAAC,GAAGL,OAAO;EACtF,OAAO,CAACK,IAAI,EAAED,KAAK,CAAC;AACtB,CAAC,CAAC;AAEJ,eAAeP,eAAe"}

package/lib-es/components/ContentGroup/helpers/index.js

@@ -0,0 +1,4 @@
+import getSectionsData from './get-sections-data';
+import getActiveTab from './get-active-tab';
+export { getSectionsData, getActiveTab };
+//# sourceMappingURL=index.js.map

package/lib-es/components/ContentGroup/helpers/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","names":["getSectionsData","getActiveTab"],"sources":["../../../../src/components/ContentGroup/helpers/index.js"],"sourcesContent":["import getSectionsData from './get-sections-data';\nimport getActiveTab from './get-active-tab';\n\nexport { getSectionsData, getActiveTab };\n"],"mappings":"AAAA,OAAOA,eAAe,MAAM,qBAAqB;AACjD,OAAOC,YAAY,MAAM,kBAAkB;AAE3C,SAASD,eAAe,EAAEC,YAAY"}

package/lib-es/components/ContentGroupSection/ContentGroupSection.js

@@ -1,15 +1,17 @@
 import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProperties";
-const _excluded = ["children"];
+const _excluded = ["children", "name"];
 import React from 'react';
 import PropTypes from 'prop-types';
 import { hasChildren } from '../../helpers';
 const ContentGroupSection = _ref => {
   let {
-      children
+      children,
+      name
     } = _ref,
     props = _objectWithoutProperties(_ref, _excluded);
   if (!hasChildren(children)) return null;
   return /*#__PURE__*/React.createElement("div", {
+    key: name,
     className: "content-group-section"
   }, children);
 };

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

@@ -1 +1 @@
-{"version":3,"file":"ContentGroupSection.js","names":["React","PropTypes","hasChildren","ContentGroupSection","children","props","propTypes","oneOfType","arrayOf","node","defaultProps"],"sources":["../../../src/components/ContentGroupSection/ContentGroupSection.js"],"sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\nimport { hasChildren } from '../../helpers';\n\nconst ContentGroupSection = ({ children, ...props }) => {\n  if (!hasChildren(children)) return null;\n\n  return <div className=\"content-group-section\">{children}</div>;\n};\n\nContentGroupSection.propTypes = {\n  children: PropTypes.oneOfType([PropTypes.arrayOf(PropTypes.node), PropTypes.node])\n};\n\nContentGroupSection.defaultProps = { children: null };\n\nexport default ContentGroupSection;\n"],"mappings":";;AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,OAAOC,SAAS,MAAM,YAAY;AAClC,SAASC,WAAW,QAAQ,eAAe;AAE3C,MAAMC,mBAAmB,GAAG,QAA4B;EAAA,IAA3B;MAAEC;IAAmB,CAAC;IAAPC,KAAK;EAC/C,IAAI,CAACH,WAAW,CAACE,QAAQ,CAAC,EAAE,OAAO,IAAI;EAEvC,oBAAO;IAAK,SAAS,EAAC;EAAuB,GAAEA,QAAQ,CAAO;AAChE,CAAC;AAEDD,mBAAmB,CAACG,SAAS,GAAG;EAC9BF,QAAQ,EAAEH,SAAS,CAACM,SAAS,CAAC,CAACN,SAAS,CAACO,OAAO,CAACP,SAAS,CAACQ,IAAI,CAAC,EAAER,SAAS,CAACQ,IAAI,CAAC;AACnF,CAAC;AAEDN,mBAAmB,CAACO,YAAY,GAAG;EAAEN,QAAQ,EAAE;AAAK,CAAC;AAErD,eAAeD,mBAAmB"}
+{"version":3,"file":"ContentGroupSection.js","names":["React","PropTypes","hasChildren","ContentGroupSection","children","name","props","propTypes","oneOfType","arrayOf","node","defaultProps"],"sources":["../../../src/components/ContentGroupSection/ContentGroupSection.js"],"sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\nimport { hasChildren } from '../../helpers';\n\nconst ContentGroupSection = ({ children, name, ...props }) => {\n  if (!hasChildren(children)) return null;\n\n  return (\n    <div key={name} className=\"content-group-section\">\n      {children}\n    </div>\n  );\n};\n\nContentGroupSection.propTypes = {\n  children: PropTypes.oneOfType([PropTypes.arrayOf(PropTypes.node), PropTypes.node])\n};\n\nContentGroupSection.defaultProps = { children: null };\n\nexport default ContentGroupSection;\n"],"mappings":";;AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,OAAOC,SAAS,MAAM,YAAY;AAClC,SAASC,WAAW,QAAQ,eAAe;AAE3C,MAAMC,mBAAmB,GAAG,QAAkC;EAAA,IAAjC;MAAEC,QAAQ;MAAEC;IAAe,CAAC;IAAPC,KAAK;EACrD,IAAI,CAACJ,WAAW,CAACE,QAAQ,CAAC,EAAE,OAAO,IAAI;EAEvC,oBACE;IAAK,GAAG,EAAEC,IAAK;IAAC,SAAS,EAAC;EAAuB,GAC9CD,QAAQ,CACL;AAEV,CAAC;AAEDD,mBAAmB,CAACI,SAAS,GAAG;EAC9BH,QAAQ,EAAEH,SAAS,CAACO,SAAS,CAAC,CAACP,SAAS,CAACQ,OAAO,CAACR,SAAS,CAACS,IAAI,CAAC,EAAET,SAAS,CAACS,IAAI,CAAC;AACnF,CAAC;AAEDP,mBAAmB,CAACQ,YAAY,GAAG;EAAEP,QAAQ,EAAE;AAAK,CAAC;AAErD,eAAeD,mBAAmB"}

package/lib-es/components/List/components/Cards/CardsRenderItem.js

@@ -78,7 +78,7 @@ const CardsRenderItem = ({
     overlayModifier: overlayModifier,
     titleOverlayModifier: titleOverlayModifier
   }, cardProps))), shouldRenderBanner && /*#__PURE__*/React.createElement(Banner, _extends({}, bannerProps, {
-    renderCounter: bannerIndex
+    cardBannerIndex: bannerIndex
   })));
 };
 CardsRenderItem.propTypes = {

package/lib-es/components/List/components/Cards/CardsRenderItem.js.map

@@ -1 +1 @@
-{"version":3,"file":"CardsRenderItem.js","names":["React","PropTypes","Waypoint","Card","shouldRenderWaypoint","renderChildren","parsePropsToDisplay","checkIfShouldRenderGtm","Banner","CardsRenderItem","cardProps","listProps","bannerProps","index","entity","currentListLength","cardChildren","gtmChildren","modifier","gridModifier","propsToDisplayModifiers","propsToDisplay","shouldRenderBanner","bannerIndex","priority","enableOverlay","autoScrollTimer","arrowSize","overlayModifier","titleOverlayModifier","initialOffset","isInfinite","style","name","id","triggerInfiniteScroll","displayCount","displayCategory","displayThumbnail","displayTitle","listTotal","itemsPerPage","currentItemIndex","renderWaypoint","shouldRenderGtm","parsedPropsToDisplay","propTypes","object","isRequired","number","array","bool","string","oneOfType","arrayOf","node","defaultProps"],"sources":["../../../../../src/components/List/components/Cards/CardsRenderItem.js"],"sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\nimport { Waypoint } from 'react-waypoint';\nimport Card from '../../../Card/Card';\nimport { shouldRenderWaypoint, renderChildren, parsePropsToDisplay } from '../../../../helpers';\nimport { checkIfShouldRenderGtm } from '../helpers';\nimport Banner from '../../../Banner';\n\nconst CardsRenderItem = ({\n  cardProps,\n  listProps,\n  bannerProps,\n  index,\n  entity,\n  currentListLength,\n  cardChildren,\n  gtmChildren,\n  modifier,\n  gridModifier,\n  propsToDisplayModifiers,\n  propsToDisplay,\n  shouldRenderBanner,\n  bannerIndex,\n  priority,\n  enableOverlay,\n  autoScrollTimer,\n  arrowSize,\n  overlayModifier,\n  titleOverlayModifier\n}) => {\n  const {\n    initialOffset,\n    isInfinite,\n    style,\n    name,\n    id,\n    triggerInfiniteScroll,\n    displayCount,\n    displayCategory = true,\n    displayThumbnail = true,\n    displayTitle = true,\n    listTotal,\n    itemsPerPage\n  } = listProps;\n\n  const currentItemIndex = initialOffset + index;\n  const renderWaypoint =\n    isInfinite && shouldRenderWaypoint(index, currentListLength, currentItemIndex, listTotal);\n  const shouldRenderGtm =\n    gtmChildren && checkIfShouldRenderGtm(itemsPerPage, currentListLength, index);\n\n  const parsedPropsToDisplay = parsePropsToDisplay(cardProps, propsToDisplay);\n\n  return (\n    <>\n      {shouldRenderGtm && renderChildren(gtmChildren)}\n      {displayCount && (\n        <div className=\"heading heading--section heading--section--count\">\n          <span className=\"section-number\">{currentItemIndex + 1}</span>\n          <span className=\"section-total\">/{listTotal}</span>\n        </div>\n      )}\n      <div className=\"list__item list__item--compact\">\n        {renderWaypoint && <Waypoint onEnter={triggerInfiniteScroll} />}\n        <Card\n          id={id}\n          entity={entity}\n          gridModifier={gridModifier}\n          propsToDisplay={propsToDisplay}\n          parsedPropsToDisplay={parsedPropsToDisplay}\n          propsToDisplayModifiers={propsToDisplayModifiers}\n          modifier={modifier}\n          style={style}\n          cardChildren={cardChildren}\n          displayCategory={displayCategory}\n          displayThumbnail={displayThumbnail}\n          displayTitle={displayTitle}\n          cardProps={cardProps}\n          gtmId={name}\n          gtmChildren={gtmChildren}\n          priority={priority}\n          arrowSize={arrowSize}\n          enableOverlay={enableOverlay}\n          overlayModifier={overlayModifier}\n          titleOverlayModifier={titleOverlayModifier}\n          {...cardProps}\n        />\n      </div>\n      {shouldRenderBanner && <Banner {...bannerProps} renderCounter={bannerIndex} />}\n    </>\n  );\n};\n\nCardsRenderItem.propTypes = {\n  cardProps: PropTypes.object.isRequired,\n  listProps: PropTypes.object.isRequired,\n  index: PropTypes.number.isRequired,\n  currentListLength: PropTypes.number.isRequired,\n  propsToDisplayModifiers: PropTypes.array.isRequired,\n  shouldRenderBanner: PropTypes.bool.isRequired,\n  bannerIndex: PropTypes.number.isRequired,\n  bannerProps: PropTypes.object,\n  gridModifier: PropTypes.string,\n  propsToDisplay: PropTypes.array,\n  entity: PropTypes.string.isRequired,\n  modifier: PropTypes.string,\n  cardChildren: PropTypes.oneOfType([PropTypes.arrayOf(PropTypes.node), PropTypes.node]),\n  gtmChildren: PropTypes.oneOfType([PropTypes.arrayOf(PropTypes.node), PropTypes.node]),\n  priority: PropTypes.bool,\n  enableOverlay: PropTypes.bool,\n  overlayModifier: PropTypes.string,\n  titleOverlayModifier: PropTypes.string,\n  autoScrollTimer: PropTypes.number,\n  arrowSize: PropTypes.string\n};\n\nCardsRenderItem.defaultProps = {\n  priority: false,\n  bannerProps: null,\n  gridModifier: '',\n  propsToDisplay: [],\n  modifier: '',\n  cardChildren: [],\n  gtmChildren: [],\n  enableOverlay: false,\n  autoScrollTimer: 0,\n  overlayModifier: '',\n  titleOverlayModifier: '',\n  arrowSize: ''\n};\n\nexport default CardsRenderItem;\n"],"mappings":"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"}
+{"version":3,"file":"CardsRenderItem.js","names":["React","PropTypes","Waypoint","Card","shouldRenderWaypoint","renderChildren","parsePropsToDisplay","checkIfShouldRenderGtm","Banner","CardsRenderItem","cardProps","listProps","bannerProps","index","entity","currentListLength","cardChildren","gtmChildren","modifier","gridModifier","propsToDisplayModifiers","propsToDisplay","shouldRenderBanner","bannerIndex","priority","enableOverlay","autoScrollTimer","arrowSize","overlayModifier","titleOverlayModifier","initialOffset","isInfinite","style","name","id","triggerInfiniteScroll","displayCount","displayCategory","displayThumbnail","displayTitle","listTotal","itemsPerPage","currentItemIndex","renderWaypoint","shouldRenderGtm","parsedPropsToDisplay","propTypes","object","isRequired","number","array","bool","string","oneOfType","arrayOf","node","defaultProps"],"sources":["../../../../../src/components/List/components/Cards/CardsRenderItem.js"],"sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\nimport { Waypoint } from 'react-waypoint';\nimport Card from '../../../Card/Card';\nimport { shouldRenderWaypoint, renderChildren, parsePropsToDisplay } from '../../../../helpers';\nimport { checkIfShouldRenderGtm } from '../helpers';\nimport Banner from '../../../Banner';\n\nconst CardsRenderItem = ({\n  cardProps,\n  listProps,\n  bannerProps,\n  index,\n  entity,\n  currentListLength,\n  cardChildren,\n  gtmChildren,\n  modifier,\n  gridModifier,\n  propsToDisplayModifiers,\n  propsToDisplay,\n  shouldRenderBanner,\n  bannerIndex,\n  priority,\n  enableOverlay,\n  autoScrollTimer,\n  arrowSize,\n  overlayModifier,\n  titleOverlayModifier\n}) => {\n  const {\n    initialOffset,\n    isInfinite,\n    style,\n    name,\n    id,\n    triggerInfiniteScroll,\n    displayCount,\n    displayCategory = true,\n    displayThumbnail = true,\n    displayTitle = true,\n    listTotal,\n    itemsPerPage\n  } = listProps;\n\n  const currentItemIndex = initialOffset + index;\n  const renderWaypoint =\n    isInfinite && shouldRenderWaypoint(index, currentListLength, currentItemIndex, listTotal);\n  const shouldRenderGtm =\n    gtmChildren && checkIfShouldRenderGtm(itemsPerPage, currentListLength, index);\n\n  const parsedPropsToDisplay = parsePropsToDisplay(cardProps, propsToDisplay);\n\n  return (\n    <>\n      {shouldRenderGtm && renderChildren(gtmChildren)}\n      {displayCount && (\n        <div className=\"heading heading--section heading--section--count\">\n          <span className=\"section-number\">{currentItemIndex + 1}</span>\n          <span className=\"section-total\">/{listTotal}</span>\n        </div>\n      )}\n      <div className=\"list__item list__item--compact\">\n        {renderWaypoint && <Waypoint onEnter={triggerInfiniteScroll} />}\n        <Card\n          id={id}\n          entity={entity}\n          gridModifier={gridModifier}\n          propsToDisplay={propsToDisplay}\n          parsedPropsToDisplay={parsedPropsToDisplay}\n          propsToDisplayModifiers={propsToDisplayModifiers}\n          modifier={modifier}\n          style={style}\n          cardChildren={cardChildren}\n          displayCategory={displayCategory}\n          displayThumbnail={displayThumbnail}\n          displayTitle={displayTitle}\n          cardProps={cardProps}\n          gtmId={name}\n          gtmChildren={gtmChildren}\n          priority={priority}\n          arrowSize={arrowSize}\n          enableOverlay={enableOverlay}\n          overlayModifier={overlayModifier}\n          titleOverlayModifier={titleOverlayModifier}\n          {...cardProps}\n        />\n      </div>\n      {shouldRenderBanner && <Banner {...bannerProps} cardBannerIndex={bannerIndex} />}\n    </>\n  );\n};\n\nCardsRenderItem.propTypes = {\n  cardProps: PropTypes.object.isRequired,\n  listProps: PropTypes.object.isRequired,\n  index: PropTypes.number.isRequired,\n  currentListLength: PropTypes.number.isRequired,\n  propsToDisplayModifiers: PropTypes.array.isRequired,\n  shouldRenderBanner: PropTypes.bool.isRequired,\n  bannerIndex: PropTypes.number.isRequired,\n  bannerProps: PropTypes.object,\n  gridModifier: PropTypes.string,\n  propsToDisplay: PropTypes.array,\n  entity: PropTypes.string.isRequired,\n  modifier: PropTypes.string,\n  cardChildren: PropTypes.oneOfType([PropTypes.arrayOf(PropTypes.node), PropTypes.node]),\n  gtmChildren: PropTypes.oneOfType([PropTypes.arrayOf(PropTypes.node), PropTypes.node]),\n  priority: PropTypes.bool,\n  enableOverlay: PropTypes.bool,\n  overlayModifier: PropTypes.string,\n  titleOverlayModifier: PropTypes.string,\n  autoScrollTimer: PropTypes.number,\n  arrowSize: PropTypes.string\n};\n\nCardsRenderItem.defaultProps = {\n  priority: false,\n  bannerProps: null,\n  gridModifier: '',\n  propsToDisplay: [],\n  modifier: '',\n  cardChildren: [],\n  gtmChildren: [],\n  enableOverlay: false,\n  autoScrollTimer: 0,\n  overlayModifier: '',\n  titleOverlayModifier: '',\n  arrowSize: ''\n};\n\nexport default CardsRenderItem;\n"],"mappings":"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"}

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

@@ -55,7 +55,7 @@ const FullRenderItem = ({
   })), !!parsedPropsToDisplay.length && /*#__PURE__*/React.createElement(React.Fragment, null, parsedPropsToDisplay.map(prop => prop ? /*#__PURE__*/React.createElement("span", {
     key: prop
   }, prop) : null)), shouldRenderBanner && /*#__PURE__*/React.createElement(Banner, _extends({}, bannerProps, {
-    renderCounter: bannerIndex
+    cardBannerIndex: bannerIndex
   })));
 };
 FullRenderItem.propTypes = {

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

@@ -1 +1 @@
-{"version":3,"file":"FullRenderItem.js","names":["React","useContext","PropTypes","Waypoint","MainContext","BuildPBComponents","Banner","parsePropsToDisplay","shouldRenderWaypoint","FullRenderItem","isInfinite","pageBuilderComponents","entityProps","propsToDisplay","entity","index","itemId","listTotal","initialOffset","currentListLength","triggerInfiniteScroll","parent","pageBuilderID","displayCount","shouldRenderBanner","bannerProps","bannerIndex","hasGTM","parsedPropsToDisplay","currentItemIndex","renderWaypoint","itemEntity","length","map","prop","propTypes","array","object","isRequired","number","bool","func","string","data","itemsToDisplay","defaultProps"],"sources":["../../../../../src/components/List/components/Full/FullRenderItem.js"],"sourcesContent":["import React, { useContext } from 'react';\nimport PropTypes from 'prop-types';\nimport { Waypoint } from 'react-waypoint';\nimport { MainContext } from '@blaze-cms/nextjs-components';\nimport BuildPBComponents from '../../../../hooks/helpers/buildPBComponents';\nimport Banner from '../../../Banner';\nimport { parsePropsToDisplay, shouldRenderWaypoint } from '../../../../helpers';\n\nconst FullRenderItem = ({\n  isInfinite,\n  pageBuilderComponents,\n  entityProps,\n  propsToDisplay,\n  entity,\n  index,\n  itemId,\n  listTotal,\n  initialOffset,\n  currentListLength,\n  triggerInfiniteScroll,\n  parent,\n  pageBuilderID,\n  displayCount,\n  shouldRenderBanner,\n  bannerProps,\n  bannerIndex\n}) => {\n  const { hasGTM } = useContext(MainContext);\n  if (!pageBuilderComponents) return null;\n  const parsedPropsToDisplay = parsePropsToDisplay(entityProps, propsToDisplay);\n  const currentItemIndex = initialOffset + index;\n  const renderWaypoint =\n    isInfinite && shouldRenderWaypoint(index, currentListLength, currentItemIndex, listTotal);\n  return (\n    <>\n      {renderWaypoint && <Waypoint onEnter={triggerInfiniteScroll} />}\n      {displayCount && (\n        <div className=\"heading heading--section heading--section--count\">\n          <span className=\"section-number\">{currentItemIndex + 1}</span>\n          <span className=\"section-total\">/{listTotal}</span>\n        </div>\n      )}\n      <div className=\"list__item list__item--full\">\n        {BuildPBComponents(pageBuilderComponents, {\n          parent: { ...parent, itemId, itemEntity: entity },\n          hasGTM,\n          pageBuilderID\n        })}\n      </div>\n      {!!parsedPropsToDisplay.length && (\n        <>{parsedPropsToDisplay.map(prop => (prop ? <span key={prop}>{prop}</span> : null))}</>\n      )}\n      {shouldRenderBanner && <Banner {...bannerProps} renderCounter={bannerIndex} />}\n    </>\n  );\n};\n\nFullRenderItem.propTypes = {\n  pageBuilderComponents: PropTypes.array,\n  entityProps: PropTypes.object.isRequired,\n  parent: PropTypes.object.isRequired,\n  currentListLength: PropTypes.number.isRequired,\n  listTotal: PropTypes.number.isRequired,\n  initialOffset: PropTypes.number.isRequired,\n  displayCount: PropTypes.bool.isRequired,\n  triggerInfiniteScroll: PropTypes.func,\n  entity: PropTypes.string.isRequired,\n  pageBuilderID: PropTypes.string.isRequired,\n  itemId: PropTypes.string.isRequired,\n  index: PropTypes.number.isRequired,\n  isInfinite: PropTypes.bool.isRequired,\n  shouldRenderBanner: PropTypes.bool.isRequired,\n  bannerIndex: PropTypes.number.isRequired,\n  propsToDisplay: PropTypes.array,\n  data: PropTypes.array,\n  itemsToDisplay: PropTypes.array,\n  bannerProps: PropTypes.object\n};\n\nFullRenderItem.defaultProps = {\n  pageBuilderComponents: null,\n  data: [],\n  propsToDisplay: [],\n  itemsToDisplay: [],\n  triggerInfiniteScroll: null,\n  bannerProps: null\n};\n\nexport default FullRenderItem;\n"],"mappings":"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"}
+{"version":3,"file":"FullRenderItem.js","names":["React","useContext","PropTypes","Waypoint","MainContext","BuildPBComponents","Banner","parsePropsToDisplay","shouldRenderWaypoint","FullRenderItem","isInfinite","pageBuilderComponents","entityProps","propsToDisplay","entity","index","itemId","listTotal","initialOffset","currentListLength","triggerInfiniteScroll","parent","pageBuilderID","displayCount","shouldRenderBanner","bannerProps","bannerIndex","hasGTM","parsedPropsToDisplay","currentItemIndex","renderWaypoint","itemEntity","length","map","prop","propTypes","array","object","isRequired","number","bool","func","string","data","itemsToDisplay","defaultProps"],"sources":["../../../../../src/components/List/components/Full/FullRenderItem.js"],"sourcesContent":["import React, { useContext } from 'react';\nimport PropTypes from 'prop-types';\nimport { Waypoint } from 'react-waypoint';\nimport { MainContext } from '@blaze-cms/nextjs-components';\nimport BuildPBComponents from '../../../../hooks/helpers/buildPBComponents';\nimport Banner from '../../../Banner';\nimport { parsePropsToDisplay, shouldRenderWaypoint } from '../../../../helpers';\n\nconst FullRenderItem = ({\n  isInfinite,\n  pageBuilderComponents,\n  entityProps,\n  propsToDisplay,\n  entity,\n  index,\n  itemId,\n  listTotal,\n  initialOffset,\n  currentListLength,\n  triggerInfiniteScroll,\n  parent,\n  pageBuilderID,\n  displayCount,\n  shouldRenderBanner,\n  bannerProps,\n  bannerIndex\n}) => {\n  const { hasGTM } = useContext(MainContext);\n  if (!pageBuilderComponents) return null;\n  const parsedPropsToDisplay = parsePropsToDisplay(entityProps, propsToDisplay);\n  const currentItemIndex = initialOffset + index;\n  const renderWaypoint =\n    isInfinite && shouldRenderWaypoint(index, currentListLength, currentItemIndex, listTotal);\n  return (\n    <>\n      {renderWaypoint && <Waypoint onEnter={triggerInfiniteScroll} />}\n      {displayCount && (\n        <div className=\"heading heading--section heading--section--count\">\n          <span className=\"section-number\">{currentItemIndex + 1}</span>\n          <span className=\"section-total\">/{listTotal}</span>\n        </div>\n      )}\n      <div className=\"list__item list__item--full\">\n        {BuildPBComponents(pageBuilderComponents, {\n          parent: { ...parent, itemId, itemEntity: entity },\n          hasGTM,\n          pageBuilderID\n        })}\n      </div>\n      {!!parsedPropsToDisplay.length && (\n        <>{parsedPropsToDisplay.map(prop => (prop ? <span key={prop}>{prop}</span> : null))}</>\n      )}\n      {shouldRenderBanner && <Banner {...bannerProps} cardBannerIndex={bannerIndex} />}\n    </>\n  );\n};\n\nFullRenderItem.propTypes = {\n  pageBuilderComponents: PropTypes.array,\n  entityProps: PropTypes.object.isRequired,\n  parent: PropTypes.object.isRequired,\n  currentListLength: PropTypes.number.isRequired,\n  listTotal: PropTypes.number.isRequired,\n  initialOffset: PropTypes.number.isRequired,\n  displayCount: PropTypes.bool.isRequired,\n  triggerInfiniteScroll: PropTypes.func,\n  entity: PropTypes.string.isRequired,\n  pageBuilderID: PropTypes.string.isRequired,\n  itemId: PropTypes.string.isRequired,\n  index: PropTypes.number.isRequired,\n  isInfinite: PropTypes.bool.isRequired,\n  shouldRenderBanner: PropTypes.bool.isRequired,\n  bannerIndex: PropTypes.number.isRequired,\n  propsToDisplay: PropTypes.array,\n  data: PropTypes.array,\n  itemsToDisplay: PropTypes.array,\n  bannerProps: PropTypes.object\n};\n\nFullRenderItem.defaultProps = {\n  pageBuilderComponents: null,\n  data: [],\n  propsToDisplay: [],\n  itemsToDisplay: [],\n  triggerInfiniteScroll: null,\n  bannerProps: null\n};\n\nexport default FullRenderItem;\n"],"mappings":"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"}

package/lib-es/components/Video/providers/YouTube/YoutubeEmbeded.js

@@ -47,18 +47,22 @@ const YoutubeEmbeded = ({
   const iframeSrc = !playlist ? `${ytUrl}/embed/${encodedId}?autoplay=1${mutedValue}${paramsImp}` : `${ytUrl}/embed/videoseries?autoplay=1${mutedValue}&list=${encodedId}${paramsImp}`;
   const parsedWrapperClassname = `yt-facade ${renderIframe ? 'yt-activated' : ''}`;
   useEffect(() => {
+    let isMounted = true;
     if (!priority && !isIntersecting || imageSize === YT_HQ_FORMAT) return;
     const img = new Image();
     // eslint-disable-next-line func-names
     img.onload = function () {
       let newImageSize = imageSize;
       if (this && this.width === 120) newImageSize = YT_HQ_FORMAT;
-      setImageDetails({
+      if (isMounted) setImageDetails({
         imageSize: newImageSize,
         displayImage: true
       });
     };
     img.src = posterUrl;
+    return () => {
+      isMounted = false;
+    };
   }, [imageSize, isIntersecting, posterUrl, priority]);
   const warmConnections = () => {
     if (preconnected) return;