@blaze-cms/react-page-builder 0.124.0-alpha.3 → 0.124.0-alpha.32

package/lib-es/utils/get-class-modifiers.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../src/utils/get-class-modifiers.js"],"names":["BUTTON","BUTTON_ICON","CLASS_MODIFIERS","ICON_BUTTON","LINK","CODE","COMPONENTS_DEFAULT_VALUES","BUTTON_TYPE","DEFAULT","DESKTOP","GTM_CLASS_NAME","HIDE","ICON","MOBILE","MODIFIER","SIZE","STICKY","STYLE","TABLET","WIDTH","ALIGNMENT","commonProps","responsiveProps","buttonProps","iconProps","commonAttributes","props","prefix","supportedTypes","row","column","button","icon","textBlock","banner","image","hero","video","list","code","getClassModifiers","type","supportedProps","defaultValues","modifiers","map","prop","propValue","stringValue","isResponsiveProp","includes","undefined","filter","Boolean","unshift","join"],"mappings":"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","sourcesContent":["import { BUTTON, BUTTON_ICON, CLASS_MODIFIERS, ICON_BUTTON, LINK, CODE } from '../constants';\nimport COMPONENTS_DEFAULT_VALUES from '../constants/componentsDefaultValues';\n\nconst {\n  BUTTON_TYPE,\n  DEFAULT,\n  DESKTOP,\n  GTM_CLASS_NAME,\n  HIDE,\n  ICON,\n  MOBILE,\n  MODIFIER,\n  SIZE,\n  STICKY,\n  STYLE,\n  TABLET,\n  WIDTH,\n  ALIGNMENT\n} = CLASS_MODIFIERS;\nconst commonProps = [GTM_CLASS_NAME, MODIFIER];\nconst responsiveProps = [DESKTOP, TABLET, MOBILE];\nconst buttonProps = [SIZE, BUTTON_TYPE, ICON, STYLE, ALIGNMENT, ...commonProps];\nconst iconProps = [BUTTON_TYPE, ...commonProps];\n\nconst commonAttributes = { props: commonProps, prefix: null };\n\nconst supportedTypes = {\n  row: { props: [WIDTH, ...responsiveProps, ...commonProps] },\n  column: { props: [WIDTH, STICKY, ...responsiveProps, ...commonProps] },\n  button: {\n    props: buttonProps,\n    prefix: BUTTON\n  },\n  icon: { props: iconProps, prefix: ICON_BUTTON },\n  textBlock: { ...commonAttributes },\n  banner: { ...commonAttributes },\n  image: { ...commonAttributes },\n  hero: { ...commonAttributes },\n  video: { ...commonAttributes },\n  list: { ...commonAttributes },\n  code: { ...commonAttributes, prefix: CODE }\n};\n\nexport default function getClassModifiers(type, props) {\n  const { props: supportedProps, prefix } = supportedTypes[type] || {};\n  const defaultValues = COMPONENTS_DEFAULT_VALUES[type] || {};\n  if (!supportedProps) return '';\n\n  const modifiers = supportedProps\n    .map(prop => {\n      const propValue = props[prop];\n      const stringValue = typeof propValue === 'boolean' ? prop : propValue;\n      const isResponsiveProp = responsiveProps.includes(prop);\n      if (prop === ICON) return propValue ? BUTTON_ICON : '';\n      if (prop === MODIFIER && propValue) return `${propValue}`;\n      if (propValue === DEFAULT || stringValue === type) return '';\n      if (isResponsiveProp) return propValue ? '' : `${HIDE}-${prop}`;\n      if (propValue === null || propValue === undefined) return defaultValues[prop] || '';\n      if (prop === WIDTH || prop === LINK) return `${type}--${propValue}`;\n      if (prop === GTM_CLASS_NAME) return `${propValue}`;\n      if (prop === STICKY) return propValue ? `${type}--${stringValue}` : '';\n\n      return stringValue ? `${type}--${stringValue}` : '';\n    })\n    .filter(Boolean);\n  if (prefix) modifiers.unshift(prefix);\n\n  return modifiers.join(' ');\n}\n"],"file":"get-class-modifiers.js"}
+{"version":3,"file":"get-class-modifiers.js","names":["BUTTON","BUTTON_ICON","CLASS_MODIFIERS","ICON_BUTTON","LINK","CODE","COMPONENTS_DEFAULT_VALUES","BUTTON_TYPE","DEFAULT","DESKTOP","GTM_CLASS_NAME","HIDE","ICON","MOBILE","MODIFIER","SIZE","STICKY","STYLE","TABLET","WIDTH","ALIGNMENT","commonProps","responsiveProps","buttonProps","iconProps","commonAttributes","props","prefix","supportedTypes","row","column","button","icon","textBlock","banner","image","hero","video","list","code","getClassModifiers","type","supportedProps","defaultValues","modifiers","map","prop","propValue","stringValue","isResponsiveProp","includes","undefined","filter","Boolean","unshift","join"],"sources":["../../src/utils/get-class-modifiers.js"],"sourcesContent":["import { BUTTON, BUTTON_ICON, CLASS_MODIFIERS, ICON_BUTTON, LINK, CODE } from '../constants';\nimport COMPONENTS_DEFAULT_VALUES from '../constants/componentsDefaultValues';\n\nconst {\n  BUTTON_TYPE,\n  DEFAULT,\n  DESKTOP,\n  GTM_CLASS_NAME,\n  HIDE,\n  ICON,\n  MOBILE,\n  MODIFIER,\n  SIZE,\n  STICKY,\n  STYLE,\n  TABLET,\n  WIDTH,\n  ALIGNMENT\n} = CLASS_MODIFIERS;\nconst commonProps = [GTM_CLASS_NAME, MODIFIER];\nconst responsiveProps = [DESKTOP, TABLET, MOBILE];\nconst buttonProps = [SIZE, BUTTON_TYPE, ICON, STYLE, ALIGNMENT, ...commonProps];\nconst iconProps = [BUTTON_TYPE, ...commonProps];\n\nconst commonAttributes = { props: commonProps, prefix: null };\n\nconst supportedTypes = {\n  row: { props: [WIDTH, ...responsiveProps, ...commonProps] },\n  column: { props: [WIDTH, STICKY, ...responsiveProps, ...commonProps] },\n  button: {\n    props: buttonProps,\n    prefix: BUTTON\n  },\n  icon: { props: iconProps, prefix: ICON_BUTTON },\n  textBlock: { ...commonAttributes },\n  banner: { ...commonAttributes },\n  image: { ...commonAttributes },\n  hero: { ...commonAttributes },\n  video: { ...commonAttributes },\n  list: { ...commonAttributes },\n  code: { ...commonAttributes, prefix: CODE }\n};\n\nexport default function getClassModifiers(type, props) {\n  const { props: supportedProps, prefix } = supportedTypes[type] || {};\n  const defaultValues = COMPONENTS_DEFAULT_VALUES[type] || {};\n  if (!supportedProps) return '';\n\n  const modifiers = supportedProps\n    .map(prop => {\n      const propValue = props[prop];\n      const stringValue = typeof propValue === 'boolean' ? prop : propValue;\n      const isResponsiveProp = responsiveProps.includes(prop);\n      if (prop === ICON) return propValue ? BUTTON_ICON : '';\n      if (prop === MODIFIER && propValue) return `${propValue}`;\n      if (propValue === DEFAULT || stringValue === type) return '';\n      if (isResponsiveProp) return propValue ? '' : `${HIDE}-${prop}`;\n      if (propValue === null || propValue === undefined) return defaultValues[prop] || '';\n      if (prop === WIDTH || prop === LINK) return `${type}--${propValue}`;\n      if (prop === GTM_CLASS_NAME) return `${propValue}`;\n      if (prop === STICKY) return propValue ? `${type}--${stringValue}` : '';\n\n      return stringValue ? `${type}--${stringValue}` : '';\n    })\n    .filter(Boolean);\n  if (prefix) modifiers.unshift(prefix);\n\n  return modifiers.join(' ');\n}\n"],"mappings":"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"}

