@blaze-cms/plugin-data-ui 0.129.0-project-admin-customisations.0 → 0.129.0-project-admin-customisations.1

package/CHANGELOG.md

@@ -3,6 +3,18 @@
 All notable changes to this project will be documented in this file.
 See [Conventional Commits](https://conventionalcommits.org) for commit guidelines.
 
+# [0.129.0-project-admin-customisations.1](https://github.com/thebyte9/blaze/compare/v0.129.0-project-admin-customisations.0...v0.129.0-project-admin-customisations.1) (2023-05-05)
+
+
+### Features
+
+* add ability to define custom info in the admin sidebar ([#3920](https://github.com/thebyte9/blaze/issues/3920)) ([4946eaf](https://github.com/thebyte9/blaze/commit/4946eafb81647980971ac00480489b756b0efcc7))
+* add admin entity edit section navigation in sidebar ([#3908](https://github.com/thebyte9/blaze/issues/3908)) ([0c36686](https://github.com/thebyte9/blaze/commit/0c3668674aa1dc94b797298efae6d7cbfc56b796))
+
+
+
+
+
 # [0.129.0-project-admin-customisations.0](https://github.com/thebyte9/blaze/compare/v0.128.2...v0.129.0-project-admin-customisations.0) (2023-05-03)
 
 

package/lib/components/EntityManager/Entity/EntitiyNavLinks/EntityNavLinks.js

@@ -0,0 +1,39 @@
+"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 _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
+require("core-js/modules/es.array.map.js");
+require("core-js/modules/es.object.entries.js");
+require("core-js/modules/es.string.starts-with.js");
+var _reactRouterDom = require("react-router-dom");
+var _react = _interopRequireDefault(require("react"));
+var EntityNavLinks = function EntityNavLinks(_ref) {
+  var schema = _ref.schema;
+  if (!schema) return null;
+  var adminSectionNavigation = schema.displayProperties.adminSectionNavigation;
+  if (!adminSectionNavigation) return null;
+  var links = Object.entries(adminSectionNavigation).map(function (_ref2) {
+    var _ref3 = (0, _slicedToArray2["default"])(_ref2, 2),
+      k = _ref3[0],
+      v = _ref3[1];
+    var label = v.label,
+      uri = v.uri;
+    var Wrapper = uri.startsWith('#') ? 'a' : _reactRouterDom.Link;
+    return /*#__PURE__*/_react["default"].createElement(Wrapper, {
+      className: "entity-section-link",
+      href: uri,
+      to: uri
+    }, label);
+  });
+  return /*#__PURE__*/_react["default"].createElement("div", {
+    className: "entity-section-links"
+  }, links);
+};
+var _default = EntityNavLinks;
+exports["default"] = _default;
+//# sourceMappingURL=EntityNavLinks.js.map

package/lib/components/EntityManager/Entity/EntitiyNavLinks/EntityNavLinks.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"EntityNavLinks.js","names":["_reactRouterDom","require","_react","_interopRequireDefault","EntityNavLinks","_ref","schema","adminSectionNavigation","displayProperties","links","Object","entries","map","_ref2","_ref3","_slicedToArray2","k","v","label","uri","Wrapper","startsWith","Link","createElement","className","href","to","_default","exports"],"sources":["../../../../../src/components/EntityManager/Entity/EntitiyNavLinks/EntityNavLinks.js"],"sourcesContent":["import { Link } from 'react-router-dom';\nimport React from 'react';\n\nconst EntityNavLinks = ({ schema }) => {\n  if (!schema) return null;\n\n  const {\n    displayProperties: { adminSectionNavigation }\n  } = schema;\n\n  if (!adminSectionNavigation) return null;\n\n  const links = Object.entries(adminSectionNavigation).map(([k, v]) => {\n    const { label, uri } = v;\n    const Wrapper = uri.startsWith('#') ? 'a' : Link;\n    return (\n      <Wrapper className=\"entity-section-link\" href={uri} to={uri}>\n        {label}\n      </Wrapper>\n    );\n  });\n\n  return <div className=\"entity-section-links\">{links}</div>;\n};\n\nexport default EntityNavLinks;\n"],"mappings":";;;;;;;;;;;;AAAA,IAAAA,eAAA,GAAAC,OAAA;AACA,IAAAC,MAAA,GAAAC,sBAAA,CAAAF,OAAA;AAEA,IAAMG,cAAc,GAAG,SAAjBA,cAAcA,CAAAC,IAAA,EAAmB;EAAA,IAAbC,MAAM,GAAAD,IAAA,CAANC,MAAM;EAC9B,IAAI,CAACA,MAAM,EAAE,OAAO,IAAI;EAExB,IACuBC,sBAAsB,GACzCD,MAAM,CADRE,iBAAiB,CAAID,sBAAsB;EAG7C,IAAI,CAACA,sBAAsB,EAAE,OAAO,IAAI;EAExC,IAAME,KAAK,GAAGC,MAAM,CAACC,OAAO,CAACJ,sBAAsB,CAAC,CAACK,GAAG,CAAC,UAAAC,KAAA,EAAY;IAAA,IAAAC,KAAA,OAAAC,eAAA,aAAAF,KAAA;MAAVG,CAAC,GAAAF,KAAA;MAAEG,CAAC,GAAAH,KAAA;IAC7D,IAAQI,KAAK,GAAUD,CAAC,CAAhBC,KAAK;MAAEC,GAAG,GAAKF,CAAC,CAATE,GAAG;IAClB,IAAMC,OAAO,GAAGD,GAAG,CAACE,UAAU,CAAC,GAAG,CAAC,GAAG,GAAG,GAAGC,oBAAI;IAChD,oBACEpB,MAAA,YAAAqB,aAAA,CAACH,OAAO;MAACI,SAAS,EAAC,qBAAqB;MAACC,IAAI,EAAEN,GAAI;MAACO,EAAE,EAAEP;IAAI,GACzDD,KACM,CAAC;EAEd,CAAC,CAAC;EAEF,oBAAOhB,MAAA,YAAAqB,aAAA;IAAKC,SAAS,EAAC;EAAsB,GAAEf,KAAW,CAAC;AAC5D,CAAC;AAAC,IAAAkB,QAAA,GAEavB,cAAc;AAAAwB,OAAA,cAAAD,QAAA"}

package/lib/components/EntityManager/Entity/EntitiyNavLinks/index.js

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

package/lib/components/EntityManager/Entity/EntitiyNavLinks/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","names":["_EntityNavLinks","_interopRequireDefault","require","_default","EntityNavLinks","exports"],"sources":["../../../../../src/components/EntityManager/Entity/EntitiyNavLinks/index.js"],"sourcesContent":["import EntityNavLinks from './EntityNavLinks';\n\nexport default EntityNavLinks;\n"],"mappings":";;;;;;;;AAAA,IAAAA,eAAA,GAAAC,sBAAA,CAAAC,OAAA;AAA8C,IAAAC,QAAA,GAE/BC,0BAAc;AAAAC,OAAA,cAAAF,QAAA"}

package/lib/components/EntityManager/Entity/SideBarRelations/container/CustomSidebarInfoContainer.js

@@ -0,0 +1,44 @@
+"use strict";
+
+require("core-js/modules/es.object.define-property.js");
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports["default"] = void 0;
+require("core-js/modules/es.object.keys.js");
+require("core-js/modules/es.array.flat-map.js");
+require("core-js/modules/es.array.unscopables.flat-map.js");
+require("core-js/modules/es.object.to-string.js");
+require("core-js/modules/es.object.values.js");
+var _propTypes = _interopRequireDefault(require("prop-types"));
+var _react = _interopRequireDefault(require("react"));
+var _useCustomSidebarData2 = _interopRequireDefault(require("../hooks/useCustomSidebarData"));
+var _CustomSidebarInfo = _interopRequireDefault(require("../presentational/CustomSidebarInfo"));
+var CustomSibebarInfoContainer = function CustomSibebarInfoContainer(_ref) {
+  var id = _ref.id,
+    schema = _ref.schema,
+    displayProperties = _ref.displayProperties;
+  var _useCustomSidebarData = (0, _useCustomSidebarData2["default"])({
+      id: id,
+      schema: schema,
+      displayProperties: displayProperties
+    }),
+    data = _useCustomSidebarData.data;
+  if (!data || !Object.keys(data) || Object.keys(data).length === 0) return null;
+  var items = Object.values(data).flatMap(function (item) {
+    return Object.values(item);
+  });
+  return /*#__PURE__*/_react["default"].createElement(_CustomSidebarInfo["default"], {
+    items: items,
+    customSidebarInfoKey: displayProperties.key
+  });
+};
+var _default = CustomSibebarInfoContainer;
+exports["default"] = _default;
+CustomSibebarInfoContainer.propTypes = {
+  id: _propTypes["default"].string.isRequired,
+  displayProperties: _propTypes["default"].object.isRequired,
+  schema: _propTypes["default"].object.isRequired
+};
+//# sourceMappingURL=CustomSidebarInfoContainer.js.map

package/lib/components/EntityManager/Entity/SideBarRelations/container/CustomSidebarInfoContainer.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"CustomSidebarInfoContainer.js","names":["_propTypes","_interopRequireDefault","require","_react","_useCustomSidebarData2","_CustomSidebarInfo","CustomSibebarInfoContainer","_ref","id","schema","displayProperties","_useCustomSidebarData","useCustomSidebarData","data","Object","keys","length","items","values","flatMap","item","createElement","customSidebarInfoKey","key","_default","exports","propTypes","PropTypes","string","isRequired","object"],"sources":["../../../../../../src/components/EntityManager/Entity/SideBarRelations/container/CustomSidebarInfoContainer.js"],"sourcesContent":["import PropTypes from 'prop-types';\nimport React from 'react';\nimport useCustomSidebarData from '../hooks/useCustomSidebarData';\nimport CustomSidebarInfo from '../presentational/CustomSidebarInfo';\n\nconst CustomSibebarInfoContainer = ({ id, schema, displayProperties }) => {\n  const { data } = useCustomSidebarData({ id, schema, displayProperties });\n\n  if (!data || !Object.keys(data) || Object.keys(data).length === 0) return null;\n\n  const items = Object.values(data).flatMap(item => Object.values(item));\n\n  return <CustomSidebarInfo items={items} customSidebarInfoKey={displayProperties.key} />;\n};\n\nexport default CustomSibebarInfoContainer;\n\nCustomSibebarInfoContainer.propTypes = {\n  id: PropTypes.string.isRequired,\n  displayProperties: PropTypes.object.isRequired,\n  schema: PropTypes.object.isRequired\n};\n"],"mappings":";;;;;;;;;;;;;AAAA,IAAAA,UAAA,GAAAC,sBAAA,CAAAC,OAAA;AACA,IAAAC,MAAA,GAAAF,sBAAA,CAAAC,OAAA;AACA,IAAAE,sBAAA,GAAAH,sBAAA,CAAAC,OAAA;AACA,IAAAG,kBAAA,GAAAJ,sBAAA,CAAAC,OAAA;AAEA,IAAMI,0BAA0B,GAAG,SAA7BA,0BAA0BA,CAAAC,IAAA,EAA0C;EAAA,IAApCC,EAAE,GAAAD,IAAA,CAAFC,EAAE;IAAEC,MAAM,GAAAF,IAAA,CAANE,MAAM;IAAEC,iBAAiB,GAAAH,IAAA,CAAjBG,iBAAiB;EACjE,IAAAC,qBAAA,GAAiB,IAAAC,iCAAoB,EAAC;MAAEJ,EAAE,EAAFA,EAAE;MAAEC,MAAM,EAANA,MAAM;MAAEC,iBAAiB,EAAjBA;IAAkB,CAAC,CAAC;IAAhEG,IAAI,GAAAF,qBAAA,CAAJE,IAAI;EAEZ,IAAI,CAACA,IAAI,IAAI,CAACC,MAAM,CAACC,IAAI,CAACF,IAAI,CAAC,IAAIC,MAAM,CAACC,IAAI,CAACF,IAAI,CAAC,CAACG,MAAM,KAAK,CAAC,EAAE,OAAO,IAAI;EAE9E,IAAMC,KAAK,GAAGH,MAAM,CAACI,MAAM,CAACL,IAAI,CAAC,CAACM,OAAO,CAAC,UAAAC,IAAI;IAAA,OAAIN,MAAM,CAACI,MAAM,CAACE,IAAI,CAAC;EAAA,EAAC;EAEtE,oBAAOjB,MAAA,YAAAkB,aAAA,CAAChB,kBAAA,WAAiB;IAACY,KAAK,EAAEA,KAAM;IAACK,oBAAoB,EAAEZ,iBAAiB,CAACa;EAAI,CAAE,CAAC;AACzF,CAAC;AAAC,IAAAC,QAAA,GAEalB,0BAA0B;AAAAmB,OAAA,cAAAD,QAAA;AAEzClB,0BAA0B,CAACoB,SAAS,GAAG;EACrClB,EAAE,EAAEmB,qBAAS,CAACC,MAAM,CAACC,UAAU;EAC/BnB,iBAAiB,EAAEiB,qBAAS,CAACG,MAAM,CAACD,UAAU;EAC9CpB,MAAM,EAAEkB,qBAAS,CAACG,MAAM,CAACD;AAC3B,CAAC"}

package/lib/components/EntityManager/Entity/SideBarRelations/helpers/build-dynamic-query.js

@@ -0,0 +1,32 @@
+"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"] = buildDynamicQuery;
+var _taggedTemplateLiteral2 = _interopRequireDefault(require("@babel/runtime/helpers/taggedTemplateLiteral"));
+require("core-js/modules/es.array.is-array.js");
+require("core-js/modules/es.array.map.js");
+var _client = require("@apollo/client");
+var _coreErrors = require("@blaze-cms/core-errors");
+var _templateObject;
+function buildDynamicQuery(_ref) {
+  var id = _ref.id,
+    schema = _ref.schema,
+    displayProperties = _ref.displayProperties;
+  if (!schema || !schema.actions || !schema.actions.get || !schema.properties) {
+    throw new _coreErrors.BlazeError('DataEntity query requires get action, properties and fields from entity schema');
+  }
+  if (displayProperties.adminMainInfoProperty && Array.isArray(displayProperties.adminMainInfoProperty)) {
+    var fields = displayProperties.adminMainInfoProperty.map(function (infoProperty) {
+      return "".concat(infoProperty, " {\n        label\n        value\n      }");
+    });
+    return (0, _client.gql)(_templateObject || (_templateObject = (0, _taggedTemplateLiteral2["default"])(["query getInfoBoxData($id: String!){\n      ", "( id: $id ) {\n        id\n       ", "\n       __typename\n      }\n    }"])), schema.actions.get, fields.map(function (field) {
+      return field;
+    }));
+  }
+  return null;
+}
+//# sourceMappingURL=build-dynamic-query.js.map

package/lib/components/EntityManager/Entity/SideBarRelations/helpers/build-dynamic-query.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"build-dynamic-query.js","names":["_client","require","_coreErrors","_templateObject","buildDynamicQuery","_ref","id","schema","displayProperties","actions","get","properties","BlazeError","adminMainInfoProperty","Array","isArray","fields","map","infoProperty","concat","gql","_taggedTemplateLiteral2","field"],"sources":["../../../../../../src/components/EntityManager/Entity/SideBarRelations/helpers/build-dynamic-query.js"],"sourcesContent":["import { gql } from '@apollo/client';\nimport { BlazeError } from '@blaze-cms/core-errors';\n\nexport default function buildDynamicQuery({ id, schema, displayProperties }) {\n  if (!schema || !schema.actions || !schema.actions.get || !schema.properties) {\n    throw new BlazeError(\n      'DataEntity query requires get action, properties and fields from entity schema'\n    );\n  }\n\n  if (\n    displayProperties.adminMainInfoProperty &&\n    Array.isArray(displayProperties.adminMainInfoProperty)\n  ) {\n    const fields = displayProperties.adminMainInfoProperty.map(\n      infoProperty =>\n        `${infoProperty} {\n        label\n        value\n      }`\n    );\n\n    return gql`query getInfoBoxData($id: String!){\n      ${schema.actions.get}( id: $id ) {\n        id\n       ${fields.map(field => field)}\n       __typename\n      }\n    }`;\n  }\n\n  return null;\n}\n"],"mappings":";;;;;;;;;;;AAAA,IAAAA,OAAA,GAAAC,OAAA;AACA,IAAAC,WAAA,GAAAD,OAAA;AAAoD,IAAAE,eAAA;AAErC,SAASC,iBAAiBA,CAAAC,IAAA,EAAoC;EAAA,IAAjCC,EAAE,GAAAD,IAAA,CAAFC,EAAE;IAAEC,MAAM,GAAAF,IAAA,CAANE,MAAM;IAAEC,iBAAiB,GAAAH,IAAA,CAAjBG,iBAAiB;EACvE,IAAI,CAACD,MAAM,IAAI,CAACA,MAAM,CAACE,OAAO,IAAI,CAACF,MAAM,CAACE,OAAO,CAACC,GAAG,IAAI,CAACH,MAAM,CAACI,UAAU,EAAE;IAC3E,MAAM,IAAIC,sBAAU,CAClB,gFACF,CAAC;EACH;EAEA,IACEJ,iBAAiB,CAACK,qBAAqB,IACvCC,KAAK,CAACC,OAAO,CAACP,iBAAiB,CAACK,qBAAqB,CAAC,EACtD;IACA,IAAMG,MAAM,GAAGR,iBAAiB,CAACK,qBAAqB,CAACI,GAAG,CACxD,UAAAC,YAAY;MAAA,UAAAC,MAAA,CACPD,YAAY;IAAA,CAInB,CAAC;IAED,WAAOE,WAAG,EAAAjB,eAAA,KAAAA,eAAA,OAAAkB,uBAAA,6IACNd,MAAM,CAACE,OAAO,CAACC,GAAG,EAEjBM,MAAM,CAACC,GAAG,CAAC,UAAAK,KAAK;MAAA,OAAIA,KAAK;IAAA,EAAC;EAIjC;EAEA,OAAO,IAAI;AACb"}

package/lib/components/EntityManager/Entity/SideBarRelations/hooks/useCustomSidebarData.js

@@ -0,0 +1,45 @@
+"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 _taggedTemplateLiteral2 = _interopRequireDefault(require("@babel/runtime/helpers/taggedTemplateLiteral"));
+var _propTypes = _interopRequireDefault(require("prop-types"));
+var _client = require("@apollo/client");
+var _buildDynamicQuery = _interopRequireDefault(require("../helpers/build-dynamic-query"));
+var _templateObject;
+var useCustomSidebarData = function useCustomSidebarData(_ref) {
+  var id = _ref.id,
+    schema = _ref.schema,
+    displayProperties = _ref.displayProperties;
+  var query = (0, _buildDynamicQuery["default"])({
+    id: id,
+    schema: schema,
+    displayProperties: displayProperties
+  });
+  var customSidebarInfoQuery = query || (0, _client.gql)(_templateObject || (_templateObject = (0, _taggedTemplateLiteral2["default"])(["\n      query {\n        __typename\n      }\n    "])));
+  var _useQuery = (0, _client.useQuery)(customSidebarInfoQuery, {
+      variables: {
+        id: id
+      },
+      skip: !query
+    }),
+    _useQuery$data = _useQuery.data,
+    data = _useQuery$data === void 0 ? {} : _useQuery$data,
+    loading = _useQuery.loading,
+    error = _useQuery.error;
+  return {
+    data: data.__typename !== 'Query' ? data : null,
+    loading: loading,
+    error: error
+  };
+};
+var _default = useCustomSidebarData;
+exports["default"] = _default;
+useCustomSidebarData.propTypes = {
+  displayProperties: _propTypes["default"].object.isRequired
+};
+//# sourceMappingURL=useCustomSidebarData.js.map

package/lib/components/EntityManager/Entity/SideBarRelations/hooks/useCustomSidebarData.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useCustomSidebarData.js","names":["_propTypes","_interopRequireDefault","require","_client","_buildDynamicQuery","_templateObject","useCustomSidebarData","_ref","id","schema","displayProperties","query","buildDynamicQuery","customSidebarInfoQuery","gql","_taggedTemplateLiteral2","_useQuery","useQuery","variables","skip","_useQuery$data","data","loading","error","__typename","_default","exports","propTypes","ProptTypes","object","isRequired"],"sources":["../../../../../../src/components/EntityManager/Entity/SideBarRelations/hooks/useCustomSidebarData.js"],"sourcesContent":["import ProptTypes from 'prop-types';\nimport { useQuery, gql } from '@apollo/client';\nimport buildDynamicQuery from '../helpers/build-dynamic-query';\n\nconst useCustomSidebarData = ({ id, schema, displayProperties }) => {\n  const query = buildDynamicQuery({ id, schema, displayProperties });\n\n  const customSidebarInfoQuery =\n    query ||\n    gql`\n      query {\n        __typename\n      }\n    `;\n\n  const { data = {}, loading, error } = useQuery(customSidebarInfoQuery, {\n    variables: { id },\n    skip: !query\n  });\n\n  return { data: data.__typename !== 'Query' ? data : null, loading, error };\n};\n\nexport default useCustomSidebarData;\n\nuseCustomSidebarData.propTypes = {\n  displayProperties: ProptTypes.object.isRequired\n};\n"],"mappings":";;;;;;;;;AAAA,IAAAA,UAAA,GAAAC,sBAAA,CAAAC,OAAA;AACA,IAAAC,OAAA,GAAAD,OAAA;AACA,IAAAE,kBAAA,GAAAH,sBAAA,CAAAC,OAAA;AAA+D,IAAAG,eAAA;AAE/D,IAAMC,oBAAoB,GAAG,SAAvBA,oBAAoBA,CAAAC,IAAA,EAA0C;EAAA,IAApCC,EAAE,GAAAD,IAAA,CAAFC,EAAE;IAAEC,MAAM,GAAAF,IAAA,CAANE,MAAM;IAAEC,iBAAiB,GAAAH,IAAA,CAAjBG,iBAAiB;EAC3D,IAAMC,KAAK,GAAG,IAAAC,6BAAiB,EAAC;IAAEJ,EAAE,EAAFA,EAAE;IAAEC,MAAM,EAANA,MAAM;IAAEC,iBAAiB,EAAjBA;EAAkB,CAAC,CAAC;EAElE,IAAMG,sBAAsB,GAC1BF,KAAK,QACLG,WAAG,EAAAT,eAAA,KAAAA,eAAA,OAAAU,uBAAA,sEAIF;EAEH,IAAAC,SAAA,GAAsC,IAAAC,gBAAQ,EAACJ,sBAAsB,EAAE;MACrEK,SAAS,EAAE;QAAEV,EAAE,EAAFA;MAAG,CAAC;MACjBW,IAAI,EAAE,CAACR;IACT,CAAC,CAAC;IAAAS,cAAA,GAAAJ,SAAA,CAHMK,IAAI;IAAJA,IAAI,GAAAD,cAAA,cAAG,CAAC,CAAC,GAAAA,cAAA;IAAEE,OAAO,GAAAN,SAAA,CAAPM,OAAO;IAAEC,KAAK,GAAAP,SAAA,CAALO,KAAK;EAKjC,OAAO;IAAEF,IAAI,EAAEA,IAAI,CAACG,UAAU,KAAK,OAAO,GAAGH,IAAI,GAAG,IAAI;IAAEC,OAAO,EAAPA,OAAO;IAAEC,KAAK,EAALA;EAAM,CAAC;AAC5E,CAAC;AAAC,IAAAE,QAAA,GAEanB,oBAAoB;AAAAoB,OAAA,cAAAD,QAAA;AAEnCnB,oBAAoB,CAACqB,SAAS,GAAG;EAC/BjB,iBAAiB,EAAEkB,qBAAU,CAACC,MAAM,CAACC;AACvC,CAAC"}

package/lib/components/EntityManager/Entity/SideBarRelations/index.js

@@ -28,6 +28,8 @@ var _reactFormBuilder = require("@blaze-cms/react-form-builder");
 var _classnames = _interopRequireDefault(require("classnames"));
 var _versioningUi = require("@blaze-cms/versioning-ui");
 var _constants = require("../../../../constants");
+var _CustomSidebarInfoContainer = _interopRequireDefault(require("./container/CustomSidebarInfoContainer"));
+var _EntitiyNavLinks = _interopRequireDefault(require("../EntitiyNavLinks"));
 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 SideBarRelations = function SideBarRelations(_ref) {
@@ -144,16 +146,24 @@ var SideBarRelations = function SideBarRelations(_ref) {
     "data-testid": "sideBarRelations-main-div"
   }, /*#__PURE__*/_react["default"].createElement("div", {
     className: "sidebar__content"
-  }, formattedCreated && /*#__PURE__*/_react["default"].createElement("div", {
+  }, /*#__PURE__*/_react["default"].createElement("div", {
     className: "sidebar__status"
+  }, formattedCreated && /*#__PURE__*/_react["default"].createElement("div", {
+    className: "sidebar__top"
   }, /*#__PURE__*/_react["default"].createElement("div", {
     className: "sidebar__status__wrapper"
   }, /*#__PURE__*/_react["default"].createElement("b", null, "Status"), /*#__PURE__*/_react["default"].createElement("span", {
     className: statusClassName
-  }, formattedStatus)), formattedStatus === _constants.PUBLISHED && /*#__PURE__*/_react["default"].createElement("p", null, formattedStatus, " on: ", /*#__PURE__*/_react["default"].createElement("span", null, " ", formattedPublished)), /*#__PURE__*/_react["default"].createElement("p", null, "Created: ", /*#__PURE__*/_react["default"].createElement("span", null, formattedCreated)), /*#__PURE__*/_react["default"].createElement("p", null, "Updated: ", /*#__PURE__*/_react["default"].createElement("span", null, formattedUpdated))), /*#__PURE__*/_react["default"].createElement(_versioningUi.VersionsList, {
+  }, formattedStatus)), formattedStatus === _constants.PUBLISHED && /*#__PURE__*/_react["default"].createElement("p", null, formattedStatus, " on: ", /*#__PURE__*/_react["default"].createElement("span", null, " ", formattedPublished))), !schema.displayProperties.adminMainInfoProperty && /*#__PURE__*/_react["default"].createElement(_react["default"].Fragment, null, /*#__PURE__*/_react["default"].createElement("p", null, "Created: ", /*#__PURE__*/_react["default"].createElement("span", null, formattedCreated)), /*#__PURE__*/_react["default"].createElement("p", null, "Updated: ", /*#__PURE__*/_react["default"].createElement("span", null, formattedUpdated))), /*#__PURE__*/_react["default"].createElement(_CustomSidebarInfoContainer["default"], {
+    id: itemId,
+    schema: schema,
+    displayProperties: schema.displayProperties
+  })), /*#__PURE__*/_react["default"].createElement(_versioningUi.VersionsList, {
     itemEntity: itemEntity,
     itemId: itemId,
     interfaces: interfaces
+  }), /*#__PURE__*/_react["default"].createElement(_EntitiyNavLinks["default"], {
+    schema: schema
   }), relationsComponents && relationsComponents.map(function (_ref7) {
     var id = _ref7.id,
       staticData = _ref7.staticData,

package/lib/components/EntityManager/Entity/SideBarRelations/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":["_react","_interopRequireWildcard","require","_propTypes","_interopRequireDefault","_v","_client","_adminUiUtils","_reactFormBuilder","_classnames","_versioningUi","_constants","_getRequireWildcardCache","nodeInterop","WeakMap","cacheBabelInterop","cacheNodeInterop","obj","__esModule","_typeof","cache","has","get","newObj","hasPropertyDescriptor","Object","defineProperty","getOwnPropertyDescriptor","key","prototype","hasOwnProperty","call","desc","set","SideBarRelations","_ref","schema","onChange","formData","entity","RelationComponent","formFieldTypes","relation","formattedStatus","formattedUpdated","formattedCreated","formattedPublished","status","client","useApolloClient","_useState","useState","_useState2","_slicedToArray2","relationsComponents","setRelationsComponents","useEffect","_asyncToGenerator2","_regenerator","mark","_callee3","fetchRelationSchema","allRelationComponents","wrap","_callee3$","_context3","prev","next","_ref4","_callee","_ref3","entityIdentifier","_yield$client$query","_yield$client$query$d","relationSchema","_callee$","_context","abrupt","query","getQuery","variables","identifier","sent","data","getEntitySchemas","stop","_x","apply","arguments","Promise","all","relations","filter","_ref5","showInForm","foreignKey","properties","map","_ref6","_callee2","_callee2$","_context2","t0","uuidv1","t1","t2","id","staticData","_x2","itemId","itemEntity","interfaces","statusClassName","classnames","PUBLISHED","UNPUBLISHED","createElement","className","VersionsList","_ref7","entitySchema","onSelect","propTypes","PropTypes","object","isRequired","func","defaultProps","_default","exports"],"sources":["../../../../../src/components/EntityManager/Entity/SideBarRelations/index.js"],"sourcesContent":["import React, { useState, useEffect } from 'react';\nimport PropTypes from 'prop-types';\nimport uuidv1 from 'uuid/v1';\nimport { useApolloClient } from '@apollo/client';\nimport { getQuery } from '@blaze-cms/admin-ui-utils';\nimport { formFieldTypes } from '@blaze-cms/react-form-builder';\nimport classnames from 'classnames';\nimport { VersionsList } from '@blaze-cms/versioning-ui';\nimport { PUBLISHED, UNPUBLISHED } from '../../../../constants';\n\nconst SideBarRelations = ({ schema, onChange, formData, entity }) => {\n  const { relation: RelationComponent } = formFieldTypes;\n  const {\n    formattedStatus,\n    formattedUpdated,\n    formattedCreated,\n    formattedPublished,\n    status\n  } = formData;\n  const client = useApolloClient();\n  const [relationsComponents, setRelationsComponents] = useState(null);\n  useEffect(\n    () => {\n      (async () => {\n        const fetchRelationSchema = async ({ entityIdentifier }) => {\n          if (!entityIdentifier) return null;\n\n          const {\n            data: {\n              getEntitySchemas: [relationSchema]\n            }\n          } = await client.query({\n            query: getQuery('GET_ENTITY_SCHEMA'),\n            variables: { identifier: entityIdentifier }\n          });\n          return relationSchema;\n        };\n\n        if (!relationsComponents && schema) {\n          const allRelationComponents = await Promise.all(\n            schema.relations\n              .filter(({ showInForm, foreignKey }) => showInForm && schema.properties[foreignKey])\n              .map(async relation => ({\n                id: uuidv1(),\n                staticData: relation,\n                schema: await fetchRelationSchema(relation)\n              }))\n          );\n\n          setRelationsComponents(allRelationComponents);\n        }\n      })();\n    },\n    [client, relationsComponents, schema, schema.relations]\n  );\n  const { id: itemId } = entity;\n  const { identifier: itemEntity, interfaces } = schema;\n\n  const statusClassName = classnames('sidebar__status__badge', {\n    'sidebar__status__badge--published': status === PUBLISHED,\n    'sidebar__status__badge--unpublished': status === UNPUBLISHED\n  });\n\n  return (\n    <div className=\"sidebar\" data-testid=\"sideBarRelations-main-div\">\n      <div className=\"sidebar__content\">\n        {formattedCreated && (\n          <div className=\"sidebar__status\">\n            <div className=\"sidebar__status__wrapper\">\n              <b>Status</b>\n              <span className={statusClassName}>{formattedStatus}</span>\n            </div>\n            {formattedStatus === PUBLISHED && (\n              <p>\n                {formattedStatus} on: <span> {formattedPublished}</span>\n              </p>\n            )}\n\n            <p>\n              Created: <span>{formattedCreated}</span>\n            </p>\n            <p>\n              Updated: <span>{formattedUpdated}</span>\n            </p>\n          </div>\n        )}\n\n        <VersionsList itemEntity={itemEntity} itemId={itemId} interfaces={interfaces} />\n        {relationsComponents &&\n          relationsComponents.map(({ id, staticData, schema: entitySchema }) => (\n            <RelationComponent\n              formData={formData}\n              schema={entitySchema}\n              key={id}\n              staticData={staticData}\n              onSelect={onChange}\n            />\n          ))}\n      </div>\n    </div>\n  );\n};\n\nSideBarRelations.propTypes = {\n  schema: PropTypes.object.isRequired,\n  onChange: PropTypes.func.isRequired,\n  formData: PropTypes.object.isRequired,\n  entity: PropTypes.object\n};\n\nSideBarRelations.defaultProps = {\n  entity: {}\n};\n\nexport default SideBarRelations;\n"],"mappings":"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"}
+{"version":3,"file":"index.js","names":["_react","_interopRequireWildcard","require","_propTypes","_interopRequireDefault","_v","_client","_adminUiUtils","_reactFormBuilder","_classnames","_versioningUi","_constants","_CustomSidebarInfoContainer","_EntitiyNavLinks","_getRequireWildcardCache","nodeInterop","WeakMap","cacheBabelInterop","cacheNodeInterop","obj","__esModule","_typeof","cache","has","get","newObj","hasPropertyDescriptor","Object","defineProperty","getOwnPropertyDescriptor","key","prototype","hasOwnProperty","call","desc","set","SideBarRelations","_ref","schema","onChange","formData","entity","RelationComponent","formFieldTypes","relation","formattedStatus","formattedUpdated","formattedCreated","formattedPublished","status","client","useApolloClient","_useState","useState","_useState2","_slicedToArray2","relationsComponents","setRelationsComponents","useEffect","_asyncToGenerator2","_regenerator","mark","_callee3","fetchRelationSchema","allRelationComponents","wrap","_callee3$","_context3","prev","next","_ref4","_callee","_ref3","entityIdentifier","_yield$client$query","_yield$client$query$d","relationSchema","_callee$","_context","abrupt","query","getQuery","variables","identifier","sent","data","getEntitySchemas","stop","_x","apply","arguments","Promise","all","relations","filter","_ref5","showInForm","foreignKey","properties","map","_ref6","_callee2","_callee2$","_context2","t0","uuidv1","t1","t2","id","staticData","_x2","itemId","itemEntity","interfaces","statusClassName","classnames","PUBLISHED","UNPUBLISHED","createElement","className","displayProperties","adminMainInfoProperty","Fragment","VersionsList","_ref7","entitySchema","onSelect","propTypes","PropTypes","object","isRequired","func","defaultProps","_default","exports"],"sources":["../../../../../src/components/EntityManager/Entity/SideBarRelations/index.js"],"sourcesContent":["import React, { useState, useEffect } from 'react';\nimport PropTypes from 'prop-types';\nimport uuidv1 from 'uuid/v1';\nimport { useApolloClient } from '@apollo/client';\nimport { getQuery } from '@blaze-cms/admin-ui-utils';\nimport { formFieldTypes } from '@blaze-cms/react-form-builder';\nimport classnames from 'classnames';\nimport { VersionsList } from '@blaze-cms/versioning-ui';\nimport { PUBLISHED, UNPUBLISHED } from '../../../../constants';\nimport CustomSidebarInfoContainer from './container/CustomSidebarInfoContainer';\nimport EntityNavLinks from '../EntitiyNavLinks';\n\nconst SideBarRelations = ({ schema, onChange, formData, entity }) => {\n  const { relation: RelationComponent } = formFieldTypes;\n  const {\n    formattedStatus,\n    formattedUpdated,\n    formattedCreated,\n    formattedPublished,\n    status\n  } = formData;\n  const client = useApolloClient();\n\n  const [relationsComponents, setRelationsComponents] = useState(null);\n\n  useEffect(\n    () => {\n      (async () => {\n        const fetchRelationSchema = async ({ entityIdentifier }) => {\n          if (!entityIdentifier) return null;\n\n          const {\n            data: {\n              getEntitySchemas: [relationSchema]\n            }\n          } = await client.query({\n            query: getQuery('GET_ENTITY_SCHEMA'),\n            variables: { identifier: entityIdentifier }\n          });\n          return relationSchema;\n        };\n\n        if (!relationsComponents && schema) {\n          const allRelationComponents = await Promise.all(\n            schema.relations\n              .filter(({ showInForm, foreignKey }) => showInForm && schema.properties[foreignKey])\n              .map(async relation => ({\n                id: uuidv1(),\n                staticData: relation,\n                schema: await fetchRelationSchema(relation)\n              }))\n          );\n\n          setRelationsComponents(allRelationComponents);\n        }\n      })();\n    },\n    [client, relationsComponents, schema, schema.relations]\n  );\n  const { id: itemId } = entity;\n  const { identifier: itemEntity, interfaces } = schema;\n\n  const statusClassName = classnames('sidebar__status__badge', {\n    'sidebar__status__badge--published': status === PUBLISHED,\n    'sidebar__status__badge--unpublished': status === UNPUBLISHED\n  });\n\n  return (\n    <div className=\"sidebar\" data-testid=\"sideBarRelations-main-div\">\n      <div className=\"sidebar__content\">\n        <div className=\"sidebar__status\">\n          {formattedCreated && (\n            <div className=\"sidebar__top\">\n              <div className=\"sidebar__status__wrapper\">\n                <b>Status</b>\n                <span className={statusClassName}>{formattedStatus}</span>\n              </div>\n              {formattedStatus === PUBLISHED && (\n                <p>\n                  {formattedStatus} on: <span> {formattedPublished}</span>\n                </p>\n              )}\n            </div>\n          )}\n\n          {!schema.displayProperties.adminMainInfoProperty && (\n            <>\n              <p>\n                Created: <span>{formattedCreated}</span>\n              </p>\n              <p>\n                Updated: <span>{formattedUpdated}</span>\n              </p>\n            </>\n          )}\n\n          <CustomSidebarInfoContainer\n            id={itemId}\n            schema={schema}\n            displayProperties={schema.displayProperties}\n          />\n        </div>\n\n        <VersionsList itemEntity={itemEntity} itemId={itemId} interfaces={interfaces} />\n        <EntityNavLinks schema={schema} />\n\n        {relationsComponents &&\n          relationsComponents.map(({ id, staticData, schema: entitySchema }) => (\n            <RelationComponent\n              formData={formData}\n              schema={entitySchema}\n              key={id}\n              staticData={staticData}\n              onSelect={onChange}\n            />\n          ))}\n      </div>\n    </div>\n  );\n};\n\nSideBarRelations.propTypes = {\n  schema: PropTypes.object.isRequired,\n  onChange: PropTypes.func.isRequired,\n  formData: PropTypes.object.isRequired,\n  entity: PropTypes.object\n};\n\nSideBarRelations.defaultProps = {\n  entity: {}\n};\n\nexport default SideBarRelations;\n"],"mappings":"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"}

package/lib/components/EntityManager/Entity/SideBarRelations/presentational/CustomSidebarInfo.js

@@ -0,0 +1,38 @@
+"use strict";
+
+require("core-js/modules/es.object.define-property.js");
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports["default"] = void 0;
+require("core-js/modules/es.array.map.js");
+require("core-js/modules/es.array.filter.js");
+require("core-js/modules/es.object.to-string.js");
+require("core-js/modules/es.object.values.js");
+var _propTypes = _interopRequireDefault(require("prop-types"));
+var _react = _interopRequireDefault(require("react"));
+var CustomSidebarInfo = function CustomSidebarInfo(_ref) {
+  var items = _ref.items,
+    customSidebarInfoKey = _ref.customSidebarInfoKey;
+  if (!items) return null;
+  var customSidebarInfoItems = items.map(function (item) {
+    return Object.values(item).map(function (info) {
+      if (!info.label || !info.value) return null;
+      return /*#__PURE__*/_react["default"].createElement("p", null, info.label, ": ", /*#__PURE__*/_react["default"].createElement("span", null, info.value));
+    }).filter(Boolean);
+  });
+  return /*#__PURE__*/_react["default"].createElement("div", {
+    className: "custom-sidebar-info",
+    key: customSidebarInfoKey
+  }, /*#__PURE__*/_react["default"].createElement("div", {
+    className: "custom-sidebar-info--container"
+  }, customSidebarInfoItems));
+};
+var _default = CustomSidebarInfo;
+exports["default"] = _default;
+CustomSidebarInfo.propTypes = {
+  customSidebarInfoKey: _propTypes["default"].string.isRequired,
+  items: _propTypes["default"].array.isRequired
+};
+//# sourceMappingURL=CustomSidebarInfo.js.map

package/lib/components/EntityManager/Entity/SideBarRelations/presentational/CustomSidebarInfo.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"CustomSidebarInfo.js","names":["_propTypes","_interopRequireDefault","require","_react","CustomSidebarInfo","_ref","items","customSidebarInfoKey","customSidebarInfoItems","map","item","Object","values","info","label","value","createElement","filter","Boolean","className","key","_default","exports","propTypes","PropTypes","string","isRequired","array"],"sources":["../../../../../../src/components/EntityManager/Entity/SideBarRelations/presentational/CustomSidebarInfo.js"],"sourcesContent":["import PropTypes from 'prop-types';\nimport React from 'react';\n\nconst CustomSidebarInfo = ({ items, customSidebarInfoKey }) => {\n  if (!items) return null;\n\n  const customSidebarInfoItems = items.map(item =>\n    Object.values(item)\n      .map(info => {\n        if (!info.label || !info.value) return null;\n\n        return (\n          <p>\n            {info.label}: <span>{info.value}</span>\n          </p>\n        );\n      })\n      .filter(Boolean)\n  );\n\n  return (\n    <div className=\"custom-sidebar-info\" key={customSidebarInfoKey}>\n      <div className=\"custom-sidebar-info--container\">{customSidebarInfoItems}</div>\n    </div>\n  );\n};\n\nexport default CustomSidebarInfo;\n\nCustomSidebarInfo.propTypes = {\n  customSidebarInfoKey: PropTypes.string.isRequired,\n  items: PropTypes.array.isRequired\n};\n"],"mappings":";;;;;;;;;;;;AAAA,IAAAA,UAAA,GAAAC,sBAAA,CAAAC,OAAA;AACA,IAAAC,MAAA,GAAAF,sBAAA,CAAAC,OAAA;AAEA,IAAME,iBAAiB,GAAG,SAApBA,iBAAiBA,CAAAC,IAAA,EAAwC;EAAA,IAAlCC,KAAK,GAAAD,IAAA,CAALC,KAAK;IAAEC,oBAAoB,GAAAF,IAAA,CAApBE,oBAAoB;EACtD,IAAI,CAACD,KAAK,EAAE,OAAO,IAAI;EAEvB,IAAME,sBAAsB,GAAGF,KAAK,CAACG,GAAG,CAAC,UAAAC,IAAI;IAAA,OAC3CC,MAAM,CAACC,MAAM,CAACF,IAAI,CAAC,CAChBD,GAAG,CAAC,UAAAI,IAAI,EAAI;MACX,IAAI,CAACA,IAAI,CAACC,KAAK,IAAI,CAACD,IAAI,CAACE,KAAK,EAAE,OAAO,IAAI;MAE3C,oBACEZ,MAAA,YAAAa,aAAA,YACGH,IAAI,CAACC,KAAK,EAAC,IAAE,eAAAX,MAAA,YAAAa,aAAA,eAAOH,IAAI,CAACE,KAAY,CACrC,CAAC;IAER,CAAC,CAAC,CACDE,MAAM,CAACC,OAAO,CAAC;EAAA,CACpB,CAAC;EAED,oBACEf,MAAA,YAAAa,aAAA;IAAKG,SAAS,EAAC,qBAAqB;IAACC,GAAG,EAAEb;EAAqB,gBAC7DJ,MAAA,YAAAa,aAAA;IAAKG,SAAS,EAAC;EAAgC,GAAEX,sBAA4B,CAC1E,CAAC;AAEV,CAAC;AAAC,IAAAa,QAAA,GAEajB,iBAAiB;AAAAkB,OAAA,cAAAD,QAAA;AAEhCjB,iBAAiB,CAACmB,SAAS,GAAG;EAC5BhB,oBAAoB,EAAEiB,qBAAS,CAACC,MAAM,CAACC,UAAU;EACjDpB,KAAK,EAAEkB,qBAAS,CAACG,KAAK,CAACD;AACzB,CAAC"}

package/lib-es/components/EntityManager/Entity/EntitiyNavLinks/EntityNavLinks.js

@@ -0,0 +1,30 @@
+import { Link } from 'react-router-dom';
+import React from 'react';
+const EntityNavLinks = ({
+  schema
+}) => {
+  if (!schema) return null;
+  const {
+    displayProperties: {
+      adminSectionNavigation
+    }
+  } = schema;
+  if (!adminSectionNavigation) return null;
+  const links = Object.entries(adminSectionNavigation).map(([k, v]) => {
+    const {
+      label,
+      uri
+    } = v;
+    const Wrapper = uri.startsWith('#') ? 'a' : Link;
+    return /*#__PURE__*/React.createElement(Wrapper, {
+      className: "entity-section-link",
+      href: uri,
+      to: uri
+    }, label);
+  });
+  return /*#__PURE__*/React.createElement("div", {
+    className: "entity-section-links"
+  }, links);
+};
+export default EntityNavLinks;
+//# sourceMappingURL=EntityNavLinks.js.map

package/lib-es/components/EntityManager/Entity/EntitiyNavLinks/EntityNavLinks.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"EntityNavLinks.js","names":["Link","React","EntityNavLinks","schema","displayProperties","adminSectionNavigation","links","Object","entries","map","k","v","label","uri","Wrapper","startsWith","createElement","className","href","to"],"sources":["../../../../../src/components/EntityManager/Entity/EntitiyNavLinks/EntityNavLinks.js"],"sourcesContent":["import { Link } from 'react-router-dom';\nimport React from 'react';\n\nconst EntityNavLinks = ({ schema }) => {\n  if (!schema) return null;\n\n  const {\n    displayProperties: { adminSectionNavigation }\n  } = schema;\n\n  if (!adminSectionNavigation) return null;\n\n  const links = Object.entries(adminSectionNavigation).map(([k, v]) => {\n    const { label, uri } = v;\n    const Wrapper = uri.startsWith('#') ? 'a' : Link;\n    return (\n      <Wrapper className=\"entity-section-link\" href={uri} to={uri}>\n        {label}\n      </Wrapper>\n    );\n  });\n\n  return <div className=\"entity-section-links\">{links}</div>;\n};\n\nexport default EntityNavLinks;\n"],"mappings":"AAAA,SAASA,IAAI,QAAQ,kBAAkB;AACvC,OAAOC,KAAK,MAAM,OAAO;AAEzB,MAAMC,cAAc,GAAGA,CAAC;EAAEC;AAAO,CAAC,KAAK;EACrC,IAAI,CAACA,MAAM,EAAE,OAAO,IAAI;EAExB,MAAM;IACJC,iBAAiB,EAAE;MAAEC;IAAuB;EAC9C,CAAC,GAAGF,MAAM;EAEV,IAAI,CAACE,sBAAsB,EAAE,OAAO,IAAI;EAExC,MAAMC,KAAK,GAAGC,MAAM,CAACC,OAAO,CAACH,sBAAsB,CAAC,CAACI,GAAG,CAAC,CAAC,CAACC,CAAC,EAAEC,CAAC,CAAC,KAAK;IACnE,MAAM;MAAEC,KAAK;MAAEC;IAAI,CAAC,GAAGF,CAAC;IACxB,MAAMG,OAAO,GAAGD,GAAG,CAACE,UAAU,CAAC,GAAG,CAAC,GAAG,GAAG,GAAGf,IAAI;IAChD,oBACEC,KAAA,CAAAe,aAAA,CAACF,OAAO;MAACG,SAAS,EAAC,qBAAqB;MAACC,IAAI,EAAEL,GAAI;MAACM,EAAE,EAAEN;IAAI,GACzDD,KACM,CAAC;EAEd,CAAC,CAAC;EAEF,oBAAOX,KAAA,CAAAe,aAAA;IAAKC,SAAS,EAAC;EAAsB,GAAEX,KAAW,CAAC;AAC5D,CAAC;AAED,eAAeJ,cAAc"}

package/lib-es/components/EntityManager/Entity/EntitiyNavLinks/index.js

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

package/lib-es/components/EntityManager/Entity/EntitiyNavLinks/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","names":["EntityNavLinks"],"sources":["../../../../../src/components/EntityManager/Entity/EntitiyNavLinks/index.js"],"sourcesContent":["import EntityNavLinks from './EntityNavLinks';\n\nexport default EntityNavLinks;\n"],"mappings":"AAAA,OAAOA,cAAc,MAAM,kBAAkB;AAE7C,eAAeA,cAAc"}

package/lib-es/components/EntityManager/Entity/SideBarRelations/container/CustomSidebarInfoContainer.js

@@ -0,0 +1,30 @@
+import PropTypes from 'prop-types';
+import React from 'react';
+import useCustomSidebarData from '../hooks/useCustomSidebarData';
+import CustomSidebarInfo from '../presentational/CustomSidebarInfo';
+const CustomSibebarInfoContainer = ({
+  id,
+  schema,
+  displayProperties
+}) => {
+  const {
+    data
+  } = useCustomSidebarData({
+    id,
+    schema,
+    displayProperties
+  });
+  if (!data || !Object.keys(data) || Object.keys(data).length === 0) return null;
+  const items = Object.values(data).flatMap(item => Object.values(item));
+  return /*#__PURE__*/React.createElement(CustomSidebarInfo, {
+    items: items,
+    customSidebarInfoKey: displayProperties.key
+  });
+};
+export default CustomSibebarInfoContainer;
+CustomSibebarInfoContainer.propTypes = {
+  id: PropTypes.string.isRequired,
+  displayProperties: PropTypes.object.isRequired,
+  schema: PropTypes.object.isRequired
+};
+//# sourceMappingURL=CustomSidebarInfoContainer.js.map

package/lib-es/components/EntityManager/Entity/SideBarRelations/container/CustomSidebarInfoContainer.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"CustomSidebarInfoContainer.js","names":["PropTypes","React","useCustomSidebarData","CustomSidebarInfo","CustomSibebarInfoContainer","id","schema","displayProperties","data","Object","keys","length","items","values","flatMap","item","createElement","customSidebarInfoKey","key","propTypes","string","isRequired","object"],"sources":["../../../../../../src/components/EntityManager/Entity/SideBarRelations/container/CustomSidebarInfoContainer.js"],"sourcesContent":["import PropTypes from 'prop-types';\nimport React from 'react';\nimport useCustomSidebarData from '../hooks/useCustomSidebarData';\nimport CustomSidebarInfo from '../presentational/CustomSidebarInfo';\n\nconst CustomSibebarInfoContainer = ({ id, schema, displayProperties }) => {\n  const { data } = useCustomSidebarData({ id, schema, displayProperties });\n\n  if (!data || !Object.keys(data) || Object.keys(data).length === 0) return null;\n\n  const items = Object.values(data).flatMap(item => Object.values(item));\n\n  return <CustomSidebarInfo items={items} customSidebarInfoKey={displayProperties.key} />;\n};\n\nexport default CustomSibebarInfoContainer;\n\nCustomSibebarInfoContainer.propTypes = {\n  id: PropTypes.string.isRequired,\n  displayProperties: PropTypes.object.isRequired,\n  schema: PropTypes.object.isRequired\n};\n"],"mappings":"AAAA,OAAOA,SAAS,MAAM,YAAY;AAClC,OAAOC,KAAK,MAAM,OAAO;AACzB,OAAOC,oBAAoB,MAAM,+BAA+B;AAChE,OAAOC,iBAAiB,MAAM,qCAAqC;AAEnE,MAAMC,0BAA0B,GAAGA,CAAC;EAAEC,EAAE;EAAEC,MAAM;EAAEC;AAAkB,CAAC,KAAK;EACxE,MAAM;IAAEC;EAAK,CAAC,GAAGN,oBAAoB,CAAC;IAAEG,EAAE;IAAEC,MAAM;IAAEC;EAAkB,CAAC,CAAC;EAExE,IAAI,CAACC,IAAI,IAAI,CAACC,MAAM,CAACC,IAAI,CAACF,IAAI,CAAC,IAAIC,MAAM,CAACC,IAAI,CAACF,IAAI,CAAC,CAACG,MAAM,KAAK,CAAC,EAAE,OAAO,IAAI;EAE9E,MAAMC,KAAK,GAAGH,MAAM,CAACI,MAAM,CAACL,IAAI,CAAC,CAACM,OAAO,CAACC,IAAI,IAAIN,MAAM,CAACI,MAAM,CAACE,IAAI,CAAC,CAAC;EAEtE,oBAAOd,KAAA,CAAAe,aAAA,CAACb,iBAAiB;IAACS,KAAK,EAAEA,KAAM;IAACK,oBAAoB,EAAEV,iBAAiB,CAACW;EAAI,CAAE,CAAC;AACzF,CAAC;AAED,eAAed,0BAA0B;AAEzCA,0BAA0B,CAACe,SAAS,GAAG;EACrCd,EAAE,EAAEL,SAAS,CAACoB,MAAM,CAACC,UAAU;EAC/Bd,iBAAiB,EAAEP,SAAS,CAACsB,MAAM,CAACD,UAAU;EAC9Cf,MAAM,EAAEN,SAAS,CAACsB,MAAM,CAACD;AAC3B,CAAC"}

package/lib-es/components/EntityManager/Entity/SideBarRelations/helpers/build-dynamic-query.js

@@ -0,0 +1,26 @@
+import { gql } from '@apollo/client';
+import { BlazeError } from '@blaze-cms/core-errors';
+export default function buildDynamicQuery({
+  id,
+  schema,
+  displayProperties
+}) {
+  if (!schema || !schema.actions || !schema.actions.get || !schema.properties) {
+    throw new BlazeError('DataEntity query requires get action, properties and fields from entity schema');
+  }
+  if (displayProperties.adminMainInfoProperty && Array.isArray(displayProperties.adminMainInfoProperty)) {
+    const fields = displayProperties.adminMainInfoProperty.map(infoProperty => `${infoProperty} {
+        label
+        value
+      }`);
+    return gql`query getInfoBoxData($id: String!){
+      ${schema.actions.get}( id: $id ) {
+        id
+       ${fields.map(field => field)}
+       __typename
+      }
+    }`;
+  }
+  return null;
+}
+//# sourceMappingURL=build-dynamic-query.js.map

package/lib-es/components/EntityManager/Entity/SideBarRelations/helpers/build-dynamic-query.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"build-dynamic-query.js","names":["gql","BlazeError","buildDynamicQuery","id","schema","displayProperties","actions","get","properties","adminMainInfoProperty","Array","isArray","fields","map","infoProperty","field"],"sources":["../../../../../../src/components/EntityManager/Entity/SideBarRelations/helpers/build-dynamic-query.js"],"sourcesContent":["import { gql } from '@apollo/client';\nimport { BlazeError } from '@blaze-cms/core-errors';\n\nexport default function buildDynamicQuery({ id, schema, displayProperties }) {\n  if (!schema || !schema.actions || !schema.actions.get || !schema.properties) {\n    throw new BlazeError(\n      'DataEntity query requires get action, properties and fields from entity schema'\n    );\n  }\n\n  if (\n    displayProperties.adminMainInfoProperty &&\n    Array.isArray(displayProperties.adminMainInfoProperty)\n  ) {\n    const fields = displayProperties.adminMainInfoProperty.map(\n      infoProperty =>\n        `${infoProperty} {\n        label\n        value\n      }`\n    );\n\n    return gql`query getInfoBoxData($id: String!){\n      ${schema.actions.get}( id: $id ) {\n        id\n       ${fields.map(field => field)}\n       __typename\n      }\n    }`;\n  }\n\n  return null;\n}\n"],"mappings":"AAAA,SAASA,GAAG,QAAQ,gBAAgB;AACpC,SAASC,UAAU,QAAQ,wBAAwB;AAEnD,eAAe,SAASC,iBAAiBA,CAAC;EAAEC,EAAE;EAAEC,MAAM;EAAEC;AAAkB,CAAC,EAAE;EAC3E,IAAI,CAACD,MAAM,IAAI,CAACA,MAAM,CAACE,OAAO,IAAI,CAACF,MAAM,CAACE,OAAO,CAACC,GAAG,IAAI,CAACH,MAAM,CAACI,UAAU,EAAE;IAC3E,MAAM,IAAIP,UAAU,CAClB,gFACF,CAAC;EACH;EAEA,IACEI,iBAAiB,CAACI,qBAAqB,IACvCC,KAAK,CAACC,OAAO,CAACN,iBAAiB,CAACI,qBAAqB,CAAC,EACtD;IACA,MAAMG,MAAM,GAAGP,iBAAiB,CAACI,qBAAqB,CAACI,GAAG,CACxDC,YAAY,IACT,GAAEA,YAAa;AACxB;AACA;AACA,QACI,CAAC;IAED,OAAOd,GAAI;AACf,QAAQI,MAAM,CAACE,OAAO,CAACC,GAAI;AAC3B;AACA,SAASK,MAAM,CAACC,GAAG,CAACE,KAAK,IAAIA,KAAK,CAAE;AACpC;AACA;AACA,MAAM;EACJ;EAEA,OAAO,IAAI;AACb"}

