@blaze-cms/react-page-builder 0.146.0-node18.1 → 0.146.0-rc-eagle-3.0

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

@@ -1,31 +1,56 @@
 import _extends from "@babel/runtime/helpers/extends";
 import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProperties";
-const _excluded = ["caption", "imageIds", "isCaptionDisplayed", "VariantComponent"];
-import React from 'react';
+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 } from '../../helpers';
+import { getDisplayCountData, getImageIds } from '../../helpers';
 const Carousel = props => {
   const {
       caption,
       imageIds,
       isCaptionDisplayed,
-      VariantComponent
+      VariantComponent,
+      imagesProperty,
+      entity: entitySetting,
+      parent: {
+        itemId,
+        itemEntity
+      }
     } = props,
     otherProps = _objectWithoutProperties(props, _excluded);
+  const {
+    isPreview
+  } = useContext(MainContext);
   const navigationProps = useCarouselNavigation(props);
-  if (!imageIds || !imageIds.length) return null;
+  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, imageIds);
+  } = getDisplayCountData(navigationProps.showCount, updatedImageIds);
   const ComponentToRender = VariantComponent || CarouselRender;
   return /*#__PURE__*/React.createElement(ComponentToRender, _extends({
     caption: caption,
-    imageIds: imageIds,
+    imageIds: updatedImageIds,
     CarouselImage: CarouselImage,
     shouldDisplayCaption: shouldDisplayCaption,
     shouldDisplayCount: shouldDisplayCount,
@@ -34,15 +59,20 @@ const Carousel = props => {
 };
 Carousel.propTypes = {
   caption: PropTypes.string,
+  entity: PropTypes.string,
   imageIds: PropTypes.array,
+  imagesProperty: PropTypes.array,
   isCaptionDisplayed: PropTypes.bool,
-  VariantComponent: PropTypes.func
+  VariantComponent: PropTypes.func,
+  parent: PropTypes.object.isRequired
 };
 Carousel.defaultProps = {
   VariantComponent: null,
   caption: '',
   imageIds: [],
-  isCaptionDisplayed: false
+  imagesProperty: [],
+  isCaptionDisplayed: false,
+  entity: null
 };
 export default Carousel;
 //# sourceMappingURL=Carousel.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"Carousel.js","names":["React","PropTypes","CarouselImage","CarouselRender","useCarouselNavigation","getDisplayCountData","Carousel","props","caption","imageIds","isCaptionDisplayed","VariantComponent","otherProps","_objectWithoutProperties","_excluded","navigationProps","length","shouldDisplayCaption","shouldDisplayCount","countMessage","showCount","ComponentToRender","createElement","_extends","propTypes","string","array","bool","func","defaultProps"],"sources":["../../../src/components/Carousel/Carousel.js"],"sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\nimport CarouselImage from './CarouselImage';\nimport CarouselRender from './CarouselRender';\nimport { useCarouselNavigation } from './hooks/useCarouselNavigation';\nimport { getDisplayCountData } from '../../helpers';\n\nconst Carousel = props => {\n  const { caption, imageIds, isCaptionDisplayed, VariantComponent, ...otherProps } = props;\n\n  const navigationProps = useCarouselNavigation(props);\n\n  if (!imageIds || !imageIds.length) return null;\n  const shouldDisplayCaption = isCaptionDisplayed && caption;\n\n  const { shouldDisplayCount, countMessage } = getDisplayCountData(\n    navigationProps.showCount,\n    imageIds\n  );\n\n  const ComponentToRender = VariantComponent || CarouselRender;\n\n  return (\n    <ComponentToRender\n      caption={caption}\n      imageIds={imageIds}\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  imageIds: PropTypes.array,\n  isCaptionDisplayed: PropTypes.bool,\n  VariantComponent: PropTypes.func\n};\n\nCarousel.defaultProps = {\n  VariantComponent: null,\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,aAAa,MAAM,iBAAiB;AAC3C,OAAOC,cAAc,MAAM,kBAAkB;AAC7C,SAASC,qBAAqB,QAAQ,+BAA+B;AACrE,SAASC,mBAAmB,QAAQ,eAAe;AAEnD,MAAMC,QAAQ,GAAGC,KAAK,IAAI;EACxB,MAAM;MAAEC,OAAO;MAAEC,QAAQ;MAAEC,kBAAkB;MAAEC;IAAgC,CAAC,GAAGJ,KAAK;IAApBK,UAAU,GAAAC,wBAAA,CAAKN,KAAK,EAAAO,SAAA;EAExF,MAAMC,eAAe,GAAGX,qBAAqB,CAACG,KAAK,CAAC;EAEpD,IAAI,CAACE,QAAQ,IAAI,CAACA,QAAQ,CAACO,MAAM,EAAE,OAAO,IAAI;EAC9C,MAAMC,oBAAoB,GAAGP,kBAAkB,IAAIF,OAAO;EAE1D,MAAM;IAAEU,kBAAkB;IAAEC;EAAa,CAAC,GAAGd,mBAAmB,CAC9DU,eAAe,CAACK,SAAS,EACzBX,QACF,CAAC;EAED,MAAMY,iBAAiB,GAAGV,gBAAgB,IAAIR,cAAc;EAE5D,oBACEH,KAAA,CAAAsB,aAAA,CAACD,iBAAiB,EAAAE,QAAA;IAChBf,OAAO,EAAEA,OAAQ;IACjBC,QAAQ,EAAEA,QAAS;IACnBP,aAAa,EAAEA,aAAc;IAC7Be,oBAAoB,EAAEA,oBAAqB;IAC3CC,kBAAkB,EAAEA,kBAAmB;IACvCC,YAAY,EAAEA;EAAa,GACvBJ,eAAe,EACfH,UAAU,CACf,CAAC;AAEN,CAAC;AAEDN,QAAQ,CAACkB,SAAS,GAAG;EACnBhB,OAAO,EAAEP,SAAS,CAACwB,MAAM;EACzBhB,QAAQ,EAAER,SAAS,CAACyB,KAAK;EACzBhB,kBAAkB,EAAET,SAAS,CAAC0B,IAAI;EAClChB,gBAAgB,EAAEV,SAAS,CAAC2B;AAC9B,CAAC;AAEDtB,QAAQ,CAACuB,YAAY,GAAG;EACtBlB,gBAAgB,EAAE,IAAI;EACtBH,OAAO,EAAE,EAAE;EACXC,QAAQ,EAAE,EAAE;EACZC,kBAAkB,EAAE;AACtB,CAAC;AAED,eAAeJ,QAAQ","ignoreList":[]}
+{"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

@@ -35,9 +35,10 @@ const CarouselImage = ({
     toggleModal();
     handleSelectedImage(imageId);
   };
+  if (!loading && !imageUrl) return null;
   return /*#__PURE__*/React.createElement("div", {
     className: "carousel__slide"
-  }, loading ? /*#__PURE__*/React.createElement("div", null) : /*#__PURE__*/React.createElement(LazyImage, {
+  }, loading ? /*#__PURE__*/React.createElement("span", null) : /*#__PURE__*/React.createElement(LazyImage, {
     src: imageUrl,
     alt: alt,
     sizeKey: "carousel",

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

@@ -1 +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  return (\n    <div className=\"carousel__slide\">\n      {loading ? (\n        <div />\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,oBACEP,KAAA,CAAAuB,aAAA;IAAKC,SAAS,EAAC;EAAiB,GAC7BX,OAAO,gBACNb,KAAA,CAAAuB,aAAA,YAAM,CAAC,gBAEPvB,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":[]}
+{"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/ContentGroup/ContentGroup.js

@@ -1,31 +1,95 @@
 import _extends from "@babel/runtime/helpers/extends";
+import _defineProperty from "@babel/runtime/helpers/defineProperty";
 import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProperties";
-const _excluded = ["contentType", "children"];
-import React from 'react';
+const _excluded = ["contentType", "isFaqContent", "children", "customHtmlProps", "simpleData", "dataProperty"],
+  _excluded2 = ["topWrapperProps"];
+function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
+function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
+import React, { Fragment, useMemo } from 'react';
 import PropTypes from 'prop-types';
+import { CONTENT_GROUP_TYPES } from './constants';
 import ContentGroupTabs from './ContentGroupTabs';
-import { getSectionsData } from './helpers';
+import ContentGroupAccordion from './ContentGroupAccordion';
+import ContentGroupDataFetcher from './ContentGroupDataFetcher';
+import { getSectionsData, buildDataSections } from './helpers';
+import getStructuredDataProperties from './helpers/get-structured-data-properties';
+import { getCustomHtmlProperties } from '../../helpers';
+const VALID_TYPES = Object.values(CONTENT_GROUP_TYPES);
 const ContentGroup = _ref => {
-  var _children$props;
+  var _children$props, _children$props$child;
   let {
       contentType,
-      children
+      isFaqContent,
+      children,
+      customHtmlProps,
+      simpleData,
+      dataProperty
     } = _ref,
     props = _objectWithoutProperties(_ref, _excluded);
-  const groupSections = children === null || children === void 0 ? void 0 : (_children$props = children.props) === null || _children$props === void 0 ? void 0 : _children$props.children[1];
+  const hasSimpleData = Array.isArray(simpleData) && simpleData.length > 0;
+  const dataPropertyName = Array.isArray(dataProperty) ? dataProperty[0] : dataProperty;
+  const hasDataProperty = !!dataPropertyName;
+  const childGroupSections = children === null || children === void 0 ? void 0 : (_children$props = children.props) === null || _children$props === void 0 ? void 0 : (_children$props$child = _children$props.children) === null || _children$props$child === void 0 ? void 0 : _children$props$child[1];
+  const GroupComponent = useMemo(() => contentType === CONTENT_GROUP_TYPES.ACCORDION ? ContentGroupAccordion : ContentGroupTabs, [contentType]);
+  const WrapperComponent = useMemo(() => !isFaqContent ? Fragment : 'div', [isFaqContent]);
+  const _useMemo = useMemo(() => {
+      const structuredDataProperties = getStructuredDataProperties(isFaqContent);
+      return _objectSpread(_objectSpread({}, structuredDataProperties), {}, {
+        topWrapperProps: _objectSpread(_objectSpread({}, structuredDataProperties.topWrapperProps), getCustomHtmlProperties({
+          customHtmlProps
+        }))
+      });
+    }, [isFaqContent, customHtmlProps]),
+    {
+      topWrapperProps
+    } = _useMemo,
+    schemaProperties = _objectWithoutProperties(_useMemo, _excluded2);
+  if (!VALID_TYPES.includes(contentType)) return '';
+  if (!hasSimpleData && hasDataProperty) {
+    return /*#__PURE__*/React.createElement(WrapperComponent, topWrapperProps, /*#__PURE__*/React.createElement(ContentGroupDataFetcher, _extends({
+      dataProperty: dataPropertyName,
+      contentType: contentType
+    }, props, schemaProperties)));
+  }
+  let groupSections;
+  let sectionsData;
+  if (hasSimpleData) {
+    ({
+      groupSections,
+      sectionsData
+    } = buildDataSections(simpleData));
+  } else {
+    groupSections = childGroupSections;
+    if (!groupSections || !groupSections.length) return '';
+    sectionsData = getSectionsData(groupSections);
+  }
   if (!groupSections || !groupSections.length) return '';
-  if (contentType !== 'tab' && contentType !== 'sidepanel') return '';
-  const sectionsData = getSectionsData(groupSections);
-  return /*#__PURE__*/React.createElement(ContentGroupTabs, _extends({
+  return /*#__PURE__*/React.createElement(WrapperComponent, topWrapperProps, /*#__PURE__*/React.createElement(GroupComponent, _extends({
     contentType: contentType,
     groupSections: groupSections,
     sectionsData: sectionsData
-  }, props));
+  }, props, schemaProperties)));
 };
 ContentGroup.propTypes = {
-  children: PropTypes.object.isRequired,
-  contentType: PropTypes.string.isRequired
+  children: PropTypes.object,
+  contentType: PropTypes.oneOf(VALID_TYPES).isRequired,
+  isFaqContent: PropTypes.bool,
+  customHtmlProps: PropTypes.arrayOf(PropTypes.shape({
+    name: PropTypes.string,
+    value: PropTypes.string
+  })),
+  simpleData: PropTypes.arrayOf(PropTypes.shape({
+    label: PropTypes.string,
+    text: PropTypes.string
+  })),
+  dataProperty: PropTypes.oneOfType([PropTypes.string, PropTypes.arrayOf(PropTypes.string)])
+};
+ContentGroup.defaultProps = {
+  children: null,
+  isFaqContent: false,
+  customHtmlProps: [],
+  simpleData: null,
+  dataProperty: null
 };
-ContentGroup.defaultProps = {};
 export default ContentGroup;
 //# sourceMappingURL=ContentGroup.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"ContentGroup.js","names":["React","PropTypes","ContentGroupTabs","getSectionsData","ContentGroup","_ref","_children$props","contentType","children","props","_objectWithoutProperties","_excluded","groupSections","length","sectionsData","createElement","_extends","propTypes","object","isRequired","string","defaultProps"],"sources":["../../../src/components/ContentGroup/ContentGroup.js"],"sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\nimport ContentGroupTabs from './ContentGroupTabs';\nimport { getSectionsData } from './helpers';\n\nconst ContentGroup = ({ contentType, children, ...props }) => {\n  const groupSections = children?.props?.children[1];\n  if (!groupSections || !groupSections.length) return '';\n  if (contentType !== 'tab' && contentType !== 'sidepanel') return '';\n  const sectionsData = getSectionsData(groupSections);\n\n  return (\n    <ContentGroupTabs\n      contentType={contentType}\n      groupSections={groupSections}\n      sectionsData={sectionsData}\n      {...props}\n    />\n  );\n};\n\nContentGroup.propTypes = {\n  children: PropTypes.object.isRequired,\n  contentType: PropTypes.string.isRequired\n};\n\nContentGroup.defaultProps = {};\n\nexport default ContentGroup;\n"],"mappings":";;;AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,OAAOC,SAAS,MAAM,YAAY;AAClC,OAAOC,gBAAgB,MAAM,oBAAoB;AACjD,SAASC,eAAe,QAAQ,WAAW;AAE3C,MAAMC,YAAY,GAAGC,IAAA,IAAyC;EAAA,IAAAC,eAAA;EAAA,IAAxC;MAAEC,WAAW;MAAEC;IAAmB,CAAC,GAAAH,IAAA;IAAPI,KAAK,GAAAC,wBAAA,CAAAL,IAAA,EAAAM,SAAA;EACrD,MAAMC,aAAa,GAAGJ,QAAQ,aAARA,QAAQ,wBAAAF,eAAA,GAARE,QAAQ,CAAEC,KAAK,cAAAH,eAAA,uBAAfA,eAAA,CAAiBE,QAAQ,CAAC,CAAC,CAAC;EAClD,IAAI,CAACI,aAAa,IAAI,CAACA,aAAa,CAACC,MAAM,EAAE,OAAO,EAAE;EACtD,IAAIN,WAAW,KAAK,KAAK,IAAIA,WAAW,KAAK,WAAW,EAAE,OAAO,EAAE;EACnE,MAAMO,YAAY,GAAGX,eAAe,CAACS,aAAa,CAAC;EAEnD,oBACEZ,KAAA,CAAAe,aAAA,CAACb,gBAAgB,EAAAc,QAAA;IACfT,WAAW,EAAEA,WAAY;IACzBK,aAAa,EAAEA,aAAc;IAC7BE,YAAY,EAAEA;EAAa,GACvBL,KAAK,CACV,CAAC;AAEN,CAAC;AAEDL,YAAY,CAACa,SAAS,GAAG;EACvBT,QAAQ,EAAEP,SAAS,CAACiB,MAAM,CAACC,UAAU;EACrCZ,WAAW,EAAEN,SAAS,CAACmB,MAAM,CAACD;AAChC,CAAC;AAEDf,YAAY,CAACiB,YAAY,GAAG,CAAC,CAAC;AAE9B,eAAejB,YAAY","ignoreList":[]}
+{"version":3,"file":"ContentGroup.js","names":["React","Fragment","useMemo","PropTypes","CONTENT_GROUP_TYPES","ContentGroupTabs","ContentGroupAccordion","ContentGroupDataFetcher","getSectionsData","buildDataSections","getStructuredDataProperties","getCustomHtmlProperties","VALID_TYPES","Object","values","ContentGroup","_ref","_children$props","_children$props$child","contentType","isFaqContent","children","customHtmlProps","simpleData","dataProperty","props","_objectWithoutProperties","_excluded","hasSimpleData","Array","isArray","length","dataPropertyName","hasDataProperty","childGroupSections","GroupComponent","ACCORDION","WrapperComponent","_useMemo","structuredDataProperties","_objectSpread","topWrapperProps","schemaProperties","_excluded2","includes","createElement","_extends","groupSections","sectionsData","propTypes","object","oneOf","isRequired","bool","arrayOf","shape","name","string","value","label","text","oneOfType","defaultProps"],"sources":["../../../src/components/ContentGroup/ContentGroup.js"],"sourcesContent":["import React, { Fragment, useMemo } from 'react';\nimport PropTypes from 'prop-types';\nimport { CONTENT_GROUP_TYPES } from './constants';\nimport ContentGroupTabs from './ContentGroupTabs';\nimport ContentGroupAccordion from './ContentGroupAccordion';\nimport ContentGroupDataFetcher from './ContentGroupDataFetcher';\nimport { getSectionsData, buildDataSections } from './helpers';\nimport getStructuredDataProperties from './helpers/get-structured-data-properties';\nimport { getCustomHtmlProperties } from '../../helpers';\n\nconst VALID_TYPES = Object.values(CONTENT_GROUP_TYPES);\n\nconst ContentGroup = ({\n  contentType,\n  isFaqContent,\n  children,\n  customHtmlProps,\n  simpleData,\n  dataProperty,\n  ...props\n}) => {\n  const hasSimpleData = Array.isArray(simpleData) && simpleData.length > 0;\n  const dataPropertyName = Array.isArray(dataProperty) ? dataProperty[0] : dataProperty;\n  const hasDataProperty = !!dataPropertyName;\n\n  const childGroupSections = children?.props?.children?.[1];\n\n  const GroupComponent = useMemo(\n    () =>\n      contentType === CONTENT_GROUP_TYPES.ACCORDION ? ContentGroupAccordion : ContentGroupTabs,\n    [contentType]\n  );\n  const WrapperComponent = useMemo(() => (!isFaqContent ? Fragment : 'div'), [isFaqContent]);\n\n  const { topWrapperProps, ...schemaProperties } = useMemo(() => {\n    const structuredDataProperties = getStructuredDataProperties(isFaqContent);\n    return {\n      ...structuredDataProperties,\n      topWrapperProps: {\n        ...structuredDataProperties.topWrapperProps,\n        ...getCustomHtmlProperties({ customHtmlProps })\n      }\n    };\n  }, [isFaqContent, customHtmlProps]);\n\n  if (!VALID_TYPES.includes(contentType)) return '';\n\n  if (!hasSimpleData && hasDataProperty) {\n    return (\n      <WrapperComponent {...topWrapperProps}>\n        <ContentGroupDataFetcher\n          dataProperty={dataPropertyName}\n          contentType={contentType}\n          {...props}\n          {...schemaProperties}\n        />\n      </WrapperComponent>\n    );\n  }\n\n  let groupSections;\n  let sectionsData;\n\n  if (hasSimpleData) {\n    ({ groupSections, sectionsData } = buildDataSections(simpleData));\n  } else {\n    groupSections = childGroupSections;\n    if (!groupSections || !groupSections.length) return '';\n    sectionsData = getSectionsData(groupSections);\n  }\n  if (!groupSections || !groupSections.length) return '';\n\n  return (\n    <WrapperComponent {...topWrapperProps}>\n      <GroupComponent\n        contentType={contentType}\n        groupSections={groupSections}\n        sectionsData={sectionsData}\n        {...props}\n        {...schemaProperties}\n      />\n    </WrapperComponent>\n  );\n};\n\nContentGroup.propTypes = {\n  children: PropTypes.object,\n  contentType: PropTypes.oneOf(VALID_TYPES).isRequired,\n  isFaqContent: PropTypes.bool,\n  customHtmlProps: PropTypes.arrayOf(\n    PropTypes.shape({\n      name: PropTypes.string,\n      value: PropTypes.string\n    })\n  ),\n  simpleData: PropTypes.arrayOf(\n    PropTypes.shape({\n      label: PropTypes.string,\n      text: PropTypes.string\n    })\n  ),\n  dataProperty: PropTypes.oneOfType([PropTypes.string, PropTypes.arrayOf(PropTypes.string)])\n};\n\nContentGroup.defaultProps = {\n  children: null,\n  isFaqContent: false,\n  customHtmlProps: [],\n  simpleData: null,\n  dataProperty: null\n};\n\nexport default ContentGroup;\n"],"mappings":"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","ignoreList":[]}

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

@@ -0,0 +1,138 @@
+import _extends from "@babel/runtime/helpers/extends";
+import React, { useEffect, useMemo, useState } from 'react';
+import PropTypes from 'prop-types';
+import classnames from 'classnames';
+import { useRouter } from 'next/router';
+import { VscChevronUp, VscChevronDown } from 'react-icons/vsc';
+import { CONTENT_GROUP, OPEN_STATES } from './constants';
+const ContentGroupAccordion = ({
+  name,
+  groupSections,
+  sectionsData,
+  VariantComponent,
+  openState,
+  groupSectionProps,
+  groupSectionTitleProps,
+  groupContentWrapperProps,
+  groupContentProps
+}) => {
+  const router = useRouter();
+  const {
+    asPath
+  } = router;
+  const sectionPairs = useMemo(() => sectionsData.map(([sectionName, sectionLabel]) => ({
+    sectionName,
+    sectionLabel,
+    panelId: `${sectionName}-panel`
+  })), [sectionsData]);
+  const sectionNames = useMemo(() => sectionPairs.map(p => p.sectionName), [sectionPairs]);
+  const baseInitialOpen = useMemo(() => {
+    if (openState === OPEN_STATES.ALL_OPEN) return new Set(sectionNames);
+    if (openState === OPEN_STATES.ALL_CLOSED && sectionNames.length) return new Set();
+    return new Set([sectionNames[0]]);
+  }, [openState, sectionNames]);
+  const [openSet, setOpenSet] = useState(baseInitialOpen);
+  useEffect(() => {
+    const rawHash = (asPath.split('#')[1] || '').trim();
+    if (rawHash && sectionNames.includes(rawHash) && !openSet.has(rawHash)) {
+      setOpenSet(prev => {
+        const next = new Set(prev);
+        next.add(rawHash);
+        return next;
+      });
+    }
+  },
+  // eslint-disable-next-line react-hooks/exhaustive-deps
+  [asPath, sectionNames]);
+  const WrapperComponent = VariantComponent || 'div';
+  const baseClass = `${CONTENT_GROUP}-accordion`;
+  const itemsClass = `${baseClass}__items`;
+  const itemClass = `${baseClass}__item`;
+  const headerBtnClass = `${baseClass}__header-btn`;
+  const panelClass = `${baseClass}__panel`;
+  const headingClass = `${baseClass}__heading`;
+  const titleClass = `${baseClass}__title`;
+  const chevronClass = `${baseClass}__chevron`;
+  const chevronIconClass = `${baseClass}__chevron-icon`;
+  const onToggle = sectionName => {
+    setOpenSet(prev => {
+      const next = new Set(prev);
+      const willOpen = !next.has(sectionName);
+      if (willOpen) next.add(sectionName);else next.delete(sectionName);
+      const baseUrl = asPath.split('#')[0];
+      const newUrl = willOpen ? `${baseUrl}#${sectionName}` : baseUrl;
+      router.replace(`/Resolver`, newUrl, {
+        shallow: true,
+        scroll: false
+      });
+      return next;
+    });
+  };
+  return /*#__PURE__*/React.createElement("div", {
+    className: baseClass
+  }, /*#__PURE__*/React.createElement("div", {
+    className: itemsClass,
+    "aria-label": name
+  }, groupSections.map((groupSection, index) => {
+    const {
+      sectionName,
+      sectionLabel,
+      panelId
+    } = sectionPairs[index];
+    const isOpen = openSet.has(sectionName);
+    return /*#__PURE__*/React.createElement("div", _extends({
+      key: sectionName,
+      className: classnames(itemClass, {
+        [`${itemClass}--open`]: isOpen
+      })
+    }, groupSectionProps), /*#__PURE__*/React.createElement("h3", {
+      className: headingClass
+    }, /*#__PURE__*/React.createElement("button", {
+      id: sectionName,
+      type: "button",
+      className: classnames(headerBtnClass, {
+        [`${headerBtnClass}--open`]: isOpen
+      }),
+      "aria-expanded": isOpen,
+      "aria-controls": panelId,
+      onClick: () => onToggle(sectionName)
+    }, /*#__PURE__*/React.createElement("span", _extends({
+      className: titleClass
+    }, groupSectionTitleProps), sectionLabel), /*#__PURE__*/React.createElement("span", {
+      "aria-hidden": "true",
+      className: chevronClass
+    }, isOpen ? /*#__PURE__*/React.createElement(VscChevronUp, {
+      className: chevronIconClass
+    }) : /*#__PURE__*/React.createElement(VscChevronDown, {
+      className: chevronIconClass
+    })))), /*#__PURE__*/React.createElement(WrapperComponent, _extends({
+      id: panelId,
+      role: "region",
+      "aria-labelledby": sectionName,
+      className: panelClass,
+      hidden: !isOpen,
+      "data-section": sectionName
+    }, groupContentWrapperProps), /*#__PURE__*/React.createElement("div", groupContentProps, groupSection)));
+  })));
+};
+ContentGroupAccordion.propTypes = {
+  name: PropTypes.string.isRequired,
+  groupSections: PropTypes.array.isRequired,
+  sectionsData: PropTypes.array.isRequired,
+  VariantComponent: PropTypes.oneOfType([PropTypes.func, PropTypes.elementType]),
+  openState: PropTypes.oneOf(Object.values(OPEN_STATES)),
+  groupSectionProps: PropTypes.object,
+  groupSectionTitleProps: PropTypes.object,
+  groupContentWrapperProps: PropTypes.object,
+  groupContentProps: PropTypes.object
+};
+ContentGroupAccordion.defaultProps = {
+  VariantComponent: null,
+  openState: OPEN_STATES.ALL_CLOSED,
+  groupSectionProps: {},
+  groupSectionTitleProps: {},
+  groupContentWrapperProps: {},
+  groupContentProps: {}
+};
+export default ContentGroupAccordion;
+//# sourceMappingURL=ContentGroupAccordion.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"ContentGroupAccordion.js","names":["React","useEffect","useMemo","useState","PropTypes","classnames","useRouter","VscChevronUp","VscChevronDown","CONTENT_GROUP","OPEN_STATES","ContentGroupAccordion","name","groupSections","sectionsData","VariantComponent","openState","groupSectionProps","groupSectionTitleProps","groupContentWrapperProps","groupContentProps","router","asPath","sectionPairs","map","sectionName","sectionLabel","panelId","sectionNames","p","baseInitialOpen","ALL_OPEN","Set","ALL_CLOSED","length","openSet","setOpenSet","rawHash","split","trim","includes","has","prev","next","add","WrapperComponent","baseClass","itemsClass","itemClass","headerBtnClass","panelClass","headingClass","titleClass","chevronClass","chevronIconClass","onToggle","willOpen","delete","baseUrl","newUrl","replace","shallow","scroll","createElement","className","groupSection","index","isOpen","_extends","key","id","type","onClick","role","hidden","propTypes","string","isRequired","array","oneOfType","func","elementType","oneOf","Object","values","object","defaultProps"],"sources":["../../../src/components/ContentGroup/ContentGroupAccordion.js"],"sourcesContent":["import React, { useEffect, useMemo, useState } from 'react';\nimport PropTypes from 'prop-types';\nimport classnames from 'classnames';\nimport { useRouter } from 'next/router';\nimport { VscChevronUp, VscChevronDown } from 'react-icons/vsc';\nimport { CONTENT_GROUP, OPEN_STATES } from './constants';\n\nconst ContentGroupAccordion = ({\n  name,\n  groupSections,\n  sectionsData,\n  VariantComponent,\n  openState,\n  groupSectionProps,\n  groupSectionTitleProps,\n  groupContentWrapperProps,\n  groupContentProps\n}) => {\n  const router = useRouter();\n  const { asPath } = router;\n\n  const sectionPairs = useMemo(\n    () =>\n      sectionsData.map(([sectionName, sectionLabel]) => ({\n        sectionName,\n        sectionLabel,\n        panelId: `${sectionName}-panel`\n      })),\n    [sectionsData]\n  );\n\n  const sectionNames = useMemo(() => sectionPairs.map(p => p.sectionName), [sectionPairs]);\n\n  const baseInitialOpen = useMemo(() => {\n    if (openState === OPEN_STATES.ALL_OPEN) return new Set(sectionNames);\n    if (openState === OPEN_STATES.ALL_CLOSED && sectionNames.length) return new Set();\n\n    return new Set([sectionNames[0]]);\n  }, [openState, sectionNames]);\n\n  const [openSet, setOpenSet] = useState(baseInitialOpen);\n\n  useEffect(\n    () => {\n      const rawHash = (asPath.split('#')[1] || '').trim();\n      if (rawHash && sectionNames.includes(rawHash) && !openSet.has(rawHash)) {\n        setOpenSet(prev => {\n          const next = new Set(prev);\n          next.add(rawHash);\n          return next;\n        });\n      }\n    },\n    // eslint-disable-next-line react-hooks/exhaustive-deps\n    [asPath, sectionNames]\n  );\n\n  const WrapperComponent = VariantComponent || 'div';\n\n  const baseClass = `${CONTENT_GROUP}-accordion`;\n  const itemsClass = `${baseClass}__items`;\n  const itemClass = `${baseClass}__item`;\n  const headerBtnClass = `${baseClass}__header-btn`;\n  const panelClass = `${baseClass}__panel`;\n  const headingClass = `${baseClass}__heading`;\n  const titleClass = `${baseClass}__title`;\n  const chevronClass = `${baseClass}__chevron`;\n  const chevronIconClass = `${baseClass}__chevron-icon`;\n\n  const onToggle = sectionName => {\n    setOpenSet(prev => {\n      const next = new Set(prev);\n      const willOpen = !next.has(sectionName);\n\n      if (willOpen) next.add(sectionName);\n      else next.delete(sectionName);\n\n      const baseUrl = asPath.split('#')[0];\n      const newUrl = willOpen ? `${baseUrl}#${sectionName}` : baseUrl;\n\n      router.replace(`/Resolver`, newUrl, { shallow: true, scroll: false });\n\n      return next;\n    });\n  };\n\n  return (\n    <div className={baseClass}>\n      <div className={itemsClass} aria-label={name}>\n        {groupSections.map((groupSection, index) => {\n          const { sectionName, sectionLabel, panelId } = sectionPairs[index];\n          const isOpen = openSet.has(sectionName);\n\n          return (\n            <div\n              key={sectionName}\n              className={classnames(itemClass, { [`${itemClass}--open`]: isOpen })}\n              {...groupSectionProps}>\n              <h3 className={headingClass}>\n                <button\n                  id={sectionName}\n                  type=\"button\"\n                  className={classnames(headerBtnClass, { [`${headerBtnClass}--open`]: isOpen })}\n                  aria-expanded={isOpen}\n                  aria-controls={panelId}\n                  onClick={() => onToggle(sectionName)}>\n                  <span className={titleClass} {...groupSectionTitleProps}>\n                    {sectionLabel}\n                  </span>\n\n                  <span aria-hidden=\"true\" className={chevronClass}>\n                    {isOpen ? (\n                      <VscChevronUp className={chevronIconClass} />\n                    ) : (\n                      <VscChevronDown className={chevronIconClass} />\n                    )}\n                  </span>\n                </button>\n              </h3>\n\n              <WrapperComponent\n                id={panelId}\n                role=\"region\"\n                aria-labelledby={sectionName}\n                className={panelClass}\n                hidden={!isOpen}\n                data-section={sectionName}\n                {...groupContentWrapperProps}>\n                <div {...groupContentProps}>{groupSection}</div>\n              </WrapperComponent>\n            </div>\n          );\n        })}\n      </div>\n    </div>\n  );\n};\n\nContentGroupAccordion.propTypes = {\n  name: PropTypes.string.isRequired,\n  groupSections: PropTypes.array.isRequired,\n  sectionsData: PropTypes.array.isRequired,\n  VariantComponent: PropTypes.oneOfType([PropTypes.func, PropTypes.elementType]),\n  openState: PropTypes.oneOf(Object.values(OPEN_STATES)),\n  groupSectionProps: PropTypes.object,\n  groupSectionTitleProps: PropTypes.object,\n  groupContentWrapperProps: PropTypes.object,\n  groupContentProps: PropTypes.object\n};\n\nContentGroupAccordion.defaultProps = {\n  VariantComponent: null,\n  openState: OPEN_STATES.ALL_CLOSED,\n  groupSectionProps: {},\n  groupSectionTitleProps: {},\n  groupContentWrapperProps: {},\n  groupContentProps: {}\n};\n\nexport default ContentGroupAccordion;\n"],"mappings":"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","ignoreList":[]}

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

@@ -0,0 +1,88 @@
+import _extends from "@babel/runtime/helpers/extends";
+import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProperties";
+const _excluded = ["dataProperty", "parent", "contentType"];
+import React, { useContext, useMemo } from 'react';
+import PropTypes from 'prop-types';
+import { useQuery, gql } from '@apollo/client';
+import { MainContext } from '@blaze-cms/nextjs-components';
+import { getSingleEntitySchema, generateSingleItemQuery } from '../../application/query';
+import ContentGroupTabs from './ContentGroupTabs';
+import ContentGroupAccordion from './ContentGroupAccordion';
+import { buildDataSections } from './helpers';
+import { CONTENT_GROUP_TYPES } from './constants';
+const PLACEHOLDER_QUERY = gql`
+  query {
+    __typename
+  }
+`;
+const ContentGroupDataFetcher = _ref => {
+  let {
+      dataProperty,
+      parent,
+      contentType
+    } = _ref,
+    props = _objectWithoutProperties(_ref, _excluded);
+  const {
+    isPreview
+  } = useContext(MainContext);
+  const dataPropertyName = Array.isArray(dataProperty) ? dataProperty[0] : dataProperty;
+  const {
+    data: schemaData,
+    loading: schemaLoading
+  } = useQuery(getSingleEntitySchema, {
+    variables: {
+      id: parent === null || parent === void 0 ? void 0 : parent.itemEntity
+    },
+    skip: !(parent === null || parent === void 0 ? void 0 : parent.itemEntity) || !dataPropertyName
+  });
+  const dataQuery = useMemo(() => {
+    if (!schemaData) return null;
+    const {
+      getEntitySchema
+    } = schemaData;
+    const {
+      actions: {
+        getPublished,
+        get
+      } = {}
+    } = getEntitySchema;
+    const actionKey = isPreview ? get : getPublished || get;
+    if (!actionKey) return null;
+    return generateSingleItemQuery(actionKey, `${dataPropertyName} { label text }`);
+  }, [schemaData, isPreview, dataPropertyName]);
+  const {
+    data: recordData,
+    loading: recordLoading
+  } = useQuery(dataQuery || PLACEHOLDER_QUERY, {
+    variables: {
+      id: parent === null || parent === void 0 ? void 0 : parent.itemId
+    },
+    skip: !dataQuery || !(parent === null || parent === void 0 ? void 0 : parent.itemId)
+  });
+  if (schemaLoading || recordLoading) return '';
+  if (!(recordData === null || recordData === void 0 ? void 0 : recordData.entityData)) return null;
+  const propertyData = recordData.entityData[dataPropertyName];
+  if (!propertyData || !propertyData.length) return null;
+  const {
+    groupSections,
+    sectionsData
+  } = buildDataSections(propertyData);
+  if (!groupSections.length) return null;
+  const GroupComponent = contentType === CONTENT_GROUP_TYPES.ACCORDION ? ContentGroupAccordion : ContentGroupTabs;
+  return /*#__PURE__*/React.createElement(GroupComponent, _extends({
+    contentType: contentType,
+    groupSections: groupSections,
+    sectionsData: sectionsData
+  }, props));
+};
+ContentGroupDataFetcher.propTypes = {
+  dataProperty: PropTypes.oneOfType([PropTypes.string, PropTypes.arrayOf(PropTypes.string)]),
+  parent: PropTypes.object,
+  contentType: PropTypes.string.isRequired
+};
+ContentGroupDataFetcher.defaultProps = {
+  dataProperty: null,
+  parent: null
+};
+export default ContentGroupDataFetcher;
+//# sourceMappingURL=ContentGroupDataFetcher.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"ContentGroupDataFetcher.js","names":["React","useContext","useMemo","PropTypes","useQuery","gql","MainContext","getSingleEntitySchema","generateSingleItemQuery","ContentGroupTabs","ContentGroupAccordion","buildDataSections","CONTENT_GROUP_TYPES","PLACEHOLDER_QUERY","ContentGroupDataFetcher","_ref","dataProperty","parent","contentType","props","_objectWithoutProperties","_excluded","isPreview","dataPropertyName","Array","isArray","data","schemaData","loading","schemaLoading","variables","id","itemEntity","skip","dataQuery","getEntitySchema","actions","getPublished","get","actionKey","recordData","recordLoading","itemId","entityData","propertyData","length","groupSections","sectionsData","GroupComponent","ACCORDION","createElement","_extends","propTypes","oneOfType","string","arrayOf","object","isRequired","defaultProps"],"sources":["../../../src/components/ContentGroup/ContentGroupDataFetcher.js"],"sourcesContent":["import React, { useContext, useMemo } from 'react';\nimport PropTypes from 'prop-types';\nimport { useQuery, gql } from '@apollo/client';\nimport { MainContext } from '@blaze-cms/nextjs-components';\nimport { getSingleEntitySchema, generateSingleItemQuery } from '../../application/query';\nimport ContentGroupTabs from './ContentGroupTabs';\nimport ContentGroupAccordion from './ContentGroupAccordion';\nimport { buildDataSections } from './helpers';\nimport { CONTENT_GROUP_TYPES } from './constants';\n\nconst PLACEHOLDER_QUERY = gql`\n  query {\n    __typename\n  }\n`;\n\nconst ContentGroupDataFetcher = ({ dataProperty, parent, contentType, ...props }) => {\n  const { isPreview } = useContext(MainContext);\n  const dataPropertyName = Array.isArray(dataProperty) ? dataProperty[0] : dataProperty;\n\n  const { data: schemaData, loading: schemaLoading } = useQuery(getSingleEntitySchema, {\n    variables: { id: parent?.itemEntity },\n    skip: !parent?.itemEntity || !dataPropertyName\n  });\n\n  const dataQuery = useMemo(() => {\n    if (!schemaData) return null;\n    const { getEntitySchema } = schemaData;\n    const { actions: { getPublished, get } = {} } = getEntitySchema;\n    const actionKey = isPreview ? get : getPublished || get;\n    if (!actionKey) return null;\n    return generateSingleItemQuery(actionKey, `${dataPropertyName} { label text }`);\n  }, [schemaData, isPreview, dataPropertyName]);\n\n  const { data: recordData, loading: recordLoading } = useQuery(dataQuery || PLACEHOLDER_QUERY, {\n    variables: { id: parent?.itemId },\n    skip: !dataQuery || !parent?.itemId\n  });\n\n  if (schemaLoading || recordLoading) return '';\n  if (!recordData?.entityData) return null;\n\n  const propertyData = recordData.entityData[dataPropertyName];\n  if (!propertyData || !propertyData.length) return null;\n\n  const { groupSections, sectionsData } = buildDataSections(propertyData);\n\n  if (!groupSections.length) return null;\n\n  const GroupComponent =\n    contentType === CONTENT_GROUP_TYPES.ACCORDION ? ContentGroupAccordion : ContentGroupTabs;\n\n  return (\n    <GroupComponent\n      contentType={contentType}\n      groupSections={groupSections}\n      sectionsData={sectionsData}\n      {...props}\n    />\n  );\n};\n\nContentGroupDataFetcher.propTypes = {\n  dataProperty: PropTypes.oneOfType([PropTypes.string, PropTypes.arrayOf(PropTypes.string)]),\n  parent: PropTypes.object,\n  contentType: PropTypes.string.isRequired\n};\n\nContentGroupDataFetcher.defaultProps = {\n  dataProperty: null,\n  parent: null\n};\n\nexport default ContentGroupDataFetcher;\n"],"mappings":"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","ignoreList":[]}

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

@@ -50,21 +50,22 @@ const ContentGroupTabs = ({
         router.push(`/Resolver`, newUrl, {
           shallow: true
         });
-        setSelectedTab(tabId);
       }
     }, sectioLabel);
   })), groupSections.map((groupSection, index) => {
     const [sectionName] = sectionsData[index];
     const tabId = `${TAB}-${sectionName}`;
     const panelId = `${PANEL}-${sectionName}`;
-    if (selectedTab !== tabId) return null;
+    const isSelected = selectedTab === tabId;
     return /*#__PURE__*/React.createElement(WrapperComponent, {
       key: panelId,
       id: sectionName,
       className: sectionClass,
       role: "tabpanel",
       tabId: tabId,
-      "aria-labelledby": tabId
+      "aria-labelledby": tabId,
+      "aria-hidden": !isSelected,
+      tabIndex: isSelected ? 0 : -1
     }, groupSection);
   }));
 };

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

@@ -1 +1 @@
-{"version":3,"file":"ContentGroupTabs.js","names":["React","useState","useEffect","PropTypes","useRouter","getActiveTab","TAB","TABS","SIDEPANEL","CONTENT_GROUP","PANEL","ContentGroupTabs","name","contentType","groupSections","sectionsData","VariantComponent","router","selectedTab","setSelectedTab","asPath","contentClassame","mainDivClass","contentGroupClass","sectionClass","activeTab","WrapperComponent","createElement","className","role","map","_","index","sectionName","sectioLabel","tabId","isSelected","buttonClassName","id","key","type","onClick","baseUrl","split","newUrl","push","shallow","groupSection","panelId","propTypes","string","isRequired","array","func","defaultProps"],"sources":["../../../src/components/ContentGroup/ContentGroupTabs.js"],"sourcesContent":["import React, { useState, useEffect } from 'react';\nimport PropTypes from 'prop-types';\nimport { useRouter } from 'next/router';\nimport { getActiveTab } from './helpers';\nimport { TAB, TABS, SIDEPANEL, CONTENT_GROUP, PANEL } from './constants';\n\nconst ContentGroupTabs = ({ name, contentType, groupSections, sectionsData, VariantComponent }) => {\n  const router = useRouter();\n  const [selectedTab, setSelectedTab] = useState(getActiveTab(sectionsData, ''));\n  const { asPath } = router;\n  const contentClassame = contentType === TAB ? TABS : SIDEPANEL;\n  const mainDivClass = `${CONTENT_GROUP}-${contentClassame}`;\n  const contentGroupClass = `${CONTENT_GROUP}-${contentClassame}__buttons-wrapper`;\n  const sectionClass = `${CONTENT_GROUP}-${contentClassame}__content-section`;\n\n  useEffect(() => {\n    const activeTab = getActiveTab(sectionsData, asPath);\n    if (activeTab !== selectedTab) setSelectedTab(activeTab);\n  }, [asPath, sectionsData, selectedTab]);\n\n  const WrapperComponent = VariantComponent || 'div';\n\n  return (\n    <div className={mainDivClass}>\n      <ul className={contentGroupClass} role=\"tablist\" aria-label={name}>\n        {groupSections.map((_, index) => {\n          const [sectionName, sectioLabel] = sectionsData[index];\n          const tabId = `${TAB}-${sectionName}`;\n          const isSelected = selectedTab === tabId;\n          const buttonClassName = `${CONTENT_GROUP}-${contentClassame}__button${\n            isSelected ? '--is-active' : ''\n          }`;\n          return (\n            <button\n              id={tabId}\n              key={tabId}\n              className={buttonClassName}\n              type=\"button\"\n              role=\"tab\"\n              aria-selected={isSelected}\n              aria-controls={sectionName}\n              onClick={() => {\n                const baseUrl = asPath.split('#')[0];\n                const newUrl = `${baseUrl}#${sectionName}`;\n                if (asPath === newUrl) return;\n                router.push(`/Resolver`, newUrl, { shallow: true });\n                setSelectedTab(tabId);\n              }}>\n              {sectioLabel}\n            </button>\n          );\n        })}\n      </ul>\n      {groupSections.map((groupSection, index) => {\n        const [sectionName] = sectionsData[index];\n        const tabId = `${TAB}-${sectionName}`;\n        const panelId = `${PANEL}-${sectionName}`;\n        if (selectedTab !== tabId) return null;\n\n        return (\n          <WrapperComponent\n            key={panelId}\n            id={sectionName}\n            className={sectionClass}\n            role=\"tabpanel\"\n            tabId={tabId}\n            aria-labelledby={tabId}>\n            {groupSection}\n          </WrapperComponent>\n        );\n      })}\n    </div>\n  );\n};\n\nContentGroupTabs.propTypes = {\n  name: PropTypes.string.isRequired,\n  contentType: PropTypes.string.isRequired,\n  groupSections: PropTypes.array.isRequired,\n  sectionsData: PropTypes.array.isRequired,\n  VariantComponent: PropTypes.func\n};\n\nContentGroupTabs.defaultProps = {\n  VariantComponent: null\n};\n\nexport default ContentGroupTabs;\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"file":"ContentGroupTabs.js","names":["React","useState","useEffect","PropTypes","useRouter","getActiveTab","TAB","TABS","SIDEPANEL","CONTENT_GROUP","PANEL","ContentGroupTabs","name","contentType","groupSections","sectionsData","VariantComponent","router","selectedTab","setSelectedTab","asPath","contentClassame","mainDivClass","contentGroupClass","sectionClass","activeTab","WrapperComponent","createElement","className","role","map","_","index","sectionName","sectioLabel","tabId","isSelected","buttonClassName","id","key","type","onClick","baseUrl","split","newUrl","push","shallow","groupSection","panelId","tabIndex","propTypes","string","isRequired","array","func","defaultProps"],"sources":["../../../src/components/ContentGroup/ContentGroupTabs.js"],"sourcesContent":["import React, { useState, useEffect } from 'react';\nimport PropTypes from 'prop-types';\nimport { useRouter } from 'next/router';\nimport { getActiveTab } from './helpers';\nimport { TAB, TABS, SIDEPANEL, CONTENT_GROUP, PANEL } from './constants';\n\nconst ContentGroupTabs = ({ name, contentType, groupSections, sectionsData, VariantComponent }) => {\n  const router = useRouter();\n  const [selectedTab, setSelectedTab] = useState(getActiveTab(sectionsData, ''));\n  const { asPath } = router;\n\n  const contentClassame = contentType === TAB ? TABS : SIDEPANEL;\n  const mainDivClass = `${CONTENT_GROUP}-${contentClassame}`;\n  const contentGroupClass = `${CONTENT_GROUP}-${contentClassame}__buttons-wrapper`;\n  const sectionClass = `${CONTENT_GROUP}-${contentClassame}__content-section`;\n\n  useEffect(() => {\n    const activeTab = getActiveTab(sectionsData, asPath);\n    if (activeTab !== selectedTab) setSelectedTab(activeTab);\n  }, [asPath, sectionsData, selectedTab]);\n\n  const WrapperComponent = VariantComponent || 'div';\n\n  return (\n    <div className={mainDivClass}>\n      <ul className={contentGroupClass} role=\"tablist\" aria-label={name}>\n        {groupSections.map((_, index) => {\n          const [sectionName, sectioLabel] = sectionsData[index];\n          const tabId = `${TAB}-${sectionName}`;\n          const isSelected = selectedTab === tabId;\n          const buttonClassName = `${CONTENT_GROUP}-${contentClassame}__button${\n            isSelected ? '--is-active' : ''\n          }`;\n\n          return (\n            <button\n              id={tabId}\n              key={tabId}\n              className={buttonClassName}\n              type=\"button\"\n              role=\"tab\"\n              aria-selected={isSelected}\n              aria-controls={sectionName}\n              onClick={() => {\n                const baseUrl = asPath.split('#')[0];\n                const newUrl = `${baseUrl}#${sectionName}`;\n                if (asPath === newUrl) return;\n                router.push(`/Resolver`, newUrl, { shallow: true });\n              }}>\n              {sectioLabel}\n            </button>\n          );\n        })}\n      </ul>\n\n      {groupSections.map((groupSection, index) => {\n        const [sectionName] = sectionsData[index];\n        const tabId = `${TAB}-${sectionName}`;\n        const panelId = `${PANEL}-${sectionName}`;\n        const isSelected = selectedTab === tabId;\n\n        return (\n          <WrapperComponent\n            key={panelId}\n            id={sectionName}\n            className={sectionClass}\n            role=\"tabpanel\"\n            tabId={tabId}\n            aria-labelledby={tabId}\n            aria-hidden={!isSelected}\n            tabIndex={isSelected ? 0 : -1}>\n            {groupSection}\n          </WrapperComponent>\n        );\n      })}\n    </div>\n  );\n};\n\nContentGroupTabs.propTypes = {\n  name: PropTypes.string.isRequired,\n  contentType: PropTypes.string.isRequired,\n  groupSections: PropTypes.array.isRequired,\n  sectionsData: PropTypes.array.isRequired,\n  VariantComponent: PropTypes.func\n};\n\nContentGroupTabs.defaultProps = {\n  VariantComponent: null\n};\n\nexport default ContentGroupTabs;\n"],"mappings":"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","ignoreList":[]}