@blaze-cms/react-page-builder 0.125.0-admin-updates.1 → 0.125.0-alpha.13

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

@@ -4,15 +4,13 @@ const _excluded = ["caption", "imageIds", "isCaptionDisplayed"];
 import React from 'react';
 import PropTypes from 'prop-types';
 import CarouselRender from './CarouselRender';
-
 const Carousel = _ref => {
   let {
-    caption,
-    imageIds,
-    isCaptionDisplayed
-  } = _ref,
-      otherProps = _objectWithoutProperties(_ref, _excluded);
-
+      caption,
+      imageIds,
+      isCaptionDisplayed
+    } = _ref,
+    otherProps = _objectWithoutProperties(_ref, _excluded);
   if (!imageIds || !imageIds.length) return null;
   const shouldDisplayCaption = isCaptionDisplayed && caption;
   return /*#__PURE__*/React.createElement("div", {
@@ -26,7 +24,6 @@ const Carousel = _ref => {
     className: "caption"
   }, caption)));
 };
-
 Carousel.propTypes = {
   caption: PropTypes.string,
   imageIds: PropTypes.array,

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

@@ -1 +1 @@
-{"version":3,"file":"Carousel.js","names":["React","PropTypes","CarouselRender","Carousel","caption","imageIds","isCaptionDisplayed","otherProps","length","shouldDisplayCaption","propTypes","string","array","bool","defaultProps"],"sources":["../../../src/components/Carousel/Carousel.js"],"sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\nimport CarouselRender from './CarouselRender';\n\nconst Carousel = ({ caption, imageIds, isCaptionDisplayed, ...otherProps }) => {\n  if (!imageIds || !imageIds.length) return null;\n  const shouldDisplayCaption = isCaptionDisplayed && caption;\n\n  return (\n    <div className=\"carousel\">\n      <div>\n        <CarouselRender imageIds={imageIds} {...otherProps} />\n      </div>\n      {shouldDisplayCaption && (\n        <div className=\"carousel__details\" data-testid=\"carousel-details\">\n          <div className=\"caption\">{caption}</div>\n        </div>\n      )}\n    </div>\n  );\n};\n\nCarousel.propTypes = {\n  caption: PropTypes.string,\n  imageIds: PropTypes.array,\n  isCaptionDisplayed: PropTypes.bool\n};\n\nCarousel.defaultProps = {\n  caption: '',\n  imageIds: [],\n  isCaptionDisplayed: false\n};\n\nexport default Carousel;\n"],"mappings":";;;AAAA,OAAOA,KAAP,MAAkB,OAAlB;AACA,OAAOC,SAAP,MAAsB,YAAtB;AACA,OAAOC,cAAP,MAA2B,kBAA3B;;AAEA,MAAMC,QAAQ,GAAG,QAA8D;EAAA,IAA7D;IAAEC,OAAF;IAAWC,QAAX;IAAqBC;EAArB,CAA6D;EAAA,IAAjBC,UAAiB;;EAC7E,IAAI,CAACF,QAAD,IAAa,CAACA,QAAQ,CAACG,MAA3B,EAAmC,OAAO,IAAP;EACnC,MAAMC,oBAAoB,GAAGH,kBAAkB,IAAIF,OAAnD;EAEA,oBACE;IAAK,SAAS,EAAC;EAAf,gBACE,8CACE,oBAAC,cAAD;IAAgB,QAAQ,EAAEC;EAA1B,GAAwCE,UAAxC,EADF,CADF,EAIGE,oBAAoB,iBACnB;IAAK,SAAS,EAAC,mBAAf;IAAmC,eAAY;EAA/C,gBACE;IAAK,SAAS,EAAC;EAAf,GAA0BL,OAA1B,CADF,CALJ,CADF;AAYD,CAhBD;;AAkBAD,QAAQ,CAACO,SAAT,GAAqB;EACnBN,OAAO,EAAEH,SAAS,CAACU,MADA;EAEnBN,QAAQ,EAAEJ,SAAS,CAACW,KAFD;EAGnBN,kBAAkB,EAAEL,SAAS,CAACY;AAHX,CAArB;AAMAV,QAAQ,CAACW,YAAT,GAAwB;EACtBV,OAAO,EAAE,EADa;EAEtBC,QAAQ,EAAE,EAFY;EAGtBC,kBAAkB,EAAE;AAHE,CAAxB;AAMA,eAAeH,QAAf"}
+{"version":3,"file":"Carousel.js","names":["React","PropTypes","CarouselRender","Carousel","caption","imageIds","isCaptionDisplayed","otherProps","length","shouldDisplayCaption","propTypes","string","array","bool","defaultProps"],"sources":["../../../src/components/Carousel/Carousel.js"],"sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\nimport CarouselRender from './CarouselRender';\n\nconst Carousel = ({ caption, imageIds, isCaptionDisplayed, ...otherProps }) => {\n  if (!imageIds || !imageIds.length) return null;\n  const shouldDisplayCaption = isCaptionDisplayed && caption;\n\n  return (\n    <div className=\"carousel\">\n      <div>\n        <CarouselRender imageIds={imageIds} {...otherProps} />\n      </div>\n      {shouldDisplayCaption && (\n        <div className=\"carousel__details\" data-testid=\"carousel-details\">\n          <div className=\"caption\">{caption}</div>\n        </div>\n      )}\n    </div>\n  );\n};\n\nCarousel.propTypes = {\n  caption: PropTypes.string,\n  imageIds: PropTypes.array,\n  isCaptionDisplayed: PropTypes.bool\n};\n\nCarousel.defaultProps = {\n  caption: '',\n  imageIds: [],\n  isCaptionDisplayed: false\n};\n\nexport default Carousel;\n"],"mappings":";;;AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,OAAOC,SAAS,MAAM,YAAY;AAClC,OAAOC,cAAc,MAAM,kBAAkB;AAE7C,MAAMC,QAAQ,GAAG,QAA8D;EAAA,IAA7D;MAAEC,OAAO;MAAEC,QAAQ;MAAEC;IAAkC,CAAC;IAAZC,UAAU;EACtE,IAAI,CAACF,QAAQ,IAAI,CAACA,QAAQ,CAACG,MAAM,EAAE,OAAO,IAAI;EAC9C,MAAMC,oBAAoB,GAAGH,kBAAkB,IAAIF,OAAO;EAE1D,oBACE;IAAK,SAAS,EAAC;EAAU,gBACvB,8CACE,oBAAC,cAAc;IAAC,QAAQ,EAAEC;EAAS,GAAKE,UAAU,EAAI,CAClD,EACLE,oBAAoB,iBACnB;IAAK,SAAS,EAAC,mBAAmB;IAAC,eAAY;EAAkB,gBAC/D;IAAK,SAAS,EAAC;EAAS,GAAEL,OAAO,CAAO,CAE3C,CACG;AAEV,CAAC;AAEDD,QAAQ,CAACO,SAAS,GAAG;EACnBN,OAAO,EAAEH,SAAS,CAACU,MAAM;EACzBN,QAAQ,EAAEJ,SAAS,CAACW,KAAK;EACzBN,kBAAkB,EAAEL,SAAS,CAACY;AAChC,CAAC;AAEDV,QAAQ,CAACW,YAAY,GAAG;EACtBV,OAAO,EAAE,EAAE;EACXC,QAAQ,EAAE,EAAE;EACZC,kBAAkB,EAAE;AACtB,CAAC;AAED,eAAeH,QAAQ"}

package/lib-es/components/Carousel/CarouselImage/CarouselImage.js

@@ -3,7 +3,6 @@ import PropTypes from 'prop-types';
 import { useGetImages } from '../../../hooks';
 import { getImageData } from '../../../utils';
 import LazyImage from '../../LazyImage';
