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

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

@@ -0,0 +1,161 @@
+"use strict";
+
+require("core-js/modules/es.array.iterator.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");
+
+require("core-js/modules/es.object.define-property.js");
+
+require("core-js/modules/es.object.get-own-property-descriptor.js");
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+
+var _typeof = require("@babel/runtime/helpers/typeof");
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports["default"] = void 0;
+
+require("core-js/modules/es.array.find.js");
+
+require("core-js/modules/es.object.to-string.js");
+
+require("core-js/modules/es.array.join.js");
+
+require("core-js/modules/es.array.filter.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 _query = require("../../../application/query");
+
+var _helpers = require("../helpers");
+
+var _hooks = require("../hooks");
+
+function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
+
+function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return { "default": obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj["default"] = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
+
+var ItemListButton = function ItemListButton(_ref) {
+  var listName = _ref.listName,
+      parent = _ref.parent,
+      modifier = _ref.modifier;
+  var itemId = parent.itemId,
+      itemEntity = parent.itemEntity;
+
+  var _useState = (0, _react.useState)(false),
+      _useState2 = (0, _slicedToArray2["default"])(_useState, 2),
+      isHover = _useState2[0],
+      setIsHover = _useState2[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
+    },
+    skip: !listId
+  }),
+      data = _useQuery.data,
+      error = _useQuery.error,
+      loading = _useQuery.loading;
+
+  var _useMutation = (0, _client.useMutation)(_query.addItemsToList, {
+    onCompleted: function onCompleted(_ref2) {
+      var listAddResult = _ref2.addItemsToList;
+      var id = listAddResult.result.id;
+
+      if (!listId) {
+        (0, _helpers.setItemListId)(listName, id);
+      }
+    }
+  }),
+      _useMutation2 = (0, _slicedToArray2["default"])(_useMutation, 1),
+      addListItem = _useMutation2[0];
+
+  var _useMutation3 = (0, _client.useMutation)(_query.removeItemsFromList),
+      _useMutation4 = (0, _slicedToArray2["default"])(_useMutation3, 1),
+      removeListItem = _useMutation4[0];
+
+  var clickHandler = function clickHandler() {
+    setIsHover(false);
+    isInList ? removeListItem({
+      variables: {
+        listId: listId,
+        listItems: [{
+          itemId: itemId,
+          itemEntity: itemEntity
+        }]
+      },
+      skip: !listId
+    }) : addListItem({
+      variables: {
+        name: listName,
+        id: listId,
+        listItems: [{
+          itemId: itemId,
+          itemEntity: itemEntity
+        }]
+      },
+      skip: !listId
+    });
+  };
+
+  if (loading) return '';
+  if (error) return error.message;
+  var listItems = (0, _helpers.getItemListData)(data);
+  var isInList = !!listItems.find(function (_ref3) {
+    var idToCheck = _ref3.itemId,
+        entityToCheck = _ref3.itemEntity;
+    return idToCheck === itemId && entityToCheck === itemEntity;
+  });
+  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",
+    onClick: clickHandler,
+    onMouseEnter: function onMouseEnter() {
+      return setIsHover(true);
+    },
+    onMouseLeave: function onMouseLeave() {
+      return setIsHover(false);
+    }
+  }, /*#__PURE__*/_react["default"].createElement("i", null, /*#__PURE__*/_react["default"].createElement(Icon, null)));
+};
+
+ItemListButton.propTypes = {
+  parent: _propTypes["default"].object,
+  listName: _propTypes["default"].string,
+  modifier: _propTypes["default"].string
+};
+ItemListButton.defaultProps = {
+  parent: {},
+  listName: '',
+  modifier: ''
+};
+var _default = ItemListButton;
+exports["default"] = _default;
+//# sourceMappingURL=ItemListButton.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"ItemListButton.js","names":["ItemListButton","listName","parent","modifier","itemId","itemEntity","isHover","setIsHover","listId","getIcon","isInList","BsBookmarkXFill","BsBookmarkCheckFill","BsBookmarkStarFill","BsBookmarkStar","getItemList","variables","id","skip","data","error","loading","addItemsToList","onCompleted","listAddResult","result","addListItem","removeItemsFromList","removeListItem","clickHandler","listItems","name","message","find","idToCheck","entityToCheck","Icon","stateClassName","className","filter","Boolean","join","propTypes","PropTypes","object","string","defaultProps"],"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      <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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"}

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

