@blaze-cms/react-page-builder 0.146.0-node18-core-styles-tooltips.45 → 0.146.0-node18-tooltips.38

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

@@ -0,0 +1,3 @@
+import CardsFactory from './CardsFactory';
+export default CardsFactory;
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","names":["CardsFactory"],"sources":["../../../src/components/Card/index.js"],"sourcesContent":["import CardsFactory from './CardsFactory';\n\nexport default CardsFactory;\n"],"mappings":"AAAA,OAAOA,YAAY,MAAM,gBAAgB;AAEzC,eAAeA,YAAY","ignoreList":[]}

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

@@ -0,0 +1,78 @@
+import _extends from "@babel/runtime/helpers/extends";
+import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProperties";
+const _excluded = ["caption", "imageIds", "isCaptionDisplayed", "VariantComponent", "imagesProperty", "entity", "parent"];
+import React, { useContext } from 'react';
+import PropTypes from 'prop-types';
+import { MainContext } from '@blaze-cms/nextjs-components';
+import { useGetImageIdFromRelation, useGetSingleEntitySchema } from '../../hooks';
+import CarouselImage from './CarouselImage';
+import CarouselRender from './CarouselRender';
+import { useCarouselNavigation } from './hooks/useCarouselNavigation';
+import { getDisplayCountData, getImageIds } from '../../helpers';
+const Carousel = props => {
+  const {
+      caption,
+      imageIds,
+      isCaptionDisplayed,
+      VariantComponent,
+      imagesProperty,
+      entity: entitySetting,
+      parent: {
+        itemId,
+        itemEntity
+      }
+    } = props,
+    otherProps = _objectWithoutProperties(props, _excluded);
+  const {
+    isPreview
+  } = useContext(MainContext);
+  const navigationProps = useCarouselNavigation(props);
+  const entity = imagesProperty ? entitySetting || itemEntity : null;
+  const skipSingleEntitySchema = !entity;
+  const {
+    data: {
+      getEntitySchema: {
+        actions
+      } = {}
+    } = {}
+  } = useGetSingleEntitySchema(entity, skipSingleEntitySchema);
+  const {
+    data: recordData,
+    loading: recordDataLoading
+  } = useGetImageIdFromRelation(itemId, imagesProperty, actions, true, isPreview, false);
+  const updatedImageIds = recordDataLoading ? [] : Array.from(new Set([...getImageIds(imagesProperty, recordData, null), ...imageIds]));
+  if (!updatedImageIds || !updatedImageIds.length) return null;
+  const shouldDisplayCaption = isCaptionDisplayed && caption;
+  const {
+    shouldDisplayCount,
+    countMessage
+  } = getDisplayCountData(navigationProps.showCount, updatedImageIds);
+  const ComponentToRender = VariantComponent || CarouselRender;
+  return /*#__PURE__*/React.createElement(ComponentToRender, _extends({
+    caption: caption,
+    imageIds: updatedImageIds,
+    CarouselImage: CarouselImage,
+    shouldDisplayCaption: shouldDisplayCaption,
+    shouldDisplayCount: shouldDisplayCount,
+    countMessage: countMessage
+  }, navigationProps, otherProps));
+};
+Carousel.propTypes = {
+  caption: PropTypes.string,
+  entity: PropTypes.string,
+  imageIds: PropTypes.array,
+  imagesProperty: PropTypes.array,
+  isCaptionDisplayed: PropTypes.bool,
+  VariantComponent: PropTypes.func,
+  parent: PropTypes.object.isRequired
+};
+Carousel.defaultProps = {
+  VariantComponent: null,
+  caption: '',
+  imageIds: [],
+  imagesProperty: [],
+  isCaptionDisplayed: false,
+  entity: null
+};
+export default Carousel;
+//# sourceMappingURL=Carousel.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Carousel.js","names":["React","useContext","PropTypes","MainContext","useGetImageIdFromRelation","useGetSingleEntitySchema","CarouselImage","CarouselRender","useCarouselNavigation","getDisplayCountData","getImageIds","Carousel","props","caption","imageIds","isCaptionDisplayed","VariantComponent","imagesProperty","entity","entitySetting","parent","itemId","itemEntity","otherProps","_objectWithoutProperties","_excluded","isPreview","navigationProps","skipSingleEntitySchema","data","getEntitySchema","actions","recordData","loading","recordDataLoading","updatedImageIds","Array","from","Set","length","shouldDisplayCaption","shouldDisplayCount","countMessage","showCount","ComponentToRender","createElement","_extends","propTypes","string","array","bool","func","object","isRequired","defaultProps"],"sources":["../../../src/components/Carousel/Carousel.js"],"sourcesContent":["import React, { useContext } from 'react';\nimport PropTypes from 'prop-types';\nimport { MainContext } from '@blaze-cms/nextjs-components';\nimport { useGetImageIdFromRelation, useGetSingleEntitySchema } from '../../hooks';\nimport CarouselImage from './CarouselImage';\nimport CarouselRender from './CarouselRender';\nimport { useCarouselNavigation } from './hooks/useCarouselNavigation';\nimport { getDisplayCountData, getImageIds } from '../../helpers';\n\nconst Carousel = props => {\n  const {\n    caption,\n    imageIds,\n    isCaptionDisplayed,\n    VariantComponent,\n    imagesProperty,\n    entity: entitySetting,\n    parent: { itemId, itemEntity },\n    ...otherProps\n  } = props;\n  const { isPreview } = useContext(MainContext);\n  const navigationProps = useCarouselNavigation(props);\n\n  const entity = imagesProperty ? entitySetting || itemEntity : null;\n  const skipSingleEntitySchema = !entity;\n\n  const { data: { getEntitySchema: { actions } = {} } = {} } = useGetSingleEntitySchema(\n    entity,\n    skipSingleEntitySchema\n  );\n\n  const { data: recordData, loading: recordDataLoading } = useGetImageIdFromRelation(\n    itemId,\n    imagesProperty,\n    actions,\n    true,\n    isPreview,\n    false\n  );\n\n  const updatedImageIds = recordDataLoading\n    ? []\n    : Array.from(new Set([...getImageIds(imagesProperty, recordData, null), ...imageIds]));\n\n  if (!updatedImageIds || !updatedImageIds.length) return null;\n  const shouldDisplayCaption = isCaptionDisplayed && caption;\n\n  const { shouldDisplayCount, countMessage } = getDisplayCountData(\n    navigationProps.showCount,\n    updatedImageIds\n  );\n\n  const ComponentToRender = VariantComponent || CarouselRender;\n\n  return (\n    <ComponentToRender\n      caption={caption}\n      imageIds={updatedImageIds}\n      CarouselImage={CarouselImage}\n      shouldDisplayCaption={shouldDisplayCaption}\n      shouldDisplayCount={shouldDisplayCount}\n      countMessage={countMessage}\n      {...navigationProps}\n      {...otherProps}\n    />\n  );\n};\n\nCarousel.propTypes = {\n  caption: PropTypes.string,\n  entity: PropTypes.string,\n  imageIds: PropTypes.array,\n  imagesProperty: PropTypes.array,\n  isCaptionDisplayed: PropTypes.bool,\n  VariantComponent: PropTypes.func,\n  parent: PropTypes.object.isRequired\n};\n\nCarousel.defaultProps = {\n  VariantComponent: null,\n  caption: '',\n  imageIds: [],\n  imagesProperty: [],\n  isCaptionDisplayed: false,\n  entity: null\n};\n\nexport default Carousel;\n"],"mappings":"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","ignoreList":[]}

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