package/lib-es/utils/get-image-data.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../src/utils/get-image-data.js"],"names":["parseHTML","PROPS_TO_CHECK","getImageData","otherProps","data","imageData","forEach","keyData","keyProps","value"],"mappings":"AAAA,OAAOA,SAAP,MAAsB,mBAAtB;AACA,SAASC,cAAT,QAA+B,cAA/B;;AAEA,MAAMC,YAAY,GAAG,CAACC,UAAD,EAAaC,IAAb,KAAsB;AACzC,QAAMC,SAAS,GAAG,EAAlB;AAEAJ,EAAAA,cAAc,CAACK,OAAf,CAAuB,CAAC,CAACC,OAAD,EAAUC,QAAV,CAAD,KAAyB;AAC9C,UAAMC,KAAK,GAAGN,UAAU,CAACK,QAAD,CAAV,IAAyBJ,IAAI,IAAIA,IAAI,CAACG,OAAD,CAAnD;;AACA,QAAIA,OAAO,KAAK,SAAhB,EAA2B;AACzBF,MAAAA,SAAS,CAACE,OAAD,CAAT,GAAqBE,KAAK,GAAGT,SAAS,CAACS,KAAD,CAAZ,GAAsB,EAAhD;AACA;AACD;;AACDJ,IAAAA,SAAS,CAACE,OAAD,CAAT,GAAqBE,KAAK,IAAI,EAA9B;AACD,GAPD;AASA,SAAOJ,SAAP;AACD,CAbD;;AAeA,eAAeH,YAAf","sourcesContent":["import parseHTML from 'html-react-parser';\nimport { PROPS_TO_CHECK } from '../constants';\n\nconst getImageData = (otherProps, data) => {\n  const imageData = {};\n\n  PROPS_TO_CHECK.forEach(([keyData, keyProps]) => {\n    const value = otherProps[keyProps] || (data && data[keyData]);\n    if (keyData === 'caption') {\n      imageData[keyData] = value ? parseHTML(value) : '';\n      return;\n    }\n    imageData[keyData] = value || '';\n  });\n\n  return imageData;\n};\n\nexport default getImageData;\n"],"file":"get-image-data.js"}
+{"version":3,"file":"get-image-data.js","names":["parseHTML","PROPS_TO_CHECK","getImageData","otherProps","data","imageData","forEach","keyData","keyProps","value"],"sources":["../../src/utils/get-image-data.js"],"sourcesContent":["import parseHTML from 'html-react-parser';\nimport { PROPS_TO_CHECK } from '../constants';\n\nconst getImageData = (otherProps, data) => {\n  const imageData = {};\n\n  PROPS_TO_CHECK.forEach(([keyData, keyProps]) => {\n    const value = otherProps[keyProps] || (data && data[keyData]);\n    if (keyData === 'caption') {\n      imageData[keyData] = value ? parseHTML(value) : '';\n      return;\n    }\n    imageData[keyData] = value || '';\n  });\n\n  return imageData;\n};\n\nexport default getImageData;\n"],"mappings":"AAAA,OAAOA,SAAP,MAAsB,mBAAtB;AACA,SAASC,cAAT,QAA+B,cAA/B;;AAEA,MAAMC,YAAY,GAAG,CAACC,UAAD,EAAaC,IAAb,KAAsB;EACzC,MAAMC,SAAS,GAAG,EAAlB;EAEAJ,cAAc,CAACK,OAAf,CAAuB,CAAC,CAACC,OAAD,EAAUC,QAAV,CAAD,KAAyB;IAC9C,MAAMC,KAAK,GAAGN,UAAU,CAACK,QAAD,CAAV,IAAyBJ,IAAI,IAAIA,IAAI,CAACG,OAAD,CAAnD;;IACA,IAAIA,OAAO,KAAK,SAAhB,EAA2B;MACzBF,SAAS,CAACE,OAAD,CAAT,GAAqBE,KAAK,GAAGT,SAAS,CAACS,KAAD,CAAZ,GAAsB,EAAhD;MACA;IACD;;IACDJ,SAAS,CAACE,OAAD,CAAT,GAAqBE,KAAK,IAAI,EAA9B;EACD,CAPD;EASA,OAAOJ,SAAP;AACD,CAbD;;AAeA,eAAeH,YAAf"}