package/lib-es/components/EntityManager/Entity/SideBarRelations/hooks/useCustomSidebarData.js

@@ -0,0 +1,39 @@
+import ProptTypes from 'prop-types';
+import { useQuery, gql } from '@apollo/client';
+import buildDynamicQuery from '../helpers/build-dynamic-query';
+const useCustomSidebarData = ({
+  id,
+  schema,
+  displayProperties
+}) => {
+  const query = buildDynamicQuery({
+    id,
+    schema,
+    displayProperties
+  });
+  const customSidebarInfoQuery = query || gql`
+      query {
+        __typename
+      }
+    `;
+  const {
+    data = {},
+    loading,
+    error
+  } = useQuery(customSidebarInfoQuery, {
+    variables: {
+      id
+    },
+    skip: !query
+  });
+  return {
+    data: data.__typename !== 'Query' ? data : null,
+    loading,
+    error
+  };
+};
+export default useCustomSidebarData;
+useCustomSidebarData.propTypes = {
+  displayProperties: ProptTypes.object.isRequired
+};
+//# sourceMappingURL=useCustomSidebarData.js.map

package/lib-es/components/EntityManager/Entity/SideBarRelations/hooks/useCustomSidebarData.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useCustomSidebarData.js","names":["ProptTypes","useQuery","gql","buildDynamicQuery","useCustomSidebarData","id","schema","displayProperties","query","customSidebarInfoQuery","data","loading","error","variables","skip","__typename","propTypes","object","isRequired"],"sources":["../../../../../../src/components/EntityManager/Entity/SideBarRelations/hooks/useCustomSidebarData.js"],"sourcesContent":["import ProptTypes from 'prop-types';\nimport { useQuery, gql } from '@apollo/client';\nimport buildDynamicQuery from '../helpers/build-dynamic-query';\n\nconst useCustomSidebarData = ({ id, schema, displayProperties }) => {\n  const query = buildDynamicQuery({ id, schema, displayProperties });\n\n  const customSidebarInfoQuery =\n    query ||\n    gql`\n      query {\n        __typename\n      }\n    `;\n\n  const { data = {}, loading, error } = useQuery(customSidebarInfoQuery, {\n    variables: { id },\n    skip: !query\n  });\n\n  return { data: data.__typename !== 'Query' ? data : null, loading, error };\n};\n\nexport default useCustomSidebarData;\n\nuseCustomSidebarData.propTypes = {\n  displayProperties: ProptTypes.object.isRequired\n};\n"],"mappings":"AAAA,OAAOA,UAAU,MAAM,YAAY;AACnC,SAASC,QAAQ,EAAEC,GAAG,QAAQ,gBAAgB;AAC9C,OAAOC,iBAAiB,MAAM,gCAAgC;AAE9D,MAAMC,oBAAoB,GAAGA,CAAC;EAAEC,EAAE;EAAEC,MAAM;EAAEC;AAAkB,CAAC,KAAK;EAClE,MAAMC,KAAK,GAAGL,iBAAiB,CAAC;IAAEE,EAAE;IAAEC,MAAM;IAAEC;EAAkB,CAAC,CAAC;EAElE,MAAME,sBAAsB,GAC1BD,KAAK,IACLN,GAAI;AACR;AACA;AACA;AACA,KAAK;EAEH,MAAM;IAAEQ,IAAI,GAAG,CAAC,CAAC;IAAEC,OAAO;IAAEC;EAAM,CAAC,GAAGX,QAAQ,CAACQ,sBAAsB,EAAE;IACrEI,SAAS,EAAE;MAAER;IAAG,CAAC;IACjBS,IAAI,EAAE,CAACN;EACT,CAAC,CAAC;EAEF,OAAO;IAAEE,IAAI,EAAEA,IAAI,CAACK,UAAU,KAAK,OAAO,GAAGL,IAAI,GAAG,IAAI;IAAEC,OAAO;IAAEC;EAAM,CAAC;AAC5E,CAAC;AAED,eAAeR,oBAAoB;AAEnCA,oBAAoB,CAACY,SAAS,GAAG;EAC/BT,iBAAiB,EAAEP,UAAU,CAACiB,MAAM,CAACC;AACvC,CAAC"}