@@ -0,0 +1,59 @@
+import React from 'react';
+import PropTypes from 'prop-types';
+import { useGetImages } from '../../../hooks';
+import { getImageData } from '../../../utils';
+import LazyImage from '../../LazyImage';
+import { CAROUSEL_DEFAULT_ALT } from './constants';
+const CarouselImage = ({
+  imageId,
+  enableLightbox,
+  toggleModal,
+  handleSelectedImage,
+  priority
+}) => {
+  const {
+    data,
+    loading,
+    error
+  } = useGetImages(imageId);
+  if (error) return error.message;
+  const {
+    url: imageUrl = '',
+    data: imageData = {}
+  } = data.getFile || {
+    getFile: {
+      url: '',
+      data: {}
+    }
+  };
+  const {
+    altText
+  } = getImageData({}, imageData);
+  const alt = altText || CAROUSEL_DEFAULT_ALT;
+  const handleEnableLightbox = () => {
+    if (!enableLightbox) return;
+    toggleModal();
+    handleSelectedImage(imageId);
+  };
+  if (!loading && !imageUrl) return null;
+  return /*#__PURE__*/React.createElement("div", {
+    className: "carousel__slide"
+  }, loading ? /*#__PURE__*/React.createElement("span", null) : /*#__PURE__*/React.createElement(LazyImage, {
+    src: imageUrl,
+    alt: alt,
+    sizeKey: "carousel",
+    onClick: handleEnableLightbox,
+    role: "button",
+    "aria-label": "View Image",
+    priority: priority
+  }));
+};
+CarouselImage.propTypes = {
+  imageId: PropTypes.string.isRequired,
+  enableLightbox: PropTypes.bool.isRequired,
+  toggleModal: PropTypes.func.isRequired,
+  handleSelectedImage: PropTypes.func.isRequired,
+  priority: PropTypes.bool.isRequired
+};
+export default CarouselImage;
+//# sourceMappingURL=CarouselImage.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"CarouselImage.js","names":["React","PropTypes","useGetImages","getImageData","LazyImage","CAROUSEL_DEFAULT_ALT","CarouselImage","imageId","enableLightbox","toggleModal","handleSelectedImage","priority","data","loading","error","message","url","imageUrl","imageData","getFile","altText","alt","handleEnableLightbox","createElement","className","src","sizeKey","onClick","role","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';\nimport { CAROUSEL_DEFAULT_ALT } from './constants';\n\nconst CarouselImage = ({ imageId, enableLightbox, toggleModal, handleSelectedImage, priority }) => {\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  const alt = altText || CAROUSEL_DEFAULT_ALT;\n\n  const handleEnableLightbox = () => {\n    if (!enableLightbox) return;\n    toggleModal();\n    handleSelectedImage(imageId);\n  };\n\n  if (!loading && !imageUrl) return null;\n\n  return (\n    <div className=\"carousel__slide\">\n      {loading ? (\n        <span />\n      ) : (\n        <LazyImage\n          src={imageUrl}\n          alt={alt}\n          sizeKey=\"carousel\"\n          onClick={handleEnableLightbox}\n          role=\"button\"\n          aria-label=\"View Image\"\n          priority={priority}\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  priority: PropTypes.bool.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;AACvC,SAASC,oBAAoB,QAAQ,aAAa;AAElD,MAAMC,aAAa,GAAGA,CAAC;EAAEC,OAAO;EAAEC,cAAc;EAAEC,WAAW;EAAEC,mBAAmB;EAAEC;AAAS,CAAC,KAAK;EACjG,MAAM;IAAEC,IAAI;IAAEC,OAAO;IAAEC;EAAM,CAAC,GAAGZ,YAAY,CAACK,OAAO,CAAC;EAEtD,IAAIO,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,GAAGjB,YAAY,CAAC,CAAC,CAAC,EAAEe,SAAS,CAAC;EAC/C,MAAMG,GAAG,GAAGD,OAAO,IAAIf,oBAAoB;EAE3C,MAAMiB,oBAAoB,GAAGA,CAAA,KAAM;IACjC,IAAI,CAACd,cAAc,EAAE;IACrBC,WAAW,CAAC,CAAC;IACbC,mBAAmB,CAACH,OAAO,CAAC;EAC9B,CAAC;EAED,IAAI,CAACM,OAAO,IAAI,CAACI,QAAQ,EAAE,OAAO,IAAI;EAEtC,oBACEjB,KAAA,CAAAuB,aAAA;IAAKC,SAAS,EAAC;EAAiB,GAC7BX,OAAO,gBACNb,KAAA,CAAAuB,aAAA,aAAO,CAAC,gBAERvB,KAAA,CAAAuB,aAAA,CAACnB,SAAS;IACRqB,GAAG,EAAER,QAAS;IACdI,GAAG,EAAEA,GAAI;IACTK,OAAO,EAAC,UAAU;IAClBC,OAAO,EAAEL,oBAAqB;IAC9BM,IAAI,EAAC,QAAQ;IACb,cAAW,YAAY;IACvBjB,QAAQ,EAAEA;EAAS,CACpB,CAEA,CAAC;AAEV,CAAC;AAEDL,aAAa,CAACuB,SAAS,GAAG;EACxBtB,OAAO,EAAEN,SAAS,CAAC6B,MAAM,CAACC,UAAU;EACpCvB,cAAc,EAAEP,SAAS,CAAC+B,IAAI,CAACD,UAAU;EACzCtB,WAAW,EAAER,SAAS,CAACgC,IAAI,CAACF,UAAU;EACtCrB,mBAAmB,EAAET,SAAS,CAACgC,IAAI,CAACF,UAAU;EAC9CpB,QAAQ,EAAEV,SAAS,CAAC+B,IAAI,CAACD;AAC3B,CAAC;AAED,eAAezB,aAAa","ignoreList":[]}

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

