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

package/CHANGELOG.md

@@ -3,6 +3,36 @@
 All notable changes to this project will be documented in this file.
 See [Conventional Commits](https://conventionalcommits.org) for commit guidelines.
 
+# [0.124.0-alpha.34](https://github.com/thebyte9/blaze/compare/v0.124.0-alpha.33...v0.124.0-alpha.34) (2022-06-24)
+
+
+### Features
+
+* show clear list button when list in query string ([#3518](https://github.com/thebyte9/blaze/issues/3518)) ([0066907](https://github.com/thebyte9/blaze/commit/00669078ef9177300fcf388f9a01bfd874d20eca))
+
+
+
+
+
+# [0.124.0-alpha.33](https://github.com/thebyte9/blaze/compare/v0.124.0-alpha.32...v0.124.0-alpha.33) (2022-06-21)
+
+
+### Features
+
+* add new item list component ([#3512](https://github.com/thebyte9/blaze/issues/3512)) ([e3f3a33](https://github.com/thebyte9/blaze/commit/e3f3a33528a46eda907d120ec9e9eaa1def544d5))
+
+
+
+
+
+# [0.124.0-alpha.32](https://github.com/thebyte9/blaze/compare/v0.124.0-alpha.31...v0.124.0-alpha.32) (2022-06-17)
+
+**Note:** Version bump only for package @blaze-cms/react-page-builder
+
+
+
+
+
 # [0.124.0-alpha.31](https://github.com/thebyte9/blaze/compare/v0.124.0-alpha.30...v0.124.0-alpha.31) (2022-06-13)
 
 

package/README.md

@@ -90,6 +90,14 @@ Returns array specifying which banner sizes should show on which viewport. Size
 _Note_: targetings (both contextual and custom) set for a banner can be viewed in the Network tab, in Headers -> Query String Parameters under the key `prev_scp`.
 _Source_ for checking ads https://dfpgpt.appspot.com/.
 
+## Item List components
+There are three components related to item lists
+- ItemListButton: add/remove items from list
+- ItemListCounter: shows a counter of items in a list
+- ItemListNew: Clears the stored local list
+
+List components are link by the "listName" property and when a new list is created the id of the list is stored in local storage.
+
 ## Card
 
 ### Options

package/lib/application/query/index.js

@@ -95,7 +95,7 @@ var getPublishedContent = function getPublishedContent(entity) {
 };
 
 exports.getPublishedContent = getPublishedContent;
-var getItemList = (0, _client.gql)(_templateObject13 || (_templateObject13 = (0, _taggedTemplateLiteral2["default"])(["\n  query getItemList($id: String!) {\n    getItemList(id: $id) {\n      listItems {\n        itemId\n        itemEntity\n      }\n    }\n  }\n"])));
+var getItemList = (0, _client.gql)(_templateObject13 || (_templateObject13 = (0, _taggedTemplateLiteral2["default"])(["\n  query getItemList($id: String!) {\n    getItemList(id: $id) {\n      id\n      listItems {\n        itemId\n        itemEntity\n      }\n    }\n  }\n"])));
 exports.getItemList = getItemList;
 var addItemsToList = (0, _client.gql)(_templateObject14 || (_templateObject14 = (0, _taggedTemplateLiteral2["default"])(["\n  mutation addItemsToList(\n    $name: String!\n    $id: String\n    $listItems: [AddItemsToListInputListItemsItem]!\n  ) {\n    addItemsToList(input: { name: $name, id: $id, listItems: $listItems }) {\n      result {\n        id\n        listItems {\n          itemId\n          itemEntity\n        }\n      }\n    }\n  }\n"])));
 exports.addItemsToList = addItemsToList;

package/lib/application/query/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":["defaultSchemaProps","getSearchPublishedContent","fields","gql","getUser","userProps","getEntitySchema","getSingleEntitySchema","getRecordParents","queryName","getMultipleSchema","identifiers","queryString","map","id","join","getFiles","getFileById","getCount","action","generateQuery","props","upperFirst","generateMultiItemQuery","generateSingleItemQuery","getAction","query","getPublishedContent","entity","getItemList","addItemsToList","removeItemsFromList"],"sources":["../../../src/application/query/index.js"],"sourcesContent":["import { gql } from '@apollo/client';\nimport upperFirst from 'lodash.upperfirst';\n\nconst defaultSchemaProps = `\n  id\n  identifier\n  properties\n  dynamicProperties\n  actions\n  interfaces\n  relations\n  __typename\n`;\n\nconst getSearchPublishedContent = fields => gql`\n    query searchPublishedContent($rawQueryStringified: String!, $offset: Int, $limit: Int, $sort: String) {\n      searchPublishedContent(rawQueryStringified: $rawQueryStringified, offset: $offset, limit: $limit, sort: $sort) {\n        ${fields}\n      }\n    }\n  `;\n\nconst getUser = userProps => gql`\n  query getUser($id: String!) {\n    getUser(id: $id) {\n      id\n      ${userProps}\n    }\n  }\n`;\n\nconst getEntitySchema = gql`\n  query getEntitySchemas($identifier: String!) {\n    getEntitySchemas(identifier: $identifier) {\n      ${defaultSchemaProps}\n    }\n  }\n`;\n\nconst getSingleEntitySchema = gql`\n  query getEntitySchema($id: String!) {\n    getEntitySchema: getEntitySchema(id: $id) {\n      ${defaultSchemaProps}\n    }\n  }\n`;\n\nconst getRecordParents = queryName => gql`\nquery getRecordParents($id: String!){\n  recordParents: ${queryName}(id: $id){\n    id,\n    name,\n    url,\n    parents {\n      id,\n      name\n      url\n    }\n  }\n}`;\n\nconst getMultipleSchema = identifiers => {\n  const queryString = identifiers\n    .map(\n      id => `${id}: getEntitySchema(id: \"${id}\") {\n            ${defaultSchemaProps}\n      }`\n    )\n    .join(`\\n`);\n  return gql`\n    query {\n      ${queryString}\n    }`;\n};\n\nconst getFiles = gql`\n  query getFiles($where: JSON!) {\n    getFiles(where: $where) {\n      id\n      url\n      data\n    }\n  }\n`;\n\nconst getFileById = gql`\n  query getFile($id: String!) {\n    getFile(id: $id) {\n      id\n      url\n      data\n    }\n  }\n`;\n\nconst getCount = action => gql`query countData($where: JSON!) {\n    ${action} (where: $where)\n  }\n`;\n\nconst generateQuery = (action, props) => `\n  query getEntityData(\n    $where: JSON\n    $limit: Int\n    $offset: Int\n    $sort: [${upperFirst(action)}SortItem]){\n    ${action} (where: $where, limit: $limit, offset: $offset, sort: $sort){\n      ${props}\n      id\n      __typename\n    }\n  }\n  `;\nconst generateMultiItemQuery = (action, props) => gql`\n  query getEntityData($where: JSON){\n    ${action} (where: $where){\n      ${props}\n      id\n      __typename\n    }\n  }\n  `;\n\nconst generateSingleItemQuery = (action, props) => gql`\n  query getEntityData($id: String!){\n    entityData: ${action}(id: $id){\n    ${props},\n    id,\n    __typename\n    }\n  }\n  `;\n\n// TODO: extend function to handle properties and make them dynamic with a config schema for each entity.\nconst getAction = (action, props) => {\n  const query = generateQuery(action, props);\n  return gql`\n    ${query}\n  `;\n};\n\nconst getPublishedContent = entity => `\n  query searchPublishedContent(\n    $rawQueryStringified: String!\n    $offset: Int\n    $limit: Int\n    $sort: String\n  ) {\n    searchPublishedContent(\n      rawQueryStringified: $rawQueryStringified\n      offset: $offset\n      limit: $limit\n      sort: $sort\n    ) {\n      results {\n        ... on ${entity} {\n          id\n          name\n          image {\n            url\n            __typename\n          }\n          url\n          __typename\n        }\n        __typename\n      }\n      total\n      __typename\n    }\n  }\n`;\n\nconst getItemList = gql`\n  query getItemList($id: String!) {\n    getItemList(id: $id) {\n      listItems {\n        itemId\n        itemEntity\n      }\n    }\n  }\n`;\n\nconst addItemsToList = gql`\n  mutation addItemsToList(\n    $name: String!\n    $id: String\n    $listItems: [AddItemsToListInputListItemsItem]!\n  ) {\n    addItemsToList(input: { name: $name, id: $id, listItems: $listItems }) {\n      result {\n        id\n        listItems {\n          itemId\n          itemEntity\n        }\n      }\n    }\n  }\n`;\n\nconst removeItemsFromList = gql`\n  mutation removeItemsFromList(\n    $listId: String!\n    $listItems: [RemoveItemsFromListInputListItemsItem]!\n  ) {\n    removeItemsFromList(input: { id: $listId, listItems: $listItems }) {\n      result {\n        id\n        listItems {\n          itemId\n          itemEntity\n        }\n      }\n    }\n  }\n`;\n\nexport {\n  getEntitySchema,\n  getSingleEntitySchema,\n  getAction,\n  getFiles,\n  getFileById,\n  generateMultiItemQuery,\n  generateSingleItemQuery,\n  getPublishedContent,\n  getSearchPublishedContent,\n  getCount,\n  getMultipleSchema,\n  getUser,\n  getRecordParents,\n  getItemList,\n  addItemsToList,\n  removeItemsFromList\n};\n"],"mappings":";;;;;;;;;;;;;;;;;;;AAAA;;AACA;;;;AAEA,IAAMA,kBAAkB,kHAAxB;;AAWA,IAAMC,yBAAyB,GAAG,SAA5BA,yBAA4B,CAAAC,MAAM;EAAA,WAAIC,WAAJ,+VAG9BD,MAH8B;AAAA,CAAxC;;;;AAQA,IAAME,OAAO,GAAG,SAAVA,OAAU,CAAAC,SAAS;EAAA,WAAIF,WAAJ,uLAIjBE,SAJiB;AAAA,CAAzB;;;AASA,IAAMC,eAAe,OAAGH,WAAH,uNAGbH,kBAHa,CAArB;;AAQA,IAAMO,qBAAqB,OAAGJ,WAAH,8MAGnBH,kBAHmB,CAA3B;;;AAQA,IAAMQ,gBAAgB,GAAG,SAAnBA,gBAAmB,CAAAC,SAAS;EAAA,WAAIN,WAAJ,gQAEfM,SAFe;AAAA,CAAlC;;;;AAcA,IAAMC,iBAAiB,GAAG,SAApBA,iBAAoB,CAAAC,WAAW,EAAI;EACvC,IAAMC,WAAW,GAAGD,WAAW,CAC5BE,GADiB,CAEhB,UAAAC,EAAE;IAAA,iBAAOA,EAAP,qCAAmCA,EAAnC,gCACMd,kBADN;EAAA,CAFc,EAMjBe,IANiB,MAApB;EAOA,WAAOZ,WAAP,0HAEMS,WAFN;AAID,CAZD;;;AAcA,IAAMI,QAAQ,OAAGb,WAAH,0MAAd;;AAUA,IAAMc,WAAW,OAAGd,WAAH,iMAAjB;;;AAUA,IAAMe,QAAQ,GAAG,SAAXA,QAAW,CAAAC,MAAM;EAAA,WAAIhB,WAAJ,2JACjBgB,MADiB;AAAA,CAAvB;;;;AAKA,IAAMC,aAAa,GAAG,SAAhBA,aAAgB,CAACD,MAAD,EAASE,KAAT;EAAA,4GAKR,IAAAC,kBAAA,EAAWH,MAAX,CALQ,8BAMhBA,MANgB,mFAOdE,KAPc;AAAA,CAAtB;;AAaA,IAAME,sBAAsB,GAAG,SAAzBA,sBAAyB,CAACJ,MAAD,EAASE,KAAT;EAAA,WAAmBlB,WAAnB,qNAEzBgB,MAFyB,EAGvBE,KAHuB;AAAA,CAA/B;;;;AAUA,IAAMG,uBAAuB,GAAG,SAA1BA,uBAA0B,CAACL,MAAD,EAASE,KAAT;EAAA,WAAmBlB,WAAnB,sNAEdgB,MAFc,EAG1BE,KAH0B;AAAA,CAAhC,C,CAUA;;;;;AACA,IAAMI,SAAS,GAAG,SAAZA,SAAY,CAACN,MAAD,EAASE,KAAT,EAAmB;EACnC,IAAMK,KAAK,GAAGN,aAAa,CAACD,MAAD,EAASE,KAAT,CAA3B;EACA,WAAOlB,WAAP,0GACIuB,KADJ;AAGD,CALD;;;;AAOA,IAAMC,mBAAmB,GAAG,SAAtBA,mBAAsB,CAAAC,MAAM;EAAA,0UAcjBA,MAdiB;AAAA,CAAlC;;;AAgCA,IAAMC,WAAW,OAAG1B,WAAH,0OAAjB;;AAWA,IAAM2B,cAAc,OAAG3B,WAAH,iaAApB;;AAkBA,IAAM4B,mBAAmB,OAAG5B,WAAH,wZAAzB"}
+{"version":3,"file":"index.js","names":["defaultSchemaProps","getSearchPublishedContent","fields","gql","getUser","userProps","getEntitySchema","getSingleEntitySchema","getRecordParents","queryName","getMultipleSchema","identifiers","queryString","map","id","join","getFiles","getFileById","getCount","action","generateQuery","props","upperFirst","generateMultiItemQuery","generateSingleItemQuery","getAction","query","getPublishedContent","entity","getItemList","addItemsToList","removeItemsFromList"],"sources":["../../../src/application/query/index.js"],"sourcesContent":["import { gql } from '@apollo/client';\nimport upperFirst from 'lodash.upperfirst';\n\nconst defaultSchemaProps = `\n  id\n  identifier\n  properties\n  dynamicProperties\n  actions\n  interfaces\n  relations\n  __typename\n`;\n\nconst getSearchPublishedContent = fields => gql`\n    query searchPublishedContent($rawQueryStringified: String!, $offset: Int, $limit: Int, $sort: String) {\n      searchPublishedContent(rawQueryStringified: $rawQueryStringified, offset: $offset, limit: $limit, sort: $sort) {\n        ${fields}\n      }\n    }\n  `;\n\nconst getUser = userProps => gql`\n  query getUser($id: String!) {\n    getUser(id: $id) {\n      id\n      ${userProps}\n    }\n  }\n`;\n\nconst getEntitySchema = gql`\n  query getEntitySchemas($identifier: String!) {\n    getEntitySchemas(identifier: $identifier) {\n      ${defaultSchemaProps}\n    }\n  }\n`;\n\nconst getSingleEntitySchema = gql`\n  query getEntitySchema($id: String!) {\n    getEntitySchema: getEntitySchema(id: $id) {\n      ${defaultSchemaProps}\n    }\n  }\n`;\n\nconst getRecordParents = queryName => gql`\nquery getRecordParents($id: String!){\n  recordParents: ${queryName}(id: $id){\n    id,\n    name,\n    url,\n    parents {\n      id,\n      name\n      url\n    }\n  }\n}`;\n\nconst getMultipleSchema = identifiers => {\n  const queryString = identifiers\n    .map(\n      id => `${id}: getEntitySchema(id: \"${id}\") {\n            ${defaultSchemaProps}\n      }`\n    )\n    .join(`\\n`);\n  return gql`\n    query {\n      ${queryString}\n    }`;\n};\n\nconst getFiles = gql`\n  query getFiles($where: JSON!) {\n    getFiles(where: $where) {\n      id\n      url\n      data\n    }\n  }\n`;\n\nconst getFileById = gql`\n  query getFile($id: String!) {\n    getFile(id: $id) {\n      id\n      url\n      data\n    }\n  }\n`;\n\nconst getCount = action => gql`query countData($where: JSON!) {\n    ${action} (where: $where)\n  }\n`;\n\nconst generateQuery = (action, props) => `\n  query getEntityData(\n    $where: JSON\n    $limit: Int\n    $offset: Int\n    $sort: [${upperFirst(action)}SortItem]){\n    ${action} (where: $where, limit: $limit, offset: $offset, sort: $sort){\n      ${props}\n      id\n      __typename\n    }\n  }\n  `;\nconst generateMultiItemQuery = (action, props) => gql`\n  query getEntityData($where: JSON){\n    ${action} (where: $where){\n      ${props}\n      id\n      __typename\n    }\n  }\n  `;\n\nconst generateSingleItemQuery = (action, props) => gql`\n  query getEntityData($id: String!){\n    entityData: ${action}(id: $id){\n    ${props},\n    id,\n    __typename\n    }\n  }\n  `;\n\n// TODO: extend function to handle properties and make them dynamic with a config schema for each entity.\nconst getAction = (action, props) => {\n  const query = generateQuery(action, props);\n  return gql`\n    ${query}\n  `;\n};\n\nconst getPublishedContent = entity => `\n  query searchPublishedContent(\n    $rawQueryStringified: String!\n    $offset: Int\n    $limit: Int\n    $sort: String\n  ) {\n    searchPublishedContent(\n      rawQueryStringified: $rawQueryStringified\n      offset: $offset\n      limit: $limit\n      sort: $sort\n    ) {\n      results {\n        ... on ${entity} {\n          id\n          name\n          image {\n            url\n            __typename\n          }\n          url\n          __typename\n        }\n        __typename\n      }\n      total\n      __typename\n    }\n  }\n`;\n\nconst getItemList = gql`\n  query getItemList($id: String!) {\n    getItemList(id: $id) {\n      id\n      listItems {\n        itemId\n        itemEntity\n      }\n    }\n  }\n`;\n\nconst addItemsToList = gql`\n  mutation addItemsToList(\n    $name: String!\n    $id: String\n    $listItems: [AddItemsToListInputListItemsItem]!\n  ) {\n    addItemsToList(input: { name: $name, id: $id, listItems: $listItems }) {\n      result {\n        id\n        listItems {\n          itemId\n          itemEntity\n        }\n      }\n    }\n  }\n`;\n\nconst removeItemsFromList = gql`\n  mutation removeItemsFromList(\n    $listId: String!\n    $listItems: [RemoveItemsFromListInputListItemsItem]!\n  ) {\n    removeItemsFromList(input: { id: $listId, listItems: $listItems }) {\n      result {\n        id\n        listItems {\n          itemId\n          itemEntity\n        }\n      }\n    }\n  }\n`;\n\nexport {\n  getEntitySchema,\n  getSingleEntitySchema,\n  getAction,\n  getFiles,\n  getFileById,\n  generateMultiItemQuery,\n  generateSingleItemQuery,\n  getPublishedContent,\n  getSearchPublishedContent,\n  getCount,\n  getMultipleSchema,\n  getUser,\n  getRecordParents,\n  getItemList,\n  addItemsToList,\n  removeItemsFromList\n};\n"],"mappings":";;;;;;;;;;;;;;;;;;;AAAA;;AACA;;;;AAEA,IAAMA,kBAAkB,kHAAxB;;AAWA,IAAMC,yBAAyB,GAAG,SAA5BA,yBAA4B,CAAAC,MAAM;EAAA,WAAIC,WAAJ,+VAG9BD,MAH8B;AAAA,CAAxC;;;;AAQA,IAAME,OAAO,GAAG,SAAVA,OAAU,CAAAC,SAAS;EAAA,WAAIF,WAAJ,uLAIjBE,SAJiB;AAAA,CAAzB;;;AASA,IAAMC,eAAe,OAAGH,WAAH,uNAGbH,kBAHa,CAArB;;AAQA,IAAMO,qBAAqB,OAAGJ,WAAH,8MAGnBH,kBAHmB,CAA3B;;;AAQA,IAAMQ,gBAAgB,GAAG,SAAnBA,gBAAmB,CAAAC,SAAS;EAAA,WAAIN,WAAJ,gQAEfM,SAFe;AAAA,CAAlC;;;;AAcA,IAAMC,iBAAiB,GAAG,SAApBA,iBAAoB,CAAAC,WAAW,EAAI;EACvC,IAAMC,WAAW,GAAGD,WAAW,CAC5BE,GADiB,CAEhB,UAAAC,EAAE;IAAA,iBAAOA,EAAP,qCAAmCA,EAAnC,gCACMd,kBADN;EAAA,CAFc,EAMjBe,IANiB,MAApB;EAOA,WAAOZ,WAAP,0HAEMS,WAFN;AAID,CAZD;;;AAcA,IAAMI,QAAQ,OAAGb,WAAH,0MAAd;;AAUA,IAAMc,WAAW,OAAGd,WAAH,iMAAjB;;;AAUA,IAAMe,QAAQ,GAAG,SAAXA,QAAW,CAAAC,MAAM;EAAA,WAAIhB,WAAJ,2JACjBgB,MADiB;AAAA,CAAvB;;;;AAKA,IAAMC,aAAa,GAAG,SAAhBA,aAAgB,CAACD,MAAD,EAASE,KAAT;EAAA,4GAKR,IAAAC,kBAAA,EAAWH,MAAX,CALQ,8BAMhBA,MANgB,mFAOdE,KAPc;AAAA,CAAtB;;AAaA,IAAME,sBAAsB,GAAG,SAAzBA,sBAAyB,CAACJ,MAAD,EAASE,KAAT;EAAA,WAAmBlB,WAAnB,qNAEzBgB,MAFyB,EAGvBE,KAHuB;AAAA,CAA/B;;;;AAUA,IAAMG,uBAAuB,GAAG,SAA1BA,uBAA0B,CAACL,MAAD,EAASE,KAAT;EAAA,WAAmBlB,WAAnB,sNAEdgB,MAFc,EAG1BE,KAH0B;AAAA,CAAhC,C,CAUA;;;;;AACA,IAAMI,SAAS,GAAG,SAAZA,SAAY,CAACN,MAAD,EAASE,KAAT,EAAmB;EACnC,IAAMK,KAAK,GAAGN,aAAa,CAACD,MAAD,EAASE,KAAT,CAA3B;EACA,WAAOlB,WAAP,0GACIuB,KADJ;AAGD,CALD;;;;AAOA,IAAMC,mBAAmB,GAAG,SAAtBA,mBAAsB,CAAAC,MAAM;EAAA,0UAcjBA,MAdiB;AAAA,CAAlC;;;AAgCA,IAAMC,WAAW,OAAG1B,WAAH,oPAAjB;;AAYA,IAAM2B,cAAc,OAAG3B,WAAH,iaAApB;;AAkBA,IAAM4B,mBAAmB,OAAG5B,WAAH,wZAAzB"}

package/lib/components/{ItemListButton → ItemList/ItemListButton}/ItemListButton.js

@@ -21,12 +21,14 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports["default"] = void 0;
 
-require("core-js/modules/es.array.concat.js");
-
 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"));
@@ -37,11 +39,11 @@ var _bs = require("react-icons/bs");
 
 var _client = require("@apollo/client");
 
-var _query = require("../../application/query");
+var _query = require("../../../application/query");
 
-var _helpers = require("../../helpers");
+var _helpers = require("../helpers");
 
-var _constants = require("../../constants");
+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); }
 
@@ -53,29 +55,16 @@ var ItemListButton = function ItemListButton(_ref) {
       modifier = _ref.modifier;
   var itemId = parent.itemId,
       itemEntity = parent.itemEntity;
-  var idFromStorage = (0, _helpers.getItemListId)(listName);
 
-  var _useState = (0, _react.useState)(idFromStorage),
+  var _useState = (0, _react.useState)(false),
       _useState2 = (0, _slicedToArray2["default"])(_useState, 2),
-      listId = _useState2[0],
-      setListId = _useState2[1];
-
-  var _useState3 = (0, _react.useState)(false),
-      _useState4 = (0, _slicedToArray2["default"])(_useState3, 2),
-      isHover = _useState4[0],
-      setIsHover = _useState4[1];
-
-  (0, _react.useEffect)(function () {
-    var storageEventHandler = function storageEventHandler() {
-      var newId = (0, _helpers.getItemListId)(listName);
-      setListId(newId);
-    };
-
-    window.addEventListener('storage', storageEventHandler);
-    return function () {
-      window.removeEventListener('storage', storageEventHandler);
-    };
-  }, [listName]);
+      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;
@@ -98,9 +87,7 @@ var ItemListButton = function ItemListButton(_ref) {
       var id = listAddResult.result.id;
 
       if (!listId) {
-        var localListName = "".concat(_constants.LIST_ITEM_LOCAL_KEY).concat(listName);
-        localStorage.setItem(localListName, id);
-        window.dispatchEvent(new Event('storage'));
+        (0, _helpers.setItemListId)(listName, id);
       }
     }
   }),
@@ -139,12 +126,15 @@ var ItemListButton = function ItemListButton(_ref) {
   if (error) return error.message;
   var listItems = (0, _helpers.getItemListData)(data);
   var isInList = !!listItems.find(function (_ref3) {
-    var idToCheck = _ref3.itemId;
-    return idToCheck === itemId;
+    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: "item-list-button ".concat(modifier),
+    className: className,
     role: "button",
     onClick: clickHandler,
     onMouseEnter: function onMouseEnter() {

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

@@ -0,0 +1 @@
+{"version":3,"file":"ItemListButton.js","names":["ItemListButton","listName","parent","modifier","itemId","itemEntity","useState","isHover","setIsHover","useItemListId","listId","getIcon","isInList","BsBookmarkXFill","BsBookmarkCheckFill","BsBookmarkStarFill","BsBookmarkStar","useQuery","getItemList","variables","id","skip","data","error","loading","useMutation","addItemsToList","onCompleted","listAddResult","result","setItemListId","addListItem","removeItemsFromList","removeListItem","clickHandler","listItems","name","message","getItemListData","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.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","useRouter","useItemListId","listId","useQuery","getItemList","variables","id","skip","data","error","loading","message","listItems","getItemListData","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,IAAAC,iBAAA,GAAf;;EACA,qBAAmB,IAAAC,oBAAA,EAAc;IAAEL,QAAQ,EAARA;EAAF,CAAd,CAAnB;EAAA,IAAQM,MAAR,kBAAQA,MAAR;;EAEA,gBAAiC,IAAAC,gBAAA,EAASC,kBAAT,EAAsB;IACrDC,SAAS,EAAE;MAAEC,EAAE,EAAEJ;IAAN,CAD0C;IAErDK,IAAI,EAAE,CAACL;EAF8C,CAAtB,CAAjC;EAAA,IAAQM,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,IAAAC,wBAAA,EAAgBL,IAAhB,CAAlB;EACA,IAAMM,UAAU,GAAGF,SAAS,CAACG,MAA7B;EACA,IAAMC,WAAW,GAAGF,UAAU,GAAGG,sBAAH,GAAwBC,kBAAtD;;EAEA,IAAMC,WAAW,GAAG,SAAdA,WAAc;IAAA,OAAMpB,MAAM,CAACqB,IAAP,CAAY,WAAZ,YAA4BtB,GAA5B,yBAA8CI,MAA9C,EAAN;EAAA,CAApB;;EAEA,oBACE;IACE,IAAI,EAAC,QADP;IAEE,IAAI,EAAC,QAFP;IAGE,SAAS,8BAAuBL,QAAvB,CAHX;IAIE,OAAO,EAAEsB;EAJX,gBAKE,gCAAC,WAAD,OALF,eAME;IAAM,SAAS,EAAC;EAAhB,GAA4CL,UAA5C,CANF,CADF;AAUD,CA5BD;;AA8BAnB,eAAe,CAAC0B,SAAhB,GAA4B;EAC1BvB,GAAG,EAAEwB,qBAAA,CAAUC,MADW;EAE1B3B,QAAQ,EAAE0B,qBAAA,CAAUC,MAFM;EAG1B1B,QAAQ,EAAEyB,qBAAA,CAAUC;AAHM,CAA5B;AAMA5B,eAAe,CAAC6B,YAAhB,GAA+B;EAC7B1B,GAAG,EAAE,EADwB;EAE7BF,QAAQ,EAAE,EAFmB;EAG7BC,QAAQ,EAAE;AAHmB,CAA/B;eAMeF,e"}

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","useRouter","parseUrl","asPath","query","listItemId","LIST_ITEM_QUERY_PARAM","useItemListId","listId","listIdToUse","useQuery","getItemList","variables","id","skip","data","error","loading","message","listItems","getItemListData","length","handleClick","setItemListId","setParamAndRedirect","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,IAAAC,iBAAA,GAAf;;EACA,gBAAgE,IAAAC,qBAAA,EAASF,MAAM,CAACG,MAAhB,CAAhE;EAAA,gCAAQC,KAAR;;EAAA,+CAAyD,EAAzD;EAAA,IAA0CC,UAA1C,mBAAkBC,gCAAlB;;EAEA,qBAAmB,IAAAC,oBAAA,EAAc;IAAEV,QAAQ,EAARA;EAAF,CAAd,CAAnB;EAAA,IAAQW,MAAR,kBAAQA,MAAR;;EACA,IAAMC,WAAW,GAAGJ,UAAU,IAAIG,MAAlC;;EACA,gBAAiC,IAAAE,gBAAA,EAASC,kBAAT,EAAsB;IACrDC,SAAS,EAAE;MAAEC,EAAE,EAAEJ;IAAN,CAD0C;IAErDK,IAAI,EAAE,CAACL;EAF8C,CAAtB,CAAjC;EAAA,IAAQM,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,IAAAC,wBAAA,EAAgBL,IAAhB,CAAlB;EACA,IAAI,CAACI,SAAS,CAACE,MAAf,EAAuB,OAAO,EAAP;;EAEvB,IAAMC,WAAW,GAAG,SAAdA,WAAc,GAAM;IACxB,IAAAC,sBAAA,EAAc1B,QAAd,EAAwB,EAAxB;IACA,IAAA2B,4BAAA,EAAoBxB,MAApB;EACD,CAHD;;EAKA,oBACE,gCAAC,kBAAD;IAAa,SAAS,0BAAmBF,QAAnB,CAAtB;IAAqD,OAAO,EAAEwB;EAA9D,GACGvB,IADH,CADF;AAKD,CA3BD;;AA6BAH,WAAW,CAAC6B,SAAZ,GAAwB;EACtB5B,QAAQ,EAAE6B,qBAAA,CAAUC,MAAV,CAAiBC,UADL;EAEtB9B,QAAQ,EAAE4B,qBAAA,CAAUC,MAFE;EAGtB5B,IAAI,EAAE2B,qBAAA,CAAUC,MAAV,CAAiBC;AAHD,CAAxB;AAMAhC,WAAW,CAACiC,YAAZ,GAA2B;EACzB/B,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.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.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.map

@@ -0,0 +1 @@
+{"version":3,"file":"get-item-list-ids.js","names":["getItemListIds","data","itemListElements","getItemListData","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,IAAAC,2BAAA,EAAgBF,IAAhB,CAAzB;EACA,OAAOC,gBAAgB,CAACE,MAAjB,GACHF,gBAAgB,CAACG,GAAjB,CAAqB;IAAA,IAAGC,MAAH,QAAGA,MAAH;IAAA,OAAiB;MAAEC,YAAY,EAAE,CAACD,MAAD;IAAhB,CAAjB;EAAA,CAArB,CADG,GAEH,IAFJ;AAGD,CALD;;eAOeN,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"}

package/lib/components/ItemList/helpers/set-param-and-redirect.js

@@ -0,0 +1,51 @@
+"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.iterator.js");
+
+require("core-js/modules/es.object.to-string.js");
+
+require("core-js/modules/es.string.iterator.js");
+
+require("core-js/modules/web.dom-collections.iterator.js");
+
+require("core-js/modules/web.url.js");
+
+require("core-js/modules/web.url-search-params.js");
+
+require("core-js/modules/es.regexp.exec.js");
+
+require("core-js/modules/es.string.replace.js");
+
+require("core-js/modules/es.date.to-string.js");
+
+require("core-js/modules/es.regexp.to-string.js");
+
+var _constants = require("../constants");
+
+var placeholderBase = 'https://blazecms.app'; // placeholder for URL, removed later
+
+var setParamAndRedirect = function setParamAndRedirect(router, value) {
+  var currentUrl = new URL(router.asPath, placeholderBase);
+
+  if (value) {
+    currentUrl.searchParams.set(_constants.LIST_ITEM_QUERY_PARAM, value);
+  } else if (!currentUrl.searchParams.get(_constants.LIST_ITEM_QUERY_PARAM)) return;else {
+    currentUrl.searchParams["delete"](_constants.LIST_ITEM_QUERY_PARAM);
+  }
+
+  var newUrl = currentUrl.toString().replace(placeholderBase, '');
+  router.push('/Resolver', newUrl, {
+    shallow: true
+  });
+};
+
+var _default = setParamAndRedirect;
+exports["default"] = _default;
+//# sourceMappingURL=set-param-and-redirect.js.map

package/lib/components/ItemList/helpers/set-param-and-redirect.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"set-param-and-redirect.js","names":["placeholderBase","setParamAndRedirect","router","value","currentUrl","URL","asPath","searchParams","set","LIST_ITEM_QUERY_PARAM","get","newUrl","toString","replace","push","shallow"],"sources":["../../../../src/components/ItemList/helpers/set-param-and-redirect.js"],"sourcesContent":["import { LIST_ITEM_QUERY_PARAM } from '../constants';\n\nconst placeholderBase = 'https://blazecms.app'; // placeholder for URL, removed later\n\nconst setParamAndRedirect = (router, value) => {\n  const currentUrl = new URL(router.asPath, placeholderBase);\n  if (value) {\n    currentUrl.searchParams.set(LIST_ITEM_QUERY_PARAM, value);\n  } else if (!currentUrl.searchParams.get(LIST_ITEM_QUERY_PARAM)) return;\n  else {\n    currentUrl.searchParams.delete(LIST_ITEM_QUERY_PARAM);\n  }\n\n  const newUrl = currentUrl.toString().replace(placeholderBase, '');\n  router.push('/Resolver', newUrl, {\n    shallow: true\n  });\n};\n\nexport default setParamAndRedirect;\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;;AAEA,IAAMA,eAAe,GAAG,sBAAxB,C,CAAgD;;AAEhD,IAAMC,mBAAmB,GAAG,SAAtBA,mBAAsB,CAACC,MAAD,EAASC,KAAT,EAAmB;EAC7C,IAAMC,UAAU,GAAG,IAAIC,GAAJ,CAAQH,MAAM,CAACI,MAAf,EAAuBN,eAAvB,CAAnB;;EACA,IAAIG,KAAJ,EAAW;IACTC,UAAU,CAACG,YAAX,CAAwBC,GAAxB,CAA4BC,gCAA5B,EAAmDN,KAAnD;EACD,CAFD,MAEO,IAAI,CAACC,UAAU,CAACG,YAAX,CAAwBG,GAAxB,CAA4BD,gCAA5B,CAAL,EAAyD,OAAzD,KACF;IACHL,UAAU,CAACG,YAAX,WAA+BE,gCAA/B;EACD;;EAED,IAAME,MAAM,GAAGP,UAAU,CAACQ,QAAX,GAAsBC,OAAtB,CAA8Bb,eAA9B,EAA+C,EAA/C,CAAf;EACAE,MAAM,CAACY,IAAP,CAAY,WAAZ,EAAyBH,MAAzB,EAAiC;IAC/BI,OAAO,EAAE;EADsB,CAAjC;AAGD,CAbD;;eAeed,mB"}