@@ -0,0 +1,16 @@
+"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 _ItemListButton = _interopRequireDefault(require("./ItemListButton"));
+
+var _default = _ItemListButton["default"];
+exports["default"] = _default;
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","names":["ItemListButton"],"sources":["../../../../src/components/ItemList/ItemListButton/index.js"],"sourcesContent":["import ItemListButton from './ItemListButton';\n\nexport default ItemListButton;\n"],"mappings":";;;;;;;;;;;AAAA;;eAEeA,0B"}

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

@@ -0,0 +1,83 @@
+"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;
+
+require("core-js/modules/es.array.concat.js");
+
+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 _query = require("../../../application/query");
+
+var _hooks = require("../hooks");
+
+var _helpers = require("../helpers");
+
+var ItemListCounter = function ItemListCounter(_ref) {
+  var listName = _ref.listName,
+      modifier = _ref.modifier,
+      url = _ref.url;
+  var router = (0, _router.useRouter)();
+
+  var _useItemListId = (0, _hooks.useItemListId)({
+    listName: listName
+  }),
+      listId = _useItemListId.listId;
+
+  var _useQuery = (0, _client.useQuery)(_query.getItemList, {
+    variables: {
+      id: listId
+    },
+    skip: !listId
+  }),
+      data = _useQuery.data,
+      error = _useQuery.error,
+      loading = _useQuery.loading;
+
+  if (loading) return '';
+  if (error) return error.message;
+  var listItems = (0, _helpers.getItemListData)(data);
+  var listLength = listItems.length;
+  var CounterIcon = listLength ? _bs.BsBookmarkStarFill : _bs.BsBookmarkStar;
+
+  var handleClick = function handleClick() {
+    return router.push('/Resolver', "".concat(url, "?itemListId=").concat(listId));
+  };
+
+  return /*#__PURE__*/_react["default"].createElement("div", {
+    role: "button",
+    type: "button",
+    className: "item-list-counter ".concat(modifier),
+    onClick: handleClick
+  }, /*#__PURE__*/_react["default"].createElement(CounterIcon, null), /*#__PURE__*/_react["default"].createElement("span", {
+    className: "item-list-counter__badge"
+  }, listLength));
+};
+
+ItemListCounter.propTypes = {
+  url: _propTypes["default"].string,
+  listName: _propTypes["default"].string,
+  modifier: _propTypes["default"].string
+};
+ItemListCounter.defaultProps = {
+  url: '',
+  listName: '',
+  modifier: ''
+};
+var _default = ItemListCounter;
+exports["default"] = _default;
+//# sourceMappingURL=ItemListCounter.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"ItemListCounter.js","names":["ItemListCounter","listName","modifier","url","router","listId","getItemList","variables","id","skip","data","error","loading","message","listItems","listLength","length","CounterIcon","BsBookmarkStarFill","BsBookmarkStar","handleClick","push","propTypes","PropTypes","string","defaultProps"],"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      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;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;AAEA,IAAMA,eAAe,GAAG,SAAlBA,eAAkB,OAAiC;EAAA,IAA9BC,QAA8B,QAA9BA,QAA8B;EAAA,IAApBC,QAAoB,QAApBA,QAAoB;EAAA,IAAVC,GAAU,QAAVA,GAAU;EACvD,IAAMC,MAAM,GAAG,wBAAf;;EACA,qBAAmB,0BAAc;IAAEH,QAAQ,EAARA;EAAF,CAAd,CAAnB;EAAA,IAAQI,MAAR,kBAAQA,MAAR;;EAEA,gBAAiC,sBAASC,kBAAT,EAAsB;IACrDC,SAAS,EAAE;MAAEC,EAAE,EAAEH;IAAN,CAD0C;IAErDI,IAAI,EAAE,CAACJ;EAF8C,CAAtB,CAAjC;EAAA,IAAQK,IAAR,aAAQA,IAAR;EAAA,IAAcC,KAAd,aAAcA,KAAd;EAAA,IAAqBC,OAArB,aAAqBA,OAArB;;EAKA,IAAIA,OAAJ,EAAa,OAAO,EAAP;EACb,IAAID,KAAJ,EAAW,OAAOA,KAAK,CAACE,OAAb;EAEX,IAAMC,SAAS,GAAG,8BAAgBJ,IAAhB,CAAlB;EACA,IAAMK,UAAU,GAAGD,SAAS,CAACE,MAA7B;EACA,IAAMC,WAAW,GAAGF,UAAU,GAAGG,sBAAH,GAAwBC,kBAAtD;;EAEA,IAAMC,WAAW,GAAG,SAAdA,WAAc;IAAA,OAAMhB,MAAM,CAACiB,IAAP,CAAY,WAAZ,YAA4BlB,GAA5B,yBAA8CE,MAA9C,EAAN;EAAA,CAApB;;EAEA,oBACE;IACE,IAAI,EAAC,QADP;IAEE,IAAI,EAAC,QAFP;IAGE,SAAS,8BAAuBH,QAAvB,CAHX;IAIE,OAAO,EAAEkB;EAJX,gBAKE,gCAAC,WAAD,OALF,eAME;IAAM,SAAS,EAAC;EAAhB,GAA4CL,UAA5C,CANF,CADF;AAUD,CA5BD;;AA8BAf,eAAe,CAACsB,SAAhB,GAA4B;EAC1BnB,GAAG,EAAEoB,sBAAUC,MADW;EAE1BvB,QAAQ,EAAEsB,sBAAUC,MAFM;EAG1BtB,QAAQ,EAAEqB,sBAAUC;AAHM,CAA5B;AAMAxB,eAAe,CAACyB,YAAhB,GAA+B;EAC7BtB,GAAG,EAAE,EADwB;EAE7BF,QAAQ,EAAE,EAFmB;EAG7BC,QAAQ,EAAE;AAHmB,CAA/B;eAMeF,e"}

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

