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

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

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (1498) hide show

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

@@ -3,5 +3,16 @@ const TABS = 'tabs';
 const SIDEPANEL = 'sidepanel';
 const CONTENT_GROUP = 'content-group';
 const PANEL = 'panel';
-export { TAB, TABS, SIDEPANEL, CONTENT_GROUP, PANEL };
+const FAQ_PAGE = 'https://schema.org/FAQPage';
+const CONTENT_GROUP_TYPES = Object.freeze({
+  TAB: 'tab',
+  SIDEPANEL: 'sidepanel',
+  ACCORDION: 'accordion'
+});
+const OPEN_STATES = Object.freeze({
+  FIRST_OPEN: 'first_open',
+  ALL_CLOSED: 'all_closed',
+  ALL_OPEN: 'all_open'
+});
+export { TAB, TABS, SIDEPANEL, CONTENT_GROUP, PANEL, CONTENT_GROUP_TYPES, OPEN_STATES, FAQ_PAGE };
 //# sourceMappingURL=constants.js.map

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

	@@ -1 +1 @@
1	- {"version":3,"file":"constants.js","names":["TAB","TABS","SIDEPANEL","CONTENT_GROUP","PANEL"],"sources":["../../../src/components/ContentGroup/constants.js"],"sourcesContent":["const TAB = 'tab';\nconst TABS = 'tabs';\nconst SIDEPANEL = 'sidepanel';\nconst CONTENT_GROUP = 'content-group';\nconst PANEL = 'panel';\n\nexport { TAB, TABS, SIDEPANEL, CONTENT_GROUP, PANEL };\n"],"mappings":"AAAA,MAAMA,GAAG,GAAG,KAAK;AACjB,MAAMC,IAAI,GAAG,MAAM;AACnB,MAAMC,SAAS,GAAG,WAAW;AAC7B,MAAMC,aAAa,GAAG,eAAe;AACrC,MAAMC,KAAK,GAAG,OAAO;~~AAErB~~,~~SAASJ~~,GAAG,EAAEC,IAAI,EAAEC,SAAS,EAAEC,aAAa,EAAEC,KAAK","ignoreList":[]}
1	+ {"version":3,"file":"constants.js","names":["TAB","TABS","SIDEPANEL","CONTENT_GROUP","PANEL","FAQ_PAGE","CONTENT_GROUP_TYPES","Object","freeze","ACCORDION","OPEN_STATES","FIRST_OPEN","ALL_CLOSED","ALL_OPEN"],"sources":["../../../src/components/ContentGroup/constants.js"],"sourcesContent":["const TAB = 'tab';\nconst TABS = 'tabs';\nconst SIDEPANEL = 'sidepanel';\nconst CONTENT_GROUP = 'content-group';\nconst PANEL = 'panel';\nconst FAQ_PAGE = 'https://schema.org/FAQPage';\n\nconst CONTENT_GROUP_TYPES = Object.freeze({\n TAB: 'tab',\n SIDEPANEL: 'sidepanel',\n ACCORDION: 'accordion'\n});\n\nconst OPEN_STATES = Object.freeze({\n FIRST_OPEN: 'first_open',\n ALL_CLOSED: 'all_closed',\n ALL_OPEN: 'all_open'\n});\n\nexport { TAB, TABS, SIDEPANEL, CONTENT_GROUP, PANEL, CONTENT_GROUP_TYPES, OPEN_STATES, FAQ_PAGE };\n"],"mappings":"AAAA,MAAMA,GAAG,GAAG,KAAK;AACjB,MAAMC,IAAI,GAAG,MAAM;AACnB,MAAMC,SAAS,GAAG,WAAW;AAC7B,MAAMC,aAAa,GAAG,eAAe;AACrC,MAAMC,KAAK,GAAG,OAAO;AACrB,MAAMC,QAAQ,GAAG,4BAA4B;AAE7C,MAAMC,mBAAmB,GAAGC,MAAM,CAACC,MAAM,CAAC;EACxCR,GAAG,EAAE,KAAK;EACVE,SAAS,EAAE,WAAW;EACtBO,SAAS,EAAE;AACb,CAAC,CAAC;AAEF,MAAMC,WAAW,GAAGH,MAAM,CAACC,MAAM,CAAC;EAChCG,UAAU,EAAE,YAAY;EACxBC,UAAU,EAAE,YAAY;EACxBC,QAAQ,EAAE;AACZ,CAAC,CAAC;AAEF,SAASb,GAAG,EAAEC,IAAI,EAAEC,SAAS,EAAEC,aAAa,EAAEC,KAAK,EAAEE,mBAAmB,EAAEI,WAAW,EAAEL,QAAQ","ignoreList":[]}

package/lib-es/components/ContentGroup/helpers/build-data-sections.js ADDED Viewed

@@ -0,0 +1,38 @@
+import React from 'react';
+import dynamic from 'next/dynamic';
+import getComponentId from '../../../helpers/get-component-id';
+const TextBlock = dynamic(() => import('../../TextBlock'));
+const ContentGroupSection = dynamic(() => import('../../ContentGroupSection'));
+const buildDataSections = (items = []) => {
+  const itemData = items.map((item, i) => {
+    if (!item || !item.text || !item.label) return null;
+    const sectionName = getComponentId(item.label || `section-${i}`, true, true);
+    return {
+      sectionName,
+      label: item.label,
+      sectionContent: /*#__PURE__*/React.createElement(ContentGroupSection, {
+        key: sectionName,
+        name: sectionName,
+        disableChildCheck: true
+      }, /*#__PURE__*/React.createElement(TextBlock, {
+        html: item.text,
+        name: `${sectionName}-text`
+      }))
+    };
+  });
+  return itemData.filter(Boolean).reduce((acc, {
+    sectionName,
+    label,
+    sectionContent
+  }) => {
+    if (!sectionName || !sectionContent) return acc;
+    acc.groupSections.push(sectionContent);
+    acc.sectionsData.push([sectionName, label]);
+    return acc;
+  }, {
+    groupSections: [],
+    sectionsData: []
+  });
+};
+export default buildDataSections;
+//# sourceMappingURL=build-data-sections.js.map

package/lib-es/components/ContentGroup/helpers/build-data-sections.js.map ADDED Viewed

@@ -0,0 +1 @@

+ {"version":3,"file":"build-data-sections.js","names":["React","dynamic","getComponentId","TextBlock","ContentGroupSection","buildDataSections","items","itemData","map","item","i","text","label","sectionName","sectionContent","createElement","key","name","disableChildCheck","html","filter","Boolean","reduce","acc","groupSections","push","sectionsData"],"sources":["../../../../src/components/ContentGroup/helpers/build-data-sections.js"],"sourcesContent":["import React from 'react';\nimport dynamic from 'next/dynamic';\nimport getComponentId from '../../../helpers/get-component-id';\n\nconst TextBlock = dynamic(() => import('../../TextBlock'));\nconst ContentGroupSection = dynamic(() => import('../../ContentGroupSection'));\n\nconst buildDataSections = (items = []) => {\n const itemData = items.map((item, i) => {\n if (!item || !item.text || !item.label) return null;\n\n const sectionName = getComponentId(item.label || `section-${i}`, true, true);\n return {\n sectionName,\n label: item.label,\n sectionContent: (\n <ContentGroupSection key={sectionName} name={sectionName} disableChildCheck>\n <TextBlock html={item.text} name={`${sectionName}-text`} />\n </ContentGroupSection>\n )\n };\n });\n\n return itemData.filter(Boolean).reduce(\n (acc, { sectionName, label, sectionContent }) => {\n if (!sectionName || !sectionContent) return acc;\n acc.groupSections.push(sectionContent);\n acc.sectionsData.push([sectionName, label]);\n return acc;\n },\n { groupSections: [], sectionsData: [] }\n );\n};\n\nexport default buildDataSections;\n"],"mappings":"AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,OAAOC,OAAO,MAAM,cAAc;AAClC,OAAOC,cAAc,MAAM,mCAAmC;AAE9D,MAAMC,SAAS,GAAGF,OAAO,CAAC,MAAM,MAAM,CAAC,iBAAiB,CAAC,CAAC;AAC1D,MAAMG,mBAAmB,GAAGH,OAAO,CAAC,MAAM,MAAM,CAAC,2BAA2B,CAAC,CAAC;AAE9E,MAAMI,iBAAiB,GAAGA,CAACC,KAAK,GAAG,EAAE,KAAK;EACxC,MAAMC,QAAQ,GAAGD,KAAK,CAACE,GAAG,CAAC,CAACC,IAAI,EAAEC,CAAC,KAAK;IACtC,IAAI,CAACD,IAAI,IAAI,CAACA,IAAI,CAACE,IAAI,IAAI,CAACF,IAAI,CAACG,KAAK,EAAE,OAAO,IAAI;IAEnD,MAAMC,WAAW,GAAGX,cAAc,CAACO,IAAI,CAACG,KAAK,IAAI,WAAWF,CAAC,EAAE,EAAE,IAAI,EAAE,IAAI,CAAC;IAC5E,OAAO;MACLG,WAAW;MACXD,KAAK,EAAEH,IAAI,CAACG,KAAK;MACjBE,cAAc,eACZd,KAAA,CAAAe,aAAA,CAACX,mBAAmB;QAACY,GAAG,EAAEH,WAAY;QAACI,IAAI,EAAEJ,WAAY;QAACK,iBAAiB;MAAA,gBACzElB,KAAA,CAAAe,aAAA,CAACZ,SAAS;QAACgB,IAAI,EAAEV,IAAI,CAACE,IAAK;QAACM,IAAI,EAAE,GAAGJ,WAAW;MAAQ,CAAE,CACvC;IAEzB,CAAC;EACH,CAAC,CAAC;EAEF,OAAON,QAAQ,CAACa,MAAM,CAACC,OAAO,CAAC,CAACC,MAAM,CACpC,CAACC,GAAG,EAAE;IAAEV,WAAW;IAAED,KAAK;IAAEE;EAAe,CAAC,KAAK;IAC/C,IAAI,CAACD,WAAW,IAAI,CAACC,cAAc,EAAE,OAAOS,GAAG;IAC/CA,GAAG,CAACC,aAAa,CAACC,IAAI,CAACX,cAAc,CAAC;IACtCS,GAAG,CAACG,YAAY,CAACD,IAAI,CAAC,CAACZ,WAAW,EAAED,KAAK,CAAC,CAAC;IAC3C,OAAOW,GAAG;EACZ,CAAC,EACD;IAAEC,aAAa,EAAE,EAAE;IAAEE,YAAY,EAAE;EAAG,CACxC,CAAC;AACH,CAAC;AAED,eAAerB,iBAAiB","ignoreList":[]}

package/lib-es/components/ContentGroup/helpers/get-structured-data-properties.js ADDED Viewed

