@blaze-cms/react-page-builder 0.120.1 → 0.121.0-alpha.1

package/CHANGELOG.md

@@ -3,6 +3,17 @@
 All notable changes to this project will be documented in this file.
 See [Conventional Commits](https://conventionalcommits.org) for commit guidelines.
 
+# [0.121.0-alpha.1](https://github.com/thebyte9/blaze/compare/v0.121.0-alpha.0...v0.121.0-alpha.1) (2022-03-02)
+
+
+### Features
+
+* add breadcrumb component and parent hierarchy query ([#3354](https://github.com/thebyte9/blaze/issues/3354)) ([1c81cc7](https://github.com/thebyte9/blaze/commit/1c81cc7d5fec746938fa4686b9f166bb0f11a577))
+
+
+
+
+
 ## [0.120.1](https://github.com/thebyte9/blaze/compare/v0.120.0...v0.120.1) (2022-02-23)
 
 

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.getMultipleSchema = exports.getFiles = exports.getFileById = exports.getEntitySchema = exports.getCount = exports.getAction = exports.generateSingleItemQuery = exports.generateMultiItemQuery = void 0;
+exports.getUser = exports.getSingleEntitySchema = exports.getSearchPublishedContent = exports.getRecordParents = exports.getMultipleSchema = exports.getFiles = exports.getFileById = exports.getEntitySchema = exports.getCount = exports.getAction = exports.generateSingleItemQuery = exports.generateMultiItemQuery = 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;
+var _templateObject, _templateObject2, _templateObject3, _templateObject4, _templateObject5, _templateObject6, _templateObject7, _templateObject8, _templateObject9, _templateObject10, _templateObject11, _templateObject12;
 
 var defaultSchemaProps = "\n  id\n  identifier\n  properties\n  dynamicProperties\n  actions\n  interfaces\n  relations\n  __typename\n";
 
@@ -41,21 +41,27 @@ exports.getEntitySchema = getEntitySchema;
 var getSingleEntitySchema = (0, _client.gql)(_templateObject4 || (_templateObject4 = (0, _taggedTemplateLiteral2["default"])(["\n  query getEntitySchema($id: String!) {\n    getEntitySchema: getEntitySchema(id: $id) {\n      ", "\n    }\n  }\n"])), defaultSchemaProps);
 exports.getSingleEntitySchema = getSingleEntitySchema;
 
+var getRecordParents = function getRecordParents(queryName) {
+  return (0, _client.gql)(_templateObject5 || (_templateObject5 = (0, _taggedTemplateLiteral2["default"])(["\nquery getRecordParents($id: String!){\n  recordParents: ", "(id: $id){\n    id,\n    name,\n    url,\n    parents {\n      id,\n      name\n      url\n    }\n  }\n}"])), queryName);
+};
+
+exports.getRecordParents = getRecordParents;
+
 var getMultipleSchema = function getMultipleSchema(identifiers) {
   var queryString = identifiers.map(function (id) {
     return "".concat(id, ": getEntitySchema(id: \"").concat(id, "\") {\n            ").concat(defaultSchemaProps, "\n      }");
   }).join("\n");
-  return (0, _client.gql)(_templateObject5 || (_templateObject5 = (0, _taggedTemplateLiteral2["default"])(["\n    query {\n      ", "\n    }"])), queryString);
+  return (0, _client.gql)(_templateObject6 || (_templateObject6 = (0, _taggedTemplateLiteral2["default"])(["\n    query {\n      ", "\n    }"])), queryString);
 };
 
 exports.getMultipleSchema = getMultipleSchema;
-var getFiles = (0, _client.gql)(_templateObject6 || (_templateObject6 = (0, _taggedTemplateLiteral2["default"])(["\n  query getFiles($where: JSON!) {\n    getFiles(where: $where) {\n      id\n      url\n      data\n    }\n  }\n"])));
+var getFiles = (0, _client.gql)(_templateObject7 || (_templateObject7 = (0, _taggedTemplateLiteral2["default"])(["\n  query getFiles($where: JSON!) {\n    getFiles(where: $where) {\n      id\n      url\n      data\n    }\n  }\n"])));
 exports.getFiles = getFiles;
-var getFileById = (0, _client.gql)(_templateObject7 || (_templateObject7 = (0, _taggedTemplateLiteral2["default"])(["\n  query getFile($id: String!) {\n    getFile(id: $id) {\n      id\n      url\n      data\n    }\n  }\n"])));
+var getFileById = (0, _client.gql)(_templateObject8 || (_templateObject8 = (0, _taggedTemplateLiteral2["default"])(["\n  query getFile($id: String!) {\n    getFile(id: $id) {\n      id\n      url\n      data\n    }\n  }\n"])));
 exports.getFileById = getFileById;
 
 var getCount = function getCount(action) {
-  return (0, _client.gql)(_templateObject8 || (_templateObject8 = (0, _taggedTemplateLiteral2["default"])(["query countData($where: JSON!) {\n    ", " (where: $where)\n  }\n"])), action);
+  return (0, _client.gql)(_templateObject9 || (_templateObject9 = (0, _taggedTemplateLiteral2["default"])(["query countData($where: JSON!) {\n    ", " (where: $where)\n  }\n"])), action);
 };
 
 exports.getCount = getCount;
@@ -65,13 +71,13 @@ var generateQuery = function generateQuery(action, props) {
 };
 
 var generateMultiItemQuery = function generateMultiItemQuery(action, props) {
-  return (0, _client.gql)(_templateObject9 || (_templateObject9 = (0, _taggedTemplateLiteral2["default"])(["\n  query getEntityData($where: JSON){\n    ", " (where: $where){\n      ", "\n      id\n      __typename\n    }\n  }\n  "])), action, props);
+  return (0, _client.gql)(_templateObject10 || (_templateObject10 = (0, _taggedTemplateLiteral2["default"])(["\n  query getEntityData($where: JSON){\n    ", " (where: $where){\n      ", "\n      id\n      __typename\n    }\n  }\n  "])), action, props);
 };
 
 exports.generateMultiItemQuery = generateMultiItemQuery;
 
 var generateSingleItemQuery = function generateSingleItemQuery(action, props) {
-  return (0, _client.gql)(_templateObject10 || (_templateObject10 = (0, _taggedTemplateLiteral2["default"])(["\n  query getEntityData($id: String!){\n    entityData: ", "(id: $id){\n    ", ",\n    id,\n    __typename\n    }\n  }\n  "])), action, props);
+  return (0, _client.gql)(_templateObject11 || (_templateObject11 = (0, _taggedTemplateLiteral2["default"])(["\n  query getEntityData($id: String!){\n    entityData: ", "(id: $id){\n    ", ",\n    id,\n    __typename\n    }\n  }\n  "])), action, props);
 }; // TODO: extend function to handle properties and make them dynamic with a config schema for each entity.
 
 
@@ -79,7 +85,7 @@ exports.generateSingleItemQuery = generateSingleItemQuery;
 
 var getAction = function getAction(action, props) {
   var query = generateQuery(action, props);
-  return (0, _client.gql)(_templateObject11 || (_templateObject11 = (0, _taggedTemplateLiteral2["default"])(["\n    ", "\n  "])), query);
+  return (0, _client.gql)(_templateObject12 || (_templateObject12 = (0, _taggedTemplateLiteral2["default"])(["\n    ", "\n  "])), query);
 };
 
 exports.getAction = getAction;

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

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/application/query/index.js"],"names":["defaultSchemaProps","getSearchPublishedContent","fields","gql","getUser","userProps","getEntitySchema","getSingleEntitySchema","getMultipleSchema","identifiers","queryString","map","id","join","getFiles","getFileById","getCount","action","generateQuery","props","generateMultiItemQuery","generateSingleItemQuery","getAction","query"],"mappings":";;;;;;;;;;;;;;;;;;;AAAA;;AACA;;;;AAEA,IAAMA,kBAAkB,kHAAxB;;AAWA,IAAMC,yBAAyB,GAAG,SAA5BA,yBAA4B,CAAAC,MAAM;AAAA,aAAIC,WAAJ,+VAG9BD,MAH8B;AAAA,CAAxC;;;;AAQA,IAAME,OAAO,GAAG,SAAVA,OAAU,CAAAC,SAAS;AAAA,aAAIF,WAAJ,uLAIjBE,SAJiB;AAAA,CAAzB;;;AASA,IAAMC,eAAe,OAAGH,WAAH,uNAGbH,kBAHa,CAArB;;AAQA,IAAMO,qBAAqB,OAAGJ,WAAH,8MAGnBH,kBAHmB,CAA3B;;;AAQA,IAAMQ,iBAAiB,GAAG,SAApBA,iBAAoB,CAAAC,WAAW,EAAI;AACvC,MAAMC,WAAW,GAAGD,WAAW,CAC5BE,GADiB,CAEhB,UAAAC,EAAE;AAAA,qBAAOA,EAAP,qCAAmCA,EAAnC,gCACMZ,kBADN;AAAA,GAFc,EAMjBa,IANiB,MAApB;AAOA,aAAOV,WAAP,0HAEMO,WAFN;AAID,CAZD;;;AAcA,IAAMI,QAAQ,OAAGX,WAAH,0MAAd;;AAUA,IAAMY,WAAW,OAAGZ,WAAH,iMAAjB;;;AAUA,IAAMa,QAAQ,GAAG,SAAXA,QAAW,CAAAC,MAAM;AAAA,aAAId,WAAJ,2JACjBc,MADiB;AAAA,CAAvB;;;;AAKA,IAAMC,aAAa,GAAG,SAAhBA,aAAgB,CAACD,MAAD,EAASE,KAAT;AAAA,8GAKR,wBAAWF,MAAX,CALQ,8BAMhBA,MANgB,mFAOdE,KAPc;AAAA,CAAtB;;AAaA,IAAMC,sBAAsB,GAAG,SAAzBA,sBAAyB,CAACH,MAAD,EAASE,KAAT;AAAA,aAAmBhB,WAAnB,mNAEzBc,MAFyB,EAGvBE,KAHuB;AAAA,CAA/B;;;;AAUA,IAAME,uBAAuB,GAAG,SAA1BA,uBAA0B,CAACJ,MAAD,EAASE,KAAT;AAAA,aAAmBhB,WAAnB,sNAEdc,MAFc,EAG1BE,KAH0B;AAAA,CAAhC,C,CAUA;;;;;AACA,IAAMG,SAAS,GAAG,SAAZA,SAAY,CAACL,MAAD,EAASE,KAAT,EAAmB;AACnC,MAAMI,KAAK,GAAGL,aAAa,CAACD,MAAD,EAASE,KAAT,CAA3B;AACA,aAAOhB,WAAP,0GACIoB,KADJ;AAGD,CALD","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 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\nexport {\n  getEntitySchema,\n  getSingleEntitySchema,\n  getAction,\n  getFiles,\n  getFileById,\n  generateMultiItemQuery,\n  generateSingleItemQuery,\n  getSearchPublishedContent,\n  getCount,\n  getMultipleSchema,\n  getUser\n};\n"],"file":"index.js"}
+{"version":3,"sources":["../../../src/application/query/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"],"mappings":";;;;;;;;;;;;;;;;;;;AAAA;;AACA;;;;AAEA,IAAMA,kBAAkB,kHAAxB;;AAWA,IAAMC,yBAAyB,GAAG,SAA5BA,yBAA4B,CAAAC,MAAM;AAAA,aAAIC,WAAJ,+VAG9BD,MAH8B;AAAA,CAAxC;;;;AAQA,IAAME,OAAO,GAAG,SAAVA,OAAU,CAAAC,SAAS;AAAA,aAAIF,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;AAAA,aAAIN,WAAJ,gQAEfM,SAFe;AAAA,CAAlC;;;;AAcA,IAAMC,iBAAiB,GAAG,SAApBA,iBAAoB,CAAAC,WAAW,EAAI;AACvC,MAAMC,WAAW,GAAGD,WAAW,CAC5BE,GADiB,CAEhB,UAAAC,EAAE;AAAA,qBAAOA,EAAP,qCAAmCA,EAAnC,gCACMd,kBADN;AAAA,GAFc,EAMjBe,IANiB,MAApB;AAOA,aAAOZ,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;AAAA,aAAIhB,WAAJ,2JACjBgB,MADiB;AAAA,CAAvB;;;;AAKA,IAAMC,aAAa,GAAG,SAAhBA,aAAgB,CAACD,MAAD,EAASE,KAAT;AAAA,8GAKR,wBAAWF,MAAX,CALQ,8BAMhBA,MANgB,mFAOdE,KAPc;AAAA,CAAtB;;AAaA,IAAMC,sBAAsB,GAAG,SAAzBA,sBAAyB,CAACH,MAAD,EAASE,KAAT;AAAA,aAAmBlB,WAAnB,qNAEzBgB,MAFyB,EAGvBE,KAHuB;AAAA,CAA/B;;;;AAUA,IAAME,uBAAuB,GAAG,SAA1BA,uBAA0B,CAACJ,MAAD,EAASE,KAAT;AAAA,aAAmBlB,WAAnB,sNAEdgB,MAFc,EAG1BE,KAH0B;AAAA,CAAhC,C,CAUA;;;;;AACA,IAAMG,SAAS,GAAG,SAAZA,SAAY,CAACL,MAAD,EAASE,KAAT,EAAmB;AACnC,MAAMI,KAAK,GAAGL,aAAa,CAACD,MAAD,EAASE,KAAT,CAA3B;AACA,aAAOlB,WAAP,0GACIsB,KADJ;AAGD,CALD","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\nexport {\n  getEntitySchema,\n  getSingleEntitySchema,\n  getAction,\n  getFiles,\n  getFileById,\n  generateMultiItemQuery,\n  generateSingleItemQuery,\n  getSearchPublishedContent,\n  getCount,\n  getMultipleSchema,\n  getUser,\n  getRecordParents\n};\n"],"file":"index.js"}

package/lib/components/Breadcrumb/Breadcrumb.js

@@ -0,0 +1,136 @@
+"use strict";
+
+require("core-js/modules/es.array.iterator.js");
+
+require("core-js/modules/es.object.to-string.js");
+
+require("core-js/modules/es.string.iterator.js");
+
+require("core-js/modules/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.concat.js");
+
+require("core-js/modules/es.array.map.js");
+
+require("core-js/modules/es.array.reverse.js");
+
+require("core-js/modules/es.function.name.js");
+
+var _toConsumableArray2 = _interopRequireDefault(require("@babel/runtime/helpers/toConsumableArray"));
+
+var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutProperties"));
+
+var _react = _interopRequireWildcard(require("react"));
+
+var _nextjsComponents = require("@blaze-cms/nextjs-components");
+
+var _propTypes = _interopRequireDefault(require("prop-types"));
+
+var _client = require("@apollo/client");
+
+var _breadcrumb = _interopRequireDefault(require("@blaze-react/breadcrumb"));
+
+var _query = require("../../application/query");
+
+var _Wrapper = _interopRequireDefault(require("../Wrapper"));
+
+var _utils = require("../../utils");
+
+var _excluded = ["type"];
+
+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 Breadcrumb = function Breadcrumb(_ref) {
+  var type = _ref.type,
+      otherProps = (0, _objectWithoutProperties2["default"])(_ref, _excluded);
+
+  var _useContext = (0, _react.useContext)(_nextjsComponents.MainContext),
+      isPreview = _useContext.isPreview;
+
+  var parent = otherProps.parent;
+  var itemEntity = parent.itemEntity,
+      itemId = parent.itemId;
+
+  var _useQuery = (0, _client.useQuery)(_query.getSingleEntitySchema, {
+    variables: {
+      id: itemEntity
+    }
+  }),
+      _useQuery$data = _useQuery.data,
+      data = _useQuery$data === void 0 ? {} : _useQuery$data,
+      error = _useQuery.error,
+      loading = _useQuery.loading;
+
+  var _data$getEntitySchema = data.getEntitySchema,
+      getEntitySchema = _data$getEntitySchema === void 0 ? {} : _data$getEntitySchema;
+  var _getEntitySchema$acti = getEntitySchema.actions;
+  _getEntitySchema$acti = _getEntitySchema$acti === void 0 ? {} : _getEntitySchema$acti;
+  var getPublished = _getEntitySchema$acti.getPublished,
+      get = _getEntitySchema$acti.get;
+  var actionKey = isPreview ? get : getPublished || get;
+
+  var _useQuery2 = (0, _client.useQuery)((0, _query.getRecordParents)(actionKey), {
+    variables: {
+      id: itemId
+    },
+    skip: !actionKey
+  }),
+      _useQuery2$data = _useQuery2.data,
+      parentsData = _useQuery2$data === void 0 ? [] : _useQuery2$data,
+      parentsLoading = _useQuery2.loading;
+
+  if (loading || parentsLoading) return '';
+  if (error) return error.message;
+  if (!data) return null;
+  var modifiers = (0, _utils.getClassModifiers)('breadcrumb', otherProps);
+  var _parentsData$recordPa = parentsData.recordParents;
+  _parentsData$recordPa = _parentsData$recordPa === void 0 ? {} : _parentsData$recordPa;
+  var name = _parentsData$recordPa.name,
+      url = _parentsData$recordPa.url,
+      _parentsData$recordPa2 = _parentsData$recordPa.parents,
+      parents = _parentsData$recordPa2 === void 0 ? [] : _parentsData$recordPa2;
+  if (url === '/') return '';
+  var breadcrumbItems = [{
+    name: name,
+    url: url
+  }].concat((0, _toConsumableArray2["default"])(parents), [{
+    name: 'Home',
+    url: '/'
+  }]);
+  return /*#__PURE__*/_react["default"].createElement(_Wrapper["default"], {
+    className: type,
+    modifiers: modifiers
+  }, /*#__PURE__*/_react["default"].createElement(_breadcrumb["default"], null, breadcrumbItems.reverse().map(function (item) {
+    return /*#__PURE__*/_react["default"].createElement(_nextjsComponents.Link, {
+      key: item.url,
+      href: item.url
+    }, item.name);
+  })));
+};
+
+Breadcrumb.propTypes = {
+  type: _propTypes["default"].string
+};
+Breadcrumb.defaultProps = {
+  type: 'breadcrumb'
+};
+var _default = Breadcrumb;
+exports["default"] = _default;
+//# sourceMappingURL=Breadcrumb.js.map

package/lib/components/Breadcrumb/Breadcrumb.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/components/Breadcrumb/Breadcrumb.js"],"names":["Breadcrumb","type","otherProps","MainContext","isPreview","parent","itemEntity","itemId","getSingleEntitySchema","variables","id","data","error","loading","getEntitySchema","actions","getPublished","get","actionKey","skip","parentsData","parentsLoading","message","modifiers","recordParents","name","url","parents","breadcrumbItems","reverse","map","item","propTypes","PropTypes","string","defaultProps"],"mappings":"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","sourcesContent":["import React, { useContext } from 'react';\nimport { MainContext, Link } from '@blaze-cms/nextjs-components';\nimport PropTypes from 'prop-types';\nimport { useQuery } from '@apollo/client';\nimport Breadcrumbs from '@blaze-react/breadcrumb';\nimport { getRecordParents, getSingleEntitySchema } from '../../application/query';\nimport Wrapper from '../Wrapper';\nimport { getClassModifiers } from '../../utils';\n\nconst Breadcrumb = ({ type, ...otherProps }) => {\n  const { isPreview } = useContext(MainContext);\n  const { parent } = otherProps;\n  const { itemEntity, itemId } = parent;\n\n  const { data = {}, error, loading } = useQuery(getSingleEntitySchema, {\n    variables: { id: itemEntity }\n  });\n\n  const { getEntitySchema = {} } = data;\n  const { actions: { getPublished, get } = {} } = getEntitySchema;\n  const actionKey = isPreview ? get : getPublished || get;\n\n  const { data: parentsData = [], loading: parentsLoading } = useQuery(\n    getRecordParents(actionKey),\n    {\n      variables: { id: itemId },\n      skip: !actionKey\n    }\n  );\n\n  if (loading || parentsLoading) return '';\n  if (error) return error.message;\n  if (!data) return null;\n\n  const modifiers = getClassModifiers('breadcrumb', otherProps);\n  const { recordParents: { name, url, parents = [] } = {} } = parentsData;\n\n  if (url === '/') return '';\n\n  const breadcrumbItems = [\n    {\n      name,\n      url\n    },\n    ...parents,\n    {\n      name: 'Home',\n      url: '/'\n    }\n  ];\n\n  return (\n    <Wrapper className={type} modifiers={modifiers}>\n      <Breadcrumbs>\n        {breadcrumbItems.reverse().map(item => (\n          <Link key={item.url} href={item.url}>\n            {item.name}\n          </Link>\n        ))}\n      </Breadcrumbs>\n    </Wrapper>\n  );\n};\n\nBreadcrumb.propTypes = {\n  type: PropTypes.string\n};\n\nBreadcrumb.defaultProps = {\n  type: 'breadcrumb'\n};\n\nexport default Breadcrumb;\n"],"file":"Breadcrumb.js"}

package/lib/components/Breadcrumb/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 _Breadcrumb = _interopRequireDefault(require("./Breadcrumb"));
+
+var _default = _Breadcrumb["default"];
+exports["default"] = _default;
+//# sourceMappingURL=index.js.map

package/lib/components/Breadcrumb/index.js.map

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

package/lib/components/index.js

@@ -149,6 +149,11 @@ var _default = {
     return Promise.resolve().then(function () {
       return _interopRequireWildcard(require('./PasswordResetRequest'));
     });
+  }),
+  breadcrumb: (0, _dynamic["default"])(function () {
+    return Promise.resolve().then(function () {
+      return _interopRequireWildcard(require('./Breadcrumb'));
+    });
   })
 };
 exports["default"] = _default;

