@blaze-cms/plugin-data-ui 0.146.0-translations.6 → 0.147.0-rc-eagle.2

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

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

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

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":["_EntityHeader","_interopRequireDefault","require","_default","exports","EntityHeader"],"sources":["../../../../../src/components/EntityManager/Entity/EntityHeader/index.js"],"sourcesContent":["import EntityHeader from './EntityHeader';\n\nexport default EntityHeader;\n"],"mappings":";;;;;;;;AAAA,IAAAA,aAAA,GAAAC,sBAAA,CAAAC,OAAA;AAA0C,IAAAC,QAAA,GAAAC,OAAA,cAE3BC,wBAAY"}
+{"version":3,"file":"index.js","names":["_EntityHeader","_interopRequireDefault","require","_default","exports","default","EntityHeader"],"sources":["../../../../../src/components/EntityManager/Entity/EntityHeader/index.js"],"sourcesContent":["import EntityHeader from './EntityHeader';\n\nexport default EntityHeader;\n"],"mappings":";;;;;;;AAAA,IAAAA,aAAA,GAAAC,sBAAA,CAAAC,OAAA;AAA0C,IAAAC,QAAA,GAAAC,OAAA,CAAAC,OAAA,GAE3BC,qBAAY","ignoreList":[]}

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

@@ -1,43 +1,37 @@
 "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");
+exports.default = void 0;
 var _propTypes = _interopRequireDefault(require("prop-types"));
 var _react = _interopRequireDefault(require("react"));
-var _useCustomSidebarData2 = _interopRequireDefault(require("../hooks/useCustomSidebarData"));
+var _useCustomSidebarData = _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);
+const CustomSibebarInfoContainer = ({
+  id,
+  schema,
+  displayProperties
+}) => {
+  const {
+    data
+  } = (0, _useCustomSidebarData.default)({
+    id,
+    schema,
+    displayProperties
   });
-  return /*#__PURE__*/_react["default"].createElement(_CustomSidebarInfo["default"], {
+  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.default.createElement(_CustomSidebarInfo.default, {
     items: items,
     customSidebarInfoKey: displayProperties.key
   });
 };
-var _default = exports["default"] = CustomSibebarInfoContainer;
+var _default = exports.default = CustomSibebarInfoContainer;
 CustomSibebarInfoContainer.propTypes = {
-  id: _propTypes["default"].string.isRequired,
-  displayProperties: _propTypes["default"].object.isRequired,
-  schema: _propTypes["default"].object.isRequired
+  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

@@ -1 +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,GAAAC,OAAA,cAEanB,0BAA0B;AAEzCA,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"}
+{"version":3,"file":"CustomSidebarInfoContainer.js","names":["_propTypes","_interopRequireDefault","require","_react","_useCustomSidebarData","_CustomSidebarInfo","CustomSibebarInfoContainer","id","schema","displayProperties","data","useCustomSidebarData","Object","keys","length","items","values","flatMap","item","default","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,qBAAA,GAAAH,sBAAA,CAAAC,OAAA;AACA,IAAAG,kBAAA,GAAAJ,sBAAA,CAAAC,OAAA;AAEA,MAAMI,0BAA0B,GAAGA,CAAC;EAAEC,EAAE;EAAEC,MAAM;EAAEC;AAAkB,CAAC,KAAK;EACxE,MAAM;IAAEC;EAAK,CAAC,GAAG,IAAAC,6BAAoB,EAAC;IAAEJ,EAAE;IAAEC,MAAM;IAAEC;EAAkB,CAAC,CAAC;EAExE,IAAI,CAACC,IAAI,IAAI,CAACE,MAAM,CAACC,IAAI,CAACH,IAAI,CAAC,IAAIE,MAAM,CAACC,IAAI,CAACH,IAAI,CAAC,CAACI,MAAM,KAAK,CAAC,EAAE,OAAO,IAAI;EAE9E,MAAMC,KAAK,GAAGH,MAAM,CAACI,MAAM,CAACN,IAAI,CAAC,CAACO,OAAO,CAACC,IAAI,IAAIN,MAAM,CAACI,MAAM,CAACE,IAAI,CAAC,CAAC;EAEtE,oBAAOf,MAAA,CAAAgB,OAAA,CAAAC,aAAA,CAACf,kBAAA,CAAAc,OAAiB;IAACJ,KAAK,EAAEA,KAAM;IAACM,oBAAoB,EAAEZ,iBAAiB,CAACa;EAAI,CAAE,CAAC;AACzF,CAAC;AAAC,IAAAC,QAAA,GAAAC,OAAA,CAAAL,OAAA,GAEab,0BAA0B;AAEzCA,0BAA0B,CAACmB,SAAS,GAAG;EACrClB,EAAE,EAAEmB,kBAAS,CAACC,MAAM,CAACC,UAAU;EAC/BnB,iBAAiB,EAAEiB,kBAAS,CAACG,MAAM,CAACD,UAAU;EAC9CpB,MAAM,EAAEkB,kBAAS,CAACG,MAAM,CAACD;AAC3B,CAAC","ignoreList":[]}

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

@@ -1,31 +1,34 @@
 "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");
+exports.default = buildDynamicQuery;
 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;
+function buildDynamicQuery({
+  id,
+  schema,
+  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        showLabel\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;
-    }));
+    const fields = displayProperties.adminMainInfoProperty.map(infoProperty => `${infoProperty} {
+        label
+        value
+        showLabel
+        tooltipIcon
+        tooltipContent
+      }`);
+    return (0, _client.gql)`query getInfoBoxData($id: String!){
+      ${schema.actions.get}( id: $id ) {
+        id
+       ${fields.map(field => field)}
+       __typename
+      }
+    }`;
   }
   return null;
 }

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