@@ -0,0 +1,2 @@
+export const CAROUSEL_DEFAULT_ALT = 'Carousel image';
+//# sourceMappingURL=constants.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"constants.js","names":["CAROUSEL_DEFAULT_ALT"],"sources":["../../../../src/components/Carousel/CarouselImage/constants.js"],"sourcesContent":["export const CAROUSEL_DEFAULT_ALT = 'Carousel image';\n"],"mappings":"AAAA,OAAO,MAAMA,oBAAoB,GAAG,gBAAgB","ignoreList":[]}

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

@@ -0,0 +1,3 @@
+import CarouselImage from './CarouselImage';
+export default CarouselImage;
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +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,aAAa,MAAM,iBAAiB;AAE3C,eAAeA,aAAa","ignoreList":[]}

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

@@ -0,0 +1,74 @@
+import _extends from "@babel/runtime/helpers/extends";
+import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProperties";
+const _excluded = ["handleNavigation", "imageIds", "listRef", "shouldDisplayCount", "shouldDisplayCaption", "caption", "countMessage", "direction", "priorityLimit"];
+import React from 'react';
+import PropTypes from 'prop-types';
+import CarouselImage from '../CarouselImage';
+import { withTitle } from '../../../HOC';
+const CarouselRender = _ref => {
+  let {
+      handleNavigation,
+      imageIds,
+      listRef,
+      shouldDisplayCount,
+      shouldDisplayCaption,
+      caption,
+      countMessage,
+      direction,
+      priorityLimit
+    } = _ref,
+    otherProps = _objectWithoutProperties(_ref, _excluded);
+  return /*#__PURE__*/React.createElement("div", {
+    className: "carousel"
+  }, /*#__PURE__*/React.createElement("div", null, /*#__PURE__*/React.createElement("div", {
+    className: "carousel__button carousel__button--previous",
+    role: "button",
+    "aria-label": "Previous Slide",
+    onClick: () => handleNavigation(direction.back)
+  }, /*#__PURE__*/React.createElement("div", {
+    className: "arrow arrow--left"
+  })), /*#__PURE__*/React.createElement("div", {
+    className: "carousel__list",
+    ref: listRef
+  }, imageIds.map((imageId, index) => /*#__PURE__*/React.createElement(CarouselImage, _extends({
+    key: imageId,
+    priority: index < priorityLimit,
+    imageId: imageId
+  }, otherProps)))), /*#__PURE__*/React.createElement("div", {
+    className: "carousel__button carousel__button--next",
+    role: "button",
+    "aria-label": "Next Slide",
+    onClick: () => handleNavigation(direction.next)
+  }, shouldDisplayCount && /*#__PURE__*/React.createElement("p", {
+    "data-testid": "count"
+  }, countMessage), /*#__PURE__*/React.createElement("div", {
+    className: "arrow arrow--right"
+  }))), shouldDisplayCaption && /*#__PURE__*/React.createElement("div", {
+    className: "carousel__details",
+    "data-testid": "carousel-details"
+  }, /*#__PURE__*/React.createElement("div", {
+    className: "caption"
+  }, caption)));
+};
+CarouselRender.propTypes = {
+  caption: PropTypes.string,
+  shouldDisplayCaption: PropTypes.bool.isRequired,
+  imageIds: PropTypes.array,
+  displayCount: PropTypes.bool,
+  listRef: PropTypes.object,
+  countMessage: PropTypes.number,
+  direction: PropTypes.object.isRequired,
+  handleNavigation: PropTypes.func.isRequired,
+  shouldDisplayCount: PropTypes.bool.isRequired,
+  priorityLimit: PropTypes.number
+};
+CarouselRender.defaultProps = {
+  listRef: null,
+  imageIds: [],
+  caption: '',
+  displayCount: false,
+  countMessage: null,
+  priorityLimit: 0
+};
+export default withTitle(CarouselRender);
+//# sourceMappingURL=CarouselRender.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"CarouselRender.js","names":["React","PropTypes","CarouselImage","withTitle","CarouselRender","_ref","handleNavigation","imageIds","listRef","shouldDisplayCount","shouldDisplayCaption","caption","countMessage","direction","priorityLimit","otherProps","_objectWithoutProperties","_excluded","createElement","className","role","onClick","back","ref","map","imageId","index","_extends","key","priority","next","propTypes","string","bool","isRequired","array","displayCount","object","number","func","defaultProps"],"sources":["../../../../src/components/Carousel/CarouselRender/CarouselRender.js"],"sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\nimport CarouselImage from '../CarouselImage';\nimport { withTitle } from '../../../HOC';\n\nconst CarouselRender = ({\n  handleNavigation,\n  imageIds,\n  listRef,\n  shouldDisplayCount,\n  shouldDisplayCaption,\n  caption,\n  countMessage,\n  direction,\n  priorityLimit,\n  ...otherProps\n}) => (\n  <div className=\"carousel\">\n    <div>\n      <div\n        className=\"carousel__button carousel__button--previous\"\n        role=\"button\"\n        aria-label=\"Previous Slide\"\n        onClick={() => handleNavigation(direction.back)}>\n        <div className=\"arrow arrow--left\" />\n      </div>\n      <div className=\"carousel__list\" ref={listRef}>\n        {imageIds.map((imageId, index) => (\n          <CarouselImage\n            key={imageId}\n            priority={index < priorityLimit}\n            imageId={imageId}\n            {...otherProps}\n          />\n        ))}\n      </div>\n      <div\n        className=\"carousel__button carousel__button--next\"\n        role=\"button\"\n        aria-label=\"Next Slide\"\n        onClick={() => handleNavigation(direction.next)}>\n        {shouldDisplayCount && <p data-testid=\"count\">{countMessage}</p>}\n        <div className=\"arrow arrow--right\" />\n      </div>\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\nCarouselRender.propTypes = {\n  caption: PropTypes.string,\n  shouldDisplayCaption: PropTypes.bool.isRequired,\n  imageIds: PropTypes.array,\n  displayCount: PropTypes.bool,\n  listRef: PropTypes.object,\n  countMessage: PropTypes.number,\n  direction: PropTypes.object.isRequired,\n  handleNavigation: PropTypes.func.isRequired,\n  shouldDisplayCount: PropTypes.bool.isRequired,\n  priorityLimit: PropTypes.number\n};\n\nCarouselRender.defaultProps = {\n  listRef: null,\n  imageIds: [],\n  caption: '',\n  displayCount: false,\n  countMessage: null,\n  priorityLimit: 0\n};\n\nexport default withTitle(CarouselRender);\n"],"mappings":";;;AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,OAAOC,SAAS,MAAM,YAAY;AAClC,OAAOC,aAAa,MAAM,kBAAkB;AAC5C,SAASC,SAAS,QAAQ,cAAc;AAExC,MAAMC,cAAc,GAAGC,IAAA;EAAA,IAAC;MACtBC,gBAAgB;MAChBC,QAAQ;MACRC,OAAO;MACPC,kBAAkB;MAClBC,oBAAoB;MACpBC,OAAO;MACPC,YAAY;MACZC,SAAS;MACTC;IAEF,CAAC,GAAAT,IAAA;IADIU,UAAU,GAAAC,wBAAA,CAAAX,IAAA,EAAAY,SAAA;EAAA,oBAEbjB,KAAA,CAAAkB,aAAA;IAAKC,SAAS,EAAC;EAAU,gBACvBnB,KAAA,CAAAkB,aAAA,2BACElB,KAAA,CAAAkB,aAAA;IACEC,SAAS,EAAC,6CAA6C;IACvDC,IAAI,EAAC,QAAQ;IACb,cAAW,gBAAgB;IAC3BC,OAAO,EAAEA,CAAA,KAAMf,gBAAgB,CAACO,SAAS,CAACS,IAAI;EAAE,gBAChDtB,KAAA,CAAAkB,aAAA;IAAKC,SAAS,EAAC;EAAmB,CAAE,CACjC,CAAC,eACNnB,KAAA,CAAAkB,aAAA;IAAKC,SAAS,EAAC,gBAAgB;IAACI,GAAG,EAAEf;EAAQ,GAC1CD,QAAQ,CAACiB,GAAG,CAAC,CAACC,OAAO,EAAEC,KAAK,kBAC3B1B,KAAA,CAAAkB,aAAA,CAAChB,aAAa,EAAAyB,QAAA;IACZC,GAAG,EAAEH,OAAQ;IACbI,QAAQ,EAAEH,KAAK,GAAGZ,aAAc;IAChCW,OAAO,EAAEA;EAAQ,GACbV,UAAU,CACf,CACF,CACE,CAAC,eACNf,KAAA,CAAAkB,aAAA;IACEC,SAAS,EAAC,yCAAyC;IACnDC,IAAI,EAAC,QAAQ;IACb,cAAW,YAAY;IACvBC,OAAO,EAAEA,CAAA,KAAMf,gBAAgB,CAACO,SAAS,CAACiB,IAAI;EAAE,GAC/CrB,kBAAkB,iBAAIT,KAAA,CAAAkB,aAAA;IAAG,eAAY;EAAO,GAAEN,YAAgB,CAAC,eAChEZ,KAAA,CAAAkB,aAAA;IAAKC,SAAS,EAAC;EAAoB,CAAE,CAClC,CACF,CAAC,EACLT,oBAAoB,iBACnBV,KAAA,CAAAkB,aAAA;IAAKC,SAAS,EAAC,mBAAmB;IAAC,eAAY;EAAkB,gBAC/DnB,KAAA,CAAAkB,aAAA;IAAKC,SAAS,EAAC;EAAS,GAAER,OAAa,CACpC,CAEJ,CAAC;AAAA,CACP;AAEDP,cAAc,CAAC2B,SAAS,GAAG;EACzBpB,OAAO,EAAEV,SAAS,CAAC+B,MAAM;EACzBtB,oBAAoB,EAAET,SAAS,CAACgC,IAAI,CAACC,UAAU;EAC/C3B,QAAQ,EAAEN,SAAS,CAACkC,KAAK;EACzBC,YAAY,EAAEnC,SAAS,CAACgC,IAAI;EAC5BzB,OAAO,EAAEP,SAAS,CAACoC,MAAM;EACzBzB,YAAY,EAAEX,SAAS,CAACqC,MAAM;EAC9BzB,SAAS,EAAEZ,SAAS,CAACoC,MAAM,CAACH,UAAU;EACtC5B,gBAAgB,EAAEL,SAAS,CAACsC,IAAI,CAACL,UAAU;EAC3CzB,kBAAkB,EAAER,SAAS,CAACgC,IAAI,CAACC,UAAU;EAC7CpB,aAAa,EAAEb,SAAS,CAACqC;AAC3B,CAAC;AAEDlC,cAAc,CAACoC,YAAY,GAAG;EAC5BhC,OAAO,EAAE,IAAI;EACbD,QAAQ,EAAE,EAAE;EACZI,OAAO,EAAE,EAAE;EACXyB,YAAY,EAAE,KAAK;EACnBxB,YAAY,EAAE,IAAI;EAClBE,aAAa,EAAE;AACjB,CAAC;AAED,eAAeX,SAAS,CAACC,cAAc,CAAC","ignoreList":[]}

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