package/lib/components/index.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../src/components/index.js"],"names":["banner","Banner","button","card","carousel","column","datasummary","image","row","list","socialfollow","textblock","video","wrapper","searchfilter","searchfiltersort","modal","code","login","menu","menuitem","submenu","emailconfirm","passwordreset","passwordresetrequest"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;;AACA;;;;;;eAEe;AACbA,EAAAA,MAAM,EAAEC,kBADK;AAEbC,EAAAA,MAAM,EAAE,yBAAQ;AAAA;AAAA,6CAAqD,UAArD;AAAA;AAAA,GAAR,CAFK;AAGbC,EAAAA,IAAI,EAAE,yBAAQ;AAAA;AAAA,6CAAmD,QAAnD;AAAA;AAAA,GAAR,CAHO;AAIbC,EAAAA,QAAQ,EAAE,yBAAQ;AAAA;AAAA,6CAAuD,YAAvD;AAAA;AAAA,GAAR,CAJG;AAKbC,EAAAA,MAAM,EAAE,yBAAQ;AAAA;AAAA,6CAAqD,UAArD;AAAA;AAAA,GAAR,CALK;AAMbC,EAAAA,WAAW,EAAE,yBAAQ;AAAA;AAAA,6CAA0D,eAA1D;AAAA;AAAA,GAAR,CANA;AAObC,EAAAA,KAAK,EAAE,yBAAQ;AAAA;AAAA,6CAAoD,SAApD;AAAA;AAAA,GAAR,CAPM;AAQbC,EAAAA,GAAG,EAAE,yBAAQ;AAAA;AAAA,6CAAqD,UAArD;AAAA;AAAA,GAAR,CARQ;AASbC,EAAAA,IAAI,EAAE,yBAAQ;AAAA;AAAA,6CAAmD,QAAnD;AAAA;AAAA,GAAR,CATO;AAUbC,EAAAA,YAAY,EAAE,yBAAQ;AAAA;AAAA,6CACiC,gBADjC;AAAA;AAAA,GAAR,CAVD;AAabC,EAAAA,SAAS,EAAE,yBAAQ;AAAA;AAAA,6CAAwD,aAAxD;AAAA;AAAA,GAAR,CAbE;AAcbC,EAAAA,KAAK,EAAE,yBAAQ;AAAA;AAAA,6CAAoD,SAApD;AAAA;AAAA,GAAR,CAdM;AAebC,EAAAA,OAAO,EAAE,yBAAQ;AAAA;AAAA,6CAAsD,WAAtD;AAAA;AAAA,GAAR,CAfI;AAgBbC,EAAAA,YAAY,EAAE,yBAAQ;AAAA;AAAA,6CACiC,gBADjC;AAAA;AAAA,GAAR,CAhBD;AAmBbC,EAAAA,gBAAgB,EAAE,yBAAQ;AAAA;AAAA,6CACgC,oBADhC;AAAA;AAAA,GAAR,CAnBL;AAsBbC,EAAAA,KAAK,EAAE,yBAAQ;AAAA;AAAA,6CAAoD,SAApD;AAAA;AAAA,GAAR,CAtBM;AAuBbC,EAAAA,IAAI,EAAE,yBAAQ;AAAA;AAAA,6CAAmD,QAAnD;AAAA;AAAA,GAAR,CAvBO;AAwBbC,EAAAA,KAAK,EAAE,yBAAQ;AAAA;AAAA,6CAAoD,SAApD;AAAA;AAAA,GAAR,CAxBM;AAyBbC,EAAAA,IAAI,EAAE,yBAAQ;AAAA;AAAA,6CAAmD,QAAnD;AAAA;AAAA,GAAR,CAzBO;AA0BbC,EAAAA,QAAQ,EAAE,yBAAQ;AAAA;AAAA,6CAAuD,YAAvD;AAAA;AAAA,GAAR,CA1BG;AA2BbC,EAAAA,OAAO,EAAE,yBAAQ;AAAA;AAAA,6CAAsD,WAAtD;AAAA;AAAA,GAAR,CA3BI;AA4BbC,EAAAA,YAAY,EAAE,yBAAQ;AAAA;AAAA,6CACiC,gBADjC;AAAA;AAAA,GAAR,CA5BD;AA+BbC,EAAAA,aAAa,EAAE,yBAAQ;AAAA;AAAA,6CACiC,iBADjC;AAAA;AAAA,GAAR,CA/BF;AAkCbC,EAAAA,oBAAoB,EAAE,yBAAQ;AAAA;AAAA,6CACiC,wBADjC;AAAA;AAAA,GAAR;AAlCT,C","sourcesContent":["import dynamic from 'next/dynamic';\nimport Banner from './Banner';\n\nexport default {\n  banner: Banner,\n  button: dynamic(() => import(/* webpackChunkName: \"blazePbButton\" */ './Button')),\n  card: dynamic(() => import(/* webpackChunkName: \"blazePbCard\" */ './Card')),\n  carousel: dynamic(() => import(/* webpackChunkName: \"blazePbCarousel\" */ './Carousel')),\n  column: dynamic(() => import(/* webpackChunkName: \"blazePbLayout\" */ './Layout')),\n  datasummary: dynamic(() => import(/* webpackChunkName: \"blazePbDataSummary\" */ './DataSummary')),\n  image: dynamic(() => import(/* webpackChunkName: \"blazePbImage\" */ './Image')),\n  row: dynamic(() => import(/* webpackChunkName: \"blazePbLayout\" */ './Layout')),\n  list: dynamic(() => import(/* webpackChunkName: \"blazePbList\" */ './List')),\n  socialfollow: dynamic(() =>\n    import(/* webpackChunkName: \"blazePbSocialFollow\" */ './SocialFollow')\n  ),\n  textblock: dynamic(() => import(/* webpackChunkName: \"blazePbTextBlock\" */ './TextBlock')),\n  video: dynamic(() => import(/* webpackChunkName: \"blazePbVideo\" */ './Video')),\n  wrapper: dynamic(() => import(/* webpackChunkName: \"blazePbWrapper\" */ './Wrapper')),\n  searchfilter: dynamic(() =>\n    import(/* webpackChunkName: \"blazePbSearchFilter\" */ './SearchFilter')\n  ),\n  searchfiltersort: dynamic(() =>\n    import(/* webpackChunkName: \"blazePbSearchFilteSort\" */ './SearchFilterSort')\n  ),\n  modal: dynamic(() => import(/* webpackChunkName: \"blazePbModal\" */ './Modal')),\n  code: dynamic(() => import(/* webpackChunkName: \"blazePbCode\" */ './Code')),\n  login: dynamic(() => import(/* webpackChunkName: \"blazePbLogin\" */ './Login')),\n  menu: dynamic(() => import(/* webpackChunkName: \"blazePbMenu\" */ './Menu')),\n  menuitem: dynamic(() => import(/* webpackChunkName: \"blazePbMenuItem\" */ './MenuItem')),\n  submenu: dynamic(() => import(/* webpackChunkName: \"blazePbSubMenu\" */ './SubMenu')),\n  emailconfirm: dynamic(() =>\n    import(/* webpackChunkName: \"blazePbEmailConfirm\" */ './EmailConfirm')\n  ),\n  passwordreset: dynamic(() =>\n    import(/* webpackChunkName: \"blazePbPasswordReset\" */ './PasswordReset')\n  ),\n  passwordresetrequest: dynamic(() =>\n    import(/* webpackChunkName: \"blazePbPasswordResetRequest\" */ './PasswordResetRequest')\n  )\n};\n"],"file":"index.js"}
+{"version":3,"sources":["../../src/components/index.js"],"names":["banner","Banner","button","card","carousel","column","datasummary","image","row","list","socialfollow","textblock","video","wrapper","searchfilter","searchfiltersort","modal","code","login","menu","menuitem","submenu","emailconfirm","passwordreset","passwordresetrequest","breadcrumb"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;;AACA;;;;;;eAEe;AACbA,EAAAA,MAAM,EAAEC,kBADK;AAEbC,EAAAA,MAAM,EAAE,yBAAQ;AAAA;AAAA,6CAAqD,UAArD;AAAA;AAAA,GAAR,CAFK;AAGbC,EAAAA,IAAI,EAAE,yBAAQ;AAAA;AAAA,6CAAmD,QAAnD;AAAA;AAAA,GAAR,CAHO;AAIbC,EAAAA,QAAQ,EAAE,yBAAQ;AAAA;AAAA,6CAAuD,YAAvD;AAAA;AAAA,GAAR,CAJG;AAKbC,EAAAA,MAAM,EAAE,yBAAQ;AAAA;AAAA,6CAAqD,UAArD;AAAA;AAAA,GAAR,CALK;AAMbC,EAAAA,WAAW,EAAE,yBAAQ;AAAA;AAAA,6CAA0D,eAA1D;AAAA;AAAA,GAAR,CANA;AAObC,EAAAA,KAAK,EAAE,yBAAQ;AAAA;AAAA,6CAAoD,SAApD;AAAA;AAAA,GAAR,CAPM;AAQbC,EAAAA,GAAG,EAAE,yBAAQ;AAAA;AAAA,6CAAqD,UAArD;AAAA;AAAA,GAAR,CARQ;AASbC,EAAAA,IAAI,EAAE,yBAAQ;AAAA;AAAA,6CAAmD,QAAnD;AAAA;AAAA,GAAR,CATO;AAUbC,EAAAA,YAAY,EAAE,yBAAQ;AAAA;AAAA,6CACiC,gBADjC;AAAA;AAAA,GAAR,CAVD;AAabC,EAAAA,SAAS,EAAE,yBAAQ;AAAA;AAAA,6CAAwD,aAAxD;AAAA;AAAA,GAAR,CAbE;AAcbC,EAAAA,KAAK,EAAE,yBAAQ;AAAA;AAAA,6CAAoD,SAApD;AAAA;AAAA,GAAR,CAdM;AAebC,EAAAA,OAAO,EAAE,yBAAQ;AAAA;AAAA,6CAAsD,WAAtD;AAAA;AAAA,GAAR,CAfI;AAgBbC,EAAAA,YAAY,EAAE,yBAAQ;AAAA;AAAA,6CACiC,gBADjC;AAAA;AAAA,GAAR,CAhBD;AAmBbC,EAAAA,gBAAgB,EAAE,yBAAQ;AAAA;AAAA,6CACgC,oBADhC;AAAA;AAAA,GAAR,CAnBL;AAsBbC,EAAAA,KAAK,EAAE,yBAAQ;AAAA;AAAA,6CAAoD,SAApD;AAAA;AAAA,GAAR,CAtBM;AAuBbC,EAAAA,IAAI,EAAE,yBAAQ;AAAA;AAAA,6CAAmD,QAAnD;AAAA;AAAA,GAAR,CAvBO;AAwBbC,EAAAA,KAAK,EAAE,yBAAQ;AAAA;AAAA,6CAAoD,SAApD;AAAA;AAAA,GAAR,CAxBM;AAyBbC,EAAAA,IAAI,EAAE,yBAAQ;AAAA;AAAA,6CAAmD,QAAnD;AAAA;AAAA,GAAR,CAzBO;AA0BbC,EAAAA,QAAQ,EAAE,yBAAQ;AAAA;AAAA,6CAAuD,YAAvD;AAAA;AAAA,GAAR,CA1BG;AA2BbC,EAAAA,OAAO,EAAE,yBAAQ;AAAA;AAAA,6CAAsD,WAAtD;AAAA;AAAA,GAAR,CA3BI;AA4BbC,EAAAA,YAAY,EAAE,yBAAQ;AAAA;AAAA,6CACiC,gBADjC;AAAA;AAAA,GAAR,CA5BD;AA+BbC,EAAAA,aAAa,EAAE,yBAAQ;AAAA;AAAA,6CACiC,iBADjC;AAAA;AAAA,GAAR,CA/BF;AAkCbC,EAAAA,oBAAoB,EAAE,yBAAQ;AAAA;AAAA,6CACiC,wBADjC;AAAA;AAAA,GAAR,CAlCT;AAqCbC,EAAAA,UAAU,EAAE,yBAAQ;AAAA;AAAA,6CAAyD,cAAzD;AAAA;AAAA,GAAR;AArCC,C","sourcesContent":["import dynamic from 'next/dynamic';\nimport Banner from './Banner';\n\nexport default {\n  banner: Banner,\n  button: dynamic(() => import(/* webpackChunkName: \"blazePbButton\" */ './Button')),\n  card: dynamic(() => import(/* webpackChunkName: \"blazePbCard\" */ './Card')),\n  carousel: dynamic(() => import(/* webpackChunkName: \"blazePbCarousel\" */ './Carousel')),\n  column: dynamic(() => import(/* webpackChunkName: \"blazePbLayout\" */ './Layout')),\n  datasummary: dynamic(() => import(/* webpackChunkName: \"blazePbDataSummary\" */ './DataSummary')),\n  image: dynamic(() => import(/* webpackChunkName: \"blazePbImage\" */ './Image')),\n  row: dynamic(() => import(/* webpackChunkName: \"blazePbLayout\" */ './Layout')),\n  list: dynamic(() => import(/* webpackChunkName: \"blazePbList\" */ './List')),\n  socialfollow: dynamic(() =>\n    import(/* webpackChunkName: \"blazePbSocialFollow\" */ './SocialFollow')\n  ),\n  textblock: dynamic(() => import(/* webpackChunkName: \"blazePbTextBlock\" */ './TextBlock')),\n  video: dynamic(() => import(/* webpackChunkName: \"blazePbVideo\" */ './Video')),\n  wrapper: dynamic(() => import(/* webpackChunkName: \"blazePbWrapper\" */ './Wrapper')),\n  searchfilter: dynamic(() =>\n    import(/* webpackChunkName: \"blazePbSearchFilter\" */ './SearchFilter')\n  ),\n  searchfiltersort: dynamic(() =>\n    import(/* webpackChunkName: \"blazePbSearchFilteSort\" */ './SearchFilterSort')\n  ),\n  modal: dynamic(() => import(/* webpackChunkName: \"blazePbModal\" */ './Modal')),\n  code: dynamic(() => import(/* webpackChunkName: \"blazePbCode\" */ './Code')),\n  login: dynamic(() => import(/* webpackChunkName: \"blazePbLogin\" */ './Login')),\n  menu: dynamic(() => import(/* webpackChunkName: \"blazePbMenu\" */ './Menu')),\n  menuitem: dynamic(() => import(/* webpackChunkName: \"blazePbMenuItem\" */ './MenuItem')),\n  submenu: dynamic(() => import(/* webpackChunkName: \"blazePbSubMenu\" */ './SubMenu')),\n  emailconfirm: dynamic(() =>\n    import(/* webpackChunkName: \"blazePbEmailConfirm\" */ './EmailConfirm')\n  ),\n  passwordreset: dynamic(() =>\n    import(/* webpackChunkName: \"blazePbPasswordReset\" */ './PasswordReset')\n  ),\n  passwordresetrequest: dynamic(() =>\n    import(/* webpackChunkName: \"blazePbPasswordResetRequest\" */ './PasswordResetRequest')\n  ),\n  breadcrumb: dynamic(() => import(/* webpackChunkName: \"blazePbBreadcrumb\" */ './Breadcrumb'))\n};\n"],"file":"index.js"}

package/lib-es/application/query/index.js

@@ -43,6 +43,20 @@ const getSingleEntitySchema = gql`
   }
 `;
 
+const getRecordParents = queryName => gql`
+query getRecordParents($id: String!){
+  recordParents: ${queryName}(id: $id){
+    id,
+    name,
+    url,
+    parents {
+      id,
+      name
+      url
+    }
+  }
+}`;
+
 const getMultipleSchema = identifiers => {
   const queryString = identifiers.map(id => `${id}: getEntitySchema(id: "${id}") {
             ${defaultSchemaProps}
@@ -119,5 +133,5 @@ const getAction = (action, props) => {
   `;
 };
 
-export { getEntitySchema, getSingleEntitySchema, getAction, getFiles, getFileById, generateMultiItemQuery, generateSingleItemQuery, getSearchPublishedContent, getCount, getMultipleSchema, getUser };
+export { getEntitySchema, getSingleEntitySchema, getAction, getFiles, getFileById, generateMultiItemQuery, generateSingleItemQuery, getSearchPublishedContent, getCount, getMultipleSchema, getUser, getRecordParents };
 //# sourceMappingURL=index.js.map

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

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/application/query/index.js"],"names":["gql","upperFirst","defaultSchemaProps","getSearchPublishedContent","fields","getUser","userProps","getEntitySchema","getSingleEntitySchema","getMultipleSchema","identifiers","queryString","map","id","join","getFiles","getFileById","getCount","action","generateQuery","props","generateMultiItemQuery","generateSingleItemQuery","getAction","query"],"mappings":"AAAA,SAASA,GAAT,QAAoB,gBAApB;AACA,OAAOC,UAAP,MAAuB,mBAAvB;AAEA,MAAMC,kBAAkB,GAAI;AAC5B;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,CATA;;AAWA,MAAMC,yBAAyB,GAAGC,MAAM,IAAIJ,GAAI;AAChD;AACA;AACA,UAAUI,MAAO;AACjB;AACA;AACA,GANA;;AAQA,MAAMC,OAAO,GAAGC,SAAS,IAAIN,GAAI;AACjC;AACA;AACA;AACA,QAAQM,SAAU;AAClB;AACA;AACA,CAPA;;AASA,MAAMC,eAAe,GAAGP,GAAI;AAC5B;AACA;AACA,QAAQE,kBAAmB;AAC3B;AACA;AACA,CANA;AAQA,MAAMM,qBAAqB,GAAGR,GAAI;AAClC;AACA;AACA,QAAQE,kBAAmB;AAC3B;AACA;AACA,CANA;;AAQA,MAAMO,iBAAiB,GAAGC,WAAW,IAAI;AACvC,QAAMC,WAAW,GAAGD,WAAW,CAC5BE,GADiB,CAEhBC,EAAE,IAAK,GAAEA,EAAG,0BAAyBA,EAAG;AAC9C,cAAcX,kBAAmB;AACjC,QAJsB,EAMjBY,IANiB,CAMX,IANW,CAApB;AAOA,SAAOd,GAAI;AACb;AACA,QAAQW,WAAY;AACpB,MAHE;AAID,CAZD;;AAcA,MAAMI,QAAQ,GAAGf,GAAI;AACrB;AACA;AACA;AACA;AACA;AACA;AACA;AACA,CARA;AAUA,MAAMgB,WAAW,GAAGhB,GAAI;AACxB;AACA;AACA;AACA;AACA;AACA;AACA;AACA,CARA;;AAUA,MAAMiB,QAAQ,GAAGC,MAAM,IAAIlB,GAAI;AAC/B,MAAMkB,MAAO;AACb;AACA,CAHA;;AAKA,MAAMC,aAAa,GAAG,CAACD,MAAD,EAASE,KAAT,KAAoB;AAC1C;AACA;AACA;AACA;AACA,cAAcnB,UAAU,CAACiB,MAAD,CAAS;AACjC,MAAMA,MAAO;AACb,QAAQE,KAAM;AACd;AACA;AACA;AACA;AACA,GAZA;;AAaA,MAAMC,sBAAsB,GAAG,CAACH,MAAD,EAASE,KAAT,KAAmBpB,GAAI;AACtD;AACA,MAAMkB,MAAO;AACb,QAAQE,KAAM;AACd;AACA;AACA;AACA;AACA,GARA;;AAUA,MAAME,uBAAuB,GAAG,CAACJ,MAAD,EAASE,KAAT,KAAmBpB,GAAI;AACvD;AACA,kBAAkBkB,MAAO;AACzB,MAAME,KAAM;AACZ;AACA;AACA;AACA;AACA,GARA,C,CAUA;;;AACA,MAAMG,SAAS,GAAG,CAACL,MAAD,EAASE,KAAT,KAAmB;AACnC,QAAMI,KAAK,GAAGL,aAAa,CAACD,MAAD,EAASE,KAAT,CAA3B;AACA,SAAOpB,GAAI;AACb,MAAMwB,KAAM;AACZ,GAFE;AAGD,CALD;;AAOA,SACEjB,eADF,EAEEC,qBAFF,EAGEe,SAHF,EAIER,QAJF,EAKEC,WALF,EAMEK,sBANF,EAOEC,uBAPF,EAQEnB,yBARF,EASEc,QATF,EAUER,iBAVF,EAWEJ,OAXF","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 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\nexport {\n  getEntitySchema,\n  getSingleEntitySchema,\n  getAction,\n  getFiles,\n  getFileById,\n  generateMultiItemQuery,\n  generateSingleItemQuery,\n  getSearchPublishedContent,\n  getCount,\n  getMultipleSchema,\n  getUser\n};\n"],"file":"index.js"}
+{"version":3,"sources":["../../../src/application/query/index.js"],"names":["gql","upperFirst","defaultSchemaProps","getSearchPublishedContent","fields","getUser","userProps","getEntitySchema","getSingleEntitySchema","getRecordParents","queryName","getMultipleSchema","identifiers","queryString","map","id","join","getFiles","getFileById","getCount","action","generateQuery","props","generateMultiItemQuery","generateSingleItemQuery","getAction","query"],"mappings":"AAAA,SAASA,GAAT,QAAoB,gBAApB;AACA,OAAOC,UAAP,MAAuB,mBAAvB;AAEA,MAAMC,kBAAkB,GAAI;AAC5B;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,CATA;;AAWA,MAAMC,yBAAyB,GAAGC,MAAM,IAAIJ,GAAI;AAChD;AACA;AACA,UAAUI,MAAO;AACjB;AACA;AACA,GANA;;AAQA,MAAMC,OAAO,GAAGC,SAAS,IAAIN,GAAI;AACjC;AACA;AACA;AACA,QAAQM,SAAU;AAClB;AACA;AACA,CAPA;;AASA,MAAMC,eAAe,GAAGP,GAAI;AAC5B;AACA;AACA,QAAQE,kBAAmB;AAC3B;AACA;AACA,CANA;AAQA,MAAMM,qBAAqB,GAAGR,GAAI;AAClC;AACA;AACA,QAAQE,kBAAmB;AAC3B;AACA;AACA,CANA;;AAQA,MAAMO,gBAAgB,GAAGC,SAAS,IAAIV,GAAI;AAC1C;AACA,mBAAmBU,SAAU;AAC7B;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,EAZA;;AAcA,MAAMC,iBAAiB,GAAGC,WAAW,IAAI;AACvC,QAAMC,WAAW,GAAGD,WAAW,CAC5BE,GADiB,CAEhBC,EAAE,IAAK,GAAEA,EAAG,0BAAyBA,EAAG;AAC9C,cAAcb,kBAAmB;AACjC,QAJsB,EAMjBc,IANiB,CAMX,IANW,CAApB;AAOA,SAAOhB,GAAI;AACb;AACA,QAAQa,WAAY;AACpB,MAHE;AAID,CAZD;;AAcA,MAAMI,QAAQ,GAAGjB,GAAI;AACrB;AACA;AACA;AACA;AACA;AACA;AACA;AACA,CARA;AAUA,MAAMkB,WAAW,GAAGlB,GAAI;AACxB;AACA;AACA;AACA;AACA;AACA;AACA;AACA,CARA;;AAUA,MAAMmB,QAAQ,GAAGC,MAAM,IAAIpB,GAAI;AAC/B,MAAMoB,MAAO;AACb;AACA,CAHA;;AAKA,MAAMC,aAAa,GAAG,CAACD,MAAD,EAASE,KAAT,KAAoB;AAC1C;AACA;AACA;AACA;AACA,cAAcrB,UAAU,CAACmB,MAAD,CAAS;AACjC,MAAMA,MAAO;AACb,QAAQE,KAAM;AACd;AACA;AACA;AACA;AACA,GAZA;;AAaA,MAAMC,sBAAsB,GAAG,CAACH,MAAD,EAASE,KAAT,KAAmBtB,GAAI;AACtD;AACA,MAAMoB,MAAO;AACb,QAAQE,KAAM;AACd;AACA;AACA;AACA;AACA,GARA;;AAUA,MAAME,uBAAuB,GAAG,CAACJ,MAAD,EAASE,KAAT,KAAmBtB,GAAI;AACvD;AACA,kBAAkBoB,MAAO;AACzB,MAAME,KAAM;AACZ;AACA;AACA;AACA;AACA,GARA,C,CAUA;;;AACA,MAAMG,SAAS,GAAG,CAACL,MAAD,EAASE,KAAT,KAAmB;AACnC,QAAMI,KAAK,GAAGL,aAAa,CAACD,MAAD,EAASE,KAAT,CAA3B;AACA,SAAOtB,GAAI;AACb,MAAM0B,KAAM;AACZ,GAFE;AAGD,CALD;;AAOA,SACEnB,eADF,EAEEC,qBAFF,EAGEiB,SAHF,EAIER,QAJF,EAKEC,WALF,EAMEK,sBANF,EAOEC,uBAPF,EAQErB,yBARF,EASEgB,QATF,EAUER,iBAVF,EAWEN,OAXF,EAYEI,gBAZF","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\nexport {\n  getEntitySchema,\n  getSingleEntitySchema,\n  getAction,\n  getFiles,\n  getFileById,\n  generateMultiItemQuery,\n  generateSingleItemQuery,\n  getSearchPublishedContent,\n  getCount,\n  getMultipleSchema,\n  getUser,\n  getRecordParents\n};\n"],"file":"index.js"}

package/lib-es/components/Breadcrumb/Breadcrumb.js

@@ -0,0 +1,91 @@
+import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProperties";
+const _excluded = ["type"];
+import React, { useContext } from 'react';
+import { MainContext, Link } from '@blaze-cms/nextjs-components';
+import PropTypes from 'prop-types';
+import { useQuery } from '@apollo/client';
+import Breadcrumbs from '@blaze-react/breadcrumb';
+import { getRecordParents, getSingleEntitySchema } from '../../application/query';
+import Wrapper from '../Wrapper';
+import { getClassModifiers } from '../../utils';
+
+const Breadcrumb = _ref => {
+  let {
+    type
+  } = _ref,
+      otherProps = _objectWithoutProperties(_ref, _excluded);
+
+  const {
+    isPreview
+  } = useContext(MainContext);
+  const {
+    parent
+  } = otherProps;
+  const {
+    itemEntity,
+    itemId
+  } = parent;
+  const {
+    data = {},
+    error,
+    loading
+  } = useQuery(getSingleEntitySchema, {
+    variables: {
+      id: itemEntity
+    }
+  });
+  const {
+    getEntitySchema = {}
+  } = data;
+  const {
+    actions: {
+      getPublished,
+      get
+    } = {}
+  } = getEntitySchema;
+  const actionKey = isPreview ? get : getPublished || get;
+  const {
+    data: parentsData = [],
+    loading: parentsLoading
+  } = useQuery(getRecordParents(actionKey), {
+    variables: {
+      id: itemId
+    },
+    skip: !actionKey
+  });
+  if (loading || parentsLoading) return '';
+  if (error) return error.message;
+  if (!data) return null;
+  const modifiers = getClassModifiers('breadcrumb', otherProps);
+  const {
+    recordParents: {
+      name,
+      url,
+      parents = []
+    } = {}
+  } = parentsData;
+  if (url === '/') return '';
+  const breadcrumbItems = [{
+    name,
+    url
+  }, ...parents, {
+    name: 'Home',
+    url: '/'
+  }];
+  return /*#__PURE__*/React.createElement(Wrapper, {
+    className: type,
+    modifiers: modifiers
+  }, /*#__PURE__*/React.createElement(Breadcrumbs, null, breadcrumbItems.reverse().map(item => /*#__PURE__*/React.createElement(Link, {
+    key: item.url,
+    href: item.url
+  }, item.name))));
+};
+
+Breadcrumb.propTypes = {
+  type: PropTypes.string
+};
+Breadcrumb.defaultProps = {
+  type: 'breadcrumb'
+};
+export default Breadcrumb;
+//# sourceMappingURL=Breadcrumb.js.map

package/lib-es/components/Breadcrumb/Breadcrumb.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/components/Breadcrumb/Breadcrumb.js"],"names":["React","useContext","MainContext","Link","PropTypes","useQuery","Breadcrumbs","getRecordParents","getSingleEntitySchema","Wrapper","getClassModifiers","Breadcrumb","type","otherProps","isPreview","parent","itemEntity","itemId","data","error","loading","variables","id","getEntitySchema","actions","getPublished","get","actionKey","parentsData","parentsLoading","skip","message","modifiers","recordParents","name","url","parents","breadcrumbItems","reverse","map","item","propTypes","string","defaultProps"],"mappings":"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","sourcesContent":["import React, { useContext } from 'react';\nimport { MainContext, Link } from '@blaze-cms/nextjs-components';\nimport PropTypes from 'prop-types';\nimport { useQuery } from '@apollo/client';\nimport Breadcrumbs from '@blaze-react/breadcrumb';\nimport { getRecordParents, getSingleEntitySchema } from '../../application/query';\nimport Wrapper from '../Wrapper';\nimport { getClassModifiers } from '../../utils';\n\nconst Breadcrumb = ({ type, ...otherProps }) => {\n  const { isPreview } = useContext(MainContext);\n  const { parent } = otherProps;\n  const { itemEntity, itemId } = parent;\n\n  const { data = {}, error, loading } = useQuery(getSingleEntitySchema, {\n    variables: { id: itemEntity }\n  });\n\n  const { getEntitySchema = {} } = data;\n  const { actions: { getPublished, get } = {} } = getEntitySchema;\n  const actionKey = isPreview ? get : getPublished || get;\n\n  const { data: parentsData = [], loading: parentsLoading } = useQuery(\n    getRecordParents(actionKey),\n    {\n      variables: { id: itemId },\n      skip: !actionKey\n    }\n  );\n\n  if (loading || parentsLoading) return '';\n  if (error) return error.message;\n  if (!data) return null;\n\n  const modifiers = getClassModifiers('breadcrumb', otherProps);\n  const { recordParents: { name, url, parents = [] } = {} } = parentsData;\n\n  if (url === '/') return '';\n\n  const breadcrumbItems = [\n    {\n      name,\n      url\n    },\n    ...parents,\n    {\n      name: 'Home',\n      url: '/'\n    }\n  ];\n\n  return (\n    <Wrapper className={type} modifiers={modifiers}>\n      <Breadcrumbs>\n        {breadcrumbItems.reverse().map(item => (\n          <Link key={item.url} href={item.url}>\n            {item.name}\n          </Link>\n        ))}\n      </Breadcrumbs>\n    </Wrapper>\n  );\n};\n\nBreadcrumb.propTypes = {\n  type: PropTypes.string\n};\n\nBreadcrumb.defaultProps = {\n  type: 'breadcrumb'\n};\n\nexport default Breadcrumb;\n"],"file":"Breadcrumb.js"}

package/lib-es/components/Breadcrumb/index.js

@@ -0,0 +1,3 @@
+import Breadcrumb from './Breadcrumb';
+export default Breadcrumb;
+//# sourceMappingURL=index.js.map

package/lib-es/components/Breadcrumb/index.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/components/Breadcrumb/index.js"],"names":["Breadcrumb"],"mappings":"AAAA,OAAOA,UAAP,MAAuB,cAAvB;AAEA,eAAeA,UAAf","sourcesContent":["import Breadcrumb from './Breadcrumb';\n\nexport default Breadcrumb;\n"],"file":"index.js"}

package/lib-es/components/index.js

@@ -70,6 +70,9 @@ export default {
   './PasswordReset')),
   passwordresetrequest: dynamic(() => import(
   /* webpackChunkName: "blazePbPasswordResetRequest" */
-  './PasswordResetRequest'))
+  './PasswordResetRequest')),
+  breadcrumb: dynamic(() => import(
+  /* webpackChunkName: "blazePbBreadcrumb" */
+  './Breadcrumb'))
 };
 //# sourceMappingURL=index.js.map