package/lib-es/components/EntityManager/Entity/SideBarRelations/index.js

@@ -7,6 +7,8 @@ import { formFieldTypes } from '@blaze-cms/react-form-builder';
 import classnames from 'classnames';
 import { VersionsList } from '@blaze-cms/versioning-ui';
 import { PUBLISHED, UNPUBLISHED } from '../../../../constants';
+import CustomSidebarInfoContainer from './container/CustomSidebarInfoContainer';
+import EntityNavLinks from '../EntitiyNavLinks';
 const SideBarRelations = ({
   schema,
   onChange,
@@ -72,16 +74,24 @@ const SideBarRelations = ({
     "data-testid": "sideBarRelations-main-div"
   }, /*#__PURE__*/React.createElement("div", {
     className: "sidebar__content"
-  }, formattedCreated && /*#__PURE__*/React.createElement("div", {
+  }, /*#__PURE__*/React.createElement("div", {
     className: "sidebar__status"
+  }, formattedCreated && /*#__PURE__*/React.createElement("div", {
+    className: "sidebar__top"
   }, /*#__PURE__*/React.createElement("div", {
     className: "sidebar__status__wrapper"
   }, /*#__PURE__*/React.createElement("b", null, "Status"), /*#__PURE__*/React.createElement("span", {
     className: statusClassName
-  }, formattedStatus)), formattedStatus === PUBLISHED && /*#__PURE__*/React.createElement("p", null, formattedStatus, " on: ", /*#__PURE__*/React.createElement("span", null, " ", formattedPublished)), /*#__PURE__*/React.createElement("p", null, "Created: ", /*#__PURE__*/React.createElement("span", null, formattedCreated)), /*#__PURE__*/React.createElement("p", null, "Updated: ", /*#__PURE__*/React.createElement("span", null, formattedUpdated))), /*#__PURE__*/React.createElement(VersionsList, {
+  }, formattedStatus)), formattedStatus === PUBLISHED && /*#__PURE__*/React.createElement("p", null, formattedStatus, " on: ", /*#__PURE__*/React.createElement("span", null, " ", formattedPublished))), !schema.displayProperties.adminMainInfoProperty && /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement("p", null, "Created: ", /*#__PURE__*/React.createElement("span", null, formattedCreated)), /*#__PURE__*/React.createElement("p", null, "Updated: ", /*#__PURE__*/React.createElement("span", null, formattedUpdated))), /*#__PURE__*/React.createElement(CustomSidebarInfoContainer, {
+    id: itemId,
+    schema: schema,
+    displayProperties: schema.displayProperties
+  })), /*#__PURE__*/React.createElement(VersionsList, {
     itemEntity: itemEntity,
     itemId: itemId,
     interfaces: interfaces
+  }), /*#__PURE__*/React.createElement(EntityNavLinks, {
+    schema: schema
   }), relationsComponents && relationsComponents.map(({
     id,
     staticData,

package/lib-es/components/EntityManager/Entity/SideBarRelations/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":["React","useState","useEffect","PropTypes","uuidv1","useApolloClient","getQuery","formFieldTypes","classnames","VersionsList","PUBLISHED","UNPUBLISHED","SideBarRelations","schema","onChange","formData","entity","relation","RelationComponent","formattedStatus","formattedUpdated","formattedCreated","formattedPublished","status","client","relationsComponents","setRelationsComponents","fetchRelationSchema","entityIdentifier","data","getEntitySchemas","relationSchema","query","variables","identifier","allRelationComponents","Promise","all","relations","filter","showInForm","foreignKey","properties","map","id","staticData","itemId","itemEntity","interfaces","statusClassName","createElement","className","entitySchema","key","onSelect","propTypes","object","isRequired","func","defaultProps"],"sources":["../../../../../src/components/EntityManager/Entity/SideBarRelations/index.js"],"sourcesContent":["import React, { useState, useEffect } from 'react';\nimport PropTypes from 'prop-types';\nimport uuidv1 from 'uuid/v1';\nimport { useApolloClient } from '@apollo/client';\nimport { getQuery } from '@blaze-cms/admin-ui-utils';\nimport { formFieldTypes } from '@blaze-cms/react-form-builder';\nimport classnames from 'classnames';\nimport { VersionsList } from '@blaze-cms/versioning-ui';\nimport { PUBLISHED, UNPUBLISHED } from '../../../../constants';\n\nconst SideBarRelations = ({ schema, onChange, formData, entity }) => {\n  const { relation: RelationComponent } = formFieldTypes;\n  const {\n    formattedStatus,\n    formattedUpdated,\n    formattedCreated,\n    formattedPublished,\n    status\n  } = formData;\n  const client = useApolloClient();\n  const [relationsComponents, setRelationsComponents] = useState(null);\n  useEffect(\n    () => {\n      (async () => {\n        const fetchRelationSchema = async ({ entityIdentifier }) => {\n          if (!entityIdentifier) return null;\n\n          const {\n            data: {\n              getEntitySchemas: [relationSchema]\n            }\n          } = await client.query({\n            query: getQuery('GET_ENTITY_SCHEMA'),\n            variables: { identifier: entityIdentifier }\n          });\n          return relationSchema;\n        };\n\n        if (!relationsComponents && schema) {\n          const allRelationComponents = await Promise.all(\n            schema.relations\n              .filter(({ showInForm, foreignKey }) => showInForm && schema.properties[foreignKey])\n              .map(async relation => ({\n                id: uuidv1(),\n                staticData: relation,\n                schema: await fetchRelationSchema(relation)\n              }))\n          );\n\n          setRelationsComponents(allRelationComponents);\n        }\n      })();\n    },\n    [client, relationsComponents, schema, schema.relations]\n  );\n  const { id: itemId } = entity;\n  const { identifier: itemEntity, interfaces } = schema;\n\n  const statusClassName = classnames('sidebar__status__badge', {\n    'sidebar__status__badge--published': status === PUBLISHED,\n    'sidebar__status__badge--unpublished': status === UNPUBLISHED\n  });\n\n  return (\n    <div className=\"sidebar\" data-testid=\"sideBarRelations-main-div\">\n      <div className=\"sidebar__content\">\n        {formattedCreated && (\n          <div className=\"sidebar__status\">\n            <div className=\"sidebar__status__wrapper\">\n              <b>Status</b>\n              <span className={statusClassName}>{formattedStatus}</span>\n            </div>\n            {formattedStatus === PUBLISHED && (\n              <p>\n                {formattedStatus} on: <span> {formattedPublished}</span>\n              </p>\n            )}\n\n            <p>\n              Created: <span>{formattedCreated}</span>\n            </p>\n            <p>\n              Updated: <span>{formattedUpdated}</span>\n            </p>\n          </div>\n        )}\n\n        <VersionsList itemEntity={itemEntity} itemId={itemId} interfaces={interfaces} />\n        {relationsComponents &&\n          relationsComponents.map(({ id, staticData, schema: entitySchema }) => (\n            <RelationComponent\n              formData={formData}\n              schema={entitySchema}\n              key={id}\n              staticData={staticData}\n              onSelect={onChange}\n            />\n          ))}\n      </div>\n    </div>\n  );\n};\n\nSideBarRelations.propTypes = {\n  schema: PropTypes.object.isRequired,\n  onChange: PropTypes.func.isRequired,\n  formData: PropTypes.object.isRequired,\n  entity: PropTypes.object\n};\n\nSideBarRelations.defaultProps = {\n  entity: {}\n};\n\nexport default SideBarRelations;\n"],"mappings":"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"}
+{"version":3,"file":"index.js","names":["React","useState","useEffect","PropTypes","uuidv1","useApolloClient","getQuery","formFieldTypes","classnames","VersionsList","PUBLISHED","UNPUBLISHED","CustomSidebarInfoContainer","EntityNavLinks","SideBarRelations","schema","onChange","formData","entity","relation","RelationComponent","formattedStatus","formattedUpdated","formattedCreated","formattedPublished","status","client","relationsComponents","setRelationsComponents","fetchRelationSchema","entityIdentifier","data","getEntitySchemas","relationSchema","query","variables","identifier","allRelationComponents","Promise","all","relations","filter","showInForm","foreignKey","properties","map","id","staticData","itemId","itemEntity","interfaces","statusClassName","createElement","className","displayProperties","adminMainInfoProperty","Fragment","entitySchema","key","onSelect","propTypes","object","isRequired","func","defaultProps"],"sources":["../../../../../src/components/EntityManager/Entity/SideBarRelations/index.js"],"sourcesContent":["import React, { useState, useEffect } from 'react';\nimport PropTypes from 'prop-types';\nimport uuidv1 from 'uuid/v1';\nimport { useApolloClient } from '@apollo/client';\nimport { getQuery } from '@blaze-cms/admin-ui-utils';\nimport { formFieldTypes } from '@blaze-cms/react-form-builder';\nimport classnames from 'classnames';\nimport { VersionsList } from '@blaze-cms/versioning-ui';\nimport { PUBLISHED, UNPUBLISHED } from '../../../../constants';\nimport CustomSidebarInfoContainer from './container/CustomSidebarInfoContainer';\nimport EntityNavLinks from '../EntitiyNavLinks';\n\nconst SideBarRelations = ({ schema, onChange, formData, entity }) => {\n  const { relation: RelationComponent } = formFieldTypes;\n  const {\n    formattedStatus,\n    formattedUpdated,\n    formattedCreated,\n    formattedPublished,\n    status\n  } = formData;\n  const client = useApolloClient();\n\n  const [relationsComponents, setRelationsComponents] = useState(null);\n\n  useEffect(\n    () => {\n      (async () => {\n        const fetchRelationSchema = async ({ entityIdentifier }) => {\n          if (!entityIdentifier) return null;\n\n          const {\n            data: {\n              getEntitySchemas: [relationSchema]\n            }\n          } = await client.query({\n            query: getQuery('GET_ENTITY_SCHEMA'),\n            variables: { identifier: entityIdentifier }\n          });\n          return relationSchema;\n        };\n\n        if (!relationsComponents && schema) {\n          const allRelationComponents = await Promise.all(\n            schema.relations\n              .filter(({ showInForm, foreignKey }) => showInForm && schema.properties[foreignKey])\n              .map(async relation => ({\n                id: uuidv1(),\n                staticData: relation,\n                schema: await fetchRelationSchema(relation)\n              }))\n          );\n\n          setRelationsComponents(allRelationComponents);\n        }\n      })();\n    },\n    [client, relationsComponents, schema, schema.relations]\n  );\n  const { id: itemId } = entity;\n  const { identifier: itemEntity, interfaces } = schema;\n\n  const statusClassName = classnames('sidebar__status__badge', {\n    'sidebar__status__badge--published': status === PUBLISHED,\n    'sidebar__status__badge--unpublished': status === UNPUBLISHED\n  });\n\n  return (\n    <div className=\"sidebar\" data-testid=\"sideBarRelations-main-div\">\n      <div className=\"sidebar__content\">\n        <div className=\"sidebar__status\">\n          {formattedCreated && (\n            <div className=\"sidebar__top\">\n              <div className=\"sidebar__status__wrapper\">\n                <b>Status</b>\n                <span className={statusClassName}>{formattedStatus}</span>\n              </div>\n              {formattedStatus === PUBLISHED && (\n                <p>\n                  {formattedStatus} on: <span> {formattedPublished}</span>\n                </p>\n              )}\n            </div>\n          )}\n\n          {!schema.displayProperties.adminMainInfoProperty && (\n            <>\n              <p>\n                Created: <span>{formattedCreated}</span>\n              </p>\n              <p>\n                Updated: <span>{formattedUpdated}</span>\n              </p>\n            </>\n          )}\n\n          <CustomSidebarInfoContainer\n            id={itemId}\n            schema={schema}\n            displayProperties={schema.displayProperties}\n          />\n        </div>\n\n        <VersionsList itemEntity={itemEntity} itemId={itemId} interfaces={interfaces} />\n        <EntityNavLinks schema={schema} />\n\n        {relationsComponents &&\n          relationsComponents.map(({ id, staticData, schema: entitySchema }) => (\n            <RelationComponent\n              formData={formData}\n              schema={entitySchema}\n              key={id}\n              staticData={staticData}\n              onSelect={onChange}\n            />\n          ))}\n      </div>\n    </div>\n  );\n};\n\nSideBarRelations.propTypes = {\n  schema: PropTypes.object.isRequired,\n  onChange: PropTypes.func.isRequired,\n  formData: PropTypes.object.isRequired,\n  entity: PropTypes.object\n};\n\nSideBarRelations.defaultProps = {\n  entity: {}\n};\n\nexport default SideBarRelations;\n"],"mappings":"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"}

package/lib-es/components/EntityManager/Entity/SideBarRelations/presentational/CustomSidebarInfo.js

@@ -0,0 +1,24 @@
+import PropTypes from 'prop-types';
+import React from 'react';
+const CustomSidebarInfo = ({
+  items,
+  customSidebarInfoKey
+}) => {
+  if (!items) return null;
+  const customSidebarInfoItems = items.map(item => Object.values(item).map(info => {
+    if (!info.label || !info.value) return null;
+    return /*#__PURE__*/React.createElement("p", null, info.label, ": ", /*#__PURE__*/React.createElement("span", null, info.value));
+  }).filter(Boolean));
+  return /*#__PURE__*/React.createElement("div", {
+    className: "custom-sidebar-info",
+    key: customSidebarInfoKey
+  }, /*#__PURE__*/React.createElement("div", {
+    className: "custom-sidebar-info--container"
+  }, customSidebarInfoItems));
+};
+export default CustomSidebarInfo;
+CustomSidebarInfo.propTypes = {
+  customSidebarInfoKey: PropTypes.string.isRequired,
+  items: PropTypes.array.isRequired
+};
+//# sourceMappingURL=CustomSidebarInfo.js.map

package/lib-es/components/EntityManager/Entity/SideBarRelations/presentational/CustomSidebarInfo.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"CustomSidebarInfo.js","names":["PropTypes","React","CustomSidebarInfo","items","customSidebarInfoKey","customSidebarInfoItems","map","item","Object","values","info","label","value","createElement","filter","Boolean","className","key","propTypes","string","isRequired","array"],"sources":["../../../../../../src/components/EntityManager/Entity/SideBarRelations/presentational/CustomSidebarInfo.js"],"sourcesContent":["import PropTypes from 'prop-types';\nimport React from 'react';\n\nconst CustomSidebarInfo = ({ items, customSidebarInfoKey }) => {\n  if (!items) return null;\n\n  const customSidebarInfoItems = items.map(item =>\n    Object.values(item)\n      .map(info => {\n        if (!info.label || !info.value) return null;\n\n        return (\n          <p>\n            {info.label}: <span>{info.value}</span>\n          </p>\n        );\n      })\n      .filter(Boolean)\n  );\n\n  return (\n    <div className=\"custom-sidebar-info\" key={customSidebarInfoKey}>\n      <div className=\"custom-sidebar-info--container\">{customSidebarInfoItems}</div>\n    </div>\n  );\n};\n\nexport default CustomSidebarInfo;\n\nCustomSidebarInfo.propTypes = {\n  customSidebarInfoKey: PropTypes.string.isRequired,\n  items: PropTypes.array.isRequired\n};\n"],"mappings":"AAAA,OAAOA,SAAS,MAAM,YAAY;AAClC,OAAOC,KAAK,MAAM,OAAO;AAEzB,MAAMC,iBAAiB,GAAGA,CAAC;EAAEC,KAAK;EAAEC;AAAqB,CAAC,KAAK;EAC7D,IAAI,CAACD,KAAK,EAAE,OAAO,IAAI;EAEvB,MAAME,sBAAsB,GAAGF,KAAK,CAACG,GAAG,CAACC,IAAI,IAC3CC,MAAM,CAACC,MAAM,CAACF,IAAI,CAAC,CAChBD,GAAG,CAACI,IAAI,IAAI;IACX,IAAI,CAACA,IAAI,CAACC,KAAK,IAAI,CAACD,IAAI,CAACE,KAAK,EAAE,OAAO,IAAI;IAE3C,oBACEX,KAAA,CAAAY,aAAA,YACGH,IAAI,CAACC,KAAK,EAAC,IAAE,eAAAV,KAAA,CAAAY,aAAA,eAAOH,IAAI,CAACE,KAAY,CACrC,CAAC;EAER,CAAC,CAAC,CACDE,MAAM,CAACC,OAAO,CACnB,CAAC;EAED,oBACEd,KAAA,CAAAY,aAAA;IAAKG,SAAS,EAAC,qBAAqB;IAACC,GAAG,EAAEb;EAAqB,gBAC7DH,KAAA,CAAAY,aAAA;IAAKG,SAAS,EAAC;EAAgC,GAAEX,sBAA4B,CAC1E,CAAC;AAEV,CAAC;AAED,eAAeH,iBAAiB;AAEhCA,iBAAiB,CAACgB,SAAS,GAAG;EAC5Bd,oBAAoB,EAAEJ,SAAS,CAACmB,MAAM,CAACC,UAAU;EACjDjB,KAAK,EAAEH,SAAS,CAACqB,KAAK,CAACD;AACzB,CAAC"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@blaze-cms/plugin-data-ui",
-  "version": "0.129.0-project-admin-customisations.0",
+  "version": "0.129.0-project-admin-customisations.1",
   "description": "Blaze plugin data ui",
   "main": "lib/index.js",
   "module": "lib-es/index.js",
@@ -27,11 +27,11 @@
   },
   "license": "GPL-3.0",
   "dependencies": {
-    "@blaze-cms/admin-ui-utils": "0.129.0-project-admin-customisations.0",
+    "@blaze-cms/admin-ui-utils": "0.129.0-project-admin-customisations.1",
     "@blaze-cms/core-errors": "0.129.0-project-admin-customisations.0",
     "@blaze-cms/plugin-render-hooks-ui": "0.129.0-project-admin-customisations.0",
-    "@blaze-cms/react-form-builder": "0.129.0-project-admin-customisations.0",
-    "@blaze-cms/react-page-builder": "0.129.0-project-admin-customisations.0",
+    "@blaze-cms/react-form-builder": "0.129.0-project-admin-customisations.1",
+    "@blaze-cms/react-page-builder": "0.129.0-project-admin-customisations.1",
     "@blaze-cms/setup-ui": "0.129.0-project-admin-customisations.0",
     "@blaze-cms/versioning-ui": "0.129.0-project-admin-customisations.0",
     "@blaze-react/button": "0.5.19",
@@ -66,5 +66,5 @@
     "lib/*",
     "lib-es/*"
   ],
-  "gitHead": "e277f858e06d9e30c22e355ea5b44132ef5e910c"
+  "gitHead": "48fd7d1e3861b250bdfd88e70710ead2bd9f5b2a"
 }

package/src/components/EntityManager/Entity/EntitiyNavLinks/EntityNavLinks.js

@@ -0,0 +1,26 @@
+import { Link } from 'react-router-dom';
+import React from 'react';
+
+const EntityNavLinks = ({ schema }) => {
+  if (!schema) return null;
+
+  const {
+    displayProperties: { adminSectionNavigation }
+  } = schema;
+
+  if (!adminSectionNavigation) return null;
+
+  const links = Object.entries(adminSectionNavigation).map(([k, v]) => {
+    const { label, uri } = v;
+    const Wrapper = uri.startsWith('#') ? 'a' : Link;
+    return (
+      <Wrapper className="entity-section-link" href={uri} to={uri}>
+        {label}
+      </Wrapper>
+    );
+  });
+
+  return <div className="entity-section-links">{links}</div>;
+};
+
+export default EntityNavLinks;

package/src/components/EntityManager/Entity/EntitiyNavLinks/index.js

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

package/src/components/EntityManager/Entity/SideBarRelations/container/CustomSidebarInfoContainer.js

@@ -0,0 +1,22 @@
+import PropTypes from 'prop-types';
+import React from 'react';
+import useCustomSidebarData from '../hooks/useCustomSidebarData';
+import CustomSidebarInfo from '../presentational/CustomSidebarInfo';
+
+const CustomSibebarInfoContainer = ({ id, schema, displayProperties }) => {
+  const { data } = useCustomSidebarData({ id, schema, displayProperties });
+
+  if (!data || !Object.keys(data) || Object.keys(data).length === 0) return null;
+
+  const items = Object.values(data).flatMap(item => Object.values(item));
+
+  return <CustomSidebarInfo items={items} customSidebarInfoKey={displayProperties.key} />;
+};
+
+export default CustomSibebarInfoContainer;
+
+CustomSibebarInfoContainer.propTypes = {
+  id: PropTypes.string.isRequired,
+  displayProperties: PropTypes.object.isRequired,
+  schema: PropTypes.object.isRequired
+};

package/src/components/EntityManager/Entity/SideBarRelations/helpers/build-dynamic-query.js

@@ -0,0 +1,33 @@
+import { gql } from '@apollo/client';
+import { BlazeError } from '@blaze-cms/core-errors';
+
+export default function buildDynamicQuery({ id, schema, displayProperties }) {
+  if (!schema || !schema.actions || !schema.actions.get || !schema.properties) {
+    throw new BlazeError(
+      'DataEntity query requires get action, properties and fields from entity schema'
+    );
+  }
+
+  if (
+    displayProperties.adminMainInfoProperty &&
+    Array.isArray(displayProperties.adminMainInfoProperty)
+  ) {
+    const fields = displayProperties.adminMainInfoProperty.map(
+      infoProperty =>
+        `${infoProperty} {
+        label
+        value
+      }`
+    );
+
+    return gql`query getInfoBoxData($id: String!){
+      ${schema.actions.get}( id: $id ) {
+        id
+       ${fields.map(field => field)}
+       __typename
+      }
+    }`;
+  }
+
+  return null;
+}

package/src/components/EntityManager/Entity/SideBarRelations/hooks/useCustomSidebarData.js

@@ -0,0 +1,28 @@
+import ProptTypes from 'prop-types';
+import { useQuery, gql } from '@apollo/client';
+import buildDynamicQuery from '../helpers/build-dynamic-query';
+
+const useCustomSidebarData = ({ id, schema, displayProperties }) => {
+  const query = buildDynamicQuery({ id, schema, displayProperties });
+
+  const customSidebarInfoQuery =
+    query ||
+    gql`
+      query {
+        __typename
+      }
+    `;
+
+  const { data = {}, loading, error } = useQuery(customSidebarInfoQuery, {
+    variables: { id },
+    skip: !query
+  });
+
+  return { data: data.__typename !== 'Query' ? data : null, loading, error };
+};
+
+export default useCustomSidebarData;
+
+useCustomSidebarData.propTypes = {
+  displayProperties: ProptTypes.object.isRequired
+};

package/src/components/EntityManager/Entity/SideBarRelations/index.js

@@ -7,6 +7,8 @@ import { formFieldTypes } from '@blaze-cms/react-form-builder';
 import classnames from 'classnames';
 import { VersionsList } from '@blaze-cms/versioning-ui';
 import { PUBLISHED, UNPUBLISHED } from '../../../../constants';
+import CustomSidebarInfoContainer from './container/CustomSidebarInfoContainer';
+import EntityNavLinks from '../EntitiyNavLinks';
 
 const SideBarRelations = ({ schema, onChange, formData, entity }) => {
   const { relation: RelationComponent } = formFieldTypes;
@@ -18,7 +20,9 @@ const SideBarRelations = ({ schema, onChange, formData, entity }) => {
     status
   } = formData;
   const client = useApolloClient();
+
   const [relationsComponents, setRelationsComponents] = useState(null);
+
   useEffect(
     () => {
       (async () => {
@@ -64,28 +68,42 @@ const SideBarRelations = ({ schema, onChange, formData, entity }) => {
   return (
     <div className="sidebar" data-testid="sideBarRelations-main-div">
       <div className="sidebar__content">
-        {formattedCreated && (
-          <div className="sidebar__status">
-            <div className="sidebar__status__wrapper">
-              <b>Status</b>
-              <span className={statusClassName}>{formattedStatus}</span>
+        <div className="sidebar__status">
+          {formattedCreated && (
+            <div className="sidebar__top">
+              <div className="sidebar__status__wrapper">
+                <b>Status</b>
+                <span className={statusClassName}>{formattedStatus}</span>
+              </div>
+              {formattedStatus === PUBLISHED && (
+                <p>
+                  {formattedStatus} on: <span> {formattedPublished}</span>
+                </p>
+              )}
             </div>
-            {formattedStatus === PUBLISHED && (
+          )}
+
+          {!schema.displayProperties.adminMainInfoProperty && (
+            <>
               <p>
-                {formattedStatus} on: <span> {formattedPublished}</span>
+                Created: <span>{formattedCreated}</span>
               </p>
-            )}
+              <p>
+                Updated: <span>{formattedUpdated}</span>
+              </p>
+            </>
+          )}
 
-            <p>
-              Created: <span>{formattedCreated}</span>
-            </p>
-            <p>
-              Updated: <span>{formattedUpdated}</span>
-            </p>
-          </div>
-        )}
+          <CustomSidebarInfoContainer
+            id={itemId}
+            schema={schema}
+            displayProperties={schema.displayProperties}
+          />
+        </div>
 
         <VersionsList itemEntity={itemEntity} itemId={itemId} interfaces={interfaces} />
+        <EntityNavLinks schema={schema} />
+
         {relationsComponents &&
           relationsComponents.map(({ id, staticData, schema: entitySchema }) => (
             <RelationComponent

package/src/components/EntityManager/Entity/SideBarRelations/presentational/CustomSidebarInfo.js

@@ -0,0 +1,33 @@
+import PropTypes from 'prop-types';
+import React from 'react';
+
+const CustomSidebarInfo = ({ items, customSidebarInfoKey }) => {
+  if (!items) return null;
+
+  const customSidebarInfoItems = items.map(item =>
+    Object.values(item)
+      .map(info => {
+        if (!info.label || !info.value) return null;
+
+        return (
+          <p>
+            {info.label}: <span>{info.value}</span>
+          </p>
+        );
+      })
+      .filter(Boolean)
+  );
+
+  return (
+    <div className="custom-sidebar-info" key={customSidebarInfoKey}>
+      <div className="custom-sidebar-info--container">{customSidebarInfoItems}</div>
+    </div>
+  );
+};
+
+export default CustomSidebarInfo;
+
+CustomSidebarInfo.propTypes = {
+  customSidebarInfoKey: PropTypes.string.isRequired,
+  items: PropTypes.array.isRequired
+};