@@ -0,0 +1,16 @@
+"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 _ItemListCounter = _interopRequireDefault(require("./ItemListCounter"));
+
+var _default = _ItemListCounter["default"];
+exports["default"] = _default;
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","names":["ItemListCounter"],"sources":["../../../../src/components/ItemList/ItemListCounter/index.js"],"sourcesContent":["import ItemListCounter from './ItemListCounter';\n\nexport default ItemListCounter;\n"],"mappings":";;;;;;;;;;;AAAA;;eAEeA,2B"}

package/lib/components/ItemList/ItemListNew/ItemListNew.js

@@ -0,0 +1,87 @@
+"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"));
+
+var _propTypes = _interopRequireDefault(require("prop-types"));
+
+var _router = require("next/router");
+
+var _client = require("@apollo/client");
+
+var _button = _interopRequireDefault(require("@blaze-react/button"));
+
+var _queryString = require("query-string");
+
+var _query = require("../../../application/query");
+
+var _hooks = require("../hooks");
+
+var _helpers = require("../helpers");
+
+var _constants = require("../constants");
+
+var ItemListNew = function ItemListNew(_ref) {
+  var listName = _ref.listName,
+      modifier = _ref.modifier,
+      text = _ref.text;
+  var router = (0, _router.useRouter)();
+
+  var _parseUrl = (0, _queryString.parseUrl)(router.asPath),
+      _parseUrl$query = _parseUrl.query;
+
+  _parseUrl$query = _parseUrl$query === void 0 ? {} : _parseUrl$query;
+  var listItemId = _parseUrl$query[_constants.LIST_ITEM_QUERY_PARAM];
+
+  var _useItemListId = (0, _hooks.useItemListId)({
+    listName: listName
+  }),
+      listId = _useItemListId.listId;
+
+  var listIdToUse = listItemId || listId;
+
+  var _useQuery = (0, _client.useQuery)(_query.getItemList, {
+    variables: {
+      id: listIdToUse
+    },
+    skip: !listIdToUse
+  }),
+      data = _useQuery.data,
+      error = _useQuery.error,
+      loading = _useQuery.loading;
+
+  if (loading) return '';
+  if (error) return error.message;
+  var listItems = (0, _helpers.getItemListData)(data);
+  if (!listItems.length) return '';
+
+  var handleClick = function handleClick() {
+    (0, _helpers.setItemListId)(listName, '');
+    (0, _helpers.setParamAndRedirect)(router);
+  };
+
+  return /*#__PURE__*/_react["default"].createElement(_button["default"], {
+    className: "item-list-new ".concat(modifier),
+    onClick: handleClick
+  }, text);
+};
+
+ItemListNew.propTypes = {
+  listName: _propTypes["default"].string.isRequired,
+  modifier: _propTypes["default"].string,
+  text: _propTypes["default"].string.isRequired
+};
+ItemListNew.defaultProps = {
+  modifier: ''
+};
+var _default = ItemListNew;
+exports["default"] = _default;
+//# sourceMappingURL=ItemListNew.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"ItemListNew.js","names":["ItemListNew","listName","modifier","text","router","asPath","query","listItemId","LIST_ITEM_QUERY_PARAM","listId","listIdToUse","getItemList","variables","id","skip","data","error","loading","message","listItems","length","handleClick","propTypes","PropTypes","string","isRequired","defaultProps"],"sources":["../../../../src/components/ItemList/ItemListNew/ItemListNew.js"],"sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\nimport { useRouter } from 'next/router';\nimport { useQuery } from '@apollo/client';\nimport BlazeButton from '@blaze-react/button';\nimport { parseUrl } from 'query-string';\nimport { getItemList } from '../../../application/query';\nimport { useItemListId } from '../hooks';\nimport { getItemListData, setItemListId, setParamAndRedirect } from '../helpers';\nimport { LIST_ITEM_QUERY_PARAM } from '../constants';\n\nconst ItemListNew = ({ listName, modifier, text }) => {\n  const router = useRouter();\n  const { query: { [LIST_ITEM_QUERY_PARAM]: listItemId } = {} } = parseUrl(router.asPath);\n\n  const { listId } = useItemListId({ listName });\n  const listIdToUse = listItemId || listId;\n  const { data, error, loading } = useQuery(getItemList, {\n    variables: { id: listIdToUse },\n    skip: !listIdToUse\n  });\n\n  if (loading) return '';\n  if (error) return error.message;\n\n  const listItems = getItemListData(data);\n  if (!listItems.length) return '';\n\n  const handleClick = () => {\n    setItemListId(listName, '');\n    setParamAndRedirect(router);\n  };\n\n  return (\n    <BlazeButton className={`item-list-new ${modifier}`} onClick={handleClick}>\n      {text}\n    </BlazeButton>\n  );\n};\n\nItemListNew.propTypes = {\n  listName: PropTypes.string.isRequired,\n  modifier: PropTypes.string,\n  text: PropTypes.string.isRequired\n};\n\nItemListNew.defaultProps = {\n  modifier: ''\n};\n\nexport default ItemListNew;\n"],"mappings":";;;;;;;;;;;AAAA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;AAEA,IAAMA,WAAW,GAAG,SAAdA,WAAc,OAAkC;EAAA,IAA/BC,QAA+B,QAA/BA,QAA+B;EAAA,IAArBC,QAAqB,QAArBA,QAAqB;EAAA,IAAXC,IAAW,QAAXA,IAAW;EACpD,IAAMC,MAAM,GAAG,wBAAf;;EACA,gBAAgE,2BAASA,MAAM,CAACC,MAAhB,CAAhE;EAAA,gCAAQC,KAAR;;EAAA,+CAAyD,EAAzD;EAAA,IAA0CC,UAA1C,mBAAkBC,gCAAlB;;EAEA,qBAAmB,0BAAc;IAAEP,QAAQ,EAARA;EAAF,CAAd,CAAnB;EAAA,IAAQQ,MAAR,kBAAQA,MAAR;;EACA,IAAMC,WAAW,GAAGH,UAAU,IAAIE,MAAlC;;EACA,gBAAiC,sBAASE,kBAAT,EAAsB;IACrDC,SAAS,EAAE;MAAEC,EAAE,EAAEH;IAAN,CAD0C;IAErDI,IAAI,EAAE,CAACJ;EAF8C,CAAtB,CAAjC;EAAA,IAAQK,IAAR,aAAQA,IAAR;EAAA,IAAcC,KAAd,aAAcA,KAAd;EAAA,IAAqBC,OAArB,aAAqBA,OAArB;;EAKA,IAAIA,OAAJ,EAAa,OAAO,EAAP;EACb,IAAID,KAAJ,EAAW,OAAOA,KAAK,CAACE,OAAb;EAEX,IAAMC,SAAS,GAAG,8BAAgBJ,IAAhB,CAAlB;EACA,IAAI,CAACI,SAAS,CAACC,MAAf,EAAuB,OAAO,EAAP;;EAEvB,IAAMC,WAAW,GAAG,SAAdA,WAAc,GAAM;IACxB,4BAAcpB,QAAd,EAAwB,EAAxB;IACA,kCAAoBG,MAApB;EACD,CAHD;;EAKA,oBACE,gCAAC,kBAAD;IAAa,SAAS,0BAAmBF,QAAnB,CAAtB;IAAqD,OAAO,EAAEmB;EAA9D,GACGlB,IADH,CADF;AAKD,CA3BD;;AA6BAH,WAAW,CAACsB,SAAZ,GAAwB;EACtBrB,QAAQ,EAAEsB,sBAAUC,MAAV,CAAiBC,UADL;EAEtBvB,QAAQ,EAAEqB,sBAAUC,MAFE;EAGtBrB,IAAI,EAAEoB,sBAAUC,MAAV,CAAiBC;AAHD,CAAxB;AAMAzB,WAAW,CAAC0B,YAAZ,GAA2B;EACzBxB,QAAQ,EAAE;AADe,CAA3B;eAIeF,W"}