package/lib-es/utils/get-props-to-display-modifiers.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../src/utils/get-props-to-display-modifiers.js"],"names":["getPropsToDisplayModifiers","propsToDisplay","map","modifier"],"mappings":"AAAA,MAAMA,0BAA0B,GAAGC,cAAc,IAC/CA,cAAc,CAACC,GAAf,CAAmB,CAAC;AAAEC,EAAAA;AAAF,CAAD,KAAkBA,QAAQ,IAAI,EAAjD,CADF;;AAGA,eAAeH,0BAAf","sourcesContent":["const getPropsToDisplayModifiers = propsToDisplay =>\n  propsToDisplay.map(({ modifier }) => modifier || '');\n\nexport default getPropsToDisplayModifiers;\n"],"file":"get-props-to-display-modifiers.js"}
+{"version":3,"file":"get-props-to-display-modifiers.js","names":["getPropsToDisplayModifiers","propsToDisplay","map","modifier"],"sources":["../../src/utils/get-props-to-display-modifiers.js"],"sourcesContent":["const getPropsToDisplayModifiers = propsToDisplay =>\n  propsToDisplay.map(({ modifier }) => modifier || '');\n\nexport default getPropsToDisplayModifiers;\n"],"mappings":"AAAA,MAAMA,0BAA0B,GAAGC,cAAc,IAC/CA,cAAc,CAACC,GAAf,CAAmB,CAAC;EAAEC;AAAF,CAAD,KAAkBA,QAAQ,IAAI,EAAjD,CADF;;AAGA,eAAeH,0BAAf"}