package/lib-es/components/index.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../src/components/index.js"],"names":["dynamic","Banner","banner","button","card","carousel","column","datasummary","image","row","list","socialfollow","textblock","video","wrapper","searchfilter","searchfiltersort","modal","code","login","menu","menuitem","submenu","emailconfirm","passwordreset","passwordresetrequest"],"mappings":"AAAA,OAAOA,OAAP,MAAoB,cAApB;AACA,OAAOC,MAAP,MAAmB,UAAnB;AAEA,eAAe;AACbC,EAAAA,MAAM,EAAED,MADK;AAEbE,EAAAA,MAAM,EAAEH,OAAO,CAAC,MAAM;AAAO;AAAwC,YAA/C,CAAP,CAFF;AAGbI,EAAAA,IAAI,EAAEJ,OAAO,CAAC,MAAM;AAAO;AAAsC,UAA7C,CAAP,CAHA;AAIbK,EAAAA,QAAQ,EAAEL,OAAO,CAAC,MAAM;AAAO;AAA0C,cAAjD,CAAP,CAJJ;AAKbM,EAAAA,MAAM,EAAEN,OAAO,CAAC,MAAM;AAAO;AAAwC,YAA/C,CAAP,CALF;AAMbO,EAAAA,WAAW,EAAEP,OAAO,CAAC,MAAM;AAAO;AAA6C,iBAApD,CAAP,CANP;AAObQ,EAAAA,KAAK,EAAER,OAAO,CAAC,MAAM;AAAO;AAAuC,WAA9C,CAAP,CAPD;AAQbS,EAAAA,GAAG,EAAET,OAAO,CAAC,MAAM;AAAO;AAAwC,YAA/C,CAAP,CARC;AASbU,EAAAA,IAAI,EAAEV,OAAO,CAAC,MAAM;AAAO;AAAsC,UAA7C,CAAP,CATA;AAUbW,EAAAA,YAAY,EAAEX,OAAO,CAAC,MACpB;AAAO;AAA8C,kBAArD,CADmB,CAVR;AAabY,EAAAA,SAAS,EAAEZ,OAAO,CAAC,MAAM;AAAO;AAA2C,eAAlD,CAAP,CAbL;AAcba,EAAAA,KAAK,EAAEb,OAAO,CAAC,MAAM;AAAO;AAAuC,WAA9C,CAAP,CAdD;AAebc,EAAAA,OAAO,EAAEd,OAAO,CAAC,MAAM;AAAO;AAAyC,aAAhD,CAAP,CAfH;AAgBbe,EAAAA,YAAY,EAAEf,OAAO,CAAC,MACpB;AAAO;AAA8C,kBAArD,CADmB,CAhBR;AAmBbgB,EAAAA,gBAAgB,EAAEhB,OAAO,CAAC,MACxB;AAAO;AAAiD,sBAAxD,CADuB,CAnBZ;AAsBbiB,EAAAA,KAAK,EAAEjB,OAAO,CAAC,MAAM;AAAO;AAAuC,WAA9C,CAAP,CAtBD;AAuBbkB,EAAAA,IAAI,EAAElB,OAAO,CAAC,MAAM;AAAO;AAAsC,UAA7C,CAAP,CAvBA;AAwBbmB,EAAAA,KAAK,EAAEnB,OAAO,CAAC,MAAM;AAAO;AAAuC,WAA9C,CAAP,CAxBD;AAyBboB,EAAAA,IAAI,EAAEpB,OAAO,CAAC,MAAM;AAAO;AAAsC,UAA7C,CAAP,CAzBA;AA0BbqB,EAAAA,QAAQ,EAAErB,OAAO,CAAC,MAAM;AAAO;AAA0C,cAAjD,CAAP,CA1BJ;AA2BbsB,EAAAA,OAAO,EAAEtB,OAAO,CAAC,MAAM;AAAO;AAAyC,aAAhD,CAAP,CA3BH;AA4BbuB,EAAAA,YAAY,EAAEvB,OAAO,CAAC,MACpB;AAAO;AAA8C,kBAArD,CADmB,CA5BR;AA+BbwB,EAAAA,aAAa,EAAExB,OAAO,CAAC,MACrB;AAAO;AAA+C,mBAAtD,CADoB,CA/BT;AAkCbyB,EAAAA,oBAAoB,EAAEzB,OAAO,CAAC,MAC5B;AAAO;AAAsD,0BAA7D,CAD2B;AAlChB,CAAf","sourcesContent":["import dynamic from 'next/dynamic';\nimport Banner from './Banner';\n\nexport default {\n  banner: Banner,\n  button: dynamic(() => import(/* webpackChunkName: \"blazePbButton\" */ './Button')),\n  card: dynamic(() => import(/* webpackChunkName: \"blazePbCard\" */ './Card')),\n  carousel: dynamic(() => import(/* webpackChunkName: \"blazePbCarousel\" */ './Carousel')),\n  column: dynamic(() => import(/* webpackChunkName: \"blazePbLayout\" */ './Layout')),\n  datasummary: dynamic(() => import(/* webpackChunkName: \"blazePbDataSummary\" */ './DataSummary')),\n  image: dynamic(() => import(/* webpackChunkName: \"blazePbImage\" */ './Image')),\n  row: dynamic(() => import(/* webpackChunkName: \"blazePbLayout\" */ './Layout')),\n  list: dynamic(() => import(/* webpackChunkName: \"blazePbList\" */ './List')),\n  socialfollow: dynamic(() =>\n    import(/* webpackChunkName: \"blazePbSocialFollow\" */ './SocialFollow')\n  ),\n  textblock: dynamic(() => import(/* webpackChunkName: \"blazePbTextBlock\" */ './TextBlock')),\n  video: dynamic(() => import(/* webpackChunkName: \"blazePbVideo\" */ './Video')),\n  wrapper: dynamic(() => import(/* webpackChunkName: \"blazePbWrapper\" */ './Wrapper')),\n  searchfilter: dynamic(() =>\n    import(/* webpackChunkName: \"blazePbSearchFilter\" */ './SearchFilter')\n  ),\n  searchfiltersort: dynamic(() =>\n    import(/* webpackChunkName: \"blazePbSearchFilteSort\" */ './SearchFilterSort')\n  ),\n  modal: dynamic(() => import(/* webpackChunkName: \"blazePbModal\" */ './Modal')),\n  code: dynamic(() => import(/* webpackChunkName: \"blazePbCode\" */ './Code')),\n  login: dynamic(() => import(/* webpackChunkName: \"blazePbLogin\" */ './Login')),\n  menu: dynamic(() => import(/* webpackChunkName: \"blazePbMenu\" */ './Menu')),\n  menuitem: dynamic(() => import(/* webpackChunkName: \"blazePbMenuItem\" */ './MenuItem')),\n  submenu: dynamic(() => import(/* webpackChunkName: \"blazePbSubMenu\" */ './SubMenu')),\n  emailconfirm: dynamic(() =>\n    import(/* webpackChunkName: \"blazePbEmailConfirm\" */ './EmailConfirm')\n  ),\n  passwordreset: dynamic(() =>\n    import(/* webpackChunkName: \"blazePbPasswordReset\" */ './PasswordReset')\n  ),\n  passwordresetrequest: dynamic(() =>\n    import(/* webpackChunkName: \"blazePbPasswordResetRequest\" */ './PasswordResetRequest')\n  )\n};\n"],"file":"index.js"}
+{"version":3,"sources":["../../src/components/index.js"],"names":["dynamic","Banner","banner","button","card","carousel","column","datasummary","image","row","list","socialfollow","textblock","video","wrapper","searchfilter","searchfiltersort","modal","code","login","menu","menuitem","submenu","emailconfirm","passwordreset","passwordresetrequest","breadcrumb"],"mappings":"AAAA,OAAOA,OAAP,MAAoB,cAApB;AACA,OAAOC,MAAP,MAAmB,UAAnB;AAEA,eAAe;AACbC,EAAAA,MAAM,EAAED,MADK;AAEbE,EAAAA,MAAM,EAAEH,OAAO,CAAC,MAAM;AAAO;AAAwC,YAA/C,CAAP,CAFF;AAGbI,EAAAA,IAAI,EAAEJ,OAAO,CAAC,MAAM;AAAO;AAAsC,UAA7C,CAAP,CAHA;AAIbK,EAAAA,QAAQ,EAAEL,OAAO,CAAC,MAAM;AAAO;AAA0C,cAAjD,CAAP,CAJJ;AAKbM,EAAAA,MAAM,EAAEN,OAAO,CAAC,MAAM;AAAO;AAAwC,YAA/C,CAAP,CALF;AAMbO,EAAAA,WAAW,EAAEP,OAAO,CAAC,MAAM;AAAO;AAA6C,iBAApD,CAAP,CANP;AAObQ,EAAAA,KAAK,EAAER,OAAO,CAAC,MAAM;AAAO;AAAuC,WAA9C,CAAP,CAPD;AAQbS,EAAAA,GAAG,EAAET,OAAO,CAAC,MAAM;AAAO;AAAwC,YAA/C,CAAP,CARC;AASbU,EAAAA,IAAI,EAAEV,OAAO,CAAC,MAAM;AAAO;AAAsC,UAA7C,CAAP,CATA;AAUbW,EAAAA,YAAY,EAAEX,OAAO,CAAC,MACpB;AAAO;AAA8C,kBAArD,CADmB,CAVR;AAabY,EAAAA,SAAS,EAAEZ,OAAO,CAAC,MAAM;AAAO;AAA2C,eAAlD,CAAP,CAbL;AAcba,EAAAA,KAAK,EAAEb,OAAO,CAAC,MAAM;AAAO;AAAuC,WAA9C,CAAP,CAdD;AAebc,EAAAA,OAAO,EAAEd,OAAO,CAAC,MAAM;AAAO;AAAyC,aAAhD,CAAP,CAfH;AAgBbe,EAAAA,YAAY,EAAEf,OAAO,CAAC,MACpB;AAAO;AAA8C,kBAArD,CADmB,CAhBR;AAmBbgB,EAAAA,gBAAgB,EAAEhB,OAAO,CAAC,MACxB;AAAO;AAAiD,sBAAxD,CADuB,CAnBZ;AAsBbiB,EAAAA,KAAK,EAAEjB,OAAO,CAAC,MAAM;AAAO;AAAuC,WAA9C,CAAP,CAtBD;AAuBbkB,EAAAA,IAAI,EAAElB,OAAO,CAAC,MAAM;AAAO;AAAsC,UAA7C,CAAP,CAvBA;AAwBbmB,EAAAA,KAAK,EAAEnB,OAAO,CAAC,MAAM;AAAO;AAAuC,WAA9C,CAAP,CAxBD;AAyBboB,EAAAA,IAAI,EAAEpB,OAAO,CAAC,MAAM;AAAO;AAAsC,UAA7C,CAAP,CAzBA;AA0BbqB,EAAAA,QAAQ,EAAErB,OAAO,CAAC,MAAM;AAAO;AAA0C,cAAjD,CAAP,CA1BJ;AA2BbsB,EAAAA,OAAO,EAAEtB,OAAO,CAAC,MAAM;AAAO;AAAyC,aAAhD,CAAP,CA3BH;AA4BbuB,EAAAA,YAAY,EAAEvB,OAAO,CAAC,MACpB;AAAO;AAA8C,kBAArD,CADmB,CA5BR;AA+BbwB,EAAAA,aAAa,EAAExB,OAAO,CAAC,MACrB;AAAO;AAA+C,mBAAtD,CADoB,CA/BT;AAkCbyB,EAAAA,oBAAoB,EAAEzB,OAAO,CAAC,MAC5B;AAAO;AAAsD,0BAA7D,CAD2B,CAlChB;AAqCb0B,EAAAA,UAAU,EAAE1B,OAAO,CAAC,MAAM;AAAO;AAA4C,gBAAnD,CAAP;AArCN,CAAf","sourcesContent":["import dynamic from 'next/dynamic';\nimport Banner from './Banner';\n\nexport default {\n  banner: Banner,\n  button: dynamic(() => import(/* webpackChunkName: \"blazePbButton\" */ './Button')),\n  card: dynamic(() => import(/* webpackChunkName: \"blazePbCard\" */ './Card')),\n  carousel: dynamic(() => import(/* webpackChunkName: \"blazePbCarousel\" */ './Carousel')),\n  column: dynamic(() => import(/* webpackChunkName: \"blazePbLayout\" */ './Layout')),\n  datasummary: dynamic(() => import(/* webpackChunkName: \"blazePbDataSummary\" */ './DataSummary')),\n  image: dynamic(() => import(/* webpackChunkName: \"blazePbImage\" */ './Image')),\n  row: dynamic(() => import(/* webpackChunkName: \"blazePbLayout\" */ './Layout')),\n  list: dynamic(() => import(/* webpackChunkName: \"blazePbList\" */ './List')),\n  socialfollow: dynamic(() =>\n    import(/* webpackChunkName: \"blazePbSocialFollow\" */ './SocialFollow')\n  ),\n  textblock: dynamic(() => import(/* webpackChunkName: \"blazePbTextBlock\" */ './TextBlock')),\n  video: dynamic(() => import(/* webpackChunkName: \"blazePbVideo\" */ './Video')),\n  wrapper: dynamic(() => import(/* webpackChunkName: \"blazePbWrapper\" */ './Wrapper')),\n  searchfilter: dynamic(() =>\n    import(/* webpackChunkName: \"blazePbSearchFilter\" */ './SearchFilter')\n  ),\n  searchfiltersort: dynamic(() =>\n    import(/* webpackChunkName: \"blazePbSearchFilteSort\" */ './SearchFilterSort')\n  ),\n  modal: dynamic(() => import(/* webpackChunkName: \"blazePbModal\" */ './Modal')),\n  code: dynamic(() => import(/* webpackChunkName: \"blazePbCode\" */ './Code')),\n  login: dynamic(() => import(/* webpackChunkName: \"blazePbLogin\" */ './Login')),\n  menu: dynamic(() => import(/* webpackChunkName: \"blazePbMenu\" */ './Menu')),\n  menuitem: dynamic(() => import(/* webpackChunkName: \"blazePbMenuItem\" */ './MenuItem')),\n  submenu: dynamic(() => import(/* webpackChunkName: \"blazePbSubMenu\" */ './SubMenu')),\n  emailconfirm: dynamic(() =>\n    import(/* webpackChunkName: \"blazePbEmailConfirm\" */ './EmailConfirm')\n  ),\n  passwordreset: dynamic(() =>\n    import(/* webpackChunkName: \"blazePbPasswordReset\" */ './PasswordReset')\n  ),\n  passwordresetrequest: dynamic(() =>\n    import(/* webpackChunkName: \"blazePbPasswordResetRequest\" */ './PasswordResetRequest')\n  ),\n  breadcrumb: dynamic(() => import(/* webpackChunkName: \"blazePbBreadcrumb\" */ './Breadcrumb'))\n};\n"],"file":"index.js"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@blaze-cms/react-page-builder",
-  "version": "0.120.1",
+  "version": "0.121.0-alpha.1",
   "description": "Blaze react page builder",
   "main": "lib/index.js",
   "module": "lib-es/index.js",
@@ -33,6 +33,7 @@
     "@blaze-cms/nextjs-components": "^0.119.0",
     "@blaze-cms/setup-ui": "^0.92.0",
     "@blaze-cms/utils": "^0.118.0",
+    "@blaze-react/breadcrumb": "0.8.0-alpha.60",
     "@blaze-react/button": "0.5.19",
     "@blaze-react/checkboxes": "0.5.31",
     "@blaze-react/input": "0.5.30",
@@ -83,5 +84,5 @@
     "lib/*",
     "lib-es/*"
   ],