-
 const CarouselImage = ({
   imageId,
   enableLightbox,
@@ -28,13 +27,11 @@ const CarouselImage = ({
   const {
     altText
   } = getImageData({}, imageData);
-
   const handleEnableLightbox = () => {
     if (!enableLightbox) return;
     toggleModal();
     handleSelectedImage(imageId);
   };
-
   return /*#__PURE__*/React.createElement("div", {
     className: "carousel__slide"
   }, loading ? /*#__PURE__*/React.createElement("div", null) : /*#__PURE__*/React.createElement(LazyImage, {
@@ -45,7 +42,6 @@ const CarouselImage = ({
     role: "button"
   }));
 };
-
 CarouselImage.propTypes = {
   imageId: PropTypes.string.isRequired,
   enableLightbox: PropTypes.bool.isRequired,

package/lib-es/components/Carousel/CarouselImage/CarouselImage.js.map

@@ -1 +1 @@
-{"version":3,"file":"CarouselImage.js","names":["React","PropTypes","useGetImages","getImageData","LazyImage","CarouselImage","imageId","enableLightbox","toggleModal","handleSelectedImage","data","loading","error","message","url","imageUrl","imageData","getFile","altText","handleEnableLightbox","propTypes","string","isRequired","bool","func"],"sources":["../../../../src/components/Carousel/CarouselImage/CarouselImage.js"],"sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\nimport { useGetImages } from '../../../hooks';\nimport { getImageData } from '../../../utils';\nimport LazyImage from '../../LazyImage';\n\nconst CarouselImage = ({ imageId, enableLightbox, toggleModal, handleSelectedImage }) => {\n  const { data, loading, error } = useGetImages(imageId);\n\n  if (error) return error.message;\n\n  const { url: imageUrl = '', data: imageData = {} } = data.getFile || {\n    getFile: { url: '', data: {} }\n  };\n\n  const { altText } = getImageData({}, imageData);\n\n  const handleEnableLightbox = () => {\n    if (!enableLightbox) return;\n    toggleModal();\n    handleSelectedImage(imageId);\n  };\n\n  return (\n    <div className=\"carousel__slide\">\n      {loading ? (\n        <div />\n      ) : (\n        <LazyImage\n          src={imageUrl}\n          alt={altText}\n          sizeKey=\"carousel\"\n          onClick={handleEnableLightbox}\n          role=\"button\"\n        />\n      )}\n    </div>\n  );\n};\n\nCarouselImage.propTypes = {\n  imageId: PropTypes.string.isRequired,\n  enableLightbox: PropTypes.bool.isRequired,\n  toggleModal: PropTypes.func.isRequired,\n  handleSelectedImage: PropTypes.func.isRequired\n};\n\nexport default CarouselImage;\n"],"mappings":"AAAA,OAAOA,KAAP,MAAkB,OAAlB;AACA,OAAOC,SAAP,MAAsB,YAAtB;AACA,SAASC,YAAT,QAA6B,gBAA7B;AACA,SAASC,YAAT,QAA6B,gBAA7B;AACA,OAAOC,SAAP,MAAsB,iBAAtB;;AAEA,MAAMC,aAAa,GAAG,CAAC;EAAEC,OAAF;EAAWC,cAAX;EAA2BC,WAA3B;EAAwCC;AAAxC,CAAD,KAAmE;EACvF,MAAM;IAAEC,IAAF;IAAQC,OAAR;IAAiBC;EAAjB,IAA2BV,YAAY,CAACI,OAAD,CAA7C;EAEA,IAAIM,KAAJ,EAAW,OAAOA,KAAK,CAACC,OAAb;EAEX,MAAM;IAAEC,GAAG,EAAEC,QAAQ,GAAG,EAAlB;IAAsBL,IAAI,EAAEM,SAAS,GAAG;EAAxC,IAA+CN,IAAI,CAACO,OAAL,IAAgB;IACnEA,OAAO,EAAE;MAAEH,GAAG,EAAE,EAAP;MAAWJ,IAAI,EAAE;IAAjB;EAD0D,CAArE;EAIA,MAAM;IAAEQ;EAAF,IAAcf,YAAY,CAAC,EAAD,EAAKa,SAAL,CAAhC;;EAEA,MAAMG,oBAAoB,GAAG,MAAM;IACjC,IAAI,CAACZ,cAAL,EAAqB;IACrBC,WAAW;IACXC,mBAAmB,CAACH,OAAD,CAAnB;EACD,CAJD;;EAMA,oBACE;IAAK,SAAS,EAAC;EAAf,GACGK,OAAO,gBACN,gCADM,gBAGN,oBAAC,SAAD;IACE,GAAG,EAAEI,QADP;IAEE,GAAG,EAAEG,OAFP;IAGE,OAAO,EAAC,UAHV;IAIE,OAAO,EAAEC,oBAJX;IAKE,IAAI,EAAC;EALP,EAJJ,CADF;AAeD,CAhCD;;AAkCAd,aAAa,CAACe,SAAd,GAA0B;EACxBd,OAAO,EAAEL,SAAS,CAACoB,MAAV,CAAiBC,UADF;EAExBf,cAAc,EAAEN,SAAS,CAACsB,IAAV,CAAeD,UAFP;EAGxBd,WAAW,EAAEP,SAAS,CAACuB,IAAV,CAAeF,UAHJ;EAIxBb,mBAAmB,EAAER,SAAS,CAACuB,IAAV,CAAeF;AAJZ,CAA1B;AAOA,eAAejB,aAAf"}
+{"version":3,"file":"CarouselImage.js","names":["React","PropTypes","useGetImages","getImageData","LazyImage","CarouselImage","imageId","enableLightbox","toggleModal","handleSelectedImage","data","loading","error","message","url","imageUrl","imageData","getFile","altText","handleEnableLightbox","propTypes","string","isRequired","bool","func"],"sources":["../../../../src/components/Carousel/CarouselImage/CarouselImage.js"],"sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\nimport { useGetImages } from '../../../hooks';\nimport { getImageData } from '../../../utils';\nimport LazyImage from '../../LazyImage';\n\nconst CarouselImage = ({ imageId, enableLightbox, toggleModal, handleSelectedImage }) => {\n  const { data, loading, error } = useGetImages(imageId);\n\n  if (error) return error.message;\n\n  const { url: imageUrl = '', data: imageData = {} } = data.getFile || {\n    getFile: { url: '', data: {} }\n  };\n\n  const { altText } = getImageData({}, imageData);\n\n  const handleEnableLightbox = () => {\n    if (!enableLightbox) return;\n    toggleModal();\n    handleSelectedImage(imageId);\n  };\n\n  return (\n    <div className=\"carousel__slide\">\n      {loading ? (\n        <div />\n      ) : (\n        <LazyImage\n          src={imageUrl}\n          alt={altText}\n          sizeKey=\"carousel\"\n          onClick={handleEnableLightbox}\n          role=\"button\"\n        />\n      )}\n    </div>\n  );\n};\n\nCarouselImage.propTypes = {\n  imageId: PropTypes.string.isRequired,\n  enableLightbox: PropTypes.bool.isRequired,\n  toggleModal: PropTypes.func.isRequired,\n  handleSelectedImage: PropTypes.func.isRequired\n};\n\nexport default CarouselImage;\n"],"mappings":"AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,OAAOC,SAAS,MAAM,YAAY;AAClC,SAASC,YAAY,QAAQ,gBAAgB;AAC7C,SAASC,YAAY,QAAQ,gBAAgB;AAC7C,OAAOC,SAAS,MAAM,iBAAiB;AAEvC,MAAMC,aAAa,GAAG,CAAC;EAAEC,OAAO;EAAEC,cAAc;EAAEC,WAAW;EAAEC;AAAoB,CAAC,KAAK;EACvF,MAAM;IAAEC,IAAI;IAAEC,OAAO;IAAEC;EAAM,CAAC,GAAGV,YAAY,CAACI,OAAO,CAAC;EAEtD,IAAIM,KAAK,EAAE,OAAOA,KAAK,CAACC,OAAO;EAE/B,MAAM;IAAEC,GAAG,EAAEC,QAAQ,GAAG,EAAE;IAAEL,IAAI,EAAEM,SAAS,GAAG,CAAC;EAAE,CAAC,GAAGN,IAAI,CAACO,OAAO,IAAI;IACnEA,OAAO,EAAE;MAAEH,GAAG,EAAE,EAAE;MAAEJ,IAAI,EAAE,CAAC;IAAE;EAC/B,CAAC;EAED,MAAM;IAAEQ;EAAQ,CAAC,GAAGf,YAAY,CAAC,CAAC,CAAC,EAAEa,SAAS,CAAC;EAE/C,MAAMG,oBAAoB,GAAG,MAAM;IACjC,IAAI,CAACZ,cAAc,EAAE;IACrBC,WAAW,EAAE;IACbC,mBAAmB,CAACH,OAAO,CAAC;EAC9B,CAAC;EAED,oBACE;IAAK,SAAS,EAAC;EAAiB,GAC7BK,OAAO,gBACN,gCAAO,gBAEP,oBAAC,SAAS;IACR,GAAG,EAAEI,QAAS;IACd,GAAG,EAAEG,OAAQ;IACb,OAAO,EAAC,UAAU;IAClB,OAAO,EAAEC,oBAAqB;IAC9B,IAAI,EAAC;EAAQ,EAEhB,CACG;AAEV,CAAC;AAEDd,aAAa,CAACe,SAAS,GAAG;EACxBd,OAAO,EAAEL,SAAS,CAACoB,MAAM,CAACC,UAAU;EACpCf,cAAc,EAAEN,SAAS,CAACsB,IAAI,CAACD,UAAU;EACzCd,WAAW,EAAEP,SAAS,CAACuB,IAAI,CAACF,UAAU;EACtCb,mBAAmB,EAAER,SAAS,CAACuB,IAAI,CAACF;AACtC,CAAC;AAED,eAAejB,aAAa"}

package/lib-es/components/Carousel/CarouselImage/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":["CarouselImage"],"sources":["../../../../src/components/Carousel/CarouselImage/index.js"],"sourcesContent":["import CarouselImage from './CarouselImage';\n\nexport default CarouselImage;\n"],"mappings":"AAAA,OAAOA,aAAP,MAA0B,iBAA1B;AAEA,eAAeA,aAAf"}
+{"version":3,"file":"index.js","names":["CarouselImage"],"sources":["../../../../src/components/Carousel/CarouselImage/index.js"],"sourcesContent":["import CarouselImage from './CarouselImage';\n\nexport default CarouselImage;\n"],"mappings":"AAAA,OAAOA,aAAa,MAAM,iBAAiB;AAE3C,eAAeA,aAAa"}

package/lib-es/components/Carousel/CarouselRender/CarouselRender.js

@@ -6,17 +6,14 @@ import PropTypes from 'prop-types';
 import CarouselImage from '../CarouselImage';
 import { withTitle } from '../../../HOC';
 import { getDisplayCountData } from '../../../helpers';
-
 const CarouselRender = _ref => {
   let {
-    imageIds,
-    displayCount
-  } = _ref,
-      otherProps = _objectWithoutProperties(_ref, _excluded);
-
+      imageIds,
+      displayCount
+    } = _ref,
+    otherProps = _objectWithoutProperties(_ref, _excluded);
   const [showCount, setShowCount] = useState(displayCount);
   const listRef = useRef(null);
-
   const getListElement = () => {
     if (!listRef) return null;
     const {
@@ -24,7 +21,6 @@ const CarouselRender = _ref => {
     } = listRef;
     return current;
   };
-
   const moveScroll = (numberOfPixels, isNext) => {
     const listElement = getListElement();
     if (!listElement) return;
@@ -42,7 +38,6 @@ const CarouselRender = _ref => {
       behavior: 'smooth'
     });
   };
-
   const handleNavigation = direction => {
     setShowCount(false);
     const listElement = getListElement();
@@ -53,7 +48,6 @@ const CarouselRender = _ref => {
     const offset = scrollWidth / imageIds.length;
     direction ? moveScroll(offset, direction) : moveScroll(-offset, direction);
   };
-
   const navigation = {
     next: true,
     back: false
@@ -82,7 +76,6 @@ const CarouselRender = _ref => {
     className: "arrow arrow--right"
   })));
 };
-
 CarouselRender.propTypes = {
   imageIds: PropTypes.array,
   displayCount: PropTypes.bool

package/lib-es/components/Carousel/CarouselRender/CarouselRender.js.map

@@ -1 +1 @@
-{"version":3,"file":"CarouselRender.js","names":["React","useRef","useState","PropTypes","CarouselImage","withTitle","getDisplayCountData","CarouselRender","imageIds","displayCount","otherProps","showCount","setShowCount","listRef","getListElement","current","moveScroll","numberOfPixels","isNext","listElement","totalDistance","scrollLeft","offsetWidth","scrollWidth","leftPosition","Math","max","scrollTo","top","left","behavior","handleNavigation","direction","offset","length","navigation","next","back","shouldDisplayCount","countMessage","map","imageId","propTypes","array","bool","defaultProps"],"sources":["../../../../src/components/Carousel/CarouselRender/CarouselRender.js"],"sourcesContent":["import React, { useRef, useState } from 'react';\nimport PropTypes from 'prop-types';\nimport CarouselImage from '../CarouselImage';\nimport { withTitle } from '../../../HOC';\nimport { getDisplayCountData } from '../../../helpers';\n\nconst CarouselRender = ({ imageIds, displayCount, ...otherProps }) => {\n  const [showCount, setShowCount] = useState(displayCount);\n  const listRef = useRef(null);\n\n  const getListElement = () => {\n    if (!listRef) return null;\n    const { current } = listRef;\n    return current;\n  };\n\n  const moveScroll = (numberOfPixels, isNext) => {\n    const listElement = getListElement();\n    if (!listElement) return;\n\n    const totalDistance = listElement.scrollLeft + numberOfPixels;\n    const { scrollLeft, offsetWidth, scrollWidth } = listElement;\n    if (isNext && offsetWidth + scrollLeft >= scrollWidth) return;\n\n    const leftPosition = totalDistance < 0 ? 0 : Math.max(-scrollLeft, totalDistance);\n\n    listElement.scrollTo({\n      top: 0,\n      left: leftPosition,\n      behavior: 'smooth'\n    });\n  };\n\n  const handleNavigation = direction => {\n    setShowCount(false);\n\n    const listElement = getListElement();\n    if (!listElement) return;\n\n    const { scrollWidth } = listElement;\n    const offset = scrollWidth / imageIds.length;\n\n    direction ? moveScroll(offset, direction) : moveScroll(-offset, direction);\n  };\n\n  const navigation = {\n    next: true,\n    back: false\n  };\n\n  const { shouldDisplayCount, countMessage } = getDisplayCountData(showCount, imageIds);\n\n  return (\n    <>\n      <div\n        className=\"carousel__button carousel__button--previous\"\n        role=\"button\"\n        onClick={() => handleNavigation(navigation.back)}>\n        <div className=\"arrow arrow--left\" />\n      </div>\n      <div className=\"carousel__list\" ref={listRef}>\n        {imageIds.map(imageId => <CarouselImage key={imageId} imageId={imageId} {...otherProps} />)}\n      </div>\n      <div\n        className=\"carousel__button carousel__button--next\"\n        role=\"button\"\n        onClick={() => handleNavigation(navigation.next)}>\n        {shouldDisplayCount && <p>{countMessage}</p>}\n        <div className=\"arrow arrow--right\" />\n      </div>\n    </>\n  );\n};\n\nCarouselRender.propTypes = {\n  imageIds: PropTypes.array,\n  displayCount: PropTypes.bool\n};\n\nCarouselRender.defaultProps = {\n  imageIds: [],\n  displayCount: false\n};\n\nexport default withTitle(CarouselRender);\n"],"mappings":"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"}
+{"version":3,"file":"CarouselRender.js","names":["React","useRef","useState","PropTypes","CarouselImage","withTitle","getDisplayCountData","CarouselRender","imageIds","displayCount","otherProps","showCount","setShowCount","listRef","getListElement","current","moveScroll","numberOfPixels","isNext","listElement","totalDistance","scrollLeft","offsetWidth","scrollWidth","leftPosition","Math","max","scrollTo","top","left","behavior","handleNavigation","direction","offset","length","navigation","next","back","shouldDisplayCount","countMessage","map","imageId","propTypes","array","bool","defaultProps"],"sources":["../../../../src/components/Carousel/CarouselRender/CarouselRender.js"],"sourcesContent":["import React, { useRef, useState } from 'react';\nimport PropTypes from 'prop-types';\nimport CarouselImage from '../CarouselImage';\nimport { withTitle } from '../../../HOC';\nimport { getDisplayCountData } from '../../../helpers';\n\nconst CarouselRender = ({ imageIds, displayCount, ...otherProps }) => {\n  const [showCount, setShowCount] = useState(displayCount);\n  const listRef = useRef(null);\n\n  const getListElement = () => {\n    if (!listRef) return null;\n    const { current } = listRef;\n    return current;\n  };\n\n  const moveScroll = (numberOfPixels, isNext) => {\n    const listElement = getListElement();\n    if (!listElement) return;\n\n    const totalDistance = listElement.scrollLeft + numberOfPixels;\n    const { scrollLeft, offsetWidth, scrollWidth } = listElement;\n    if (isNext && offsetWidth + scrollLeft >= scrollWidth) return;\n\n    const leftPosition = totalDistance < 0 ? 0 : Math.max(-scrollLeft, totalDistance);\n\n    listElement.scrollTo({\n      top: 0,\n      left: leftPosition,\n      behavior: 'smooth'\n    });\n  };\n\n  const handleNavigation = direction => {\n    setShowCount(false);\n\n    const listElement = getListElement();\n    if (!listElement) return;\n\n    const { scrollWidth } = listElement;\n    const offset = scrollWidth / imageIds.length;\n\n    direction ? moveScroll(offset, direction) : moveScroll(-offset, direction);\n  };\n\n  const navigation = {\n    next: true,\n    back: false\n  };\n\n  const { shouldDisplayCount, countMessage } = getDisplayCountData(showCount, imageIds);\n\n  return (\n    <>\n      <div\n        className=\"carousel__button carousel__button--previous\"\n        role=\"button\"\n        onClick={() => handleNavigation(navigation.back)}>\n        <div className=\"arrow arrow--left\" />\n      </div>\n      <div className=\"carousel__list\" ref={listRef}>\n        {imageIds.map(imageId => <CarouselImage key={imageId} imageId={imageId} {...otherProps} />)}\n      </div>\n      <div\n        className=\"carousel__button carousel__button--next\"\n        role=\"button\"\n        onClick={() => handleNavigation(navigation.next)}>\n        {shouldDisplayCount && <p>{countMessage}</p>}\n        <div className=\"arrow arrow--right\" />\n      </div>\n    </>\n  );\n};\n\nCarouselRender.propTypes = {\n  imageIds: PropTypes.array,\n  displayCount: PropTypes.bool\n};\n\nCarouselRender.defaultProps = {\n  imageIds: [],\n  displayCount: false\n};\n\nexport default withTitle(CarouselRender);\n"],"mappings":";;;AAAA,OAAOA,KAAK,IAAIC,MAAM,EAAEC,QAAQ,QAAQ,OAAO;AAC/C,OAAOC,SAAS,MAAM,YAAY;AAClC,OAAOC,aAAa,MAAM,kBAAkB;AAC5C,SAASC,SAAS,QAAQ,cAAc;AACxC,SAASC,mBAAmB,QAAQ,kBAAkB;AAEtD,MAAMC,cAAc,GAAG,QAA+C;EAAA,IAA9C;MAAEC,QAAQ;MAAEC;IAA4B,CAAC;IAAZC,UAAU;EAC7D,MAAM,CAACC,SAAS,EAAEC,YAAY,CAAC,GAAGV,QAAQ,CAACO,YAAY,CAAC;EACxD,MAAMI,OAAO,GAAGZ,MAAM,CAAC,IAAI,CAAC;EAE5B,MAAMa,cAAc,GAAG,MAAM;IAC3B,IAAI,CAACD,OAAO,EAAE,OAAO,IAAI;IACzB,MAAM;MAAEE;IAAQ,CAAC,GAAGF,OAAO;IAC3B,OAAOE,OAAO;EAChB,CAAC;EAED,MAAMC,UAAU,GAAG,CAACC,cAAc,EAAEC,MAAM,KAAK;IAC7C,MAAMC,WAAW,GAAGL,cAAc,EAAE;IACpC,IAAI,CAACK,WAAW,EAAE;IAElB,MAAMC,aAAa,GAAGD,WAAW,CAACE,UAAU,GAAGJ,cAAc;IAC7D,MAAM;MAAEI,UAAU;MAAEC,WAAW;MAAEC;IAAY,CAAC,GAAGJ,WAAW;IAC5D,IAAID,MAAM,IAAII,WAAW,GAAGD,UAAU,IAAIE,WAAW,EAAE;IAEvD,MAAMC,YAAY,GAAGJ,aAAa,GAAG,CAAC,GAAG,CAAC,GAAGK,IAAI,CAACC,GAAG,CAAC,CAACL,UAAU,EAAED,aAAa,CAAC;IAEjFD,WAAW,CAACQ,QAAQ,CAAC;MACnBC,GAAG,EAAE,CAAC;MACNC,IAAI,EAAEL,YAAY;MAClBM,QAAQ,EAAE;IACZ,CAAC,CAAC;EACJ,CAAC;EAED,MAAMC,gBAAgB,GAAGC,SAAS,IAAI;IACpCpB,YAAY,CAAC,KAAK,CAAC;IAEnB,MAAMO,WAAW,GAAGL,cAAc,EAAE;IACpC,IAAI,CAACK,WAAW,EAAE;IAElB,MAAM;MAAEI;IAAY,CAAC,GAAGJ,WAAW;IACnC,MAAMc,MAAM,GAAGV,WAAW,GAAGf,QAAQ,CAAC0B,MAAM;IAE5CF,SAAS,GAAGhB,UAAU,CAACiB,MAAM,EAAED,SAAS,CAAC,GAAGhB,UAAU,CAAC,CAACiB,MAAM,EAAED,SAAS,CAAC;EAC5E,CAAC;EAED,MAAMG,UAAU,GAAG;IACjBC,IAAI,EAAE,IAAI;IACVC,IAAI,EAAE;EACR,CAAC;EAED,MAAM;IAAEC,kBAAkB;IAAEC;EAAa,CAAC,GAAGjC,mBAAmB,CAACK,SAAS,EAAEH,QAAQ,CAAC;EAErF,oBACE,uDACE;IACE,SAAS,EAAC,6CAA6C;IACvD,IAAI,EAAC,QAAQ;IACb,OAAO,EAAE,MAAMuB,gBAAgB,CAACI,UAAU,CAACE,IAAI;EAAE,gBACjD;IAAK,SAAS,EAAC;EAAmB,EAAG,CACjC,eACN;IAAK,SAAS,EAAC,gBAAgB;IAAC,GAAG,EAAExB;EAAQ,GAC1CL,QAAQ,CAACgC,GAAG,CAACC,OAAO,iBAAI,oBAAC,aAAa;IAAC,GAAG,EAAEA,OAAQ;IAAC,OAAO,EAAEA;EAAQ,GAAK/B,UAAU,EAAI,CAAC,CACvF,eACN;IACE,SAAS,EAAC,yCAAyC;IACnD,IAAI,EAAC,QAAQ;IACb,OAAO,EAAE,MAAMqB,gBAAgB,CAACI,UAAU,CAACC,IAAI;EAAE,GAChDE,kBAAkB,iBAAI,+BAAIC,YAAY,CAAK,eAC5C;IAAK,SAAS,EAAC;EAAoB,EAAG,CAClC,CACL;AAEP,CAAC;AAEDhC,cAAc,CAACmC,SAAS,GAAG;EACzBlC,QAAQ,EAAEL,SAAS,CAACwC,KAAK;EACzBlC,YAAY,EAAEN,SAAS,CAACyC;AAC1B,CAAC;AAEDrC,cAAc,CAACsC,YAAY,GAAG;EAC5BrC,QAAQ,EAAE,EAAE;EACZC,YAAY,EAAE;AAChB,CAAC;AAED,eAAeJ,SAAS,CAACE,cAAc,CAAC"}

package/lib-es/components/Carousel/CarouselRender/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":["CarouselRender"],"sources":["../../../../src/components/Carousel/CarouselRender/index.js"],"sourcesContent":["import CarouselRender from './CarouselRender';\n\nexport default CarouselRender;\n"],"mappings":"AAAA,OAAOA,cAAP,MAA2B,kBAA3B;AAEA,eAAeA,cAAf"}
+{"version":3,"file":"index.js","names":["CarouselRender"],"sources":["../../../../src/components/Carousel/CarouselRender/index.js"],"sourcesContent":["import CarouselRender from './CarouselRender';\n\nexport default CarouselRender;\n"],"mappings":"AAAA,OAAOA,cAAc,MAAM,kBAAkB;AAE7C,eAAeA,cAAc"}

package/lib-es/components/Carousel/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":["Carousel"],"sources":["../../../src/components/Carousel/index.js"],"sourcesContent":["import Carousel from './Carousel';\n\nexport default Carousel;\n"],"mappings":"AAAA,OAAOA,QAAP,MAAqB,YAArB;AAEA,eAAeA,QAAf"}
+{"version":3,"file":"index.js","names":["Carousel"],"sources":["../../../src/components/Carousel/index.js"],"sourcesContent":["import Carousel from './Carousel';\n\nexport default Carousel;\n"],"mappings":"AAAA,OAAOA,QAAQ,MAAM,YAAY;AAEjC,eAAeA,QAAQ"}

package/lib-es/components/CarouselWrapper.js

@@ -1,6 +1,5 @@
 import React, { useRef, useState, useEffect } from 'react';
 import PropTypes from 'prop-types';
-
 const CarouselWrapper = ({
   children,
   bannerModifier,
@@ -19,7 +18,6 @@ const CarouselWrapper = ({
   useEffect(() => {
     autoScrollRef.current = shouldAutoScroll;
     const id = setInterval(scrollCheck, autoScrollTimer);
-
     function scrollCheck() {
       if (!autoScrollRef.current) {
         clearInterval(id);
@@ -27,7 +25,6 @@ const CarouselWrapper = ({
         handleButtonNavigation(true);
       }
     }
-
     return () => clearInterval(id);
   }, [autoScrollTimer, shouldAutoScroll]);
   useEffect(() => {
@@ -43,7 +40,6 @@ const CarouselWrapper = ({
     });
     setShouldAutoScroll(enableAutoScroll);
   }, [enableAutoScroll]);
-
   const handleScroll = () => {
     const {
       current: {
@@ -59,7 +55,6 @@ const CarouselWrapper = ({
       displayRight: updatedDisplayRight
     });
   };
-
   const handleButtonNavigation = direction => {
     if (!ref || !ref.current) return;
     const {
@@ -69,14 +64,12 @@ const CarouselWrapper = ({
         scrollWidth
       }
     } = ref;
-
     if (autoScrollRef.current && scrollLeft + offsetWidth >= scrollWidth) {
       ref.current.scrollLeft = 0;
     } else {
       ref.current.scrollLeft = direction ? scrollLeft + offsetWidth : scrollLeft - offsetWidth;
     }
   };
-
   const {
     displayLeft,
     displayRight
@@ -113,7 +106,6 @@ const CarouselWrapper = ({
     onScroll: handleScroll
   }, children));
 };
-
 CarouselWrapper.propTypes = {
   bannerModifier: PropTypes.string,
   itemsPerRow: PropTypes.number,

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

@@ -1 +1 @@
-{"version":3,"file":"CarouselWrapper.js","names":["React","useRef","useState","useEffect","PropTypes","CarouselWrapper","children","bannerModifier","itemsPerRow","enableAutoScroll","autoScrollTimer","arrowSize","ref","buttonDisplay","setButtonDisplays","displayLeft","displayRight","shouldAutoScroll","setShouldAutoScroll","autoScrollRef","current","id","setInterval","scrollCheck","clearInterval","handleButtonNavigation","offsetWidth","scrollWidth","handleScroll","scrollLeft","updatedDisplayLeft","updatedDisplayRight","direction","wrapperClassName","contentClassName","propTypes","string","number","oneOfType","arrayOf","node","bool","defaultProps"],"sources":["../../src/components/CarouselWrapper.js"],"sourcesContent":["import React, { useRef, useState, useEffect } from 'react';\nimport PropTypes from 'prop-types';\n\nconst CarouselWrapper = ({\n  children,\n  bannerModifier,\n  itemsPerRow,\n  enableAutoScroll,\n  autoScrollTimer,\n  arrowSize\n}) => {\n  const ref = useRef();\n  const [buttonDisplay, setButtonDisplays] = useState({ displayLeft: false, displayRight: true });\n  const [shouldAutoScroll, setShouldAutoScroll] = useState(false);\n  const autoScrollRef = useRef();\n\n  useEffect(\n    () => {\n      autoScrollRef.current = shouldAutoScroll;\n      const id = setInterval(scrollCheck, autoScrollTimer);\n      function scrollCheck() {\n        if (!autoScrollRef.current) {\n          clearInterval(id);\n        } else {\n          handleButtonNavigation(true);\n        }\n      }\n\n      return () => clearInterval(id);\n    },\n    [autoScrollTimer, shouldAutoScroll]\n  );\n\n  useEffect(\n    () => {\n      const {\n        current: { offsetWidth, scrollWidth }\n      } = ref;\n      if (scrollWidth <= offsetWidth)\n        setButtonDisplays({ displayLeft: false, displayRight: false });\n      setShouldAutoScroll(enableAutoScroll);\n    },\n    [enableAutoScroll]\n  );\n\n  const handleScroll = () => {\n    const {\n      current: { offsetWidth, scrollLeft, scrollWidth }\n    } = ref;\n    const updatedDisplayLeft = !!scrollLeft;\n    const updatedDisplayRight = scrollLeft + offsetWidth + 1 < scrollWidth;\n    setButtonDisplays({ displayLeft: updatedDisplayLeft, displayRight: updatedDisplayRight });\n  };\n\n  const handleButtonNavigation = direction => {\n    if (!ref || !ref.current) return;\n    const {\n      current: { offsetWidth, scrollLeft, scrollWidth }\n    } = ref;\n\n    if (autoScrollRef.current && scrollLeft + offsetWidth >= scrollWidth) {\n      ref.current.scrollLeft = 0;\n    } else {\n      ref.current.scrollLeft = direction ? scrollLeft + offsetWidth : scrollLeft - offsetWidth;\n    }\n  };\n\n  const { displayLeft, displayRight } = buttonDisplay;\n  const wrapperClassName = `cards-carousel${bannerModifier}`;\n  const contentClassName = `cards-carousel--content items-per-row-${itemsPerRow}`;\n\n  return (\n    <div className={wrapperClassName}>\n      <div className=\"cards-carousel--left-button-wrapper\">\n        {displayLeft && (\n          <button\n            type=\"button\"\n            className=\"cards-carousel--button-back icon-button icon\"\n            onClick={() => {\n              setShouldAutoScroll(false);\n              handleButtonNavigation();\n            }}>\n            <i className=\"cards-carousel--arrow cards-carousel--arrow__left\" />\n          </button>\n        )}\n      </div>\n      <div className=\"cards-carousel--right-button-wrapper\">\n        {displayRight && (\n          <button\n            type=\"button\"\n            className=\"cards-carousel--button-forward icon-button icon\"\n            onClick={() => {\n              setShouldAutoScroll(false);\n              handleButtonNavigation(true);\n            }}>\n            <i className=\"cards-carousel--arrow cards-carousel--arrow__right\" />\n          </button>\n        )}\n      </div>\n      <div className={contentClassName} ref={ref} onScroll={handleScroll}>\n        {children}\n      </div>\n    </div>\n  );\n};\n\nCarouselWrapper.propTypes = {\n  bannerModifier: PropTypes.string,\n  itemsPerRow: PropTypes.number,\n  children: PropTypes.oneOfType([PropTypes.arrayOf(PropTypes.node), PropTypes.node]),\n  enableAutoScroll: PropTypes.bool,\n  autoScrollTimer: PropTypes.number,\n  arrowSize: PropTypes.number\n};\n\nCarouselWrapper.defaultProps = {\n  itemsPerRow: 0,\n  bannerModifier: '',\n  children: [],\n  enableAutoScroll: false,\n  autoScrollTimer: 0,\n  arrowSize: 14\n};\n\nexport default CarouselWrapper;\n"],"mappings":"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"}
+{"version":3,"file":"CarouselWrapper.js","names":["React","useRef","useState","useEffect","PropTypes","CarouselWrapper","children","bannerModifier","itemsPerRow","enableAutoScroll","autoScrollTimer","arrowSize","ref","buttonDisplay","setButtonDisplays","displayLeft","displayRight","shouldAutoScroll","setShouldAutoScroll","autoScrollRef","current","id","setInterval","scrollCheck","clearInterval","handleButtonNavigation","offsetWidth","scrollWidth","handleScroll","scrollLeft","updatedDisplayLeft","updatedDisplayRight","direction","wrapperClassName","contentClassName","propTypes","string","number","oneOfType","arrayOf","node","bool","defaultProps"],"sources":["../../src/components/CarouselWrapper.js"],"sourcesContent":["import React, { useRef, useState, useEffect } from 'react';\nimport PropTypes from 'prop-types';\n\nconst CarouselWrapper = ({\n  children,\n  bannerModifier,\n  itemsPerRow,\n  enableAutoScroll,\n  autoScrollTimer,\n  arrowSize\n}) => {\n  const ref = useRef();\n  const [buttonDisplay, setButtonDisplays] = useState({ displayLeft: false, displayRight: true });\n  const [shouldAutoScroll, setShouldAutoScroll] = useState(false);\n  const autoScrollRef = useRef();\n\n  useEffect(\n    () => {\n      autoScrollRef.current = shouldAutoScroll;\n      const id = setInterval(scrollCheck, autoScrollTimer);\n      function scrollCheck() {\n        if (!autoScrollRef.current) {\n          clearInterval(id);\n        } else {\n          handleButtonNavigation(true);\n        }\n      }\n\n      return () => clearInterval(id);\n    },\n    [autoScrollTimer, shouldAutoScroll]\n  );\n\n  useEffect(\n    () => {\n      const {\n        current: { offsetWidth, scrollWidth }\n      } = ref;\n      if (scrollWidth <= offsetWidth)\n        setButtonDisplays({ displayLeft: false, displayRight: false });\n      setShouldAutoScroll(enableAutoScroll);\n    },\n    [enableAutoScroll]\n  );\n\n  const handleScroll = () => {\n    const {\n      current: { offsetWidth, scrollLeft, scrollWidth }\n    } = ref;\n    const updatedDisplayLeft = !!scrollLeft;\n    const updatedDisplayRight = scrollLeft + offsetWidth + 1 < scrollWidth;\n    setButtonDisplays({ displayLeft: updatedDisplayLeft, displayRight: updatedDisplayRight });\n  };\n\n  const handleButtonNavigation = direction => {\n    if (!ref || !ref.current) return;\n    const {\n      current: { offsetWidth, scrollLeft, scrollWidth }\n    } = ref;\n\n    if (autoScrollRef.current && scrollLeft + offsetWidth >= scrollWidth) {\n      ref.current.scrollLeft = 0;\n    } else {\n      ref.current.scrollLeft = direction ? scrollLeft + offsetWidth : scrollLeft - offsetWidth;\n    }\n  };\n\n  const { displayLeft, displayRight } = buttonDisplay;\n  const wrapperClassName = `cards-carousel${bannerModifier}`;\n  const contentClassName = `cards-carousel--content items-per-row-${itemsPerRow}`;\n\n  return (\n    <div className={wrapperClassName}>\n      <div className=\"cards-carousel--left-button-wrapper\">\n        {displayLeft && (\n          <button\n            type=\"button\"\n            className=\"cards-carousel--button-back icon-button icon\"\n            onClick={() => {\n              setShouldAutoScroll(false);\n              handleButtonNavigation();\n            }}>\n            <i className=\"cards-carousel--arrow cards-carousel--arrow__left\" />\n          </button>\n        )}\n      </div>\n      <div className=\"cards-carousel--right-button-wrapper\">\n        {displayRight && (\n          <button\n            type=\"button\"\n            className=\"cards-carousel--button-forward icon-button icon\"\n            onClick={() => {\n              setShouldAutoScroll(false);\n              handleButtonNavigation(true);\n            }}>\n            <i className=\"cards-carousel--arrow cards-carousel--arrow__right\" />\n          </button>\n        )}\n      </div>\n      <div className={contentClassName} ref={ref} onScroll={handleScroll}>\n        {children}\n      </div>\n    </div>\n  );\n};\n\nCarouselWrapper.propTypes = {\n  bannerModifier: PropTypes.string,\n  itemsPerRow: PropTypes.number,\n  children: PropTypes.oneOfType([PropTypes.arrayOf(PropTypes.node), PropTypes.node]),\n  enableAutoScroll: PropTypes.bool,\n  autoScrollTimer: PropTypes.number,\n  arrowSize: PropTypes.number\n};\n\nCarouselWrapper.defaultProps = {\n  itemsPerRow: 0,\n  bannerModifier: '',\n  children: [],\n  enableAutoScroll: false,\n  autoScrollTimer: 0,\n  arrowSize: 14\n};\n\nexport default CarouselWrapper;\n"],"mappings":"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"}

package/lib-es/components/ClickWrapper.js

@@ -1,23 +1,18 @@
 import _defineProperty from "@babel/runtime/helpers/defineProperty";
 import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProperties";
 const _excluded = ["children", "gtmChildren", "id"];
-
 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, { useState } from 'react';
 import PropTypes from 'prop-types';
 import { renderChildren } from '../helpers';
-
 const ClickWrapper = _ref => {
   let {
-    children,
-    gtmChildren,
-    id
-  } = _ref,
-      props = _objectWithoutProperties(_ref, _excluded);
-
+      children,
+      gtmChildren,
+      id
+    } = _ref,
+    props = _objectWithoutProperties(_ref, _excluded);
   const [clickState, setClickState] = useState(false);
   const renderedChildren = clickState ? renderChildren(gtmChildren, {
     clickState,
@@ -31,7 +26,6 @@ const ClickWrapper = _ref => {
     }
   }, renderedChildren, children);
 };
-
 ClickWrapper.propTypes = {
   id: PropTypes.string,
   children: PropTypes.oneOfType([PropTypes.arrayOf(PropTypes.node), PropTypes.node]),

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

@@ -1 +1 @@
-{"version":3,"file":"ClickWrapper.js","names":["React","useState","PropTypes","renderChildren","ClickWrapper","children","gtmChildren","id","props","clickState","setClickState","renderedChildren","clickId","componentProps","propTypes","string","oneOfType","arrayOf","node","defaultProps"],"sources":["../../src/components/ClickWrapper.js"],"sourcesContent":["import React, { useState } from 'react';\nimport PropTypes from 'prop-types';\nimport { renderChildren } from '../helpers';\n\nconst ClickWrapper = ({ children, gtmChildren, id, ...props }) => {\n  const [clickState, setClickState] = useState(false);\n  const renderedChildren = clickState\n    ? renderChildren(gtmChildren, {\n        clickState,\n        clickId: id,\n        componentProps: { ...props }\n      })\n    : null;\n\n  return (\n    <div\n      role=\"button\"\n      onClick={() => {\n        setClickState(true);\n      }}>\n      {renderedChildren}\n      {children}\n    </div>\n  );\n};\n\nClickWrapper.propTypes = {\n  id: PropTypes.string,\n  children: PropTypes.oneOfType([PropTypes.arrayOf(PropTypes.node), PropTypes.node]),\n  gtmChildren: PropTypes.oneOfType([PropTypes.arrayOf(PropTypes.node), PropTypes.node])\n};\n\nClickWrapper.defaultProps = {\n  id: null,\n  children: [],\n  gtmChildren: []\n};\n\nexport default ClickWrapper;\n"],"mappings":";;;;;;;;AAAA,OAAOA,KAAP,IAAgBC,QAAhB,QAAgC,OAAhC;AACA,OAAOC,SAAP,MAAsB,YAAtB;AACA,SAASC,cAAT,QAA+B,YAA/B;;AAEA,MAAMC,YAAY,GAAG,QAA6C;EAAA,IAA5C;IAAEC,QAAF;IAAYC,WAAZ;IAAyBC;EAAzB,CAA4C;EAAA,IAAZC,KAAY;;EAChE,MAAM,CAACC,UAAD,EAAaC,aAAb,IAA8BT,QAAQ,CAAC,KAAD,CAA5C;EACA,MAAMU,gBAAgB,GAAGF,UAAU,GAC/BN,cAAc,CAACG,WAAD,EAAc;IAC1BG,UAD0B;IAE1BG,OAAO,EAAEL,EAFiB;IAG1BM,cAAc,oBAAOL,KAAP;EAHY,CAAd,CADiB,GAM/B,IANJ;EAQA,oBACE;IACE,IAAI,EAAC,QADP;IAEE,OAAO,EAAE,MAAM;MACbE,aAAa,CAAC,IAAD,CAAb;IACD;EAJH,GAKGC,gBALH,EAMGN,QANH,CADF;AAUD,CApBD;;AAsBAD,YAAY,CAACU,SAAb,GAAyB;EACvBP,EAAE,EAAEL,SAAS,CAACa,MADS;EAEvBV,QAAQ,EAAEH,SAAS,CAACc,SAAV,CAAoB,CAACd,SAAS,CAACe,OAAV,CAAkBf,SAAS,CAACgB,IAA5B,CAAD,EAAoChB,SAAS,CAACgB,IAA9C,CAApB,CAFa;EAGvBZ,WAAW,EAAEJ,SAAS,CAACc,SAAV,CAAoB,CAACd,SAAS,CAACe,OAAV,CAAkBf,SAAS,CAACgB,IAA5B,CAAD,EAAoChB,SAAS,CAACgB,IAA9C,CAApB;AAHU,CAAzB;AAMAd,YAAY,CAACe,YAAb,GAA4B;EAC1BZ,EAAE,EAAE,IADsB;EAE1BF,QAAQ,EAAE,EAFgB;EAG1BC,WAAW,EAAE;AAHa,CAA5B;AAMA,eAAeF,YAAf"}
+{"version":3,"file":"ClickWrapper.js","names":["React","useState","PropTypes","renderChildren","ClickWrapper","children","gtmChildren","id","props","clickState","setClickState","renderedChildren","clickId","componentProps","propTypes","string","oneOfType","arrayOf","node","defaultProps"],"sources":["../../src/components/ClickWrapper.js"],"sourcesContent":["import React, { useState } from 'react';\nimport PropTypes from 'prop-types';\nimport { renderChildren } from '../helpers';\n\nconst ClickWrapper = ({ children, gtmChildren, id, ...props }) => {\n  const [clickState, setClickState] = useState(false);\n  const renderedChildren = clickState\n    ? renderChildren(gtmChildren, {\n        clickState,\n        clickId: id,\n        componentProps: { ...props }\n      })\n    : null;\n\n  return (\n    <div\n      role=\"button\"\n      onClick={() => {\n        setClickState(true);\n      }}>\n      {renderedChildren}\n      {children}\n    </div>\n  );\n};\n\nClickWrapper.propTypes = {\n  id: PropTypes.string,\n  children: PropTypes.oneOfType([PropTypes.arrayOf(PropTypes.node), PropTypes.node]),\n  gtmChildren: PropTypes.oneOfType([PropTypes.arrayOf(PropTypes.node), PropTypes.node])\n};\n\nClickWrapper.defaultProps = {\n  id: null,\n  children: [],\n  gtmChildren: []\n};\n\nexport default ClickWrapper;\n"],"mappings":";;;;;AAAA,OAAOA,KAAK,IAAIC,QAAQ,QAAQ,OAAO;AACvC,OAAOC,SAAS,MAAM,YAAY;AAClC,SAASC,cAAc,QAAQ,YAAY;AAE3C,MAAMC,YAAY,GAAG,QAA6C;EAAA,IAA5C;MAAEC,QAAQ;MAAEC,WAAW;MAAEC;IAAa,CAAC;IAAPC,KAAK;EACzD,MAAM,CAACC,UAAU,EAAEC,aAAa,CAAC,GAAGT,QAAQ,CAAC,KAAK,CAAC;EACnD,MAAMU,gBAAgB,GAAGF,UAAU,GAC/BN,cAAc,CAACG,WAAW,EAAE;IAC1BG,UAAU;IACVG,OAAO,EAAEL,EAAE;IACXM,cAAc,oBAAOL,KAAK;EAC5B,CAAC,CAAC,GACF,IAAI;EAER,oBACE;IACE,IAAI,EAAC,QAAQ;IACb,OAAO,EAAE,MAAM;MACbE,aAAa,CAAC,IAAI,CAAC;IACrB;EAAE,GACDC,gBAAgB,EAChBN,QAAQ,CACL;AAEV,CAAC;AAEDD,YAAY,CAACU,SAAS,GAAG;EACvBP,EAAE,EAAEL,SAAS,CAACa,MAAM;EACpBV,QAAQ,EAAEH,SAAS,CAACc,SAAS,CAAC,CAACd,SAAS,CAACe,OAAO,CAACf,SAAS,CAACgB,IAAI,CAAC,EAAEhB,SAAS,CAACgB,IAAI,CAAC,CAAC;EAClFZ,WAAW,EAAEJ,SAAS,CAACc,SAAS,CAAC,CAACd,SAAS,CAACe,OAAO,CAACf,SAAS,CAACgB,IAAI,CAAC,EAAEhB,SAAS,CAACgB,IAAI,CAAC;AACtF,CAAC;AAEDd,YAAY,CAACe,YAAY,GAAG;EAC1BZ,EAAE,EAAE,IAAI;EACRF,QAAQ,EAAE,EAAE;EACZC,WAAW,EAAE;AACf,CAAC;AAED,eAAeF,YAAY"}

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

@@ -1,11 +1,8 @@
 import _defineProperty from "@babel/runtime/helpers/defineProperty";
 import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProperties";
 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';
 import PropTypes from 'prop-types';
 import parseHTML from 'html-react-parser';
@@ -16,10 +13,9 @@ import { CODE } from '../../constants';
 import { wrapScriptTags } from './helpers';
 const Code = memo(_ref => {
   let {
-    code: embedCode
-  } = _ref,
-      otherProps = _objectWithoutProperties(_ref, _excluded);
-
+      code: embedCode
+    } = _ref,
+    otherProps = _objectWithoutProperties(_ref, _excluded);
   if (!embedCode) return null;
   const parsedCode = parseHTML(embedCode);
   const wrappedCode = wrapScriptTags(parsedCode);

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","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,KAAP,IAAgBC,IAAhB,QAA4B,OAA5B;AACA,OAAOC,SAAP,MAAsB,YAAtB;AACA,OAAOC,SAAP,MAAsB,mBAAtB;AACA,OAAOC,OAAP,MAAoB,YAApB;AACA,SAASC,SAAT,QAA0B,WAA1B;AACA,SAASC,iBAAT,QAAkC,aAAlC;AACA,SAASC,IAAT,QAAqB,iBAArB;AACA,SAASC,cAAT,QAA+B,WAA/B;AAEA,MAAMC,IAAI,GAAGR,IAAI,CAAC,QAAwC;EAAA,IAAvC;IAAES,IAAI,EAAEC;EAAR,CAAuC;EAAA,IAAjBC,UAAiB;;EACxD,IAAI,CAACD,SAAL,EAAgB,OAAO,IAAP;EAEhB,MAAME,UAAU,GAAGV,SAAS,CAACQ,SAAD,CAA5B;EACA,MAAMG,WAAW,GAAGN,cAAc,CAACK,UAAD,CAAlC;EACA,MAAME,SAAS,GAAGT,iBAAiB,CAACC,IAAD,oBAAYK,UAAZ,EAAnC;EAEA,oBAAO,oBAAC,OAAD;IAAS,SAAS,EAAEG;EAApB,GAAgCD,WAAhC,CAAP;AACD,CARgB,CAAjB;AAUAL,IAAI,CAACO,SAAL,GAAiB;EACfN,IAAI,EAAER,SAAS,CAACe,MADD;EAEfC,QAAQ,EAAEhB,SAAS,CAACe;AAFL,CAAjB;AAKAR,IAAI,CAACU,YAAL,GAAoB;EAClBT,IAAI,EAAE,EADY;EAElBQ,QAAQ,EAAE;AAFQ,CAApB;AAKA,eAAeb,SAAS,CAACI,IAAD,CAAxB"}
+{"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/ScriptTag.js

@@ -2,13 +2,11 @@ import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProper
 const _excluded = ["dangerouslySetInnerHTML"];
 import React, { useRef, useEffect } from 'react';
 import PropTypes from 'prop-types';
-
 const ScriptTag = _ref => {
   let {
-    dangerouslySetInnerHTML: innerHtml
-  } = _ref,
-      otherProps = _objectWithoutProperties(_ref, _excluded);
-
+      dangerouslySetInnerHTML: innerHtml
+    } = _ref,
+    otherProps = _objectWithoutProperties(_ref, _excluded);
   const wrapperRef = useRef(null);
   useEffect(() => {
     const script = document.createElement('script');
@@ -24,7 +22,6 @@ const ScriptTag = _ref => {
     ref: wrapperRef
   });
 };
-
 ScriptTag.propTypes = {
   dangerouslySetInnerHTML: PropTypes.object
 };

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

@@ -1 +1 @@
-{"version":3,"file":"ScriptTag.js","names":["React","useRef","useEffect","PropTypes","ScriptTag","dangerouslySetInnerHTML","innerHtml","otherProps","wrapperRef","script","document","createElement","Object","entries","forEach","key","value","type","text","__html","current","appendChild","propTypes","object","defaultProps"],"sources":["../../../src/components/Code/ScriptTag.js"],"sourcesContent":["import React, { useRef, useEffect } from 'react';\nimport PropTypes from 'prop-types';\n\nconst ScriptTag = ({ dangerouslySetInnerHTML: innerHtml, ...otherProps }) => {\n  const wrapperRef = useRef(null);\n\n  useEffect(() => {\n    const script = document.createElement('script');\n    Object.entries(otherProps).forEach(([key, value]) => {\n      if (key === 'children') return;\n\n      script[key] = value;\n    });\n\n    if (!script.type) script.type = 'text/javascript';\n    if (innerHtml) script.text = innerHtml.__html;\n\n    wrapperRef.current.appendChild(script);\n  });\n\n  return <span ref={wrapperRef} />;\n};\n\nScriptTag.propTypes = {\n  dangerouslySetInnerHTML: PropTypes.object\n};\n\nScriptTag.defaultProps = {\n  dangerouslySetInnerHTML: null\n};\n\nexport default ScriptTag;\n"],"mappings":";;AAAA,OAAOA,KAAP,IAAgBC,MAAhB,EAAwBC,SAAxB,QAAyC,OAAzC;AACA,OAAOC,SAAP,MAAsB,YAAtB;;AAEA,MAAMC,SAAS,GAAG,QAA2D;EAAA,IAA1D;IAAEC,uBAAuB,EAAEC;EAA3B,CAA0D;EAAA,IAAjBC,UAAiB;;EAC3E,MAAMC,UAAU,GAAGP,MAAM,CAAC,IAAD,CAAzB;EAEAC,SAAS,CAAC,MAAM;IACd,MAAMO,MAAM,GAAGC,QAAQ,CAACC,aAAT,CAAuB,QAAvB,CAAf;IACAC,MAAM,CAACC,OAAP,CAAeN,UAAf,EAA2BO,OAA3B,CAAmC,CAAC,CAACC,GAAD,EAAMC,KAAN,CAAD,KAAkB;MACnD,IAAID,GAAG,KAAK,UAAZ,EAAwB;MAExBN,MAAM,CAACM,GAAD,CAAN,GAAcC,KAAd;IACD,CAJD;IAMA,IAAI,CAACP,MAAM,CAACQ,IAAZ,EAAkBR,MAAM,CAACQ,IAAP,GAAc,iBAAd;IAClB,IAAIX,SAAJ,EAAeG,MAAM,CAACS,IAAP,GAAcZ,SAAS,CAACa,MAAxB;IAEfX,UAAU,CAACY,OAAX,CAAmBC,WAAnB,CAA+BZ,MAA/B;EACD,CAZQ,CAAT;EAcA,oBAAO;IAAM,GAAG,EAAED;EAAX,EAAP;AACD,CAlBD;;AAoBAJ,SAAS,CAACkB,SAAV,GAAsB;EACpBjB,uBAAuB,EAAEF,SAAS,CAACoB;AADf,CAAtB;AAIAnB,SAAS,CAACoB,YAAV,GAAyB;EACvBnB,uBAAuB,EAAE;AADF,CAAzB;AAIA,eAAeD,SAAf"}
+{"version":3,"file":"ScriptTag.js","names":["React","useRef","useEffect","PropTypes","ScriptTag","dangerouslySetInnerHTML","innerHtml","otherProps","wrapperRef","script","document","createElement","Object","entries","forEach","key","value","type","text","__html","current","appendChild","propTypes","object","defaultProps"],"sources":["../../../src/components/Code/ScriptTag.js"],"sourcesContent":["import React, { useRef, useEffect } from 'react';\nimport PropTypes from 'prop-types';\n\nconst ScriptTag = ({ dangerouslySetInnerHTML: innerHtml, ...otherProps }) => {\n  const wrapperRef = useRef(null);\n\n  useEffect(() => {\n    const script = document.createElement('script');\n    Object.entries(otherProps).forEach(([key, value]) => {\n      if (key === 'children') return;\n\n      script[key] = value;\n    });\n\n    if (!script.type) script.type = 'text/javascript';\n    if (innerHtml) script.text = innerHtml.__html;\n\n    wrapperRef.current.appendChild(script);\n  });\n\n  return <span ref={wrapperRef} />;\n};\n\nScriptTag.propTypes = {\n  dangerouslySetInnerHTML: PropTypes.object\n};\n\nScriptTag.defaultProps = {\n  dangerouslySetInnerHTML: null\n};\n\nexport default ScriptTag;\n"],"mappings":";;AAAA,OAAOA,KAAK,IAAIC,MAAM,EAAEC,SAAS,QAAQ,OAAO;AAChD,OAAOC,SAAS,MAAM,YAAY;AAElC,MAAMC,SAAS,GAAG,QAA2D;EAAA,IAA1D;MAAEC,uBAAuB,EAAEC;IAAyB,CAAC;IAAZC,UAAU;EACpE,MAAMC,UAAU,GAAGP,MAAM,CAAC,IAAI,CAAC;EAE/BC,SAAS,CAAC,MAAM;IACd,MAAMO,MAAM,GAAGC,QAAQ,CAACC,aAAa,CAAC,QAAQ,CAAC;IAC/CC,MAAM,CAACC,OAAO,CAACN,UAAU,CAAC,CAACO,OAAO,CAAC,CAAC,CAACC,GAAG,EAAEC,KAAK,CAAC,KAAK;MACnD,IAAID,GAAG,KAAK,UAAU,EAAE;MAExBN,MAAM,CAACM,GAAG,CAAC,GAAGC,KAAK;IACrB,CAAC,CAAC;IAEF,IAAI,CAACP,MAAM,CAACQ,IAAI,EAAER,MAAM,CAACQ,IAAI,GAAG,iBAAiB;IACjD,IAAIX,SAAS,EAAEG,MAAM,CAACS,IAAI,GAAGZ,SAAS,CAACa,MAAM;IAE7CX,UAAU,CAACY,OAAO,CAACC,WAAW,CAACZ,MAAM,CAAC;EACxC,CAAC,CAAC;EAEF,oBAAO;IAAM,GAAG,EAAED;EAAW,EAAG;AAClC,CAAC;AAEDJ,SAAS,CAACkB,SAAS,GAAG;EACpBjB,uBAAuB,EAAEF,SAAS,CAACoB;AACrC,CAAC;AAEDnB,SAAS,CAACoB,YAAY,GAAG;EACvBnB,uBAAuB,EAAE;AAC3B,CAAC;AAED,eAAeD,SAAS"}

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

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":["default","wrapScriptTags"],"sources":["../../../../src/components/Code/helpers/index.js"],"sourcesContent":["export { default as wrapScriptTags } from './wrap-script-tags';\n"],"mappings":"AAAA,SAASA,OAAO,IAAIC,cAApB,QAA0C,oBAA1C"}
+{"version":3,"file":"index.js","names":["default","wrapScriptTags"],"sources":["../../../../src/components/Code/helpers/index.js"],"sourcesContent":["export { default as wrapScriptTags } from './wrap-script-tags';\n"],"mappings":"AAAA,SAASA,OAAO,IAAIC,cAAc,QAAQ,oBAAoB"}

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

@@ -3,24 +3,20 @@ import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProper
 const _excluded = ["children"];
 import React from 'react';
 import ScriptTag from '../ScriptTag';
-
 function getWrappedScriptTag(child) {
   if (!child) return child;
   if (typeof child === 'string') return child;
-
   const _child$props = child.props,
-        {
-    children
-  } = _child$props,
-        scriptProps = _objectWithoutProperties(_child$props, _excluded);
-
+    {
+      children
+    } = _child$props,
+    scriptProps = _objectWithoutProperties(_child$props, _excluded);
   if (child.type === 'script') return /*#__PURE__*/React.createElement(ScriptTag, _extends({}, scriptProps, {
     key: child.key
   }));
   if (!children) return child;
   return React.cloneElement(child, child.props, wrapScriptTags(children));
 }
-
 function wrapScriptTags(parsedCode) {
   if (Array.isArray(parsedCode)) {
     parsedCode.forEach((child, index) => {
@@ -30,9 +26,7 @@ function wrapScriptTags(parsedCode) {
     });
     return parsedCode;
   }
-
   return getWrappedScriptTag(parsedCode);
 }
-
 export default wrapScriptTags;
 //# sourceMappingURL=wrap-script-tags.js.map

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      // 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,KAAP,MAAkB,OAAlB;AACA,OAAOC,SAAP,MAAsB,cAAtB;;AAEA,SAASC,mBAAT,CAA6BC,KAA7B,EAAoC;EAClC,IAAI,CAACA,KAAL,EAAY,OAAOA,KAAP;EAEZ,IAAI,OAAOA,KAAP,KAAiB,QAArB,EAA+B,OAAOA,KAAP;;EAE/B,qBAAqCA,KAAK,CAACC,KAA3C;EAAA,MAAM;IAAEC;EAAF,CAAN;EAAA,MAAqBC,WAArB;;EACA,IAAIH,KAAK,CAACI,IAAN,KAAe,QAAnB,EAA6B,oBAAO,oBAAC,SAAD,eAAeD,WAAf;IAA4B,GAAG,EAAEH,KAAK,CAACK;EAAvC,GAAP;EAE7B,IAAI,CAACH,QAAL,EAAe,OAAOF,KAAP;EAEf,OAAOH,KAAK,CAACS,YAAN,CAAmBN,KAAnB,EAA0BA,KAAK,CAACC,KAAhC,EAAuCM,cAAc,CAACL,QAAD,CAArD,CAAP;AACD;;AAED,SAASK,cAAT,CAAwBC,UAAxB,EAAoC;EAClC,IAAIC,KAAK,CAACC,OAAN,CAAcF,UAAd,CAAJ,EAA+B;IAC7BA,UAAU,CAACG,OAAX,CAAmB,CAACX,KAAD,EAAQY,KAAR,KAAkB;MACnC;MACA;MACAJ,UAAU,CAACI,KAAD,CAAV,GAAoBb,mBAAmB,CAACC,KAAD,CAAvC;IACD,CAJD;IAMA,OAAOQ,UAAP;EACD;;EAED,OAAOT,mBAAmB,CAACS,UAAD,CAA1B;AACD;;AAED,eAAeD,cAAf"}
+{"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/Code/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":["Code"],"sources":["../../../src/components/Code/index.js"],"sourcesContent":["import Code from './Code';\n\nexport default Code;\n"],"mappings":"AAAA,OAAOA,IAAP,MAAiB,QAAjB;AAEA,eAAeA,IAAf"}
+{"version":3,"file":"index.js","names":["Code"],"sources":["../../../src/components/Code/index.js"],"sourcesContent":["import Code from './Code';\n\nexport default Code;\n"],"mappings":"AAAA,OAAOA,IAAI,MAAM,QAAQ;AAEzB,eAAeA,IAAI"}

package/lib-es/components/DataSummary/DataSummaryFactory.js

@@ -8,22 +8,20 @@ import { getSingleEntitySchema } from '../../application/query';
 import { buildPropsQuery, checkPropsToUse } from '../../helpers';
 import { getDataSummaryQuery } from './helpers';
 import DataSummaryRender from './DataSummaryRender';
-
 const DataSummaryFactory = _ref => {
   let {
-    entity,
-    dataRecordId,
-    propsToDisplay,
-    type,
-    useSelectedEntity,
-    elementTitle,
-    modifier,
-    headingStyle,
-    loopProperties,
-    loopLimit
-  } = _ref,
-      dataSummaryProps = _objectWithoutProperties(_ref, _excluded);
-
+      entity,
+      dataRecordId,
+      propsToDisplay,
+      type,
+      useSelectedEntity,
+      elementTitle,
+      modifier,
+      headingStyle,
+      loopProperties,
+      loopLimit
+    } = _ref,
+    dataSummaryProps = _objectWithoutProperties(_ref, _excluded);
   const entityForQuery = useSelectedEntity ? entity : dataSummaryProps.parent.itemEntity;
   const {
     data,
@@ -57,7 +55,6 @@ const DataSummaryFactory = _ref => {
     htmlTag: headingStyle
   });
 };
-
 DataSummaryFactory.propTypes = {
   type: PropTypes.string,
   dataRecordId: PropTypes.array,