@blaze-cms/react-page-builder 0.146.0-alpha.0 → 0.146.0-alpha.13

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

@@ -1,24 +1,38 @@
 import _extends from "@babel/runtime/helpers/extends";
 import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProperties";
-const _excluded = ["entity", "entities", "propsToDisplay", "itemsToDisplay", "itemListName"],
+const _excluded = ["entity", "entities", "propsToDisplay", "itemsToDisplay", "itemListName", "VariantComponent"],
   _excluded2 = ["gridModifier"];
 import React from 'react';
 import { useQuery } from '@apollo/client';
 import PropTypes from 'prop-types';
-import { getSingleEntitySchema } from '../../application/query';
+import { useRouter } from 'next/router';
+import { parseUrl } from 'query-string';
+import { getSingleEntitySchema, getItemList } from '../../application/query';
 import CardsRender from './CardsRender';
 import { buildPropsQuery, getGenericProps, checkPropsToUse } from '../../helpers';
 import { WITH_BANNER } from '../../constants';
+import { getItemListId, getItemListIds } from '../ItemList/helpers';
 const CardsFactory = _ref => {
   let {
       entity,
       entities,
       propsToDisplay,
       itemsToDisplay,
-      itemListName
+      itemListName,
+      VariantComponent
     } = _ref,
     cardProps = _objectWithoutProperties(_ref, _excluded);
   const entityTouse = entities && entities.length ? entities[0] : entity;
+  const router = useRouter();
+  const {
+    asPath
+  } = router;
+  const parsedQuery = asPath.replace(/%5D/g, ']').replace(/%5B/g, '[');
+  const {
+    query: {
+      itemListId: queryItemListId
+    } = {}
+  } = parseUrl(parsedQuery);
   const {
     data,
     error,
@@ -28,8 +42,19 @@ const CardsFactory = _ref => {
       id: entityTouse
     }
   });
-  if (loading) return '';
-  if (error) return error.message;
+  const itemListId = getItemListId(itemListName, queryItemListId);
+  const {
+    data: itemListData = {},
+    loading: itemListLoading,
+    error: itemListError
+  } = useQuery(getItemList, {
+    variables: {
+      id: itemListId
+    },
+    skip: !itemListId
+  });
+  if (loading || itemListLoading) return '';
+  if (error || itemListError) return error.message || itemListError.message;
   if (!data) return null;
   const propsToDisplayValues = checkPropsToUse(propsToDisplay);
   const extraProps = buildPropsQuery(data, propsToDisplayValues, cardProps) || '';
@@ -39,12 +64,16 @@ const CardsFactory = _ref => {
     } = _getGenericProps,
     cardRenderProps = _objectWithoutProperties(_getGenericProps, _excluded2);
   const extraModifierForBanner = cardRenderProps.banner ? WITH_BANNER : '';