@@ -0,0 +1,33 @@
+const getStructuredDataProperties = isFaqContent => {
+  const properties = {
+    topWrapperProps: {},
+    groupSectionProps: {},
+    groupSectionTitleProps: {},
+    groupContentWrapperProps: {},
+    groupContentProps: {}
+  };
+  if (!isFaqContent) return properties;
+  properties.topWrapperProps = {
+    itemScope: true,
+    itemType: 'https://schema.org/FAQPage'
+  };
+  properties.groupSectionProps = {
+    itemScope: true,
+    itemProp: 'mainEntity',
+    itemType: 'https://schema.org/Question'
+  };
+  properties.groupSectionTitleProps = {
+    itemProp: 'name'
+  };
+  properties.groupContentWrapperProps = {
+    itemScope: true,
+    itemProp: 'acceptedAnswer',
+    itemType: 'https://schema.org/Answer'
+  };
+  properties.groupContentProps = {
+    itemProp: 'text'
+  };
+  return properties;
+};
+export default getStructuredDataProperties;
+//# sourceMappingURL=get-structured-data-properties.js.map

package/lib-es/components/ContentGroup/helpers/get-structured-data-properties.js.map ADDED Viewed

@@ -0,0 +1 @@

+ {"version":3,"file":"get-structured-data-properties.js","names":["getStructuredDataProperties","isFaqContent","properties","topWrapperProps","groupSectionProps","groupSectionTitleProps","groupContentWrapperProps","groupContentProps","itemScope","itemType","itemProp"],"sources":["../../../../src/components/ContentGroup/helpers/get-structured-data-properties.js"],"sourcesContent":["const getStructuredDataProperties = isFaqContent => {\n const properties = {\n topWrapperProps: {},\n groupSectionProps: {},\n groupSectionTitleProps: {},\n groupContentWrapperProps: {},\n groupContentProps: {}\n };\n if (!isFaqContent) return properties;\n\n properties.topWrapperProps = {\n itemScope: true,\n itemType: 'https://schema.org/FAQPage'\n };\n properties.groupSectionProps = {\n itemScope: true,\n itemProp: 'mainEntity',\n itemType: 'https://schema.org/Question'\n };\n properties.groupSectionTitleProps = {\n itemProp: 'name'\n };\n properties.groupContentWrapperProps = {\n itemScope: true,\n itemProp: 'acceptedAnswer',\n itemType: 'https://schema.org/Answer'\n };\n\n properties.groupContentProps = {\n itemProp: 'text'\n };\n\n return properties;\n};\n\nexport default getStructuredDataProperties;\n"],"mappings":"AAAA,MAAMA,2BAA2B,GAAGC,YAAY,IAAI;EAClD,MAAMC,UAAU,GAAG;IACjBC,eAAe,EAAE,CAAC,CAAC;IACnBC,iBAAiB,EAAE,CAAC,CAAC;IACrBC,sBAAsB,EAAE,CAAC,CAAC;IAC1BC,wBAAwB,EAAE,CAAC,CAAC;IAC5BC,iBAAiB,EAAE,CAAC;EACtB,CAAC;EACD,IAAI,CAACN,YAAY,EAAE,OAAOC,UAAU;EAEpCA,UAAU,CAACC,eAAe,GAAG;IAC3BK,SAAS,EAAE,IAAI;IACfC,QAAQ,EAAE;EACZ,CAAC;EACDP,UAAU,CAACE,iBAAiB,GAAG;IAC7BI,SAAS,EAAE,IAAI;IACfE,QAAQ,EAAE,YAAY;IACtBD,QAAQ,EAAE;EACZ,CAAC;EACDP,UAAU,CAACG,sBAAsB,GAAG;IAClCK,QAAQ,EAAE;EACZ,CAAC;EACDR,UAAU,CAACI,wBAAwB,GAAG;IACpCE,SAAS,EAAE,IAAI;IACfE,QAAQ,EAAE,gBAAgB;IAC1BD,QAAQ,EAAE;EACZ,CAAC;EAEDP,UAAU,CAACK,iBAAiB,GAAG;IAC7BG,QAAQ,EAAE;EACZ,CAAC;EAED,OAAOR,UAAU;AACnB,CAAC;AAED,eAAeF,2BAA2B","ignoreList":[]}

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

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

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

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

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