@@ -1 +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        showLabel\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,CAKnB,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"}
+{"version":3,"file":"build-dynamic-query.js","names":["_client","require","_coreErrors","buildDynamicQuery","id","schema","displayProperties","actions","get","properties","BlazeError","adminMainInfoProperty","Array","isArray","fields","map","infoProperty","gql","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        showLabel\n        tooltipIcon\n        tooltipContent\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;AAEe,SAASE,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,IAAIC,sBAAU,CAClB,gFACF,CAAC;EACH;EAEA,IACEJ,iBAAiB,CAACK,qBAAqB,IACvCC,KAAK,CAACC,OAAO,CAACP,iBAAiB,CAACK,qBAAqB,CAAC,EACtD;IACA,MAAMG,MAAM,GAAGR,iBAAiB,CAACK,qBAAqB,CAACI,GAAG,CACxDC,YAAY,IACV,GAAGA,YAAY;AACvB;AACA;AACA;AACA;AACA;AACA,QACI,CAAC;IAED,OAAO,IAAAC,WAAG;AACd,QAAQZ,MAAM,CAACE,OAAO,CAACC,GAAG;AAC1B;AACA,SAASM,MAAM,CAACC,GAAG,CAACG,KAAK,IAAIA,KAAK,CAAC;AACnC;AACA;AACA,MAAM;EACJ;EAEA,OAAO,IAAI;AACb","ignoreList":[]}

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

@@ -1,54 +1,56 @@
 "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"));
-require("core-js/modules/es.array.is-array.js");
+exports.default = void 0;
 var _react = require("react");
 var _propTypes = _interopRequireDefault(require("prop-types"));
 var _client = require("@apollo/client");
 var _buildDynamicQuery = _interopRequireDefault(require("../../../../InfoBoxes/helpers/build-dynamic-query"));
 var _RecordEditContext = require("../../../utils/RecordEditContext");