-  "gitHead": "1cf69b010ec6b72069e9d9e231c1fec16232a2d7"
+  "gitHead": "dc0b862127dcd49fa207c672a79980c6fdfcc5f3"
 }

package/src/application/query/index.js

@@ -45,6 +45,20 @@ const getSingleEntitySchema = gql`
   }
 `;
 
+const getRecordParents = queryName => gql`
+query getRecordParents($id: String!){
+  recordParents: ${queryName}(id: $id){
+    id,
+    name,
+    url,
+    parents {
+      id,
+      name
+      url
+    }
+  }
+}`;
+
 const getMultipleSchema = identifiers => {
   const queryString = identifiers
     .map(
@@ -136,5 +150,6 @@ export {
   getSearchPublishedContent,
   getCount,
   getMultipleSchema,
-  getUser
+  getUser,
+  getRecordParents
 };

package/src/components/Breadcrumb/Breadcrumb.js

@@ -0,0 +1,73 @@
+import React, { useContext } from 'react';
+import { MainContext, Link } from '@blaze-cms/nextjs-components';
+import PropTypes from 'prop-types';
+import { useQuery } from '@apollo/client';
+import Breadcrumbs from '@blaze-react/breadcrumb';
+import { getRecordParents, getSingleEntitySchema } from '../../application/query';
+import Wrapper from '../Wrapper';
+import { getClassModifiers } from '../../utils';
+
+const Breadcrumb = ({ type, ...otherProps }) => {
+  const { isPreview } = useContext(MainContext);
+  const { parent } = otherProps;
+  const { itemEntity, itemId } = parent;
+
+  const { data = {}, error, loading } = useQuery(getSingleEntitySchema, {
+    variables: { id: itemEntity }
+  });
+
+  const { getEntitySchema = {} } = data;
+  const { actions: { getPublished, get } = {} } = getEntitySchema;
+  const actionKey = isPreview ? get : getPublished || get;
+
+  const { data: parentsData = [], loading: parentsLoading } = useQuery(
+    getRecordParents(actionKey),
+    {
+      variables: { id: itemId },
+      skip: !actionKey
+    }
+  );
+
+  if (loading || parentsLoading) return '';
+  if (error) return error.message;
+  if (!data) return null;
+
+  const modifiers = getClassModifiers('breadcrumb', otherProps);
+  const { recordParents: { name, url, parents = [] } = {} } = parentsData;
+
+  if (url === '/') return '';
+
+  const breadcrumbItems = [
+    {
+      name,
+      url
+    },
+    ...parents,
+    {
+      name: 'Home',
+      url: '/'
+    }
+  ];
+
+  return (
+    <Wrapper className={type} modifiers={modifiers}>
+      <Breadcrumbs>
+        {breadcrumbItems.reverse().map(item => (
+          <Link key={item.url} href={item.url}>
+            {item.name}
+          </Link>
+        ))}
+      </Breadcrumbs>
+    </Wrapper>
+  );
+};
+
+Breadcrumb.propTypes = {
+  type: PropTypes.string
+};
+
+Breadcrumb.defaultProps = {
+  type: 'breadcrumb'
+};
+
+export default Breadcrumb;

package/src/components/Breadcrumb/index.js

@@ -0,0 +1,3 @@
+import Breadcrumb from './Breadcrumb';
+
+export default Breadcrumb;

package/src/components/index.js

@@ -37,5 +37,6 @@ export default {
   ),
   passwordresetrequest: dynamic(() =>
     import(/* webpackChunkName: "blazePbPasswordResetRequest" */ './PasswordResetRequest')
-  )
+  ),
+  breadcrumb: dynamic(() => import(/* webpackChunkName: "blazePbBreadcrumb" */ './Breadcrumb'))
 };