package/lib/components/ItemList/ItemListNew/index.js

@@ -0,0 +1,16 @@
+"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 _ItemListNew = _interopRequireDefault(require("./ItemListNew"));
+
+var _default = _ItemListNew["default"];
+exports["default"] = _default;
+//# sourceMappingURL=index.js.map

package/lib/components/ItemList/ItemListNew/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","names":["ItemListNew"],"sources":["../../../../src/components/ItemList/ItemListNew/index.js"],"sourcesContent":["import ItemListNew from './ItemListNew';\n\nexport default ItemListNew;\n"],"mappings":";;;;;;;;;;;AAAA;;eAEeA,uB"}

package/lib/components/ItemList/constants.js

@@ -0,0 +1,19 @@
+"use strict";
+
+require("core-js/modules/es.object.define-property.js");
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.LIST_ITEM_QUERY_PARAM = exports.LIST_ITEM_LOCAL_KEY = exports.ITEM_LIST_NEW = exports.ITEM_LIST_COUNTER = exports.ITEM_LIST_BUTTON = void 0;
+var ITEM_LIST_BUTTON = 'itemlistbutton';
+exports.ITEM_LIST_BUTTON = ITEM_LIST_BUTTON;
+var ITEM_LIST_COUNTER = 'itemlistcounter';
+exports.ITEM_LIST_COUNTER = ITEM_LIST_COUNTER;
+var ITEM_LIST_NEW = 'itemlistnew';
+exports.ITEM_LIST_NEW = ITEM_LIST_NEW;
+var LIST_ITEM_LOCAL_KEY = 'blaze_item_list_';
+exports.LIST_ITEM_LOCAL_KEY = LIST_ITEM_LOCAL_KEY;
+var LIST_ITEM_QUERY_PARAM = 'itemListId';
+exports.LIST_ITEM_QUERY_PARAM = LIST_ITEM_QUERY_PARAM;
+//# sourceMappingURL=constants.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"constants.js","names":["ITEM_LIST_BUTTON","ITEM_LIST_COUNTER","ITEM_LIST_NEW","LIST_ITEM_LOCAL_KEY","LIST_ITEM_QUERY_PARAM"],"sources":["../../../src/components/ItemList/constants.js"],"sourcesContent":["export const ITEM_LIST_BUTTON = 'itemlistbutton';\nexport const ITEM_LIST_COUNTER = 'itemlistcounter';\nexport const ITEM_LIST_NEW = 'itemlistnew';\nexport const LIST_ITEM_LOCAL_KEY = 'blaze_item_list_';\nexport const LIST_ITEM_QUERY_PARAM = 'itemListId';\n"],"mappings":";;;;;;;;AAAO,IAAMA,gBAAgB,GAAG,gBAAzB;;AACA,IAAMC,iBAAiB,GAAG,iBAA1B;;AACA,IAAMC,aAAa,GAAG,aAAtB;;AACA,IAAMC,mBAAmB,GAAG,kBAA5B;;AACA,IAAMC,qBAAqB,GAAG,YAA9B"}

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