@@ -0,0 +1,3 @@
+import CarouselRender from './CarouselRender';
+export default CarouselRender;
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +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,cAAc,MAAM,kBAAkB;AAE7C,eAAeA,cAAc","ignoreList":[]}

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

@@ -0,0 +1,49 @@
+import { useState, useRef } from 'react';
+export function useCarouselNavigation({
+  imageIds,
+  displayCount
+}) {
+  const [showCount, setShowCount] = useState(displayCount);
+  const listRef = useRef(null);
+  const getListElement = () => {
+    if (!listRef.current) return null;
+    return listRef.current;
+  };
+  const moveScroll = (numberOfPixels, isNext) => {
+    const listElement = getListElement();
+    if (!listElement) return;
+    const totalDistance = listElement.scrollLeft + numberOfPixels;
+    const {
+      scrollLeft,
+      offsetWidth,
+      scrollWidth
+    } = listElement;
+    if (isNext && offsetWidth + scrollLeft >= scrollWidth) return;
+    const leftPosition = totalDistance < 0 ? 0 : Math.max(-scrollLeft, totalDistance);
+    listElement.scrollTo({
+      top: 0,
+      left: leftPosition,
+      behavior: 'smooth'
+    });
+  };
+  const handleNavigation = direction => {
+    setShowCount(false);
+    const listElement = getListElement();
+    if (!listElement) return;
+    const {
+      scrollWidth
+    } = listElement;
+    const offset = scrollWidth / imageIds.length;
+    direction ? moveScroll(offset, direction) : moveScroll(-offset, direction);
+  };
+  return {
+    listRef,
+    showCount,
+    handleNavigation,
+    direction: {
+      next: true,
+      back: false
+    }
+  };
+}
+//# sourceMappingURL=useCarouselNavigation.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"useCarouselNavigation.js","names":["useState","useRef","useCarouselNavigation","imageIds","displayCount","showCount","setShowCount","listRef","getListElement","current","moveScroll","numberOfPixels","isNext","listElement","totalDistance","scrollLeft","offsetWidth","scrollWidth","leftPosition","Math","max","scrollTo","top","left","behavior","handleNavigation","direction","offset","length","next","back"],"sources":["../../../../src/components/Carousel/hooks/useCarouselNavigation.js"],"sourcesContent":["import { useState, useRef } from 'react';\n\nexport function useCarouselNavigation({ imageIds, displayCount }) {\n  const [showCount, setShowCount] = useState(displayCount);\n  const listRef = useRef(null);\n\n  const getListElement = () => {\n    if (!listRef.current) return null;\n    return listRef.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  return {\n    listRef,\n    showCount,\n    handleNavigation,\n    direction: {\n      next: true,\n      back: false\n    }\n  };\n}\n"],"mappings":"AAAA,SAASA,QAAQ,EAAEC,MAAM,QAAQ,OAAO;AAExC,OAAO,SAASC,qBAAqBA,CAAC;EAAEC,QAAQ;EAAEC;AAAa,CAAC,EAAE;EAChE,MAAM,CAACC,SAAS,EAAEC,YAAY,CAAC,GAAGN,QAAQ,CAACI,YAAY,CAAC;EACxD,MAAMG,OAAO,GAAGN,MAAM,CAAC,IAAI,CAAC;EAE5B,MAAMO,cAAc,GAAGA,CAAA,KAAM;IAC3B,IAAI,CAACD,OAAO,CAACE,OAAO,EAAE,OAAO,IAAI;IACjC,OAAOF,OAAO,CAACE,OAAO;EACxB,CAAC;EAED,MAAMC,UAAU,GAAGA,CAACC,cAAc,EAAEC,MAAM,KAAK;IAC7C,MAAMC,WAAW,GAAGL,cAAc,CAAC,CAAC;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,CAAC,CAAC;IACpC,IAAI,CAACK,WAAW,EAAE;IAElB,MAAM;MAAEI;IAAY,CAAC,GAAGJ,WAAW;IACnC,MAAMc,MAAM,GAAGV,WAAW,GAAGd,QAAQ,CAACyB,MAAM;IAE5CF,SAAS,GAAGhB,UAAU,CAACiB,MAAM,EAAED,SAAS,CAAC,GAAGhB,UAAU,CAAC,CAACiB,MAAM,EAAED,SAAS,CAAC;EAC5E,CAAC;EAED,OAAO;IACLnB,OAAO;IACPF,SAAS;IACToB,gBAAgB;IAChBC,SAAS,EAAE;MACTG,IAAI,EAAE,IAAI;MACVC,IAAI,EAAE;IACR;EACF,CAAC;AACH","ignoreList":[]}

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

