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

package/CHANGELOG.md

@@ -3,6 +3,309 @@
 All notable changes to this project will be documented in this file.
 See [Conventional Commits](https://conventionalcommits.org) for commit guidelines.
 
+# [0.124.0](https://github.com/thebyte9/blaze/compare/v0.124.0-alpha.43...v0.124.0) (2022-08-08)
+
+**Note:** Version bump only for package @blaze-cms/react-page-builder
+
+
+
+
+
+# [0.124.0-alpha.43](https://github.com/thebyte9/blaze/compare/v0.124.0-alpha.42...v0.124.0-alpha.43) (2022-08-05)
+
+
+### Bug Fixes
+
+* set initial filter keys on initial load ([#3550](https://github.com/thebyte9/blaze/issues/3550)) ([0b4910a](https://github.com/thebyte9/blaze/commit/0b4910ae9ca751023f4a110f3bb0de42adce6549))
+
+
+
+
+
+# [0.124.0-alpha.42](https://github.com/thebyte9/blaze/compare/v0.124.0-alpha.41...v0.124.0-alpha.42) (2022-08-04)
+
+
+### Bug Fixes
+
+* added special value escape check to all filters ([#3542](https://github.com/thebyte9/blaze/issues/3542)) ([7455391](https://github.com/thebyte9/blaze/commit/7455391b48f82c242c5340fecbd5f76e9b6678b1))
+
+
+### Features
+
+* add button show/hide children ([#3541](https://github.com/thebyte9/blaze/issues/3541)) ([db6badf](https://github.com/thebyte9/blaze/commit/db6badf8ab116a4b5507559ca43c153012fda99c))
+
+
+
+
+
+# [0.124.0-alpha.40](https://github.com/thebyte9/blaze/compare/v0.124.0-alpha.39...v0.124.0-alpha.40) (2022-07-13)
+
+
+### Bug Fixes
+
+* revert carousel classes and add card carousel arrow styles ([#3534](https://github.com/thebyte9/blaze/issues/3534)) ([54e8b07](https://github.com/thebyte9/blaze/commit/54e8b078efa9920a502f30dd0e2703e25a5ecf2a))
+
+
+
+
+
+# [0.124.0-alpha.39](https://github.com/thebyte9/blaze/compare/v0.124.0-alpha.38...v0.124.0-alpha.39) (2022-07-13)
+
+
+### Bug Fixes
+
+* show filters even if no filter values by setting filter values from query ([#3533](https://github.com/thebyte9/blaze/issues/3533)) ([b8a0080](https://github.com/thebyte9/blaze/commit/b8a00804993b49066712dfbb74f20523e8cea764))
+
+
+
+
+
+# [0.124.0-alpha.37](https://github.com/thebyte9/blaze/compare/v0.124.0-alpha.36...v0.124.0-alpha.37) (2022-06-29)
+
+
+### Bug Fixes
+
+* update image-cdn-react package to add as to preload tag ([#3527](https://github.com/thebyte9/blaze/issues/3527)) ([d7cab87](https://github.com/thebyte9/blaze/commit/d7cab874e824d9b2e99a0d3d5f2c6c48775132e5))
+
+
+
+
+
+# [0.124.0-alpha.36](https://github.com/thebyte9/blaze/compare/v0.124.0-alpha.35...v0.124.0-alpha.36) (2022-06-28)
+
+
+### Features
+
+* make menu responsive using css ([#3526](https://github.com/thebyte9/blaze/issues/3526)) ([e8a7f45](https://github.com/thebyte9/blaze/commit/e8a7f45e22d4e31a106bff1b06ab25775a2a13ce))
+
+
+
+
+
+# [0.124.0-alpha.35](https://github.com/thebyte9/blaze/compare/v0.124.0-alpha.34...v0.124.0-alpha.35) (2022-06-27)
+
+
+### Bug Fixes
+
+* set search filter values correctly. Handle missing buckets for checkbox ([#3520](https://github.com/thebyte9/blaze/issues/3520)) ([c8024f2](https://github.com/thebyte9/blaze/commit/c8024f2be5f39962f491a61ac0cc64de93d8efab))
+
+
+
+
+
+# [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)
+
+
+### Features
+
+* add show hide child menu items in mobile menu ([#3494](https://github.com/thebyte9/blaze/issues/3494)) ([41bfa2e](https://github.com/thebyte9/blaze/commit/41bfa2ef1999c169db6c5fc1ebbb4b7a896d1fe4))
+
+
+
+
+
+# [0.124.0-alpha.30](https://github.com/thebyte9/blaze/compare/v0.124.0-alpha.29...v0.124.0-alpha.30) (2022-06-09)
+
+
+### Bug Fixes
+
+* use correct filter values in search filter ([#3501](https://github.com/thebyte9/blaze/issues/3501)) ([4466948](https://github.com/thebyte9/blaze/commit/446694875dfc2f0f32f1cf82981cbd82f3608ff1))
+
+
+### Features
+
+* update responsive image to preload priority image ([6f50971](https://github.com/thebyte9/blaze/commit/6f5097162151fca62493ab50027a43f3652e949f))
+
+
+
+
+
+# [0.124.0-alpha.29](https://github.com/thebyte9/blaze/compare/v0.124.0-alpha.28...v0.124.0-alpha.29) (2022-06-06)
+
+
+### Bug Fixes
+
+* contextual filter not using query props on initial load ([#3495](https://github.com/thebyte9/blaze/issues/3495)) ([a52b9e1](https://github.com/thebyte9/blaze/commit/a52b9e1b4005288e58666bb2c30c43605e6ae548))
+
+
+### Features
+
+* filter counts and contextual display ([#3485](https://github.com/thebyte9/blaze/issues/3485)) ([41431fc](https://github.com/thebyte9/blaze/commit/41431fc4509824747dfcf27a0b7ff6045a32ebe4))
+
+
+
+
+
+# [0.124.0-alpha.28](https://byte9/thebyte9/blaze/compare/v0.124.0-alpha.27...v0.124.0-alpha.28) (2022-05-27)
+
+**Note:** Version bump only for package @blaze-cms/react-page-builder
+
+
+
+
+
+# [0.124.0-alpha.26](https://github.com/thebyte9/blaze/compare/v0.124.0-alpha.25...v0.124.0-alpha.26) (2022-05-24)
+
+**Note:** Version bump only for package @blaze-cms/react-page-builder
+
+
+
+
+
+# [0.124.0-alpha.25](https://byte9/thebyte9/blaze/compare/v0.124.0-alpha.24...v0.124.0-alpha.25) (2022-05-24)
+
+**Note:** Version bump only for package @blaze-cms/react-page-builder
+
+
+
+
+
+# [0.124.0-alpha.24](https://byte9/thebyte9/blaze/compare/v0.124.0-alpha.23...v0.124.0-alpha.24) (2022-05-24)
+
+**Note:** Version bump only for package @blaze-cms/react-page-builder
+
+
+
+
+
+# [0.124.0-alpha.23](https://byte9/thebyte9/blaze/compare/v0.124.0-alpha.22...v0.124.0-alpha.23) (2022-05-24)
+
+**Note:** Version bump only for package @blaze-cms/react-page-builder
+
+
+
+
+
+# [0.124.0-alpha.22](https://byte9/thebyte9/blaze/compare/v0.124.0-alpha.21...v0.124.0-alpha.22) (2022-05-24)
+
+**Note:** Version bump only for package @blaze-cms/react-page-builder
+
+
+
+
+
+# [0.124.0-alpha.21](https://byte9/thebyte9/blaze/compare/v0.124.0-alpha.20...v0.124.0-alpha.21) (2022-05-24)
+
+**Note:** Version bump only for package @blaze-cms/react-page-builder
+
+
+
+
+
+# [0.124.0-alpha.20](https://byte9/thebyte9/blaze/compare/v0.124.0-alpha.19...v0.124.0-alpha.20) (2022-05-24)
+
+**Note:** Version bump only for package @blaze-cms/react-page-builder
+
+
+
+
+
+# [0.124.0-alpha.19](https://byte9/thebyte9/blaze/compare/v0.124.0-alpha.18...v0.124.0-alpha.19) (2022-05-18)
+
+
+### Features
+
+* add useDebounceSearch ([806201b](https://byte9/thebyte9/blaze/commits/806201bd2839162a78d4b64d2634c8bb6737b711))
+
+
+
+
+
+# [0.124.0-alpha.18](https://github.com/thebyte9/blaze/compare/v0.124.0-alpha.17...v0.124.0-alpha.18) (2022-05-17)
+
+
+### Bug Fixes
+
+* list component add itemListId to query string ([#3477](https://github.com/thebyte9/blaze/issues/3477)) ([5eb7a9f](https://github.com/thebyte9/blaze/commit/5eb7a9f90bb3bea6d33c0ce891b0a13c929280f9))
+
+
+
+
+
+# [0.124.0-alpha.15](https://github.com/thebyte9/blaze/compare/v0.124.0-alpha.14...v0.124.0-alpha.15) (2022-05-11)
+
+
+### Bug Fixes
+
+* add missing react import ([d29d867](https://github.com/thebyte9/blaze/commit/d29d8670c5c8c5e377308e57e34acec96f39e0c5))
+
+
+
+
+
+# [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
+
+
+
+
+
+# [0.124.0-alpha.10](https://byte9/thebyte9/blaze/compare/v0.124.0-alpha.9...v0.124.0-alpha.10) (2022-05-11)
+
+**Note:** Version bump only for package @blaze-cms/react-page-builder
+
+
+
+
+
 # [0.124.0-alpha.9](https://github.com/thebyte9/blaze/compare/v0.124.0-alpha.8...v0.124.0-alpha.9) (2022-05-10)
 
 

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

@@ -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      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      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,oPAAjB;;AAYA,IAAM0B,cAAc,OAAG1B,WAAH,iaAApB;;AAkBA,IAAM2B,mBAAmB,OAAG3B,WAAH,wZAAzB"}

package/lib/components/Button.js

@@ -53,13 +53,15 @@ var _reactCookie = require("react-cookie");
 
 var _router = require("next/router");
 
+var _classnames = _interopRequireDefault(require("classnames"));
+
 var _button = _interopRequireDefault(require("@blaze-react/button"));
 
 var _coreAuthUi = require("@blaze-cms/core-auth-ui");
 
 var _client = require("@apollo/client");
 
-var _propTypes = _interopRequireDefault(require("prop-types"));
+var _propTypes = _interopRequireWildcard(require("prop-types"));
 
 var _ClickWrapper = _interopRequireDefault(require("./ClickWrapper"));
 
@@ -73,7 +75,7 @@ var _constants = require("../constants");
 
 var _helpers = require("../helpers");
 
-var _excluded = ["type", "text", "url", "icon", "name", "style", "children", "clickAction"];
+var _excluded = ["type", "text", "url", "icon", "name", "style", "children", "clickAction", "childSeoVisibility", "afterClickText"];
 
 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); }
 
@@ -92,6 +94,8 @@ var Button = function Button(props) {
       style = props.style,
       children = props.children,
       clickAction = props.clickAction,
+      childSeoVisibility = props.childSeoVisibility,
+      afterClickText = props.afterClickText,
       otherProps = (0, _objectWithoutProperties2["default"])(props, _excluded);
   var client = (0, _client.useApolloClient)();
   var router = (0, _router.useRouter)();
@@ -147,35 +151,44 @@ var Button = function Button(props) {
       wrapperProps = _getClickWrapperOptio.wrapperProps;
 
   var Wrapper = shouldUseClickWrapper ? _ClickWrapper["default"] : _react.Fragment;
-  return /*#__PURE__*/_react["default"].createElement(Wrapper, wrapperProps, /*#__PURE__*/_react["default"].createElement(DynamicButton, (0, _extends2["default"])({
+  var contentClassName = (0, _classnames["default"])('button__content', {
+    'button__content--show': showChildren
+  });
+  return /*#__PURE__*/_react["default"].createElement(Wrapper, wrapperProps, childSeoVisibility && /*#__PURE__*/_react["default"].createElement("div", {
+    className: contentClassName
+  }, renderedChildren), !childSeoVisibility && showChildren && renderedChildren, /*#__PURE__*/_react["default"].createElement(DynamicButton, (0, _extends2["default"])({
     className: modifiers,
     onClick: handleClick
   }, currentProps), icon && /*#__PURE__*/_react["default"].createElement("i", {
     className: icon
-  }), text), showChildren && renderedChildren);
+  }), showChildren ? afterClickText : text));
 };
 
 Button.propTypes = {
   clickAction: _propTypes["default"].string,
   text: _propTypes["default"].string,
+  afterClickText: _propTypes.string,
   name: _propTypes["default"].string,
   type: _propTypes["default"].string,
   url: _propTypes["default"].string,
   size: _propTypes["default"].string,
   icon: _propTypes["default"].string,
   style: _propTypes["default"].string,
+  childSeoVisibility: _propTypes.bool,
   children: _propTypes["default"].oneOfType([_propTypes["default"].arrayOf(_propTypes["default"].node), _propTypes["default"].node])
 };
 Button.defaultProps = {
   clickAction: '',
   text: '',
+  afterClickText: '',
   name: '',
   type: '',
   url: null,
   size: '',
   icon: '',
   style: '',
-  children: []
+  children: [],
+  childSeoVisibility: false
 };
 
 var _default = (0, _HOC.withTitle)(Button);

package/lib/components/Button.js.map

@@ -1 +1 @@
-{"version":3,"file":"Button.js","names":["Button","props","type","text","url","icon","name","style","children","clickAction","otherProps","client","router","isLogoutButton","LOGOUT","cookies","blazeCookie","blaze_auth","showChildren","setShowChildren","checkIfButtonShouldRender","logout","reload","handleClick","buttonType","modifiers","currentProps","href","title","DynamicButton","BlazeLink","BlazeButton","parent","itemId","itemEntity","renderedChildren","onClose","shouldUseClickWrapper","wrapperProps","Wrapper","ClickWrapper","Fragment","propTypes","PropTypes","string","size","oneOfType","arrayOf","node","defaultProps"],"sources":["../../src/components/Button.js"],"sourcesContent":["import React, { useState, Fragment } from 'react';\nimport { useCookies } from 'react-cookie';\nimport { useRouter } from 'next/router';\nimport BlazeButton from '@blaze-react/button';\nimport { handleLogout } from '@blaze-cms/core-auth-ui';\nimport { useApolloClient } from '@apollo/client';\nimport PropTypes from 'prop-types';\nimport ClickWrapper from './ClickWrapper';\nimport BlazeLink from './BlazeLink';\nimport { withTitle } from '../HOC';\nimport { getClassModifiers } from '../utils';\nimport { LOGOUT } from '../constants';\nimport {\n  renderChildren,\n  updateChildrensParent,\n  hasChildren,\n  getClickWrapperOptions\n} from '../helpers';\n\nconst Button = props => {\n  const { type, text, url, icon, name, style, children, clickAction, ...otherProps } = props;\n  const client = useApolloClient();\n  const router = useRouter();\n  const isLogoutButton = clickAction === LOGOUT;\n  const [cookies] = useCookies();\n  const { blaze_auth: blazeCookie } = cookies;\n  const [showChildren, setShowChildren] = useState(false);\n\n  const checkIfButtonShouldRender = () => {\n    if (isLogoutButton) return !!blazeCookie;\n    if (!text && !icon) return false;\n    return !!(url || hasChildren(children));\n  };\n\n  const logout = () => {\n    handleLogout(client);\n    url ? router.reload(url) : router.reload();\n  };\n\n  const handleClick = () => {\n    if (isLogoutButton) logout();\n    if (!url && !isLogoutButton) setShowChildren(!showChildren);\n  };\n\n  if (!checkIfButtonShouldRender()) return null;\n\n  const buttonType = !text && icon ? 'icon' : type;\n  const modifiers = getClassModifiers(buttonType, { icon, style, ...otherProps });\n  const currentProps = url ? { href: url, title: name } : { name };\n  const DynamicButton = url && !isLogoutButton ? BlazeLink : BlazeButton;\n  updateChildrensParent(children, otherProps.parent.itemId, otherProps.parent.itemEntity);\n\n  const renderedChildren = renderChildren(children, { onClose: handleClick });\n  const { shouldUseClickWrapper, wrapperProps } = getClickWrapperOptions(children, props);\n  const Wrapper = shouldUseClickWrapper ? ClickWrapper : Fragment;\n\n  return (\n    <Wrapper {...wrapperProps}>\n      <DynamicButton className={modifiers} onClick={handleClick} {...currentProps}>\n        {icon && <i className={icon} />}\n        {text}\n      </DynamicButton>\n      {showChildren && renderedChildren}\n    </Wrapper>\n  );\n};\n\nButton.propTypes = {\n  clickAction: PropTypes.string,\n  text: PropTypes.string,\n  name: PropTypes.string,\n  type: PropTypes.string,\n  url: PropTypes.string,\n  size: PropTypes.string,\n  icon: PropTypes.string,\n  style: PropTypes.string,\n  children: PropTypes.oneOfType([PropTypes.arrayOf(PropTypes.node), PropTypes.node])\n};\n\nButton.defaultProps = {\n  clickAction: '',\n  text: '',\n  name: '',\n  type: '',\n  url: null,\n  size: '',\n  icon: '',\n  style: '',\n  children: []\n};\n\nexport default withTitle(Button);\n"],"mappings":"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"}
+{"version":3,"file":"Button.js","names":["Button","props","type","text","url","icon","name","style","children","clickAction","childSeoVisibility","afterClickText","otherProps","client","router","isLogoutButton","LOGOUT","cookies","blazeCookie","blaze_auth","showChildren","setShowChildren","checkIfButtonShouldRender","logout","reload","handleClick","buttonType","modifiers","currentProps","href","title","DynamicButton","BlazeLink","BlazeButton","parent","itemId","itemEntity","renderedChildren","onClose","shouldUseClickWrapper","wrapperProps","Wrapper","ClickWrapper","Fragment","contentClassName","propTypes","PropTypes","string","size","bool","oneOfType","arrayOf","node","defaultProps"],"sources":["../../src/components/Button.js"],"sourcesContent":["import React, { useState, Fragment } from 'react';\nimport { useCookies } from 'react-cookie';\nimport { useRouter } from 'next/router';\nimport classnames from 'classnames';\nimport BlazeButton from '@blaze-react/button';\nimport { handleLogout } from '@blaze-cms/core-auth-ui';\nimport { useApolloClient } from '@apollo/client';\nimport PropTypes, { bool, string } from 'prop-types';\nimport ClickWrapper from './ClickWrapper';\nimport BlazeLink from './BlazeLink';\nimport { withTitle } from '../HOC';\nimport { getClassModifiers } from '../utils';\nimport { LOGOUT } from '../constants';\nimport {\n  renderChildren,\n  updateChildrensParent,\n  hasChildren,\n  getClickWrapperOptions\n} from '../helpers';\n\nconst Button = props => {\n  const {\n    type,\n    text,\n    url,\n    icon,\n    name,\n    style,\n    children,\n    clickAction,\n    childSeoVisibility,\n    afterClickText,\n    ...otherProps\n  } = props;\n  const client = useApolloClient();\n  const router = useRouter();\n  const isLogoutButton = clickAction === LOGOUT;\n  const [cookies] = useCookies();\n  const { blaze_auth: blazeCookie } = cookies;\n  const [showChildren, setShowChildren] = useState(false);\n\n  const checkIfButtonShouldRender = () => {\n    if (isLogoutButton) return !!blazeCookie;\n    if (!text && !icon) return false;\n    return !!(url || hasChildren(children));\n  };\n\n  const logout = () => {\n    handleLogout(client);\n    url ? router.reload(url) : router.reload();\n  };\n\n  const handleClick = () => {\n    if (isLogoutButton) logout();\n    if (!url && !isLogoutButton) setShowChildren(!showChildren);\n  };\n\n  if (!checkIfButtonShouldRender()) return null;\n\n  const buttonType = !text && icon ? 'icon' : type;\n  const modifiers = getClassModifiers(buttonType, { icon, style, ...otherProps });\n  const currentProps = url ? { href: url, title: name } : { name };\n  const DynamicButton = url && !isLogoutButton ? BlazeLink : BlazeButton;\n  updateChildrensParent(children, otherProps.parent.itemId, otherProps.parent.itemEntity);\n\n  const renderedChildren = renderChildren(children, { onClose: handleClick });\n  const { shouldUseClickWrapper, wrapperProps } = getClickWrapperOptions(children, props);\n  const Wrapper = shouldUseClickWrapper ? ClickWrapper : Fragment;\n\n  const contentClassName = classnames('button__content', {\n    'button__content--show': showChildren\n  });\n\n  return (\n    <Wrapper {...wrapperProps}>\n      {childSeoVisibility && <div className={contentClassName}>{renderedChildren}</div>}\n      {!childSeoVisibility && showChildren && renderedChildren}\n      <DynamicButton className={modifiers} onClick={handleClick} {...currentProps}>\n        {icon && <i className={icon} />}\n        {showChildren ? afterClickText : text}\n      </DynamicButton>\n    </Wrapper>\n  );\n};\n\nButton.propTypes = {\n  clickAction: PropTypes.string,\n  text: PropTypes.string,\n  afterClickText: string,\n  name: PropTypes.string,\n  type: PropTypes.string,\n  url: PropTypes.string,\n  size: PropTypes.string,\n  icon: PropTypes.string,\n  style: PropTypes.string,\n  childSeoVisibility: bool,\n  children: PropTypes.oneOfType([PropTypes.arrayOf(PropTypes.node), PropTypes.node])\n};\n\nButton.defaultProps = {\n  clickAction: '',\n  text: '',\n  afterClickText: '',\n  name: '',\n  type: '',\n  url: null,\n  size: '',\n  icon: '',\n  style: '',\n  children: [],\n  childSeoVisibility: false\n};\n\nexport default withTitle(Button);\n"],"mappings":"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"}

package/lib/components/Card/CardContainer.js

@@ -55,7 +55,7 @@ var _helpers2 = require("../../helpers");
 
 var _utils = require("../../utils");
 
-var _excluded = ["cardData", "gridModifier", "style", "displayCategory", "displayThumbnail", "displayTitle", "modifier", "entity", "propsToDisplay", "gtmChildren", "cardChildren", "name", "designConfig", "itemsPerRow", "enableCarousel", "bannerModifier", "priorityLimit", "enableAutoScroll", "enableOverlay", "autoScrollTimer", "arrowSize", "overlayModifier", "titleOverlayModifier"],
+var _excluded = ["cardData", "gridModifier", "style", "displayCategory", "displayThumbnail", "displayTitle", "modifier", "entity", "propsToDisplay", "gtmChildren", "cardChildren", "name", "designConfig", "itemsPerRow", "enableCarousel", "bannerModifier", "priorityLimit", "enableAutoScroll", "enableOverlay", "autoScrollTimer", "overlayModifier", "titleOverlayModifier"],
     _excluded2 = ["baseAdunit", "id"];
 
 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); }
@@ -83,7 +83,6 @@ var CardContainer = function CardContainer(_ref) {
       enableAutoScroll = _ref.enableAutoScroll,
       enableOverlay = _ref.enableOverlay,
       autoScrollTimer = _ref.autoScrollTimer,
-      arrowSize = _ref.arrowSize,
       overlayModifier = _ref.overlayModifier,
       titleOverlayModifier = _ref.titleOverlayModifier,
       cardProps = (0, _objectWithoutProperties2["default"])(_ref, _excluded);
@@ -136,7 +135,6 @@ var CardContainer = function CardContainer(_ref) {
       displayThumbnail: displayThumbnail,
       displayTitle: displayTitle,
       priority: priority,
-      arrowSize: arrowSize,
       enableOverlay: enableOverlay,
       overlayModifier: overlayModifier,
       titleOverlayModifier: titleOverlayModifier
@@ -166,8 +164,7 @@ CardContainer.propTypes = {
   enableOverlay: _propTypes["default"].bool,
   overlayModifier: _propTypes["default"].string,
   titleOverlayModifier: _propTypes["default"].string,
-  autoScrollTimer: _propTypes["default"].number,
-  arrowSize: _propTypes["default"].string
+  autoScrollTimer: _propTypes["default"].number
 };
 CardContainer.defaultProps = {
   gtmChildren: [],
@@ -189,8 +186,7 @@ CardContainer.defaultProps = {
   enableOverlay: false,
   autoScrollTimer: 0,
   overlayModifier: '',
-  titleOverlayModifier: '',
-  arrowSize: ''
+  titleOverlayModifier: ''
 };
 
 var _default = (0, _HOC.withTitle)(CardContainer);

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

@@ -1 +1 @@
-{"version":3,"file":"CardContainer.js","names":["CardContainer","cardData","gridModifier","style","displayCategory","displayThumbnail","displayTitle","modifier","entity","propsToDisplay","gtmChildren","cardChildren","name","designConfig","itemsPerRow","enableCarousel","bannerModifier","priorityLimit","enableAutoScroll","enableOverlay","autoScrollTimer","arrowSize","overlayModifier","titleOverlayModifier","cardProps","entities","MainContext","itemId","propsToDisplayModifiers","dynamicWrapperSizes","cardBannerIndex","CardWrapper","CarouselWrapper","Wrapper","map","index","baseAdunit","id","entityProps","extraProps","dynamicKey","join","priority","propTypes","PropTypes","array","isRequired","string","oneOfType","arrayOf","node","bool","object","number","defaultProps"],"sources":["../../../src/components/Card/CardContainer.js"],"sourcesContent":["import React, { useContext } from 'react';\nimport PropTypes from 'prop-types';\nimport { MainContext } from '@blaze-cms/nextjs-components';\nimport { withTitle } from '../../HOC';\nimport Banner from '../Banner';\nimport Wrapper from '../Wrapper';\nimport CarouselWrapper from '../CarouselWrapper';\nimport Card from './Card';\nimport { getDynamicGridClasses } from './helpers';\nimport { getEntitiesWithBanner, parsePropsToDisplay } from '../../helpers';\nimport { getPropsToDisplayModifiers } from '../../utils';\n\nconst CardContainer = ({\n  cardData,\n  gridModifier,\n  style,\n  displayCategory,\n  displayThumbnail,\n  displayTitle,\n  modifier,\n  entity,\n  propsToDisplay,\n  gtmChildren,\n  cardChildren,\n  name,\n  designConfig,\n  itemsPerRow,\n  enableCarousel,\n  bannerModifier,\n  priorityLimit,\n  enableAutoScroll,\n  enableOverlay,\n  autoScrollTimer,\n  arrowSize,\n  overlayModifier,\n  titleOverlayModifier,\n  ...cardProps\n}) => {\n  const entities = getEntitiesWithBanner(cardData, cardProps);\n  const { itemId } = useContext(MainContext);\n  const propsToDisplayModifiers = getPropsToDisplayModifiers(propsToDisplay);\n  const dynamicWrapperSizes = enableCarousel\n    ? ''\n    : getDynamicGridClasses('grid', itemsPerRow, designConfig);\n  let cardBannerIndex = 0;\n  const CardWrapper = enableCarousel ? CarouselWrapper : Wrapper;\n\n  return (\n    <CardWrapper\n      className={dynamicWrapperSizes}\n      modifiers={gridModifier}\n      itemsPerRow={itemsPerRow}\n      bannerModifier={bannerModifier}\n      enableAutoScroll={enableAutoScroll}\n      autoScrollTimer={autoScrollTimer}>\n      {entities.map(({ baseAdunit, id, ...entityProps }, index) => {\n        const extraProps = parsePropsToDisplay(entityProps, propsToDisplay);\n        const dynamicKey = [itemId, index].join('-');\n        if (baseAdunit) cardBannerIndex += 1;\n\n        const priority = priorityLimit > 0 && index + 1 <= priorityLimit;\n\n        return baseAdunit ? (\n          <Banner\n            key={dynamicKey}\n            entity={entity}\n            baseAdunit={baseAdunit}\n            {...entityProps}\n            modifier={modifier}\n            cardBannerIndex={cardBannerIndex}\n          />\n        ) : (\n          <Card\n            key={id}\n            id={id}\n            enableCarousel={enableCarousel}\n            entity={entity}\n            propsToDisplay={extraProps}\n            propsToDisplayModifiers={propsToDisplayModifiers}\n            modifier={modifier}\n            style={style}\n            cardChildren={cardChildren}\n            gtmChildren={gtmChildren}\n            gtmId={name}\n            gridModifier={gridModifier}\n            entityProps={entityProps}\n            displayCategory={displayCategory}\n            displayThumbnail={displayThumbnail}\n            displayTitle={displayTitle}\n            priority={priority}\n            arrowSize={arrowSize}\n            enableOverlay={enableOverlay}\n            overlayModifier={overlayModifier}\n            titleOverlayModifier={titleOverlayModifier}\n            {...entityProps}\n          />\n        );\n      })}\n    </CardWrapper>\n  );\n};\n\nCardContainer.propTypes = {\n  cardData: PropTypes.array.isRequired,\n  name: PropTypes.string,\n  entity: PropTypes.string.isRequired,\n  gridModifier: PropTypes.string,\n  gtmChildren: PropTypes.oneOfType([PropTypes.arrayOf(PropTypes.node), PropTypes.node]),\n  cardChildren: PropTypes.oneOfType([PropTypes.arrayOf(PropTypes.node), PropTypes.node]),\n  propsToDisplay: PropTypes.array,\n  displayCategory: PropTypes.bool,\n  displayThumbnail: PropTypes.bool,\n  displayTitle: PropTypes.bool,\n  modifier: PropTypes.string,\n  style: PropTypes.string,\n  designConfig: PropTypes.object,\n  itemsPerRow: PropTypes.number,\n  enableCarousel: PropTypes.bool,\n  bannerModifier: PropTypes.string,\n  priorityLimit: PropTypes.number,\n  enableAutoScroll: PropTypes.bool,\n  enableOverlay: PropTypes.bool,\n  overlayModifier: PropTypes.string,\n  titleOverlayModifier: PropTypes.string,\n  autoScrollTimer: PropTypes.number,\n  arrowSize: PropTypes.string\n};\n\nCardContainer.defaultProps = {\n  gtmChildren: [],\n  cardChildren: [],\n  name: '',\n  gridModifier: '',\n  propsToDisplay: [],\n  displayCategory: true,\n  displayThumbnail: true,\n  displayTitle: true,\n  modifier: '',\n  style: 'portrait',\n  designConfig: {},\n  itemsPerRow: 1,\n  enableCarousel: false,\n  bannerModifier: '',\n  priorityLimit: 0,\n  enableAutoScroll: false,\n  enableOverlay: false,\n  autoScrollTimer: 0,\n  overlayModifier: '',\n  titleOverlayModifier: '',\n  arrowSize: ''\n};\n\nexport default withTitle(CardContainer);\n"],"mappings":"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"}
+{"version":3,"file":"CardContainer.js","names":["CardContainer","cardData","gridModifier","style","displayCategory","displayThumbnail","displayTitle","modifier","entity","propsToDisplay","gtmChildren","cardChildren","name","designConfig","itemsPerRow","enableCarousel","bannerModifier","priorityLimit","enableAutoScroll","enableOverlay","autoScrollTimer","overlayModifier","titleOverlayModifier","cardProps","entities","MainContext","itemId","propsToDisplayModifiers","dynamicWrapperSizes","cardBannerIndex","CardWrapper","CarouselWrapper","Wrapper","map","index","baseAdunit","id","entityProps","extraProps","dynamicKey","join","priority","propTypes","PropTypes","array","isRequired","string","oneOfType","arrayOf","node","bool","object","number","defaultProps"],"sources":["../../../src/components/Card/CardContainer.js"],"sourcesContent":["import React, { useContext } from 'react';\nimport PropTypes from 'prop-types';\nimport { MainContext } from '@blaze-cms/nextjs-components';\nimport { withTitle } from '../../HOC';\nimport Banner from '../Banner';\nimport Wrapper from '../Wrapper';\nimport CarouselWrapper from '../CarouselWrapper';\nimport Card from './Card';\nimport { getDynamicGridClasses } from './helpers';\nimport { getEntitiesWithBanner, parsePropsToDisplay } from '../../helpers';\nimport { getPropsToDisplayModifiers } from '../../utils';\n\nconst CardContainer = ({\n  cardData,\n  gridModifier,\n  style,\n  displayCategory,\n  displayThumbnail,\n  displayTitle,\n  modifier,\n  entity,\n  propsToDisplay,\n  gtmChildren,\n  cardChildren,\n  name,\n  designConfig,\n  itemsPerRow,\n  enableCarousel,\n  bannerModifier,\n  priorityLimit,\n  enableAutoScroll,\n  enableOverlay,\n  autoScrollTimer,\n  overlayModifier,\n  titleOverlayModifier,\n  ...cardProps\n}) => {\n  const entities = getEntitiesWithBanner(cardData, cardProps);\n  const { itemId } = useContext(MainContext);\n  const propsToDisplayModifiers = getPropsToDisplayModifiers(propsToDisplay);\n  const dynamicWrapperSizes = enableCarousel\n    ? ''\n    : getDynamicGridClasses('grid', itemsPerRow, designConfig);\n  let cardBannerIndex = 0;\n  const CardWrapper = enableCarousel ? CarouselWrapper : Wrapper;\n\n  return (\n    <CardWrapper\n      className={dynamicWrapperSizes}\n      modifiers={gridModifier}\n      itemsPerRow={itemsPerRow}\n      bannerModifier={bannerModifier}\n      enableAutoScroll={enableAutoScroll}\n      autoScrollTimer={autoScrollTimer}>\n      {entities.map(({ baseAdunit, id, ...entityProps }, index) => {\n        const extraProps = parsePropsToDisplay(entityProps, propsToDisplay);\n        const dynamicKey = [itemId, index].join('-');\n        if (baseAdunit) cardBannerIndex += 1;\n\n        const priority = priorityLimit > 0 && index + 1 <= priorityLimit;\n\n        return baseAdunit ? (\n          <Banner\n            key={dynamicKey}\n            entity={entity}\n            baseAdunit={baseAdunit}\n            {...entityProps}\n            modifier={modifier}\n            cardBannerIndex={cardBannerIndex}\n          />\n        ) : (\n          <Card\n            key={id}\n            id={id}\n            enableCarousel={enableCarousel}\n            entity={entity}\n            propsToDisplay={extraProps}\n            propsToDisplayModifiers={propsToDisplayModifiers}\n            modifier={modifier}\n            style={style}\n            cardChildren={cardChildren}\n            gtmChildren={gtmChildren}\n            gtmId={name}\n            gridModifier={gridModifier}\n            entityProps={entityProps}\n            displayCategory={displayCategory}\n            displayThumbnail={displayThumbnail}\n            displayTitle={displayTitle}\n            priority={priority}\n            enableOverlay={enableOverlay}\n            overlayModifier={overlayModifier}\n            titleOverlayModifier={titleOverlayModifier}\n            {...entityProps}\n          />\n        );\n      })}\n    </CardWrapper>\n  );\n};\n\nCardContainer.propTypes = {\n  cardData: PropTypes.array.isRequired,\n  name: PropTypes.string,\n  entity: PropTypes.string.isRequired,\n  gridModifier: PropTypes.string,\n  gtmChildren: PropTypes.oneOfType([PropTypes.arrayOf(PropTypes.node), PropTypes.node]),\n  cardChildren: PropTypes.oneOfType([PropTypes.arrayOf(PropTypes.node), PropTypes.node]),\n  propsToDisplay: PropTypes.array,\n  displayCategory: PropTypes.bool,\n  displayThumbnail: PropTypes.bool,\n  displayTitle: PropTypes.bool,\n  modifier: PropTypes.string,\n  style: PropTypes.string,\n  designConfig: PropTypes.object,\n  itemsPerRow: PropTypes.number,\n  enableCarousel: PropTypes.bool,\n  bannerModifier: PropTypes.string,\n  priorityLimit: PropTypes.number,\n  enableAutoScroll: PropTypes.bool,\n  enableOverlay: PropTypes.bool,\n  overlayModifier: PropTypes.string,\n  titleOverlayModifier: PropTypes.string,\n  autoScrollTimer: PropTypes.number\n};\n\nCardContainer.defaultProps = {\n  gtmChildren: [],\n  cardChildren: [],\n  name: '',\n  gridModifier: '',\n  propsToDisplay: [],\n  displayCategory: true,\n  displayThumbnail: true,\n  displayTitle: true,\n  modifier: '',\n  style: 'portrait',\n  designConfig: {},\n  itemsPerRow: 1,\n  enableCarousel: false,\n  bannerModifier: '',\n  priorityLimit: 0,\n  enableAutoScroll: false,\n  enableOverlay: false,\n  autoScrollTimer: 0,\n  overlayModifier: '',\n  titleOverlayModifier: ''\n};\n\nexport default withTitle(CardContainer);\n"],"mappings":"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"}

package/lib/components/Card/CardFactory.js

@@ -29,13 +29,14 @@ 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 _useQuery = (0, _client.useQuery)(_query.getSingleEntitySchema, {
@@ -71,11 +72,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;