@@ -3,9 +3,10 @@ import PropTypes from 'prop-types';
 import { hasChildren } from '../../helpers';
 const ContentGroupSection = ({
   children,
-  name
+  name,
+  disableChildCheck
 }) => {
-  if (!hasChildren(children)) return null;
+  if (!disableChildCheck && !hasChildren(children)) return null;
   return /*#__PURE__*/React.createElement("div", {
     key: name,
     className: "content-group-section"

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

	@@ -1 +1 @@
1	- {"version":3,"file":"ContentGroupSection.js","names":["React","PropTypes","hasChildren","ContentGroupSection","children","name","createElement","key","className","propTypes","oneOfType","arrayOf","node","string","defaultProps"],"sources":["../../../src/components/ContentGroupSection/ContentGroupSection.js"],"sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\nimport { hasChildren } from '../../helpers';\n\nconst ContentGroupSection = ({ children, name }) => {\n if (!hasChildren(children)) return null;\n\n return (\n <div key={name} className=\"content-group-section\">\n {children}\n </div>\n );\n};\n\nContentGroupSection.propTypes = {\n children: PropTypes.oneOfType([PropTypes.arrayOf(PropTypes.node), PropTypes.node]),\n name: PropTypes.string\n};\n\nContentGroupSection.defaultProps = { children: null, name: '' };\n\nexport default ContentGroupSection;\n"],"mappings":"AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,OAAOC,SAAS,MAAM,YAAY;AAClC,SAASC,WAAW,QAAQ,eAAe;AAE3C,MAAMC,mBAAmB,GAAGA,CAAC;EAAEC,QAAQ;EAAEC;~~AAAK~~,CAAC,KAAK;~~EAClD~~,IAAI,~~CAACH~~,WAAW,CAACE,QAAQ,CAAC,EAAE,OAAO,IAAI;~~EAEvC~~,oBACEJ,KAAA,~~CAAAM~~,aAAA;IAAKC,GAAG,~~EAAEF~~,IAAK;~~IAACG~~,SAAS,EAAC;EAAuB,~~GAC9CJ~~,QACE,CAAC;AAEV,CAAC;AAEDD,mBAAmB,~~CAACM~~,SAAS,GAAG;~~EAC9BL~~,QAAQ,EAAEH,SAAS,~~CAACS~~,SAAS,CAAC,~~CAACT~~,SAAS,~~CAACU~~,OAAO,~~CAACV~~,SAAS,~~CAACW~~,IAAI,CAAC,~~EAAEX~~,SAAS,~~CAACW~~,IAAI,CAAC,CAAC;~~EAClFP~~,IAAI,EAAEJ,SAAS,~~CAACY~~;AAClB,CAAC;~~AAEDV~~,mBAAmB,~~CAACW~~,YAAY,GAAG;~~EAAEV~~,QAAQ,EAAE,IAAI;EAAEC,IAAI,EAAE;AAAG,CAAC;AAE/D,eAAeF,mBAAmB","ignoreList":[]}
1	+ {"version":3,"file":"ContentGroupSection.js","names":["React","PropTypes","hasChildren","ContentGroupSection","children","name","disableChildCheck","createElement","key","className","propTypes","oneOfType","arrayOf","node","string","defaultProps"],"sources":["../../../src/components/ContentGroupSection/ContentGroupSection.js"],"sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\nimport { hasChildren } from '../../helpers';\n\nconst ContentGroupSection = ({ children, name, disableChildCheck }) => {\n if (!disableChildCheck && !hasChildren(children)) return null;\n\n return (\n <div key={name} className=\"content-group-section\">\n {children}\n </div>\n );\n};\n\nContentGroupSection.propTypes = {\n children: PropTypes.oneOfType([PropTypes.arrayOf(PropTypes.node), PropTypes.node]),\n name: PropTypes.string\n};\n\nContentGroupSection.defaultProps = { children: null, name: '' };\n\nexport default ContentGroupSection;\n"],"mappings":"AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,OAAOC,SAAS,MAAM,YAAY;AAClC,SAASC,WAAW,QAAQ,eAAe;AAE3C,MAAMC,mBAAmB,GAAGA,CAAC;EAAEC,QAAQ;EAAEC,IAAI;EAAEC;AAAkB,CAAC,KAAK;EACrE,IAAI,CAACA,iBAAiB,IAAI,CAACJ,WAAW,CAACE,QAAQ,CAAC,EAAE,OAAO,IAAI;EAE7D,oBACEJ,KAAA,CAAAO,aAAA;IAAKC,GAAG,EAAEH,IAAK;IAACI,SAAS,EAAC;EAAuB,GAC9CL,QACE,CAAC;AAEV,CAAC;AAEDD,mBAAmB,CAACO,SAAS,GAAG;EAC9BN,QAAQ,EAAEH,SAAS,CAACU,SAAS,CAAC,CAACV,SAAS,CAACW,OAAO,CAACX,SAAS,CAACY,IAAI,CAAC,EAAEZ,SAAS,CAACY,IAAI,CAAC,CAAC;EAClFR,IAAI,EAAEJ,SAAS,CAACa;AAClB,CAAC;AAEDX,mBAAmB,CAACY,YAAY,GAAG;EAAEX,QAAQ,EAAE,IAAI;EAAEC,IAAI,EAAE;AAAG,CAAC;AAE/D,eAAeF,mBAAmB","ignoreList":[]}

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

@@ -4,7 +4,7 @@ import PropTypes from 'prop-types';
 import { MainContext } from '@blaze-cms/nextjs-components';
 import { getSingleEntitySchema } from '../../application/query';
 import { buildPropsQuery, checkPropsToUse } from '../../helpers';
-import { getDataSummaryQuery, getLinkProps } from './helpers';
+import { getDataSummaryQuery, getLinkProps, getRecordId } from './helpers';
 import DataSummaryRender from './DataSummaryRender';
 const DataSummaryFactory = ({
   entity,
@@ -31,9 +31,11 @@ const DataSummaryFactory = ({
       id: entityForQuery
     }
   });
+  const recordId = getRecordId(entityForQuery, dataRecordId, parent);
   const {
     isPreview
   } = useContext(MainContext);
+  if (!recordId) return null;
   if (loading) return '';
   if (error) return error.message;
   if (!data) return null;
@@ -42,7 +44,6 @@ const DataSummaryFactory = ({
   const linkProps = getLinkProps(propsToDisplay);
   const propsQueryString = buildPropsQuery(data, propsToDisplayValues, null, linkProps);
   const dataSummaryQuery = getDataSummaryQuery(data, isPreview, propsQueryString);
-  const recordId = dataRecordId[0] || parent.itemId;
   const isSlider = variant === 'slideSummary';
   return /*#__PURE__*/React.createElement(DataSummaryRender, {
     recordId: recordId,

package/lib-es/components/DataSummary/DataSummaryFactory.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"DataSummaryFactory.js","names":["React","useContext","useQuery","PropTypes","MainContext","getSingleEntitySchema","buildPropsQuery","checkPropsToUse","getDataSummaryQuery","getLinkProps","DataSummaryRender","DataSummaryFactory","entity","dataRecordId","propsToDisplay","type","useSelectedEntity","elementTitle","modifier","headingStyle","loopProperties","loopLimit","variant","VariantComponent","parent","entityForQuery","itemEntity","data","error","loading","variables","id","isPreview","message","length","propsToDisplayValues","linkProps","propsQueryString","dataSummaryQuery","~~recordId","itemId","~~isSlider","createElement","query","htmlTag","propTypes","object","isRequired","string","array","bool","number","func","defaultProps"],"sources":["../../../src/components/DataSummary/DataSummaryFactory.js"],"sourcesContent":["import React, { useContext } from 'react';\nimport { useQuery } from '@apollo/client';\nimport PropTypes from 'prop-types';\nimport { MainContext } from '@blaze-cms/nextjs-components';\nimport { getSingleEntitySchema } from '../../application/query';\nimport { buildPropsQuery, checkPropsToUse } from '../../helpers';\nimport { getDataSummaryQuery, getLinkProps } from './helpers';\nimport DataSummaryRender from './DataSummaryRender';\n\nconst DataSummaryFactory = ({\n entity,\n dataRecordId,\n propsToDisplay,\n type,\n useSelectedEntity,\n elementTitle,\n modifier,\n headingStyle,\n loopProperties,\n loopLimit,\n variant,\n VariantComponent,\n parent\n}) => {\n const entityForQuery = useSelectedEntity ? entity : parent.itemEntity;\n const { data, error, loading } = useQuery(getSingleEntitySchema, {\n variables: { id: entityForQuery }\n });\n\n const { isPreview } = useContext(MainContext);\n if (loading) return '';\n if (error) return error.message;\n if (!data) return null;\n if (!propsToDisplay \|\| !propsToDisplay.length) return null;\n const propsToDisplayValues = checkPropsToUse(propsToDisplay);\n const linkProps = getLinkProps(propsToDisplay);\n const propsQueryString = buildPropsQuery(data, propsToDisplayValues, null, linkProps);\n const dataSummaryQuery = getDataSummaryQuery(data, isPreview, propsQueryString);\n const ~~recordId = dataRecordId[0] \|\| parent.itemId;\n const~~ isSlider = variant === 'slideSummary';\n\n return (\n <DataSummaryRender\n recordId={recordId}\n propsToDisplay={propsToDisplay}\n loopProperties={loopProperties}\n loopLimit={loopLimit}\n query={dataSummaryQuery}\n type={type}\n elementTitle={elementTitle}\n modifier={modifier}\n htmlTag={headingStyle}\n variant={variant}\n VariantComponent={VariantComponent}\n isSlider={isSlider}\n />\n );\n};\n\nDataSummaryFactory.propTypes = {\n parent: PropTypes.object.isRequired,\n type: PropTypes.string,\n dataRecordId: PropTypes.array,\n propsToDisplay: PropTypes.array,\n entity: PropTypes.string,\n useSelectedEntity: PropTypes.bool,\n elementTitle: PropTypes.string,\n modifier: PropTypes.string,\n headingStyle: PropTypes.string,\n loopProperties: PropTypes.array,\n loopLimit: PropTypes.number,\n variant: PropTypes.string,\n VariantComponent: PropTypes.func\n};\n\nDataSummaryFactory.defaultProps = {\n type: 'text',\n dataRecordId: [],\n propsToDisplay: [],\n useSelectedEntity: true,\n entity: '',\n elementTitle: '',\n modifier: '',\n headingStyle: 'h2',\n loopProperties: [],\n loopLimit: 0,\n variant: null,\n VariantComponent: null\n};\n\nexport default DataSummaryFactory;\n"],"mappings":"AAAA,OAAOA,KAAK,IAAIC,UAAU,QAAQ,OAAO;AACzC,SAASC,QAAQ,QAAQ,gBAAgB;AACzC,OAAOC,SAAS,MAAM,YAAY;AAClC,SAASC,WAAW,QAAQ,8BAA8B;AAC1D,SAASC,qBAAqB,QAAQ,yBAAyB;AAC/D,SAASC,eAAe,EAAEC,eAAe,QAAQ,eAAe;AAChE,SAASC,mBAAmB,EAAEC,YAAY,QAAQ,WAAW;~~AAC7D~~,OAAOC,iBAAiB,MAAM,qBAAqB;AAEnD,MAAMC,kBAAkB,GAAGA,CAAC;EAC1BC,MAAM;EACNC,YAAY;EACZC,cAAc;EACdC,IAAI;EACJC,iBAAiB;EACjBC,YAAY;EACZC,QAAQ;EACRC,YAAY;EACZC,cAAc;EACdC,SAAS;EACTC,OAAO;EACPC,gBAAgB;EAChBC;AACF,CAAC,KAAK;EACJ,MAAMC,cAAc,GAAGT,iBAAiB,GAAGJ,MAAM,GAAGY,MAAM,CAACE,UAAU;EACrE,MAAM;IAAEC,IAAI;IAAEC,KAAK;IAAEC;EAAQ,CAAC,~~GAAG3B~~,QAAQ,CAACG,qBAAqB,EAAE;IAC/~~DyB~~,SAAS,EAAE;MAAEC,EAAE,EAAEN;IAAe;EAClC,CAAC,CAAC;EAEF,MAAM;~~IAAEO~~;EAAU,CAAC,~~GAAG/B~~,UAAU,CAACG,WAAW,CAAC;~~EAC7C~~,~~IAAIyB~~,OAAO,EAAE,OAAO,EAAE;EACtB,IAAID,KAAK,EAAE,OAAOA,KAAK,~~CAACK~~,OAAO;EAC/B,IAAI,~~CAACN~~,IAAI,EAAE,OAAO,IAAI;EACtB,IAAI,CAACb,cAAc,IAAI,CAACA,cAAc,~~CAACoB~~,MAAM,EAAE,OAAO,IAAI;EAC1D,MAAMC,oBAAoB,~~GAAG5B~~,eAAe,~~CAACO~~,cAAc,CAAC;EAC5D,~~MAAMsB~~,SAAS,~~GAAG3B~~,YAAY,~~CAACK~~,cAAc,CAAC;EAC9C,~~MAAMuB~~,gBAAgB,~~GAAG/B~~,eAAe,~~CAACqB~~,IAAI,~~EAAEQ~~,oBAAoB,EAAE,IAAI,EAAEC,SAAS,CAAC;EACrF,MAAME,gBAAgB,~~GAAG9B~~,mBAAmB,~~CAACmB~~,IAAI,~~EAAEK~~,SAAS,EAAEK,gBAAgB,CAAC;EAC/E,MAAME,QAAQ,~~GAAG1B~~,~~YAAY,CAAC,CAAC,CAAC,IAAIW,MAAM,CAACgB,MAAM;EACjD,MAAMC,QAAQ,GAAGnB,~~OAAO,KAAK,cAAc;EAE3C,~~oBACEtB~~,KAAA,CAAA0C,aAAA,~~CAAChC~~,iBAAiB;~~IAChB6B~~,QAAQ,EAAEA,QAAS;~~IACnBzB~~,cAAc,EAAEA,cAAe;IAC/BM,cAAc,EAAEA,cAAe;IAC/BC,SAAS,EAAEA,SAAU;~~IACrBsB~~,KAAK,~~EAAEL~~,gBAAiB;~~IACxBvB~~,IAAI,EAAEA,IAAK;IACXE,YAAY,EAAEA,YAAa;IAC3BC,QAAQ,EAAEA,QAAS;~~IACnB0B~~,OAAO,~~EAAEzB~~,YAAa;IACtBG,OAAO,EAAEA,OAAQ;IACjBC,gBAAgB,EAAEA,gBAAiB;~~IACnCkB~~,QAAQ,EAAEA;EAAS,CACpB,CAAC;AAEN,CAAC;~~AAED9B~~,kBAAkB,~~CAACkC~~,SAAS,GAAG;~~EAC7BrB~~,MAAM,~~EAAErB~~,SAAS,CAAC2C,MAAM,CAACC,UAAU;~~EACnChC~~,IAAI,~~EAAEZ~~,SAAS,CAAC6C,MAAM;~~EACtBnC~~,YAAY,~~EAAEV~~,SAAS,CAAC8C,KAAK;~~EAC7BnC~~,cAAc,~~EAAEX~~,SAAS,CAAC8C,KAAK;EAC/~~BrC~~,MAAM,~~EAAET~~,SAAS,CAAC6C,MAAM;~~EACxBhC~~,iBAAiB,~~EAAEb~~,SAAS,CAAC+C,IAAI;~~EACjCjC~~,YAAY,~~EAAEd~~,SAAS,CAAC6C,MAAM;~~EAC9B9B~~,QAAQ,~~EAAEf~~,SAAS,CAAC6C,MAAM;~~EAC1B7B~~,YAAY,~~EAAEhB~~,SAAS,CAAC6C,MAAM;~~EAC9B5B~~,cAAc,~~EAAEjB~~,SAAS,CAAC8C,KAAK;EAC/~~B5B~~,SAAS,~~EAAElB~~,SAAS,CAACgD,MAAM;~~EAC3B7B~~,OAAO,~~EAAEnB~~,SAAS,CAAC6C,MAAM;~~EACzBzB~~,gBAAgB,~~EAAEpB~~,SAAS,CAACiD;AAC9B,CAAC;~~AAEDzC~~,kBAAkB,~~CAAC0C~~,YAAY,GAAG;~~EAChCtC~~,IAAI,EAAE,MAAM;EACZF,YAAY,EAAE,EAAE;EAChBC,cAAc,EAAE,EAAE;EAClBE,iBAAiB,EAAE,IAAI;EACvBJ,MAAM,EAAE,EAAE;EACVK,YAAY,EAAE,EAAE;EAChBC,QAAQ,EAAE,EAAE;EACZC,YAAY,EAAE,IAAI;EAClBC,cAAc,EAAE,EAAE;EAClBC,SAAS,EAAE,CAAC;EACZC,OAAO,EAAE,IAAI;EACbC,gBAAgB,EAAE;AACpB,CAAC;AAED,eAAeZ,kBAAkB","ignoreList":[]}
1	+ {"version":3,"file":"DataSummaryFactory.js","names":["React","useContext","useQuery","PropTypes","MainContext","getSingleEntitySchema","buildPropsQuery","checkPropsToUse","getDataSummaryQuery","getLinkProps","getRecordId","DataSummaryRender","DataSummaryFactory","entity","dataRecordId","propsToDisplay","type","useSelectedEntity","elementTitle","modifier","headingStyle","loopProperties","loopLimit","variant","VariantComponent","parent","entityForQuery","itemEntity","data","error","loading","variables","id","recordId","isPreview","message","length","propsToDisplayValues","linkProps","propsQueryString","dataSummaryQuery","isSlider","createElement","query","htmlTag","propTypes","object","isRequired","string","array","bool","number","func","defaultProps"],"sources":["../../../src/components/DataSummary/DataSummaryFactory.js"],"sourcesContent":["import React, { useContext } from 'react';\nimport { useQuery } from '@apollo/client';\nimport PropTypes from 'prop-types';\nimport { MainContext } from '@blaze-cms/nextjs-components';\nimport { getSingleEntitySchema } from '../../application/query';\nimport { buildPropsQuery, checkPropsToUse } from '../../helpers';\nimport { getDataSummaryQuery, getLinkProps, getRecordId } from './helpers';\nimport DataSummaryRender from './DataSummaryRender';\n\nconst DataSummaryFactory = ({\n entity,\n dataRecordId,\n propsToDisplay,\n type,\n useSelectedEntity,\n elementTitle,\n modifier,\n headingStyle,\n loopProperties,\n loopLimit,\n variant,\n VariantComponent,\n parent\n}) => {\n const entityForQuery = useSelectedEntity ? entity : parent.itemEntity;\n const { data, error, loading } = useQuery(getSingleEntitySchema, {\n variables: { id: entityForQuery }\n });\n\n const recordId = getRecordId(entityForQuery, dataRecordId, parent);\n const { isPreview } = useContext(MainContext);\n\n if (!recordId) return null;\n if (loading) return '';\n if (error) return error.message;\n if (!data) return null;\n if (!propsToDisplay \|\| !propsToDisplay.length) return null;\n const propsToDisplayValues = checkPropsToUse(propsToDisplay);\n const linkProps = getLinkProps(propsToDisplay);\n const propsQueryString = buildPropsQuery(data, propsToDisplayValues, null, linkProps);\n const dataSummaryQuery = getDataSummaryQuery(data, isPreview, propsQueryString);\n const isSlider = variant === 'slideSummary';\n\n return (\n <DataSummaryRender\n recordId={recordId}\n propsToDisplay={propsToDisplay}\n loopProperties={loopProperties}\n loopLimit={loopLimit}\n query={dataSummaryQuery}\n type={type}\n elementTitle={elementTitle}\n modifier={modifier}\n htmlTag={headingStyle}\n variant={variant}\n VariantComponent={VariantComponent}\n isSlider={isSlider}\n />\n );\n};\n\nDataSummaryFactory.propTypes = {\n parent: PropTypes.object.isRequired,\n type: PropTypes.string,\n dataRecordId: PropTypes.array,\n propsToDisplay: PropTypes.array,\n entity: PropTypes.string,\n useSelectedEntity: PropTypes.bool,\n elementTitle: PropTypes.string,\n modifier: PropTypes.string,\n headingStyle: PropTypes.string,\n loopProperties: PropTypes.array,\n loopLimit: PropTypes.number,\n variant: PropTypes.string,\n VariantComponent: PropTypes.func\n};\n\nDataSummaryFactory.defaultProps = {\n type: 'text',\n dataRecordId: [],\n propsToDisplay: [],\n useSelectedEntity: true,\n entity: '',\n elementTitle: '',\n modifier: '',\n headingStyle: 'h2',\n loopProperties: [],\n loopLimit: 0,\n variant: null,\n VariantComponent: null\n};\n\nexport default DataSummaryFactory;\n"],"mappings":"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","ignoreList":[]}

package/lib-es/components/DataSummary/helpers/get-record-id.js ADDED Viewed

@@ -0,0 +1,14 @@
+import { checkIfLoggedIn } from '@blaze-cms/core-auth-ui';
+const getRecordId = (entityForQuery, dataRecordId, parent) => {
+  const [recordId] = dataRecordId;
+  let foundUserId;
+  if (entityForQuery === 'user' && !recordId) {
+    const {
+      id: userId
+    } = checkIfLoggedIn();
+    foundUserId = userId;
+  }
+  return foundUserId || recordId || parent && parent.itemId;
+};
+export default getRecordId;
+//# sourceMappingURL=get-record-id.js.map

package/lib-es/components/DataSummary/helpers/get-record-id.js.map ADDED Viewed

@@ -0,0 +1 @@

+ {"version":3,"file":"get-record-id.js","names":["checkIfLoggedIn","getRecordId","entityForQuery","dataRecordId","parent","recordId","foundUserId","id","userId","itemId"],"sources":["../../../../src/components/DataSummary/helpers/get-record-id.js"],"sourcesContent":["import { checkIfLoggedIn } from '@blaze-cms/core-auth-ui';\n\nconst getRecordId = (entityForQuery, dataRecordId, parent) => {\n const [recordId] = dataRecordId;\n let foundUserId;\n\n if (entityForQuery === 'user' && !recordId) {\n const { id: userId } = checkIfLoggedIn();\n foundUserId = userId;\n }\n return foundUserId || recordId || (parent && parent.itemId);\n};\n\nexport default getRecordId;\n"],"mappings":"AAAA,SAASA,eAAe,QAAQ,yBAAyB;AAEzD,MAAMC,WAAW,GAAGA,CAACC,cAAc,EAAEC,YAAY,EAAEC,MAAM,KAAK;EAC5D,MAAM,CAACC,QAAQ,CAAC,GAAGF,YAAY;EAC/B,IAAIG,WAAW;EAEf,IAAIJ,cAAc,KAAK,MAAM,IAAI,CAACG,QAAQ,EAAE;IAC1C,MAAM;MAAEE,EAAE,EAAEC;IAAO,CAAC,GAAGR,eAAe,CAAC,CAAC;IACxCM,WAAW,GAAGE,MAAM;EACtB;EACA,OAAOF,WAAW,IAAID,QAAQ,IAAKD,MAAM,IAAIA,MAAM,CAACK,MAAO;AAC7D,CAAC;AAED,eAAeR,WAAW","ignoreList":[]}

package/lib-es/components/DataSummary/helpers/index.js CHANGED Viewed

@@ -6,5 +6,6 @@ import buildLoopPropsContent from './build-loop-props-content';
 import parseBooleanValues from './parse-boolean-values';
 import getLinkBasedOnValue from './get-link-based-on-value';
 import getLinkProps from './get-link-props';
-export { getDataSummaryQuery, buildPropsToDisplayWithContent, getLinkToPublishedContent, stripSummaryPropsContent, buildLoopPropsContent, parseBooleanValues, getLinkBasedOnValue, getLinkProps };
+import getRecordId from './get-record-id';
+export { getDataSummaryQuery, buildPropsToDisplayWithContent, getLinkToPublishedContent, stripSummaryPropsContent, buildLoopPropsContent, parseBooleanValues, getLinkBasedOnValue, getLinkProps, getRecordId };
 //# sourceMappingURL=index.js.map

package/lib-es/components/DataSummary/helpers/index.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"index.js","names":["getDataSummaryQuery","buildPropsToDisplayWithContent","getLinkToPublishedContent","stripSummaryPropsContent","buildLoopPropsContent","parseBooleanValues","getLinkBasedOnValue","getLinkProps"],"sources":["../../../../src/components/DataSummary/helpers/index.js"],"sourcesContent":["import getDataSummaryQuery from './get-data-summary-query';\nimport buildPropsToDisplayWithContent from './build-props-to-display-with-content';\nimport getLinkToPublishedContent from './get-link-to-published-content';\nimport stripSummaryPropsContent from './strip-summary-props-content';\nimport buildLoopPropsContent from './build-loop-props-content';\nimport parseBooleanValues from './parse-boolean-values';\nimport getLinkBasedOnValue from './get-link-based-on-value';\nimport getLinkProps from './get-link-props';\n\nexport {\n getDataSummaryQuery,\n buildPropsToDisplayWithContent,\n getLinkToPublishedContent,\n stripSummaryPropsContent,\n buildLoopPropsContent,\n parseBooleanValues,\n getLinkBasedOnValue,\n getLinkProps\n};\n"],"mappings":"AAAA,OAAOA,mBAAmB,MAAM,0BAA0B;AAC1D,OAAOC,8BAA8B,MAAM,uCAAuC;AAClF,OAAOC,yBAAyB,MAAM,iCAAiC;AACvE,OAAOC,wBAAwB,MAAM,+BAA+B;AACpE,OAAOC,qBAAqB,MAAM,4BAA4B;AAC9D,OAAOC,kBAAkB,MAAM,wBAAwB;AACvD,OAAOC,mBAAmB,MAAM,2BAA2B;AAC3D,OAAOC,YAAY,MAAM,kBAAkB;~~AAE3C~~,~~SACEP~~,mBAAmB,EACnBC,8BAA8B,EAC9BC,yBAAyB,EACzBC,wBAAwB,EACxBC,qBAAqB,EACrBC,kBAAkB,EAClBC,mBAAmB,EACnBC,YAAY","ignoreList":[]}
1	+ {"version":3,"file":"index.js","names":["getDataSummaryQuery","buildPropsToDisplayWithContent","getLinkToPublishedContent","stripSummaryPropsContent","buildLoopPropsContent","parseBooleanValues","getLinkBasedOnValue","getLinkProps","getRecordId"],"sources":["../../../../src/components/DataSummary/helpers/index.js"],"sourcesContent":["import getDataSummaryQuery from './get-data-summary-query';\nimport buildPropsToDisplayWithContent from './build-props-to-display-with-content';\nimport getLinkToPublishedContent from './get-link-to-published-content';\nimport stripSummaryPropsContent from './strip-summary-props-content';\nimport buildLoopPropsContent from './build-loop-props-content';\nimport parseBooleanValues from './parse-boolean-values';\nimport getLinkBasedOnValue from './get-link-based-on-value';\nimport getLinkProps from './get-link-props';\nimport getRecordId from './get-record-id';\n\nexport {\n getDataSummaryQuery,\n buildPropsToDisplayWithContent,\n getLinkToPublishedContent,\n stripSummaryPropsContent,\n buildLoopPropsContent,\n parseBooleanValues,\n getLinkBasedOnValue,\n getLinkProps,\n getRecordId\n};\n"],"mappings":"AAAA,OAAOA,mBAAmB,MAAM,0BAA0B;AAC1D,OAAOC,8BAA8B,MAAM,uCAAuC;AAClF,OAAOC,yBAAyB,MAAM,iCAAiC;AACvE,OAAOC,wBAAwB,MAAM,+BAA+B;AACpE,OAAOC,qBAAqB,MAAM,4BAA4B;AAC9D,OAAOC,kBAAkB,MAAM,wBAAwB;AACvD,OAAOC,mBAAmB,MAAM,2BAA2B;AAC3D,OAAOC,YAAY,MAAM,kBAAkB;AAC3C,OAAOC,WAAW,MAAM,iBAAiB;AAEzC,SACER,mBAAmB,EACnBC,8BAA8B,EAC9BC,yBAAyB,EACzBC,wBAAwB,EACxBC,qBAAqB,EACrBC,kBAAkB,EAClBC,mBAAmB,EACnBC,YAAY,EACZC,WAAW","ignoreList":[]}

package/lib-es/components/DateTime/DateTime.js CHANGED Viewed

@@ -7,24 +7,30 @@ dayjs.extend(LocalizedFormat);
 const DateTime = ({
   format,
   customFormat,
-  modifier
+  modifier,
+  prefix,
+  suffix
 }) => {
   const dateFormat = customFormat || format;
   if (!dateFormat) return null;
-  const formatedDate = dayjs().format(dateFormat);
+  const formattedDate = dayjs().format(dateFormat);
   return /*#__PURE__*/React.createElement(Wrapper, {
     className: "date",
     modifiers: modifier
-  }, formatedDate);
+  }, prefix, " ", formattedDate, " ", suffix);
 };
 DateTime.propTypes = {
   format: PropTypes.string.isRequired,
   customFormat: PropTypes.string,
-  modifier: PropTypes.string
+  modifier: PropTypes.string,
+  prefix: PropTypes.string,
+  suffix: PropTypes.string
 };
 DateTime.defaultProps = {
+  customFormat: '',
   modifier: null,
-  customFormat: ''
+  prefix: '',
+  suffix: ''
 };
 export default DateTime;
 //# sourceMappingURL=DateTime.js.map

package/lib-es/components/DateTime/DateTime.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"DateTime.js","names":["React","PropTypes","dayjs","LocalizedFormat","Wrapper","extend","DateTime","format","customFormat","modifier","dateFormat","~~formatedDate~~","createElement","className","modifiers","propTypes","string","isRequired","defaultProps"],"sources":["../../../src/components/DateTime/DateTime.js"],"sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\nimport dayjs from 'dayjs';\nimport LocalizedFormat from 'dayjs/plugin/localizedFormat';\nimport Wrapper from '../Wrapper';\n\ndayjs.extend(LocalizedFormat);\n\nconst DateTime = ({ format, customFormat, modifier }) => {\n const dateFormat = customFormat \|\| format;\n\n if (!dateFormat) return null;\n\n const ~~formatedDate~~ = dayjs().format(dateFormat);\n\n return (\n <Wrapper className=\"date\" modifiers={modifier}>\n {~~formatedDate~~}\n </Wrapper>\n );\n};\n\nDateTime.propTypes = {\n format: PropTypes.string.isRequired,\n customFormat: PropTypes.string,\n modifier: PropTypes.string\n};\n\nDateTime.defaultProps = {\n modifier: null,\n ~~customFormat~~: ''\n};\n\nexport default DateTime;\n"],"mappings":"AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,OAAOC,SAAS,MAAM,YAAY;AAClC,OAAOC,KAAK,MAAM,OAAO;AACzB,OAAOC,eAAe,MAAM,8BAA8B;AAC1D,OAAOC,OAAO,MAAM,YAAY;AAEhCF,KAAK,CAACG,MAAM,CAACF,eAAe,CAAC;AAE7B,MAAMG,QAAQ,GAAGA,CAAC;EAAEC,MAAM;EAAEC,YAAY;EAAEC;~~AAAS~~,CAAC,KAAK;~~EACvD~~,MAAMC,UAAU,~~GAAGF~~,YAAY,IAAID,MAAM;EAEzC,IAAI,~~CAACG~~,UAAU,EAAE,OAAO,IAAI;EAE5B,MAAMC,~~YAAY~~,~~GAAGT~~,KAAK,CAAC,CAAC,CAACK,MAAM,~~CAACG~~,UAAU,CAAC;~~EAE/C~~,~~oBACEV~~,KAAA,~~CAAAY~~,aAAA,~~CAACR~~,OAAO;~~IAACS~~,SAAS,EAAC,MAAM;IAACC,SAAS,~~EAAEL~~;EAAS,~~GAC3CE~~,~~YACM~~,CAAC;AAEd,CAAC;AAEDL,QAAQ,~~CAACS~~,SAAS,GAAG;~~EACnBR~~,MAAM,EAAEN,SAAS,~~CAACe~~,MAAM,CAACC,UAAU;~~EACnCT~~,YAAY,EAAEP,SAAS,~~CAACe~~,MAAM;~~EAC9BP~~,QAAQ,EAAER,SAAS,~~CAACe~~;~~AACtB~~,CAAC;~~AAEDV~~,QAAQ,~~CAACY~~,YAAY,GAAG;~~EACtBT~~,QAAQ,EAAE,IAAI;~~EACdD~~,~~YAAY~~,EAAE;~~AAChB~~,CAAC;AAED,~~eAAeF~~,QAAQ","ignoreList":[]}
1	+ {"version":3,"file":"DateTime.js","names":["React","PropTypes","dayjs","LocalizedFormat","Wrapper","extend","DateTime","format","customFormat","modifier","prefix","suffix","dateFormat","formattedDate","createElement","className","modifiers","propTypes","string","isRequired","defaultProps"],"sources":["../../../src/components/DateTime/DateTime.js"],"sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\nimport dayjs from 'dayjs';\nimport LocalizedFormat from 'dayjs/plugin/localizedFormat';\nimport Wrapper from '../Wrapper';\n\ndayjs.extend(LocalizedFormat);\n\nconst DateTime = ({ format, customFormat, modifier, prefix, suffix }) => {\n const dateFormat = customFormat \|\| format;\n\n if (!dateFormat) return null;\n\n const formattedDate = dayjs().format(dateFormat);\n\n return (\n <Wrapper className=\"date\" modifiers={modifier}>\n {prefix} {formattedDate} {suffix}\n </Wrapper>\n );\n};\n\nDateTime.propTypes = {\n format: PropTypes.string.isRequired,\n customFormat: PropTypes.string,\n modifier: PropTypes.string,\n prefix: PropTypes.string,\n suffix: PropTypes.string\n};\n\nDateTime.defaultProps = {\n customFormat: '',\n modifier: null,\n prefix: '',\n suffix: ''\n};\n\nexport default DateTime;\n"],"mappings":"AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,OAAOC,SAAS,MAAM,YAAY;AAClC,OAAOC,KAAK,MAAM,OAAO;AACzB,OAAOC,eAAe,MAAM,8BAA8B;AAC1D,OAAOC,OAAO,MAAM,YAAY;AAEhCF,KAAK,CAACG,MAAM,CAACF,eAAe,CAAC;AAE7B,MAAMG,QAAQ,GAAGA,CAAC;EAAEC,MAAM;EAAEC,YAAY;EAAEC,QAAQ;EAAEC,MAAM;EAAEC;AAAO,CAAC,KAAK;EACvE,MAAMC,UAAU,GAAGJ,YAAY,IAAID,MAAM;EAEzC,IAAI,CAACK,UAAU,EAAE,OAAO,IAAI;EAE5B,MAAMC,aAAa,GAAGX,KAAK,CAAC,CAAC,CAACK,MAAM,CAACK,UAAU,CAAC;EAEhD,oBACEZ,KAAA,CAAAc,aAAA,CAACV,OAAO;IAACW,SAAS,EAAC,MAAM;IAACC,SAAS,EAAEP;EAAS,GAC3CC,MAAM,EAAC,GAAC,EAACG,aAAa,EAAC,GAAC,EAACF,MACnB,CAAC;AAEd,CAAC;AAEDL,QAAQ,CAACW,SAAS,GAAG;EACnBV,MAAM,EAAEN,SAAS,CAACiB,MAAM,CAACC,UAAU;EACnCX,YAAY,EAAEP,SAAS,CAACiB,MAAM;EAC9BT,QAAQ,EAAER,SAAS,CAACiB,MAAM;EAC1BR,MAAM,EAAET,SAAS,CAACiB,MAAM;EACxBP,MAAM,EAAEV,SAAS,CAACiB;AACpB,CAAC;AAEDZ,QAAQ,CAACc,YAAY,GAAG;EACtBZ,YAAY,EAAE,EAAE;EAChBC,QAAQ,EAAE,IAAI;EACdC,MAAM,EAAE,EAAE;EACVC,MAAM,EAAE;AACV,CAAC;AAED,eAAeL,QAAQ","ignoreList":[]}