package/lib-es/utils/index.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../src/utils/index.js"],"names":["getClassModifiers","componentMap","isObjectEmpty","getImageData","getPropsToDisplayModifiers"],"mappings":"AAAA,OAAOA,iBAAP,MAA8B,uBAA9B;AACA,OAAOC,YAAP,MAAyB,iBAAzB;AACA,OAAOC,aAAP,MAA0B,mBAA1B;AACA,OAAOC,YAAP,MAAyB,kBAAzB;AACA,OAAOC,0BAAP,MAAuC,kCAAvC;AAEA,SAASJ,iBAAT,EAA4BC,YAA5B,EAA0CC,aAA1C,EAAyDC,YAAzD,EAAuEC,0BAAvE","sourcesContent":["import getClassModifiers from './get-class-modifiers';\nimport componentMap from './component-map';\nimport isObjectEmpty from './is-object-empty';\nimport getImageData from './get-image-data';\nimport getPropsToDisplayModifiers from './get-props-to-display-modifiers';\n\nexport { getClassModifiers, componentMap, isObjectEmpty, getImageData, getPropsToDisplayModifiers };\n"],"file":"index.js"}
+{"version":3,"file":"index.js","names":["getClassModifiers","componentMap","isObjectEmpty","getImageData","getPropsToDisplayModifiers"],"sources":["../../src/utils/index.js"],"sourcesContent":["import getClassModifiers from './get-class-modifiers';\nimport componentMap from './component-map';\nimport isObjectEmpty from './is-object-empty';\nimport getImageData from './get-image-data';\nimport getPropsToDisplayModifiers from './get-props-to-display-modifiers';\n\nexport { getClassModifiers, componentMap, isObjectEmpty, getImageData, getPropsToDisplayModifiers };\n"],"mappings":"AAAA,OAAOA,iBAAP,MAA8B,uBAA9B;AACA,OAAOC,YAAP,MAAyB,iBAAzB;AACA,OAAOC,aAAP,MAA0B,mBAA1B;AACA,OAAOC,YAAP,MAAyB,kBAAzB;AACA,OAAOC,0BAAP,MAAuC,kCAAvC;AAEA,SAASJ,iBAAT,EAA4BC,YAA5B,EAA0CC,aAA1C,EAAyDC,YAAzD,EAAuEC,0BAAvE"}