+  const itemListIds = getItemListIds(itemListData);
+  const itemsToDisplayToUse = itemListIds || itemsToDisplay;
+  if (itemListName && !itemListIds) return null;
   return /*#__PURE__*/React.createElement(CardsRender, _extends({
     gridModifier: `${gridModifier}${extraModifierForBanner}`,
     bannerModifier: extraModifierForBanner,
-    itemsToDisplay: itemsToDisplay,
+    itemsToDisplay: itemsToDisplayToUse,
     propsToDisplay: propsToDisplay,
-    entityFields: extraProps
+    entityFields: extraProps,
+    VariantComponent: VariantComponent
   }, cardRenderProps, {
     entity: entityTouse,
     entities: entities
@@ -55,14 +84,16 @@ CardsFactory.propTypes = {
   propsToDisplay: PropTypes.array,
   itemsToDisplay: PropTypes.array,
   itemListName: PropTypes.string,
-  entities: PropTypes.array
+  entities: PropTypes.array,
+  VariantComponent: PropTypes.func
 };
 CardsFactory.defaultProps = {
   propsToDisplay: [],
   itemsToDisplay: [],
   itemListName: '',
   entity: null,
-  entities: null
+  entities: null,
+  VariantComponent: null
 };
 export default CardsFactory;
 //# sourceMappingURL=CardsFactory.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"CardsFactory.js","names":["React","useQuery","PropTypes","getSingleEntitySchema","CardsRender","buildPropsQuery","getGenericProps","checkPropsToUse","WITH_BANNER","CardsFactory","_ref","entity","entities","propsToDisplay","itemsToDisplay","itemListName","cardProps","_objectWithoutProperties","_excluded","entityTouse","length","data","error","loading","variables","id","message","propsToDisplayValues","extraProps","_getGenericProps","gridModifier","cardRenderProps","_excluded2","extraModifierForBanner","banner","createElement","_extends","bannerModifier","entityFields","propTypes","string","array","defaultProps"],"sources":["../../../src/components/Card/CardsFactory.js"],"sourcesContent":["import React from 'react';\nimport { useQuery } from '@apollo/client';\nimport PropTypes from 'prop-types';\nimport { getSingleEntitySchema } from '../../application/query';\nimport CardsRender from './CardsRender';\nimport { buildPropsQuery, getGenericProps, checkPropsToUse } from '../../helpers';\nimport { WITH_BANNER } from '../../constants';\n\nconst CardsFactory = ({\n  entity,\n  entities,\n  propsToDisplay,\n  itemsToDisplay,\n  itemListName,\n  ...cardProps\n}) => {\n  const entityTouse = entities && entities.length ? entities[0] : entity;\n  const { data, error, loading } = useQuery(getSingleEntitySchema, {\n    variables: { id: entityTouse }\n  });\n\n  if (loading) return '';\n  if (error) return error.message;\n  if (!data) return null;\n\n  const propsToDisplayValues = checkPropsToUse(propsToDisplay);\n  const extraProps = buildPropsQuery(data, propsToDisplayValues, cardProps) || '';\n  const { gridModifier, ...cardRenderProps } = getGenericProps(cardProps);\n  const extraModifierForBanner = cardRenderProps.banner ? WITH_BANNER : '';\n\n  return (\n    <CardsRender\n      gridModifier={`${gridModifier}${extraModifierForBanner}`}\n      bannerModifier={extraModifierForBanner}\n      itemsToDisplay={itemsToDisplay}\n      propsToDisplay={propsToDisplay}\n      entityFields={extraProps}\n      {...cardRenderProps}\n      entity={entityTouse}\n      entities={entities}\n    />\n  );\n};\n\nCardsFactory.propTypes = {\n  entity: PropTypes.string,\n  propsToDisplay: PropTypes.array,\n  itemsToDisplay: PropTypes.array,\n  itemListName: PropTypes.string,\n  entities: PropTypes.array\n};\n\nCardsFactory.defaultProps = {\n  propsToDisplay: [],\n  itemsToDisplay: [],\n  itemListName: '',\n  entity: null,\n  entities: null\n};\n\nexport default CardsFactory;\n"],"mappings":";;;;AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,SAASC,QAAQ,QAAQ,gBAAgB;AACzC,OAAOC,SAAS,MAAM,YAAY;AAClC,SAASC,qBAAqB,QAAQ,yBAAyB;AAC/D,OAAOC,WAAW,MAAM,eAAe;AACvC,SAASC,eAAe,EAAEC,eAAe,EAAEC,eAAe,QAAQ,eAAe;AACjF,SAASC,WAAW,QAAQ,iBAAiB;AAE7C,MAAMC,YAAY,GAAGC,IAAA,IAOf;EAAA,IAPgB;MACpBC,MAAM;MACNC,QAAQ;MACRC,cAAc;MACdC,cAAc;MACdC;IAEF,CAAC,GAAAL,IAAA;IADIM,SAAS,GAAAC,wBAAA,CAAAP,IAAA,EAAAQ,SAAA;EAEZ,MAAMC,WAAW,GAAGP,QAAQ,IAAIA,QAAQ,CAACQ,MAAM,GAAGR,QAAQ,CAAC,CAAC,CAAC,GAAGD,MAAM;EACtE,MAAM;IAAEU,IAAI;IAAEC,KAAK;IAAEC;EAAQ,CAAC,GAAGtB,QAAQ,CAACE,qBAAqB,EAAE;IAC/DqB,SAAS,EAAE;MAAEC,EAAE,EAAEN;IAAY;EAC/B,CAAC,CAAC;EAEF,IAAII,OAAO,EAAE,OAAO,EAAE;EACtB,IAAID,KAAK,EAAE,OAAOA,KAAK,CAACI,OAAO;EAC/B,IAAI,CAACL,IAAI,EAAE,OAAO,IAAI;EAEtB,MAAMM,oBAAoB,GAAGpB,eAAe,CAACM,cAAc,CAAC;EAC5D,MAAMe,UAAU,GAAGvB,eAAe,CAACgB,IAAI,EAAEM,oBAAoB,EAAEX,SAAS,CAAC,IAAI,EAAE;EAC/E,MAAAa,gBAAA,GAA6CvB,eAAe,CAACU,SAAS,CAAC;IAAjE;MAAEc;IAAiC,CAAC,GAAAD,gBAAA;IAAjBE,eAAe,GAAAd,wBAAA,CAAAY,gBAAA,EAAAG,UAAA;EACxC,MAAMC,sBAAsB,GAAGF,eAAe,CAACG,MAAM,GAAG1B,WAAW,GAAG,EAAE;EAExE,oBACER,KAAA,CAAAmC,aAAA,CAAC/B,WAAW,EAAAgC,QAAA;IACVN,YAAY,EAAG,GAAEA,YAAa,GAAEG,sBAAuB,EAAE;IACzDI,cAAc,EAAEJ,sBAAuB;IACvCnB,cAAc,EAAEA,cAAe;IAC/BD,cAAc,EAAEA,cAAe;IAC/ByB,YAAY,EAAEV;EAAW,GACrBG,eAAe;IACnBpB,MAAM,EAAEQ,WAAY;IACpBP,QAAQ,EAAEA;EAAS,EACpB,CAAC;AAEN,CAAC;AAEDH,YAAY,CAAC8B,SAAS,GAAG;EACvB5B,MAAM,EAAET,SAAS,CAACsC,MAAM;EACxB3B,cAAc,EAAEX,SAAS,CAACuC,KAAK;EAC/B3B,cAAc,EAAEZ,SAAS,CAACuC,KAAK;EAC/B1B,YAAY,EAAEb,SAAS,CAACsC,MAAM;EAC9B5B,QAAQ,EAAEV,SAAS,CAACuC;AACtB,CAAC;AAEDhC,YAAY,CAACiC,YAAY,GAAG;EAC1B7B,cAAc,EAAE,EAAE;EAClBC,cAAc,EAAE,EAAE;EAClBC,YAAY,EAAE,EAAE;EAChBJ,MAAM,EAAE,IAAI;EACZC,QAAQ,EAAE;AACZ,CAAC;AAED,eAAeH,YAAY"}
+{"version":3,"file":"CardsFactory.js","names":["React","useQuery","PropTypes","useRouter","parseUrl","getSingleEntitySchema","getItemList","CardsRender","buildPropsQuery","getGenericProps","checkPropsToUse","WITH_BANNER","getItemListId","getItemListIds","CardsFactory","_ref","entity","entities","propsToDisplay","itemsToDisplay","itemListName","VariantComponent","cardProps","_objectWithoutProperties","_excluded","entityTouse","length","router","asPath","parsedQuery","replace","query","itemListId","queryItemListId","data","error","loading","variables","id","itemListData","itemListLoading","itemListError","skip","message","propsToDisplayValues","extraProps","_getGenericProps","gridModifier","cardRenderProps","_excluded2","extraModifierForBanner","banner","itemListIds","itemsToDisplayToUse","createElement","_extends","bannerModifier","entityFields","propTypes","string","array","func","defaultProps"],"sources":["../../../src/components/Card/CardsFactory.js"],"sourcesContent":["import React from 'react';\nimport { useQuery } from '@apollo/client';\nimport PropTypes from 'prop-types';\nimport { useRouter } from 'next/router';\nimport { parseUrl } from 'query-string';\nimport { getSingleEntitySchema, getItemList } from '../../application/query';\nimport CardsRender from './CardsRender';\nimport { buildPropsQuery, getGenericProps, checkPropsToUse } from '../../helpers';\nimport { WITH_BANNER } from '../../constants';\nimport { getItemListId, getItemListIds } from '../ItemList/helpers';\n\nconst CardsFactory = ({\n  entity,\n  entities,\n  propsToDisplay,\n  itemsToDisplay,\n  itemListName,\n  VariantComponent,\n  ...cardProps\n}) => {\n  const entityTouse = entities && entities.length ? entities[0] : entity;\n  const router = useRouter();\n  const { asPath } = router;\n  const parsedQuery = asPath.replace(/%5D/g, ']').replace(/%5B/g, '[');\n\n  const { query: { itemListId: queryItemListId } = {} } = parseUrl(parsedQuery);\n\n  const { data, error, loading } = useQuery(getSingleEntitySchema, {\n    variables: { id: entityTouse }\n  });\n\n  const itemListId = getItemListId(itemListName, queryItemListId);\n\n  const { data: itemListData = {}, loading: itemListLoading, error: itemListError } = useQuery(\n    getItemList,\n    {\n      variables: { id: itemListId },\n      skip: !itemListId\n    }\n  );\n\n  if (loading || itemListLoading) return '';\n  if (error || itemListError) return error.message || itemListError.message;\n  if (!data) return null;\n\n  const propsToDisplayValues = checkPropsToUse(propsToDisplay);\n  const extraProps = buildPropsQuery(data, propsToDisplayValues, cardProps) || '';\n  const { gridModifier, ...cardRenderProps } = getGenericProps(cardProps);\n  const extraModifierForBanner = cardRenderProps.banner ? WITH_BANNER : '';\n\n  const itemListIds = getItemListIds(itemListData);\n  const itemsToDisplayToUse = itemListIds || itemsToDisplay;\n\n  if (itemListName && !itemListIds) return null;\n\n  return (\n    <CardsRender\n      gridModifier={`${gridModifier}${extraModifierForBanner}`}\n      bannerModifier={extraModifierForBanner}\n      itemsToDisplay={itemsToDisplayToUse}\n      propsToDisplay={propsToDisplay}\n      entityFields={extraProps}\n      VariantComponent={VariantComponent}\n      {...cardRenderProps}\n      entity={entityTouse}\n      entities={entities}\n    />\n  );\n};\n\nCardsFactory.propTypes = {\n  entity: PropTypes.string,\n  propsToDisplay: PropTypes.array,\n  itemsToDisplay: PropTypes.array,\n  itemListName: PropTypes.string,\n  entities: PropTypes.array,\n  VariantComponent: PropTypes.func\n};\n\nCardsFactory.defaultProps = {\n  propsToDisplay: [],\n  itemsToDisplay: [],\n  itemListName: '',\n  entity: null,\n  entities: null,\n  VariantComponent: null\n};\n\nexport default CardsFactory;\n"],"mappings":"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"}

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

@@ -1,7 +1,7 @@
 import _extends from "@babel/runtime/helpers/extends";
 import _defineProperty from "@babel/runtime/helpers/defineProperty";
 import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProperties";
-const _excluded = ["entity", "entities", "entityFields", "itemsToDisplay", "children"];
+const _excluded = ["entity", "entities", "entityFields", "itemsToDisplay", "children", "VariantComponent"];
 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, { useContext } from 'react';
@@ -21,7 +21,8 @@ const CardsRender = _ref => {
       entities,
       entityFields,
       itemsToDisplay,
-      children
+      children,
+      VariantComponent
     } = _ref,
     otherProps = _objectWithoutProperties(_ref, _excluded);
   const {
@@ -170,7 +171,8 @@ const CardsRender = _ref => {
     entity: primaryEntityToUse,
     gtmChildren: gtmChildren,
     cardChildren: regularChildren,
-    graphqlEntityMap: graphqlEntityMap
+    graphqlEntityMap: graphqlEntityMap,
+    VariantComponent: VariantComponent
   }, variableProps)));
 };
 CardsRender.propTypes = {
@@ -178,12 +180,14 @@ CardsRender.propTypes = {
   entity: PropTypes.string.isRequired,
   entityFields: PropTypes.string.isRequired,
   itemsToDisplay: PropTypes.array,
-  entities: PropTypes.array
+  entities: PropTypes.array,
+  VariantComponent: PropTypes.func
 };
 CardsRender.defaultProps = {
   children: [],
   itemsToDisplay: [],
-  entities: []
+  entities: [],
+  VariantComponent: null
 };
 export default CardsRender;
 //# sourceMappingURL=CardsRender.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"CardsRender.js","names":["React","useContext","useQuery","dynamic","PropTypes","MainContext","generateSingleItemQuery","SEARCH_PUBLISHED_CONTENT","AND","FULL","useGetEntitySchemasAsObj","useGetImages","getUpdatedFilterBy","getEntityData","getRequiredSchemas","sortResponseData","getUnpublishedEntityName","renderChildren","splitChildren","removeExtraItems","appendImages","filtersSetup","filterQuerySetup","shouldSkipSingleQuery","shouldReturn","getUpdatedSortProperties","getUpdatedItemsToDisplay","CardsContainer","CardsRender","_ref","entity","legacyEntity","entities","entityFields","itemsToDisplay","children","otherProps","_objectWithoutProperties","_excluded","isPreview","parent","itemId","parentId","itemEntity","parentEntity","filterBy","filterByProperty","sortby","sort","sortProperties","operator","filterOperator","useRandomSort","updatedSortProperties","sortbyFilters","variableProps","_objectSpread","entitiesToUse","primaryEntityToUse","unpublishedParentEntityName","allEntityNames","uniqueEntityNames","Set","data","mainSchemas","loading","_loading","error","_error","parentSchema","filterEntitySchema","entitiesTypes","map","ent","graphqlEntityMap","reduce","acc","entityType","docTypes","docType","type","entityTypes","eType","style","getAction","queryProps","inheritedFilters","entitySameAsCurrentItemEntity","action","filterEntityRelations","currentSchema","itemEntityUpdated","isFull","entityData","parentEntityData","_err","_load","variables","id","skip","requiredSchema","schemaLoading","schemaError","updatedFilterBy","updatedItemsToDisplay","limit","getEntitySchemas","Object","values","hasNoFiltersOrItemsToDisplay","length","cardData","cardsError","fetchPolicy","imageIds","imageId","filter","Boolean","imagesData","imagesLoading","isLoading","hasError","message","results","cardDataResults","orderedData","regularChildren","gtmChildren","name","updatedCards","createElement","Fragment","_extends","cardChildren","propTypes","oneOfType","arrayOf","node","string","isRequired","array","defaultProps"],"sources":["../../../src/components/Card/CardsRender.js"],"sourcesContent":["import React, { useContext } from 'react';\nimport { useQuery } from '@apollo/client';\nimport dynamic from 'next/dynamic';\nimport PropTypes from 'prop-types';\nimport { MainContext } from '@blaze-cms/nextjs-components';\nimport { generateSingleItemQuery } from '../../application/query';\nimport { SEARCH_PUBLISHED_CONTENT, AND, FULL } from '../../constants';\nimport { useGetEntitySchemasAsObj, useGetImages } from '../../hooks';\nimport {\n  getUpdatedFilterBy,\n  getEntityData,\n  getRequiredSchemas,\n  sortResponseData,\n  getUnpublishedEntityName,\n  renderChildren,\n  splitChildren,\n  removeExtraItems,\n  appendImages\n} from '../../helpers';\nimport {\n  filtersSetup,\n  filterQuerySetup,\n  shouldSkipSingleQuery,\n  shouldReturn,\n  getUpdatedSortProperties,\n  getUpdatedItemsToDisplay\n} from './helpers';\n\nconst CardsContainer = dynamic(() => import('./CardsContainer'));\n\nconst CardsRender = ({\n  entity: legacyEntity,\n  entities,\n  entityFields,\n  itemsToDisplay,\n  children,\n  ...otherProps\n}) => {\n  const { isPreview } = useContext(MainContext);\n  const {\n    parent: { itemId: parentId, itemEntity: parentEntity },\n    filterBy = [],\n    filterByProperty = [],\n    sortby,\n    sort,\n    sortProperties = [],\n    operator: filterOperator = AND,\n    useRandomSort\n  } = otherProps;\n  const [updatedSortProperties, sortbyFilters] = getUpdatedSortProperties(\n    sort,\n    sortby,\n    sortProperties\n  );\n\n  const variableProps = {\n    ...otherProps,\n    sortProperties: updatedSortProperties,\n    sort: null,\n    sortby: null\n  };\n\n  const entitiesToUse = entities || [legacyEntity];\n  const primaryEntityToUse = entitiesToUse[0];\n  const unpublishedParentEntityName = getUnpublishedEntityName(parentEntity);\n  const allEntityNames = [...entitiesToUse, unpublishedParentEntityName];\n  const uniqueEntityNames = [...new Set(allEntityNames)];\n  const { data: mainSchemas = {}, loading: _loading, error: _error } = useGetEntitySchemasAsObj(\n    uniqueEntityNames\n  );\n  const parentSchema = mainSchemas[unpublishedParentEntityName] || {};\n  const filterEntitySchema = mainSchemas[primaryEntityToUse] || {};\n  const entitiesTypes = entitiesToUse.map(ent => getEntityData(ent, mainSchemas[ent]));\n  const graphqlEntityMap = entitiesTypes.reduce(\n    (acc, entityType) => ({ ...acc, [entityType.entityType]: entityType.entity }),\n    {}\n  );\n  const docTypes = entitiesTypes.map(({ docType: type }) => type);\n  const entityTypes = entitiesTypes.map(({ entityType: eType }) => eType);\n\n  const { style } = otherProps;\n\n  const {\n    getAction,\n    queryProps,\n    inheritedFilters,\n    entitySameAsCurrentItemEntity,\n    action,\n    filterEntityRelations\n  } = filtersSetup({\n    entityFields,\n    entityTypes,\n    filterBy,\n    filterByProperty,\n    entities: entitiesToUse,\n    currentSchema: parentSchema,\n    filterEntitySchema,\n    isPreview,\n    itemEntityUpdated: unpublishedParentEntityName,\n    isFull: style === FULL\n  });\n\n  const {\n    data: { entityData: parentEntityData = {} } = {},\n    error: _err,\n    loading: _load\n  } = useQuery(generateSingleItemQuery(getAction, queryProps), {\n    variables: { id: parentId },\n    skip: shouldSkipSingleQuery(_loading, getAction, queryProps)\n  });\n\n  const {\n    data: requiredSchema = {},\n    loading: schemaLoading,\n    error: schemaError\n  } = useGetEntitySchemasAsObj(\n    getRequiredSchemas([...filterByProperty, ...sortbyFilters], filterEntitySchema),\n    _loading\n  );\n\n  const updatedFilterBy = getUpdatedFilterBy(\n    inheritedFilters,\n    parentEntityData,\n    parentSchema,\n    filterEntitySchema,\n    parentId,\n    variableProps\n  );\n\n  const updatedItemsToDisplay = getUpdatedItemsToDisplay({\n    itemsToDisplay,\n    inheritedFilters,\n    parentSchema,\n    parentEntityData\n  });\n\n  const { limit, variables } = filterQuerySetup({\n    getEntitySchemas: Object.values(requiredSchema),\n    entity: primaryEntityToUse,\n    updatedFilterBy,\n    variableProps,\n    docType: docTypes,\n    filterOperator,\n    filterEntityRelations,\n    itemsToDisplay: updatedItemsToDisplay,\n    entitySameAsCurrentItemEntity,\n    useRandomSort\n  });\n\n  const hasNoFiltersOrItemsToDisplay = !updatedItemsToDisplay.length && !updatedFilterBy;\n\n  const { data: cardData = {}, error: cardsError } = useQuery(action, {\n    variables,\n    fetchPolicy: useRandomSort ? 'cache-and-network' : 'cache-first',\n    skip: shouldReturn(\n      hasNoFiltersOrItemsToDisplay,\n      _loading,\n      _load,\n      schemaLoading,\n      _error,\n      _err,\n      schemaError\n    )\n  });\n\n  const imageIds = updatedItemsToDisplay.map(({ imageId }) => imageId).filter(Boolean);\n  const { data: imagesData, loading: imagesLoading } = useGetImages(imageIds, true);\n  const isLoading = shouldReturn(_loading, _load, schemaLoading, imagesLoading);\n  const hasError = shouldReturn(_error, _err, schemaError);\n\n  if (hasNoFiltersOrItemsToDisplay) return null;\n  if (isLoading) return null;\n  if (hasError) return null;\n  if (cardsError) return cardsError.message;\n  let { results: cardDataResults } = cardData[SEARCH_PUBLISHED_CONTENT] || {};\n\n  if (!cardDataResults || !cardDataResults.length) return null;\n\n  cardDataResults = entitySameAsCurrentItemEntity\n    ? removeExtraItems(cardDataResults, limit, parentId)\n    : cardDataResults;\n  if (!cardDataResults.length) return null;\n\n  const orderedData =\n    useRandomSort || updatedSortProperties.length\n      ? cardDataResults\n      : sortResponseData(cardDataResults, updatedItemsToDisplay);\n  const { regularChildren, gtmChildren } = splitChildren(\n    children,\n    cardDataResults,\n    graphqlEntityMap,\n    {\n      name: variableProps.name\n    }\n  );\n  const updatedCards = appendImages(imagesData, orderedData, updatedItemsToDisplay);\n\n  return (\n    <>\n      {gtmChildren && renderChildren(gtmChildren)}\n      <CardsContainer\n        cardData={updatedCards}\n        entity={primaryEntityToUse}\n        gtmChildren={gtmChildren}\n        cardChildren={regularChildren}\n        graphqlEntityMap={graphqlEntityMap}\n        {...variableProps}\n      />\n    </>\n  );\n};\n\nCardsRender.propTypes = {\n  children: PropTypes.oneOfType([PropTypes.arrayOf(PropTypes.node), PropTypes.node]),\n  entity: PropTypes.string.isRequired,\n  entityFields: PropTypes.string.isRequired,\n  itemsToDisplay: PropTypes.array,\n  entities: PropTypes.array\n};\n\nCardsRender.defaultProps = {\n  children: [],\n  itemsToDisplay: [],\n  entities: []\n};\n\nexport default CardsRender;\n"],"mappings":"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"}
+{"version":3,"file":"CardsRender.js","names":["React","useContext","useQuery","dynamic","PropTypes","MainContext","generateSingleItemQuery","SEARCH_PUBLISHED_CONTENT","AND","FULL","useGetEntitySchemasAsObj","useGetImages","getUpdatedFilterBy","getEntityData","getRequiredSchemas","sortResponseData","getUnpublishedEntityName","renderChildren","splitChildren","removeExtraItems","appendImages","filtersSetup","filterQuerySetup","shouldSkipSingleQuery","shouldReturn","getUpdatedSortProperties","getUpdatedItemsToDisplay","CardsContainer","CardsRender","_ref","entity","legacyEntity","entities","entityFields","itemsToDisplay","children","VariantComponent","otherProps","_objectWithoutProperties","_excluded","isPreview","parent","itemId","parentId","itemEntity","parentEntity","filterBy","filterByProperty","sortby","sort","sortProperties","operator","filterOperator","useRandomSort","updatedSortProperties","sortbyFilters","variableProps","_objectSpread","entitiesToUse","primaryEntityToUse","unpublishedParentEntityName","allEntityNames","uniqueEntityNames","Set","data","mainSchemas","loading","_loading","error","_error","parentSchema","filterEntitySchema","entitiesTypes","map","ent","graphqlEntityMap","reduce","acc","entityType","docTypes","docType","type","entityTypes","eType","style","getAction","queryProps","inheritedFilters","entitySameAsCurrentItemEntity","action","filterEntityRelations","currentSchema","itemEntityUpdated","isFull","entityData","parentEntityData","_err","_load","variables","id","skip","requiredSchema","schemaLoading","schemaError","updatedFilterBy","updatedItemsToDisplay","limit","getEntitySchemas","Object","values","hasNoFiltersOrItemsToDisplay","length","cardData","cardsError","fetchPolicy","imageIds","imageId","filter","Boolean","imagesData","imagesLoading","isLoading","hasError","message","results","cardDataResults","orderedData","regularChildren","gtmChildren","name","updatedCards","createElement","Fragment","_extends","cardChildren","propTypes","oneOfType","arrayOf","node","string","isRequired","array","func","defaultProps"],"sources":["../../../src/components/Card/CardsRender.js"],"sourcesContent":["import React, { useContext } from 'react';\nimport { useQuery } from '@apollo/client';\nimport dynamic from 'next/dynamic';\nimport PropTypes from 'prop-types';\nimport { MainContext } from '@blaze-cms/nextjs-components';\nimport { generateSingleItemQuery } from '../../application/query';\nimport { SEARCH_PUBLISHED_CONTENT, AND, FULL } from '../../constants';\nimport { useGetEntitySchemasAsObj, useGetImages } from '../../hooks';\nimport {\n  getUpdatedFilterBy,\n  getEntityData,\n  getRequiredSchemas,\n  sortResponseData,\n  getUnpublishedEntityName,\n  renderChildren,\n  splitChildren,\n  removeExtraItems,\n  appendImages\n} from '../../helpers';\nimport {\n  filtersSetup,\n  filterQuerySetup,\n  shouldSkipSingleQuery,\n  shouldReturn,\n  getUpdatedSortProperties,\n  getUpdatedItemsToDisplay\n} from './helpers';\n\nconst CardsContainer = dynamic(() => import('./CardsContainer'));\n\nconst CardsRender = ({\n  entity: legacyEntity,\n  entities,\n  entityFields,\n  itemsToDisplay,\n  children,\n  VariantComponent,\n  ...otherProps\n}) => {\n  const { isPreview } = useContext(MainContext);\n  const {\n    parent: { itemId: parentId, itemEntity: parentEntity },\n    filterBy = [],\n    filterByProperty = [],\n    sortby,\n    sort,\n    sortProperties = [],\n    operator: filterOperator = AND,\n    useRandomSort\n  } = otherProps;\n  const [updatedSortProperties, sortbyFilters] = getUpdatedSortProperties(\n    sort,\n    sortby,\n    sortProperties\n  );\n\n  const variableProps = {\n    ...otherProps,\n    sortProperties: updatedSortProperties,\n    sort: null,\n    sortby: null\n  };\n\n  const entitiesToUse = entities || [legacyEntity];\n  const primaryEntityToUse = entitiesToUse[0];\n  const unpublishedParentEntityName = getUnpublishedEntityName(parentEntity);\n  const allEntityNames = [...entitiesToUse, unpublishedParentEntityName];\n  const uniqueEntityNames = [...new Set(allEntityNames)];\n  const { data: mainSchemas = {}, loading: _loading, error: _error } = useGetEntitySchemasAsObj(\n    uniqueEntityNames\n  );\n  const parentSchema = mainSchemas[unpublishedParentEntityName] || {};\n  const filterEntitySchema = mainSchemas[primaryEntityToUse] || {};\n  const entitiesTypes = entitiesToUse.map(ent => getEntityData(ent, mainSchemas[ent]));\n  const graphqlEntityMap = entitiesTypes.reduce(\n    (acc, entityType) => ({ ...acc, [entityType.entityType]: entityType.entity }),\n    {}\n  );\n  const docTypes = entitiesTypes.map(({ docType: type }) => type);\n  const entityTypes = entitiesTypes.map(({ entityType: eType }) => eType);\n\n  const { style } = otherProps;\n\n  const {\n    getAction,\n    queryProps,\n    inheritedFilters,\n    entitySameAsCurrentItemEntity,\n    action,\n    filterEntityRelations\n  } = filtersSetup({\n    entityFields,\n    entityTypes,\n    filterBy,\n    filterByProperty,\n    entities: entitiesToUse,\n    currentSchema: parentSchema,\n    filterEntitySchema,\n    isPreview,\n    itemEntityUpdated: unpublishedParentEntityName,\n    isFull: style === FULL\n  });\n\n  const {\n    data: { entityData: parentEntityData = {} } = {},\n    error: _err,\n    loading: _load\n  } = useQuery(generateSingleItemQuery(getAction, queryProps), {\n    variables: { id: parentId },\n    skip: shouldSkipSingleQuery(_loading, getAction, queryProps)\n  });\n\n  const {\n    data: requiredSchema = {},\n    loading: schemaLoading,\n    error: schemaError\n  } = useGetEntitySchemasAsObj(\n    getRequiredSchemas([...filterByProperty, ...sortbyFilters], filterEntitySchema),\n    _loading\n  );\n\n  const updatedFilterBy = getUpdatedFilterBy(\n    inheritedFilters,\n    parentEntityData,\n    parentSchema,\n    filterEntitySchema,\n    parentId,\n    variableProps\n  );\n\n  const updatedItemsToDisplay = getUpdatedItemsToDisplay({\n    itemsToDisplay,\n    inheritedFilters,\n    parentSchema,\n    parentEntityData\n  });\n\n  const { limit, variables } = filterQuerySetup({\n    getEntitySchemas: Object.values(requiredSchema),\n    entity: primaryEntityToUse,\n    updatedFilterBy,\n    variableProps,\n    docType: docTypes,\n    filterOperator,\n    filterEntityRelations,\n    itemsToDisplay: updatedItemsToDisplay,\n    entitySameAsCurrentItemEntity,\n    useRandomSort\n  });\n\n  const hasNoFiltersOrItemsToDisplay = !updatedItemsToDisplay.length && !updatedFilterBy;\n\n  const { data: cardData = {}, error: cardsError } = useQuery(action, {\n    variables,\n    fetchPolicy: useRandomSort ? 'cache-and-network' : 'cache-first',\n    skip: shouldReturn(\n      hasNoFiltersOrItemsToDisplay,\n      _loading,\n      _load,\n      schemaLoading,\n      _error,\n      _err,\n      schemaError\n    )\n  });\n\n  const imageIds = updatedItemsToDisplay.map(({ imageId }) => imageId).filter(Boolean);\n  const { data: imagesData, loading: imagesLoading } = useGetImages(imageIds, true);\n  const isLoading = shouldReturn(_loading, _load, schemaLoading, imagesLoading);\n  const hasError = shouldReturn(_error, _err, schemaError);\n\n  if (hasNoFiltersOrItemsToDisplay) return null;\n  if (isLoading) return null;\n  if (hasError) return null;\n  if (cardsError) return cardsError.message;\n  let { results: cardDataResults } = cardData[SEARCH_PUBLISHED_CONTENT] || {};\n\n  if (!cardDataResults || !cardDataResults.length) return null;\n\n  cardDataResults = entitySameAsCurrentItemEntity\n    ? removeExtraItems(cardDataResults, limit, parentId)\n    : cardDataResults;\n  if (!cardDataResults.length) return null;\n\n  const orderedData =\n    useRandomSort || updatedSortProperties.length\n      ? cardDataResults\n      : sortResponseData(cardDataResults, updatedItemsToDisplay);\n  const { regularChildren, gtmChildren } = splitChildren(\n    children,\n    cardDataResults,\n    graphqlEntityMap,\n    {\n      name: variableProps.name\n    }\n  );\n  const updatedCards = appendImages(imagesData, orderedData, updatedItemsToDisplay);\n\n  return (\n    <>\n      {gtmChildren && renderChildren(gtmChildren)}\n      <CardsContainer\n        cardData={updatedCards}\n        entity={primaryEntityToUse}\n        gtmChildren={gtmChildren}\n        cardChildren={regularChildren}\n        graphqlEntityMap={graphqlEntityMap}\n        VariantComponent={VariantComponent}\n        {...variableProps}\n      />\n    </>\n  );\n};\n\nCardsRender.propTypes = {\n  children: PropTypes.oneOfType([PropTypes.arrayOf(PropTypes.node), PropTypes.node]),\n  entity: PropTypes.string.isRequired,\n  entityFields: PropTypes.string.isRequired,\n  itemsToDisplay: PropTypes.array,\n  entities: PropTypes.array,\n  VariantComponent: PropTypes.func\n};\n\nCardsRender.defaultProps = {\n  children: [],\n  itemsToDisplay: [],\n  entities: [],\n  VariantComponent: null\n};\n\nexport default CardsRender;\n"],"mappings":"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"}

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

@@ -1,10 +1,10 @@
 export { default as getPublishedListingUrl } from './get-published-listing-url';
 export { default as useDynamicSizeKey } from './use-dynamic-size-key';
 export { default as getDynamicGridClasses } from './get-dynamic-grid-classes';
-export { default as filtersSetup } from './filters-setup';
-export { default as filterQuerySetup } from './filter-query-setup';
-export { default as shouldReturn } from './should-return';
-export { default as shouldSkipSingleQuery } from './should-skip-single-query';
-export { default as getUpdatedSortProperties } from './get-updated-sort-properties';
-export { default as getUpdatedItemsToDisplay } from './get-updated-items-to-display';
+export { default as filtersSetup } from '../../../helpers/filters-setup';
+export { default as filterQuerySetup } from '../../../helpers/filter-query-setup';
+export { default as shouldReturn } from '../../../helpers/should-return';
+export { default as shouldSkipSingleQuery } from '../../../helpers/should-skip-single-query';
+export { default as getUpdatedSortProperties } from '../../../helpers/get-updated-sort-properties';
+export { default as getUpdatedItemsToDisplay } from '../../../helpers/get-updated-items-to-display';
 //# sourceMappingURL=index.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":["default","getPublishedListingUrl","useDynamicSizeKey","getDynamicGridClasses","filtersSetup","filterQuerySetup","shouldReturn","shouldSkipSingleQuery","getUpdatedSortProperties","getUpdatedItemsToDisplay"],"sources":["../../../../src/components/Card/helpers/index.js"],"sourcesContent":["export { default as getPublishedListingUrl } from './get-published-listing-url';\nexport { default as useDynamicSizeKey } from './use-dynamic-size-key';\nexport { default as getDynamicGridClasses } from './get-dynamic-grid-classes';\nexport { default as filtersSetup } from './filters-setup';\nexport { default as filterQuerySetup } from './filter-query-setup';\nexport { default as shouldReturn } from './should-return';\nexport { default as shouldSkipSingleQuery } from './should-skip-single-query';\nexport { default as getUpdatedSortProperties } from './get-updated-sort-properties';\nexport { default as getUpdatedItemsToDisplay } from './get-updated-items-to-display';\n"],"mappings":"AAAA,SAASA,OAAO,IAAIC,sBAAsB,QAAQ,6BAA6B;AAC/E,SAASD,OAAO,IAAIE,iBAAiB,QAAQ,wBAAwB;AACrE,SAASF,OAAO,IAAIG,qBAAqB,QAAQ,4BAA4B;AAC7E,SAASH,OAAO,IAAII,YAAY,QAAQ,iBAAiB;AACzD,SAASJ,OAAO,IAAIK,gBAAgB,QAAQ,sBAAsB;AAClE,SAASL,OAAO,IAAIM,YAAY,QAAQ,iBAAiB;AACzD,SAASN,OAAO,IAAIO,qBAAqB,QAAQ,4BAA4B;AAC7E,SAASP,OAAO,IAAIQ,wBAAwB,QAAQ,+BAA+B;AACnF,SAASR,OAAO,IAAIS,wBAAwB,QAAQ,gCAAgC"}
+{"version":3,"file":"index.js","names":["default","getPublishedListingUrl","useDynamicSizeKey","getDynamicGridClasses","filtersSetup","filterQuerySetup","shouldReturn","shouldSkipSingleQuery","getUpdatedSortProperties","getUpdatedItemsToDisplay"],"sources":["../../../../src/components/Card/helpers/index.js"],"sourcesContent":["export { default as getPublishedListingUrl } from './get-published-listing-url';\nexport { default as useDynamicSizeKey } from './use-dynamic-size-key';\nexport { default as getDynamicGridClasses } from './get-dynamic-grid-classes';\nexport { default as filtersSetup } from '../../../helpers/filters-setup';\nexport { default as filterQuerySetup } from '../../../helpers/filter-query-setup';\nexport { default as shouldReturn } from '../../../helpers/should-return';\nexport { default as shouldSkipSingleQuery } from '../../../helpers/should-skip-single-query';\nexport { default as getUpdatedSortProperties } from '../../../helpers/get-updated-sort-properties';\nexport { default as getUpdatedItemsToDisplay } from '../../../helpers/get-updated-items-to-display';\n"],"mappings":"AAAA,SAASA,OAAO,IAAIC,sBAAsB,QAAQ,6BAA6B;AAC/E,SAASD,OAAO,IAAIE,iBAAiB,QAAQ,wBAAwB;AACrE,SAASF,OAAO,IAAIG,qBAAqB,QAAQ,4BAA4B;AAC7E,SAASH,OAAO,IAAII,YAAY,QAAQ,gCAAgC;AACxE,SAASJ,OAAO,IAAIK,gBAAgB,QAAQ,qCAAqC;AACjF,SAASL,OAAO,IAAIM,YAAY,QAAQ,gCAAgC;AACxE,SAASN,OAAO,IAAIO,qBAAqB,QAAQ,2CAA2C;AAC5F,SAASP,OAAO,IAAIQ,wBAAwB,QAAQ,8CAA8C;AAClG,SAASR,OAAO,IAAIS,wBAAwB,QAAQ,+CAA+C"}

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

@@ -3,6 +3,7 @@ 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,
@@ -28,6 +29,7 @@ const CarouselImage = ({
   const {
     altText
   } = getImageData({}, imageData);
+  const alt = altText || CAROUSEL_DEFAULT_ALT;
   const handleEnableLightbox = () => {
     if (!enableLightbox) return;
     toggleModal();
@@ -37,7 +39,7 @@ const CarouselImage = ({
     className: "carousel__slide"
   }, loading ? /*#__PURE__*/React.createElement("div", null) : /*#__PURE__*/React.createElement(LazyImage, {
     src: imageUrl,
-    alt: altText,
+    alt: alt,
     sizeKey: "carousel",
     onClick: handleEnableLightbox,
     role: "button",

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

@@ -1 +1 @@
-{"version":3,"file":"CarouselImage.js","names":["React","PropTypes","useGetImages","getImageData","LazyImage","CarouselImage","imageId","enableLightbox","toggleModal","handleSelectedImage","priority","data","loading","error","message","url","imageUrl","imageData","getFile","altText","handleEnableLightbox","createElement","className","src","alt","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';\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\n  const handleEnableLightbox = () => {\n    if (!enableLightbox) return;\n    toggleModal();\n    handleSelectedImage(imageId);\n  };\n\n  return (\n    <div className=\"carousel__slide\">\n      {loading ? (\n        <div />\n      ) : (\n        <LazyImage\n          src={imageUrl}\n          alt={altText}\n          sizeKey=\"carousel\"\n          onClick={handleEnableLightbox}\n          role=\"button\"\n          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;AAEvC,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,GAAGX,YAAY,CAACI,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,GAAGhB,YAAY,CAAC,CAAC,CAAC,EAAEc,SAAS,CAAC;EAE/C,MAAMG,oBAAoB,GAAGA,CAAA,KAAM;IACjC,IAAI,CAACb,cAAc,EAAE;IACrBC,WAAW,CAAC,CAAC;IACbC,mBAAmB,CAACH,OAAO,CAAC;EAC9B,CAAC;EAED,oBACEN,KAAA,CAAAqB,aAAA;IAAKC,SAAS,EAAC;EAAiB,GAC7BV,OAAO,gBACNZ,KAAA,CAAAqB,aAAA,YAAM,CAAC,gBAEPrB,KAAA,CAAAqB,aAAA,CAACjB,SAAS;IACRmB,GAAG,EAAEP,QAAS;IACdQ,GAAG,EAAEL,OAAQ;IACbM,OAAO,EAAC,UAAU;IAClBC,OAAO,EAAEN,oBAAqB;IAC9BO,IAAI,EAAC,QAAQ;IACb,cAAW,YAAY;IACvBjB,QAAQ,EAAEA;EAAS,CACpB,CAEA,CAAC;AAEV,CAAC;AAEDL,aAAa,CAACuB,SAAS,GAAG;EACxBtB,OAAO,EAAEL,SAAS,CAAC4B,MAAM,CAACC,UAAU;EACpCvB,cAAc,EAAEN,SAAS,CAAC8B,IAAI,CAACD,UAAU;EACzCtB,WAAW,EAAEP,SAAS,CAAC+B,IAAI,CAACF,UAAU;EACtCrB,mBAAmB,EAAER,SAAS,CAAC+B,IAAI,CAACF,UAAU;EAC9CpB,QAAQ,EAAET,SAAS,CAAC8B,IAAI,CAACD;AAC3B,CAAC;AAED,eAAezB,aAAa"}
+{"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"}

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"}

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

@@ -95,6 +95,7 @@ const DefaultCarousel = ({
   }, displayLeft && /*#__PURE__*/React.createElement("button", {
     type: "button",
     className: "cards-carousel--button-back icon-button icon",
+    "aria-label": "Scroll left",
     onClick: () => {
       setShouldAutoScroll(false);
       handleButtonNavigation();
@@ -106,6 +107,7 @@ const DefaultCarousel = ({
   }, displayRight && /*#__PURE__*/React.createElement("button", {
     type: "button",
     className: "cards-carousel--button-forward icon-button icon",
+    "aria-label": "Scroll right",
     onClick: () => {
       setShouldAutoScroll(false);
       handleButtonNavigation(true);

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

@@ -1 +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    () => {\n      autoScrollRef.current = shouldAutoScroll;\n      const id = setInterval(scrollCheck, autoScrollTimer);\n      function scrollCheck() {\n        if (!autoScrollRef.current) {\n          clearInterval(id);\n        } else {\n          handleButtonNavigation(true);\n        }\n      }\n\n      return () => clearInterval(id);\n    },\n    [autoScrollTimer, shouldAutoScroll]\n  );\n\n  useEffect(\n    () => {\n      const {\n        current: { offsetWidth, scrollWidth }\n      } = ref;\n      if (scrollWidth <= offsetWidth) {\n        setButtonDisplays({ displayLeft: false, displayRight: false });\n      }\n\n      setShouldAutoScroll(enableAutoScroll);\n    },\n    [enableAutoScroll]\n  );\n\n  const handleScroll = () => {\n    const {\n      current: { offsetWidth, scrollLeft, scrollWidth }\n    } = ref;\n    const updatedDisplayLeft = !!scrollLeft;\n    const updatedDisplayRight = scrollLeft + offsetWidth + 1 < scrollWidth;\n    setButtonDisplays({ displayLeft: updatedDisplayLeft, displayRight: updatedDisplayRight });\n  };\n\n  const 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            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            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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"}
+{"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    () => {\n      autoScrollRef.current = shouldAutoScroll;\n      const id = setInterval(scrollCheck, autoScrollTimer);\n      function scrollCheck() {\n        if (!autoScrollRef.current) {\n          clearInterval(id);\n        } else {\n          handleButtonNavigation(true);\n        }\n      }\n\n      return () => clearInterval(id);\n    },\n    [autoScrollTimer, shouldAutoScroll]\n  );\n\n  useEffect(\n    () => {\n      const {\n        current: { offsetWidth, scrollWidth }\n      } = ref;\n      if (scrollWidth <= offsetWidth) {\n        setButtonDisplays({ displayLeft: false, displayRight: false });\n      }\n\n      setShouldAutoScroll(enableAutoScroll);\n    },\n    [enableAutoScroll]\n  );\n\n  const handleScroll = () => {\n    const {\n      current: { offsetWidth, scrollLeft, scrollWidth }\n    } = ref;\n    const updatedDisplayLeft = !!scrollLeft;\n    const updatedDisplayRight = scrollLeft + offsetWidth + 1 < scrollWidth;\n    setButtonDisplays({ displayLeft: updatedDisplayLeft, displayRight: updatedDisplayRight });\n  };\n\n  const 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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"}

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

@@ -33,7 +33,6 @@ const ContentGroupTabs = ({
   }, groupSections.map((_, index) => {
     const [sectionName, sectioLabel] = sectionsData[index];
     const tabId = `${TAB}-${sectionName}`;
-    const panelId = `${PANEL}-${sectionName}`;
     const isSelected = selectedTab === tabId;
     const buttonClassName = `${CONTENT_GROUP}-${contentClassame}__button${isSelected ? '--is-active' : ''}`;
     return /*#__PURE__*/React.createElement("button", {
@@ -43,7 +42,7 @@ const ContentGroupTabs = ({
       type: "button",
       role: "tab",
       "aria-selected": isSelected,
-      "aria-controls": panelId,
+      "aria-controls": sectionName,
       onClick: () => {
         const baseUrl = asPath.split('#')[0];
         const newUrl = `${baseUrl}#${sectionName}`;

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","panelId","isSelected","buttonClassName","id","key","type","onClick","baseUrl","split","newUrl","push","shallow","groupSection","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    () => {\n      const activeTab = getActiveTab(sectionsData, asPath);\n      if (activeTab !== selectedTab) setSelectedTab(activeTab);\n    },\n    [asPath, sectionsData, selectedTab]\n  );\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 panelId = `${PANEL}-${sectionName}`;\n          const isSelected = selectedTab === tabId;\n          const buttonClassName = `${CONTENT_GROUP}-${contentClassame}__button${\n            isSelected ? '--is-active' : ''\n          }`;\n\n          return (\n            <button\n              id={tabId}\n              key={tabId}\n              className={buttonClassName}\n              type=\"button\"\n              role=\"tab\"\n              aria-selected={isSelected}\n              aria-controls={panelId}\n              onClick={() => {\n                const baseUrl = asPath.split('#')[0];\n                const newUrl = `${baseUrl}#${sectionName}`;\n                if (asPath === newUrl) return;\n                router.push(`/Resolver`, newUrl, { shallow: true });\n                setSelectedTab(tabId);\n              }}>\n              {sectioLabel}\n            </button>\n          );\n        })}\n      </ul>\n      {groupSections.map((groupSection, index) => {\n        const [sectionName] = sectionsData[index];\n        const tabId = `${TAB}-${sectionName}`;\n        const panelId = `${PANEL}-${sectionName}`;\n        if (selectedTab !== tabId) return null;\n\n        return (\n          <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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"}
+{"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    () => {\n      const activeTab = getActiveTab(sectionsData, asPath);\n      if (activeTab !== selectedTab) setSelectedTab(activeTab);\n    },\n    [asPath, sectionsData, selectedTab]\n  );\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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"}

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

@@ -61,7 +61,7 @@ const GlobalLightbox = ({
     value: caption
   });
 
-  // depreciated: imageCredits is depreciated. This code is to handle legacy data. check before changing/removing
+  // deprecated: imageCredits is deprecated. This code is to handle legacy data. check before changing/removing
   const shouldDisplayCredits = shouldShowProperty({
     isDisplayed: areImageCreditsDisplayed,
     value: credits || imageCredits
@@ -110,7 +110,7 @@ const GlobalLightbox = ({
     handleAction: handlePrevious,
     show: showPrevious,
     modifier: "previous",
-    "aria-label": "Previous Image"
+    ariaLabel: "Previous Image"
   }), /*#__PURE__*/React.createElement("div", {
     className: "slider slider--gallery"
   }, /*#__PURE__*/React.createElement("div", {
@@ -130,7 +130,7 @@ const GlobalLightbox = ({
     sizeKey: "globalLightbox",
     "data-testid": "globalLightboxImage"
   })))))), /*#__PURE__*/React.createElement(NavButton, {
-    "aria-label": "Next Image",
+    ariaLabel: "Next Image",
     handleAction: handleNext,
     show: showNext,
     modifier: "next"

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

@@ -1 +1 @@
-{"version":3,"file":"GlobalLightbox.js","names":["React","useState","Fragment","PropTypes","ResponsiveImage","FaTimes","BlazeLink","ImageDetails","NavButton","getImageData","useGetImages","shouldShowProperty","GlobalLightbox","images","onClose","selectedImage","metaTitle","parentName","index","setIndex","currentImage","imageId","url","name","enableLightbox","isCaptionDisplayed","areImageCreditsDisplayed","imageCredits","credits","otherProps","_objectWithoutProperties","_excluded","data","loading","error","message","imageUrl","imageData","getFile","urlProps","href","title","imgWrapperProps","caption","altText","shouldDisplayCaption","isDisplayed","value","shouldDisplayCredits","navigate","position","newPosition","handlePrevious","handleNext","handleClose","showNext","length","showPrevious","imageCounter","createElement","className","role","onClick","handleAction","show","modifier","Object","keys","src","alt","sizeKey","propTypes","arrayOf","shape","string","func","isRequired","number","defaultProps"],"sources":["../../../../src/components/Image/GlobalLightbox/GlobalLightbox.js"],"sourcesContent":["import React, { useState, Fragment } from 'react';\nimport PropTypes from 'prop-types';\nimport { ResponsiveImage } from '@blaze-cms/image-cdn-react';\nimport { FaTimes } from 'react-icons/fa';\nimport BlazeLink from '../../BlazeLink';\nimport ImageDetails from '../ImageDetails';\nimport NavButton from './NavButton';\nimport getImageData from '../../../utils/get-image-data';\nimport useGetImages from '../../../hooks/use-get-images';\nimport { shouldShowProperty } from '../../../helpers';\n\nconst GlobalLightbox = ({ images, onClose, selectedImage, metaTitle, parentName }) => {\n  const [index, setIndex] = useState(selectedImage);\n\n  const currentImage = images[index] || {};\n\n  const {\n    imageId,\n    url,\n    name,\n    enableLightbox,\n    isCaptionDisplayed,\n    areImageCreditsDisplayed,\n    imageCredits,\n    credits,\n    ...otherProps\n  } = currentImage;\n\n  const { data, loading, error } = useGetImages(imageId);\n\n  if (error) {\n    return error.message;\n  }\n\n  const { url: imageUrl = '', data: imageData = {} } = data.getFile || {\n    getFile: { url: '', data: {} }\n  };\n\n  const urlProps = { href: url, title: name };\n  const imgWrapperProps = url ? urlProps : {};\n\n  const { caption, altText } = getImageData(otherProps, imageData);\n\n  const shouldDisplayCaption = shouldShowProperty({\n    isDisplayed: isCaptionDisplayed,\n    value: caption\n  });\n\n  // depreciated: imageCredits is depreciated. This code is to handle legacy data. check before changing/removing\n  const shouldDisplayCredits = shouldShowProperty({\n    isDisplayed: areImageCreditsDisplayed,\n    value: credits || imageCredits\n  });\n\n  const navigate = position => {\n    const newPosition = index + position;\n    if (images[newPosition]) {\n      setIndex(newPosition);\n    }\n  };\n\n  const handlePrevious = () => navigate(-1);\n  const handleNext = () => navigate(1);\n  const handleClose = () => onClose();\n\n  const showNext = index !== images.length - 1;\n  const showPrevious = !!index;\n\n  const imageCounter = `${index + 1} of ${images.length}`;\n\n  return (\n    <>\n      {!!images.length && (\n        <div>\n          <div className=\"overlay\" />\n          <div className=\"modal modal--full-screen modal--gallery modal--show\">\n            <header className=\"modal__header modal__header--gallery\">\n              <div className=\"modal__title modal__title--gallery\">\n                {parentName || metaTitle || name}\n              </div>\n              <div\n                role=\"button\"\n                className=\"modal__close\"\n                onClick={handleClose}\n                aria-label=\"Close modal\">\n                <i>\n                  <FaTimes />\n                </i>\n              </div>\n            </header>\n            <div className=\"modal__content modal__content--gallery\">\n              <div className=\"gallery\">\n                <div className=\"gallery__column gallery__column--slider\">\n                  <div className=\"gallery__slider\">\n                    <div className=\"slider__wrapper slider__wrapper--gallery open\">\n                      <div className=\"slider__header slider__header--gallery\">\n                        <div\n                          className=\"slider__counter slider__counter--gallery\"\n                          data-testid=\"image-counter\">\n                          {imageCounter}\n                        </div>\n                      </div>\n\n                      <NavButton\n                        handleAction={handlePrevious}\n                        show={showPrevious}\n                        modifier=\"previous\"\n                        aria-label=\"Previous Image\"\n                      />\n\n                      <div className=\"slider slider--gallery\">\n                        <div className=\"slider__list slider__list--gallery\">\n                          <div className=\"slider__list-wrapper slider__list-wrapper--gallery\">\n                            <div className=\"slider__slide slider__slide--gallery\">\n                              {loading && <div />}\n                              {Object.keys(imgWrapperProps).length ? (\n                                <BlazeLink {...imgWrapperProps}>\n                                  <ResponsiveImage\n                                    src={imageUrl}\n                                    alt={altText}\n                                    sizeKey=\"globalLightbox\"\n                                    data-testid=\"globalLightboxImage\"\n                                  />\n                                </BlazeLink>\n                              ) : (\n                                <Fragment>\n                                  <ResponsiveImage\n                                    src={imageUrl}\n                                    alt={altText}\n                                    sizeKey=\"globalLightbox\"\n                                    data-testid=\"globalLightboxImage\"\n                                  />\n                                </Fragment>\n                              )}\n                            </div>\n                          </div>\n                        </div>\n                      </div>\n\n                      <NavButton\n                        aria-label=\"Next Image\"\n                        handleAction={handleNext}\n                        show={showNext}\n                        modifier=\"next\"\n                      />\n                    </div>\n                    {(shouldDisplayCaption || shouldDisplayCredits) && (\n                      <ImageDetails\n                        caption={caption}\n                        credits={credits || imageCredits}\n                        shouldDisplayCaption={shouldDisplayCaption}\n                        shouldDisplayCredits={shouldDisplayCredits}\n                      />\n                    )}\n                  </div>\n                </div>\n              </div>\n            </div>\n          </div>\n        </div>\n      )}\n    </>\n  );\n};\n\nGlobalLightbox.propTypes = {\n  images: PropTypes.arrayOf(\n    PropTypes.shape({\n      url: PropTypes.string,\n      imageId: PropTypes.string\n    })\n  ),\n  metaTitle: PropTypes.string,\n  onClose: PropTypes.func.isRequired,\n  selectedImage: PropTypes.number,\n  parentName: PropTypes.string\n};\n\nGlobalLightbox.defaultProps = {\n  metaTitle: '',\n  images: [],\n  selectedImage: 0,\n  parentName: ''\n};\n\nexport default GlobalLightbox;\n"],"mappings":"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"}
+{"version":3,"file":"GlobalLightbox.js","names":["React","useState","Fragment","PropTypes","ResponsiveImage","FaTimes","BlazeLink","ImageDetails","NavButton","getImageData","useGetImages","shouldShowProperty","GlobalLightbox","images","onClose","selectedImage","metaTitle","parentName","index","setIndex","currentImage","imageId","url","name","enableLightbox","isCaptionDisplayed","areImageCreditsDisplayed","imageCredits","credits","otherProps","_objectWithoutProperties","_excluded","data","loading","error","message","imageUrl","imageData","getFile","urlProps","href","title","imgWrapperProps","caption","altText","shouldDisplayCaption","isDisplayed","value","shouldDisplayCredits","navigate","position","newPosition","handlePrevious","handleNext","handleClose","showNext","length","showPrevious","imageCounter","createElement","className","role","onClick","handleAction","show","modifier","ariaLabel","Object","keys","src","alt","sizeKey","propTypes","arrayOf","shape","string","func","isRequired","number","defaultProps"],"sources":["../../../../src/components/Image/GlobalLightbox/GlobalLightbox.js"],"sourcesContent":["import React, { useState, Fragment } from 'react';\nimport PropTypes from 'prop-types';\nimport { ResponsiveImage } from '@blaze-cms/image-cdn-react';\nimport { FaTimes } from 'react-icons/fa';\nimport BlazeLink from '../../BlazeLink';\nimport ImageDetails from '../ImageDetails';\nimport NavButton from './NavButton';\nimport getImageData from '../../../utils/get-image-data';\nimport useGetImages from '../../../hooks/use-get-images';\nimport { shouldShowProperty } from '../../../helpers';\n\nconst GlobalLightbox = ({ images, onClose, selectedImage, metaTitle, parentName }) => {\n  const [index, setIndex] = useState(selectedImage);\n\n  const currentImage = images[index] || {};\n\n  const {\n    imageId,\n    url,\n    name,\n    enableLightbox,\n    isCaptionDisplayed,\n    areImageCreditsDisplayed,\n    imageCredits,\n    credits,\n    ...otherProps\n  } = currentImage;\n\n  const { data, loading, error } = useGetImages(imageId);\n\n  if (error) {\n    return error.message;\n  }\n\n  const { url: imageUrl = '', data: imageData = {} } = data.getFile || {\n    getFile: { url: '', data: {} }\n  };\n\n  const urlProps = { href: url, title: name };\n  const imgWrapperProps = url ? urlProps : {};\n\n  const { caption, altText } = getImageData(otherProps, imageData);\n\n  const shouldDisplayCaption = shouldShowProperty({\n    isDisplayed: isCaptionDisplayed,\n    value: caption\n  });\n\n  // deprecated: imageCredits is deprecated. This code is to handle legacy data. check before changing/removing\n  const shouldDisplayCredits = shouldShowProperty({\n    isDisplayed: areImageCreditsDisplayed,\n    value: credits || imageCredits\n  });\n\n  const navigate = position => {\n    const newPosition = index + position;\n    if (images[newPosition]) {\n      setIndex(newPosition);\n    }\n  };\n\n  const handlePrevious = () => navigate(-1);\n  const handleNext = () => navigate(1);\n  const handleClose = () => onClose();\n\n  const showNext = index !== images.length - 1;\n  const showPrevious = !!index;\n\n  const imageCounter = `${index + 1} of ${images.length}`;\n\n  return (\n    <>\n      {!!images.length && (\n        <div>\n          <div className=\"overlay\" />\n          <div className=\"modal modal--full-screen modal--gallery modal--show\">\n            <header className=\"modal__header modal__header--gallery\">\n              <div className=\"modal__title modal__title--gallery\">\n                {parentName || metaTitle || name}\n              </div>\n              <div\n                role=\"button\"\n                className=\"modal__close\"\n                onClick={handleClose}\n                aria-label=\"Close modal\">\n                <i>\n                  <FaTimes />\n                </i>\n              </div>\n            </header>\n            <div className=\"modal__content modal__content--gallery\">\n              <div className=\"gallery\">\n                <div className=\"gallery__column gallery__column--slider\">\n                  <div className=\"gallery__slider\">\n                    <div className=\"slider__wrapper slider__wrapper--gallery open\">\n                      <div className=\"slider__header slider__header--gallery\">\n                        <div\n                          className=\"slider__counter slider__counter--gallery\"\n                          data-testid=\"image-counter\">\n                          {imageCounter}\n                        </div>\n                      </div>\n\n                      <NavButton\n                        handleAction={handlePrevious}\n                        show={showPrevious}\n                        modifier=\"previous\"\n                        ariaLabel=\"Previous Image\"\n                      />\n\n                      <div className=\"slider slider--gallery\">\n                        <div className=\"slider__list slider__list--gallery\">\n                          <div className=\"slider__list-wrapper slider__list-wrapper--gallery\">\n                            <div className=\"slider__slide slider__slide--gallery\">\n                              {loading && <div />}\n                              {Object.keys(imgWrapperProps).length ? (\n                                <BlazeLink {...imgWrapperProps}>\n                                  <ResponsiveImage\n                                    src={imageUrl}\n                                    alt={altText}\n                                    sizeKey=\"globalLightbox\"\n                                    data-testid=\"globalLightboxImage\"\n                                  />\n                                </BlazeLink>\n                              ) : (\n                                <Fragment>\n                                  <ResponsiveImage\n                                    src={imageUrl}\n                                    alt={altText}\n                                    sizeKey=\"globalLightbox\"\n                                    data-testid=\"globalLightboxImage\"\n                                  />\n                                </Fragment>\n                              )}\n                            </div>\n                          </div>\n                        </div>\n                      </div>\n\n                      <NavButton\n                        ariaLabel=\"Next Image\"\n                        handleAction={handleNext}\n                        show={showNext}\n                        modifier=\"next\"\n                      />\n                    </div>\n                    {(shouldDisplayCaption || shouldDisplayCredits) && (\n                      <ImageDetails\n                        caption={caption}\n                        credits={credits || imageCredits}\n                        shouldDisplayCaption={shouldDisplayCaption}\n                        shouldDisplayCredits={shouldDisplayCredits}\n                      />\n                    )}\n                  </div>\n                </div>\n              </div>\n            </div>\n          </div>\n        </div>\n      )}\n    </>\n  );\n};\n\nGlobalLightbox.propTypes = {\n  images: PropTypes.arrayOf(\n    PropTypes.shape({\n      url: PropTypes.string,\n      imageId: PropTypes.string\n    })\n  ),\n  metaTitle: PropTypes.string,\n  onClose: PropTypes.func.isRequired,\n  selectedImage: PropTypes.number,\n  parentName: PropTypes.string\n};\n\nGlobalLightbox.defaultProps = {\n  metaTitle: '',\n  images: [],\n  selectedImage: 0,\n  parentName: ''\n};\n\nexport default GlobalLightbox;\n"],"mappings":"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"}

package/lib-es/components/Image/GlobalLightbox/NavButton.js

@@ -3,11 +3,13 @@ import PropTypes from 'prop-types';
 const NavButton = ({
   handleAction,
   show,
-  modifier
+  modifier,
+  ariaLabel
 }) => /*#__PURE__*/React.createElement(React.Fragment, null, show && /*#__PURE__*/React.createElement("div", {
   role: "button",
   className: `slider__button slider__button--gallery slider__button--${modifier}`,
-  onClick: handleAction
+  onClick: handleAction,
+  "aria-label": ariaLabel
 }, /*#__PURE__*/React.createElement("div", {
   className: `arrow arrow--${modifier === 'next' ? 'right' : 'left'}`,
   "data-testid": `navButton-${modifier}`
@@ -15,7 +17,8 @@ const NavButton = ({
 NavButton.propTypes = {
   handleAction: PropTypes.func.isRequired,
   show: PropTypes.bool.isRequired,
-  modifier: PropTypes.string.isRequired
+  modifier: PropTypes.string.isRequired,
+  ariaLabel: PropTypes.string.isRequired
 };
 export default NavButton;
 //# sourceMappingURL=NavButton.js.map

package/lib-es/components/Image/GlobalLightbox/NavButton.js.map

@@ -1 +1 @@
-{"version":3,"file":"NavButton.js","names":["React","PropTypes","NavButton","handleAction","show","modifier","createElement","Fragment","role","className","onClick","propTypes","func","isRequired","bool","string"],"sources":["../../../../src/components/Image/GlobalLightbox/NavButton.js"],"sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\n\nconst NavButton = ({ handleAction, show, modifier }) => (\n  <>\n    {show && (\n      <div\n        role=\"button\"\n        className={`slider__button slider__button--gallery slider__button--${modifier}`}\n        onClick={handleAction}>\n        <div\n          className={`arrow arrow--${modifier === 'next' ? 'right' : 'left'}`}\n          data-testid={`navButton-${modifier}`}\n        />\n      </div>\n    )}\n  </>\n);\n\nNavButton.propTypes = {\n  handleAction: PropTypes.func.isRequired,\n  show: PropTypes.bool.isRequired,\n  modifier: PropTypes.string.isRequired\n};\n\nexport default NavButton;\n"],"mappings":"AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,OAAOC,SAAS,MAAM,YAAY;AAElC,MAAMC,SAAS,GAAGA,CAAC;EAAEC,YAAY;EAAEC,IAAI;EAAEC;AAAS,CAAC,kBACjDL,KAAA,CAAAM,aAAA,CAAAN,KAAA,CAAAO,QAAA,QACGH,IAAI,iBACHJ,KAAA,CAAAM,aAAA;EACEE,IAAI,EAAC,QAAQ;EACbC,SAAS,EAAG,0DAAyDJ,QAAS,EAAE;EAChFK,OAAO,EAAEP;AAAa,gBACtBH,KAAA,CAAAM,aAAA;EACEG,SAAS,EAAG,gBAAeJ,QAAQ,KAAK,MAAM,GAAG,OAAO,GAAG,MAAO,EAAE;EACpE,eAAc,aAAYA,QAAS;AAAE,CACtC,CACE,CAEP,CACH;AAEDH,SAAS,CAACS,SAAS,GAAG;EACpBR,YAAY,EAAEF,SAAS,CAACW,IAAI,CAACC,UAAU;EACvCT,IAAI,EAAEH,SAAS,CAACa,IAAI,CAACD,UAAU;EAC/BR,QAAQ,EAAEJ,SAAS,CAACc,MAAM,CAACF;AAC7B,CAAC;AAED,eAAeX,SAAS"}
+{"version":3,"file":"NavButton.js","names":["React","PropTypes","NavButton","handleAction","show","modifier","ariaLabel","createElement","Fragment","role","className","onClick","propTypes","func","isRequired","bool","string"],"sources":["../../../../src/components/Image/GlobalLightbox/NavButton.js"],"sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\n\nconst NavButton = ({ handleAction, show, modifier, ariaLabel }) => (\n  <>\n    {show && (\n      <div\n        role=\"button\"\n        className={`slider__button slider__button--gallery slider__button--${modifier}`}\n        onClick={handleAction}\n        aria-label={ariaLabel}>\n        <div\n          className={`arrow arrow--${modifier === 'next' ? 'right' : 'left'}`}\n          data-testid={`navButton-${modifier}`}\n        />\n      </div>\n    )}\n  </>\n);\n\nNavButton.propTypes = {\n  handleAction: PropTypes.func.isRequired,\n  show: PropTypes.bool.isRequired,\n  modifier: PropTypes.string.isRequired,\n  ariaLabel: PropTypes.string.isRequired\n};\n\nexport default NavButton;\n"],"mappings":"AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,OAAOC,SAAS,MAAM,YAAY;AAElC,MAAMC,SAAS,GAAGA,CAAC;EAAEC,YAAY;EAAEC,IAAI;EAAEC,QAAQ;EAAEC;AAAU,CAAC,kBAC5DN,KAAA,CAAAO,aAAA,CAAAP,KAAA,CAAAQ,QAAA,QACGJ,IAAI,iBACHJ,KAAA,CAAAO,aAAA;EACEE,IAAI,EAAC,QAAQ;EACbC,SAAS,EAAG,0DAAyDL,QAAS,EAAE;EAChFM,OAAO,EAAER,YAAa;EACtB,cAAYG;AAAU,gBACtBN,KAAA,CAAAO,aAAA;EACEG,SAAS,EAAG,gBAAeL,QAAQ,KAAK,MAAM,GAAG,OAAO,GAAG,MAAO,EAAE;EACpE,eAAc,aAAYA,QAAS;AAAE,CACtC,CACE,CAEP,CACH;AAEDH,SAAS,CAACU,SAAS,GAAG;EACpBT,YAAY,EAAEF,SAAS,CAACY,IAAI,CAACC,UAAU;EACvCV,IAAI,EAAEH,SAAS,CAACc,IAAI,CAACD,UAAU;EAC/BT,QAAQ,EAAEJ,SAAS,CAACe,MAAM,CAACF,UAAU;EACrCR,SAAS,EAAEL,SAAS,CAACe,MAAM,CAACF;AAC9B,CAAC;AAED,eAAeZ,SAAS"}