@@ -0,0 +1,3 @@
+import Carousel from './Carousel';
+export default Carousel;
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +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,QAAQ,MAAM,YAAY;AAEjC,eAAeA,QAAQ","ignoreList":[]}

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

@@ -0,0 +1,22 @@
+import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProperties";
+const _excluded = ["enableSmoothScroll"];
+import React from 'react';
+import PropTypes from 'prop-types';
+import DefaultCarousel from './DefaultCarousel';
+import SmoothScrollCarousel from './SmoothScrollCarousel';
+const CarouselWrapper = _ref => {
+  let {
+      enableSmoothScroll
+    } = _ref,
+    props = _objectWithoutProperties(_ref, _excluded);
+  if (enableSmoothScroll) return /*#__PURE__*/React.createElement(SmoothScrollCarousel, props);
+  return /*#__PURE__*/React.createElement(DefaultCarousel, props);
+};
+CarouselWrapper.propTypes = {
+  enableSmoothScroll: PropTypes.bool
+};
+CarouselWrapper.defaultProps = {
+  enableSmoothScroll: false
+};
+export default CarouselWrapper;
+//# sourceMappingURL=CarouselWrapper.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"CarouselWrapper.js","names":["React","PropTypes","DefaultCarousel","SmoothScrollCarousel","CarouselWrapper","_ref","enableSmoothScroll","props","_objectWithoutProperties","_excluded","createElement","propTypes","bool","defaultProps"],"sources":["../../../src/components/CarouselWrapper/CarouselWrapper.js"],"sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\nimport DefaultCarousel from './DefaultCarousel';\nimport SmoothScrollCarousel from './SmoothScrollCarousel';\n\nconst CarouselWrapper = ({ enableSmoothScroll, ...props }) => {\n  if (enableSmoothScroll) return <SmoothScrollCarousel {...props} />;\n  return <DefaultCarousel {...props} />;\n};\n\nCarouselWrapper.propTypes = {\n  enableSmoothScroll: PropTypes.bool\n};\n\nCarouselWrapper.defaultProps = {\n  enableSmoothScroll: false\n};\n\nexport default CarouselWrapper;\n"],"mappings":";;AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,OAAOC,SAAS,MAAM,YAAY;AAClC,OAAOC,eAAe,MAAM,mBAAmB;AAC/C,OAAOC,oBAAoB,MAAM,wBAAwB;AAEzD,MAAMC,eAAe,GAAGC,IAAA,IAAsC;EAAA,IAArC;MAAEC;IAA6B,CAAC,GAAAD,IAAA;IAAPE,KAAK,GAAAC,wBAAA,CAAAH,IAAA,EAAAI,SAAA;EACrD,IAAIH,kBAAkB,EAAE,oBAAON,KAAA,CAAAU,aAAA,CAACP,oBAAoB,EAAKI,KAAQ,CAAC;EAClE,oBAAOP,KAAA,CAAAU,aAAA,CAACR,eAAe,EAAKK,KAAQ,CAAC;AACvC,CAAC;AAEDH,eAAe,CAACO,SAAS,GAAG;EAC1BL,kBAAkB,EAAEL,SAAS,CAACW;AAChC,CAAC;AAEDR,eAAe,CAACS,YAAY,GAAG;EAC7BP,kBAAkB,EAAE;AACtB,CAAC;AAED,eAAeF,eAAe","ignoreList":[]}

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