-var _templateObject;
-var useCustomSidebarData = function useCustomSidebarData(_ref) {
-  var id = _ref.id,
-    schema = _ref.schema,
-    displayProperties = _ref.displayProperties;
-  var _useContext = (0, _react.useContext)(_RecordEditContext.RecordEditContext),
-    externalUpdateTime = _useContext.externalUpdateTime,
-    updated = _useContext.updated;
-  var query = displayProperties.adminMainInfoProperty && Array.isArray(displayProperties.adminMainInfoProperty) ? (0, _buildDynamicQuery["default"])({
-    id: id,
-    schema: schema,
+const useCustomSidebarData = ({
+  id,
+  schema,
+  displayProperties
+}) => {
+  const {
+    externalUpdateTime,
+    updated
+  } = (0, _react.useContext)(_RecordEditContext.RecordEditContext);
+  const query = displayProperties.adminMainInfoProperty && Array.isArray(displayProperties.adminMainInfoProperty) ? (0, _buildDynamicQuery.default)({
+    id,
+    schema,
     properties: displayProperties.adminMainInfoProperty
   }) : null;
-  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,
-    refetch = _useQuery.refetch;
-  (0, _react.useEffect)(function () {
+  const customSidebarInfoQuery = query || (0, _client.gql)`
+      query {
+        __typename
+      }
+    `;
+  const {
+    data = {},
+    loading,
+    error,
+    refetch
+  } = (0, _client.useQuery)(customSidebarInfoQuery, {
+    variables: {
+      id
+    },
+    skip: !query
+  });
+  (0, _react.useEffect)(() => {
     refetch();
   }, [externalUpdateTime, updated, refetch]);
   return {
     data: data.__typename !== 'Query' ? data : null,
-    loading: loading,
-    error: error
+    loading,
+    error
   };
 };
-var _default = exports["default"] = useCustomSidebarData;
+var _default = exports.default = useCustomSidebarData;
 useCustomSidebarData.propTypes = {
-  displayProperties: _propTypes["default"].object.isRequired
+  displayProperties: _propTypes.default.object.isRequired
 };
 //# sourceMappingURL=useCustomSidebarData.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"useCustomSidebarData.js","names":["_react","require","_propTypes","_interopRequireDefault","_client","_buildDynamicQuery","_RecordEditContext","_templateObject","useCustomSidebarData","_ref","id","schema","displayProperties","_useContext","useContext","RecordEditContext","externalUpdateTime","updated","query","adminMainInfoProperty","Array","isArray","buildDynamicQuery","properties","customSidebarInfoQuery","gql","_taggedTemplateLiteral2","_useQuery","useQuery","variables","skip","_useQuery$data","data","loading","error","refetch","useEffect","__typename","_default","exports","propTypes","ProptTypes","object","isRequired"],"sources":["../../../../../../src/components/EntityManager/Entity/SideBarRelations/hooks/useCustomSidebarData.js"],"sourcesContent":["import { useContext, useEffect } from 'react';\nimport ProptTypes from 'prop-types';\nimport { useQuery, gql } from '@apollo/client';\nimport buildDynamicQuery from '../../../../InfoBoxes/helpers/build-dynamic-query';\nimport { RecordEditContext } from '../../../utils/RecordEditContext';\n\nconst useCustomSidebarData = ({ id, schema, displayProperties }) => {\n  const { externalUpdateTime, updated } = useContext(RecordEditContext);\n\n  const query =\n    displayProperties.adminMainInfoProperty &&\n    Array.isArray(displayProperties.adminMainInfoProperty)\n      ? buildDynamicQuery({ id, schema, properties: displayProperties.adminMainInfoProperty })\n      : null;\n\n  const customSidebarInfoQuery =\n    query ||\n    gql`\n      query {\n        __typename\n      }\n    `;\n\n  const { data = {}, loading, error, refetch } = useQuery(customSidebarInfoQuery, {\n    variables: { id },\n    skip: !query\n  });\n\n  useEffect(\n    () => {\n      refetch();\n    },\n    [externalUpdateTime, updated, refetch]\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,MAAA,GAAAC,OAAA;AACA,IAAAC,UAAA,GAAAC,sBAAA,CAAAF,OAAA;AACA,IAAAG,OAAA,GAAAH,OAAA;AACA,IAAAI,kBAAA,GAAAF,sBAAA,CAAAF,OAAA;AACA,IAAAK,kBAAA,GAAAL,OAAA;AAAqE,IAAAM,eAAA;AAErE,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,IAAAC,WAAA,GAAwC,IAAAC,iBAAU,EAACC,oCAAiB,CAAC;IAA7DC,kBAAkB,GAAAH,WAAA,CAAlBG,kBAAkB;IAAEC,OAAO,GAAAJ,WAAA,CAAPI,OAAO;EAEnC,IAAMC,KAAK,GACTN,iBAAiB,CAACO,qBAAqB,IACvCC,KAAK,CAACC,OAAO,CAACT,iBAAiB,CAACO,qBAAqB,CAAC,GAClD,IAAAG,6BAAiB,EAAC;IAAEZ,EAAE,EAAFA,EAAE;IAAEC,MAAM,EAANA,MAAM;IAAEY,UAAU,EAAEX,iBAAiB,CAACO;EAAsB,CAAC,CAAC,GACtF,IAAI;EAEV,IAAMK,sBAAsB,GAC1BN,KAAK,QACLO,WAAG,EAAAlB,eAAA,KAAAA,eAAA,OAAAmB,uBAAA,sEAIF;EAEH,IAAAC,SAAA,GAA+C,IAAAC,gBAAQ,EAACJ,sBAAsB,EAAE;MAC9EK,SAAS,EAAE;QAAEnB,EAAE,EAAFA;MAAG,CAAC;MACjBoB,IAAI,EAAE,CAACZ;IACT,CAAC,CAAC;IAAAa,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;IAAEC,OAAO,GAAAR,SAAA,CAAPQ,OAAO;EAK1C,IAAAC,gBAAS,EACP,YAAM;IACJD,OAAO,CAAC,CAAC;EACX,CAAC,EACD,CAACnB,kBAAkB,EAAEC,OAAO,EAAEkB,OAAO,CACvC,CAAC;EAED,OAAO;IAAEH,IAAI,EAAEA,IAAI,CAACK,UAAU,KAAK,OAAO,GAAGL,IAAI,GAAG,IAAI;IAAEC,OAAO,EAAPA,OAAO;IAAEC,KAAK,EAALA;EAAM,CAAC;AAC5E,CAAC;AAAC,IAAAI,QAAA,GAAAC,OAAA,cAEa/B,oBAAoB;AAEnCA,oBAAoB,CAACgC,SAAS,GAAG;EAC/B5B,iBAAiB,EAAE6B,qBAAU,CAACC,MAAM,CAACC;AACvC,CAAC"}
+{"version":3,"file":"useCustomSidebarData.js","names":["_react","require","_propTypes","_interopRequireDefault","_client","_buildDynamicQuery","_RecordEditContext","useCustomSidebarData","id","schema","displayProperties","externalUpdateTime","updated","useContext","RecordEditContext","query","adminMainInfoProperty","Array","isArray","buildDynamicQuery","properties","customSidebarInfoQuery","gql","data","loading","error","refetch","useQuery","variables","skip","useEffect","__typename","_default","exports","default","propTypes","ProptTypes","object","isRequired"],"sources":["../../../../../../src/components/EntityManager/Entity/SideBarRelations/hooks/useCustomSidebarData.js"],"sourcesContent":["import { useContext, useEffect } from 'react';\nimport ProptTypes from 'prop-types';\nimport { useQuery, gql } from '@apollo/client';\nimport buildDynamicQuery from '../../../../InfoBoxes/helpers/build-dynamic-query';\nimport { RecordEditContext } from '../../../utils/RecordEditContext';\n\nconst useCustomSidebarData = ({ id, schema, displayProperties }) => {\n  const { externalUpdateTime, updated } = useContext(RecordEditContext);\n\n  const query =\n    displayProperties.adminMainInfoProperty &&\n    Array.isArray(displayProperties.adminMainInfoProperty)\n      ? buildDynamicQuery({ id, schema, properties: displayProperties.adminMainInfoProperty })\n      : null;\n\n  const customSidebarInfoQuery =\n    query ||\n    gql`\n      query {\n        __typename\n      }\n    `;\n\n  const {\n    data = {},\n    loading,\n    error,\n    refetch\n  } = useQuery(customSidebarInfoQuery, {\n    variables: { id },\n    skip: !query\n  });\n\n  useEffect(() => {\n    refetch();\n  }, [externalUpdateTime, updated, refetch]);\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,MAAA,GAAAC,OAAA;AACA,IAAAC,UAAA,GAAAC,sBAAA,CAAAF,OAAA;AACA,IAAAG,OAAA,GAAAH,OAAA;AACA,IAAAI,kBAAA,GAAAF,sBAAA,CAAAF,OAAA;AACA,IAAAK,kBAAA,GAAAL,OAAA;AAEA,MAAMM,oBAAoB,GAAGA,CAAC;EAAEC,EAAE;EAAEC,MAAM;EAAEC;AAAkB,CAAC,KAAK;EAClE,MAAM;IAAEC,kBAAkB;IAAEC;EAAQ,CAAC,GAAG,IAAAC,iBAAU,EAACC,oCAAiB,CAAC;EAErE,MAAMC,KAAK,GACTL,iBAAiB,CAACM,qBAAqB,IACvCC,KAAK,CAACC,OAAO,CAACR,iBAAiB,CAACM,qBAAqB,CAAC,GAClD,IAAAG,0BAAiB,EAAC;IAAEX,EAAE;IAAEC,MAAM;IAAEW,UAAU,EAAEV,iBAAiB,CAACM;EAAsB,CAAC,CAAC,GACtF,IAAI;EAEV,MAAMK,sBAAsB,GAC1BN,KAAK,IACL,IAAAO,WAAG;AACP;AACA;AACA;AACA,KAAK;EAEH,MAAM;IACJC,IAAI,GAAG,CAAC,CAAC;IACTC,OAAO;IACPC,KAAK;IACLC;EACF,CAAC,GAAG,IAAAC,gBAAQ,EAACN,sBAAsB,EAAE;IACnCO,SAAS,EAAE;MAAEpB;IAAG,CAAC;IACjBqB,IAAI,EAAE,CAACd;EACT,CAAC,CAAC;EAEF,IAAAe,gBAAS,EAAC,MAAM;IACdJ,OAAO,CAAC,CAAC;EACX,CAAC,EAAE,CAACf,kBAAkB,EAAEC,OAAO,EAAEc,OAAO,CAAC,CAAC;EAE1C,OAAO;IAAEH,IAAI,EAAEA,IAAI,CAACQ,UAAU,KAAK,OAAO,GAAGR,IAAI,GAAG,IAAI;IAAEC,OAAO;IAAEC;EAAM,CAAC;AAC5E,CAAC;AAAC,IAAAO,QAAA,GAAAC,OAAA,CAAAC,OAAA,GAEa3B,oBAAoB;AAEnCA,oBAAoB,CAAC4B,SAAS,GAAG;EAC/BzB,iBAAiB,EAAE0B,kBAAU,CAACC,MAAM,CAACC;AACvC,CAAC","ignoreList":[]}

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

@@ -1,27 +1,14 @@
 "use strict";
 
-require("core-js/modules/es.weak-map.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.iterator.js");
-require("core-js/modules/es.object.to-string.js");
-require("core-js/modules/es.promise.js");
-require("core-js/modules/es.string.iterator.js");
-require("core-js/modules/web.dom-collections.iterator.js");
-require("core-js/modules/es.array.map.js");
-require("core-js/modules/es.array.filter.js");
-var _regenerator = _interopRequireDefault(require("@babel/runtime/regenerator"));
-var _asyncToGenerator2 = _interopRequireDefault(require("@babel/runtime/helpers/asyncToGenerator"));
-var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
+exports.default = void 0;
 var _react = _interopRequireWildcard(require("react"));
 var _propTypes = _interopRequireDefault(require("prop-types"));
 var _v = _interopRequireDefault(require("uuid/v1"));
+var _accordion = _interopRequireDefault(require("@blaze-react/accordion"));
 var _client = require("@apollo/client");
 var _adminUiUtils = require("@blaze-cms/admin-ui-utils");
 var _reactFormBuilder = require("@blaze-cms/react-form-builder");
@@ -30,161 +17,128 @@ var _versioningUi = require("@blaze-cms/versioning-ui");
 var _constants = require("../../../../constants");
 var _CustomSidebarInfoContainer = _interopRequireDefault(require("./container/CustomSidebarInfoContainer"));
 var _EntitiyNavLinks = _interopRequireDefault(require("../EntitiyNavLinks"));
-function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(e) { return e ? t : r; })(e); }
-function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != _typeof(e) && "function" != typeof e) return { "default": e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && Object.prototype.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n["default"] = e, t && t.set(e, n), n; }
-var SideBarRelations = function SideBarRelations(_ref) {
-  var schema = _ref.schema,
-    onChange = _ref.onChange,
-    formData = _ref.formData,
-    entity = _ref.entity;
-  var RelationComponent = _reactFormBuilder.formFieldTypes.relation;
-  var formattedStatus = formData.formattedStatus,
-    formattedUpdated = formData.formattedUpdated,
-    formattedCreated = formData.formattedCreated,
-    formattedPublished = formData.formattedPublished,
-    status = formData.status;
-  var client = (0, _client.useApolloClient)();
-  var _useState = (0, _react.useState)(null),
-    _useState2 = (0, _slicedToArray2["default"])(_useState, 2),
-    relationsComponents = _useState2[0],
-    setRelationsComponents = _useState2[1];
-  (0, _react.useEffect)(function () {
-    (0, _asyncToGenerator2["default"])( /*#__PURE__*/_regenerator["default"].mark(function _callee3() {
-      var fetchRelationSchema, allRelationComponents;
-      return _regenerator["default"].wrap(function _callee3$(_context3) {
-        while (1) switch (_context3.prev = _context3.next) {
-          case 0:
-            fetchRelationSchema = /*#__PURE__*/function () {
-              var _ref4 = (0, _asyncToGenerator2["default"])( /*#__PURE__*/_regenerator["default"].mark(function _callee(_ref3) {
-                var entityIdentifier, _yield$client$query, _yield$client$query$d, relationSchema;
-                return _regenerator["default"].wrap(function _callee$(_context) {
-                  while (1) switch (_context.prev = _context.next) {
-                    case 0:
-                      entityIdentifier = _ref3.entityIdentifier;
-                      if (entityIdentifier) {
-                        _context.next = 3;
-                        break;
-                      }
-                      return _context.abrupt("return", null);
-                    case 3:
-                      _context.next = 5;
-                      return client.query({
-                        query: (0, _adminUiUtils.getQuery)('GET_ENTITY_SCHEMA'),
-                        variables: {
-                          identifier: entityIdentifier
-                        }
-                      });
-                    case 5:
-                      _yield$client$query = _context.sent;
-                      _yield$client$query$d = (0, _slicedToArray2["default"])(_yield$client$query.data.getEntitySchemas, 1);
-                      relationSchema = _yield$client$query$d[0];
-                      return _context.abrupt("return", relationSchema);
-                    case 9:
-                    case "end":
-                      return _context.stop();
-                  }
-                }, _callee);
-              }));
-              return function fetchRelationSchema(_x) {
-                return _ref4.apply(this, arguments);
-              };
-            }();
-            if (!(!relationsComponents && schema)) {
-              _context3.next = 6;
-              break;
-            }
-            _context3.next = 4;
-            return Promise.all(schema.relations.filter(function (_ref5) {
-              var showInForm = _ref5.showInForm,
-                foreignKey = _ref5.foreignKey;
-              return showInForm && schema.properties[foreignKey];
-            }).map( /*#__PURE__*/function () {
-              var _ref6 = (0, _asyncToGenerator2["default"])( /*#__PURE__*/_regenerator["default"].mark(function _callee2(relation) {
-                return _regenerator["default"].wrap(function _callee2$(_context2) {
-                  while (1) switch (_context2.prev = _context2.next) {
-                    case 0:
-                      _context2.t0 = (0, _v["default"])();
-                      _context2.t1 = relation;
-                      _context2.next = 4;
-                      return fetchRelationSchema(relation);
-                    case 4:
-                      _context2.t2 = _context2.sent;
-                      return _context2.abrupt("return", {
-                        id: _context2.t0,
-                        staticData: _context2.t1,
-                        schema: _context2.t2
-                      });
-                    case 6:
-                    case "end":
-                      return _context2.stop();
-                  }
-                }, _callee2);
-              }));
-              return function (_x2) {
-                return _ref6.apply(this, arguments);
-              };
-            }()));
-          case 4:
-            allRelationComponents = _context3.sent;
-            setRelationsComponents(allRelationComponents);
-          case 6:
-          case "end":
-            return _context3.stop();
-        }
-      }, _callee3);
-    }))();
+function _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r = new WeakMap(), n = new WeakMap(); return (_interopRequireWildcard = function (e, t) { if (!t && e && e.__esModule) return e; var o, i, f = { __proto__: null, default: e }; if (null === e || "object" != typeof e && "function" != typeof e) return f; if (o = t ? n : r) { if (o.has(e)) return o.get(e); o.set(e, f); } for (const t in e) "default" !== t && {}.hasOwnProperty.call(e, t) && ((i = (o = Object.defineProperty) && Object.getOwnPropertyDescriptor(e, t)) && (i.get || i.set) ? o(f, t, i) : f[t] = e[t]); return f; })(e, t); }
+const SideBarRelations = ({
+  schema,
+  onChange,
+  formData,
+  entity,
+  isOpen,
+  onToggle
+}) => {
+  const {
+    relation: RelationComponent
+  } = _reactFormBuilder.formFieldTypes;
+  const {
+    formattedStatus,
+    formattedUpdated,
+    formattedCreated,
+    formattedPublished,
+    updatedBy,
+    status
+  } = formData;
+  const client = (0, _client.useApolloClient)();
+  const [relationsComponents, setRelationsComponents] = (0, _react.useState)(null);
+  (0, _react.useEffect)(() => {
+    (async () => {
+      const fetchRelationSchema = async ({
+        entityIdentifier
+      }) => {
+        if (!entityIdentifier) return null;
+        const {
+          data: {
+            getEntitySchemas: [relationSchema]
+          }
+        } = await client.query({
+          query: (0, _adminUiUtils.getQuery)('GET_ENTITY_SCHEMA'),
+          variables: {
+            identifier: entityIdentifier
+          }
+        });
+        return relationSchema;
+      };
+      if (!relationsComponents && schema) {
+        const allRelationComponents = await Promise.all(schema.relations.filter(({
+          showInForm,
+          foreignKey
+        }) => showInForm && schema.properties[foreignKey]).map(async relation => ({
+          id: (0, _v.default)(),
+          staticData: relation,
+          schema: await fetchRelationSchema(relation)
+        })));
+        setRelationsComponents(allRelationComponents);
+      }
+    })();
   }, [client, relationsComponents, schema, schema.relations]);
-  var itemId = entity.id;
-  var itemEntity = schema.identifier,
-    interfaces = schema.interfaces;
-  var statusClassName = (0, _classnames["default"])('sidebar__status__badge', {
+  const {
+    id: itemId
+  } = entity;
+  const {
+    identifier: itemEntity,
+    interfaces
+  } = schema;
+  const statusClassName = (0, _classnames.default)('sidebar__status__badge', {
     'sidebar__status__badge--published': status === _constants.PUBLISHED,
     'sidebar__status__badge--unpublished': status === _constants.UNPUBLISHED
   });
-  return /*#__PURE__*/_react["default"].createElement("div", {
-    className: "sidebar",
+  return /*#__PURE__*/_react.default.createElement("div", {
+    className: (0, _classnames.default)('sidebar', {
+      'sidebar--collapsed': !isOpen
+    }),
     "data-testid": "sideBarRelations-main-div"
-  }, /*#__PURE__*/_react["default"].createElement("div", {
+  }, /*#__PURE__*/_react.default.createElement("div", {
+    className: "sidebar__toggle-button",
+    onClick: onToggle,
+    role: "button",
+    "aria-label": isOpen ? 'Collapse sidebar' : 'Expand sidebar'
+  }, /*#__PURE__*/_react.default.createElement("i", {
+    className: "material-icons"
+  }, isOpen ? 'keyboard_arrow_right' : 'keyboard_arrow_left')), /*#__PURE__*/_react.default.createElement("div", {
     className: "sidebar__content"
-  }, /*#__PURE__*/_react["default"].createElement("div", {
+  }, /*#__PURE__*/_react.default.createElement("div", {
     className: "sidebar__status"
-  }, formattedCreated && /*#__PURE__*/_react["default"].createElement("div", {
+  }, formattedCreated && /*#__PURE__*/_react.default.createElement("div", {
     className: "sidebar__top"
-  }, /*#__PURE__*/_react["default"].createElement("div", {
+  }, /*#__PURE__*/_react.default.createElement("div", {
     className: "sidebar__status__wrapper"
-  }, /*#__PURE__*/_react["default"].createElement("b", null, "Status"), /*#__PURE__*/_react["default"].createElement("span", {
+  }, /*#__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))), !schema.displayProperties.disableDefaultAdminInfo && formattedCreated && /*#__PURE__*/_react["default"].createElement(_react["default"].Fragment, null, /*#__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"], {
+  }, formattedStatus)), formattedStatus === _constants.PUBLISHED && /*#__PURE__*/_react.default.createElement("p", null, formattedStatus, " on: ", /*#__PURE__*/_react.default.createElement("span", null, " ", formattedPublished))), !schema.displayProperties.disableDefaultAdminInfo && formattedCreated && /*#__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)), updatedBy && /*#__PURE__*/_react.default.createElement("p", null, "Updated by: ", /*#__PURE__*/_react.default.createElement("span", null, updatedBy.name))), /*#__PURE__*/_react.default.createElement(_CustomSidebarInfoContainer.default, {
     id: itemId,
     schema: schema,
     displayProperties: schema.displayProperties
-  })), /*#__PURE__*/_react["default"].createElement(_versioningUi.VersionsList, {
+  })), /*#__PURE__*/_react.default.createElement(_versioningUi.VersionsList, {
     itemEntity: itemEntity,
     itemId: itemId,
     interfaces: interfaces
-  }), /*#__PURE__*/_react["default"].createElement(_EntitiyNavLinks["default"], {
+  }), /*#__PURE__*/_react.default.createElement(_EntitiyNavLinks.default, {
     schema: schema
-  }), relationsComponents && relationsComponents.map(function (_ref7) {
-    var id = _ref7.id,
-      staticData = _ref7.staticData,
-      entitySchema = _ref7.schema;
-    return /*#__PURE__*/_react["default"].createElement(RelationComponent, {
-      formData: formData,
-      schema: entitySchema,
-      key: id,
-      staticData: staticData,
-      onSelect: onChange
-    });
-  })));
+  }), relationsComponents && /*#__PURE__*/_react.default.createElement(_accordion.default, {
+    isOpen: true
+  }, /*#__PURE__*/_react.default.createElement(_accordion.default.Header, null, /*#__PURE__*/_react.default.createElement("b", null, "Classification")), /*#__PURE__*/_react.default.createElement(_accordion.default.Content, null, /*#__PURE__*/_react.default.createElement(_accordion.default.ContentDetails, null, relationsComponents.map(({
+    id,
+    staticData,
+    schema: entitySchema
+  }) => /*#__PURE__*/_react.default.createElement(RelationComponent, {
+    formData: formData,
+    schema: entitySchema,
+    key: id,
+    staticData: staticData,
+    onSelect: onChange
+  })))))));
 };
 SideBarRelations.propTypes = {
-  schema: _propTypes["default"].object.isRequired,
-  onChange: _propTypes["default"].func.isRequired,
-  formData: _propTypes["default"].object.isRequired,
-  entity: _propTypes["default"].object
+  schema: _propTypes.default.object.isRequired,
+  onChange: _propTypes.default.func.isRequired,
+  formData: _propTypes.default.object.isRequired,
+  entity: _propTypes.default.object,
+  isOpen: _propTypes.default.bool,
+  onToggle: _propTypes.default.func
 };
 SideBarRelations.defaultProps = {
-  entity: {}
+  entity: {},
+  isOpen: true,
+  onToggle: () => {}
 };
-var _default = exports["default"] = SideBarRelations;
+var _default = exports.default = SideBarRelations;
 //# sourceMappingURL=index.js.map