package/tests/unit/src/components/Breadcrumb/Breadcrumb.test.js

@@ -0,0 +1,103 @@
+import React from 'react';
+import '@testing-library/jest-dom/extend-expect';
+import { render as RenderComponent } from '@testing-library/react';
+import { MockedProvider } from '@apollo/client/testing';
+import { render } from '@blaze-cms/tools/test-helpers/test-functions';
+import Breadcrumb from '../../../../../src/components/Breadcrumb';
+import { getAction, getRecordParents } from '../../../../../src/application/query';
+
+jest.mock('@apollo/client', () => ({
+  ...jest.requireActual('@apollo/client'),
+  useQuery: jest.fn(({ data, loading, error }) => ({ data, loading, error }))
+}));
+jest.mock('next/router', () => ({
+  useRouter: jest.fn(() => ({ asPath: 'test-url' }))
+}));
+
+const actionKey = 'getPublishedPage';
+const id = 'record id';
+const action = getAction(actionKey, 'id, name');
+const getEntityDataMock = {
+  request: {
+    query: action,
+    variables: {
+      id
+    }
+  },
+  result: {
+    data: {
+      [actionKey]: {
+        id,
+        name: 'record name'
+      }
+    }
+  }
+};
+
+const getRecordParentsMock = {
+  request: {
+    query: getRecordParents(actionKey),
+    variables: { id: 'id' },
+    skip: false
+  },
+  result: {
+    data: {
+      recordParents: {
+        parents: [
+          {
+            name: 'parent page',
+            url: '/top-parent/parent'
+          }
+        ]
+      }
+    }
+  }
+};
+
+const breadcrumbMock = {
+  router: {
+    asPath: 'test-url'
+  },
+  client: {},
+  type: 'breadcrumb',
+  id: 'id',
+  pageName: 'page',
+  slug: 'page',
+  parent: {
+    itemEntity: 'page',
+    tags: [],
+    category: ''
+  }
+};
+
+const mocks = [getEntityDataMock, getRecordParentsMock];
+
+const setup = (props = breadcrumbMock) =>
+  RenderComponent(
+    <MockedProvider mocks={mocks}>
+      <Breadcrumb {...props} />
+    </MockedProvider>
+  );
+
+describe('Breadcrumb component', () => {
+  it('should not render if loading, err or no data exists', () => {
+    const { asFragment } = render(Breadcrumb, {
+      ...breadcrumbMock,
+      action: { data: null, loading: true, error: null }
+    });
+    expect(asFragment()).toMatchSnapshot();
+  });
+
+  it('should match snapshot', () => {
+    const { asFragment } = render(Breadcrumb, {
+      ...breadcrumbMock,
+      action: { data: {}, loading: false, error: null }
+    });
+    expect(asFragment()).toMatchSnapshot();
+  });
+
+  it('should render', () => {
+    const { asFragment } = setup();
+    expect(asFragment()).toMatchSnapshot();
+  });
+});