package/lib-es/components/ErrorMessage/ErrorMessage.js ADDED Viewed

@@ -0,0 +1,30 @@
+import React from 'react';
+import { components, Modal } from '@blaze-cms/react-page-builder';
+import { GRAPH_QL_ERROR, PRIORITY_HIGH } from '../../constants';
+const {
+  code: CodeComponent
+} = components;
+const ErrorMessage = ({
+  error,
+  setErrorMessage
+}) => {
+  const errorMessageToDisplay = typeof error === 'object' && error.message ? error.message.replace(GRAPH_QL_ERROR, '') : error;
+  const shouldDisplayInModal = typeof error === 'object' && error.graphQLErrors ? error.graphQLErrors.some(err => {
+    const {
+      priority
+    } = err.extensions.exception;
+    return priority === PRIORITY_HIGH;
+  }) : false;
+  return /*#__PURE__*/React.createElement("div", {
+    className: "error_message"
+  }, shouldDisplayInModal ? /*#__PURE__*/React.createElement(Modal, {
+    isSimple: true,
+    onClose: () => setErrorMessage(false)
+  }, /*#__PURE__*/React.createElement(CodeComponent, {
+    code: errorMessageToDisplay
+  })) : /*#__PURE__*/React.createElement(CodeComponent, {
+    code: errorMessageToDisplay
+  }));
+};
+export default ErrorMessage;
+//# sourceMappingURL=ErrorMessage.js.map