@@ -0,0 +1,140 @@
+import React, { useRef, useState, useEffect } from 'react';
+import PropTypes from 'prop-types';
+const DefaultCarousel = ({
+  children,
+  bannerModifier,
+  itemsPerRow,
+  enableAutoScroll,
+  autoScrollTimer,
+  pauseScrollOnHover,
+  modifier
+}) => {
+  const ref = useRef();
+  const [buttonDisplay, setButtonDisplays] = useState({
+    displayLeft: false,
+    displayRight: true
+  });
+  const [shouldAutoScroll, setShouldAutoScroll] = useState(false);
+  const autoScrollRef = useRef();
+  useEffect(() => {
+    autoScrollRef.current = shouldAutoScroll;
+    const id = setInterval(scrollCheck, autoScrollTimer);
+    function scrollCheck() {
+      if (!autoScrollRef.current) {
+        clearInterval(id);
+      } else {
+        handleButtonNavigation(true);
+      }
+    }
+    return () => clearInterval(id);
+  }, [autoScrollTimer, shouldAutoScroll]);
+  useEffect(() => {
+    const {
+      current: {
+        offsetWidth,
+        scrollWidth
+      }
+    } = ref;
+    if (scrollWidth <= offsetWidth) {
+      setButtonDisplays({
+        displayLeft: false,
+        displayRight: false
+      });
+    }
+    setShouldAutoScroll(enableAutoScroll);
+  }, [enableAutoScroll]);
+  const handleScroll = () => {
+    const {
+      current: {
+        offsetWidth,
+        scrollLeft,
+        scrollWidth
+      }
+    } = ref;
+    const updatedDisplayLeft = !!scrollLeft;
+    const updatedDisplayRight = scrollLeft + offsetWidth + 1 < scrollWidth;
+    setButtonDisplays({
+      displayLeft: updatedDisplayLeft,
+      displayRight: updatedDisplayRight
+    });
+  };
+  const handleMouseEnter = () => {
+    if (pauseScrollOnHover) setShouldAutoScroll(false);
+  };
+  const handleMouseLeave = () => {
+    if (pauseScrollOnHover) setShouldAutoScroll(true);
+  };
+  const handleButtonNavigation = direction => {
+    if (!ref || !ref.current) return;
+    const {
+      current: {
+        offsetWidth,
+        scrollLeft,
+        scrollWidth
+      }
+    } = ref;
+    if (autoScrollRef.current && scrollLeft + offsetWidth >= scrollWidth) {
+      ref.current.scrollLeft = 0;
+    } else {
+      ref.current.scrollLeft = direction ? scrollLeft + offsetWidth : scrollLeft - offsetWidth;
+    }
+  };
+  const {
+    displayLeft,
+    displayRight
+  } = buttonDisplay;
+  const parsedModifier = modifier ? ` ${modifier}` : '';
+  const wrapperClassName = `cards-carousel${bannerModifier}${parsedModifier}`;
+  const contentClassName = `cards-carousel--content items-per-row-${itemsPerRow}`;
+  return /*#__PURE__*/React.createElement("div", {
+    className: wrapperClassName,
+    onMouseEnter: handleMouseEnter,
+    onMouseLeave: handleMouseLeave
+  }, /*#__PURE__*/React.createElement("div", {
+    className: "cards-carousel--left-button-wrapper"
+  }, displayLeft && /*#__PURE__*/React.createElement("button", {
+    type: "button",
+    className: "cards-carousel--button-back icon-button icon",
+    "aria-label": "Scroll left",
+    onClick: () => {
+      setShouldAutoScroll(false);
+      handleButtonNavigation();
+    }
+  }, /*#__PURE__*/React.createElement("i", {
+    className: "cards-carousel--arrow cards-carousel--arrow__left"
+  }))), /*#__PURE__*/React.createElement("div", {
+    className: "cards-carousel--right-button-wrapper"
+  }, displayRight && /*#__PURE__*/React.createElement("button", {
+    type: "button",
+    className: "cards-carousel--button-forward icon-button icon",
+    "aria-label": "Scroll right",
+    onClick: () => {
+      setShouldAutoScroll(false);
+      handleButtonNavigation(true);
+    }
+  }, /*#__PURE__*/React.createElement("i", {
+    className: "cards-carousel--arrow cards-carousel--arrow__right"
+  }))), /*#__PURE__*/React.createElement("div", {
+    className: contentClassName,
+    ref: ref,
+    onScroll: handleScroll
+  }, children));
+};
+DefaultCarousel.propTypes = {
+  bannerModifier: PropTypes.string,
+  itemsPerRow: PropTypes.number,
+  children: PropTypes.oneOfType([PropTypes.arrayOf(PropTypes.node), PropTypes.node]),
+  enableAutoScroll: PropTypes.bool,
+  pauseScrollOnHover: PropTypes.bool,
+  autoScrollTimer: PropTypes.number
+};
+DefaultCarousel.defaultProps = {
+  itemsPerRow: 0,
+  bannerModifier: '',
+  children: [],
+  enableAutoScroll: false,
+  pauseScrollOnHover: false,
+  autoScrollTimer: 0
+};
+export default DefaultCarousel;
+//# sourceMappingURL=DefaultCarousel.js.map

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

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

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

