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

package/CHANGELOG.md

@@ -3,6 +3,33 @@
 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.14](https://github.com/thebyte9/blaze/compare/v0.124.0-alpha.13...v0.124.0-alpha.14) (2022-05-11)
+
+
+### Features
+
+* added itemCounter/itemListButton and lis logic for itemList ([#3469](https://github.com/thebyte9/blaze/issues/3469)) ([bd9e1b1](https://github.com/thebyte9/blaze/commit/bd9e1b185c929306089d495316f40ab39e242a68))
+
+
+
+
+
+# [0.124.0-alpha.13](https://byte9/thebyte9/blaze/compare/v0.124.0-alpha.12...v0.124.0-alpha.13) (2022-05-11)
+
+**Note:** Version bump only for package @blaze-cms/react-page-builder
+
+
+
+
+
+# [0.124.0-alpha.12](https://byte9/thebyte9/blaze/compare/v0.124.0-alpha.11...v0.124.0-alpha.12) (2022-05-11)
+
+**Note:** Version bump only for package @blaze-cms/react-page-builder
+
+
+
+
+
 # [0.124.0-alpha.11](https://byte9/thebyte9/blaze/compare/v0.124.0-alpha.10...v0.124.0-alpha.11) (2022-05-11)
 
 **Note:** Version bump only for package @blaze-cms/react-page-builder

package/lib/application/query/index.js

@@ -7,7 +7,7 @@ var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefau
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.getUser = exports.getSingleEntitySchema = exports.getSearchPublishedContent = exports.getRecordParents = exports.getPublishedContent = exports.getMultipleSchema = exports.getFiles = exports.getFileById = exports.getEntitySchema = exports.getCount = exports.getAction = exports.generateSingleItemQuery = exports.generateMultiItemQuery = void 0;
+exports.removeItemsFromList = exports.getUser = exports.getSingleEntitySchema = exports.getSearchPublishedContent = exports.getRecordParents = exports.getPublishedContent = exports.getMultipleSchema = exports.getItemList = exports.getFiles = exports.getFileById = exports.getEntitySchema = exports.getCount = exports.getAction = exports.generateSingleItemQuery = exports.generateMultiItemQuery = exports.addItemsToList = void 0;
 
 require("core-js/modules/es.array.join.js");
 
@@ -21,7 +21,7 @@ var _client = require("@apollo/client");
 
 var _lodash = _interopRequireDefault(require("lodash.upperfirst"));
 
-var _templateObject, _templateObject2, _templateObject3, _templateObject4, _templateObject5, _templateObject6, _templateObject7, _templateObject8, _templateObject9, _templateObject10, _templateObject11, _templateObject12;
+var _templateObject, _templateObject2, _templateObject3, _templateObject4, _templateObject5, _templateObject6, _templateObject7, _templateObject8, _templateObject9, _templateObject10, _templateObject11, _templateObject12, _templateObject13, _templateObject14, _templateObject15;
 
 var defaultSchemaProps = "\n  id\n  identifier\n  properties\n  dynamicProperties\n  actions\n  interfaces\n  relations\n  __typename\n";
 
@@ -95,4 +95,10 @@ 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"])));
+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;
+var removeItemsFromList = (0, _client.gql)(_templateObject15 || (_templateObject15 = (0, _taggedTemplateLiteral2["default"])(["\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"])));
+exports.removeItemsFromList = removeItemsFromList;
 //# sourceMappingURL=index.js.map

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","generateMultiItemQuery","generateSingleItemQuery","getAction","query","getPublishedContent","entity"],"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\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};\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,wBAAWF,MAAX,CALQ,8BAMhBA,MANgB,mFAOdE,KAPc;AAAA,CAAtB;;AAaA,IAAMC,sBAAsB,GAAG,SAAzBA,sBAAyB,CAACH,MAAD,EAASE,KAAT;EAAA,WAAmBlB,WAAnB,qNAEzBgB,MAFyB,EAGvBE,KAHuB;AAAA,CAA/B;;;;AAUA,IAAME,uBAAuB,GAAG,SAA1BA,uBAA0B,CAACJ,MAAD,EAASE,KAAT;EAAA,WAAmBlB,WAAnB,sNAEdgB,MAFc,EAG1BE,KAH0B;AAAA,CAAhC,C,CAUA;;;;;AACA,IAAMG,SAAS,GAAG,SAAZA,SAAY,CAACL,MAAD,EAASE,KAAT,EAAmB;EACnC,IAAMI,KAAK,GAAGL,aAAa,CAACD,MAAD,EAASE,KAAT,CAA3B;EACA,WAAOlB,WAAP,0GACIsB,KADJ;AAGD,CALD;;;;AAOA,IAAMC,mBAAmB,GAAG,SAAtBA,mBAAsB,CAAAC,MAAM;EAAA,0UAcjBA,MAdiB;AAAA,CAAlC"}
+{"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","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,wBAAWF,MAAX,CALQ,8BAMhBA,MANgB,mFAOdE,KAPc;AAAA,CAAtB;;AAaA,IAAMC,sBAAsB,GAAG,SAAzBA,sBAAyB,CAACH,MAAD,EAASE,KAAT;EAAA,WAAmBlB,WAAnB,qNAEzBgB,MAFyB,EAGvBE,KAHuB;AAAA,CAA/B;;;;AAUA,IAAME,uBAAuB,GAAG,SAA1BA,uBAA0B,CAACJ,MAAD,EAASE,KAAT;EAAA,WAAmBlB,WAAnB,sNAEdgB,MAFc,EAG1BE,KAH0B;AAAA,CAAhC,C,CAUA;;;;;AACA,IAAMG,SAAS,GAAG,SAAZA,SAAY,CAACL,MAAD,EAASE,KAAT,EAAmB;EACnC,IAAMI,KAAK,GAAGL,aAAa,CAACD,MAAD,EAASE,KAAT,CAA3B;EACA,WAAOlB,WAAP,0GACIsB,KADJ;AAGD,CALD;;;;AAOA,IAAMC,mBAAmB,GAAG,SAAtBA,mBAAsB,CAAAC,MAAM;EAAA,0UAcjBA,MAdiB;AAAA,CAAlC;;;AAgCA,IAAMC,WAAW,OAAGzB,WAAH,0OAAjB;;AAWA,IAAM0B,cAAc,OAAG1B,WAAH,iaAApB;;AAkBA,IAAM2B,mBAAmB,OAAG3B,WAAH,wZAAzB"}

package/lib/components/Card/CardFactory.js

@@ -9,6 +9,10 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports["default"] = void 0;
 
+require("core-js/modules/es.regexp.exec.js");
+
+require("core-js/modules/es.string.replace.js");
+
 require("core-js/modules/es.array.concat.js");
 
 var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
@@ -19,8 +23,12 @@ var _react = _interopRequireDefault(require("react"));
 
 var _client = require("@apollo/client");
 
+var _router = require("next/router");
+
 var _propTypes = _interopRequireDefault(require("prop-types"));
 
+var _queryString = require("query-string");
+
 var _query = require("../../application/query");
 
 var _CardRender = _interopRequireDefault(require("./CardRender"));
@@ -29,14 +37,25 @@ var _helpers = require("../../helpers");
 
 var _constants = require("../../constants");
 
-var _excluded = ["entity", "propsToDisplay", "itemsToDisplay"],
+var _excluded = ["entity", "propsToDisplay", "itemsToDisplay", "itemListName"],
     _excluded2 = ["gridModifier"];
 
 var CardFactory = function CardFactory(_ref) {
   var entity = _ref.entity,
       propsToDisplay = _ref.propsToDisplay,
       itemsToDisplay = _ref.itemsToDisplay,
+      itemListName = _ref.itemListName,
       cardProps = (0, _objectWithoutProperties2["default"])(_ref, _excluded);
+  var router = (0, _router.useRouter)();
+  var asPath = router.asPath;
+  var parsedQuery = asPath.replace(/%5D/g, ']').replace(/%5B/g, '[');
+
+  var _parseUrl = (0, _queryString.parseUrl)(parsedQuery),
+      _parseUrl$query = _parseUrl.query;
+
+  _parseUrl$query = _parseUrl$query === void 0 ? {} : _parseUrl$query;
+  var queryItemListId = _parseUrl$query.itemListId;
+  var itemListId = (0, _helpers.getItemListId)(itemListName, queryItemListId);
 
   var _useQuery = (0, _client.useQuery)(_query.getSingleEntitySchema, {
     variables: {
@@ -47,7 +66,17 @@ var CardFactory = function CardFactory(_ref) {
       error = _useQuery.error,
       loading = _useQuery.loading;
 
-  if (loading) return '';
+  var _useQuery2 = (0, _client.useQuery)(_query.getItemList, {
+    variables: {
+      id: itemListId
+    },
+    skip: !itemListId
+  }),
+      _useQuery2$data = _useQuery2.data,
+      itemListData = _useQuery2$data === void 0 ? {} : _useQuery2$data,
+      itemListLoading = _useQuery2.loading;
+
+  if (loading || itemListLoading) return '';
   if (error) return error.message;
   if (!data) return null;
   var propsToDisplayValues = (0, _helpers.checkPropsToUse)(propsToDisplay);
@@ -58,11 +87,12 @@ var CardFactory = function CardFactory(_ref) {
       cardRenderProps = (0, _objectWithoutProperties2["default"])(_getGenericProps, _excluded2);
 
   var extraModifierForBanner = cardRenderProps.banner ? _constants.WITH_BANNER : '';
+  var itemListIds = (0, _helpers.getItemListIds)(itemListData);
   return /*#__PURE__*/_react["default"].createElement(_CardRender["default"], (0, _extends2["default"])({
     gridModifier: "".concat(gridModifier).concat(extraModifierForBanner),
     bannerModifier: extraModifierForBanner,
     entity: entity,
-    itemsToDisplay: itemsToDisplay,
+    itemsToDisplay: itemListIds || itemsToDisplay,
     propsToDisplay: propsToDisplay,
     entityFields: extraProps
   }, cardRenderProps));
@@ -71,11 +101,13 @@ var CardFactory = function CardFactory(_ref) {
 CardFactory.propTypes = {
   entity: _propTypes["default"].string.isRequired,
   propsToDisplay: _propTypes["default"].array,
-  itemsToDisplay: _propTypes["default"].array
+  itemsToDisplay: _propTypes["default"].array,
+  itemListName: _propTypes["default"].string
 };
 CardFactory.defaultProps = {
   propsToDisplay: [],
-  itemsToDisplay: []
+  itemsToDisplay: [],
+  itemListName: ''
 };
 var _default = CardFactory;
 exports["default"] = _default;

package/lib/components/Card/CardFactory.js.map

@@ -1 +1 @@
-{"version":3,"file":"CardFactory.js","names":["CardFactory","entity","propsToDisplay","itemsToDisplay","cardProps","getSingleEntitySchema","variables","id","data","error","loading","message","propsToDisplayValues","extraProps","gridModifier","cardRenderProps","extraModifierForBanner","banner","WITH_BANNER","propTypes","PropTypes","string","isRequired","array","defaultProps"],"sources":["../../../src/components/Card/CardFactory.js"],"sourcesContent":["import React from 'react';\nimport { useQuery } from '@apollo/client';\nimport PropTypes from 'prop-types';\nimport { getSingleEntitySchema } from '../../application/query';\nimport CardRender from './CardRender';\nimport { buildPropsQuery, getGenericProps, checkPropsToUse } from '../../helpers';\nimport { WITH_BANNER } from '../../constants';\n\nconst CardFactory = ({ entity, propsToDisplay, itemsToDisplay, ...cardProps }) => {\n  const { data, error, loading } = useQuery(getSingleEntitySchema, {\n    variables: { id: entity }\n  });\n\n  if (loading) return '';\n  if (error) return error.message;\n  if (!data) return null;\n\n  const propsToDisplayValues = checkPropsToUse(propsToDisplay);\n  const extraProps = buildPropsQuery(data, propsToDisplayValues, cardProps) || '';\n  const { gridModifier, ...cardRenderProps } = getGenericProps(cardProps);\n  const extraModifierForBanner = cardRenderProps.banner ? WITH_BANNER : '';\n\n  return (\n    <CardRender\n      gridModifier={`${gridModifier}${extraModifierForBanner}`}\n      bannerModifier={extraModifierForBanner}\n      entity={entity}\n      itemsToDisplay={itemsToDisplay}\n      propsToDisplay={propsToDisplay}\n      entityFields={extraProps}\n      {...cardRenderProps}\n    />\n  );\n};\n\nCardFactory.propTypes = {\n  entity: PropTypes.string.isRequired,\n  propsToDisplay: PropTypes.array,\n  itemsToDisplay: PropTypes.array\n};\n\nCardFactory.defaultProps = {\n  propsToDisplay: [],\n  itemsToDisplay: []\n};\n\nexport default CardFactory;\n"],"mappings":";;;;;;;;;;;;;;;;;AAAA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;;;;AAEA,IAAMA,WAAW,GAAG,SAAdA,WAAc,OAA8D;EAAA,IAA3DC,MAA2D,QAA3DA,MAA2D;EAAA,IAAnDC,cAAmD,QAAnDA,cAAmD;EAAA,IAAnCC,cAAmC,QAAnCA,cAAmC;EAAA,IAAhBC,SAAgB;;EAChF,gBAAiC,sBAASC,4BAAT,EAAgC;IAC/DC,SAAS,EAAE;MAAEC,EAAE,EAAEN;IAAN;EADoD,CAAhC,CAAjC;EAAA,IAAQO,IAAR,aAAQA,IAAR;EAAA,IAAcC,KAAd,aAAcA,KAAd;EAAA,IAAqBC,OAArB,aAAqBA,OAArB;;EAIA,IAAIA,OAAJ,EAAa,OAAO,EAAP;EACb,IAAID,KAAJ,EAAW,OAAOA,KAAK,CAACE,OAAb;EACX,IAAI,CAACH,IAAL,EAAW,OAAO,IAAP;EAEX,IAAMI,oBAAoB,GAAG,8BAAgBV,cAAhB,CAA7B;EACA,IAAMW,UAAU,GAAG,8BAAgBL,IAAhB,EAAsBI,oBAAtB,EAA4CR,SAA5C,KAA0D,EAA7E;;EACA,uBAA6C,8BAAgBA,SAAhB,CAA7C;EAAA,IAAQU,YAAR,oBAAQA,YAAR;EAAA,IAAyBC,eAAzB;;EACA,IAAMC,sBAAsB,GAAGD,eAAe,CAACE,MAAhB,GAAyBC,sBAAzB,GAAuC,EAAtE;EAEA,oBACE,gCAAC,sBAAD;IACE,YAAY,YAAKJ,YAAL,SAAoBE,sBAApB,CADd;IAEE,cAAc,EAAEA,sBAFlB;IAGE,MAAM,EAAEf,MAHV;IAIE,cAAc,EAAEE,cAJlB;IAKE,cAAc,EAAED,cALlB;IAME,YAAY,EAAEW;EANhB,GAOME,eAPN,EADF;AAWD,CAzBD;;AA2BAf,WAAW,CAACmB,SAAZ,GAAwB;EACtBlB,MAAM,EAAEmB,sBAAUC,MAAV,CAAiBC,UADH;EAEtBpB,cAAc,EAAEkB,sBAAUG,KAFJ;EAGtBpB,cAAc,EAAEiB,sBAAUG;AAHJ,CAAxB;AAMAvB,WAAW,CAACwB,YAAZ,GAA2B;EACzBtB,cAAc,EAAE,EADS;EAEzBC,cAAc,EAAE;AAFS,CAA3B;eAKeH,W"}
+{"version":3,"file":"CardFactory.js","names":["CardFactory","entity","propsToDisplay","itemsToDisplay","itemListName","cardProps","router","asPath","parsedQuery","replace","query","queryItemListId","itemListId","getSingleEntitySchema","variables","id","data","error","loading","getItemList","skip","itemListData","itemListLoading","message","propsToDisplayValues","extraProps","gridModifier","cardRenderProps","extraModifierForBanner","banner","WITH_BANNER","itemListIds","propTypes","PropTypes","string","isRequired","array","defaultProps"],"sources":["../../../src/components/Card/CardFactory.js"],"sourcesContent":["import React from 'react';\nimport { useQuery } from '@apollo/client';\nimport { useRouter } from 'next/router';\nimport PropTypes from 'prop-types';\nimport { parseUrl } from 'query-string';\nimport { getSingleEntitySchema, getItemList } from '../../application/query';\nimport CardRender from './CardRender';\nimport {\n  buildPropsQuery,\n  getGenericProps,\n  checkPropsToUse,\n  getItemListId,\n  getItemListIds\n} from '../../helpers';\nimport { WITH_BANNER } from '../../constants';\n\nconst CardFactory = ({ entity, propsToDisplay, itemsToDisplay, itemListName, ...cardProps }) => {\n  const router = useRouter();\n  const { asPath } = router;\n  const parsedQuery = asPath.replace(/%5D/g, ']').replace(/%5B/g, '[');\n  const { query: { itemListId: queryItemListId } = {} } = parseUrl(parsedQuery);\n  const itemListId = getItemListId(itemListName, queryItemListId);\n  const { data, error, loading } = useQuery(getSingleEntitySchema, {\n    variables: { id: entity }\n  });\n  const { data: itemListData = {}, loading: itemListLoading } = useQuery(getItemList, {\n    variables: { id: itemListId },\n    skip: !itemListId\n  });\n\n  if (loading || itemListLoading) return '';\n  if (error) return error.message;\n  if (!data) return null;\n\n  const propsToDisplayValues = checkPropsToUse(propsToDisplay);\n  const extraProps = buildPropsQuery(data, propsToDisplayValues, cardProps) || '';\n  const { gridModifier, ...cardRenderProps } = getGenericProps(cardProps);\n  const extraModifierForBanner = cardRenderProps.banner ? WITH_BANNER : '';\n  const itemListIds = getItemListIds(itemListData);\n\n  return (\n    <CardRender\n      gridModifier={`${gridModifier}${extraModifierForBanner}`}\n      bannerModifier={extraModifierForBanner}\n      entity={entity}\n      itemsToDisplay={itemListIds || itemsToDisplay}\n      propsToDisplay={propsToDisplay}\n      entityFields={extraProps}\n      {...cardRenderProps}\n    />\n  );\n};\n\nCardFactory.propTypes = {\n  entity: PropTypes.string.isRequired,\n  propsToDisplay: PropTypes.array,\n  itemsToDisplay: PropTypes.array,\n  itemListName: PropTypes.string\n};\n\nCardFactory.defaultProps = {\n  propsToDisplay: [],\n  itemsToDisplay: [],\n  itemListName: ''\n};\n\nexport default CardFactory;\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;AAAA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;AAOA;;;;;AAEA,IAAMA,WAAW,GAAG,SAAdA,WAAc,OAA4E;EAAA,IAAzEC,MAAyE,QAAzEA,MAAyE;EAAA,IAAjEC,cAAiE,QAAjEA,cAAiE;EAAA,IAAjDC,cAAiD,QAAjDA,cAAiD;EAAA,IAAjCC,YAAiC,QAAjCA,YAAiC;EAAA,IAAhBC,SAAgB;EAC9F,IAAMC,MAAM,GAAG,wBAAf;EACA,IAAQC,MAAR,GAAmBD,MAAnB,CAAQC,MAAR;EACA,IAAMC,WAAW,GAAGD,MAAM,CAACE,OAAP,CAAe,MAAf,EAAuB,GAAvB,EAA4BA,OAA5B,CAAoC,MAApC,EAA4C,GAA5C,CAApB;;EACA,gBAAwD,2BAASD,WAAT,CAAxD;EAAA,gCAAQE,KAAR;;EAAA,+CAAiD,EAAjD;EAAA,IAA6BC,eAA7B,mBAAiBC,UAAjB;EACA,IAAMA,UAAU,GAAG,4BAAcR,YAAd,EAA4BO,eAA5B,CAAnB;;EACA,gBAAiC,sBAASE,4BAAT,EAAgC;IAC/DC,SAAS,EAAE;MAAEC,EAAE,EAAEd;IAAN;EADoD,CAAhC,CAAjC;EAAA,IAAQe,IAAR,aAAQA,IAAR;EAAA,IAAcC,KAAd,aAAcA,KAAd;EAAA,IAAqBC,OAArB,aAAqBA,OAArB;;EAGA,iBAA8D,sBAASC,kBAAT,EAAsB;IAClFL,SAAS,EAAE;MAAEC,EAAE,EAAEH;IAAN,CADuE;IAElFQ,IAAI,EAAE,CAACR;EAF2E,CAAtB,CAA9D;EAAA,iCAAQI,IAAR;EAAA,IAAcK,YAAd,gCAA6B,EAA7B;EAAA,IAA0CC,eAA1C,cAAiCJ,OAAjC;;EAKA,IAAIA,OAAO,IAAII,eAAf,EAAgC,OAAO,EAAP;EAChC,IAAIL,KAAJ,EAAW,OAAOA,KAAK,CAACM,OAAb;EACX,IAAI,CAACP,IAAL,EAAW,OAAO,IAAP;EAEX,IAAMQ,oBAAoB,GAAG,8BAAgBtB,cAAhB,CAA7B;EACA,IAAMuB,UAAU,GAAG,8BAAgBT,IAAhB,EAAsBQ,oBAAtB,EAA4CnB,SAA5C,KAA0D,EAA7E;;EACA,uBAA6C,8BAAgBA,SAAhB,CAA7C;EAAA,IAAQqB,YAAR,oBAAQA,YAAR;EAAA,IAAyBC,eAAzB;;EACA,IAAMC,sBAAsB,GAAGD,eAAe,CAACE,MAAhB,GAAyBC,sBAAzB,GAAuC,EAAtE;EACA,IAAMC,WAAW,GAAG,6BAAeV,YAAf,CAApB;EAEA,oBACE,gCAAC,sBAAD;IACE,YAAY,YAAKK,YAAL,SAAoBE,sBAApB,CADd;IAEE,cAAc,EAAEA,sBAFlB;IAGE,MAAM,EAAE3B,MAHV;IAIE,cAAc,EAAE8B,WAAW,IAAI5B,cAJjC;IAKE,cAAc,EAAED,cALlB;IAME,YAAY,EAAEuB;EANhB,GAOME,eAPN,EADF;AAWD,CAnCD;;AAqCA3B,WAAW,CAACgC,SAAZ,GAAwB;EACtB/B,MAAM,EAAEgC,sBAAUC,MAAV,CAAiBC,UADH;EAEtBjC,cAAc,EAAE+B,sBAAUG,KAFJ;EAGtBjC,cAAc,EAAE8B,sBAAUG,KAHJ;EAItBhC,YAAY,EAAE6B,sBAAUC;AAJF,CAAxB;AAOAlC,WAAW,CAACqC,YAAZ,GAA2B;EACzBnC,cAAc,EAAE,EADS;EAEzBC,cAAc,EAAE,EAFS;EAGzBC,YAAY,EAAE;AAHW,CAA3B;eAMeJ,W"}

package/lib/components/CarouselWrapper.js

@@ -128,7 +128,7 @@ var CarouselWrapper = function CarouselWrapper(_ref) {
       handleButtonNavigation();
     }
   }, /*#__PURE__*/_react["default"].createElement("i", {
-    className: "carousel--arrow-left"
+    className: "cards-carousel--arrow__left"
   }))), /*#__PURE__*/_react["default"].createElement("div", {
     className: "cards-carousel--right-button-wrapper"
   }, displayRight && /*#__PURE__*/_react["default"].createElement("button", {
@@ -139,7 +139,7 @@ var CarouselWrapper = function CarouselWrapper(_ref) {
       handleButtonNavigation(true);
     }
   }, /*#__PURE__*/_react["default"].createElement("i", {
-    className: "carousel--arrow-left"
+    className: "cards-carousel--arrow__right"
   }))), /*#__PURE__*/_react["default"].createElement("div", {
     className: contentClassName,
     ref: ref,

package/lib/components/CarouselWrapper.js.map

@@ -1 +1 @@
-{"version":3,"file":"CarouselWrapper.js","names":["CarouselWrapper","children","bannerModifier","itemsPerRow","enableAutoScroll","autoScrollTimer","arrowSize","ref","displayLeft","displayRight","buttonDisplay","setButtonDisplays","shouldAutoScroll","setShouldAutoScroll","autoScrollRef","current","id","setInterval","scrollCheck","clearInterval","handleButtonNavigation","offsetWidth","scrollWidth","handleScroll","scrollLeft","updatedDisplayLeft","updatedDisplayRight","direction","wrapperClassName","contentClassName","propTypes","PropTypes","string","number","oneOfType","arrayOf","node","bool","defaultProps"],"sources":["../../src/components/CarouselWrapper.js"],"sourcesContent":["import React, { useRef, useState, useEffect } from 'react';\nimport PropTypes from 'prop-types';\n\nconst CarouselWrapper = ({\n  children,\n  bannerModifier,\n  itemsPerRow,\n  enableAutoScroll,\n  autoScrollTimer,\n  arrowSize\n}) => {\n  const ref = useRef();\n  const [buttonDisplay, setButtonDisplays] = useState({ displayLeft: false, displayRight: true });\n  const [shouldAutoScroll, setShouldAutoScroll] = useState(false);\n  const autoScrollRef = useRef();\n\n  useEffect(\n    () => {\n      autoScrollRef.current = shouldAutoScroll;\n      const id = setInterval(scrollCheck, autoScrollTimer);\n      function scrollCheck() {\n        if (!autoScrollRef.current) {\n          clearInterval(id);\n        } else {\n          handleButtonNavigation(true);\n        }\n      }\n\n      return () => clearInterval(id);\n    },\n    [autoScrollTimer, shouldAutoScroll]\n  );\n\n  useEffect(\n    () => {\n      const {\n        current: { offsetWidth, scrollWidth }\n      } = ref;\n      if (scrollWidth <= offsetWidth)\n        setButtonDisplays({ displayLeft: false, displayRight: false });\n      setShouldAutoScroll(enableAutoScroll);\n    },\n    [enableAutoScroll]\n  );\n\n  const handleScroll = () => {\n    const {\n      current: { offsetWidth, scrollLeft, scrollWidth }\n    } = ref;\n    const updatedDisplayLeft = !!scrollLeft;\n    const updatedDisplayRight = scrollLeft + offsetWidth + 1 < scrollWidth;\n    setButtonDisplays({ displayLeft: updatedDisplayLeft, displayRight: updatedDisplayRight });\n  };\n\n  const handleButtonNavigation = direction => {\n    if (!ref || !ref.current) return;\n    const {\n      current: { offsetWidth, scrollLeft, scrollWidth }\n    } = ref;\n\n    if (autoScrollRef.current && scrollLeft + offsetWidth >= scrollWidth) {\n      ref.current.scrollLeft = 0;\n    } else {\n      ref.current.scrollLeft = direction ? scrollLeft + offsetWidth : scrollLeft - offsetWidth;\n    }\n  };\n\n  const { displayLeft, displayRight } = buttonDisplay;\n  const wrapperClassName = `cards-carousel${bannerModifier}`;\n  const contentClassName = `cards-carousel--content items-per-row-${itemsPerRow}`;\n\n  return (\n    <div className={wrapperClassName}>\n      <div className=\"cards-carousel--left-button-wrapper\">\n        {displayLeft && (\n          <button\n            type=\"button\"\n            className=\"cards-carousel--button-back icon-button icon\"\n            onClick={() => {\n              setShouldAutoScroll(false);\n              handleButtonNavigation();\n            }}>\n            <i className=\"carousel--arrow-left\" />\n          </button>\n        )}\n      </div>\n      <div className=\"cards-carousel--right-button-wrapper\">\n        {displayRight && (\n          <button\n            type=\"button\"\n            className=\"cards-carousel--button-forward icon-button icon\"\n            onClick={() => {\n              setShouldAutoScroll(false);\n              handleButtonNavigation(true);\n            }}>\n            <i className=\"carousel--arrow-left\" />\n          </button>\n        )}\n      </div>\n      <div className={contentClassName} ref={ref} onScroll={handleScroll}>\n        {children}\n      </div>\n    </div>\n  );\n};\n\nCarouselWrapper.propTypes = {\n  bannerModifier: PropTypes.string,\n  itemsPerRow: PropTypes.number,\n  children: PropTypes.oneOfType([PropTypes.arrayOf(PropTypes.node), PropTypes.node]),\n  enableAutoScroll: PropTypes.bool,\n  autoScrollTimer: PropTypes.number,\n  arrowSize: PropTypes.number\n};\n\nCarouselWrapper.defaultProps = {\n  itemsPerRow: 0,\n  bannerModifier: '',\n  children: [],\n  enableAutoScroll: false,\n  autoScrollTimer: 0,\n  arrowSize: 14\n};\n\nexport default CarouselWrapper;\n"],"mappings":"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"}
+{"version":3,"file":"CarouselWrapper.js","names":["CarouselWrapper","children","bannerModifier","itemsPerRow","enableAutoScroll","autoScrollTimer","arrowSize","ref","displayLeft","displayRight","buttonDisplay","setButtonDisplays","shouldAutoScroll","setShouldAutoScroll","autoScrollRef","current","id","setInterval","scrollCheck","clearInterval","handleButtonNavigation","offsetWidth","scrollWidth","handleScroll","scrollLeft","updatedDisplayLeft","updatedDisplayRight","direction","wrapperClassName","contentClassName","propTypes","PropTypes","string","number","oneOfType","arrayOf","node","bool","defaultProps"],"sources":["../../src/components/CarouselWrapper.js"],"sourcesContent":["import React, { useRef, useState, useEffect } from 'react';\nimport PropTypes from 'prop-types';\n\nconst CarouselWrapper = ({\n  children,\n  bannerModifier,\n  itemsPerRow,\n  enableAutoScroll,\n  autoScrollTimer,\n  arrowSize\n}) => {\n  const ref = useRef();\n  const [buttonDisplay, setButtonDisplays] = useState({ displayLeft: false, displayRight: true });\n  const [shouldAutoScroll, setShouldAutoScroll] = useState(false);\n  const autoScrollRef = useRef();\n\n  useEffect(\n    () => {\n      autoScrollRef.current = shouldAutoScroll;\n      const id = setInterval(scrollCheck, autoScrollTimer);\n      function scrollCheck() {\n        if (!autoScrollRef.current) {\n          clearInterval(id);\n        } else {\n          handleButtonNavigation(true);\n        }\n      }\n\n      return () => clearInterval(id);\n    },\n    [autoScrollTimer, shouldAutoScroll]\n  );\n\n  useEffect(\n    () => {\n      const {\n        current: { offsetWidth, scrollWidth }\n      } = ref;\n      if (scrollWidth <= offsetWidth)\n        setButtonDisplays({ displayLeft: false, displayRight: false });\n      setShouldAutoScroll(enableAutoScroll);\n    },\n    [enableAutoScroll]\n  );\n\n  const handleScroll = () => {\n    const {\n      current: { offsetWidth, scrollLeft, scrollWidth }\n    } = ref;\n    const updatedDisplayLeft = !!scrollLeft;\n    const updatedDisplayRight = scrollLeft + offsetWidth + 1 < scrollWidth;\n    setButtonDisplays({ displayLeft: updatedDisplayLeft, displayRight: updatedDisplayRight });\n  };\n\n  const handleButtonNavigation = direction => {\n    if (!ref || !ref.current) return;\n    const {\n      current: { offsetWidth, scrollLeft, scrollWidth }\n    } = ref;\n\n    if (autoScrollRef.current && scrollLeft + offsetWidth >= scrollWidth) {\n      ref.current.scrollLeft = 0;\n    } else {\n      ref.current.scrollLeft = direction ? scrollLeft + offsetWidth : scrollLeft - offsetWidth;\n    }\n  };\n\n  const { displayLeft, displayRight } = buttonDisplay;\n  const wrapperClassName = `cards-carousel${bannerModifier}`;\n  const contentClassName = `cards-carousel--content items-per-row-${itemsPerRow}`;\n\n  return (\n    <div className={wrapperClassName}>\n      <div className=\"cards-carousel--left-button-wrapper\">\n        {displayLeft && (\n          <button\n            type=\"button\"\n            className=\"cards-carousel--button-back icon-button icon\"\n            onClick={() => {\n              setShouldAutoScroll(false);\n              handleButtonNavigation();\n            }}>\n            <i className=\"cards-carousel--arrow__left\" />\n          </button>\n        )}\n      </div>\n      <div className=\"cards-carousel--right-button-wrapper\">\n        {displayRight && (\n          <button\n            type=\"button\"\n            className=\"cards-carousel--button-forward icon-button icon\"\n            onClick={() => {\n              setShouldAutoScroll(false);\n              handleButtonNavigation(true);\n            }}>\n            <i className=\"cards-carousel--arrow__right\" />\n          </button>\n        )}\n      </div>\n      <div className={contentClassName} ref={ref} onScroll={handleScroll}>\n        {children}\n      </div>\n    </div>\n  );\n};\n\nCarouselWrapper.propTypes = {\n  bannerModifier: PropTypes.string,\n  itemsPerRow: PropTypes.number,\n  children: PropTypes.oneOfType([PropTypes.arrayOf(PropTypes.node), PropTypes.node]),\n  enableAutoScroll: PropTypes.bool,\n  autoScrollTimer: PropTypes.number,\n  arrowSize: PropTypes.number\n};\n\nCarouselWrapper.defaultProps = {\n  itemsPerRow: 0,\n  bannerModifier: '',\n  children: [],\n  enableAutoScroll: false,\n  autoScrollTimer: 0,\n  arrowSize: 14\n};\n\nexport default CarouselWrapper;\n"],"mappings":"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"}

package/lib/components/ItemListButton/ItemListButton.js

@@ -0,0 +1,168 @@
+"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");
+
+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 _constants = require("../../constants");
+
+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 idFromStorage = (0, _helpers.getItemListId)(listName);
+
+  var _useState = (0, _react.useState)(idFromStorage),
+      _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]);
+
+  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) {
+        localStorage.setItem((0, _constants.LIST_ITEM_LOCAL_KEY)(listName), id);
+        window.dispatchEvent(new Event('storage'));
+      }
+    }
+  }),
+      _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;
+    return idToCheck === itemId;
+  });
+  var Icon = getIcon();
+  return /*#__PURE__*/_react["default"].createElement("div", {
+    className: "item-list-button ".concat(modifier),
+    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/ItemListButton/ItemListButton.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ItemListButton.js","names":["ItemListButton","listName","parent","modifier","itemId","itemEntity","idFromStorage","listId","setListId","isHover","setIsHover","storageEventHandler","newId","window","addEventListener","removeEventListener","getIcon","isInList","BsBookmarkXFill","BsBookmarkCheckFill","BsBookmarkStarFill","BsBookmarkStar","getItemList","variables","id","skip","data","error","loading","addItemsToList","onCompleted","listAddResult","result","localStorage","setItem","dispatchEvent","Event","addListItem","removeItemsFromList","removeListItem","clickHandler","listItems","name","message","find","idToCheck","Icon","propTypes","PropTypes","object","string","defaultProps"],"sources":["../../../src/components/ItemListButton/ItemListButton.js"],"sourcesContent":["import React, { useState, useEffect } 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, getItemListId } from '../../helpers';\nimport { LIST_ITEM_LOCAL_KEY } from '../../constants';\n\nconst ItemListButton = ({ listName, parent, modifier }) => {\n  const { itemId, itemEntity } = parent;\n  const idFromStorage = getItemListId(listName);\n  const [listId, setListId] = useState(idFromStorage);\n  const [isHover, setIsHover] = useState(false);\n\n  useEffect(\n    () => {\n      const storageEventHandler = () => {\n        const newId = getItemListId(listName);\n        setListId(newId);\n      };\n\n      window.addEventListener('storage', storageEventHandler);\n\n      return () => {\n        window.removeEventListener('storage', storageEventHandler);\n      };\n    },\n    [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        localStorage.setItem(LIST_ITEM_LOCAL_KEY(listName), id);\n        window.dispatchEvent(new Event('storage'));\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(({ itemId: idToCheck }) => idToCheck === itemId);\n\n  const Icon = getIcon();\n\n  return (\n    <div\n      className={`item-list-button ${modifier}`}\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/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/ItemListButton/index.js.map

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

package/lib/components/ItemListCounter/ItemListCounter.js

@@ -0,0 +1,96 @@
+"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 _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
+
+var _react = 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 _helpers = require("../../helpers");
+
+var ItemListCounter = function ItemListCounter(_ref) {
+  var listName = _ref.listName,
+      modifier = _ref.modifier,
+      url = _ref.url;
+  var router = (0, _router.useRouter)();
+  var idFromStorage = (0, _helpers.getItemListId)(listName);
+
+  var _useState = (0, _react.useState)(idFromStorage),
+      _useState2 = (0, _slicedToArray2["default"])(_useState, 2),
+      listId = _useState2[0],
+      setListId = _useState2[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]);
+
+  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.createElement("div", {
+    role: "button",
+    type: "button",
+    className: "icon-button item-list-counter ".concat(modifier),
+    onClick: handleClick
+  }, /*#__PURE__*/React.createElement(CounterIcon, null), /*#__PURE__*/React.createElement("span", {
+    className: "icon-button__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/ItemListCounter/ItemListCounter.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ItemListCounter.js","names":["ItemListCounter","listName","modifier","url","router","idFromStorage","listId","setListId","storageEventHandler","newId","window","addEventListener","removeEventListener","getItemList","variables","id","skip","data","error","loading","message","listItems","listLength","length","CounterIcon","BsBookmarkStarFill","BsBookmarkStar","handleClick","push","propTypes","PropTypes","string","defaultProps"],"sources":["../../../src/components/ItemListCounter/ItemListCounter.js"],"sourcesContent":["import { useState, useEffect } 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 { getItemListData, getItemListId } from '../../helpers';\n\nconst ItemListCounter = ({ listName, modifier, url }) => {\n  const router = useRouter();\n  const idFromStorage = getItemListId(listName);\n  const [listId, setListId] = useState(idFromStorage);\n\n  useEffect(\n    () => {\n      const storageEventHandler = () => {\n        const newId = getItemListId(listName);\n        setListId(newId);\n      };\n\n      window.addEventListener('storage', storageEventHandler);\n\n      return () => {\n        window.removeEventListener('storage', storageEventHandler);\n      };\n    },\n    [listName]\n  );\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  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={`icon-button item-list-counter ${modifier}`}\n      onClick={handleClick}>\n      <CounterIcon />\n      <span className=\"icon-button__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;;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,IAAMC,aAAa,GAAG,4BAAcJ,QAAd,CAAtB;;EACA,gBAA4B,qBAASI,aAAT,CAA5B;EAAA;EAAA,IAAOC,MAAP;EAAA,IAAeC,SAAf;;EAEA,sBACE,YAAM;IACJ,IAAMC,mBAAmB,GAAG,SAAtBA,mBAAsB,GAAM;MAChC,IAAMC,KAAK,GAAG,4BAAcR,QAAd,CAAd;MACAM,SAAS,CAACE,KAAD,CAAT;IACD,CAHD;;IAKAC,MAAM,CAACC,gBAAP,CAAwB,SAAxB,EAAmCH,mBAAnC;IAEA,OAAO,YAAM;MACXE,MAAM,CAACE,mBAAP,CAA2B,SAA3B,EAAsCJ,mBAAtC;IACD,CAFD;EAGD,CAZH,EAaE,CAACP,QAAD,CAbF;;EAgBA,gBAAiC,sBAASY,kBAAT,EAAsB;IACrDC,SAAS,EAAE;MAAEC,EAAE,EAAET;IAAN,CAD0C;IAErDU,IAAI,EAAE,CAACV;EAF8C,CAAtB,CAAjC;EAAA,IAAQW,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;EACX,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,OAAMvB,MAAM,CAACwB,IAAP,CAAY,WAAZ,YAA4BzB,GAA5B,yBAA8CG,MAA9C,EAAN;EAAA,CAApB;;EAEA,oBACE;IACE,IAAI,EAAC,QADP;IAEE,IAAI,EAAC,QAFP;IAGE,SAAS,0CAAmCJ,QAAnC,CAHX;IAIE,OAAO,EAAEyB;EAJX,gBAKE,oBAAC,WAAD,OALF,eAME;IAAM,SAAS,EAAC;EAAhB,GAAsCL,UAAtC,CANF,CADF;AAUD,CA5CD;;AA8CAtB,eAAe,CAAC6B,SAAhB,GAA4B;EAC1B1B,GAAG,EAAE2B,sBAAUC,MADW;EAE1B9B,QAAQ,EAAE6B,sBAAUC,MAFM;EAG1B7B,QAAQ,EAAE4B,sBAAUC;AAHM,CAA5B;AAMA/B,eAAe,CAACgC,YAAhB,GAA+B;EAC7B7B,GAAG,EAAE,EADwB;EAE7BF,QAAQ,EAAE,EAFmB;EAG7BC,QAAQ,EAAE;AAHmB,CAA/B;eAMeF,e"}

package/lib/components/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/ItemListCounter/index.js.map

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