@blaze-cms/react-page-builder 0.143.0 → 0.144.0-alpha.0

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

@@ -1,5 +1,3 @@
-import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProperties";
-const _excluded = ["entity", "dataRecordId", "propsToDisplay", "type", "useSelectedEntity", "elementTitle", "modifier", "headingStyle", "loopProperties", "loopLimit"];
 import React, { useContext } from 'react';
 import { useQuery } from '@apollo/client';
 import PropTypes from 'prop-types';
@@ -8,21 +6,22 @@ import { getSingleEntitySchema } from '../../application/query';
 import { buildPropsQuery, checkPropsToUse } from '../../helpers';
 import { getDataSummaryQuery, getLinkProps } from './helpers';
 import DataSummaryRender from './DataSummaryRender';
-const DataSummaryFactory = _ref => {
-  let {
-      entity,
-      dataRecordId,
-      propsToDisplay,
-      type,
-      useSelectedEntity,
-      elementTitle,
-      modifier,
-      headingStyle,
-      loopProperties,
-      loopLimit
-    } = _ref,
-    dataSummaryProps = _objectWithoutProperties(_ref, _excluded);
-  const entityForQuery = useSelectedEntity ? entity : dataSummaryProps.parent.itemEntity;
+const DataSummaryFactory = ({
+  entity,
+  dataRecordId,
+  propsToDisplay,
+  type,
+  useSelectedEntity,
+  elementTitle,
+  modifier,
+  headingStyle,
+  loopProperties,
+  loopLimit,
+  variant,
+  VariantComponent,
+  parent
+}) => {
+  const entityForQuery = useSelectedEntity ? entity : parent.itemEntity;
   const {
     data,
     error,
@@ -43,7 +42,8 @@ const DataSummaryFactory = _ref => {
   const linkProps = getLinkProps(propsToDisplay);
   const propsQueryString = buildPropsQuery(data, propsToDisplayValues, null, linkProps);
   const dataSummaryQuery = getDataSummaryQuery(data, isPreview, propsQueryString);
-  const recordId = dataRecordId[0] || dataSummaryProps.parent.itemId;
+  const recordId = dataRecordId[0] || parent.itemId;
+  const isSlider = variant === 'slideSummary';
   return /*#__PURE__*/React.createElement(DataSummaryRender, {
     recordId: recordId,
     propsToDisplay: propsToDisplay,
@@ -53,10 +53,14 @@ const DataSummaryFactory = _ref => {
     type: type,
     elementTitle: elementTitle,
     modifier: modifier,
-    htmlTag: headingStyle
+    htmlTag: headingStyle,
+    variant: variant,
+    VariantComponent: VariantComponent,
+    isSlider: isSlider
   });
 };
 DataSummaryFactory.propTypes = {
+  parent: PropTypes.object.isRequired,
   type: PropTypes.string,
   dataRecordId: PropTypes.array,
   propsToDisplay: PropTypes.array,
@@ -66,7 +70,9 @@ DataSummaryFactory.propTypes = {
   modifier: PropTypes.string,
   headingStyle: PropTypes.string,
   loopProperties: PropTypes.array,
-  loopLimit: PropTypes.number
+  loopLimit: PropTypes.number,
+  variant: PropTypes.string,
+  VariantComponent: PropTypes.func
 };
 DataSummaryFactory.defaultProps = {
   type: 'text',
@@ -78,7 +84,9 @@ DataSummaryFactory.defaultProps = {
   modifier: '',
   headingStyle: 'h2',
   loopProperties: [],
-  loopLimit: 0
+  loopLimit: 0,
+  variant: null,
+  VariantComponent: null
 };
 export default DataSummaryFactory;
 //# sourceMappingURL=DataSummaryFactory.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"DataSummaryFactory.js","names":["React","useContext","useQuery","PropTypes","MainContext","getSingleEntitySchema","buildPropsQuery","checkPropsToUse","getDataSummaryQuery","getLinkProps","DataSummaryRender","DataSummaryFactory","_ref","entity","dataRecordId","propsToDisplay","type","useSelectedEntity","elementTitle","modifier","headingStyle","loopProperties","loopLimit","dataSummaryProps","_objectWithoutProperties","_excluded","entityForQuery","parent","itemEntity","data","error","loading","variables","id","isPreview","message","length","propsToDisplayValues","linkProps","propsQueryString","dataSummaryQuery","recordId","itemId","createElement","query","htmlTag","propTypes","string","array","bool","number","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  ...dataSummaryProps\n}) => {\n  const entityForQuery = useSelectedEntity ? entity : dataSummaryProps.parent.itemEntity;\n  const { data, error, loading } = useQuery(getSingleEntitySchema, {\n    variables: { id: entityForQuery }\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] || dataSummaryProps.parent.itemId;\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    />\n  );\n};\n\nDataSummaryFactory.propTypes = {\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};\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};\n\nexport default DataSummaryFactory;\n"],"mappings":"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"}
+{"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":"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"}

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

@@ -1,11 +1,12 @@
 import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProperties";
-const _excluded = ["type", "htmlTag", "recordId", "query", "propsToDisplay", "elementTitle", "loopProperties", "loopLimit"];
+const _excluded = ["type", "htmlTag", "recordId", "query", "propsToDisplay", "elementTitle", "loopProperties", "loopLimit", "VariantComponent", "isSlider"];
 import React from 'react';
 import { useQuery } from '@apollo/client';
 import PropTypes from 'prop-types';
 import { summaryComponents } from './DataSummaryTypes';
 import { getClassModifiers } from '../../utils';
 import { buildPropsToDisplayWithContent, stripSummaryPropsContent, buildLoopPropsContent } from './helpers';
+import { parsePropsToDisplay } from '../../helpers';
 const DataSummaryRender = _ref => {
   let {
       type,
@@ -15,9 +16,12 @@ const DataSummaryRender = _ref => {
       propsToDisplay,
       elementTitle,
       loopProperties,
-      loopLimit
+      loopLimit,
+      VariantComponent,
+      isSlider
     } = _ref,
     otherProps = _objectWithoutProperties(_ref, _excluded);
+  const SummaryComponent = summaryComponents[type];
   const {
     data,
     error,
@@ -35,10 +39,20 @@ const DataSummaryRender = _ref => {
   } = data;
   const shouldLoop = loopProperties && loopProperties.length;
   const modifier = getClassModifiers('list', otherProps);
-  const summaryPropsWithContent = shouldLoop ? buildLoopPropsContent(loopProperties, propsToDisplay, loopLimit, entityData) : buildPropsToDisplayWithContent(entityData, propsToDisplay);
+  const summaryPropsWithContent = shouldLoop ? buildLoopPropsContent(loopProperties, propsToDisplay, loopLimit, entityData, isSlider) : buildPropsToDisplayWithContent(entityData, propsToDisplay);
   const summaryPropsWithCleanContent = stripSummaryPropsContent(propsToDisplay, summaryPropsWithContent);
-  const SummaryComponent = summaryComponents[type];
+  const parsedPropsToDisplay = parsePropsToDisplay(entityData, propsToDisplay);
   if (!summaryPropsWithCleanContent.length) return null;
+  if (VariantComponent) return /*#__PURE__*/React.createElement(VariantComponent, {
+    propsToDisplay: propsToDisplay,
+    summaryPropsWithContent: summaryPropsWithCleanContent,
+    parsedPropsToDisplay: parsedPropsToDisplay
+  }, summaryPropsWithContent.map(summaryProps => /*#__PURE__*/React.createElement(SummaryComponent, {
+    modifier: modifier,
+    elementTitle: elementTitle,
+    summaryPropsWithContent: summaryProps,
+    htmlTag: htmlTag
+  })));
   return /*#__PURE__*/React.createElement(SummaryComponent, {
     modifier: modifier,
     elementTitle: elementTitle,
@@ -47,16 +61,22 @@ const DataSummaryRender = _ref => {
   });
 };
 DataSummaryRender.propTypes = {
+  entities: PropTypes.array.isRequired,
+  mainSchemas: PropTypes.object.isRequired,
+  isSlider: PropTypes.bool.isRequired,
   type: PropTypes.string,
+  name: PropTypes.string,
   query: PropTypes.object,
   recordId: PropTypes.string,
   propsToDisplay: PropTypes.array,
   elementTitle: PropTypes.string,
   htmlTag: PropTypes.string,
   loopProperties: PropTypes.array,
-  loopLimit: PropTypes.number
+  loopLimit: PropTypes.number,
+  VariantComponent: PropTypes.func
 };
 DataSummaryRender.defaultProps = {
+  name: '',
   type: 'text',
   query: {},
   recordId: '',
@@ -64,7 +84,8 @@ DataSummaryRender.defaultProps = {
   elementTitle: '',
   htmlTag: 'h2',
   loopProperties: [],
-  loopLimit: 0
+  loopLimit: 0,
+  VariantComponent: null
 };
 export default DataSummaryRender;
 //# sourceMappingURL=DataSummaryRender.js.map

package/lib-es/components/DataSummary/DataSummaryRender.js.map

@@ -1 +1 @@
-{"version":3,"file":"DataSummaryRender.js","names":["React","useQuery","PropTypes","summaryComponents","getClassModifiers","buildPropsToDisplayWithContent","stripSummaryPropsContent","buildLoopPropsContent","DataSummaryRender","_ref","type","htmlTag","recordId","query","propsToDisplay","elementTitle","loopProperties","loopLimit","otherProps","_objectWithoutProperties","_excluded","data","error","loading","variables","id","message","entityData","shouldLoop","length","modifier","summaryPropsWithContent","summaryPropsWithCleanContent","SummaryComponent","createElement","propTypes","string","object","array","number","defaultProps"],"sources":["../../../src/components/DataSummary/DataSummaryRender.js"],"sourcesContent":["import React from 'react';\nimport { useQuery } from '@apollo/client';\nimport PropTypes from 'prop-types';\nimport { summaryComponents } from './DataSummaryTypes';\nimport { getClassModifiers } from '../../utils';\nimport {\n  buildPropsToDisplayWithContent,\n  stripSummaryPropsContent,\n  buildLoopPropsContent\n} from './helpers';\n\nconst DataSummaryRender = ({\n  type,\n  htmlTag,\n  recordId,\n  query,\n  propsToDisplay,\n  elementTitle,\n  loopProperties,\n  loopLimit,\n  ...otherProps\n}) => {\n  const { data, error, loading } = useQuery(query, {\n    variables: { id: recordId }\n  });\n\n  if (loading) return '';\n  if (error) return error.message;\n  if (!data || !data.entityData) return null;\n\n  const { entityData } = data;\n  const shouldLoop = loopProperties && loopProperties.length;\n  const modifier = getClassModifiers('list', otherProps);\n  const summaryPropsWithContent = shouldLoop\n    ? buildLoopPropsContent(loopProperties, propsToDisplay, loopLimit, entityData)\n    : buildPropsToDisplayWithContent(entityData, propsToDisplay);\n\n  const summaryPropsWithCleanContent = stripSummaryPropsContent(\n    propsToDisplay,\n    summaryPropsWithContent\n  );\n  const SummaryComponent = summaryComponents[type];\n  if (!summaryPropsWithCleanContent.length) return null;\n\n  return (\n    <SummaryComponent\n      modifier={modifier}\n      elementTitle={elementTitle}\n      summaryPropsWithContent={summaryPropsWithCleanContent}\n      htmlTag={htmlTag}\n    />\n  );\n};\n\nDataSummaryRender.propTypes = {\n  type: PropTypes.string,\n  query: PropTypes.object,\n  recordId: PropTypes.string,\n  propsToDisplay: PropTypes.array,\n  elementTitle: PropTypes.string,\n  htmlTag: PropTypes.string,\n  loopProperties: PropTypes.array,\n  loopLimit: PropTypes.number\n};\n\nDataSummaryRender.defaultProps = {\n  type: 'text',\n  query: {},\n  recordId: '',\n  propsToDisplay: [],\n  elementTitle: '',\n  htmlTag: 'h2',\n  loopProperties: [],\n  loopLimit: 0\n};\n\nexport default DataSummaryRender;\n"],"mappings":";;AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,SAASC,QAAQ,QAAQ,gBAAgB;AACzC,OAAOC,SAAS,MAAM,YAAY;AAClC,SAASC,iBAAiB,QAAQ,oBAAoB;AACtD,SAASC,iBAAiB,QAAQ,aAAa;AAC/C,SACEC,8BAA8B,EAC9BC,wBAAwB,EACxBC,qBAAqB,QAChB,WAAW;AAElB,MAAMC,iBAAiB,GAAGC,IAAA,IAUpB;EAAA,IAVqB;MACzBC,IAAI;MACJC,OAAO;MACPC,QAAQ;MACRC,KAAK;MACLC,cAAc;MACdC,YAAY;MACZC,cAAc;MACdC;IAEF,CAAC,GAAAR,IAAA;IADIS,UAAU,GAAAC,wBAAA,CAAAV,IAAA,EAAAW,SAAA;EAEb,MAAM;IAAEC,IAAI;IAAEC,KAAK;IAAEC;EAAQ,CAAC,GAAGtB,QAAQ,CAACY,KAAK,EAAE;IAC/CW,SAAS,EAAE;MAAEC,EAAE,EAAEb;IAAS;EAC5B,CAAC,CAAC;EAEF,IAAIW,OAAO,EAAE,OAAO,EAAE;EACtB,IAAID,KAAK,EAAE,OAAOA,KAAK,CAACI,OAAO;EAC/B,IAAI,CAACL,IAAI,IAAI,CAACA,IAAI,CAACM,UAAU,EAAE,OAAO,IAAI;EAE1C,MAAM;IAAEA;EAAW,CAAC,GAAGN,IAAI;EAC3B,MAAMO,UAAU,GAAGZ,cAAc,IAAIA,cAAc,CAACa,MAAM;EAC1D,MAAMC,QAAQ,GAAG1B,iBAAiB,CAAC,MAAM,EAAEc,UAAU,CAAC;EACtD,MAAMa,uBAAuB,GAAGH,UAAU,GACtCrB,qBAAqB,CAACS,cAAc,EAAEF,cAAc,EAAEG,SAAS,EAAEU,UAAU,CAAC,GAC5EtB,8BAA8B,CAACsB,UAAU,EAAEb,cAAc,CAAC;EAE9D,MAAMkB,4BAA4B,GAAG1B,wBAAwB,CAC3DQ,cAAc,EACdiB,uBACF,CAAC;EACD,MAAME,gBAAgB,GAAG9B,iBAAiB,CAACO,IAAI,CAAC;EAChD,IAAI,CAACsB,4BAA4B,CAACH,MAAM,EAAE,OAAO,IAAI;EAErD,oBACE7B,KAAA,CAAAkC,aAAA,CAACD,gBAAgB;IACfH,QAAQ,EAAEA,QAAS;IACnBf,YAAY,EAAEA,YAAa;IAC3BgB,uBAAuB,EAAEC,4BAA6B;IACtDrB,OAAO,EAAEA;EAAQ,CAClB,CAAC;AAEN,CAAC;AAEDH,iBAAiB,CAAC2B,SAAS,GAAG;EAC5BzB,IAAI,EAAER,SAAS,CAACkC,MAAM;EACtBvB,KAAK,EAAEX,SAAS,CAACmC,MAAM;EACvBzB,QAAQ,EAAEV,SAAS,CAACkC,MAAM;EAC1BtB,cAAc,EAAEZ,SAAS,CAACoC,KAAK;EAC/BvB,YAAY,EAAEb,SAAS,CAACkC,MAAM;EAC9BzB,OAAO,EAAET,SAAS,CAACkC,MAAM;EACzBpB,cAAc,EAAEd,SAAS,CAACoC,KAAK;EAC/BrB,SAAS,EAAEf,SAAS,CAACqC;AACvB,CAAC;AAED/B,iBAAiB,CAACgC,YAAY,GAAG;EAC/B9B,IAAI,EAAE,MAAM;EACZG,KAAK,EAAE,CAAC,CAAC;EACTD,QAAQ,EAAE,EAAE;EACZE,cAAc,EAAE,EAAE;EAClBC,YAAY,EAAE,EAAE;EAChBJ,OAAO,EAAE,IAAI;EACbK,cAAc,EAAE,EAAE;EAClBC,SAAS,EAAE;AACb,CAAC;AAED,eAAeT,iBAAiB"}
+{"version":3,"file":"DataSummaryRender.js","names":["React","useQuery","PropTypes","summaryComponents","getClassModifiers","buildPropsToDisplayWithContent","stripSummaryPropsContent","buildLoopPropsContent","parsePropsToDisplay","DataSummaryRender","_ref","type","htmlTag","recordId","query","propsToDisplay","elementTitle","loopProperties","loopLimit","VariantComponent","isSlider","otherProps","_objectWithoutProperties","_excluded","SummaryComponent","data","error","loading","variables","id","message","entityData","shouldLoop","length","modifier","summaryPropsWithContent","summaryPropsWithCleanContent","parsedPropsToDisplay","createElement","map","summaryProps","propTypes","entities","array","isRequired","mainSchemas","object","bool","string","name","number","func","defaultProps"],"sources":["../../../src/components/DataSummary/DataSummaryRender.js"],"sourcesContent":["import React from 'react';\nimport { useQuery } from '@apollo/client';\nimport PropTypes from 'prop-types';\nimport { summaryComponents } from './DataSummaryTypes';\nimport { getClassModifiers } from '../../utils';\nimport {\n  buildPropsToDisplayWithContent,\n  stripSummaryPropsContent,\n  buildLoopPropsContent\n} from './helpers';\nimport { parsePropsToDisplay } from '../../helpers';\n\nconst DataSummaryRender = ({\n  type,\n  htmlTag,\n  recordId,\n  query,\n  propsToDisplay,\n  elementTitle,\n  loopProperties,\n  loopLimit,\n  VariantComponent,\n  isSlider,\n  ...otherProps\n}) => {\n  const SummaryComponent = summaryComponents[type];\n  const { data, error, loading } = useQuery(query, {\n    variables: { id: recordId }\n  });\n\n  if (loading) return '';\n  if (error) return error.message;\n  if (!data || !data.entityData) return null;\n\n  const { entityData } = data;\n  const shouldLoop = loopProperties && loopProperties.length;\n  const modifier = getClassModifiers('list', otherProps);\n  const summaryPropsWithContent = shouldLoop\n    ? buildLoopPropsContent(loopProperties, propsToDisplay, loopLimit, entityData, isSlider)\n    : buildPropsToDisplayWithContent(entityData, propsToDisplay);\n\n  const summaryPropsWithCleanContent = stripSummaryPropsContent(\n    propsToDisplay,\n    summaryPropsWithContent\n  );\n  const parsedPropsToDisplay = parsePropsToDisplay(entityData, propsToDisplay);\n  if (!summaryPropsWithCleanContent.length) return null;\n\n  if (VariantComponent)\n    return (\n      <VariantComponent\n        propsToDisplay={propsToDisplay}\n        summaryPropsWithContent={summaryPropsWithCleanContent}\n        parsedPropsToDisplay={parsedPropsToDisplay}>\n        {summaryPropsWithContent.map(summaryProps => (\n          <SummaryComponent\n            modifier={modifier}\n            elementTitle={elementTitle}\n            summaryPropsWithContent={summaryProps}\n            htmlTag={htmlTag}\n          />\n        ))}\n      </VariantComponent>\n    );\n\n  return (\n    <SummaryComponent\n      modifier={modifier}\n      elementTitle={elementTitle}\n      summaryPropsWithContent={summaryPropsWithCleanContent}\n      htmlTag={htmlTag}\n    />\n  );\n};\n\nDataSummaryRender.propTypes = {\n  entities: PropTypes.array.isRequired,\n  mainSchemas: PropTypes.object.isRequired,\n  isSlider: PropTypes.bool.isRequired,\n  type: PropTypes.string,\n  name: PropTypes.string,\n  query: PropTypes.object,\n  recordId: PropTypes.string,\n  propsToDisplay: PropTypes.array,\n  elementTitle: PropTypes.string,\n  htmlTag: PropTypes.string,\n  loopProperties: PropTypes.array,\n  loopLimit: PropTypes.number,\n  VariantComponent: PropTypes.func\n};\n\nDataSummaryRender.defaultProps = {\n  name: '',\n  type: 'text',\n  query: {},\n  recordId: '',\n  propsToDisplay: [],\n  elementTitle: '',\n  htmlTag: 'h2',\n  loopProperties: [],\n  loopLimit: 0,\n  VariantComponent: null\n};\n\nexport default DataSummaryRender;\n"],"mappings":"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"}

package/lib-es/components/DataSummary/helpers/build-loop-props-content.js

@@ -31,7 +31,7 @@ const separateValues = (propsToDisplay, loopProps, data) => {
   });
   return [regularValues, loopValues];
 };
-const buildLoopPropsContent = (loopProps = [], propsToDisplay = [], limit = 0, data = {}) => {
+const buildLoopPropsContent = (loopProps = [], propsToDisplay = [], limit = 0, data = {}, isSlider = false) => {
   const loopPropsWithContent = [];
   const [regularValues, loopValues] = separateValues(propsToDisplay, loopProps, data);
   const loopLimit = getLoopPropsLimit(loopValues, limit);
@@ -54,6 +54,7 @@ const buildLoopPropsContent = (loopProps = [], propsToDisplay = [], limit = 0, d
     })).filter(Boolean);
     loopPropsWithContent.push(propsArray);
   }
+  if (isSlider) return loopPropsWithContent;
   return flatten(loopPropsWithContent);
 };
 export default buildLoopPropsContent;

package/lib-es/components/DataSummary/helpers/build-loop-props-content.js.map

@@ -1 +1 @@
-{"version":3,"file":"build-loop-props-content.js","names":["upperFirst","flatten","getLinkToPublishedContent","getLoopPropsLimit","getPropValue","processDataSummaryValue","getLoopValue","value","keyField","separateValues","propsToDisplay","loopProps","data","regularValues","loopValues","forEach","options","propertiesToDisplay","prop","isArrayValue","Array","isArray","isLoopableProp","includes","buildLoopPropsContent","limit","loopPropsWithContent","loopLimit","i","propsArray","map","label","modifier","key","loopValue","loopValueItem","propValue","processedValue","linkToPublishedContent","filter","Boolean","push"],"sources":["../../../../src/components/DataSummary/helpers/build-loop-props-content.js"],"sourcesContent":["import upperFirst from 'lodash.upperfirst';\nimport flatten from 'lodash.flatten';\nimport getLinkToPublishedContent from './get-link-to-published-content';\nimport getLoopPropsLimit from './get-loop-props-limit';\nimport getPropValue from './get-prop-value';\nimport { processDataSummaryValue } from '../../../helpers';\n\nconst getLoopValue = value => {\n  const { keyField } = value;\n  return value[keyField];\n};\n\nconst separateValues = (propsToDisplay, loopProps, data) => {\n  const regularValues = {};\n  const loopValues = {};\n\n  propsToDisplay.forEach(options => {\n    const { propertiesToDisplay } = options;\n    propertiesToDisplay.forEach(prop => {\n      const value = getPropValue(prop, data, options);\n      const isArrayValue = Array.isArray(value);\n      if (!value) return;\n      const isLoopableProp = loopProps.includes(prop) && isArrayValue;\n\n      if (isLoopableProp) {\n        loopValues[prop] = value;\n      } else {\n        regularValues[prop] = value;\n      }\n    });\n  });\n  return [regularValues, loopValues];\n};\n\nconst buildLoopPropsContent = (loopProps = [], propsToDisplay = [], limit = 0, data = {}) => {\n  const loopPropsWithContent = [];\n  const [regularValues, loopValues] = separateValues(propsToDisplay, loopProps, data);\n\n  const loopLimit = getLoopPropsLimit(loopValues, limit);\n\n  for (let i = 0; i < loopLimit; i += 1) {\n    const propsArray = flatten(\n      propsToDisplay.map(options => {\n        const { propertiesToDisplay, label, modifier = '' } = options;\n\n        return propertiesToDisplay.map(key => {\n          const loopValue = loopValues[key];\n          const loopValueItem = loopValue && loopValue[i];\n          const propValue = loopValueItem ? getLoopValue(loopValueItem) : regularValues[key];\n          if (!propValue) return null;\n\n          const processedValue = processDataSummaryValue(propValue, options);\n          const linkToPublishedContent = getLinkToPublishedContent(key, data, loopValueItem);\n          return [upperFirst(label), processedValue, linkToPublishedContent, modifier];\n        });\n      })\n    ).filter(Boolean);\n    loopPropsWithContent.push(propsArray);\n  }\n\n  return flatten(loopPropsWithContent);\n};\n\nexport default buildLoopPropsContent;\n"],"mappings":"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"}
+{"version":3,"file":"build-loop-props-content.js","names":["upperFirst","flatten","getLinkToPublishedContent","getLoopPropsLimit","getPropValue","processDataSummaryValue","getLoopValue","value","keyField","separateValues","propsToDisplay","loopProps","data","regularValues","loopValues","forEach","options","propertiesToDisplay","prop","isArrayValue","Array","isArray","isLoopableProp","includes","buildLoopPropsContent","limit","isSlider","loopPropsWithContent","loopLimit","i","propsArray","map","label","modifier","key","loopValue","loopValueItem","propValue","processedValue","linkToPublishedContent","filter","Boolean","push"],"sources":["../../../../src/components/DataSummary/helpers/build-loop-props-content.js"],"sourcesContent":["import upperFirst from 'lodash.upperfirst';\nimport flatten from 'lodash.flatten';\nimport getLinkToPublishedContent from './get-link-to-published-content';\nimport getLoopPropsLimit from './get-loop-props-limit';\nimport getPropValue from './get-prop-value';\nimport { processDataSummaryValue } from '../../../helpers';\n\nconst getLoopValue = value => {\n  const { keyField } = value;\n  return value[keyField];\n};\n\nconst separateValues = (propsToDisplay, loopProps, data) => {\n  const regularValues = {};\n  const loopValues = {};\n\n  propsToDisplay.forEach(options => {\n    const { propertiesToDisplay } = options;\n    propertiesToDisplay.forEach(prop => {\n      const value = getPropValue(prop, data, options);\n      const isArrayValue = Array.isArray(value);\n      if (!value) return;\n      const isLoopableProp = loopProps.includes(prop) && isArrayValue;\n\n      if (isLoopableProp) {\n        loopValues[prop] = value;\n      } else {\n        regularValues[prop] = value;\n      }\n    });\n  });\n  return [regularValues, loopValues];\n};\n\nconst buildLoopPropsContent = (\n  loopProps = [],\n  propsToDisplay = [],\n  limit = 0,\n  data = {},\n  isSlider = false\n) => {\n  const loopPropsWithContent = [];\n  const [regularValues, loopValues] = separateValues(propsToDisplay, loopProps, data);\n  const loopLimit = getLoopPropsLimit(loopValues, limit);\n\n  for (let i = 0; i < loopLimit; i += 1) {\n    const propsArray = flatten(\n      propsToDisplay.map(options => {\n        const { propertiesToDisplay, label, modifier = '' } = options;\n\n        return propertiesToDisplay.map(key => {\n          const loopValue = loopValues[key];\n          const loopValueItem = loopValue && loopValue[i];\n          const propValue = loopValueItem ? getLoopValue(loopValueItem) : regularValues[key];\n          if (!propValue) return null;\n\n          const processedValue = processDataSummaryValue(propValue, options);\n          const linkToPublishedContent = getLinkToPublishedContent(key, data, loopValueItem);\n          return [upperFirst(label), processedValue, linkToPublishedContent, modifier];\n        });\n      })\n    ).filter(Boolean);\n    loopPropsWithContent.push(propsArray);\n  }\n  if (isSlider) return loopPropsWithContent;\n  return flatten(loopPropsWithContent);\n};\n\nexport default buildLoopPropsContent;\n"],"mappings":"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"}

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

@@ -9,7 +9,7 @@ const DateTime = ({
   customFormat,
   modifier
 }) => {
-  const dateFormat = customFormat ? customFormat.toUpperCase() : format;
+  const dateFormat = customFormat || format;
   if (!dateFormat) return null;
   const formatedDate = dayjs().format(dateFormat);
   return /*#__PURE__*/React.createElement(Wrapper, {

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

@@ -1 +1 @@
-{"version":3,"file":"DateTime.js","names":["React","PropTypes","dayjs","LocalizedFormat","Wrapper","extend","DateTime","format","customFormat","modifier","dateFormat","toUpperCase","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 ? customFormat.toUpperCase() : 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,GAAGA,YAAY,CAACG,WAAW,CAAC,CAAC,GAAGJ,MAAM;EAErE,IAAI,CAACG,UAAU,EAAE,OAAO,IAAI;EAE5B,MAAME,YAAY,GAAGV,KAAK,CAAC,CAAC,CAACK,MAAM,CAACG,UAAU,CAAC;EAE/C,oBACEV,KAAA,CAAAa,aAAA,CAACT,OAAO;IAACU,SAAS,EAAC,MAAM;IAACC,SAAS,EAAEN;EAAS,GAC3CG,YACM,CAAC;AAEd,CAAC;AAEDN,QAAQ,CAACU,SAAS,GAAG;EACnBT,MAAM,EAAEN,SAAS,CAACgB,MAAM,CAACC,UAAU;EACnCV,YAAY,EAAEP,SAAS,CAACgB,MAAM;EAC9BR,QAAQ,EAAER,SAAS,CAACgB;AACtB,CAAC;AAEDX,QAAQ,CAACa,YAAY,GAAG;EACtBV,QAAQ,EAAE,IAAI;EACdD,YAAY,EAAE;AAChB,CAAC;AAED,eAAeF,QAAQ"}
+{"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"}

package/lib-es/components/List/ListRender.js

@@ -4,7 +4,6 @@ import { useQuery } from '@apollo/client';
 import PropTypes from 'prop-types';
 import ListPagination from './components/Pagination';
 import ListHeader from './components/Header';
-import { sortResponseData } from '../../helpers';
 import { LOAD_MORE } from '../../constants';
 import { useAppSyncEventHook } from '../../hooks';
 import { buildQueryBooster } from './helpers';
@@ -50,11 +49,10 @@ const ListRender = props => {
   if (!data[actionKey] || !data[actionKey].results) return null;
   const listData = data[actionKey].results;
   const listTotal = data[actionKey].total;
-  const orderedListData = sortResponseData(listData, itemsToDisplay);
-  if (!orderedListData || !orderedListData.length) return null;
+  if (!listData || !listData.length) return null;
   const {
     length: currentListLength
-  } = orderedListData;
+  } = listData;
   const currentPage = Math.ceil((initialOffset + currentListLength) / itemsPerPageToUse);
   const totalDisplay = limitToUse && listTotal > limitToUse ? limitToUse : listTotal;
   return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement("span", {
@@ -66,7 +64,7 @@ const ListRender = props => {
   }), displayTotal && /*#__PURE__*/React.createElement("div", {
     className: "list_total_results w-full text-left p-4"
   }, "Total results: ", totalDisplay), /*#__PURE__*/React.createElement(ListComponent, _extends({
-    orderedListData: orderedListData,
+    orderedListData: listData,
     isInfinite: isInfinite,
     initialOffset: initialOffset,
     actionKey: actionKey,

package/lib-es/components/List/ListRender.js.map

@@ -1 +1 @@
-{"version":3,"file":"ListRender.js","names":["React","useQuery","PropTypes","ListPagination","ListHeader","sortResponseData","LOAD_MORE","useAppSyncEventHook","buildQueryBooster","ListRender","props","variables","actionKey","action","name","itemsToDisplay","itemsPerPageToUse","limitToUse","initialOffset","isInfinite","omitWrappers","paginationType","listComponent","ListComponent","query","url","listAggregations","isAZ","azFilter","displayTotal","data","updatedVariables","eventName","boostedVariables","error","loading","fetchMore","message","results","listData","listTotal","total","orderedListData","length","currentListLength","currentPage","Math","ceil","totalDisplay","createElement","Fragment","className","_extends","itemsPerPage","propTypes","string","isRequired","object","number","bool","func","array","defaultProps"],"sources":["../../../src/components/List/ListRender.js"],"sourcesContent":["import React from 'react';\nimport { useQuery } from '@apollo/client';\nimport PropTypes from 'prop-types';\nimport ListPagination from './components/Pagination';\nimport ListHeader from './components/Header';\nimport { sortResponseData } from '../../helpers';\nimport { LOAD_MORE } from '../../constants';\nimport { useAppSyncEventHook } from '../../hooks';\nimport { buildQueryBooster } from './helpers';\n\nconst ListRender = props => {\n  const {\n    variables,\n    actionKey,\n    action,\n    name,\n    itemsToDisplay,\n    itemsPerPageToUse,\n    limitToUse,\n    initialOffset,\n    isInfinite,\n    omitWrappers,\n    paginationType,\n    listComponent: ListComponent,\n    query,\n    url,\n    listAggregations,\n    isAZ,\n    azFilter,\n    displayTotal\n  } = props;\n  const { data: updatedVariables } = useAppSyncEventHook({\n    eventName: 'list:query-variables',\n    data: variables,\n    props\n  });\n  const boostedVariables = buildQueryBooster(props, updatedVariables);\n\n  const { data = {}, error, loading, fetchMore } = useQuery(action, {\n    variables: boostedVariables\n  });\n\n  if (loading) return '';\n  if (error) return error.message;\n  if (!data[actionKey] || !data[actionKey].results) return null;\n\n  const listData = data[actionKey].results;\n  const listTotal = data[actionKey].total;\n  const orderedListData = sortResponseData(listData, itemsToDisplay);\n  if (!orderedListData || !orderedListData.length) return null;\n  const { length: currentListLength } = orderedListData;\n  const currentPage = Math.ceil((initialOffset + currentListLength) / itemsPerPageToUse);\n  const totalDisplay = limitToUse && listTotal > limitToUse ? limitToUse : listTotal;\n\n  return (\n    <>\n      <span className=\"list-top\" />\n      {isAZ && <ListHeader name={name} listAggregations={listAggregations} azFilter={azFilter} />}\n      {displayTotal && (\n        <div className=\"list_total_results w-full text-left p-4\">Total results: {totalDisplay}</div>\n      )}\n      <ListComponent\n        orderedListData={orderedListData}\n        isInfinite={isInfinite}\n        initialOffset={initialOffset}\n        actionKey={actionKey}\n        limitToUse={limitToUse}\n        fetchMore={fetchMore}\n        omitWrappers={omitWrappers}\n        itemsPerPageToUse={itemsPerPageToUse || listData.length}\n        listTotal={listTotal}\n        currentListLength={currentListLength}\n        currentPage={currentPage}\n        query={query}\n        url={url}\n        itemsToDisplay={itemsToDisplay}\n        {...props}\n      />\n      {paginationType !== LOAD_MORE && (\n        <ListPagination\n          limitToUse={limitToUse}\n          itemsPerPage={itemsPerPageToUse}\n          listTotal={listTotal}\n          name={name}\n          isInfinite={isInfinite}\n          currentListLength={currentListLength}\n          paginationType={paginationType}\n          currentPage={currentPage}\n          query={query}\n          url={url}\n        />\n      )}\n    </>\n  );\n};\n\nListRender.propTypes = {\n  name: PropTypes.string.isRequired,\n  paginationType: PropTypes.string.isRequired,\n  variables: PropTypes.object.isRequired,\n  actionKey: PropTypes.string.isRequired,\n  action: PropTypes.object.isRequired,\n  itemsPerPageToUse: PropTypes.number.isRequired,\n  limitToUse: PropTypes.number.isRequired,\n  initialOffset: PropTypes.number.isRequired,\n  isInfinite: PropTypes.bool.isRequired,\n  omitWrappers: PropTypes.bool,\n  query: PropTypes.object.isRequired,\n  url: PropTypes.string.isRequired,\n  listComponent: PropTypes.func.isRequired,\n  isAZ: PropTypes.bool.isRequired,\n  azFilter: PropTypes.string.isRequired,\n  listAggregations: PropTypes.array,\n  itemsToDisplay: PropTypes.array,\n  displayTotal: PropTypes.bool\n};\n\nListRender.defaultProps = {\n  omitWrappers: false,\n  itemsToDisplay: [],\n  listAggregations: [],\n  displayTotal: false\n};\n\nexport default ListRender;\n"],"mappings":"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"}
+{"version":3,"file":"ListRender.js","names":["React","useQuery","PropTypes","ListPagination","ListHeader","LOAD_MORE","useAppSyncEventHook","buildQueryBooster","ListRender","props","variables","actionKey","action","name","itemsToDisplay","itemsPerPageToUse","limitToUse","initialOffset","isInfinite","omitWrappers","paginationType","listComponent","ListComponent","query","url","listAggregations","isAZ","azFilter","displayTotal","data","updatedVariables","eventName","boostedVariables","error","loading","fetchMore","message","results","listData","listTotal","total","length","currentListLength","currentPage","Math","ceil","totalDisplay","createElement","Fragment","className","_extends","orderedListData","itemsPerPage","propTypes","string","isRequired","object","number","bool","func","array","defaultProps"],"sources":["../../../src/components/List/ListRender.js"],"sourcesContent":["import React from 'react';\nimport { useQuery } from '@apollo/client';\nimport PropTypes from 'prop-types';\nimport ListPagination from './components/Pagination';\nimport ListHeader from './components/Header';\nimport { LOAD_MORE } from '../../constants';\nimport { useAppSyncEventHook } from '../../hooks';\nimport { buildQueryBooster } from './helpers';\n\nconst ListRender = props => {\n  const {\n    variables,\n    actionKey,\n    action,\n    name,\n    itemsToDisplay,\n    itemsPerPageToUse,\n    limitToUse,\n    initialOffset,\n    isInfinite,\n    omitWrappers,\n    paginationType,\n    listComponent: ListComponent,\n    query,\n    url,\n    listAggregations,\n    isAZ,\n    azFilter,\n    displayTotal\n  } = props;\n  const { data: updatedVariables } = useAppSyncEventHook({\n    eventName: 'list:query-variables',\n    data: variables,\n    props\n  });\n  const boostedVariables = buildQueryBooster(props, updatedVariables);\n\n  const { data = {}, error, loading, fetchMore } = useQuery(action, {\n    variables: boostedVariables\n  });\n\n  if (loading) return '';\n  if (error) return error.message;\n  if (!data[actionKey] || !data[actionKey].results) return null;\n\n  const listData = data[actionKey].results;\n  const listTotal = data[actionKey].total;\n\n  if (!listData || !listData.length) return null;\n  const { length: currentListLength } = listData;\n  const currentPage = Math.ceil((initialOffset + currentListLength) / itemsPerPageToUse);\n  const totalDisplay = limitToUse && listTotal > limitToUse ? limitToUse : listTotal;\n\n  return (\n    <>\n      <span className=\"list-top\" />\n      {isAZ && <ListHeader name={name} listAggregations={listAggregations} azFilter={azFilter} />}\n      {displayTotal && (\n        <div className=\"list_total_results w-full text-left p-4\">Total results: {totalDisplay}</div>\n      )}\n      <ListComponent\n        orderedListData={listData}\n        isInfinite={isInfinite}\n        initialOffset={initialOffset}\n        actionKey={actionKey}\n        limitToUse={limitToUse}\n        fetchMore={fetchMore}\n        omitWrappers={omitWrappers}\n        itemsPerPageToUse={itemsPerPageToUse || listData.length}\n        listTotal={listTotal}\n        currentListLength={currentListLength}\n        currentPage={currentPage}\n        query={query}\n        url={url}\n        itemsToDisplay={itemsToDisplay}\n        {...props}\n      />\n      {paginationType !== LOAD_MORE && (\n        <ListPagination\n          limitToUse={limitToUse}\n          itemsPerPage={itemsPerPageToUse}\n          listTotal={listTotal}\n          name={name}\n          isInfinite={isInfinite}\n          currentListLength={currentListLength}\n          paginationType={paginationType}\n          currentPage={currentPage}\n          query={query}\n          url={url}\n        />\n      )}\n    </>\n  );\n};\n\nListRender.propTypes = {\n  name: PropTypes.string.isRequired,\n  paginationType: PropTypes.string.isRequired,\n  variables: PropTypes.object.isRequired,\n  actionKey: PropTypes.string.isRequired,\n  action: PropTypes.object.isRequired,\n  itemsPerPageToUse: PropTypes.number.isRequired,\n  limitToUse: PropTypes.number.isRequired,\n  initialOffset: PropTypes.number.isRequired,\n  isInfinite: PropTypes.bool.isRequired,\n  omitWrappers: PropTypes.bool,\n  query: PropTypes.object.isRequired,\n  url: PropTypes.string.isRequired,\n  listComponent: PropTypes.func.isRequired,\n  isAZ: PropTypes.bool.isRequired,\n  azFilter: PropTypes.string.isRequired,\n  listAggregations: PropTypes.array,\n  itemsToDisplay: PropTypes.array,\n  displayTotal: PropTypes.bool\n};\n\nListRender.defaultProps = {\n  omitWrappers: false,\n  itemsToDisplay: [],\n  listAggregations: [],\n  displayTotal: false\n};\n\nexport default ListRender;\n"],"mappings":"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"}

package/lib-es/components/List/helpers/get-sort-props.js

@@ -7,7 +7,7 @@ const getSortProps = ({
   isTextSearchFilterApplied
 }) => {
   const updatedSortProperties = [...sortProperties];
-  if (!querySort && !sortProperties.length) {
+  if (!querySort && !sortProperties.length && defaultSortBy && defaultSortBy.length) {
     updatedSortProperties.unshift({
       sort: defaultSort,
       propsToDisplay: defaultSortBy

package/lib-es/components/List/helpers/get-sort-props.js.map

@@ -1 +1 @@
-{"version":3,"file":"get-sort-props.js","names":["getSortProps","querySort","sortProperties","defaultSort","querySortBy","defaultSortBy","isTextSearchFilterApplied","updatedSortProperties","length","unshift","sort","propsToDisplay","isScore","sortbyFilters","map","filterProps","filter","Boolean","flat"],"sources":["../../../../src/components/List/helpers/get-sort-props.js"],"sourcesContent":["const getSortProps = ({\n  querySort,\n  sortProperties,\n  defaultSort,\n  querySortBy,\n  defaultSortBy,\n  isTextSearchFilterApplied\n}) => {\n  const updatedSortProperties = [...sortProperties];\n  if (!querySort && !sortProperties.length) {\n    updatedSortProperties.unshift({ sort: defaultSort, propsToDisplay: defaultSortBy });\n  }\n  if (isTextSearchFilterApplied) updatedSortProperties.unshift({ isScore: true });\n  if (querySort) updatedSortProperties.unshift({ sort: querySort, propsToDisplay: [querySortBy] });\n\n  const sortbyFilters = updatedSortProperties\n    .map(({ propsToDisplay: filterProps }) => filterProps)\n    .filter(Boolean)\n    .flat();\n  return { sortbyFilters, updatedSortProperties };\n};\n\nexport default getSortProps;\n"],"mappings":"AAAA,MAAMA,YAAY,GAAGA,CAAC;EACpBC,SAAS;EACTC,cAAc;EACdC,WAAW;EACXC,WAAW;EACXC,aAAa;EACbC;AACF,CAAC,KAAK;EACJ,MAAMC,qBAAqB,GAAG,CAAC,GAAGL,cAAc,CAAC;EACjD,IAAI,CAACD,SAAS,IAAI,CAACC,cAAc,CAACM,MAAM,EAAE;IACxCD,qBAAqB,CAACE,OAAO,CAAC;MAAEC,IAAI,EAAEP,WAAW;MAAEQ,cAAc,EAAEN;IAAc,CAAC,CAAC;EACrF;EACA,IAAIC,yBAAyB,EAAEC,qBAAqB,CAACE,OAAO,CAAC;IAAEG,OAAO,EAAE;EAAK,CAAC,CAAC;EAC/E,IAAIX,SAAS,EAAEM,qBAAqB,CAACE,OAAO,CAAC;IAAEC,IAAI,EAAET,SAAS;IAAEU,cAAc,EAAE,CAACP,WAAW;EAAE,CAAC,CAAC;EAEhG,MAAMS,aAAa,GAAGN,qBAAqB,CACxCO,GAAG,CAAC,CAAC;IAAEH,cAAc,EAAEI;EAAY,CAAC,KAAKA,WAAW,CAAC,CACrDC,MAAM,CAACC,OAAO,CAAC,CACfC,IAAI,CAAC,CAAC;EACT,OAAO;IAAEL,aAAa;IAAEN;EAAsB,CAAC;AACjD,CAAC;AAED,eAAeP,YAAY"}
+{"version":3,"file":"get-sort-props.js","names":["getSortProps","querySort","sortProperties","defaultSort","querySortBy","defaultSortBy","isTextSearchFilterApplied","updatedSortProperties","length","unshift","sort","propsToDisplay","isScore","sortbyFilters","map","filterProps","filter","Boolean","flat"],"sources":["../../../../src/components/List/helpers/get-sort-props.js"],"sourcesContent":["const getSortProps = ({\n  querySort,\n  sortProperties,\n  defaultSort,\n  querySortBy,\n  defaultSortBy,\n  isTextSearchFilterApplied\n}) => {\n  const updatedSortProperties = [...sortProperties];\n  if (!querySort && !sortProperties.length && defaultSortBy && defaultSortBy.length) {\n    updatedSortProperties.unshift({ sort: defaultSort, propsToDisplay: defaultSortBy });\n  }\n  if (isTextSearchFilterApplied) updatedSortProperties.unshift({ isScore: true });\n  if (querySort) updatedSortProperties.unshift({ sort: querySort, propsToDisplay: [querySortBy] });\n\n  const sortbyFilters = updatedSortProperties\n    .map(({ propsToDisplay: filterProps }) => filterProps)\n    .filter(Boolean)\n    .flat();\n  return { sortbyFilters, updatedSortProperties };\n};\n\nexport default getSortProps;\n"],"mappings":"AAAA,MAAMA,YAAY,GAAGA,CAAC;EACpBC,SAAS;EACTC,cAAc;EACdC,WAAW;EACXC,WAAW;EACXC,aAAa;EACbC;AACF,CAAC,KAAK;EACJ,MAAMC,qBAAqB,GAAG,CAAC,GAAGL,cAAc,CAAC;EACjD,IAAI,CAACD,SAAS,IAAI,CAACC,cAAc,CAACM,MAAM,IAAIH,aAAa,IAAIA,aAAa,CAACG,MAAM,EAAE;IACjFD,qBAAqB,CAACE,OAAO,CAAC;MAAEC,IAAI,EAAEP,WAAW;MAAEQ,cAAc,EAAEN;IAAc,CAAC,CAAC;EACrF;EACA,IAAIC,yBAAyB,EAAEC,qBAAqB,CAACE,OAAO,CAAC;IAAEG,OAAO,EAAE;EAAK,CAAC,CAAC;EAC/E,IAAIX,SAAS,EAAEM,qBAAqB,CAACE,OAAO,CAAC;IAAEC,IAAI,EAAET,SAAS;IAAEU,cAAc,EAAE,CAACP,WAAW;EAAE,CAAC,CAAC;EAEhG,MAAMS,aAAa,GAAGN,qBAAqB,CACxCO,GAAG,CAAC,CAAC;IAAEH,cAAc,EAAEI;EAAY,CAAC,KAAKA,WAAW,CAAC,CACrDC,MAAM,CAACC,OAAO,CAAC,CACfC,IAAI,CAAC,CAAC;EACT,OAAO;IAAEL,aAAa;IAAEN;EAAsB,CAAC;AACjD,CAAC;AAED,eAAeP,YAAY"}

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

@@ -11,7 +11,9 @@ const SearchContent = ({
   isMobile,
   placeholder,
   modifier,
-  collapsedSearch
+  collapsedSearch,
+  searchUrl,
+  navigateToSingleSearchResult
 }) => {
   const searchContentRef = useRef(null);
   const [collapsed, setCollapsed] = useState(collapsedSearch);
@@ -58,9 +60,13 @@ const SearchContent = ({
     e.preventDefault();
     router.push(url);
   };
-  const handleKeyPress = e => {
+  const handleKeyDown = e => {
     if (e.key === 'Enter' && e.target.value !== '') {
-      router.push(`/search?search_term=${e.target.value}`);
+      if (navigateToSingleSearchResult && results && results.length === 1 && results[0].url) {
+        router.push(results[0].url);
+      } else {
+        router.push(`${searchUrl || '/search'}?search_term=${e.target.value}`);
+      }
     }
   };
   const handleIconClick = () => {
@@ -95,7 +101,7 @@ const SearchContent = ({
     placeholder: placeholder,
     value: searchTerm,
     onChange: e => setSearchTerm(e.target.value),
-    onKeyPress: handleKeyPress,
+    onKeyDown: handleKeyDown,
     onFocus: () => setShowResults(true),
     "data-testid": "search-content-input"
   }))), showResults && /*#__PURE__*/React.createElement(SearchContentResults, {
@@ -111,7 +117,9 @@ SearchContent.propTypes = {
   isMobile: PropTypes.bool,
   entities: PropTypes.array.isRequired,
   modifier: PropTypes.string,
-  collapsedSearch: PropTypes.bool
+  collapsedSearch: PropTypes.bool,
+  searchUrl: PropTypes.string,
+  navigateToSingleSearchResult: PropTypes.bool
 };
 SearchContent.defaultProps = {
   searchInputWrapperMobile: '',
@@ -119,7 +127,9 @@ SearchContent.defaultProps = {
   placeholder: '',
   isMobile: false,
   modifier: '',
-  collapsedSearch: false
+  collapsedSearch: false,
+  searchUrl: '',
+  navigateToSingleSearchResult: false
 };
 export default SearchContent;
 //# sourceMappingURL=SearchContent.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"SearchContent.js","names":["React","useState","useEffect","useRef","PropTypes","useRouter","useDebounceSearch","SearchContentResults","SearchContentToggleIcon","SearchContent","entities","searchInputWrapperMobile","searchInputWrapperDesktop","isMobile","placeholder","modifier","collapsedSearch","searchContentRef","collapsed","setCollapsed","showResults","setShowResults","router","results","searchTerm","setSearchTerm","debouncedSearchTerm","initialSearchTerm","resultKeys","handleRouteChange","events","on","off","handleClickOutside","event","current","contains","target","document","addEventListener","removeEventListener","responsiveClasses","handleNavigation","e","url","preventDefault","push","handleKeyPress","key","value","handleIconClick","isCloseIcon","className","filter","Boolean","join","searchModifier","createElement","ref","onClick","useCloseIcon","type","name","onChange","onKeyPress","onFocus","handleClick","propTypes","string","bool","array","isRequired","defaultProps"],"sources":["../../../src/components/SearchContent/SearchContent.js"],"sourcesContent":["import React, { useState, useEffect, useRef } from 'react';\nimport PropTypes from 'prop-types';\nimport { useRouter } from 'next/router';\nimport { useDebounceSearch } from '@blaze-cms/plugin-search-ui';\nimport SearchContentResults from './SearchContentResults';\nimport SearchContentToggleIcon from './SearchContentToggleIcon';\n\nconst SearchContent = ({\n  entities,\n  searchInputWrapperMobile,\n  searchInputWrapperDesktop,\n  isMobile,\n  placeholder,\n  modifier,\n  collapsedSearch\n}) => {\n  const searchContentRef = useRef(null);\n  const [collapsed, setCollapsed] = useState(collapsedSearch);\n  const [showResults, setShowResults] = useState(false);\n  const router = useRouter();\n\n  const { results, searchTerm, setSearchTerm, debouncedSearchTerm } = useDebounceSearch({\n    entities,\n    initialSearchTerm: '',\n    resultKeys: 'id, name, image { url }, url'\n  });\n\n  useEffect(\n    () => {\n      const handleRouteChange = () => {\n        setSearchTerm('');\n        setShowResults(false);\n        if (collapsedSearch) setCollapsed(true);\n      };\n      router.events.on('routeChangeStart', handleRouteChange);\n\n      return () => {\n        router.events.off('routeChangeStart', handleRouteChange);\n      };\n    },\n    [collapsedSearch, router.events, setSearchTerm]\n  );\n\n  useEffect(\n    () => {\n      const handleClickOutside = event => {\n        if (searchContentRef.current && !searchContentRef.current.contains(event.target)) {\n          setShowResults(false);\n          if (collapsedSearch) {\n            setCollapsed(true);\n            setSearchTerm('');\n          }\n        }\n      };\n\n      document.addEventListener('click', handleClickOutside);\n\n      return () => {\n        document.removeEventListener('click', handleClickOutside);\n      };\n    },\n    [collapsedSearch, setSearchTerm]\n  );\n\n  const responsiveClasses = isMobile ? searchInputWrapperMobile : searchInputWrapperDesktop;\n\n  const handleNavigation = (e, url) => {\n    e.preventDefault();\n    router.push(url);\n  };\n\n  const handleKeyPress = e => {\n    if (e.key === 'Enter' && e.target.value !== '') {\n      router.push(`/search?search_term=${e.target.value}`);\n    }\n  };\n\n  const handleIconClick = () => {\n    const isCloseIcon = collapsedSearch ? !collapsed : debouncedSearchTerm;\n\n    if (collapsedSearch) setCollapsed(!collapsed);\n\n    if (isCloseIcon) {\n      setSearchTerm('');\n      setShowResults(false);\n    } else {\n      setShowResults(true);\n    }\n  };\n\n  const className = ['search-content', modifier, responsiveClasses].filter(Boolean).join(' ');\n  const searchModifier = collapsed ? 'search-content--collapse' : 'search-content--expanded';\n\n  return (\n    <div className={className} ref={searchContentRef}>\n      <div className={`${searchModifier}__wrapper`}>\n        <label className={`${searchModifier}__label`}>\n          <span className={`${searchModifier}__icon_wrapper`}>\n            <SearchContentToggleIcon\n              searchTerm={debouncedSearchTerm}\n              onClick={handleIconClick}\n              useCloseIcon={collapsedSearch ? !collapsed : debouncedSearchTerm}\n            />\n          </span>\n          {!collapsed && (\n            <input\n              className={`${searchModifier}__input`}\n              type=\"text\"\n              name=\"search\"\n              placeholder={placeholder}\n              value={searchTerm}\n              onChange={e => setSearchTerm(e.target.value)}\n              onKeyPress={handleKeyPress}\n              onFocus={() => setShowResults(true)}\n              data-testid=\"search-content-input\"\n            />\n          )}\n        </label>\n      </div>\n      {showResults && (\n        <SearchContentResults\n          results={results}\n          debouncedSearchTerm={debouncedSearchTerm}\n          handleClick={handleNavigation}\n        />\n      )}\n    </div>\n  );\n};\n\nSearchContent.propTypes = {\n  searchInputWrapperMobile: PropTypes.string,\n  searchInputWrapperDesktop: PropTypes.string,\n  placeholder: PropTypes.string,\n  isMobile: PropTypes.bool,\n  entities: PropTypes.array.isRequired,\n  modifier: PropTypes.string,\n  collapsedSearch: PropTypes.bool\n};\n\nSearchContent.defaultProps = {\n  searchInputWrapperMobile: '',\n  searchInputWrapperDesktop: '',\n  placeholder: '',\n  isMobile: false,\n  modifier: '',\n  collapsedSearch: false\n};\n\nexport default SearchContent;\n"],"mappings":"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"}
+{"version":3,"file":"SearchContent.js","names":["React","useState","useEffect","useRef","PropTypes","useRouter","useDebounceSearch","SearchContentResults","SearchContentToggleIcon","SearchContent","entities","searchInputWrapperMobile","searchInputWrapperDesktop","isMobile","placeholder","modifier","collapsedSearch","searchUrl","navigateToSingleSearchResult","searchContentRef","collapsed","setCollapsed","showResults","setShowResults","router","results","searchTerm","setSearchTerm","debouncedSearchTerm","initialSearchTerm","resultKeys","handleRouteChange","events","on","off","handleClickOutside","event","current","contains","target","document","addEventListener","removeEventListener","responsiveClasses","handleNavigation","e","url","preventDefault","push","handleKeyDown","key","value","length","handleIconClick","isCloseIcon","className","filter","Boolean","join","searchModifier","createElement","ref","onClick","useCloseIcon","type","name","onChange","onKeyDown","onFocus","handleClick","propTypes","string","bool","array","isRequired","defaultProps"],"sources":["../../../src/components/SearchContent/SearchContent.js"],"sourcesContent":["import React, { useState, useEffect, useRef } from 'react';\nimport PropTypes from 'prop-types';\nimport { useRouter } from 'next/router';\nimport { useDebounceSearch } from '@blaze-cms/plugin-search-ui';\nimport SearchContentResults from './SearchContentResults';\nimport SearchContentToggleIcon from './SearchContentToggleIcon';\n\nconst SearchContent = ({\n  entities,\n  searchInputWrapperMobile,\n  searchInputWrapperDesktop,\n  isMobile,\n  placeholder,\n  modifier,\n  collapsedSearch,\n  searchUrl,\n  navigateToSingleSearchResult\n}) => {\n  const searchContentRef = useRef(null);\n  const [collapsed, setCollapsed] = useState(collapsedSearch);\n  const [showResults, setShowResults] = useState(false);\n  const router = useRouter();\n\n  const { results, searchTerm, setSearchTerm, debouncedSearchTerm } = useDebounceSearch({\n    entities,\n    initialSearchTerm: '',\n    resultKeys: 'id, name, image { url }, url'\n  });\n\n  useEffect(\n    () => {\n      const handleRouteChange = () => {\n        setSearchTerm('');\n        setShowResults(false);\n        if (collapsedSearch) setCollapsed(true);\n      };\n      router.events.on('routeChangeStart', handleRouteChange);\n\n      return () => {\n        router.events.off('routeChangeStart', handleRouteChange);\n      };\n    },\n    [collapsedSearch, router.events, setSearchTerm]\n  );\n\n  useEffect(\n    () => {\n      const handleClickOutside = event => {\n        if (searchContentRef.current && !searchContentRef.current.contains(event.target)) {\n          setShowResults(false);\n          if (collapsedSearch) {\n            setCollapsed(true);\n            setSearchTerm('');\n          }\n        }\n      };\n\n      document.addEventListener('click', handleClickOutside);\n\n      return () => {\n        document.removeEventListener('click', handleClickOutside);\n      };\n    },\n    [collapsedSearch, setSearchTerm]\n  );\n\n  const responsiveClasses = isMobile ? searchInputWrapperMobile : searchInputWrapperDesktop;\n\n  const handleNavigation = (e, url) => {\n    e.preventDefault();\n    router.push(url);\n  };\n\n  const handleKeyDown = e => {\n    if (e.key === 'Enter' && e.target.value !== '') {\n      if (navigateToSingleSearchResult && results && results.length === 1 && results[0].url) {\n        router.push(results[0].url);\n      } else {\n        router.push(`${searchUrl || '/search'}?search_term=${e.target.value}`);\n      }\n    }\n  };\n\n  const handleIconClick = () => {\n    const isCloseIcon = collapsedSearch ? !collapsed : debouncedSearchTerm;\n\n    if (collapsedSearch) setCollapsed(!collapsed);\n\n    if (isCloseIcon) {\n      setSearchTerm('');\n      setShowResults(false);\n    } else {\n      setShowResults(true);\n    }\n  };\n\n  const className = ['search-content', modifier, responsiveClasses].filter(Boolean).join(' ');\n  const searchModifier = collapsed ? 'search-content--collapse' : 'search-content--expanded';\n\n  return (\n    <div className={className} ref={searchContentRef}>\n      <div className={`${searchModifier}__wrapper`}>\n        <label className={`${searchModifier}__label`}>\n          <span className={`${searchModifier}__icon_wrapper`}>\n            <SearchContentToggleIcon\n              searchTerm={debouncedSearchTerm}\n              onClick={handleIconClick}\n              useCloseIcon={collapsedSearch ? !collapsed : debouncedSearchTerm}\n            />\n          </span>\n          {!collapsed && (\n            <input\n              className={`${searchModifier}__input`}\n              type=\"text\"\n              name=\"search\"\n              placeholder={placeholder}\n              value={searchTerm}\n              onChange={e => setSearchTerm(e.target.value)}\n              onKeyDown={handleKeyDown}\n              onFocus={() => setShowResults(true)}\n              data-testid=\"search-content-input\"\n            />\n          )}\n        </label>\n      </div>\n      {showResults && (\n        <SearchContentResults\n          results={results}\n          debouncedSearchTerm={debouncedSearchTerm}\n          handleClick={handleNavigation}\n        />\n      )}\n    </div>\n  );\n};\n\nSearchContent.propTypes = {\n  searchInputWrapperMobile: PropTypes.string,\n  searchInputWrapperDesktop: PropTypes.string,\n  placeholder: PropTypes.string,\n  isMobile: PropTypes.bool,\n  entities: PropTypes.array.isRequired,\n  modifier: PropTypes.string,\n  collapsedSearch: PropTypes.bool,\n  searchUrl: PropTypes.string,\n  navigateToSingleSearchResult: PropTypes.bool\n};\n\nSearchContent.defaultProps = {\n  searchInputWrapperMobile: '',\n  searchInputWrapperDesktop: '',\n  placeholder: '',\n  isMobile: false,\n  modifier: '',\n  collapsedSearch: false,\n  searchUrl: '',\n  navigateToSingleSearchResult: false\n};\n\nexport default SearchContent;\n"],"mappings":"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"}

package/lib-es/components/SearchContent/SearchContentItems.js

@@ -5,7 +5,7 @@ const SearchContentItems = ({
   results = [],
   onClick
 }) => results.map(item => {
-  if (!item.url) return null;
+  if (!item || !item.url) return null;
   const {
     id,
     name,

package/lib-es/components/SearchContent/SearchContentItems.js.map

@@ -1 +1 @@
-{"version":3,"file":"SearchContentItems.js","names":["React","BlazeLink","LazyImage","SearchContentItems","results","onClick","map","item","url","id","name","image","createElement","href","key","className","src","alt","sizeKey"],"sources":["../../../src/components/SearchContent/SearchContentItems.js"],"sourcesContent":["import React from 'react';\nimport BlazeLink from '../BlazeLink';\nimport LazyImage from '../LazyImage';\n\nconst SearchContentItems = ({ results = [], onClick }) =>\n  results.map(item => {\n    if (!item.url) return null;\n\n    const { id, name, image, url } = item;\n\n    return (\n      <BlazeLink href={url} onClick={onClick} key={id}>\n        <div className=\"search-content--results__wrapper\">\n          {image?.url ? (\n            <LazyImage\n              src={image.url}\n              alt={name}\n              className=\"search-content--results__image\"\n              sizeKey=\"search-result\"\n            />\n          ) : null}\n          <span className=\"search-content--results__title\">{name}</span>\n        </div>\n      </BlazeLink>\n    );\n  });\n\nexport default SearchContentItems;\n"],"mappings":"AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,OAAOC,SAAS,MAAM,cAAc;AACpC,OAAOC,SAAS,MAAM,cAAc;AAEpC,MAAMC,kBAAkB,GAAGA,CAAC;EAAEC,OAAO,GAAG,EAAE;EAAEC;AAAQ,CAAC,KACnDD,OAAO,CAACE,GAAG,CAACC,IAAI,IAAI;EAClB,IAAI,CAACA,IAAI,CAACC,GAAG,EAAE,OAAO,IAAI;EAE1B,MAAM;IAAEC,EAAE;IAAEC,IAAI;IAAEC,KAAK;IAAEH;EAAI,CAAC,GAAGD,IAAI;EAErC,oBACEP,KAAA,CAAAY,aAAA,CAACX,SAAS;IAACY,IAAI,EAAEL,GAAI;IAACH,OAAO,EAAEA,OAAQ;IAACS,GAAG,EAAEL;EAAG,gBAC9CT,KAAA,CAAAY,aAAA;IAAKG,SAAS,EAAC;EAAkC,GAC9C,CAAAJ,KAAK,aAALA,KAAK,uBAALA,KAAK,CAAEH,GAAG,iBACTR,KAAA,CAAAY,aAAA,CAACV,SAAS;IACRc,GAAG,EAAEL,KAAK,CAACH,GAAI;IACfS,GAAG,EAAEP,IAAK;IACVK,SAAS,EAAC,gCAAgC;IAC1CG,OAAO,EAAC;EAAe,CACxB,CAAC,GACA,IAAI,eACRlB,KAAA,CAAAY,aAAA;IAAMG,SAAS,EAAC;EAAgC,GAAEL,IAAW,CAC1D,CACI,CAAC;AAEhB,CAAC,CAAC;AAEJ,eAAeP,kBAAkB"}
+{"version":3,"file":"SearchContentItems.js","names":["React","BlazeLink","LazyImage","SearchContentItems","results","onClick","map","item","url","id","name","image","createElement","href","key","className","src","alt","sizeKey"],"sources":["../../../src/components/SearchContent/SearchContentItems.js"],"sourcesContent":["import React from 'react';\nimport BlazeLink from '../BlazeLink';\nimport LazyImage from '../LazyImage';\n\nconst SearchContentItems = ({ results = [], onClick }) =>\n  results.map(item => {\n    if (!item || !item.url) return null;\n\n    const { id, name, image, url } = item;\n\n    return (\n      <BlazeLink href={url} onClick={onClick} key={id}>\n        <div className=\"search-content--results__wrapper\">\n          {image?.url ? (\n            <LazyImage\n              src={image.url}\n              alt={name}\n              className=\"search-content--results__image\"\n              sizeKey=\"search-result\"\n            />\n          ) : null}\n          <span className=\"search-content--results__title\">{name}</span>\n        </div>\n      </BlazeLink>\n    );\n  });\n\nexport default SearchContentItems;\n"],"mappings":"AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,OAAOC,SAAS,MAAM,cAAc;AACpC,OAAOC,SAAS,MAAM,cAAc;AAEpC,MAAMC,kBAAkB,GAAGA,CAAC;EAAEC,OAAO,GAAG,EAAE;EAAEC;AAAQ,CAAC,KACnDD,OAAO,CAACE,GAAG,CAACC,IAAI,IAAI;EAClB,IAAI,CAACA,IAAI,IAAI,CAACA,IAAI,CAACC,GAAG,EAAE,OAAO,IAAI;EAEnC,MAAM;IAAEC,EAAE;IAAEC,IAAI;IAAEC,KAAK;IAAEH;EAAI,CAAC,GAAGD,IAAI;EAErC,oBACEP,KAAA,CAAAY,aAAA,CAACX,SAAS;IAACY,IAAI,EAAEL,GAAI;IAACH,OAAO,EAAEA,OAAQ;IAACS,GAAG,EAAEL;EAAG,gBAC9CT,KAAA,CAAAY,aAAA;IAAKG,SAAS,EAAC;EAAkC,GAC9C,CAAAJ,KAAK,aAALA,KAAK,uBAALA,KAAK,CAAEH,GAAG,iBACTR,KAAA,CAAAY,aAAA,CAACV,SAAS;IACRc,GAAG,EAAEL,KAAK,CAACH,GAAI;IACfS,GAAG,EAAEP,IAAK;IACVK,SAAS,EAAC,gCAAgC;IAC1CG,OAAO,EAAC;EAAe,CACxB,CAAC,GACA,IAAI,eACRlB,KAAA,CAAAY,aAAA;IAAMG,SAAS,EAAC;EAAgC,GAAEL,IAAW,CAC1D,CACI,CAAC;AAEhB,CAAC,CAAC;AAEJ,eAAeP,kBAAkB"}

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

@@ -151,7 +151,7 @@ const SearchFilter = ({
   }), /*#__PURE__*/React.createElement("button", {
     className: "button button--full-width",
     type: "submit"
-  }, SEARCH)))), /*#__PURE__*/React.createElement("br", null), !displaySearchFilter && /*#__PURE__*/React.createElement("button", {
+  }, SEARCH)))), !displaySearchFilter && /*#__PURE__*/React.createElement("button", {
     className: "button button--full-width",
     type: "submit"
   }, SEARCH))), displaySearchFilter && /*#__PURE__*/React.createElement(MobileFormToolbar, {