@blaze-cms/react-page-builder 0.146.0-core-styles.45 → 0.146.0-core-styles.52

package/lib/components/Image/ImageFactory.js

@@ -3,7 +3,6 @@
 require("core-js/modules/es.array.iterator.js");
 require("core-js/modules/es.object.define-property.js");
 require("core-js/modules/es.object.get-own-property-descriptor.js");
-require("core-js/modules/es.object.to-string.js");
 require("core-js/modules/es.string.iterator.js");
 require("core-js/modules/es.weak-map.js");
 require("core-js/modules/web.dom-collections.iterator.js");
@@ -14,6 +13,7 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports["default"] = void 0;
 require("core-js/modules/es.array.map.js");
+require("core-js/modules/es.object.to-string.js");
 var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
 var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
 var _react = _interopRequireWildcard(require("react"));
@@ -23,8 +23,7 @@ var _utilsHandlebars = require("@blaze-cms/utils-handlebars");
 var _Image = _interopRequireDefault(require("./Image"));
 var _hooks = require("../../hooks");
 var _helpers = require("../../helpers");
-function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(e) { return e ? t : r; })(e); }
-function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != _typeof(e) && "function" != typeof e) return { "default": e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n["default"] = e, t && t.set(e, n), n; }
+function _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r = new WeakMap(), n = new WeakMap(); return (_interopRequireWildcard = function _interopRequireWildcard(e, t) { if (!t && e && e.__esModule) return e; var o, i, f = { __proto__: null, "default": e }; if (null === e || "object" != _typeof(e) && "function" != typeof e) return f; if (o = t ? n : r) { if (o.has(e)) return o.get(e); o.set(e, f); } for (var _t2 in e) "default" !== _t2 && {}.hasOwnProperty.call(e, _t2) && ((i = (o = Object.defineProperty) && Object.getOwnPropertyDescriptor(e, _t2)) && (i.get || i.set) ? o(f, _t2, i) : f[_t2] = e[_t2]); return f; })(e, t); }
 var ImageFactory = function ImageFactory(props) {
   var imageId = props.imageId,
     itemId = props.parent.itemId,

package/lib/components/Image/ImageFactory.js.map

@@ -1 +1 @@
-{"version":3,"file":"ImageFactory.js","names":["_react","_interopRequireWildcard","require","_propTypes","_interopRequireDefault","_nextjsComponents","_utilsHandlebars","_Image","_hooks","_helpers","_getRequireWildcardCache","e","WeakMap","r","t","__esModule","_typeof","has","get","n","__proto__","a","Object","defineProperty","getOwnPropertyDescriptor","u","hasOwnProperty","call","i","set","ImageFactory","props","imageId","itemId","parent","entity","fetchFromRelation","imageRelation","imgSrc","_useContext","useContext","MainContext","isPreview","_useStringTemplate","useStringTemplate","_useStringTemplate$da","_slicedToArray2","data","imgSrcToUse","skipSingleEntitySchema","isUsingRelationImage","checkIfUsingRelationImage","_useGetSingleEntitySc","useGetSingleEntitySchema","_useGetSingleEntitySc2","_useGetSingleEntitySc3","_useGetSingleEntitySc4","getEntitySchema","_useGetSingleEntitySc5","_useGetSingleEntitySc6","actions","_useGetImageIdFromRel","useGetImageIdFromRelation","relationData","relationLoading","loading","updatedImageIds","getImageIds","imageIds","length","_useGetImages","useGetImages","_useGetImages$data","_useGetImages$data2","getFile","_useGetImages$data2$g","getFiles","error","message","createElement","_extends2","imageUrl","shouldRenderImgTag","files","map","_ref","id","_ref$data","imageData","_ref$url","url","key","propTypes","PropTypes","string","bool","array","object","defaultProps","_default","exports"],"sources":["../../../src/components/Image/ImageFactory.js"],"sourcesContent":["import React, { useContext } from 'react';\nimport PropTypes from 'prop-types';\nimport { MainContext } from '@blaze-cms/nextjs-components';\nimport { useStringTemplate } from '@blaze-cms/utils-handlebars';\nimport Image from './Image';\nimport { useGetImageIdFromRelation, useGetImages, useGetSingleEntitySchema } from '../../hooks';\nimport { getImageIds, isUsingRelationImage as checkIfUsingRelationImage } from '../../helpers';\n\nconst ImageFactory = props => {\n  const {\n    imageId,\n    parent: { itemId },\n    parent,\n    entity,\n    fetchFromRelation,\n    imageRelation,\n    imgSrc\n  } = props;\n  const { isPreview } = useContext(MainContext);\n  const {\n    data: [imgSrcToUse]\n  } = useStringTemplate(parent, [imgSrc]);\n\n  const skipSingleEntitySchema = !entity || !!imgSrcToUse;\n  const isUsingRelationImage = checkIfUsingRelationImage(entity, fetchFromRelation, imageRelation);\n  const { data: { getEntitySchema: { actions = {} } = {} } = {} } = useGetSingleEntitySchema(\n    entity,\n    skipSingleEntitySchema\n  );\n  const { data: relationData, loading: relationLoading } = useGetImageIdFromRelation(\n    itemId,\n    imageRelation,\n    actions,\n    isUsingRelationImage,\n    isPreview,\n    !!imgSrcToUse\n  );\n\n  const updatedImageIds = relationLoading\n    ? null\n    : getImageIds(imageRelation, relationData, imageId);\n  const imageIds =\n    updatedImageIds && updatedImageIds.length === 1 ? updatedImageIds[0] : updatedImageIds;\n  const { data: { getFile, getFiles = [] } = {}, loading, error } = useGetImages(\n    imageIds,\n    updatedImageIds && updatedImageIds.length > 1,\n    !!imgSrcToUse\n  );\n  if (error) return error.message;\n  if (loading) return '';\n\n  if (imgSrcToUse) return <Image {...props} imageUrl={imgSrcToUse} shouldRenderImgTag />;\n\n  const files = getFile ? [getFile] : getFiles;\n\n  return files.map(({ id, data: imageData = {}, url: imageUrl = '' }) => {\n    if (!imageUrl) return null;\n    return <Image key={id} {...props} imageData={imageData} imageUrl={imageUrl} />;\n  });\n};\n\nImageFactory.propTypes = {\n  entity: PropTypes.string,\n  fetchFromRelation: PropTypes.bool,\n  imageId: PropTypes.string,\n  imageRelation: PropTypes.array,\n  parent: PropTypes.object\n};\n\nImageFactory.defaultProps = {\n  entity: '',\n  fetchFromRelation: false,\n  imageId: '',\n  imageRelation: [],\n  parent: {}\n};\n\nexport default ImageFactory;\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"file":"ImageFactory.js","names":["_react","_interopRequireWildcard","require","_propTypes","_interopRequireDefault","_nextjsComponents","_utilsHandlebars","_Image","_hooks","_helpers","e","t","WeakMap","r","n","__esModule","o","i","f","__proto__","_typeof","has","get","set","_t2","hasOwnProperty","call","Object","defineProperty","getOwnPropertyDescriptor","ImageFactory","props","imageId","itemId","parent","entity","fetchFromRelation","imageRelation","imgSrc","_useContext","useContext","MainContext","isPreview","_useStringTemplate","useStringTemplate","_useStringTemplate$da","_slicedToArray2","data","imgSrcToUse","skipSingleEntitySchema","isUsingRelationImage","checkIfUsingRelationImage","_useGetSingleEntitySc","useGetSingleEntitySchema","_useGetSingleEntitySc2","_useGetSingleEntitySc3","_useGetSingleEntitySc4","getEntitySchema","_useGetSingleEntitySc5","_useGetSingleEntitySc6","actions","_useGetImageIdFromRel","useGetImageIdFromRelation","relationData","relationLoading","loading","updatedImageIds","getImageIds","imageIds","length","_useGetImages","useGetImages","_useGetImages$data","_useGetImages$data2","getFile","_useGetImages$data2$g","getFiles","error","message","createElement","_extends2","imageUrl","shouldRenderImgTag","files","map","_ref","id","_ref$data","imageData","_ref$url","url","key","propTypes","PropTypes","string","bool","array","object","defaultProps","_default","exports"],"sources":["../../../src/components/Image/ImageFactory.js"],"sourcesContent":["import React, { useContext } from 'react';\nimport PropTypes from 'prop-types';\nimport { MainContext } from '@blaze-cms/nextjs-components';\nimport { useStringTemplate } from '@blaze-cms/utils-handlebars';\nimport Image from './Image';\nimport { useGetImageIdFromRelation, useGetImages, useGetSingleEntitySchema } from '../../hooks';\nimport { getImageIds, isUsingRelationImage as checkIfUsingRelationImage } from '../../helpers';\n\nconst ImageFactory = props => {\n  const {\n    imageId,\n    parent: { itemId },\n    parent,\n    entity,\n    fetchFromRelation,\n    imageRelation,\n    imgSrc\n  } = props;\n  const { isPreview } = useContext(MainContext);\n  const {\n    data: [imgSrcToUse]\n  } = useStringTemplate(parent, [imgSrc]);\n\n  const skipSingleEntitySchema = !entity || !!imgSrcToUse;\n  const isUsingRelationImage = checkIfUsingRelationImage(entity, fetchFromRelation, imageRelation);\n  const { data: { getEntitySchema: { actions = {} } = {} } = {} } = useGetSingleEntitySchema(\n    entity,\n    skipSingleEntitySchema\n  );\n  const { data: relationData, loading: relationLoading } = useGetImageIdFromRelation(\n    itemId,\n    imageRelation,\n    actions,\n    isUsingRelationImage,\n    isPreview,\n    !!imgSrcToUse\n  );\n\n  const updatedImageIds = relationLoading\n    ? null\n    : getImageIds(imageRelation, relationData, imageId);\n  const imageIds =\n    updatedImageIds && updatedImageIds.length === 1 ? updatedImageIds[0] : updatedImageIds;\n  const { data: { getFile, getFiles = [] } = {}, loading, error } = useGetImages(\n    imageIds,\n    updatedImageIds && updatedImageIds.length > 1,\n    !!imgSrcToUse\n  );\n  if (error) return error.message;\n  if (loading) return '';\n\n  if (imgSrcToUse) return <Image {...props} imageUrl={imgSrcToUse} shouldRenderImgTag />;\n\n  const files = getFile ? [getFile] : getFiles;\n\n  return files.map(({ id, data: imageData = {}, url: imageUrl = '' }) => {\n    if (!imageUrl) return null;\n    return <Image key={id} {...props} imageData={imageData} imageUrl={imageUrl} />;\n  });\n};\n\nImageFactory.propTypes = {\n  entity: PropTypes.string,\n  fetchFromRelation: PropTypes.bool,\n  imageId: PropTypes.string,\n  imageRelation: PropTypes.array,\n  parent: PropTypes.object\n};\n\nImageFactory.defaultProps = {\n  entity: '',\n  fetchFromRelation: false,\n  imageId: '',\n  imageRelation: [],\n  parent: {}\n};\n\nexport default ImageFactory;\n"],"mappings":"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","ignoreList":[]}

package/lib/components/Image/Lightbox/Lightbox.js

@@ -24,8 +24,7 @@ var _imageCdnReact = require("@blaze-cms/image-cdn-react");
 var _ModalAdapter = _interopRequireDefault(require("../../ModalAdapter"));
 var _BlazeLink = _interopRequireDefault(require("../../BlazeLink"));
 var _constants = require("../../../constants");
-function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(e) { return e ? t : r; })(e); }
-function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != _typeof(e) && "function" != typeof e) return { "default": e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n["default"] = e, t && t.set(e, n), n; }
+function _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r = new WeakMap(), n = new WeakMap(); return (_interopRequireWildcard = function _interopRequireWildcard(e, t) { if (!t && e && e.__esModule) return e; var o, i, f = { __proto__: null, "default": e }; if (null === e || "object" != _typeof(e) && "function" != typeof e) return f; if (o = t ? n : r) { if (o.has(e)) return o.get(e); o.set(e, f); } for (var _t2 in e) "default" !== _t2 && {}.hasOwnProperty.call(e, _t2) && ((i = (o = Object.defineProperty) && Object.getOwnPropertyDescriptor(e, _t2)) && (i.get || i.set) ? o(f, _t2, i) : f[_t2] = e[_t2]); return f; })(e, t); }
 // add for full screen modal based on blaze, and pass modifiers(lightbox)
 var Lightbox = function Lightbox(_ref) {
   var name = _ref.name,

package/lib/components/Image/Lightbox/Lightbox.js.map

@@ -1 +1 @@
-{"version":3,"file":"Lightbox.js","names":["_react","_interopRequireWildcard","require","_propTypes","_interopRequireDefault","_customHooks","_imageCdnReact","_ModalAdapter","_BlazeLink","_constants","_getRequireWildcardCache","e","WeakMap","r","t","__esModule","_typeof","has","get","n","__proto__","a","Object","defineProperty","getOwnPropertyDescriptor","u","hasOwnProperty","call","i","set","Lightbox","_ref","name","imageUrl","altTxt","closeModal","imageCaption","imgWrapperProps","_useInView","useInView","IN_VIEW_CONFIG","_useInView2","_slicedToArray2","isIntersecting","outerRef","hasLink","keys","length","ImgWrapper","BlazeLink","Fragment","createElement","title","onClose","isFullScreen","className","ref","_extends2","role","ResponsiveImage","src","alt","sizeKey","propTypes","PropTypes","string","func","isRequired","object","modifier","defaultProps","_default","exports"],"sources":["../../../../src/components/Image/Lightbox/Lightbox.js"],"sourcesContent":["import React, { Fragment } from 'react';\nimport PropTypes from 'prop-types';\nimport { useInView } from '@blaze-react/utils/lib/customHooks';\nimport { ResponsiveImage } from '@blaze-cms/image-cdn-react';\nimport Modal from '../../ModalAdapter';\nimport BlazeLink from '../../BlazeLink';\nimport { IN_VIEW_CONFIG } from '../../../constants';\n\n// add for full screen modal based on blaze, and pass modifiers(lightbox)\nconst Lightbox = ({ name, imageUrl, altTxt, closeModal, imageCaption, imgWrapperProps }) => {\n  const [isIntersecting, outerRef] = useInView(IN_VIEW_CONFIG);\n\n  const hasLink = Object.keys(imgWrapperProps).length;\n  const ImgWrapper = hasLink ? BlazeLink : Fragment;\n\n  return (\n    <Modal title={name} onClose={closeModal} isFullScreen>\n      <div className=\"row row--display-row\">\n        <div className=\"column column--two-thirds\">\n          <div ref={outerRef} className=\"image\">\n            {isIntersecting && (\n              <ImgWrapper {...imgWrapperProps} role={hasLink ? 'link' : ''}>\n                <ResponsiveImage src={imageUrl} alt={altTxt} sizeKey=\"lightbox\" />\n              </ImgWrapper>\n            )}\n          </div>\n        </div>\n      </div>\n      {imageCaption && (\n        <div className=\"row row--display-row\">\n          <div className=\"caption\">{imageCaption}</div>\n        </div>\n      )}\n    </Modal>\n  );\n};\n\nLightbox.propTypes = {\n  name: PropTypes.string,\n  closeModal: PropTypes.func.isRequired,\n  imgWrapperProps: PropTypes.object,\n  imageUrl: PropTypes.string,\n  imageCaption: PropTypes.string,\n  altTxt: PropTypes.string,\n  modifier: PropTypes.string\n};\n\nLightbox.defaultProps = {\n  name: '',\n  imgWrapperProps: {},\n  modifier: '',\n  imageCaption: '',\n  altTxt: '',\n  imageUrl: ''\n};\n\nexport default Lightbox;\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"file":"Lightbox.js","names":["_react","_interopRequireWildcard","require","_propTypes","_interopRequireDefault","_customHooks","_imageCdnReact","_ModalAdapter","_BlazeLink","_constants","e","t","WeakMap","r","n","__esModule","o","i","f","__proto__","_typeof","has","get","set","_t2","hasOwnProperty","call","Object","defineProperty","getOwnPropertyDescriptor","Lightbox","_ref","name","imageUrl","altTxt","closeModal","imageCaption","imgWrapperProps","_useInView","useInView","IN_VIEW_CONFIG","_useInView2","_slicedToArray2","isIntersecting","outerRef","hasLink","keys","length","ImgWrapper","BlazeLink","Fragment","createElement","title","onClose","isFullScreen","className","ref","_extends2","role","ResponsiveImage","src","alt","sizeKey","propTypes","PropTypes","string","func","isRequired","object","modifier","defaultProps","_default","exports"],"sources":["../../../../src/components/Image/Lightbox/Lightbox.js"],"sourcesContent":["import React, { Fragment } from 'react';\nimport PropTypes from 'prop-types';\nimport { useInView } from '@blaze-react/utils/lib/customHooks';\nimport { ResponsiveImage } from '@blaze-cms/image-cdn-react';\nimport Modal from '../../ModalAdapter';\nimport BlazeLink from '../../BlazeLink';\nimport { IN_VIEW_CONFIG } from '../../../constants';\n\n// add for full screen modal based on blaze, and pass modifiers(lightbox)\nconst Lightbox = ({ name, imageUrl, altTxt, closeModal, imageCaption, imgWrapperProps }) => {\n  const [isIntersecting, outerRef] = useInView(IN_VIEW_CONFIG);\n\n  const hasLink = Object.keys(imgWrapperProps).length;\n  const ImgWrapper = hasLink ? BlazeLink : Fragment;\n\n  return (\n    <Modal title={name} onClose={closeModal} isFullScreen>\n      <div className=\"row row--display-row\">\n        <div className=\"column column--two-thirds\">\n          <div ref={outerRef} className=\"image\">\n            {isIntersecting && (\n              <ImgWrapper {...imgWrapperProps} role={hasLink ? 'link' : ''}>\n                <ResponsiveImage src={imageUrl} alt={altTxt} sizeKey=\"lightbox\" />\n              </ImgWrapper>\n            )}\n          </div>\n        </div>\n      </div>\n      {imageCaption && (\n        <div className=\"row row--display-row\">\n          <div className=\"caption\">{imageCaption}</div>\n        </div>\n      )}\n    </Modal>\n  );\n};\n\nLightbox.propTypes = {\n  name: PropTypes.string,\n  closeModal: PropTypes.func.isRequired,\n  imgWrapperProps: PropTypes.object,\n  imageUrl: PropTypes.string,\n  imageCaption: PropTypes.string,\n  altTxt: PropTypes.string,\n  modifier: PropTypes.string\n};\n\nLightbox.defaultProps = {\n  name: '',\n  imgWrapperProps: {},\n  modifier: '',\n  imageCaption: '',\n  altTxt: '',\n  imageUrl: ''\n};\n\nexport default Lightbox;\n"],"mappings":"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","ignoreList":[]}

package/lib/components/ItemList/ItemListButton/ItemListButton.js

@@ -19,13 +19,12 @@ require("core-js/modules/es.object.to-string.js");
 var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
 var _react = _interopRequireWildcard(require("react"));
 var _propTypes = _interopRequireDefault(require("prop-types"));
-var _bs = require("react-icons/bs");
 var _client = require("@apollo/client");
+var _icons = require("../icons");
 var _query = require("../../../application/query");
 var _helpers = require("../helpers");
 var _hooks = require("../hooks");
-function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(e) { return e ? t : r; })(e); }
-function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != _typeof(e) && "function" != typeof e) return { "default": e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n["default"] = e, t && t.set(e, n), n; }
+function _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r = new WeakMap(), n = new WeakMap(); return (_interopRequireWildcard = function _interopRequireWildcard(e, t) { if (!t && e && e.__esModule) return e; var o, i, f = { __proto__: null, "default": e }; if (null === e || "object" != _typeof(e) && "function" != typeof e) return f; if (o = t ? n : r) { if (o.has(e)) return o.get(e); o.set(e, f); } for (var _t2 in e) "default" !== _t2 && {}.hasOwnProperty.call(e, _t2) && ((i = (o = Object.defineProperty) && Object.getOwnPropertyDescriptor(e, _t2)) && (i.get || i.set) ? o(f, _t2, i) : f[_t2] = e[_t2]); return f; })(e, t); }
 var ItemListButton = function ItemListButton(_ref) {
   var listName = _ref.listName,
     parent = _ref.parent,
@@ -36,14 +35,14 @@ var ItemListButton = function ItemListButton(_ref) {
     _useState2 = (0, _slicedToArray2["default"])(_useState, 2),
     isHover = _useState2[0],
     setIsHover = _useState2[1];
+  var _useState3 = (0, _react.useState)(false),
+    _useState4 = (0, _slicedToArray2["default"])(_useState3, 2),
+    isFocused = _useState4[0],
+    setIsFocused = _useState4[1];
   var _useItemListId = (0, _hooks.useItemListId)({
       listName: listName
     }),
     listId = _useItemListId.listId;
-  var getIcon = function getIcon() {
-    if (isInList) return isHover ? _bs.BsBookmarkXFill : _bs.BsBookmarkCheckFill;
-    return isHover ? _bs.BsBookmarkStarFill : _bs.BsBookmarkStar;
-  };
   var _useQuery = (0, _client.useQuery)(_query.getItemList, {
       variables: {
         id: listId
@@ -69,6 +68,7 @@ var ItemListButton = function ItemListButton(_ref) {
     removeListItem = _useMutation4[0];
   var clickHandler = function clickHandler() {
     setIsHover(false);
+    setIsFocused(false);
     isInList ? removeListItem({
       variables: {
         listId: listId,
@@ -98,12 +98,22 @@ var ItemListButton = function ItemListButton(_ref) {
       entityToCheck = _ref3.itemEntity;
     return idToCheck === itemId && entityToCheck === itemEntity;
   });
+  var getIcon = function getIcon() {
+    if (isFocused && !isHover) {
+      return _icons.FocusedBookmark;
+    }
+    if (isInList) {
+      return isHover ? _icons.RemoveBookmark : _icons.AddedBookmark;
+    }
+    return isHover ? _icons.HoverBookmark : _icons.BaseBookmark;
+  };
   var Icon = getIcon();
   var stateClassName = isInList ? 'item-list-button--selected' : '';
   var className = ['item-list-button', stateClassName, modifier].filter(Boolean).join(' ');
   return /*#__PURE__*/_react["default"].createElement("div", {
     className: className,
     role: "button",
+    tabIndex: "0",
     onClick: clickHandler,
     onMouseEnter: function onMouseEnter() {
       return setIsHover(true);
@@ -111,7 +121,12 @@ var ItemListButton = function ItemListButton(_ref) {
     onMouseLeave: function onMouseLeave() {
       return setIsHover(false);
     },
-    "aria-label": "Add to ".concat(listName)
+    onFocus: function onFocus() {
+      return setIsFocused(true);
+    },
+    onBlur: function onBlur() {
+      return setIsFocused(false);
+    }
   }, /*#__PURE__*/_react["default"].createElement("i", null, /*#__PURE__*/_react["default"].createElement(Icon, null)));
 };
 ItemListButton.propTypes = {

package/lib/components/ItemList/ItemListButton/ItemListButton.js.map

@@ -1 +1 @@
-{"version":3,"file":"ItemListButton.js","names":["_react","_interopRequireWildcard","require","_propTypes","_interopRequireDefault","_bs","_client","_query","_helpers","_hooks","_getRequireWildcardCache","e","WeakMap","r","t","__esModule","_typeof","has","get","n","__proto__","a","Object","defineProperty","getOwnPropertyDescriptor","u","hasOwnProperty","call","i","set","ItemListButton","_ref","listName","parent","modifier","itemId","itemEntity","_useState","useState","_useState2","_slicedToArray2","isHover","setIsHover","_useItemListId","useItemListId","listId","getIcon","isInList","BsBookmarkXFill","BsBookmarkCheckFill","BsBookmarkStarFill","BsBookmarkStar","_useQuery","useQuery","getItemList","variables","id","skip","data","error","loading","_useMutation","useMutation","addItemsToList","onCompleted","_ref2","listAddResult","result","setItemListId","_useMutation2","addListItem","_useMutation3","removeItemsFromList","_useMutation4","removeListItem","clickHandler","listItems","name","message","getItemListData","find","_ref3","idToCheck","entityToCheck","Icon","stateClassName","className","filter","Boolean","join","createElement","role","onClick","onMouseEnter","onMouseLeave","concat","propTypes","PropTypes","object","string","defaultProps","_default","exports"],"sources":["../../../../src/components/ItemList/ItemListButton/ItemListButton.js"],"sourcesContent":["import React, { useState } from 'react';\nimport PropTypes from 'prop-types';\nimport {\n  BsBookmarkStarFill,\n  BsBookmarkCheckFill,\n  BsBookmarkStar,\n  BsBookmarkXFill\n} from 'react-icons/bs';\nimport { useQuery, useMutation } from '@apollo/client';\nimport { getItemList, addItemsToList, removeItemsFromList } from '../../../application/query';\nimport { getItemListData, setItemListId } from '../helpers';\nimport { useItemListId } from '../hooks';\n\nconst ItemListButton = ({ listName, parent, modifier }) => {\n  const { itemId, itemEntity } = parent;\n  const [isHover, setIsHover] = useState(false);\n  const { listId } = useItemListId({ listName });\n\n  const getIcon = () => {\n    if (isInList) return isHover ? BsBookmarkXFill : BsBookmarkCheckFill;\n    return isHover ? BsBookmarkStarFill : BsBookmarkStar;\n  };\n\n  const { data, error, loading } = useQuery(getItemList, {\n    variables: { id: listId },\n    skip: !listId\n  });\n\n  const [addListItem] = useMutation(addItemsToList, {\n    onCompleted: ({ addItemsToList: listAddResult }) => {\n      const {\n        result: { id }\n      } = listAddResult;\n\n      if (!listId) {\n        setItemListId(listName, id);\n      }\n    }\n  });\n\n  const [removeListItem] = useMutation(removeItemsFromList);\n\n  const clickHandler = () => {\n    setIsHover(false);\n    isInList\n      ? removeListItem({\n          variables: { listId, listItems: [{ itemId, itemEntity }] },\n          skip: !listId\n        })\n      : addListItem({\n          variables: { name: listName, id: listId, listItems: [{ itemId, itemEntity }] },\n          skip: !listId\n        });\n  };\n\n  if (loading) return '';\n  if (error) return error.message;\n\n  const listItems = getItemListData(data);\n  const isInList = !!listItems.find(\n    ({ itemId: idToCheck, itemEntity: entityToCheck }) =>\n      idToCheck === itemId && entityToCheck === itemEntity\n  );\n  const Icon = getIcon();\n  const stateClassName = isInList ? 'item-list-button--selected' : '';\n  const className = ['item-list-button', stateClassName, modifier].filter(Boolean).join(' ');\n\n  return (\n    <div\n      className={className}\n      role=\"button\"\n      onClick={clickHandler}\n      onMouseEnter={() => setIsHover(true)}\n      onMouseLeave={() => setIsHover(false)}\n      aria-label={`Add to ${listName}`}>\n      <i>\n        <Icon />\n      </i>\n    </div>\n  );\n};\n\nItemListButton.propTypes = {\n  parent: PropTypes.object,\n  listName: PropTypes.string,\n  modifier: PropTypes.string\n};\n\nItemListButton.defaultProps = {\n  parent: {},\n  listName: '',\n  modifier: ''\n};\n\nexport default ItemListButton;\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"file":"ItemListButton.js","names":["_react","_interopRequireWildcard","require","_propTypes","_interopRequireDefault","_client","_icons","_query","_helpers","_hooks","e","t","WeakMap","r","n","__esModule","o","i","f","__proto__","_typeof","has","get","set","_t2","hasOwnProperty","call","Object","defineProperty","getOwnPropertyDescriptor","ItemListButton","_ref","listName","parent","modifier","itemId","itemEntity","_useState","useState","_useState2","_slicedToArray2","isHover","setIsHover","_useState3","_useState4","isFocused","setIsFocused","_useItemListId","useItemListId","listId","_useQuery","useQuery","getItemList","variables","id","skip","data","error","loading","_useMutation","useMutation","addItemsToList","onCompleted","_ref2","listAddResult","result","setItemListId","_useMutation2","addListItem","_useMutation3","removeItemsFromList","_useMutation4","removeListItem","clickHandler","isInList","listItems","name","message","getItemListData","find","_ref3","idToCheck","entityToCheck","getIcon","FocusedBookmark","RemoveBookmark","AddedBookmark","HoverBookmark","BaseBookmark","Icon","stateClassName","className","filter","Boolean","join","createElement","role","tabIndex","onClick","onMouseEnter","onMouseLeave","onFocus","onBlur","propTypes","PropTypes","object","string","defaultProps","_default","exports"],"sources":["../../../../src/components/ItemList/ItemListButton/ItemListButton.js"],"sourcesContent":["import React, { useState } from 'react';\nimport PropTypes from 'prop-types';\nimport { useQuery, useMutation } from '@apollo/client';\nimport {\n  AddedBookmark,\n  BaseBookmark,\n  FocusedBookmark,\n  HoverBookmark,\n  RemoveBookmark\n} from '../icons';\nimport { getItemList, addItemsToList, removeItemsFromList } from '../../../application/query';\nimport { getItemListData, setItemListId } from '../helpers';\nimport { useItemListId } from '../hooks';\n\nconst ItemListButton = ({ listName, parent, modifier }) => {\n  const { itemId, itemEntity } = parent;\n  const [isHover, setIsHover] = useState(false);\n  const [isFocused, setIsFocused] = useState(false);\n  const { listId } = useItemListId({ listName });\n\n  const { data, error, loading } = useQuery(getItemList, {\n    variables: { id: listId },\n    skip: !listId\n  });\n\n  const [addListItem] = useMutation(addItemsToList, {\n    onCompleted: ({ addItemsToList: listAddResult }) => {\n      const {\n        result: { id }\n      } = listAddResult;\n\n      if (!listId) {\n        setItemListId(listName, id);\n      }\n    }\n  });\n\n  const [removeListItem] = useMutation(removeItemsFromList);\n\n  const clickHandler = () => {\n    setIsHover(false);\n    setIsFocused(false);\n    isInList\n      ? removeListItem({\n          variables: { listId, listItems: [{ itemId, itemEntity }] },\n          skip: !listId\n        })\n      : addListItem({\n          variables: { name: listName, id: listId, listItems: [{ itemId, itemEntity }] },\n          skip: !listId\n        });\n  };\n\n  if (loading) return '';\n  if (error) return error.message;\n\n  const listItems = getItemListData(data);\n  const isInList = !!listItems.find(\n    ({ itemId: idToCheck, itemEntity: entityToCheck }) =>\n      idToCheck === itemId && entityToCheck === itemEntity\n  );\n\n  const getIcon = () => {\n    if (isFocused && !isHover) {\n      return FocusedBookmark;\n    }\n    if (isInList) {\n      return isHover ? RemoveBookmark : AddedBookmark;\n    }\n    return isHover ? HoverBookmark : BaseBookmark;\n  };\n\n  const Icon = getIcon();\n  const stateClassName = isInList ? 'item-list-button--selected' : '';\n  const className = ['item-list-button', stateClassName, modifier].filter(Boolean).join(' ');\n\n  return (\n    <div\n      className={className}\n      role=\"button\"\n      tabIndex=\"0\"\n      onClick={clickHandler}\n      onMouseEnter={() => setIsHover(true)}\n      onMouseLeave={() => setIsHover(false)}\n      onFocus={() => setIsFocused(true)}\n      onBlur={() => setIsFocused(false)}>\n      <i>\n        <Icon />\n      </i>\n    </div>\n  );\n};\n\nItemListButton.propTypes = {\n  parent: PropTypes.object,\n  listName: PropTypes.string,\n  modifier: PropTypes.string\n};\n\nItemListButton.defaultProps = {\n  parent: {},\n  listName: '',\n  modifier: ''\n};\n\nexport default ItemListButton;\n"],"mappings":"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","ignoreList":[]}

package/lib/components/ItemList/ItemListCounter/ItemListCounter.js

@@ -11,7 +11,7 @@ var _react = _interopRequireDefault(require("react"));
 var _propTypes = _interopRequireDefault(require("prop-types"));
 var _router = require("next/router");
 var _client = require("@apollo/client");
-var _bs = require("react-icons/bs");
+var _icons = require("../icons");
 var _query = require("../../../application/query");
 var _hooks = require("../hooks");
 var _helpers = require("../helpers");
@@ -37,7 +37,7 @@ var ItemListCounter = function ItemListCounter(_ref) {
   if (error) return error.message;
   var listItems = (0, _helpers.getItemListData)(data);
   var listLength = listItems.length;
-  var CounterIcon = listLength ? _bs.BsBookmarkStarFill : _bs.BsBookmarkStar;
+  var CounterIcon = listLength ? _icons.AddedBookmark : _icons.BaseBookmark;
   var handleClick = function handleClick() {
     return router.push('/Resolver', "".concat(url, "?itemListId=").concat(listId));
   };

package/lib/components/ItemList/ItemListCounter/ItemListCounter.js.map

@@ -1 +1 @@
-{"version":3,"file":"ItemListCounter.js","names":["_react","_interopRequireDefault","require","_propTypes","_router","_client","_bs","_query","_hooks","_helpers","ItemListCounter","_ref","listName","modifier","url","router","useRouter","_useItemListId","useItemListId","listId","_useQuery","useQuery","getItemList","variables","id","skip","data","error","loading","message","listItems","getItemListData","listLength","length","CounterIcon","BsBookmarkStarFill","BsBookmarkStar","handleClick","push","concat","createElement","role","type","className","onClick","propTypes","PropTypes","string","defaultProps","_default","exports"],"sources":["../../../../src/components/ItemList/ItemListCounter/ItemListCounter.js"],"sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\nimport { useRouter } from 'next/router';\nimport { useQuery } from '@apollo/client';\nimport { BsBookmarkStarFill, BsBookmarkStar } from 'react-icons/bs';\nimport { getItemList } from '../../../application/query';\nimport { useItemListId } from '../hooks';\nimport { getItemListData } from '../helpers';\n\nconst ItemListCounter = ({ listName, modifier, url }) => {\n  const router = useRouter();\n  const { listId } = useItemListId({ listName });\n\n  const { data, error, loading } = useQuery(getItemList, {\n    variables: { id: listId },\n    skip: !listId\n  });\n\n  if (loading) return '';\n  if (error) return error.message;\n\n  const listItems = getItemListData(data);\n  const listLength = listItems.length;\n  const CounterIcon = listLength ? BsBookmarkStarFill : BsBookmarkStar;\n\n  const handleClick = () => router.push('/Resolver', `${url}?itemListId=${listId}`);\n\n  return (\n    <div\n      role=\"button\"\n      type=\"button\"\n      className={`item-list-counter ${modifier}`}\n      aria-label={`View ${listName}`}\n      onClick={handleClick}>\n      <CounterIcon />\n      <span className=\"item-list-counter__badge\">{listLength}</span>\n    </div>\n  );\n};\n\nItemListCounter.propTypes = {\n  url: PropTypes.string,\n  listName: PropTypes.string,\n  modifier: PropTypes.string\n};\n\nItemListCounter.defaultProps = {\n  url: '',\n  listName: '',\n  modifier: ''\n};\n\nexport default ItemListCounter;\n"],"mappings":";;;;;;;;;AAAA,IAAAA,MAAA,GAAAC,sBAAA,CAAAC,OAAA;AACA,IAAAC,UAAA,GAAAF,sBAAA,CAAAC,OAAA;AACA,IAAAE,OAAA,GAAAF,OAAA;AACA,IAAAG,OAAA,GAAAH,OAAA;AACA,IAAAI,GAAA,GAAAJ,OAAA;AACA,IAAAK,MAAA,GAAAL,OAAA;AACA,IAAAM,MAAA,GAAAN,OAAA;AACA,IAAAO,QAAA,GAAAP,OAAA;AAEA,IAAMQ,eAAe,GAAG,SAAlBA,eAAeA,CAAAC,IAAA,EAAoC;EAAA,IAA9BC,QAAQ,GAAAD,IAAA,CAARC,QAAQ;IAAEC,QAAQ,GAAAF,IAAA,CAARE,QAAQ;IAAEC,GAAG,GAAAH,IAAA,CAAHG,GAAG;EAChD,IAAMC,MAAM,GAAG,IAAAC,iBAAS,EAAC,CAAC;EAC1B,IAAAC,cAAA,GAAmB,IAAAC,oBAAa,EAAC;MAAEN,QAAQ,EAARA;IAAS,CAAC,CAAC;IAAtCO,MAAM,GAAAF,cAAA,CAANE,MAAM;EAEd,IAAAC,SAAA,GAAiC,IAAAC,gBAAQ,EAACC,kBAAW,EAAE;MACrDC,SAAS,EAAE;QAAEC,EAAE,EAAEL;MAAO,CAAC;MACzBM,IAAI,EAAE,CAACN;IACT,CAAC,CAAC;IAHMO,IAAI,GAAAN,SAAA,CAAJM,IAAI;IAAEC,KAAK,GAAAP,SAAA,CAALO,KAAK;IAAEC,OAAO,GAAAR,SAAA,CAAPQ,OAAO;EAK5B,IAAIA,OAAO,EAAE,OAAO,EAAE;EACtB,IAAID,KAAK,EAAE,OAAOA,KAAK,CAACE,OAAO;EAE/B,IAAMC,SAAS,GAAG,IAAAC,wBAAe,EAACL,IAAI,CAAC;EACvC,IAAMM,UAAU,GAAGF,SAAS,CAACG,MAAM;EACnC,IAAMC,WAAW,GAAGF,UAAU,GAAGG,sBAAkB,GAAGC,kBAAc;EAEpE,IAAMC,WAAW,GAAG,SAAdA,WAAWA,CAAA;IAAA,OAAStB,MAAM,CAACuB,IAAI,CAAC,WAAW,KAAAC,MAAA,CAAKzB,GAAG,kBAAAyB,MAAA,CAAepB,MAAM,CAAE,CAAC;EAAA;EAEjF,oBACEnB,MAAA,YAAAwC,aAAA;IACEC,IAAI,EAAC,QAAQ;IACbC,IAAI,EAAC,QAAQ;IACbC,SAAS,uBAAAJ,MAAA,CAAuB1B,QAAQ,CAAG;IAC3C,sBAAA0B,MAAA,CAAoB3B,QAAQ,CAAG;IAC/BgC,OAAO,EAAEP;EAAY,gBACrBrC,MAAA,YAAAwC,aAAA,CAACN,WAAW,MAAE,CAAC,eACflC,MAAA,YAAAwC,aAAA;IAAMG,SAAS,EAAC;EAA0B,GAAEX,UAAiB,CAC1D,CAAC;AAEV,CAAC;AAEDtB,eAAe,CAACmC,SAAS,GAAG;EAC1B/B,GAAG,EAAEgC,qBAAS,CAACC,MAAM;EACrBnC,QAAQ,EAAEkC,qBAAS,CAACC,MAAM;EAC1BlC,QAAQ,EAAEiC,qBAAS,CAACC;AACtB,CAAC;AAEDrC,eAAe,CAACsC,YAAY,GAAG;EAC7BlC,GAAG,EAAE,EAAE;EACPF,QAAQ,EAAE,EAAE;EACZC,QAAQ,EAAE;AACZ,CAAC;AAAC,IAAAoC,QAAA,GAAAC,OAAA,cAEaxC,eAAe","ignoreList":[]}
+{"version":3,"file":"ItemListCounter.js","names":["_react","_interopRequireDefault","require","_propTypes","_router","_client","_icons","_query","_hooks","_helpers","ItemListCounter","_ref","listName","modifier","url","router","useRouter","_useItemListId","useItemListId","listId","_useQuery","useQuery","getItemList","variables","id","skip","data","error","loading","message","listItems","getItemListData","listLength","length","CounterIcon","AddedBookmark","BaseBookmark","handleClick","push","concat","createElement","role","type","className","onClick","propTypes","PropTypes","string","defaultProps","_default","exports"],"sources":["../../../../src/components/ItemList/ItemListCounter/ItemListCounter.js"],"sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\nimport { useRouter } from 'next/router';\nimport { useQuery } from '@apollo/client';\nimport { AddedBookmark, BaseBookmark } from '../icons';\nimport { getItemList } from '../../../application/query';\nimport { useItemListId } from '../hooks';\nimport { getItemListData } from '../helpers';\n\nconst ItemListCounter = ({ listName, modifier, url }) => {\n  const router = useRouter();\n  const { listId } = useItemListId({ listName });\n\n  const { data, error, loading } = useQuery(getItemList, {\n    variables: { id: listId },\n    skip: !listId\n  });\n\n  if (loading) return '';\n  if (error) return error.message;\n\n  const listItems = getItemListData(data);\n  const listLength = listItems.length;\n  const CounterIcon = listLength ? AddedBookmark : BaseBookmark;\n\n  const handleClick = () => router.push('/Resolver', `${url}?itemListId=${listId}`);\n\n  return (\n    <div\n      role=\"button\"\n      type=\"button\"\n      className={`item-list-counter ${modifier}`}\n      aria-label={`View ${listName}`}\n      onClick={handleClick}>\n      <CounterIcon />\n      <span className=\"item-list-counter__badge\">{listLength}</span>\n    </div>\n  );\n};\n\nItemListCounter.propTypes = {\n  url: PropTypes.string,\n  listName: PropTypes.string,\n  modifier: PropTypes.string\n};\n\nItemListCounter.defaultProps = {\n  url: '',\n  listName: '',\n  modifier: ''\n};\n\nexport default ItemListCounter;\n"],"mappings":";;;;;;;;;AAAA,IAAAA,MAAA,GAAAC,sBAAA,CAAAC,OAAA;AACA,IAAAC,UAAA,GAAAF,sBAAA,CAAAC,OAAA;AACA,IAAAE,OAAA,GAAAF,OAAA;AACA,IAAAG,OAAA,GAAAH,OAAA;AACA,IAAAI,MAAA,GAAAJ,OAAA;AACA,IAAAK,MAAA,GAAAL,OAAA;AACA,IAAAM,MAAA,GAAAN,OAAA;AACA,IAAAO,QAAA,GAAAP,OAAA;AAEA,IAAMQ,eAAe,GAAG,SAAlBA,eAAeA,CAAAC,IAAA,EAAoC;EAAA,IAA9BC,QAAQ,GAAAD,IAAA,CAARC,QAAQ;IAAEC,QAAQ,GAAAF,IAAA,CAARE,QAAQ;IAAEC,GAAG,GAAAH,IAAA,CAAHG,GAAG;EAChD,IAAMC,MAAM,GAAG,IAAAC,iBAAS,EAAC,CAAC;EAC1B,IAAAC,cAAA,GAAmB,IAAAC,oBAAa,EAAC;MAAEN,QAAQ,EAARA;IAAS,CAAC,CAAC;IAAtCO,MAAM,GAAAF,cAAA,CAANE,MAAM;EAEd,IAAAC,SAAA,GAAiC,IAAAC,gBAAQ,EAACC,kBAAW,EAAE;MACrDC,SAAS,EAAE;QAAEC,EAAE,EAAEL;MAAO,CAAC;MACzBM,IAAI,EAAE,CAACN;IACT,CAAC,CAAC;IAHMO,IAAI,GAAAN,SAAA,CAAJM,IAAI;IAAEC,KAAK,GAAAP,SAAA,CAALO,KAAK;IAAEC,OAAO,GAAAR,SAAA,CAAPQ,OAAO;EAK5B,IAAIA,OAAO,EAAE,OAAO,EAAE;EACtB,IAAID,KAAK,EAAE,OAAOA,KAAK,CAACE,OAAO;EAE/B,IAAMC,SAAS,GAAG,IAAAC,wBAAe,EAACL,IAAI,CAAC;EACvC,IAAMM,UAAU,GAAGF,SAAS,CAACG,MAAM;EACnC,IAAMC,WAAW,GAAGF,UAAU,GAAGG,oBAAa,GAAGC,mBAAY;EAE7D,IAAMC,WAAW,GAAG,SAAdA,WAAWA,CAAA;IAAA,OAAStB,MAAM,CAACuB,IAAI,CAAC,WAAW,KAAAC,MAAA,CAAKzB,GAAG,kBAAAyB,MAAA,CAAepB,MAAM,CAAE,CAAC;EAAA;EAEjF,oBACEnB,MAAA,YAAAwC,aAAA;IACEC,IAAI,EAAC,QAAQ;IACbC,IAAI,EAAC,QAAQ;IACbC,SAAS,uBAAAJ,MAAA,CAAuB1B,QAAQ,CAAG;IAC3C,sBAAA0B,MAAA,CAAoB3B,QAAQ,CAAG;IAC/BgC,OAAO,EAAEP;EAAY,gBACrBrC,MAAA,YAAAwC,aAAA,CAACN,WAAW,MAAE,CAAC,eACflC,MAAA,YAAAwC,aAAA;IAAMG,SAAS,EAAC;EAA0B,GAAEX,UAAiB,CAC1D,CAAC;AAEV,CAAC;AAEDtB,eAAe,CAACmC,SAAS,GAAG;EAC1B/B,GAAG,EAAEgC,qBAAS,CAACC,MAAM;EACrBnC,QAAQ,EAAEkC,qBAAS,CAACC,MAAM;EAC1BlC,QAAQ,EAAEiC,qBAAS,CAACC;AACtB,CAAC;AAEDrC,eAAe,CAACsC,YAAY,GAAG;EAC7BlC,GAAG,EAAE,EAAE;EACPF,QAAQ,EAAE,EAAE;EACZC,QAAQ,EAAE;AACZ,CAAC;AAAC,IAAAoC,QAAA,GAAAC,OAAA,cAEaxC,eAAe","ignoreList":[]}

package/lib/components/ItemList/helpers/get-item-list-ids.js

@@ -7,6 +7,7 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports["default"] = void 0;
 require("core-js/modules/es.array.map.js");
+require("core-js/modules/es.object.to-string.js");
 var _getItemListData = _interopRequireDefault(require("./get-item-list-data"));
 var getItemListIds = function getItemListIds(data) {
   var itemListElements = (0, _getItemListData["default"])(data);

package/lib/components/ItemList/helpers/get-item-list-ids.js.map

@@ -1 +1 @@
-{"version":3,"file":"get-item-list-ids.js","names":["_getItemListData","_interopRequireDefault","require","getItemListIds","data","itemListElements","getItemListData","length","map","_ref","itemId","displayItems","_default","exports"],"sources":["../../../../src/components/ItemList/helpers/get-item-list-ids.js"],"sourcesContent":["import getItemListData from './get-item-list-data';\n\nconst getItemListIds = data => {\n  const itemListElements = getItemListData(data);\n  return itemListElements.length\n    ? itemListElements.map(({ itemId }) => ({ displayItems: [itemId] }))\n    : null;\n};\n\nexport default getItemListIds;\n"],"mappings":";;;;;;;;;AAAA,IAAAA,gBAAA,GAAAC,sBAAA,CAAAC,OAAA;AAEA,IAAMC,cAAc,GAAG,SAAjBA,cAAcA,CAAGC,IAAI,EAAI;EAC7B,IAAMC,gBAAgB,GAAG,IAAAC,2BAAe,EAACF,IAAI,CAAC;EAC9C,OAAOC,gBAAgB,CAACE,MAAM,GAC1BF,gBAAgB,CAACG,GAAG,CAAC,UAAAC,IAAA;IAAA,IAAGC,MAAM,GAAAD,IAAA,CAANC,MAAM;IAAA,OAAQ;MAAEC,YAAY,EAAE,CAACD,MAAM;IAAE,CAAC;EAAA,CAAC,CAAC,GAClE,IAAI;AACV,CAAC;AAAC,IAAAE,QAAA,GAAAC,OAAA,cAEaV,cAAc","ignoreList":[]}
+{"version":3,"file":"get-item-list-ids.js","names":["_getItemListData","_interopRequireDefault","require","getItemListIds","data","itemListElements","getItemListData","length","map","_ref","itemId","displayItems","_default","exports"],"sources":["../../../../src/components/ItemList/helpers/get-item-list-ids.js"],"sourcesContent":["import getItemListData from './get-item-list-data';\n\nconst getItemListIds = data => {\n  const itemListElements = getItemListData(data);\n  return itemListElements.length\n    ? itemListElements.map(({ itemId }) => ({ displayItems: [itemId] }))\n    : null;\n};\n\nexport default getItemListIds;\n"],"mappings":";;;;;;;;;;AAAA,IAAAA,gBAAA,GAAAC,sBAAA,CAAAC,OAAA;AAEA,IAAMC,cAAc,GAAG,SAAjBA,cAAcA,CAAGC,IAAI,EAAI;EAC7B,IAAMC,gBAAgB,GAAG,IAAAC,2BAAe,EAACF,IAAI,CAAC;EAC9C,OAAOC,gBAAgB,CAACE,MAAM,GAC1BF,gBAAgB,CAACG,GAAG,CAAC,UAAAC,IAAA;IAAA,IAAGC,MAAM,GAAAD,IAAA,CAANC,MAAM;IAAA,OAAQ;MAAEC,YAAY,EAAE,CAACD,MAAM;IAAE,CAAC;EAAA,CAAC,CAAC,GAClE,IAAI;AACV,CAAC;AAAC,IAAAE,QAAA,GAAAC,OAAA,cAEaV,cAAc","ignoreList":[]}

package/lib/components/ItemList/icons/AddedBookmark.js

@@ -0,0 +1,45 @@
+"use strict";
+
+require("core-js/modules/es.object.define-property.js");
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports["default"] = void 0;
+var _react = _interopRequireDefault(require("react"));
+function AddedBookmark(_ref) {
+  var _ref$width = _ref.width,
+    width = _ref$width === void 0 ? '24px' : _ref$width,
+    _ref$height = _ref.height,
+    height = _ref$height === void 0 ? '33px' : _ref$height;
+  return /*#__PURE__*/_react["default"].createElement("svg", {
+    width: width,
+    height: height,
+    viewBox: "0 0 24 33",
+    version: "1.1",
+    xmlns: "http://www.w3.org/2000/svg"
+  }, /*#__PURE__*/_react["default"].createElement("title", null, "wishlist-button/added"), /*#__PURE__*/_react["default"].createElement("g", {
+    id: "Wishlist",
+    stroke: "none",
+    strokeWidth: "1",
+    fill: "none",
+    fillRule: "evenodd"
+  }, /*#__PURE__*/_react["default"].createElement("g", {
+    id: "components",
+    transform: "translate(-417, -433)"
+  }, /*#__PURE__*/_react["default"].createElement("g", {
+    id: "Group",
+    transform: "translate(417, 433.0588)"
+  }, /*#__PURE__*/_react["default"].createElement("path", {
+    d: "M2.68249844e-07,30.9992911 L2.68249844e-07,3.99990852 C2.68249844e-07,1.79082005 1.79082058,0 3.99990906,0 L19.9995432,0 C22.2086316,0 23.9994519,1.79082005 23.9994519,3.99990852 L23.9994519,30.9992911 C23.9997102,31.3525836 23.8135276,31.6797933 23.5096796,31.860049 C23.2058317,32.0403048 22.829418,32.0468515 22.5194855,31.877271 L11.9997261,26.1374022 L1.47996669,31.877271 C1.17003424,32.0468515 0.79362051,32.0403048 0.489772584,31.860049 C0.185924659,31.6797933 -0.000257952496,31.3525836 2.68249844e-07,30.9992911 Z",
+    id: "Shape",
+    fill: "#C31629",
+    fillRule: "nonzero"
+  }), /*#__PURE__*/_react["default"].createElement("path", {
+    d: "M19.5735342,9.48562495 C20.1421553,8.91700384 20.1421553,7.99508691 19.5735342,7.42646583 C19.0049131,6.85784474 18.0829962,6.85784472 17.514375,7.42646579 L9.81870394,15.1250453 L6.48565817,11.7890911 C6.11782481,11.4212578 5.58169601,11.2776025 5.0792263,11.4122388 C4.57675658,11.5468752 4.18428306,11.9393487 4.04964671,12.4418184 C3.91501035,12.9442881 4.05866564,13.4804169 4.42649901,13.8482503 L8.78912435,18.2108756 C9.06194626,18.4843881 9.43238689,18.638104 9.81870394,18.638104 C10.205021,18.638104 10.5754616,18.4843881 10.8482835,18.2108756 L19.5735342,9.48562495 Z",
+    id: "Path",
+    fill: "#FFFFFF"
+  })))));
+}
+var _default = exports["default"] = AddedBookmark;
+//# sourceMappingURL=AddedBookmark.js.map

package/lib/components/ItemList/icons/AddedBookmark.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"AddedBookmark.js","names":["_react","_interopRequireDefault","require","AddedBookmark","_ref","_ref$width","width","_ref$height","height","createElement","viewBox","version","xmlns","id","stroke","strokeWidth","fill","fillRule","transform","d","_default","exports"],"sources":["../../../../src/components/ItemList/icons/AddedBookmark.js"],"sourcesContent":["import React from 'react';\n\nfunction AddedBookmark({ width = '24px', height = '33px' }) {\n  return (\n    <svg\n      width={width}\n      height={height}\n      viewBox=\"0 0 24 33\"\n      version=\"1.1\"\n      xmlns=\"http://www.w3.org/2000/svg\">\n      <title>wishlist-button/added</title>\n      <g id=\"Wishlist\" stroke=\"none\" strokeWidth=\"1\" fill=\"none\" fillRule=\"evenodd\">\n        <g id=\"components\" transform=\"translate(-417, -433)\">\n          <g id=\"Group\" transform=\"translate(417, 433.0588)\">\n            <path\n              d=\"M2.68249844e-07,30.9992911 L2.68249844e-07,3.99990852 C2.68249844e-07,1.79082005 1.79082058,0 3.99990906,0 L19.9995432,0 C22.2086316,0 23.9994519,1.79082005 23.9994519,3.99990852 L23.9994519,30.9992911 C23.9997102,31.3525836 23.8135276,31.6797933 23.5096796,31.860049 C23.2058317,32.0403048 22.829418,32.0468515 22.5194855,31.877271 L11.9997261,26.1374022 L1.47996669,31.877271 C1.17003424,32.0468515 0.79362051,32.0403048 0.489772584,31.860049 C0.185924659,31.6797933 -0.000257952496,31.3525836 2.68249844e-07,30.9992911 Z\"\n              id=\"Shape\"\n              fill=\"#C31629\"\n              fillRule=\"nonzero\"\n            />\n            <path\n              d=\"M19.5735342,9.48562495 C20.1421553,8.91700384 20.1421553,7.99508691 19.5735342,7.42646583 C19.0049131,6.85784474 18.0829962,6.85784472 17.514375,7.42646579 L9.81870394,15.1250453 L6.48565817,11.7890911 C6.11782481,11.4212578 5.58169601,11.2776025 5.0792263,11.4122388 C4.57675658,11.5468752 4.18428306,11.9393487 4.04964671,12.4418184 C3.91501035,12.9442881 4.05866564,13.4804169 4.42649901,13.8482503 L8.78912435,18.2108756 C9.06194626,18.4843881 9.43238689,18.638104 9.81870394,18.638104 C10.205021,18.638104 10.5754616,18.4843881 10.8482835,18.2108756 L19.5735342,9.48562495 Z\"\n              id=\"Path\"\n              fill=\"#FFFFFF\"\n            />\n          </g>\n        </g>\n      </g>\n    </svg>\n  );\n}\n\nexport default AddedBookmark;\n"],"mappings":";;;;;;;;AAAA,IAAAA,MAAA,GAAAC,sBAAA,CAAAC,OAAA;AAEA,SAASC,aAAaA,CAAAC,IAAA,EAAsC;EAAA,IAAAC,UAAA,GAAAD,IAAA,CAAnCE,KAAK;IAALA,KAAK,GAAAD,UAAA,cAAG,MAAM,GAAAA,UAAA;IAAAE,WAAA,GAAAH,IAAA,CAAEI,MAAM;IAANA,MAAM,GAAAD,WAAA,cAAG,MAAM,GAAAA,WAAA;EACtD,oBACEP,MAAA,YAAAS,aAAA;IACEH,KAAK,EAAEA,KAAM;IACbE,MAAM,EAAEA,MAAO;IACfE,OAAO,EAAC,WAAW;IACnBC,OAAO,EAAC,KAAK;IACbC,KAAK,EAAC;EAA4B,gBAClCZ,MAAA,YAAAS,aAAA,gBAAO,uBAA4B,CAAC,eACpCT,MAAA,YAAAS,aAAA;IAAGI,EAAE,EAAC,UAAU;IAACC,MAAM,EAAC,MAAM;IAACC,WAAW,EAAC,GAAG;IAACC,IAAI,EAAC,MAAM;IAACC,QAAQ,EAAC;EAAS,gBAC3EjB,MAAA,YAAAS,aAAA;IAAGI,EAAE,EAAC,YAAY;IAACK,SAAS,EAAC;EAAuB,gBAClDlB,MAAA,YAAAS,aAAA;IAAGI,EAAE,EAAC,OAAO;IAACK,SAAS,EAAC;EAA0B,gBAChDlB,MAAA,YAAAS,aAAA;IACEU,CAAC,EAAC,6gBAA6gB;IAC/gBN,EAAE,EAAC,OAAO;IACVG,IAAI,EAAC,SAAS;IACdC,QAAQ,EAAC;EAAS,CACnB,CAAC,eACFjB,MAAA,YAAAS,aAAA;IACEU,CAAC,EAAC,qkBAAqkB;IACvkBN,EAAE,EAAC,MAAM;IACTG,IAAI,EAAC;EAAS,CACf,CACA,CACF,CACF,CACA,CAAC;AAEV;AAAC,IAAAI,QAAA,GAAAC,OAAA,cAEclB,aAAa","ignoreList":[]}

package/lib/components/ItemList/icons/BaseBookmark.js

@@ -0,0 +1,50 @@
+"use strict";
+
+require("core-js/modules/es.object.define-property.js");
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports["default"] = void 0;
+var _react = _interopRequireDefault(require("react"));
+function BaseBookmark(_ref) {
+  var _ref$width = _ref.width,
+    width = _ref$width === void 0 ? '24px' : _ref$width,
+    _ref$height = _ref.height,
+    height = _ref$height === void 0 ? '32px' : _ref$height;
+  return /*#__PURE__*/_react["default"].createElement("svg", {
+    width: width,
+    height: height,
+    viewBox: "0 0 24 32",
+    version: "1.1",
+    xmlns: "http://www.w3.org/2000/svg"
+  }, /*#__PURE__*/_react["default"].createElement("title", null, "wishlist-button/base"), /*#__PURE__*/_react["default"].createElement("g", {
+    id: "Wishlist",
+    stroke: "none",
+    strokeWidth: "1",
+    fill: "none",
+    fillRule: "evenodd"
+  }, /*#__PURE__*/_react["default"].createElement("g", {
+    id: "components",
+    transform: "translate(-417, -237)"
+  }, /*#__PURE__*/_react["default"].createElement("g", {
+    id: "Group",
+    transform: "translate(417, 237)"
+  }, /*#__PURE__*/_react["default"].createElement("path", {
+    d: "M0,4.00006438 C0,1.79088983 1.79088983,0 4.00006438,0 L20.0003219,0 C22.2094965,0 24.0003863,1.79088983 24.0003863,4.00006438 L24.0003863,31.000499 C24.0003863,31.3690566 23.7972987,31.707635 23.4723789,31.8815946 C23.1474592,32.0555542 22.7531917,32.0366934 22.4463613,31.8325124 L12.0001931,26.2024217 L1.55402501,31.8325124 C1.24719462,32.0366934 0.852927098,32.0555542 0.528007369,31.8815946 C0.203087639,31.707635 0,31.3690566 0,31.000499 L0,4.00006438 Z",
+    id: "Path",
+    fill: "#FFFFFF"
+  }), /*#__PURE__*/_react["default"].createElement("path", {
+    d: "M11.4884365,6.3199776 C11.5838756,6.12420508 11.7826038,6 12.0004007,6 C12.2181976,6 12.4169257,6.12420508 12.5123648,6.3199776 L14.5410228,10.4316897 C14.623468,10.6005456 14.7838925,10.717871 14.9697928,10.7452678 L19.5134747,11.4044216 C19.9774422,11.4716169 20.166229,12.0443768 19.8270528,12.3739538 L16.5440826,15.5769295 C16.4096115,15.7082089 16.3485531,15.8973704 16.380894,16.0824941 L17.1552398,20.6069774 C17.1907134,20.8200705 17.1025787,21.0348915 16.927666,21.1616693 C16.7527533,21.2884471 16.5211722,21.3053581 16.3296976,21.2053355 L12.2659821,19.0678851 C12.1006216,18.9813923 11.9033796,18.9813923 11.7380191,19.0678851 L7.67430355,21.2053355 C7.48306696,21.3035559 7.2528198,21.2857277 7.07898266,21.1592392 C6.90514552,21.0327507 6.81734235,20.8191571 6.85196113,20.6069774 L7.62630692,16.0824941 C7.6594628,15.8979103 7.5996286,15.7088342 7.46631812,15.5769295 L4.17054885,12.3739538 C4.01657399,12.222779 3.96125182,11.9975718 4.027656,11.7922609 C4.09406017,11.58695 4.2707867,11.4367948 4.48412689,11.4044216 L9.0278088,10.7452678 C9.21370906,10.717871 9.3741336,10.6005456 9.45657878,10.4316897 L11.4884365,6.3199776 Z",
+    id: "Path",
+    fill: "#C31629",
+    fillRule: "nonzero"
+  }), /*#__PURE__*/_react["default"].createElement("path", {
+    d: "M0,4.00006438 C0,1.79088983 1.79088983,0 4.00006438,0 L20.0003219,0 C22.2094965,0 24.0003863,1.79088983 24.0003863,4.00006438 L24.0003863,31.000499 C24.0003863,31.3690566 23.7972987,31.707635 23.4723789,31.8815946 C23.1474592,32.0555542 22.7531917,32.0366934 22.4463613,31.8325124 L12.0001931,26.2024217 L1.55402501,31.8325124 C1.24719462,32.0366934 0.852927098,32.0555542 0.528007369,31.8815946 C0.203087639,31.707635 0,31.3690566 0,31.000499 L0,4.00006438 Z M4.00006438,2.00003219 C2.8954771,2.00003219 2.00003219,2.8954771 2.00003219,4.00006438 L2.00003219,29.1324689 L11.4461842,24.168389 C11.7817677,23.9450743 12.2186186,23.9450743 12.5542021,24.168389 L22.0003541,29.1324689 L22.0003541,4.00006438 C22.0003541,2.8954771 21.1049092,2.00003219 20.0003219,2.00003219 L4.00006438,2.00003219 Z",
+    id: "Shape",
+    fill: "#C31629",
+    fillRule: "nonzero"
+  })))));
+}
+var _default = exports["default"] = BaseBookmark;
+//# sourceMappingURL=BaseBookmark.js.map

package/lib/components/ItemList/icons/BaseBookmark.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"BaseBookmark.js","names":["_react","_interopRequireDefault","require","BaseBookmark","_ref","_ref$width","width","_ref$height","height","createElement","viewBox","version","xmlns","id","stroke","strokeWidth","fill","fillRule","transform","d","_default","exports"],"sources":["../../../../src/components/ItemList/icons/BaseBookmark.js"],"sourcesContent":["import React from 'react';\n\nfunction BaseBookmark({ width = '24px', height = '32px' }) {\n  return (\n    <svg\n      width={width}\n      height={height}\n      viewBox=\"0 0 24 32\"\n      version=\"1.1\"\n      xmlns=\"http://www.w3.org/2000/svg\">\n      <title>wishlist-button/base</title>\n      <g id=\"Wishlist\" stroke=\"none\" strokeWidth=\"1\" fill=\"none\" fillRule=\"evenodd\">\n        <g id=\"components\" transform=\"translate(-417, -237)\">\n          <g id=\"Group\" transform=\"translate(417, 237)\">\n            <path\n              d=\"M0,4.00006438 C0,1.79088983 1.79088983,0 4.00006438,0 L20.0003219,0 C22.2094965,0 24.0003863,1.79088983 24.0003863,4.00006438 L24.0003863,31.000499 C24.0003863,31.3690566 23.7972987,31.707635 23.4723789,31.8815946 C23.1474592,32.0555542 22.7531917,32.0366934 22.4463613,31.8325124 L12.0001931,26.2024217 L1.55402501,31.8325124 C1.24719462,32.0366934 0.852927098,32.0555542 0.528007369,31.8815946 C0.203087639,31.707635 0,31.3690566 0,31.000499 L0,4.00006438 Z\"\n              id=\"Path\"\n              fill=\"#FFFFFF\"\n            />\n            <path\n              d=\"M11.4884365,6.3199776 C11.5838756,6.12420508 11.7826038,6 12.0004007,6 C12.2181976,6 12.4169257,6.12420508 12.5123648,6.3199776 L14.5410228,10.4316897 C14.623468,10.6005456 14.7838925,10.717871 14.9697928,10.7452678 L19.5134747,11.4044216 C19.9774422,11.4716169 20.166229,12.0443768 19.8270528,12.3739538 L16.5440826,15.5769295 C16.4096115,15.7082089 16.3485531,15.8973704 16.380894,16.0824941 L17.1552398,20.6069774 C17.1907134,20.8200705 17.1025787,21.0348915 16.927666,21.1616693 C16.7527533,21.2884471 16.5211722,21.3053581 16.3296976,21.2053355 L12.2659821,19.0678851 C12.1006216,18.9813923 11.9033796,18.9813923 11.7380191,19.0678851 L7.67430355,21.2053355 C7.48306696,21.3035559 7.2528198,21.2857277 7.07898266,21.1592392 C6.90514552,21.0327507 6.81734235,20.8191571 6.85196113,20.6069774 L7.62630692,16.0824941 C7.6594628,15.8979103 7.5996286,15.7088342 7.46631812,15.5769295 L4.17054885,12.3739538 C4.01657399,12.222779 3.96125182,11.9975718 4.027656,11.7922609 C4.09406017,11.58695 4.2707867,11.4367948 4.48412689,11.4044216 L9.0278088,10.7452678 C9.21370906,10.717871 9.3741336,10.6005456 9.45657878,10.4316897 L11.4884365,6.3199776 Z\"\n              id=\"Path\"\n              fill=\"#C31629\"\n              fillRule=\"nonzero\"\n            />\n            <path\n              d=\"M0,4.00006438 C0,1.79088983 1.79088983,0 4.00006438,0 L20.0003219,0 C22.2094965,0 24.0003863,1.79088983 24.0003863,4.00006438 L24.0003863,31.000499 C24.0003863,31.3690566 23.7972987,31.707635 23.4723789,31.8815946 C23.1474592,32.0555542 22.7531917,32.0366934 22.4463613,31.8325124 L12.0001931,26.2024217 L1.55402501,31.8325124 C1.24719462,32.0366934 0.852927098,32.0555542 0.528007369,31.8815946 C0.203087639,31.707635 0,31.3690566 0,31.000499 L0,4.00006438 Z M4.00006438,2.00003219 C2.8954771,2.00003219 2.00003219,2.8954771 2.00003219,4.00006438 L2.00003219,29.1324689 L11.4461842,24.168389 C11.7817677,23.9450743 12.2186186,23.9450743 12.5542021,24.168389 L22.0003541,29.1324689 L22.0003541,4.00006438 C22.0003541,2.8954771 21.1049092,2.00003219 20.0003219,2.00003219 L4.00006438,2.00003219 Z\"\n              id=\"Shape\"\n              fill=\"#C31629\"\n              fillRule=\"nonzero\"\n            />\n          </g>\n        </g>\n      </g>\n    </svg>\n  );\n}\n\nexport default BaseBookmark;\n"],"mappings":";;;;;;;;AAAA,IAAAA,MAAA,GAAAC,sBAAA,CAAAC,OAAA;AAEA,SAASC,YAAYA,CAAAC,IAAA,EAAsC;EAAA,IAAAC,UAAA,GAAAD,IAAA,CAAnCE,KAAK;IAALA,KAAK,GAAAD,UAAA,cAAG,MAAM,GAAAA,UAAA;IAAAE,WAAA,GAAAH,IAAA,CAAEI,MAAM;IAANA,MAAM,GAAAD,WAAA,cAAG,MAAM,GAAAA,WAAA;EACrD,oBACEP,MAAA,YAAAS,aAAA;IACEH,KAAK,EAAEA,KAAM;IACbE,MAAM,EAAEA,MAAO;IACfE,OAAO,EAAC,WAAW;IACnBC,OAAO,EAAC,KAAK;IACbC,KAAK,EAAC;EAA4B,gBAClCZ,MAAA,YAAAS,aAAA,gBAAO,sBAA2B,CAAC,eACnCT,MAAA,YAAAS,aAAA;IAAGI,EAAE,EAAC,UAAU;IAACC,MAAM,EAAC,MAAM;IAACC,WAAW,EAAC,GAAG;IAACC,IAAI,EAAC,MAAM;IAACC,QAAQ,EAAC;EAAS,gBAC3EjB,MAAA,YAAAS,aAAA;IAAGI,EAAE,EAAC,YAAY;IAACK,SAAS,EAAC;EAAuB,gBAClDlB,MAAA,YAAAS,aAAA;IAAGI,EAAE,EAAC,OAAO;IAACK,SAAS,EAAC;EAAqB,gBAC3ClB,MAAA,YAAAS,aAAA;IACEU,CAAC,EAAC,6cAA6c;IAC/cN,EAAE,EAAC,MAAM;IACTG,IAAI,EAAC;EAAS,CACf,CAAC,eACFhB,MAAA,YAAAS,aAAA;IACEU,CAAC,EAAC,2nCAA2nC;IAC7nCN,EAAE,EAAC,MAAM;IACTG,IAAI,EAAC,SAAS;IACdC,QAAQ,EAAC;EAAS,CACnB,CAAC,eACFjB,MAAA,YAAAS,aAAA;IACEU,CAAC,EAAC,6xBAA6xB;IAC/xBN,EAAE,EAAC,OAAO;IACVG,IAAI,EAAC,SAAS;IACdC,QAAQ,EAAC;EAAS,CACnB,CACA,CACF,CACF,CACA,CAAC;AAEV;AAAC,IAAAG,QAAA,GAAAC,OAAA,cAEclB,YAAY","ignoreList":[]}

package/lib/components/ItemList/icons/FocusedBookmark.js

@@ -0,0 +1,45 @@
+"use strict";
+
+require("core-js/modules/es.object.define-property.js");
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports["default"] = void 0;
+var _react = _interopRequireDefault(require("react"));
+function FocusedBookmark(_ref) {
+  var _ref$width = _ref.width,
+    width = _ref$width === void 0 ? '24px' : _ref$width,
+    _ref$height = _ref.height,
+    height = _ref$height === void 0 ? '33px' : _ref$height;
+  return /*#__PURE__*/_react["default"].createElement("svg", {
+    width: width,
+    height: height,
+    viewBox: "0 0 24 33",
+    version: "1.1",
+    xmlns: "http://www.w3.org/2000/svg"
+  }, /*#__PURE__*/_react["default"].createElement("title", null, "wishlist-button/focused"), /*#__PURE__*/_react["default"].createElement("g", {
+    id: "Wishlist",
+    stroke: "none",
+    strokeWidth: "1",
+    fill: "none",
+    fillRule: "evenodd"
+  }, /*#__PURE__*/_react["default"].createElement("g", {
+    id: "components",
+    transform: "translate(-719, -236)"
+  }, /*#__PURE__*/_react["default"].createElement("g", {
+    id: "Group",
+    transform: "translate(719, 236.7059)"
+  }, /*#__PURE__*/_react["default"].createElement("path", {
+    d: "M2.68249844e-07,30.9992911 L2.68249844e-07,3.99990852 C2.68249844e-07,1.79082005 1.79082058,0 3.99990906,0 L19.9995432,0 C22.2086316,0 23.9994519,1.79082005 23.9994519,3.99990852 L23.9994519,30.9992911 C23.9997102,31.3525836 23.8135276,31.6797933 23.5096796,31.860049 C23.2058317,32.0403048 22.829418,32.0468515 22.5194855,31.877271 L11.9997261,26.1374022 L1.47996669,31.877271 C1.17003424,32.0468515 0.79362051,32.0403048 0.489772584,31.860049 C0.185924659,31.6797933 -0.000257952496,31.3525836 2.68249844e-07,30.9992911 Z",
+    id: "Shape",
+    fill: "#7E111D",
+    fillRule: "nonzero"
+  }), /*#__PURE__*/_react["default"].createElement("path", {
+    d: "M12.5121433,6.02597195 C12.4166708,5.83013091 12.2178732,5.70588235 12,5.70588235 C11.7821268,5.70588235 11.5833292,5.83013091 11.4878567,6.02597195 L9.45848863,10.1391232 C9.37601459,10.3080381 9.2155339,10.4254046 9.02956857,10.452811 L4.48429634,11.1121956 C4.27088147,11.1445801 4.09409309,11.2947879 4.02766568,11.5001706 C3.96123826,11.7055533 4.01657979,11.9308394 4.17060854,12.0820671 L7.45472777,15.2861639 C7.5891654,15.4174006 7.64998242,15.6062535 7.61797346,15.7919054 L6.84655754,20.3179723 C6.81107151,20.53114 6.89923709,20.7460362 7.07421101,20.8728583 C7.24918493,20.9996805 7.48084704,21.0165975 7.6723887,20.9165398 L11.7375265,18.7783414 C11.9029449,18.6918182 12.100256,18.6918182 12.2656744,18.7783414 L16.3308122,20.9165398 C16.5221157,21.0147947 16.7524435,20.9969601 16.9263415,20.8704274 C17.1002394,20.7438946 17.1880734,20.5302263 17.1534425,20.3179723 L16.3788256,15.7887046 C16.3456582,15.6040561 16.4055133,15.4149138 16.5388704,15.282963 L19.8293915,12.0788662 C19.9834202,11.9276385 20.0387617,11.7023524 19.9723343,11.4969697 C19.9059069,11.291587 19.7291185,11.1413792 19.5157037,11.1089947 L14.9704314,10.4496101 C14.7844661,10.4222037 14.6239854,10.3048372 14.5415114,10.1359223 L12.5121433,6.02597195 Z",
+    id: "Path",
+    fill: "#FFFFFF"
+  })))));
+}
+var _default = exports["default"] = FocusedBookmark;
+//# sourceMappingURL=FocusedBookmark.js.map

package/lib/components/ItemList/icons/FocusedBookmark.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"FocusedBookmark.js","names":["_react","_interopRequireDefault","require","FocusedBookmark","_ref","_ref$width","width","_ref$height","height","createElement","viewBox","version","xmlns","id","stroke","strokeWidth","fill","fillRule","transform","d","_default","exports"],"sources":["../../../../src/components/ItemList/icons/FocusedBookmark.js"],"sourcesContent":["import React from 'react';\n\nfunction FocusedBookmark({ width = '24px', height = '33px' }) {\n  return (\n    <svg\n      width={width}\n      height={height}\n      viewBox=\"0 0 24 33\"\n      version=\"1.1\"\n      xmlns=\"http://www.w3.org/2000/svg\">\n      <title>wishlist-button/focused</title>\n      <g id=\"Wishlist\" stroke=\"none\" strokeWidth=\"1\" fill=\"none\" fillRule=\"evenodd\">\n        <g id=\"components\" transform=\"translate(-719, -236)\">\n          <g id=\"Group\" transform=\"translate(719, 236.7059)\">\n            <path\n              d=\"M2.68249844e-07,30.9992911 L2.68249844e-07,3.99990852 C2.68249844e-07,1.79082005 1.79082058,0 3.99990906,0 L19.9995432,0 C22.2086316,0 23.9994519,1.79082005 23.9994519,3.99990852 L23.9994519,30.9992911 C23.9997102,31.3525836 23.8135276,31.6797933 23.5096796,31.860049 C23.2058317,32.0403048 22.829418,32.0468515 22.5194855,31.877271 L11.9997261,26.1374022 L1.47996669,31.877271 C1.17003424,32.0468515 0.79362051,32.0403048 0.489772584,31.860049 C0.185924659,31.6797933 -0.000257952496,31.3525836 2.68249844e-07,30.9992911 Z\"\n              id=\"Shape\"\n              fill=\"#7E111D\"\n              fillRule=\"nonzero\"\n            />\n            <path\n              d=\"M12.5121433,6.02597195 C12.4166708,5.83013091 12.2178732,5.70588235 12,5.70588235 C11.7821268,5.70588235 11.5833292,5.83013091 11.4878567,6.02597195 L9.45848863,10.1391232 C9.37601459,10.3080381 9.2155339,10.4254046 9.02956857,10.452811 L4.48429634,11.1121956 C4.27088147,11.1445801 4.09409309,11.2947879 4.02766568,11.5001706 C3.96123826,11.7055533 4.01657979,11.9308394 4.17060854,12.0820671 L7.45472777,15.2861639 C7.5891654,15.4174006 7.64998242,15.6062535 7.61797346,15.7919054 L6.84655754,20.3179723 C6.81107151,20.53114 6.89923709,20.7460362 7.07421101,20.8728583 C7.24918493,20.9996805 7.48084704,21.0165975 7.6723887,20.9165398 L11.7375265,18.7783414 C11.9029449,18.6918182 12.100256,18.6918182 12.2656744,18.7783414 L16.3308122,20.9165398 C16.5221157,21.0147947 16.7524435,20.9969601 16.9263415,20.8704274 C17.1002394,20.7438946 17.1880734,20.5302263 17.1534425,20.3179723 L16.3788256,15.7887046 C16.3456582,15.6040561 16.4055133,15.4149138 16.5388704,15.282963 L19.8293915,12.0788662 C19.9834202,11.9276385 20.0387617,11.7023524 19.9723343,11.4969697 C19.9059069,11.291587 19.7291185,11.1413792 19.5157037,11.1089947 L14.9704314,10.4496101 C14.7844661,10.4222037 14.6239854,10.3048372 14.5415114,10.1359223 L12.5121433,6.02597195 Z\"\n              id=\"Path\"\n              fill=\"#FFFFFF\"\n            />\n          </g>\n        </g>\n      </g>\n    </svg>\n  );\n}\n\nexport default FocusedBookmark;\n"],"mappings":";;;;;;;;AAAA,IAAAA,MAAA,GAAAC,sBAAA,CAAAC,OAAA;AAEA,SAASC,eAAeA,CAAAC,IAAA,EAAsC;EAAA,IAAAC,UAAA,GAAAD,IAAA,CAAnCE,KAAK;IAALA,KAAK,GAAAD,UAAA,cAAG,MAAM,GAAAA,UAAA;IAAAE,WAAA,GAAAH,IAAA,CAAEI,MAAM;IAANA,MAAM,GAAAD,WAAA,cAAG,MAAM,GAAAA,WAAA;EACxD,oBACEP,MAAA,YAAAS,aAAA;IACEH,KAAK,EAAEA,KAAM;IACbE,MAAM,EAAEA,MAAO;IACfE,OAAO,EAAC,WAAW;IACnBC,OAAO,EAAC,KAAK;IACbC,KAAK,EAAC;EAA4B,gBAClCZ,MAAA,YAAAS,aAAA,gBAAO,yBAA8B,CAAC,eACtCT,MAAA,YAAAS,aAAA;IAAGI,EAAE,EAAC,UAAU;IAACC,MAAM,EAAC,MAAM;IAACC,WAAW,EAAC,GAAG;IAACC,IAAI,EAAC,MAAM;IAACC,QAAQ,EAAC;EAAS,gBAC3EjB,MAAA,YAAAS,aAAA;IAAGI,EAAE,EAAC,YAAY;IAACK,SAAS,EAAC;EAAuB,gBAClDlB,MAAA,YAAAS,aAAA;IAAGI,EAAE,EAAC,OAAO;IAACK,SAAS,EAAC;EAA0B,gBAChDlB,MAAA,YAAAS,aAAA;IACEU,CAAC,EAAC,6gBAA6gB;IAC/gBN,EAAE,EAAC,OAAO;IACVG,IAAI,EAAC,SAAS;IACdC,QAAQ,EAAC;EAAS,CACnB,CAAC,eACFjB,MAAA,YAAAS,aAAA;IACEU,CAAC,EAAC,4tCAA4tC;IAC9tCN,EAAE,EAAC,MAAM;IACTG,IAAI,EAAC;EAAS,CACf,CACA,CACF,CACF,CACA,CAAC;AAEV;AAAC,IAAAI,QAAA,GAAAC,OAAA,cAEclB,eAAe","ignoreList":[]}

package/lib/components/ItemList/icons/HoverBookmark.js

@@ -0,0 +1,45 @@
+"use strict";
+
+require("core-js/modules/es.object.define-property.js");
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports["default"] = void 0;
+var _react = _interopRequireDefault(require("react"));
+function HoverBookmark(_ref) {
+  var _ref$width = _ref.width,
+    width = _ref$width === void 0 ? '24px' : _ref$width,
+    _ref$height = _ref.height,
+    height = _ref$height === void 0 ? '33px' : _ref$height;
+  return /*#__PURE__*/_react["default"].createElement("svg", {
+    width: width,
+    height: height,
+    viewBox: "0 0 24 33",
+    version: "1.1",
+    xmlns: "http://www.w3.org/2000/svg"
+  }, /*#__PURE__*/_react["default"].createElement("title", null, "wishlist-button/hover"), /*#__PURE__*/_react["default"].createElement("g", {
+    id: "Wishlist",
+    stroke: "none",
+    strokeWidth: "1",
+    fill: "none",
+    fillRule: "evenodd"
+  }, /*#__PURE__*/_react["default"].createElement("g", {
+    id: "components",
+    transform: "translate(-566, -237)"
+  }, /*#__PURE__*/_react["default"].createElement("g", {
+    id: "Group",
+    transform: "translate(566, 237.3529)"
+  }, /*#__PURE__*/_react["default"].createElement("path", {
+    d: "M2.68249844e-07,30.9992911 L2.68249844e-07,3.99990852 C2.68249844e-07,1.79082005 1.79082058,0 3.99990906,0 L19.9995432,0 C22.2086316,0 23.9994519,1.79082005 23.9994519,3.99990852 L23.9994519,30.9992911 C23.9997102,31.3525836 23.8135276,31.6797933 23.5096796,31.860049 C23.2058317,32.0403048 22.829418,32.0468515 22.5194855,31.877271 L11.9997261,26.1374022 L1.47996669,31.877271 C1.17003424,32.0468515 0.79362051,32.0403048 0.489772584,31.860049 C0.185924659,31.6797933 -0.000257952496,31.3525836 2.68249844e-07,30.9992911 Z",
+    id: "Shape",
+    fill: "#C31629",
+    fillRule: "nonzero"
+  }), /*#__PURE__*/_react["default"].createElement("path", {
+    d: "M12.5121433,6.32008959 C12.4166708,6.12424855 12.2178732,6 12,6 C11.7821268,6 11.5833292,6.12424855 11.4878567,6.32008959 L9.45848863,10.4332409 C9.37601459,10.6021558 9.2155339,10.7195223 9.02956857,10.7469287 L4.48429634,11.4063132 C4.27088147,11.4386977 4.09409309,11.5889055 4.02766568,11.7942882 C3.96123826,11.999671 4.01657979,12.224957 4.17060854,12.3761847 L7.45472777,15.5802815 C7.5891654,15.7115183 7.64998242,15.9003711 7.61797346,16.0860231 L6.84655754,20.6120899 C6.81107151,20.8252577 6.89923709,21.0401538 7.07421101,21.166976 C7.24918493,21.2937982 7.48084704,21.3107151 7.6723887,21.2106575 L11.7375265,19.072459 C11.9029449,18.9859359 12.100256,18.9859359 12.2656744,19.072459 L16.3308122,21.2106575 C16.5221157,21.3089123 16.7524435,21.2910778 16.9263415,21.164545 C17.1002394,21.0380122 17.1880734,20.8243439 17.1534425,20.6120899 L16.3788256,16.0828222 C16.3456582,15.8981737 16.4055133,15.7090315 16.5388704,15.5770806 L19.8293915,12.3729838 C19.9834202,12.2217561 20.0387617,11.9964701 19.9723343,11.7910873 C19.9059069,11.5857046 19.7291185,11.4354969 19.5157037,11.4031123 L14.9704314,10.7437278 C14.7844661,10.7163214 14.6239854,10.5989549 14.5415114,10.43004 L12.5121433,6.32008959 Z",
+    id: "Path",
+    fill: "#FFFFFF"
+  })))));
+}
+var _default = exports["default"] = HoverBookmark;
+//# sourceMappingURL=HoverBookmark.js.map

package/lib/components/ItemList/icons/HoverBookmark.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"HoverBookmark.js","names":["_react","_interopRequireDefault","require","HoverBookmark","_ref","_ref$width","width","_ref$height","height","createElement","viewBox","version","xmlns","id","stroke","strokeWidth","fill","fillRule","transform","d","_default","exports"],"sources":["../../../../src/components/ItemList/icons/HoverBookmark.js"],"sourcesContent":["import React from 'react';\n\nfunction HoverBookmark({ width = '24px', height = '33px' }) {\n  return (\n    <svg\n      width={width}\n      height={height}\n      viewBox=\"0 0 24 33\"\n      version=\"1.1\"\n      xmlns=\"http://www.w3.org/2000/svg\">\n      <title>wishlist-button/hover</title>\n      <g id=\"Wishlist\" stroke=\"none\" strokeWidth=\"1\" fill=\"none\" fillRule=\"evenodd\">\n        <g id=\"components\" transform=\"translate(-566, -237)\">\n          <g id=\"Group\" transform=\"translate(566, 237.3529)\">\n            <path\n              d=\"M2.68249844e-07,30.9992911 L2.68249844e-07,3.99990852 C2.68249844e-07,1.79082005 1.79082058,0 3.99990906,0 L19.9995432,0 C22.2086316,0 23.9994519,1.79082005 23.9994519,3.99990852 L23.9994519,30.9992911 C23.9997102,31.3525836 23.8135276,31.6797933 23.5096796,31.860049 C23.2058317,32.0403048 22.829418,32.0468515 22.5194855,31.877271 L11.9997261,26.1374022 L1.47996669,31.877271 C1.17003424,32.0468515 0.79362051,32.0403048 0.489772584,31.860049 C0.185924659,31.6797933 -0.000257952496,31.3525836 2.68249844e-07,30.9992911 Z\"\n              id=\"Shape\"\n              fill=\"#C31629\"\n              fillRule=\"nonzero\"\n            />\n            <path\n              d=\"M12.5121433,6.32008959 C12.4166708,6.12424855 12.2178732,6 12,6 C11.7821268,6 11.5833292,6.12424855 11.4878567,6.32008959 L9.45848863,10.4332409 C9.37601459,10.6021558 9.2155339,10.7195223 9.02956857,10.7469287 L4.48429634,11.4063132 C4.27088147,11.4386977 4.09409309,11.5889055 4.02766568,11.7942882 C3.96123826,11.999671 4.01657979,12.224957 4.17060854,12.3761847 L7.45472777,15.5802815 C7.5891654,15.7115183 7.64998242,15.9003711 7.61797346,16.0860231 L6.84655754,20.6120899 C6.81107151,20.8252577 6.89923709,21.0401538 7.07421101,21.166976 C7.24918493,21.2937982 7.48084704,21.3107151 7.6723887,21.2106575 L11.7375265,19.072459 C11.9029449,18.9859359 12.100256,18.9859359 12.2656744,19.072459 L16.3308122,21.2106575 C16.5221157,21.3089123 16.7524435,21.2910778 16.9263415,21.164545 C17.1002394,21.0380122 17.1880734,20.8243439 17.1534425,20.6120899 L16.3788256,16.0828222 C16.3456582,15.8981737 16.4055133,15.7090315 16.5388704,15.5770806 L19.8293915,12.3729838 C19.9834202,12.2217561 20.0387617,11.9964701 19.9723343,11.7910873 C19.9059069,11.5857046 19.7291185,11.4354969 19.5157037,11.4031123 L14.9704314,10.7437278 C14.7844661,10.7163214 14.6239854,10.5989549 14.5415114,10.43004 L12.5121433,6.32008959 Z\"\n              id=\"Path\"\n              fill=\"#FFFFFF\"\n            />\n          </g>\n        </g>\n      </g>\n    </svg>\n  );\n}\n\nexport default HoverBookmark;\n"],"mappings":";;;;;;;;AAAA,IAAAA,MAAA,GAAAC,sBAAA,CAAAC,OAAA;AAEA,SAASC,aAAaA,CAAAC,IAAA,EAAsC;EAAA,IAAAC,UAAA,GAAAD,IAAA,CAAnCE,KAAK;IAALA,KAAK,GAAAD,UAAA,cAAG,MAAM,GAAAA,UAAA;IAAAE,WAAA,GAAAH,IAAA,CAAEI,MAAM;IAANA,MAAM,GAAAD,WAAA,cAAG,MAAM,GAAAA,WAAA;EACtD,oBACEP,MAAA,YAAAS,aAAA;IACEH,KAAK,EAAEA,KAAM;IACbE,MAAM,EAAEA,MAAO;IACfE,OAAO,EAAC,WAAW;IACnBC,OAAO,EAAC,KAAK;IACbC,KAAK,EAAC;EAA4B,gBAClCZ,MAAA,YAAAS,aAAA,gBAAO,uBAA4B,CAAC,eACpCT,MAAA,YAAAS,aAAA;IAAGI,EAAE,EAAC,UAAU;IAACC,MAAM,EAAC,MAAM;IAACC,WAAW,EAAC,GAAG;IAACC,IAAI,EAAC,MAAM;IAACC,QAAQ,EAAC;EAAS,gBAC3EjB,MAAA,YAAAS,aAAA;IAAGI,EAAE,EAAC,YAAY;IAACK,SAAS,EAAC;EAAuB,gBAClDlB,MAAA,YAAAS,aAAA;IAAGI,EAAE,EAAC,OAAO;IAACK,SAAS,EAAC;EAA0B,gBAChDlB,MAAA,YAAAS,aAAA;IACEU,CAAC,EAAC,6gBAA6gB;IAC/gBN,EAAE,EAAC,OAAO;IACVG,IAAI,EAAC,SAAS;IACdC,QAAQ,EAAC;EAAS,CACnB,CAAC,eACFjB,MAAA,YAAAS,aAAA;IACEU,CAAC,EAAC,8rCAA8rC;IAChsCN,EAAE,EAAC,MAAM;IACTG,IAAI,EAAC;EAAS,CACf,CACA,CACF,CACF,CACA,CAAC;AAEV;AAAC,IAAAI,QAAA,GAAAC,OAAA,cAEclB,aAAa","ignoreList":[]}