@@ -0,0 +1,43 @@
+import React from 'react';
+import PropTypes from 'prop-types';
+const SmoothScrollCarousel = ({
+  children,
+  bannerModifier,
+  itemsPerRow,
+  autoScrollTimer,
+  numberOfCards
+}) => {
+  const wrapperClassName = `cards-carousel-smooth${bannerModifier}`;
+  const contentClassName = `cards-carousel--content smooth-scroll items-per-row-${itemsPerRow}`;
+  const animationTime = autoScrollTimer * numberOfCards / 1000;
+  const animationDuration = `${animationTime < 1 ? 1 : animationTime}s`;
+  return /*#__PURE__*/React.createElement("div", {
+    className: wrapperClassName
+  }, /*#__PURE__*/React.createElement("div", {
+    className: contentClassName,
+    style: {
+      animationDuration
+    }
+  }, children), /*#__PURE__*/React.createElement("div", {
+    className: contentClassName,
+    style: {
+      animationDuration
+    }
+  }, children));
+};
+SmoothScrollCarousel.propTypes = {
+  bannerModifier: PropTypes.string,
+  itemsPerRow: PropTypes.number,
+  children: PropTypes.oneOfType([PropTypes.arrayOf(PropTypes.node), PropTypes.node]),
+  autoScrollTimer: PropTypes.number,
+  numberOfCards: PropTypes.number
+};
+SmoothScrollCarousel.defaultProps = {
+  itemsPerRow: 0,
+  bannerModifier: '',
+  children: [],
+  autoScrollTimer: 0,
+  numberOfCards: 1
+};
+export default SmoothScrollCarousel;
+//# sourceMappingURL=SmoothScrollCarousel.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"SmoothScrollCarousel.js","names":["React","PropTypes","SmoothScrollCarousel","children","bannerModifier","itemsPerRow","autoScrollTimer","numberOfCards","wrapperClassName","contentClassName","animationTime","animationDuration","createElement","className","style","propTypes","string","number","oneOfType","arrayOf","node","defaultProps"],"sources":["../../../src/components/CarouselWrapper/SmoothScrollCarousel.js"],"sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\n\nconst SmoothScrollCarousel = ({\n  children,\n  bannerModifier,\n  itemsPerRow,\n  autoScrollTimer,\n  numberOfCards\n}) => {\n  const wrapperClassName = `cards-carousel-smooth${bannerModifier}`;\n  const contentClassName = `cards-carousel--content smooth-scroll items-per-row-${itemsPerRow}`;\n  const animationTime = (autoScrollTimer * numberOfCards) / 1000;\n  const animationDuration = `${animationTime < 1 ? 1 : animationTime}s`;\n\n  return (\n    <div className={wrapperClassName}>\n      <div className={contentClassName} style={{ animationDuration }}>\n        {children}\n      </div>\n      <div className={contentClassName} style={{ animationDuration }}>\n        {children}\n      </div>\n    </div>\n  );\n};\n\nSmoothScrollCarousel.propTypes = {\n  bannerModifier: PropTypes.string,\n  itemsPerRow: PropTypes.number,\n  children: PropTypes.oneOfType([PropTypes.arrayOf(PropTypes.node), PropTypes.node]),\n  autoScrollTimer: PropTypes.number,\n  numberOfCards: PropTypes.number\n};\n\nSmoothScrollCarousel.defaultProps = {\n  itemsPerRow: 0,\n  bannerModifier: '',\n  children: [],\n  autoScrollTimer: 0,\n  numberOfCards: 1\n};\n\nexport default SmoothScrollCarousel;\n"],"mappings":"AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,OAAOC,SAAS,MAAM,YAAY;AAElC,MAAMC,oBAAoB,GAAGA,CAAC;EAC5BC,QAAQ;EACRC,cAAc;EACdC,WAAW;EACXC,eAAe;EACfC;AACF,CAAC,KAAK;EACJ,MAAMC,gBAAgB,GAAG,wBAAwBJ,cAAc,EAAE;EACjE,MAAMK,gBAAgB,GAAG,uDAAuDJ,WAAW,EAAE;EAC7F,MAAMK,aAAa,GAAIJ,eAAe,GAAGC,aAAa,GAAI,IAAI;EAC9D,MAAMI,iBAAiB,GAAG,GAAGD,aAAa,GAAG,CAAC,GAAG,CAAC,GAAGA,aAAa,GAAG;EAErE,oBACEV,KAAA,CAAAY,aAAA;IAAKC,SAAS,EAAEL;EAAiB,gBAC/BR,KAAA,CAAAY,aAAA;IAAKC,SAAS,EAAEJ,gBAAiB;IAACK,KAAK,EAAE;MAAEH;IAAkB;EAAE,GAC5DR,QACE,CAAC,eACNH,KAAA,CAAAY,aAAA;IAAKC,SAAS,EAAEJ,gBAAiB;IAACK,KAAK,EAAE;MAAEH;IAAkB;EAAE,GAC5DR,QACE,CACF,CAAC;AAEV,CAAC;AAEDD,oBAAoB,CAACa,SAAS,GAAG;EAC/BX,cAAc,EAAEH,SAAS,CAACe,MAAM;EAChCX,WAAW,EAAEJ,SAAS,CAACgB,MAAM;EAC7Bd,QAAQ,EAAEF,SAAS,CAACiB,SAAS,CAAC,CAACjB,SAAS,CAACkB,OAAO,CAAClB,SAAS,CAACmB,IAAI,CAAC,EAAEnB,SAAS,CAACmB,IAAI,CAAC,CAAC;EAClFd,eAAe,EAAEL,SAAS,CAACgB,MAAM;EACjCV,aAAa,EAAEN,SAAS,CAACgB;AAC3B,CAAC;AAEDf,oBAAoB,CAACmB,YAAY,GAAG;EAClChB,WAAW,EAAE,CAAC;EACdD,cAAc,EAAE,EAAE;EAClBD,QAAQ,EAAE,EAAE;EACZG,eAAe,EAAE,CAAC;EAClBC,aAAa,EAAE;AACjB,CAAC;AAED,eAAeL,oBAAoB","ignoreList":[]}

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

@@ -0,0 +1,3 @@
+import CarouselWrapper from './CarouselWrapper';
+export default CarouselWrapper;
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","names":["CarouselWrapper"],"sources":["../../../src/components/CarouselWrapper/index.js"],"sourcesContent":["import CarouselWrapper from './CarouselWrapper';\n\nexport default CarouselWrapper;\n"],"mappings":"AAAA,OAAOA,eAAe,MAAM,mBAAmB;AAE/C,eAAeA,eAAe","ignoreList":[]}