package/lib-es/components/ErrorMessage/ErrorMessage.js.map ADDED Viewed

@@ -0,0 +1 @@

+ {"version":3,"file":"ErrorMessage.js","names":["React","components","Modal","GRAPH_QL_ERROR","PRIORITY_HIGH","code","CodeComponent","ErrorMessage","error","setErrorMessage","errorMessageToDisplay","message","replace","shouldDisplayInModal","graphQLErrors","some","err","priority","extensions","exception","createElement","className","isSimple","onClose"],"sources":["../../../src/components/ErrorMessage/ErrorMessage.js"],"sourcesContent":["import React from 'react';\nimport { components, Modal } from '@blaze-cms/react-page-builder';\nimport { GRAPH_QL_ERROR, PRIORITY_HIGH } from '../../constants';\n\nconst { code: CodeComponent } = components;\n\nconst ErrorMessage = ({ error, setErrorMessage }) => {\n const errorMessageToDisplay =\n typeof error === 'object' && error.message ? error.message.replace(GRAPH_QL_ERROR, '') : error;\n\n const shouldDisplayInModal =\n typeof error === 'object' && error.graphQLErrors\n ? error.graphQLErrors.some(err => {\n const { priority } = err.extensions.exception;\n return priority === PRIORITY_HIGH;\n })\n : false;\n\n return (\n <div className=\"error_message\">\n {shouldDisplayInModal ? (\n <Modal isSimple onClose={() => setErrorMessage(false)}>\n <CodeComponent code={errorMessageToDisplay} />\n </Modal>\n ) : (\n <CodeComponent code={errorMessageToDisplay} />\n )}\n </div>\n );\n};\n\nexport default ErrorMessage;\n"],"mappings":"AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,SAASC,UAAU,EAAEC,KAAK,QAAQ,+BAA+B;AACjE,SAASC,cAAc,EAAEC,aAAa,QAAQ,iBAAiB;AAE/D,MAAM;EAAEC,IAAI,EAAEC;AAAc,CAAC,GAAGL,UAAU;AAE1C,MAAMM,YAAY,GAAGA,CAAC;EAAEC,KAAK;EAAEC;AAAgB,CAAC,KAAK;EACnD,MAAMC,qBAAqB,GACzB,OAAOF,KAAK,KAAK,QAAQ,IAAIA,KAAK,CAACG,OAAO,GAAGH,KAAK,CAACG,OAAO,CAACC,OAAO,CAACT,cAAc,EAAE,EAAE,CAAC,GAAGK,KAAK;EAEhG,MAAMK,oBAAoB,GACxB,OAAOL,KAAK,KAAK,QAAQ,IAAIA,KAAK,CAACM,aAAa,GAC5CN,KAAK,CAACM,aAAa,CAACC,IAAI,CAACC,GAAG,IAAI;IAC9B,MAAM;MAAEC;IAAS,CAAC,GAAGD,GAAG,CAACE,UAAU,CAACC,SAAS;IAC7C,OAAOF,QAAQ,KAAKb,aAAa;EACnC,CAAC,CAAC,GACF,KAAK;EAEX,oBACEJ,KAAA,CAAAoB,aAAA;IAAKC,SAAS,EAAC;EAAe,GAC3BR,oBAAoB,gBACnBb,KAAA,CAAAoB,aAAA,CAAClB,KAAK;IAACoB,QAAQ;IAACC,OAAO,EAAEA,CAAA,KAAMd,eAAe,CAAC,KAAK;EAAE,gBACpDT,KAAA,CAAAoB,aAAA,CAACd,aAAa;IAACD,IAAI,EAAEK;EAAsB,CAAE,CACxC,CAAC,gBAERV,KAAA,CAAAoB,aAAA,CAACd,aAAa;IAACD,IAAI,EAAEK;EAAsB,CAAE,CAE5C,CAAC;AAEV,CAAC;AAED,eAAeH,YAAY","ignoreList":[]}