@@ -0,0 +1,17 @@
+"use strict";
+
+require("core-js/modules/es.object.define-property.js");
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports["default"] = void 0;
+
+var getItemListData = function getItemListData(data) {
+  if (data && data.getItemList && data.getItemList.listItems) return data.getItemList.listItems;
+  return [];
+};
+
+var _default = getItemListData;
+exports["default"] = _default;
+//# sourceMappingURL=get-item-list-data.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"get-item-list-data.js","names":["getItemListData","data","getItemList","listItems"],"sources":["../../../../src/components/ItemList/helpers/get-item-list-data.js"],"sourcesContent":["const getItemListData = data => {\n  if (data && data.getItemList && data.getItemList.listItems) return data.getItemList.listItems;\n  return [];\n};\n\nexport default getItemListData;\n"],"mappings":";;;;;;;;;AAAA,IAAMA,eAAe,GAAG,SAAlBA,eAAkB,CAAAC,IAAI,EAAI;EAC9B,IAAIA,IAAI,IAAIA,IAAI,CAACC,WAAb,IAA4BD,IAAI,CAACC,WAAL,CAAiBC,SAAjD,EAA4D,OAAOF,IAAI,CAACC,WAAL,CAAiBC,SAAxB;EAC5D,OAAO,EAAP;AACD,CAHD;;eAKeH,e"}

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