package/lib-es/utils/is-object-empty.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../src/utils/is-object-empty.js"],"names":["isObjectEmpty","objectToCheck","Object","keys","length"],"mappings":"AAAA,eAAe,SAASA,aAAT,CAAuBC,aAAvB,EAAsC;AACnD,SAAO,EAAE,CAACA,aAAD,IAAkBC,MAAM,CAACC,IAAP,CAAYF,aAAZ,EAA2BG,MAA/C,CAAP;AACD","sourcesContent":["export default function isObjectEmpty(objectToCheck) {\n  return !(!objectToCheck || Object.keys(objectToCheck).length);\n}\n"],"file":"is-object-empty.js"}
+{"version":3,"file":"is-object-empty.js","names":["isObjectEmpty","objectToCheck","Object","keys","length"],"sources":["../../src/utils/is-object-empty.js"],"sourcesContent":["export default function isObjectEmpty(objectToCheck) {\n  return !(!objectToCheck || Object.keys(objectToCheck).length);\n}\n"],"mappings":"AAAA,eAAe,SAASA,aAAT,CAAuBC,aAAvB,EAAsC;EACnD,OAAO,EAAE,CAACA,aAAD,IAAkBC,MAAM,CAACC,IAAP,CAAYF,aAAZ,EAA2BG,MAA/C,CAAP;AACD"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@blaze-cms/react-page-builder",
-  "version": "0.124.0-alpha.3",
+  "version": "0.124.0-alpha.32",
   "description": "Blaze react page builder",
   "main": "lib/index.js",
   "module": "lib-es/index.js",
@@ -29,8 +29,9 @@
   "dependencies": {
     "@blaze-cms/core-auth-ui": "^0.119.0",
     "@blaze-cms/core-errors": "^0.118.0",
-    "@blaze-cms/image-cdn-react": "^0.2.0",
-    "@blaze-cms/nextjs-components": "^0.124.0-alpha.2",
+    "@blaze-cms/image-cdn-react": "0.3.0-alpha.2",
+    "@blaze-cms/nextjs-components": "^0.124.0-alpha.30",
+    "@blaze-cms/plugin-search-ui": "^0.124.0-alpha.21",
     "@blaze-cms/setup-ui": "^0.92.0",
     "@blaze-cms/utils": "^0.118.0",
     "@blaze-react/breadcrumb": "0.8.0-alpha.60",
@@ -84,5 +85,5 @@
     "lib/*",
     "lib-es/*"
   ],
-  "gitHead": "a1111541646b69aba70356809b369b61da895d99"
+  "gitHead": "93bbbb662e2b34607a1302233b43648034640432"
 }

package/src/application/query/index.js