package/lib-es/components/ErrorMessage/index.js ADDED Viewed

@@ -0,0 +1,3 @@
+import dynamic from 'next/dynamic';
+export default dynamic(() => import(/* webpackChunkName: "blazePbLoginErrorMessage" */'./ErrorMessage'));
+//# sourceMappingURL=index.js.map

package/lib-es/components/ErrorMessage/index.js.map ADDED Viewed

@@ -0,0 +1 @@

+ {"version":3,"file":"index.js","names":["dynamic"],"sources":["../../../src/components/ErrorMessage/index.js"],"sourcesContent":["import dynamic from 'next/dynamic';\n\nexport default dynamic(\n () => import(/* webpackChunkName: \"blazePbLoginErrorMessage\" */ './ErrorMessage')\n);\n"],"mappings":"AAAA,OAAOA,OAAO,MAAM,cAAc;AAElC,eAAeA,OAAO,CACpB,MAAM,MAAM,CAAC,kDAAmD,gBAAgB,CAClF,CAAC","ignoreList":[]}

package/lib-es/components/Iframe/Iframe.js CHANGED Viewed

@@ -1,15 +1,22 @@
 import React from 'react';
 import PropTypes from 'prop-types';
 import IframeResizer from 'iframe-resizer-react';
+import { useStringTemplate } from '@blaze-cms/utils-handlebars';
 import { IFRAME_CLASS, DEFAULT_WIDTH } from './constants';
+const UNSAFE_URL_PATTERN = /^(javascript|data):/i;
+const isSafeUrl = url => !UNSAFE_URL_PATTERN.test(url.trim());
 const Iframe = ({
   src,
   modifier,
   width,
   height,
-  enableScrolling
+  enableScrolling,
+  parent
 }) => {
-  if (!src) return null;
+  const {
+    data: [resolvedSrc]
+  } = useStringTemplate(parent, [src || '']);
+  if (!resolvedSrc || !isSafeUrl(resolvedSrc)) return null;
   const modifierString = modifier ? ` ${modifier}` : '';
   const iframeClassName = `${IFRAME_CLASS}${modifierString}`;
   const defaultWidth = !width ? DEFAULT_WIDTH : {};
@@ -18,7 +25,7 @@ const Iframe = ({
   }, /*#__PURE__*/React.createElement(IframeResizer, {
     scrolling: enableScrolling,
     autoResize: true,
-    src: src,
+    src: resolvedSrc,
     sizeHeight: !height,
     height: height,
     width: width,
@@ -26,17 +33,20 @@ const Iframe = ({
   }));
 };
 Iframe.propTypes = {
-  src: PropTypes.string.isRequired,
+  src: PropTypes.string,
   enableScrolling: PropTypes.bool,
   modifier: PropTypes.string,
   width: PropTypes.string,
-  height: PropTypes.string
+  height: PropTypes.string,
+  parent: PropTypes.object
 };
 Iframe.defaultProps = {
+  src: '',
   enableScrolling: false,
   modifier: '',
   width: '',
-  height: ''
+  height: '',
+  parent: {}
 };
 export default Iframe;
 //# sourceMappingURL=Iframe.js.map

package/lib-es/components/Iframe/Iframe.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"Iframe.js","names":["React","PropTypes","IframeResizer","IFRAME_CLASS","DEFAULT_WIDTH","Iframe","src","modifier","width","height","enableScrolling","modifierString","iframeClassName","defaultWidth","createElement","className","scrolling","autoResize","sizeHeight","style","propTypes","string","~~isRequired~~","~~bool~~","defaultProps"],"sources":["../../../src/components/Iframe/Iframe.js"],"sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\nimport IframeResizer from 'iframe-resizer-react';\nimport { IFRAME_CLASS, DEFAULT_WIDTH } from './constants';\n\nconst Iframe = ({ src, modifier, width, height, enableScrolling }) => {\n if (!~~src~~) return null;\n const modifierString = modifier ? ` ${modifier}` : '';\n const iframeClassName = `${IFRAME_CLASS}${modifierString}`;\n const defaultWidth = !width ? DEFAULT_WIDTH : {};\n return (\n <div className={iframeClassName}>\n <IframeResizer\n scrolling={enableScrolling}\n autoResize\n src={~~src~~}\n sizeHeight={!height}\n height={height}\n width={width}\n style={defaultWidth}\n />\n </div>\n );\n};\n\nIframe.propTypes = {\n src: PropTypes.string~~.isRequired~~,\n enableScrolling: PropTypes.bool,\n modifier: PropTypes.string,\n width: PropTypes.string,\n height: PropTypes.string\n};\n\nIframe.defaultProps = { enableScrolling: false, modifier: '', width: '', height: '' };\n\nexport default Iframe;\n"],"mappings":"AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,OAAOC,SAAS,MAAM,YAAY;AAClC,OAAOC,aAAa,MAAM,sBAAsB;AAChD,SAASC,YAAY,EAAEC,aAAa,QAAQ,aAAa;AAEzD,MAAMC,MAAM,GAAGA,CAAC;EAAEC,GAAG;EAAEC,QAAQ;EAAEC,KAAK;EAAEC,MAAM;EAAEC;~~AAAgB~~,CAAC,KAAK;~~EACpE~~,IAAI,~~CAACJ~~,GAAG,EAAE,OAAO,IAAI;~~EACrB~~,~~MAAMK~~,cAAc,~~GAAGJ~~,QAAQ,GAAG,IAAIA,QAAQ,EAAE,GAAG,EAAE;EACrD,~~MAAMK~~,eAAe,GAAG,~~GAAGT~~,YAAY,~~GAAGQ~~,cAAc,EAAE;EAC1D,MAAME,YAAY,GAAG,~~CAACL~~,KAAK,~~GAAGJ~~,aAAa,GAAG,CAAC,CAAC;EAChD,~~oBACEJ~~,KAAA,~~CAAAc~~,aAAA;IAAKC,SAAS,EAAEH;EAAgB,~~gBAC9BZ~~,KAAA,~~CAAAc~~,aAAA,~~CAACZ~~,aAAa;~~IACZc~~,SAAS,~~EAAEN~~,eAAgB;~~IAC3BO~~,UAAU;~~IACVX~~,GAAG,~~EAAEA~~,~~GAAI~~;~~IACTY~~,UAAU,EAAE,~~CAACT~~,MAAO;IACpBA,MAAM,EAAEA,MAAO;IACfD,KAAK,EAAEA,KAAM;~~IACbW~~,KAAK,EAAEN;EAAa,CACrB,CACE,CAAC;AAEV,CAAC;~~AAEDR~~,MAAM,~~CAACe~~,SAAS,GAAG;~~EACjBd~~,GAAG,~~EAAEL~~,SAAS,~~CAACoB~~,MAAM~~,CAACC,UAAU~~;~~EAChCZ~~,eAAe,~~EAAET~~,SAAS,~~CAACsB~~,IAAI;EAC/~~BhB~~,QAAQ,~~EAAEN~~,SAAS,~~CAACoB~~,MAAM;~~EAC1Bb~~,KAAK,~~EAAEP~~,SAAS,~~CAACoB~~,MAAM;~~EACvBZ~~,MAAM,~~EAAER~~,SAAS,~~CAACoB~~;AACpB,CAAC;~~AAEDhB~~,MAAM,~~CAACmB~~,YAAY,GAAG;~~EAAEd~~,eAAe,EAAE,KAAK;~~EAAEH~~,QAAQ,EAAE,EAAE;~~EAAEC~~,KAAK,EAAE,EAAE;~~EAAEC~~,MAAM,EAAE;~~AAAG~~,CAAC;~~AAErF~~,~~eAAeJ~~,MAAM","ignoreList":[]}
1	+ {"version":3,"file":"Iframe.js","names":["React","PropTypes","IframeResizer","useStringTemplate","IFRAME_CLASS","DEFAULT_WIDTH","UNSAFE_URL_PATTERN","isSafeUrl","url","test","trim","Iframe","src","modifier","width","height","enableScrolling","parent","data","resolvedSrc","modifierString","iframeClassName","defaultWidth","createElement","className","scrolling","autoResize","sizeHeight","style","propTypes","string","bool","object","defaultProps"],"sources":["../../../src/components/Iframe/Iframe.js"],"sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\nimport IframeResizer from 'iframe-resizer-react';\nimport { useStringTemplate } from '@blaze-cms/utils-handlebars';\nimport { IFRAME_CLASS, DEFAULT_WIDTH } from './constants';\n\nconst UNSAFE_URL_PATTERN = /^(javascript\|data):/i;\n\nconst isSafeUrl = url => !UNSAFE_URL_PATTERN.test(url.trim());\n\nconst Iframe = ({ src, modifier, width, height, enableScrolling, parent }) => {\n const {\n data: [resolvedSrc]\n } = useStringTemplate(parent, [src \|\| '']);\n if (!resolvedSrc \|\| !isSafeUrl(resolvedSrc)) return null;\n const modifierString = modifier ? ` ${modifier}` : '';\n const iframeClassName = `${IFRAME_CLASS}${modifierString}`;\n const defaultWidth = !width ? DEFAULT_WIDTH : {};\n return (\n <div className={iframeClassName}>\n <IframeResizer\n scrolling={enableScrolling}\n autoResize\n src={resolvedSrc}\n sizeHeight={!height}\n height={height}\n width={width}\n style={defaultWidth}\n />\n </div>\n );\n};\n\nIframe.propTypes = {\n src: PropTypes.string,\n enableScrolling: PropTypes.bool,\n modifier: PropTypes.string,\n width: PropTypes.string,\n height: PropTypes.string,\n parent: PropTypes.object\n};\n\nIframe.defaultProps = {\n src: '',\n enableScrolling: false,\n modifier: '',\n width: '',\n height: '',\n parent: {}\n};\n\nexport default Iframe;\n"],"mappings":"AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,OAAOC,SAAS,MAAM,YAAY;AAClC,OAAOC,aAAa,MAAM,sBAAsB;AAChD,SAASC,iBAAiB,QAAQ,6BAA6B;AAC/D,SAASC,YAAY,EAAEC,aAAa,QAAQ,aAAa;AAEzD,MAAMC,kBAAkB,GAAG,sBAAsB;AAEjD,MAAMC,SAAS,GAAGC,GAAG,IAAI,CAACF,kBAAkB,CAACG,IAAI,CAACD,GAAG,CAACE,IAAI,CAAC,CAAC,CAAC;AAE7D,MAAMC,MAAM,GAAGA,CAAC;EAAEC,GAAG;EAAEC,QAAQ;EAAEC,KAAK;EAAEC,MAAM;EAAEC,eAAe;EAAEC;AAAO,CAAC,KAAK;EAC5E,MAAM;IACJC,IAAI,EAAE,CAACC,WAAW;EACpB,CAAC,GAAGhB,iBAAiB,CAACc,MAAM,EAAE,CAACL,GAAG,IAAI,EAAE,CAAC,CAAC;EAC1C,IAAI,CAACO,WAAW,IAAI,CAACZ,SAAS,CAACY,WAAW,CAAC,EAAE,OAAO,IAAI;EACxD,MAAMC,cAAc,GAAGP,QAAQ,GAAG,IAAIA,QAAQ,EAAE,GAAG,EAAE;EACrD,MAAMQ,eAAe,GAAG,GAAGjB,YAAY,GAAGgB,cAAc,EAAE;EAC1D,MAAME,YAAY,GAAG,CAACR,KAAK,GAAGT,aAAa,GAAG,CAAC,CAAC;EAChD,oBACEL,KAAA,CAAAuB,aAAA;IAAKC,SAAS,EAAEH;EAAgB,gBAC9BrB,KAAA,CAAAuB,aAAA,CAACrB,aAAa;IACZuB,SAAS,EAAET,eAAgB;IAC3BU,UAAU;IACVd,GAAG,EAAEO,WAAY;IACjBQ,UAAU,EAAE,CAACZ,MAAO;IACpBA,MAAM,EAAEA,MAAO;IACfD,KAAK,EAAEA,KAAM;IACbc,KAAK,EAAEN;EAAa,CACrB,CACE,CAAC;AAEV,CAAC;AAEDX,MAAM,CAACkB,SAAS,GAAG;EACjBjB,GAAG,EAAEX,SAAS,CAAC6B,MAAM;EACrBd,eAAe,EAAEf,SAAS,CAAC8B,IAAI;EAC/BlB,QAAQ,EAAEZ,SAAS,CAAC6B,MAAM;EAC1BhB,KAAK,EAAEb,SAAS,CAAC6B,MAAM;EACvBf,MAAM,EAAEd,SAAS,CAAC6B,MAAM;EACxBb,MAAM,EAAEhB,SAAS,CAAC+B;AACpB,CAAC;AAEDrB,MAAM,CAACsB,YAAY,GAAG;EACpBrB,GAAG,EAAE,EAAE;EACPI,eAAe,EAAE,KAAK;EACtBH,QAAQ,EAAE,EAAE;EACZC,KAAK,EAAE,EAAE;EACTC,MAAM,EAAE,EAAE;EACVE,MAAM,EAAE,CAAC;AACX,CAAC;AAED,eAAeN,MAAM","ignoreList":[]}

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