@@ -0,0 +1,23 @@
+"use strict";
+
+require("core-js/modules/es.object.define-property.js");
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports["default"] = void 0;
+
+require("core-js/modules/es.array.concat.js");
+
+var _constants = require("../constants");
+
+var getItemListId = function getItemListId(listName, queryId) {
+  if (queryId) return queryId;
+  if (!listName || typeof localStorage === 'undefined') return '';
+  var localListName = "".concat(_constants.LIST_ITEM_LOCAL_KEY).concat(listName);
+  return localStorage.getItem(localListName) || '';
+};
+
+var _default = getItemListId;
+exports["default"] = _default;
+//# sourceMappingURL=get-item-list-id.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"get-item-list-id.js","names":["getItemListId","listName","queryId","localStorage","localListName","LIST_ITEM_LOCAL_KEY","getItem"],"sources":["../../../../src/components/ItemList/helpers/get-item-list-id.js"],"sourcesContent":["import { LIST_ITEM_LOCAL_KEY } from '../constants';\n\nconst getItemListId = (listName, queryId) => {\n  if (queryId) return queryId;\n  if (!listName || typeof localStorage === 'undefined') return '';\n\n  const localListName = `${LIST_ITEM_LOCAL_KEY}${listName}`;\n  return localStorage.getItem(localListName) || '';\n};\n\nexport default getItemListId;\n"],"mappings":";;;;;;;;;;;AAAA;;AAEA,IAAMA,aAAa,GAAG,SAAhBA,aAAgB,CAACC,QAAD,EAAWC,OAAX,EAAuB;EAC3C,IAAIA,OAAJ,EAAa,OAAOA,OAAP;EACb,IAAI,CAACD,QAAD,IAAa,OAAOE,YAAP,KAAwB,WAAzC,EAAsD,OAAO,EAAP;EAEtD,IAAMC,aAAa,aAAMC,8BAAN,SAA4BJ,QAA5B,CAAnB;EACA,OAAOE,YAAY,CAACG,OAAb,CAAqBF,aAArB,KAAuC,EAA9C;AACD,CAND;;eAQeJ,a"}

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

@@ -0,0 +1,28 @@
+"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;
+
+require("core-js/modules/es.array.map.js");
+
+var _getItemListData = _interopRequireDefault(require("./get-item-list-data"));
+
+var getItemListIds = function getItemListIds(data) {
+  var itemListElements = (0, _getItemListData["default"])(data);
+  return itemListElements.length ? itemListElements.map(function (_ref) {
+    var itemId = _ref.itemId;
+    return {
+      displayItems: [itemId]
+    };
+  }) : null;
+};
+
+var _default = getItemListIds;
+exports["default"] = _default;
+//# sourceMappingURL=get-item-list-ids.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"get-item-list-ids.js","names":["getItemListIds","data","itemListElements","length","map","itemId","displayItems"],"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;;AAEA,IAAMA,cAAc,GAAG,SAAjBA,cAAiB,CAAAC,IAAI,EAAI;EAC7B,IAAMC,gBAAgB,GAAG,iCAAgBD,IAAhB,CAAzB;EACA,OAAOC,gBAAgB,CAACC,MAAjB,GACHD,gBAAgB,CAACE,GAAjB,CAAqB;IAAA,IAAGC,MAAH,QAAGA,MAAH;IAAA,OAAiB;MAAEC,YAAY,EAAE,CAACD,MAAD;IAAhB,CAAjB;EAAA,CAArB,CADG,GAEH,IAFJ;AAGD,CALD;;eAOeL,c"}