@@ -156,6 +156,10 @@ const getPublishedContent = entity => `
         ... on ${entity} {
           id
           name
+          image {
+            url
+            __typename
+          }
           url
           __typename
         }
@@ -167,6 +171,52 @@ const getPublishedContent = entity => `
   }
 `;
 
+const getItemList = gql`
+  query getItemList($id: String!) {
+    getItemList(id: $id) {
+      listItems {
+        itemId
+        itemEntity
+      }
+    }
+  }
+`;
+
+const addItemsToList = gql`
+  mutation addItemsToList(
+    $name: String!
+    $id: String
+    $listItems: [AddItemsToListInputListItemsItem]!
+  ) {
+    addItemsToList(input: { name: $name, id: $id, listItems: $listItems }) {
+      result {
+        id
+        listItems {
+          itemId
+          itemEntity
+        }
+      }
+    }
+  }
+`;
+
+const removeItemsFromList = gql`
+  mutation removeItemsFromList(
+    $listId: String!
+    $listItems: [RemoveItemsFromListInputListItemsItem]!
+  ) {
+    removeItemsFromList(input: { id: $listId, listItems: $listItems }) {
+      result {
+        id
+        listItems {
+          itemId
+          itemEntity
+        }
+      }
+    }
+  }
+`;
+
 export {
   getEntitySchema,
   getSingleEntitySchema,
@@ -180,5 +230,8 @@ export {
   getCount,
   getMultipleSchema,
   getUser,
-  getRecordParents
+  getRecordParents,
+  getItemList,
+  addItemsToList,
+  removeItemsFromList
 };

package/src/components/Card/CardContainer.js

@@ -31,7 +31,6 @@ const CardContainer = ({
   enableAutoScroll,
   enableOverlay,
   autoScrollTimer,
-  arrowSize,
   overlayModifier,
   titleOverlayModifier,
   ...cardProps
@@ -88,7 +87,6 @@ const CardContainer = ({
             displayThumbnail={displayThumbnail}
             displayTitle={displayTitle}
             priority={priority}
-            arrowSize={arrowSize}
             enableOverlay={enableOverlay}
             overlayModifier={overlayModifier}
             titleOverlayModifier={titleOverlayModifier}
@@ -122,8 +120,7 @@ CardContainer.propTypes = {
   enableOverlay: PropTypes.bool,
   overlayModifier: PropTypes.string,
   titleOverlayModifier: PropTypes.string,
-  autoScrollTimer: PropTypes.number,
-  arrowSize: PropTypes.string
+  autoScrollTimer: PropTypes.number
 };
 
 CardContainer.defaultProps = {
@@ -146,8 +143,7 @@ CardContainer.defaultProps = {
   enableOverlay: false,
   autoScrollTimer: 0,
   overlayModifier: '',
-  titleOverlayModifier: '',
-  arrowSize: ''
+  titleOverlayModifier: ''
 };
 
 export default withTitle(CardContainer);

package/src/components/Card/CardFactory.js

@@ -6,7 +6,7 @@ import CardRender from './CardRender';
 import { buildPropsQuery, getGenericProps, checkPropsToUse } from '../../helpers';
 import { WITH_BANNER } from '../../constants';
 
-const CardFactory = ({ entity, propsToDisplay, itemsToDisplay, ...cardProps }) => {
+const CardFactory = ({ entity, propsToDisplay, itemsToDisplay, itemListName, ...cardProps }) => {
   const { data, error, loading } = useQuery(getSingleEntitySchema, {
     variables: { id: entity }
   });
@@ -36,12 +36,14 @@ const CardFactory = ({ entity, propsToDisplay, itemsToDisplay, ...cardProps }) =
 CardFactory.propTypes = {
   entity: PropTypes.string.isRequired,
   propsToDisplay: PropTypes.array,
-  itemsToDisplay: PropTypes.array
+  itemsToDisplay: PropTypes.array,
+  itemListName: PropTypes.string
 };
 
 CardFactory.defaultProps = {
   propsToDisplay: [],
-  itemsToDisplay: []
+  itemsToDisplay: [],
+  itemListName: ''
 };
 
 export default CardFactory;

package/src/components/Carousel/CarouselRender/CarouselRender.js

@@ -56,7 +56,7 @@ const CarouselRender = ({ imageIds, displayCount, ...otherProps }) => {
         className="carousel__button carousel__button--previous"
         role="button"
         onClick={() => handleNavigation(navigation.back)}>
-        <div className="arrow arrow--left" />
+        <div className="carousel--arrow__left" />
       </div>
       <div className="carousel__list" ref={listRef}>
         {imageIds.map(imageId => <CarouselImage key={imageId} imageId={imageId} {...otherProps} />)}
@@ -66,7 +66,7 @@ const CarouselRender = ({ imageIds, displayCount, ...otherProps }) => {
         role="button"
         onClick={() => handleNavigation(navigation.next)}>
         {shouldDisplayCount && <p>{countMessage}</p>}
-        <div className="arrow arrow--right" />
+        <div className="carousel--arrow__right" />
       </div>
     </>
   );

package/src/components/CarouselWrapper.js

@@ -80,7 +80,7 @@ const CarouselWrapper = ({
               setShouldAutoScroll(false);
               handleButtonNavigation();
             }}>
-            <i className="carousel--arrow-left" />
+            <i className="cards-carousel--arrow__left" />
           </button>
         )}
       </div>
@@ -93,7 +93,7 @@ const CarouselWrapper = ({
               setShouldAutoScroll(false);
               handleButtonNavigation(true);
             }}>
-            <i className="carousel--arrow-left" />
+            <i className="cards-carousel--arrow__right" />
           </button>
         )}
       </div>

package/src/components/Image/ImageRender.js

@@ -1,5 +1,6 @@
 import React from 'react';
 import PropTypes from 'prop-types';
+import Head from 'next/head';
 import { ResponsiveImage } from '@blaze-cms/image-cdn-react';
 import Lightbox from './Lightbox';
 
@@ -22,6 +23,7 @@ const ImageRender = ({
   ...otherProps
 }) => {
   const imageStyle = enableLightbox ? { cursor: 'pointer' } : style;
+  const HeadComponent = priority ? Head : null;
 
   return (
     <>
@@ -31,6 +33,7 @@ const ImageRender = ({
         src={imageUrl}
         onClick={handleEnableLightbox}
         style={imageStyle}
+        HeadComponent={HeadComponent}
       />
       {displayLightbox && (
         <Lightbox

package/src/components/ItemListButton/ItemListButton.js

@@ -0,0 +1,107 @@
+import React, { useState, useEffect } from 'react';
+import PropTypes from 'prop-types';
+import {
+  BsBookmarkStarFill,
+  BsBookmarkCheckFill,
+  BsBookmarkStar,
+  BsBookmarkXFill
+} from 'react-icons/bs';
+import { useQuery, useMutation } from '@apollo/client';
+import { getItemList, addItemsToList, removeItemsFromList } from '../../application/query';
+import { getItemListData, getItemListId } from '../../helpers';
+import { LIST_ITEM_LOCAL_KEY } from '../../constants';
+
+const ItemListButton = ({ listName, parent, modifier }) => {
+  const { itemId, itemEntity } = parent;
+  const idFromStorage = getItemListId(listName);
+  const [listId, setListId] = useState(idFromStorage);
+  const [isHover, setIsHover] = useState(false);
+
+  useEffect(
+    () => {
+      const storageEventHandler = () => {
+        const newId = getItemListId(listName);
+        setListId(newId);
+      };
+
+      window.addEventListener('storage', storageEventHandler);
+
+      return () => {
+        window.removeEventListener('storage', storageEventHandler);
+      };
+    },
+    [listName]
+  );
+  const getIcon = () => {
+    if (isInList) return isHover ? BsBookmarkXFill : BsBookmarkCheckFill;
+    return isHover ? BsBookmarkStarFill : BsBookmarkStar;
+  };
+
+  const { data, error, loading } = useQuery(getItemList, {
+    variables: { id: listId },
+    skip: !listId
+  });
+
+  const [addListItem] = useMutation(addItemsToList, {
+    onCompleted: ({ addItemsToList: listAddResult }) => {
+      const {
+        result: { id }
+      } = listAddResult;
+
+      if (!listId) {
+        const localListName = `${LIST_ITEM_LOCAL_KEY}${listName}`;
+        localStorage.setItem(localListName, id);
+        window.dispatchEvent(new Event('storage'));
+      }
+    }
+  });
+
+  const [removeListItem] = useMutation(removeItemsFromList);
+
+  const clickHandler = () => {
+    setIsHover(false);
+    isInList
+      ? removeListItem({
+          variables: { listId, listItems: [{ itemId, itemEntity }] },
+          skip: !listId
+        })
+      : addListItem({
+          variables: { name: listName, id: listId, listItems: [{ itemId, itemEntity }] },
+          skip: !listId
+        });
+  };
+
+  if (loading) return '';
+  if (error) return error.message;
+
+  const listItems = getItemListData(data);
+  const isInList = !!listItems.find(({ itemId: idToCheck }) => idToCheck === itemId);
+  const Icon = getIcon();
+
+  return (
+    <div
+      className={`item-list-button ${modifier}`}
+      role="button"
+      onClick={clickHandler}
+      onMouseEnter={() => setIsHover(true)}
+      onMouseLeave={() => setIsHover(false)}>
+      <i>
+        <Icon />
+      </i>
+    </div>
+  );
+};
+
+ItemListButton.propTypes = {
+  parent: PropTypes.object,
+  listName: PropTypes.string,
+  modifier: PropTypes.string
+};
+
+ItemListButton.defaultProps = {
+  parent: {},
+  listName: '',
+  modifier: ''
+};
+
+export default ItemListButton;

package/src/components/ItemListButton/index.js

@@ -0,0 +1,3 @@
+import ItemListButton from './ItemListButton';
+
+export default ItemListButton;

package/src/components/ItemListCounter/ItemListCounter.js

@@ -0,0 +1,68 @@
+import React, { useState, useEffect } from 'react';
+import PropTypes from 'prop-types';
+import { useRouter } from 'next/router';
+import { useQuery } from '@apollo/client';
+import { BsBookmarkStarFill, BsBookmarkStar } from 'react-icons/bs';
+import { getItemList } from '../../application/query';
+import { getItemListData, getItemListId } from '../../helpers';
+
+const ItemListCounter = ({ listName, modifier, url }) => {
+  const router = useRouter();
+  const idFromStorage = getItemListId(listName);
+  const [listId, setListId] = useState(idFromStorage);
+
+  useEffect(
+    () => {
+      const storageEventHandler = () => {
+        const newId = getItemListId(listName);
+        setListId(newId);
+      };
+
+      window.addEventListener('storage', storageEventHandler);
+
+      return () => {
+        window.removeEventListener('storage', storageEventHandler);
+      };
+    },
+    [listName]
+  );
+
+  const { data, error, loading } = useQuery(getItemList, {
+    variables: { id: listId },
+    skip: !listId
+  });
+
+  if (loading) return '';
+  if (error) return error.message;
+
+  const listItems = getItemListData(data);
+  const listLength = listItems.length;
+  const CounterIcon = listLength ? BsBookmarkStarFill : BsBookmarkStar;
+
+  const handleClick = () => router.push('/Resolver', `${url}?itemListId=${listId}`);
+
+  return (
+    <div
+      role="button"
+      type="button"
+      className={`item-list-counter ${modifier}`}
+      onClick={handleClick}>
+      <CounterIcon />
+      <span className="item-list-counter__badge">{listLength}</span>
+    </div>
+  );
+};
+
+ItemListCounter.propTypes = {
+  url: PropTypes.string,
+  listName: PropTypes.string,
+  modifier: PropTypes.string
+};
+
+ItemListCounter.defaultProps = {
+  url: '',
+  listName: '',
+  modifier: ''
+};
+
+export default ItemListCounter;

package/src/components/ItemListCounter/index.js

@@ -0,0 +1,3 @@
+import ItemListCounter from './ItemListCounter';
+
+export default ItemListCounter;

package/src/components/LazyImage/LazyImage.js

@@ -1,16 +1,26 @@
 import React from 'react';
 import PropTypes from 'prop-types';
 import { ResponsiveImage } from '@blaze-cms/image-cdn-react';
+import Head from 'next/head';
 import { useInView } from '@blaze-react/utils/lib/customHooks';
 import { IN_VIEW_CONFIG } from '../../constants';
 
 const LazyImage = ({ src, alt, sizeKey, priority, ...props }) => {
   const [isIntersecting, outerRef] = useInView(IN_VIEW_CONFIG);
   const shouldRender = priority || isIntersecting;
+  const HeadComponent = priority ? Head : null;
 
   return (
     <span ref={outerRef}>
-      {shouldRender && <ResponsiveImage src={src} alt={alt} sizeKey={sizeKey} {...props} />}
+      {shouldRender && (
+        <ResponsiveImage
+          src={src}
+          alt={alt}
+          sizeKey={sizeKey}
+          HeadComponent={HeadComponent}
+          {...props}
+        />
+      )}
     </span>
   );
 };

package/src/components/List/ListBuilder.js

@@ -52,13 +52,15 @@ const ListBuilder = props => {
     requiredSchema,
     searchValues,
     azFilter,
-    sortProperties
+    sortProperties,
+    itemListIds
   } = props;
   const isInfinite = paginationType === INFINITE;
   const listComponent = getListComponent(isCard, paginationType);
   const propsToDisplayValues = checkPropsToUse(propsToDisplay);
   const entityFields = buildPropsQuery(entitySchema, propsToDisplayValues, props) || '';
-  const limitToUse = limit || itemsToDisplay.length;
+  const itemsToDisplayToUse = itemListIds || itemsToDisplay;
+  const limitToUse = limit || itemsToDisplayToUse.length;
   const shouldApplyDefaultSort = !sortProperties || !sortProperties.length;
   const itemsPerPageToUse = getItemsPerPageToUse(itemsPerPage, limitToUse);
   const initialOffset = getCurrentOffset(offset, itemsPerPageToUse, paginationIndex, limitToUse);
@@ -94,7 +96,7 @@ const ListBuilder = props => {
       stringProps
     },
     itemId,
-    itemsToDisplay,
+    itemsToDisplayToUse,
     shouldApplyDefaultSort,
     { shouldReturnAggs: true, isAZ }
   );
@@ -137,7 +139,7 @@ const ListBuilder = props => {
       azFilter
     },
     itemId,
-    itemsToDisplay,
+    itemsToDisplayToUse,
     shouldApplyDefaultSort,
     { shouldReturnAggs: false, isAZ }
   );
@@ -172,6 +174,7 @@ const ListBuilder = props => {
       isAZ={isAZ}
       azFilter={azFilter}
       {...props}
+      itemsToDisplay={itemsToDisplayToUse}
     />
   );
 };
@@ -202,12 +205,14 @@ ListBuilder.propTypes = {
   filterOperator: PropTypes.string.isRequired,
   paginationType: PropTypes.string,
   azFilter: PropTypes.string,
-  sortProperties: PropTypes.array
+  sortProperties: PropTypes.array,
+  itemListIds: PropTypes.array
 };
 
 ListBuilder.defaultProps = {
   entityData: {},
   itemsToDisplay: [],
+  itemListIds: null,
   limit: 0,
   omitWrappers: false,
   offset: 0,