@@ -77,8 +77,8 @@ const GlobalLightbox = ({
   const handleClose = () => onClose();
   const showNext = index !== images.length - 1;
   const showPrevious = !!index;
-  const imageCounter = `${index + 1} of ${images.length}`;
-  return /*#__PURE__*/React.createElement(React.Fragment, null, !!images.length && /*#__PURE__*/React.createElement("div", null, /*#__PURE__*/React.createElement("div", {
+  const imageCounter = `${index + 1} / ${images.length}`;
+  return !!images.length && /*#__PURE__*/React.createElement("div", null, /*#__PURE__*/React.createElement("div", {
     className: "overlay"
   }), /*#__PURE__*/React.createElement("div", {
     className: "modal modal--full-screen modal--gallery modal--show"
@@ -139,7 +139,7 @@ const GlobalLightbox = ({
     credits: credits || imageCredits,
     shouldDisplayCaption: shouldDisplayCaption,
     shouldDisplayCredits: shouldDisplayCredits
-  }))))))));
+  })))))));
 };
 GlobalLightbox.propTypes = {
   images: PropTypes.arrayOf(PropTypes.shape({

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

	@@ -1 +1 @@
1	- {"version":3,"file":"GlobalLightbox.js","names":["React","useState","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","Fragment","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 } 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 <ResponsiveImage\n src={imageUrl}\n alt={altText}\n sizeKey=\"globalLightbox\"\n data-testid=\"globalLightboxImage\"\n />\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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","ignoreList":[]}
1	+ {"version":3,"file":"GlobalLightbox.js","names":["React","useState","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 } 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} / ${images.length}`;\n\n return (\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 <ResponsiveImage\n src={imageUrl}\n alt={altText}\n sizeKey=\"globalLightbox\"\n data-testid=\"globalLightboxImage\"\n />\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\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":";;AAAA,OAAOA,KAAK,IAAIC,QAAQ,QAAQ,OAAO;AACvC,OAAOC,SAAS,MAAM,YAAY;AAClC,SAASC,eAAe,QAAQ,4BAA4B;AAC5D,SAASC,OAAO,QAAQ,gBAAgB;AACxC,OAAOC,SAAS,MAAM,iBAAiB;AACvC,OAAOC,YAAY,MAAM,iBAAiB;AAC1C,OAAOC,SAAS,MAAM,aAAa;AACnC,OAAOC,YAAY,MAAM,+BAA+B;AACxD,OAAOC,YAAY,MAAM,+BAA+B;AACxD,SAASC,kBAAkB,QAAQ,kBAAkB;AAErD,MAAMC,cAAc,GAAGA,CAAC;EAAEC,MAAM;EAAEC,OAAO;EAAEC,aAAa;EAAEC,SAAS;EAAEC;AAAW,CAAC,KAAK;EACpF,MAAM,CAACC,KAAK,EAAEC,QAAQ,CAAC,GAAGjB,QAAQ,CAACa,aAAa,CAAC;EAEjD,MAAMK,YAAY,GAAGP,MAAM,CAACK,KAAK,CAAC,IAAI,CAAC,CAAC;EAExC,MAAM;MACJG,OAAO;MACPC,GAAG;MACHC,IAAI;MACJC,cAAc;MACdC,kBAAkB;MAClBC,wBAAwB;MACxBC,YAAY;MACZC;IAEF,CAAC,GAAGR,YAAY;IADXS,UAAU,GAAAC,wBAAA,CACXV,YAAY,EAAAW,SAAA;EAEhB,MAAM;IAAEC,IAAI;IAAEC,OAAO;IAAEC;EAAM,CAAC,GAAGxB,YAAY,CAACW,OAAO,CAAC;EAEtD,IAAIa,KAAK,EAAE;IACT,OAAOA,KAAK,CAACC,OAAO;EACtB;EAEA,MAAM;IAAEb,GAAG,EAAEc,QAAQ,GAAG,EAAE;IAAEJ,IAAI,EAAEK,SAAS,GAAG,CAAC;EAAE,CAAC,GAAGL,IAAI,CAACM,OAAO,IAAI;IACnEA,OAAO,EAAE;MAAEhB,GAAG,EAAE,EAAE;MAAEU,IAAI,EAAE,CAAC;IAAE;EAC/B,CAAC;EAED,MAAMO,QAAQ,GAAG;IAAEC,IAAI,EAAElB,GAAG;IAAEmB,KAAK,EAAElB;EAAK,CAAC;EAC3C,MAAMmB,eAAe,GAAGpB,GAAG,GAAGiB,QAAQ,GAAG,CAAC,CAAC;EAE3C,MAAM;IAAEI,OAAO;IAAEC;EAAQ,CAAC,GAAGnC,YAAY,CAACoB,UAAU,EAAEQ,SAAS,CAAC;EAEhE,MAAMQ,oBAAoB,GAAGlC,kBAAkB,CAAC;IAC9CmC,WAAW,EAAErB,kBAAkB;IAC/BsB,KAAK,EAAEJ;EACT,CAAC,CAAC;;EAEF;EACA,MAAMK,oBAAoB,GAAGrC,kBAAkB,CAAC;IAC9CmC,WAAW,EAAEpB,wBAAwB;IACrCqB,KAAK,EAAEnB,OAAO,IAAID;EACpB,CAAC,CAAC;EAEF,MAAMsB,QAAQ,GAAGC,QAAQ,IAAI;IAC3B,MAAMC,WAAW,GAAGjC,KAAK,GAAGgC,QAAQ;IACpC,IAAIrC,MAAM,CAACsC,WAAW,CAAC,EAAE;MACvBhC,QAAQ,CAACgC,WAAW,CAAC;IACvB;EACF,CAAC;EAED,MAAMC,cAAc,GAAGA,CAAA,KAAMH,QAAQ,CAAC,CAAC,CAAC,CAAC;EACzC,MAAMI,UAAU,GAAGA,CAAA,KAAMJ,QAAQ,CAAC,CAAC,CAAC;EACpC,MAAMK,WAAW,GAAGA,CAAA,KAAMxC,OAAO,CAAC,CAAC;EAEnC,MAAMyC,QAAQ,GAAGrC,KAAK,KAAKL,MAAM,CAAC2C,MAAM,GAAG,CAAC;EAC5C,MAAMC,YAAY,GAAG,CAAC,CAACvC,KAAK;EAE5B,MAAMwC,YAAY,GAAG,GAAGxC,KAAK,GAAG,CAAC,MAAML,MAAM,CAAC2C,MAAM,EAAE;EAEtD,OACE,CAAC,CAAC3C,MAAM,CAAC2C,MAAM,iBACbvD,KAAA,CAAA0D,aAAA,2BACE1D,KAAA,CAAA0D,aAAA;IAAKC,SAAS,EAAC;EAAS,CAAE,CAAC,eAC3B3D,KAAA,CAAA0D,aAAA;IAAKC,SAAS,EAAC;EAAqD,gBAClE3D,KAAA,CAAA0D,aAAA;IAAQC,SAAS,EAAC;EAAsC,gBACtD3D,KAAA,CAAA0D,aAAA;IAAKC,SAAS,EAAC;EAAoC,GAChD3C,UAAU,IAAID,SAAS,IAAIO,IACzB,CAAC,eACNtB,KAAA,CAAA0D,aAAA;IACEE,IAAI,EAAC,QAAQ;IACbD,SAAS,EAAC,cAAc;IACxBE,OAAO,EAAER,WAAY;IACrB,cAAW;EAAa,gBACxBrD,KAAA,CAAA0D,aAAA,yBACE1D,KAAA,CAAA0D,aAAA,CAACtD,OAAO,MAAE,CACT,CACA,CACC,CAAC,eACTJ,KAAA,CAAA0D,aAAA;IAAKC,SAAS,EAAC;EAAwC,gBACrD3D,KAAA,CAAA0D,aAAA;IAAKC,SAAS,EAAC;EAAS,gBACtB3D,KAAA,CAAA0D,aAAA;IAAKC,SAAS,EAAC;EAAyC,gBACtD3D,KAAA,CAAA0D,aAAA;IAAKC,SAAS,EAAC;EAAiB,gBAC9B3D,KAAA,CAAA0D,aAAA;IAAKC,SAAS,EAAC;EAA+C,gBAC5D3D,KAAA,CAAA0D,aAAA;IAAKC,SAAS,EAAC;EAAwC,gBACrD3D,KAAA,CAAA0D,aAAA;IACEC,SAAS,EAAC,0CAA0C;IACpD,eAAY;EAAe,GAC1BF,YACE,CACF,CAAC,eAENzD,KAAA,CAAA0D,aAAA,CAACnD,SAAS;IACRuD,YAAY,EAAEX,cAAe;IAC7BY,IAAI,EAAEP,YAAa;IACnBQ,QAAQ,EAAC,UAAU;IACnBC,SAAS,EAAC;EAAgB,CAC3B,CAAC,eAEFjE,KAAA,CAAA0D,aAAA;IAAKC,SAAS,EAAC;EAAwB,gBACrC3D,KAAA,CAAA0D,aAAA;IAAKC,SAAS,EAAC;EAAoC,gBACjD3D,KAAA,CAAA0D,aAAA;IAAKC,SAAS,EAAC;EAAoD,gBACjE3D,KAAA,CAAA0D,aAAA;IAAKC,SAAS,EAAC;EAAsC,GAClD3B,OAAO,iBAAIhC,KAAA,CAAA0D,aAAA,YAAM,CAAC,EAClBQ,MAAM,CAACC,IAAI,CAAC1B,eAAe,CAAC,CAACc,MAAM,gBAClCvD,KAAA,CAAA0D,aAAA,CAACrD,SAAS,EAAKoC,eAAe,eAC5BzC,KAAA,CAAA0D,aAAA,CAACvD,eAAe;IACdiE,GAAG,EAAEjC,QAAS;IACdkC,GAAG,EAAE1B,OAAQ;IACb2B,OAAO,EAAC,gBAAgB;IACxB,eAAY;EAAqB,CAClC,CACQ,CAAC,gBAEZtE,KAAA,CAAA0D,aAAA,CAACvD,eAAe;IACdiE,GAAG,EAAEjC,QAAS;IACdkC,GAAG,EAAE1B,OAAQ;IACb2B,OAAO,EAAC,gBAAgB;IACxB,eAAY;EAAqB,CAClC,CAEA,CACF,CACF,CACF,CAAC,eAENtE,KAAA,CAAA0D,aAAA,CAACnD,SAAS;IACR0D,SAAS,EAAC,YAAY;IACtBH,YAAY,EAAEV,UAAW;IACzBW,IAAI,EAAET,QAAS;IACfU,QAAQ,EAAC;EAAM,CAChB,CACE,CAAC,EACL,CAACpB,oBAAoB,IAAIG,oBAAoB,kBAC5C/C,KAAA,CAAA0D,aAAA,CAACpD,YAAY;IACXoC,OAAO,EAAEA,OAAQ;IACjBf,OAAO,EAAEA,OAAO,IAAID,YAAa;IACjCkB,oBAAoB,EAAEA,oBAAqB;IAC3CG,oBAAoB,EAAEA;EAAqB,CAC5C,CAEA,CACF,CACF,CACF,CACF,CACF,CACN;AAEL,CAAC;AAEDpC,cAAc,CAAC4D,SAAS,GAAG;EACzB3D,MAAM,EAAEV,SAAS,CAACsE,OAAO,CACvBtE,SAAS,CAACuE,KAAK,CAAC;IACdpD,GAAG,EAAEnB,SAAS,CAACwE,MAAM;IACrBtD,OAAO,EAAElB,SAAS,CAACwE;EACrB,CAAC,CACH,CAAC;EACD3D,SAAS,EAAEb,SAAS,CAACwE,MAAM;EAC3B7D,OAAO,EAAEX,SAAS,CAACyE,IAAI,CAACC,UAAU;EAClC9D,aAAa,EAAEZ,SAAS,CAAC2E,MAAM;EAC/B7D,UAAU,EAAEd,SAAS,CAACwE;AACxB,CAAC;AAED/D,cAAc,CAACmE,YAAY,GAAG;EAC5B/D,SAAS,EAAE,EAAE;EACbH,MAAM,EAAE,EAAE;EACVE,aAAa,EAAE,CAAC;EAChBE,UAAU,EAAE;AACd,CAAC;AAED,eAAeL,cAAc","ignoreList":[]}

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

@@ -5,7 +5,7 @@ const NavButton = ({
   show,
   modifier,
   ariaLabel
-}) => /*#__PURE__*/React.createElement(React.Fragment, null, show && /*#__PURE__*/React.createElement("div", {
+}) => show ? /*#__PURE__*/React.createElement("div", {
   role: "button",
   className: `slider__button slider__button--gallery slider__button--${modifier}`,
   onClick: handleAction,
@@ -13,7 +13,7 @@ const NavButton = ({
 }, /*#__PURE__*/React.createElement("div", {
   className: `arrow arrow--${modifier === 'next' ? 'right' : 'left'}`,
   "data-testid": `navButton-${modifier}`
-})));
+})) : null;
 NavButton.propTypes = {
   handleAction: PropTypes.func.isRequired,
   show: PropTypes.bool.isRequired,

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

	@@ -1 +1 @@
1	- {"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,EAAE,~~0DAA0DL~~,QAAQ,EAAG;~~EAChFM~~,OAAO,~~EAAER~~,YAAa;EACtB,cAAYG;AAAU,gBACtBN,KAAA,CAAAO,aAAA;~~EACEG~~,SAAS,EAAE,~~gBAAgBL~~,QAAQ,KAAK,MAAM,GAAG,OAAO,GAAG,MAAM,EAAG;EACpE,eAAa,aAAaA,QAAQ;AAAG,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","ignoreList":[]}
1	+ {"version":3,"file":"NavButton.js","names":["React","PropTypes","NavButton","handleAction","show","modifier","ariaLabel","createElement","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 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 ) : null;\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,KAC5DF,IAAI,gBACFJ,KAAA,CAAAO,aAAA;EACEC,IAAI,EAAC,QAAQ;EACbC,SAAS,EAAE,0DAA0DJ,QAAQ,EAAG;EAChFK,OAAO,EAAEP,YAAa;EACtB,cAAYG;AAAU,gBACtBN,KAAA,CAAAO,aAAA;EACEE,SAAS,EAAE,gBAAgBJ,QAAQ,KAAK,MAAM,GAAG,OAAO,GAAG,MAAM,EAAG;EACpE,eAAa,aAAaA,QAAQ;AAAG,CACtC,CACE,CAAC,GACJ,IAAI;AAEVH,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,UAAU;EACrCP,SAAS,EAAEL,SAAS,CAACc,MAAM,CAACF;AAC9B,CAAC;AAED,eAAeX,SAAS","ignoreList":[]}

package/lib-es/components/ItemList/ItemListButton/ItemListButton.js CHANGED Viewed

@@ -1,7 +1,7 @@
 import React, { useState } from 'react';
 import PropTypes from 'prop-types';
-import { BsBookmarkStarFill, BsBookmarkCheckFill, BsBookmarkStar, BsBookmarkXFill } from 'react-icons/bs';
 import { useQuery, useMutation } from '@apollo/client';
+import { AddedBookmark, BaseBookmark, HoverBookmark, RemoveBookmark } from '../icons';
 import { getItemList, addItemsToList, removeItemsFromList } from '../../../application/query';
 import { getItemListData, setItemListId } from '../helpers';
 import { useItemListId } from '../hooks';
@@ -20,10 +20,6 @@ const ItemListButton = ({
   } = useItemListId({
     listName
   });
-  const getIcon = () => {
-    if (isInList) return isHover ? BsBookmarkXFill : BsBookmarkCheckFill;
-    return isHover ? BsBookmarkStarFill : BsBookmarkStar;
-  };
   const {
     data,
     error,
@@ -79,16 +75,22 @@ const ItemListButton = ({
     itemId: idToCheck,
     itemEntity: entityToCheck
   }) => idToCheck === itemId && entityToCheck === itemEntity);
+  const getIcon = () => {
+    if (isInList) {
+      return isHover ? RemoveBookmark : AddedBookmark;
+    }
+    return isHover ? HoverBookmark : BaseBookmark;
+  };
   const Icon = getIcon();
   const stateClassName = isInList ? 'item-list-button--selected' : '';
   const className = ['item-list-button', stateClassName, modifier].filter(Boolean).join(' ');
   return /*#__PURE__*/React.createElement("div", {
     className: className,
     role: "button",
+    tabIndex: "0",
     onClick: clickHandler,
     onMouseEnter: () => setIsHover(true),
-    onMouseLeave: () => setIsHover(false),
-    "aria-label": `Add to ${listName}`
+    onMouseLeave: () => setIsHover(false)
   }, /*#__PURE__*/React.createElement("i", null, /*#__PURE__*/React.createElement(Icon, null)));
 };
 ItemListButton.propTypes = {