package/tests/unit/src/components/Breadcrumb/__snapshots__/Breadcrumb.test.js.snap

@@ -0,0 +1,82 @@
+// Jest Snapshot v1, https://goo.gl/fbAQLP
+
+exports[`Breadcrumb component should match snapshot 1`] = `
+<DocumentFragment>
+  <div
+    class="breadcrumb "
+  >
+    <ul
+      class="breadcrumb"
+    >
+      <li
+        class="breadcrumb__item"
+      >
+        <a
+          href="/"
+        >
+          Home
+        </a>
+      </li>
+      <li
+        class="breadcrumb__item"
+      >
+        <a />
+      </li>
+    </ul>
+  </div>
+</DocumentFragment>
+`;
+
+exports[`Breadcrumb component should not render if loading, err or no data exists 1`] = `
+<DocumentFragment>
+  <div
+    class="breadcrumb "
+  >
+    <ul
+      class="breadcrumb"
+    >
+      <li
+        class="breadcrumb__item"
+      >
+        <a
+          href="/"
+        >
+          Home
+        </a>
+      </li>
+      <li
+        class="breadcrumb__item"
+      >
+        <a />
+      </li>
+    </ul>
+  </div>
+</DocumentFragment>
+`;
+
+exports[`Breadcrumb component should render 1`] = `
+<DocumentFragment>
+  <div
+    class="breadcrumb "
+  >
+    <ul
+      class="breadcrumb"
+    >
+      <li
+        class="breadcrumb__item"
+      >
+        <a
+          href="/"
+        >
+          Home
+        </a>
+      </li>
+      <li
+        class="breadcrumb__item"
+      >
+        <a />
+      </li>
+    </ul>
+  </div>
+</DocumentFragment>
+`;

package/tests/unit/src/components/__snapshots__/index.test.js.snap

@@ -6,6 +6,10 @@ Object {
     "$$typeof": Symbol(react.forward_ref),
     "render": [Function],
   },
+  "breadcrumb": Object {
+    "$$typeof": Symbol(react.forward_ref),
+    "render": [Function],
+  },
   "button": Object {
     "$$typeof": Symbol(react.forward_ref),
     "render": [Function],