package/lib/components/ItemList/helpers/index.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
+});
+Object.defineProperty(exports, "getItemListData", {
+  enumerable: true,
+  get: function get() {
+    return _getItemListData["default"];
+  }
+});
+Object.defineProperty(exports, "getItemListId", {
+  enumerable: true,
+  get: function get() {
+    return _getItemListId["default"];
+  }
+});
+Object.defineProperty(exports, "getItemListIds", {
+  enumerable: true,
+  get: function get() {
+    return _getItemListIds["default"];
+  }
+});
+Object.defineProperty(exports, "setItemListId", {
+  enumerable: true,
+  get: function get() {
+    return _setItemListId["default"];
+  }
+});
+Object.defineProperty(exports, "setParamAndRedirect", {
+  enumerable: true,
+  get: function get() {
+    return _setParamAndRedirect["default"];
+  }
+});
+
+var _getItemListId = _interopRequireDefault(require("./get-item-list-id"));
+
+var _getItemListIds = _interopRequireDefault(require("./get-item-list-ids"));
+
+var _getItemListData = _interopRequireDefault(require("./get-item-list-data"));
+
+var _setItemListId = _interopRequireDefault(require("./set-item-list-id"));
+
+var _setParamAndRedirect = _interopRequireDefault(require("./set-param-and-redirect"));
+//# sourceMappingURL=index.js.map

package/lib/components/ItemList/helpers/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","names":[],"sources":["../../../../src/components/ItemList/helpers/index.js"],"sourcesContent":["export { default as getItemListId } from './get-item-list-id';\nexport { default as getItemListIds } from './get-item-list-ids';\nexport { default as getItemListData } from './get-item-list-data';\nexport { default as setItemListId } from './set-item-list-id';\nexport { default as setParamAndRedirect } from './set-param-and-redirect';\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;;AACA;;AACA;;AACA;;AACA"}

package/lib/components/ItemList/helpers/set-item-list-id.js

@@ -0,0 +1,22 @@
+"use strict";
+
+require("core-js/modules/es.object.define-property.js");
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports["default"] = void 0;
+
+require("core-js/modules/es.array.concat.js");
+
+var _constants = require("../constants");
+
+var setItemListId = function setItemListId(listName, id) {
+  var localListName = "".concat(_constants.LIST_ITEM_LOCAL_KEY).concat(listName);
+  localStorage.setItem(localListName, id);
+  window.dispatchEvent(new Event('storage'));
+};
+
+var _default = setItemListId;
+exports["default"] = _default;
+//# sourceMappingURL=set-item-list-id.js.map

package/lib/components/ItemList/helpers/set-item-list-id.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"set-item-list-id.js","names":["setItemListId","listName","id","localListName","LIST_ITEM_LOCAL_KEY","localStorage","setItem","window","dispatchEvent","Event"],"sources":["../../../../src/components/ItemList/helpers/set-item-list-id.js"],"sourcesContent":["import { LIST_ITEM_LOCAL_KEY } from '../constants';\n\nconst setItemListId = (listName, id) => {\n  const localListName = `${LIST_ITEM_LOCAL_KEY}${listName}`;\n  localStorage.setItem(localListName, id);\n  window.dispatchEvent(new Event('storage'));\n};\n\nexport default setItemListId;\n"],"mappings":";;;;;;;;;;;AAAA;;AAEA,IAAMA,aAAa,GAAG,SAAhBA,aAAgB,CAACC,QAAD,EAAWC,EAAX,EAAkB;EACtC,IAAMC,aAAa,aAAMC,8BAAN,SAA4BH,QAA5B,CAAnB;EACAI,YAAY,CAACC,OAAb,CAAqBH,aAArB,EAAoCD,EAApC;EACAK,MAAM,CAACC,aAAP,CAAqB,IAAIC,KAAJ,CAAU,SAAV,CAArB;AACD,CAJD;;eAMeT,a"}