@blaze-cms/plugin-data-ui 0.127.0-project-admin-customisations.3 → 0.127.3

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

@@ -3,7 +3,6 @@ import React, { useEffect, useState, useRef } from 'react';
 import { withRouter, Prompt } from 'react-router-dom';
 import { useApolloClient } from '@apollo/client';
 import PropTypes from 'prop-types';
-import { RenderHook } from '@blaze-cms/plugin-render-hooks-ui';
 import { getQuery, GET_CURRENT_TAB_ID } from '@blaze-cms/admin-ui-utils';
 import { FormBuilder, parseFormValues } from '@blaze-cms/react-form-builder';
 import { DeleteAction, CopyDataFromAction } from '@blaze-cms/admin';
@@ -35,7 +34,6 @@ import {
   checkFulfilConditions
 } from '../utils/entity';
 import useToggle from '../../../utils/hooks/useToggle';
-import InfoBoxes from '../../InfoBoxes/InfoBoxes';
 
 const Entity = ({
   formData,
@@ -405,72 +403,68 @@ const Entity = ({
 
   return (
     <div className="page">
-      <EntityHeader
-        entityData={entityData}
-        entityIdentifier={entityIdentifier}
-        pageTitle={pageTitle}
-        pageName={pageName}
-        onSubmit={onSubmit}
-        handlePublishAndUnpublish={handlePublishAndUnpublish}
-        isSaveButtonAvailable={isSaveButtonAvailable}
-        isEnablePublishButton={isEnablePublishButton}
-        isEnablePreviewButton={isEnablePreviewButton}
-        toggleCopyModal={setCopyModalStatus}
-        toggleModal={setModalStatus}
-        formData={formData}
-        onViewUrl={onViewUrlHandler}
-        saveButtonText={saveButtonText}
-      />
-      <div className="page-wrapper__content">
-        <div className="tabs-wrapper tabs-wrapper__tab">
-          <Prompt when={hasToDisplayPrompt} message={LEAVE_PAGE_MESSAGE} />
-          {showModal && (
-            <DeleteAction
-              onClose={setModalStatus}
-              deleteAction={onDelete}
-              itemName={formData.values.name}
-            />
-          )}
-          {copyModalStatus && (
-            <CopyDataFromAction
-              onClose={handleCopyDataFromClose}
-              copyAction={onCopy}
-              getFormData={getFormData}
-            />
-          )}
-
-          <div className="page__content--fixed">
-            <div className="page__content">
-              <div className="content">
-                <RenderHook hookKey={`entity:${action}:main:top`} entity={entity} schema={schema} />
-                <InfoBoxes id={entity.id} schema={schema} />
-                <Tabs
-                  enabled={showPageBuilderTabs}
-                  onTabChange={tabId => {
-                    client.writeQuery({
-                      query: GET_CURRENT_TAB_ID,
-                      data: { currentTabId: tabId }
-                    });
-                    setCurrentTabId(tabId);
-                  }}>
-                  <FormBuilder
-                    getIsFormValid={setIsFormValid}
-                    getFormValues={getFormValues}
-                    schema={schema}
-                    data={clonedFormData}
-                    onChange={onChangeFormValues}
-                    shouldCopyData={shouldCopyData}
-                    updateCopyData={updateCopyData}
-                    formValues={formValues}
-                    isNewEntity={isNewEntity}
-                  />
-                </Tabs>
-              </div>
+      <Prompt when={hasToDisplayPrompt} message={LEAVE_PAGE_MESSAGE} />
+      {showModal && (
+        <DeleteAction
+          onClose={setModalStatus}
+          deleteAction={onDelete}
+          itemName={formData.values.name}
+        />
+      )}
+      {copyModalStatus && (
+        <CopyDataFromAction
+          onClose={handleCopyDataFromClose}
+          copyAction={onCopy}
+          getFormData={getFormData}
+        />
+      )}
+
+      <div className="row row--display-row">
+        <div className="column column--three-quarters">
+          <EntityHeader
+            entityData={entityData}
+            entityIdentifier={entityIdentifier}
+            pageTitle={pageTitle}
+            pageName={pageName}
+            onSubmit={onSubmit}
+            handlePublishAndUnpublish={handlePublishAndUnpublish}
+            isSaveButtonAvailable={isSaveButtonAvailable}
+            isEnablePublishButton={isEnablePublishButton}
+            isEnablePreviewButton={isEnablePreviewButton}
+            toggleCopyModal={setCopyModalStatus}
+            toggleModal={setModalStatus}
+            formData={formData}
+            onViewUrl={onViewUrlHandler}
+            saveButtonText={saveButtonText}
+          />
+
+          <div className="page__content">
+            <div className="content">
+              <Tabs
+                enabled={showPageBuilderTabs}
+                onTabChange={tabId => {
+                  client.writeQuery({
+                    query: GET_CURRENT_TAB_ID,
+                    data: { currentTabId: tabId }
+                  });
+                  setCurrentTabId(tabId);
+                }}>
+                <FormBuilder
+                  getIsFormValid={setIsFormValid}
+                  getFormValues={getFormValues}
+                  schema={schema}
+                  data={clonedFormData}
+                  onChange={onChangeFormValues}
+                  shouldCopyData={shouldCopyData}
+                  updateCopyData={updateCopyData}
+                  formValues={formValues}
+                  isNewEntity={isNewEntity}
+                />
+              </Tabs>
             </div>
           </div>
         </div>
-
-        <div className="column column--one-third page-sidebar">
+        <div className="column column--one-third">
           {showSideBarRelations && (
             <SideBarRelations
               entity={entity}

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

@@ -4,21 +4,16 @@ import uuidv1 from 'uuid/v1';
 import { useApolloClient } from '@apollo/client';
 import { getQuery } from '@blaze-cms/admin-ui-utils';
 import { formFieldTypes } from '@blaze-cms/react-form-builder';
-import classnames from 'classnames';
+import Badge from '@blaze-react/badge';
 import { VersionsList } from '@blaze-cms/versioning-ui';
-import { PUBLISHED, UNPUBLISHED } from '../../../../constants';
+import { PUBLISHED } from '../../../../constants';
 
 const SideBarRelations = ({ schema, onChange, formData, entity }) => {
   const { relation: RelationComponent } = formFieldTypes;
-  const {
-    formattedStatus,
-    formattedUpdated,
-    formattedCreated,
-    formattedPublished,
-    status
-  } = formData;
+  const { formattedStatus, formattedUpdated, formattedCreated, formattedPublished } = formData;
   const client = useApolloClient();
   const [relationsComponents, setRelationsComponents] = useState(null);
+
   useEffect(
     () => {
       (async () => {
@@ -56,26 +51,17 @@ const SideBarRelations = ({ schema, onChange, formData, entity }) => {
   const { id: itemId } = entity;
   const { identifier: itemEntity, interfaces } = schema;
 
-  const statusClassName = classnames('sidebar__status__badge', {
-    'sidebar__status__badge--published': status === PUBLISHED,
-    'sidebar__status__badge--unpublished': status === UNPUBLISHED
-  });
-
   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>
-            {formattedStatus === PUBLISHED && (
-              <p>
-                {formattedStatus} on: <span> {formattedPublished}</span>
-              </p>
+            {formattedStatus && (
+              <Badge type="status" modifiers={formattedStatus}>
+                {formattedStatus}
+                {formattedStatus === PUBLISHED && `: ${formattedPublished}`}
+              </Badge>
             )}
-
             <p>
               Created: <span>{formattedCreated}</span>
             </p>

package/lib/components/InfoBoxes/InfoBoxes.js

@@ -1,36 +0,0 @@
-"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");
-var _propTypes = _interopRequireDefault(require("prop-types"));
-var _react = _interopRequireDefault(require("react"));
-var _InfoBoxContainer = _interopRequireDefault(require("./container/InfoBoxContainer"));
-var InfoBoxes = function InfoBoxes(_ref) {
-  var id = _ref.id,
-    schema = _ref.schema;
-  var _schema$displayProper = schema.displayProperties.adminInfoBoxes,
-    adminInfoBoxes = _schema$displayProper === void 0 ? [] : _schema$displayProper;
-  if (adminInfoBoxes.length <= 0) {
-    return null;
-  }
-  return adminInfoBoxes.map(function (infoBox) {
-    return /*#__PURE__*/_react["default"].createElement(_InfoBoxContainer["default"], {
-      id: id,
-      schema: schema,
-      key: infoBox.key,
-      infoBox: infoBox
-    });
-  });
-};
-var _default = InfoBoxes;
-exports["default"] = _default;
-InfoBoxes.propTypes = {
-  id: _propTypes["default"].string.isRequired,
-  schema: _propTypes["default"].object.isRequired
-};
-//# sourceMappingURL=InfoBoxes.js.map

package/lib/components/InfoBoxes/InfoBoxes.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"InfoBoxes.js","names":["InfoBoxes","id","schema","displayProperties","adminInfoBoxes","length","map","infoBox","key","propTypes","PropTypes","string","isRequired","object"],"sources":["../../../src/components/InfoBoxes/InfoBoxes.js"],"sourcesContent":["import PropTypes from 'prop-types';\nimport React from 'react';\nimport InfoBoxContainer from './container/InfoBoxContainer';\n\nconst InfoBoxes = ({ id, schema }) => {\n  const {\n    displayProperties: { adminInfoBoxes = [] }\n  } = schema;\n\n  if (adminInfoBoxes.length <= 0) {\n    return null;\n  }\n\n  return adminInfoBoxes.map(infoBox => (\n    <InfoBoxContainer id={id} schema={schema} key={infoBox.key} infoBox={infoBox} />\n  ));\n};\n\nexport default InfoBoxes;\n\nInfoBoxes.propTypes = {\n  id: PropTypes.string.isRequired,\n  schema: PropTypes.object.isRequired\n};\n"],"mappings":";;;;;;;;;AAAA;AACA;AACA;AAEA,IAAMA,SAAS,GAAG,SAAZA,SAAS,OAAuB;EAAA,IAAjBC,EAAE,QAAFA,EAAE;IAAEC,MAAM,QAANA,MAAM;EAC7B,4BAEIA,MAAM,CADRC,iBAAiB,CAAIC,cAAc;IAAdA,cAAc,sCAAG,EAAE;EAG1C,IAAIA,cAAc,CAACC,MAAM,IAAI,CAAC,EAAE;IAC9B,OAAO,IAAI;EACb;EAEA,OAAOD,cAAc,CAACE,GAAG,CAAC,UAAAC,OAAO;IAAA,oBAC/B,gCAAC,4BAAgB;MAAC,EAAE,EAAEN,EAAG;MAAC,MAAM,EAAEC,MAAO;MAAC,GAAG,EAAEK,OAAO,CAACC,GAAI;MAAC,OAAO,EAAED;IAAQ,EAAG;EAAA,CACjF,CAAC;AACJ,CAAC;AAAC,eAEaP,SAAS;AAAA;AAExBA,SAAS,CAACS,SAAS,GAAG;EACpBR,EAAE,EAAES,qBAAS,CAACC,MAAM,CAACC,UAAU;EAC/BV,MAAM,EAAEQ,qBAAS,CAACG,MAAM,CAACD;AAC3B,CAAC"}

package/lib/components/InfoBoxes/container/InfoBoxContainer.js

@@ -1,44 +0,0 @@
-"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 _useData2 = _interopRequireDefault(require("../hooks/useData"));
-var _InfoBox = _interopRequireDefault(require("../presentational/InfoBox"));
-var InfoBoxContainer = function InfoBoxContainer(_ref) {
-  var id = _ref.id,
-    schema = _ref.schema,
-    infoBox = _ref.infoBox;
-  var _useData = (0, _useData2["default"])({
-      id: id,
-      schema: schema,
-      infoBox: infoBox
-    }),
-    data = _useData.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(_InfoBox["default"], {
-    items: items,
-    infoBoxKey: infoBox.key
-  });
-};
-var _default = InfoBoxContainer;
-exports["default"] = _default;
-InfoBoxContainer.propTypes = {
-  id: _propTypes["default"].string.isRequired,
-  infoBox: _propTypes["default"].object.isRequired,
-  schema: _propTypes["default"].object.isRequired
-};
-//# sourceMappingURL=InfoBoxContainer.js.map

package/lib/components/InfoBoxes/container/InfoBoxContainer.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"InfoBoxContainer.js","names":["InfoBoxContainer","id","schema","infoBox","useData","data","Object","keys","length","items","values","flatMap","item","key","propTypes","PropTypes","string","isRequired","object"],"sources":["../../../../src/components/InfoBoxes/container/InfoBoxContainer.js"],"sourcesContent":["import PropTypes from 'prop-types';\nimport React from 'react';\nimport useData from '../hooks/useData';\nimport InfoBox from '../presentational/InfoBox';\n\nconst InfoBoxContainer = ({ id, schema, infoBox }) => {\n  const { data } = useData({ id, schema, infoBox });\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 <InfoBox items={items} infoBoxKey={infoBox.key} />;\n};\n\nexport default InfoBoxContainer;\n\nInfoBoxContainer.propTypes = {\n  id: PropTypes.string.isRequired,\n  infoBox: PropTypes.object.isRequired,\n  schema: PropTypes.object.isRequired\n};\n"],"mappings":";;;;;;;;;;;;;AAAA;AACA;AACA;AACA;AAEA,IAAMA,gBAAgB,GAAG,SAAnBA,gBAAgB,OAAgC;EAAA,IAA1BC,EAAE,QAAFA,EAAE;IAAEC,MAAM,QAANA,MAAM;IAAEC,OAAO,QAAPA,OAAO;EAC7C,eAAiB,IAAAC,oBAAO,EAAC;MAAEH,EAAE,EAAFA,EAAE;MAAEC,MAAM,EAANA,MAAM;MAAEC,OAAO,EAAPA;IAAQ,CAAC,CAAC;IAAzCE,IAAI,YAAJA,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,oBAAO,gCAAC,mBAAO;IAAC,KAAK,EAAEH,KAAM;IAAC,UAAU,EAAEN,OAAO,CAACU;EAAI,EAAG;AAC3D,CAAC;AAAC,eAEab,gBAAgB;AAAA;AAE/BA,gBAAgB,CAACc,SAAS,GAAG;EAC3Bb,EAAE,EAAEc,qBAAS,CAACC,MAAM,CAACC,UAAU;EAC/Bd,OAAO,EAAEY,qBAAS,CAACG,MAAM,CAACD,UAAU;EACpCf,MAAM,EAAEa,qBAAS,CAACG,MAAM,CAACD;AAC3B,CAAC"}

package/lib/components/InfoBoxes/helpers/build-dynamic-query.js

@@ -1,25 +0,0 @@
-"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"));
-var _client = require("@apollo/client");
-var _coreErrors = require("@blaze-cms/core-errors");
-var _templateObject;
-function buildDynamicQuery(_ref) {
-  var id = _ref.id,
-    schema = _ref.schema,
-    infoBox = _ref.infoBox;
-  if (!schema || !schema.actions || !schema.actions.get || !schema.properties) {
-    throw new _coreErrors.BlazeError('DataEntity query requires get action, properties and fields from entity schema');
-  }
-  var fields = "".concat(infoBox.property, " {\n      label\n      value\n    }");
-  return {
-    query: (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)
-  };
-}
-//# sourceMappingURL=build-dynamic-query.js.map

package/lib/components/InfoBoxes/helpers/build-dynamic-query.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"build-dynamic-query.js","names":["buildDynamicQuery","id","schema","infoBox","actions","get","properties","BlazeError","fields","property","query","gql"],"sources":["../../../../src/components/InfoBoxes/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, infoBox }) {\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  const fields = `${infoBox.property} {\n      label\n      value\n    }`;\n\n  return {\n    query: gql`query getInfoBoxData($id: String!){\n    ${schema.actions.get}( id: $id ) {\n      id\n     ${fields}\n     __typename\n    }\n  }`\n  };\n}\n"],"mappings":";;;;;;;;;AAAA;AACA;AAAoD;AAErC,SAASA,iBAAiB,OAA0B;EAAA,IAAvBC,EAAE,QAAFA,EAAE;IAAEC,MAAM,QAANA,MAAM;IAAEC,OAAO,QAAPA,OAAO;EAC7D,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,gFAAgF,CACjF;EACH;EAEA,IAAMC,MAAM,aAAML,OAAO,CAACM,QAAQ,wCAG9B;EAEJ,OAAO;IACLC,KAAK,MAAEC,WAAG,oMACRT,MAAM,CAACE,OAAO,CAACC,GAAG,EAEjBG,MAAM;EAIX,CAAC;AACH"}

package/lib/components/InfoBoxes/hooks/useData.js

@@ -1,42 +0,0 @@
-"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 _client = require("@apollo/client");
-var _useInfoBox = _interopRequireDefault(require("./useInfoBox"));
-var _templateObject;
-function useData(_ref) {
-  var id = _ref.id,
-    schema = _ref.schema,
-    infoBox = _ref.infoBox;
-  var _useInfoBoxData = (0, _useInfoBox["default"])({
-      id: id,
-      schema: schema,
-      infoBox: infoBox
-    }),
-    query = _useInfoBoxData.query;
-  var infoBoxQuery = query || (0, _client.gql)(_templateObject || (_templateObject = (0, _taggedTemplateLiteral2["default"])(["\n      query {\n        __typename\n      }\n    "])));
-  var _useQuery = (0, _client.useQuery)(infoBoxQuery, {
-      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 = useData;
-exports["default"] = _default;
-//# sourceMappingURL=useData.js.map

package/lib/components/InfoBoxes/hooks/useData.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"useData.js","names":["useData","id","schema","infoBox","useInfoBoxData","query","infoBoxQuery","gql","useQuery","variables","skip","data","loading","error","__typename"],"sources":["../../../../src/components/InfoBoxes/hooks/useData.js"],"sourcesContent":["import { useQuery, gql } from '@apollo/client';\nimport useInfoBoxData from './useInfoBox';\n\nfunction useData({ id, schema, infoBox }) {\n  const { query } = useInfoBoxData({ id, schema, infoBox });\n\n  const infoBoxQuery =\n    query ||\n    gql`\n      query {\n        __typename\n      }\n    `;\n\n  const { data = {}, loading, error } = useQuery(infoBoxQuery, { variables: { id }, skip: !query });\n\n  return { data: data.__typename !== 'Query' ? data : null, loading, error };\n}\n\nexport default useData;\n"],"mappings":";;;;;;;;;AAAA;AACA;AAA0C;AAE1C,SAASA,OAAO,OAA0B;EAAA,IAAvBC,EAAE,QAAFA,EAAE;IAAEC,MAAM,QAANA,MAAM;IAAEC,OAAO,QAAPA,OAAO;EACpC,sBAAkB,IAAAC,sBAAc,EAAC;MAAEH,EAAE,EAAFA,EAAE;MAAEC,MAAM,EAANA,MAAM;MAAEC,OAAO,EAAPA;IAAQ,CAAC,CAAC;IAAjDE,KAAK,mBAALA,KAAK;EAEb,IAAMC,YAAY,GAChBD,KAAK,QACLE,WAAG,yIAIF;EAEH,gBAAsC,IAAAC,gBAAQ,EAACF,YAAY,EAAE;MAAEG,SAAS,EAAE;QAAER,EAAE,EAAFA;MAAG,CAAC;MAAES,IAAI,EAAE,CAACL;IAAM,CAAC,CAAC;IAAA,2BAAzFM,IAAI;IAAJA,IAAI,+BAAG,CAAC,CAAC;IAAEC,OAAO,aAAPA,OAAO;IAAEC,KAAK,aAALA,KAAK;EAEjC,OAAO;IAAEF,IAAI,EAAEA,IAAI,CAACG,UAAU,KAAK,OAAO,GAAGH,IAAI,GAAG,IAAI;IAAEC,OAAO,EAAPA,OAAO;IAAEC,KAAK,EAALA;EAAM,CAAC;AAC5E;AAAC,eAEcb,OAAO;AAAA"}

package/lib/components/InfoBoxes/hooks/useInfoBox.js

@@ -1,26 +0,0 @@
-"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 _buildDynamicQuery2 = _interopRequireDefault(require("../helpers/build-dynamic-query"));
-function useInfoBox(_ref) {
-  var id = _ref.id,
-    schema = _ref.schema,
-    infoBox = _ref.infoBox;
-  var _buildDynamicQuery = (0, _buildDynamicQuery2["default"])({
-      id: id,
-      schema: schema,
-      infoBox: infoBox
-    }),
-    query = _buildDynamicQuery.query;
-  return {
-    query: query || null
-  };
-}
-var _default = useInfoBox;
-exports["default"] = _default;
-//# sourceMappingURL=useInfoBox.js.map

package/lib/components/InfoBoxes/hooks/useInfoBox.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"useInfoBox.js","names":["useInfoBox","id","schema","infoBox","buildDynamicQuery","query"],"sources":["../../../../src/components/InfoBoxes/hooks/useInfoBox.js"],"sourcesContent":["import buildDynamicQuery from '../helpers/build-dynamic-query';\n\nfunction useInfoBox({ id, schema, infoBox }) {\n  const { query } = buildDynamicQuery({\n    id,\n    schema,\n    infoBox\n  });\n\n  return { query: query || null };\n}\n\nexport default useInfoBox;\n"],"mappings":";;;;;;;;AAAA;AAEA,SAASA,UAAU,OAA0B;EAAA,IAAvBC,EAAE,QAAFA,EAAE;IAAEC,MAAM,QAANA,MAAM;IAAEC,OAAO,QAAPA,OAAO;EACvC,yBAAkB,IAAAC,8BAAiB,EAAC;MAClCH,EAAE,EAAFA,EAAE;MACFC,MAAM,EAANA,MAAM;MACNC,OAAO,EAAPA;IACF,CAAC,CAAC;IAJME,KAAK,sBAALA,KAAK;EAMb,OAAO;IAAEA,KAAK,EAAEA,KAAK,IAAI;EAAK,CAAC;AACjC;AAAC,eAEcL,UAAU;AAAA"}

package/lib/components/InfoBoxes/index.js

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

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

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

package/lib/components/InfoBoxes/presentational/InfoBox.js

@@ -1,46 +0,0 @@
-"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");
-require("core-js/modules/es.array.concat.js");
-var _propTypes = _interopRequireDefault(require("prop-types"));
-var _react = _interopRequireDefault(require("react"));
-var InfoBox = function InfoBox(_ref) {
-  var items = _ref.items,
-    infoBoxKey = _ref.infoBoxKey;
-  if (!items) return null;
-  var infoBoxItems = items.map(function (item) {
-    return Object.values(item).map(function (info) {
-      if (!info.label || !info.value) return null;
-      return /*#__PURE__*/_react["default"].createElement("div", {
-        className: "info-box--item",
-        key: "".concat(infoBoxKey, "-").concat(info.label.toLowerCase())
-      }, /*#__PURE__*/_react["default"].createElement("div", {
-        className: "info-box--label"
-      }, info.label, ": "), /*#__PURE__*/_react["default"].createElement("div", {
-        className: "info-box--value"
-      }, info.value));
-    }).filter(Boolean);
-  });
-  return /*#__PURE__*/_react["default"].createElement("div", {
-    className: "info-box",
-    key: infoBoxKey
-  }, /*#__PURE__*/_react["default"].createElement("div", {
-    className: "info-box--container"
-  }, infoBoxItems));
-};
-var _default = InfoBox;
-exports["default"] = _default;
-InfoBox.propTypes = {
-  infoBoxKey: _propTypes["default"].string.isRequired,
-  items: _propTypes["default"].array.isRequired
-};
-//# sourceMappingURL=InfoBox.js.map

package/lib/components/InfoBoxes/presentational/InfoBox.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"InfoBox.js","names":["InfoBox","items","infoBoxKey","infoBoxItems","map","item","Object","values","info","label","value","toLowerCase","filter","Boolean","propTypes","PropTypes","string","isRequired","array"],"sources":["../../../../src/components/InfoBoxes/presentational/InfoBox.js"],"sourcesContent":["import PropTypes from 'prop-types';\nimport React from 'react';\n\nconst InfoBox = ({ items, infoBoxKey }) => {\n  if (!items) return null;\n\n  const infoBoxItems = items.map(item =>\n    Object.values(item)\n      .map(info => {\n        if (!info.label || !info.value) return null;\n\n        return (\n          <div className=\"info-box--item\" key={`${infoBoxKey}-${info.label.toLowerCase()}`}>\n            <div className=\"info-box--label\">{info.label}: </div>\n            <div className=\"info-box--value\">{info.value}</div>\n          </div>\n        );\n      })\n      .filter(Boolean)\n  );\n\n  return (\n    <div className=\"info-box\" key={infoBoxKey}>\n      <div className=\"info-box--container\">{infoBoxItems}</div>\n    </div>\n  );\n};\n\nexport default InfoBox;\n\nInfoBox.propTypes = {\n  infoBoxKey: PropTypes.string.isRequired,\n  items: PropTypes.array.isRequired\n};\n"],"mappings":";;;;;;;;;;;;;AAAA;AACA;AAEA,IAAMA,OAAO,GAAG,SAAVA,OAAO,OAA8B;EAAA,IAAxBC,KAAK,QAALA,KAAK;IAAEC,UAAU,QAAVA,UAAU;EAClC,IAAI,CAACD,KAAK,EAAE,OAAO,IAAI;EAEvB,IAAME,YAAY,GAAGF,KAAK,CAACG,GAAG,CAAC,UAAAC,IAAI;IAAA,OACjCC,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,oBACE;QAAK,SAAS,EAAC,gBAAgB;QAAC,GAAG,YAAKR,UAAU,cAAIM,IAAI,CAACC,KAAK,CAACE,WAAW,EAAE;MAAG,gBAC/E;QAAK,SAAS,EAAC;MAAiB,GAAEH,IAAI,CAACC,KAAK,EAAC,IAAE,CAAM,eACrD;QAAK,SAAS,EAAC;MAAiB,GAAED,IAAI,CAACE,KAAK,CAAO,CAC/C;IAEV,CAAC,CAAC,CACDE,MAAM,CAACC,OAAO,CAAC;EAAA,EACnB;EAED,oBACE;IAAK,SAAS,EAAC,UAAU;IAAC,GAAG,EAAEX;EAAW,gBACxC;IAAK,SAAS,EAAC;EAAqB,GAAEC,YAAY,CAAO,CACrD;AAEV,CAAC;AAAC,eAEaH,OAAO;AAAA;AAEtBA,OAAO,CAACc,SAAS,GAAG;EAClBZ,UAAU,EAAEa,qBAAS,CAACC,MAAM,CAACC,UAAU;EACvChB,KAAK,EAAEc,qBAAS,CAACG,KAAK,CAACD;AACzB,CAAC"}

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

@@ -1,28 +0,0 @@
-import PropTypes from 'prop-types';
-import React from 'react';
-import InfoBoxContainer from './container/InfoBoxContainer';
-const InfoBoxes = ({
-  id,
-  schema
-}) => {
-  const {
-    displayProperties: {
-      adminInfoBoxes = []
-    }
-  } = schema;
-  if (adminInfoBoxes.length <= 0) {
-    return null;
-  }
-  return adminInfoBoxes.map(infoBox => /*#__PURE__*/React.createElement(InfoBoxContainer, {
-    id: id,
-    schema: schema,
-    key: infoBox.key,
-    infoBox: infoBox
-  }));
-};
-export default InfoBoxes;
-InfoBoxes.propTypes = {
-  id: PropTypes.string.isRequired,
-  schema: PropTypes.object.isRequired
-};
-//# sourceMappingURL=InfoBoxes.js.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"InfoBoxes.js","names":["PropTypes","React","InfoBoxContainer","InfoBoxes","id","schema","displayProperties","adminInfoBoxes","length","map","infoBox","key","propTypes","string","isRequired","object"],"sources":["../../../src/components/InfoBoxes/InfoBoxes.js"],"sourcesContent":["import PropTypes from 'prop-types';\nimport React from 'react';\nimport InfoBoxContainer from './container/InfoBoxContainer';\n\nconst InfoBoxes = ({ id, schema }) => {\n  const {\n    displayProperties: { adminInfoBoxes = [] }\n  } = schema;\n\n  if (adminInfoBoxes.length <= 0) {\n    return null;\n  }\n\n  return adminInfoBoxes.map(infoBox => (\n    <InfoBoxContainer id={id} schema={schema} key={infoBox.key} infoBox={infoBox} />\n  ));\n};\n\nexport default InfoBoxes;\n\nInfoBoxes.propTypes = {\n  id: PropTypes.string.isRequired,\n  schema: PropTypes.object.isRequired\n};\n"],"mappings":"AAAA,OAAOA,SAAS,MAAM,YAAY;AAClC,OAAOC,KAAK,MAAM,OAAO;AACzB,OAAOC,gBAAgB,MAAM,8BAA8B;AAE3D,MAAMC,SAAS,GAAG,CAAC;EAAEC,EAAE;EAAEC;AAAO,CAAC,KAAK;EACpC,MAAM;IACJC,iBAAiB,EAAE;MAAEC,cAAc,GAAG;IAAG;EAC3C,CAAC,GAAGF,MAAM;EAEV,IAAIE,cAAc,CAACC,MAAM,IAAI,CAAC,EAAE;IAC9B,OAAO,IAAI;EACb;EAEA,OAAOD,cAAc,CAACE,GAAG,CAACC,OAAO,iBAC/B,oBAAC,gBAAgB;IAAC,EAAE,EAAEN,EAAG;IAAC,MAAM,EAAEC,MAAO;IAAC,GAAG,EAAEK,OAAO,CAACC,GAAI;IAAC,OAAO,EAAED;EAAQ,EAC9E,CAAC;AACJ,CAAC;AAED,eAAeP,SAAS;AAExBA,SAAS,CAACS,SAAS,GAAG;EACpBR,EAAE,EAAEJ,SAAS,CAACa,MAAM,CAACC,UAAU;EAC/BT,MAAM,EAAEL,SAAS,CAACe,MAAM,CAACD;AAC3B,CAAC"}

package/lib-es/components/InfoBoxes/container/InfoBoxContainer.js

@@ -1,30 +0,0 @@
-import PropTypes from 'prop-types';
-import React from 'react';
-import useData from '../hooks/useData';
-import InfoBox from '../presentational/InfoBox';
-const InfoBoxContainer = ({
-  id,
-  schema,
-  infoBox
-}) => {
-  const {
-    data
-  } = useData({
-    id,
-    schema,
-    infoBox
-  });
-  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(InfoBox, {
-    items: items,
-    infoBoxKey: infoBox.key
-  });
-};
-export default InfoBoxContainer;
-InfoBoxContainer.propTypes = {
-  id: PropTypes.string.isRequired,
-  infoBox: PropTypes.object.isRequired,
-  schema: PropTypes.object.isRequired
-};
-//# sourceMappingURL=InfoBoxContainer.js.map

package/lib-es/components/InfoBoxes/container/InfoBoxContainer.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"InfoBoxContainer.js","names":["PropTypes","React","useData","InfoBox","InfoBoxContainer","id","schema","infoBox","data","Object","keys","length","items","values","flatMap","item","key","propTypes","string","isRequired","object"],"sources":["../../../../src/components/InfoBoxes/container/InfoBoxContainer.js"],"sourcesContent":["import PropTypes from 'prop-types';\nimport React from 'react';\nimport useData from '../hooks/useData';\nimport InfoBox from '../presentational/InfoBox';\n\nconst InfoBoxContainer = ({ id, schema, infoBox }) => {\n  const { data } = useData({ id, schema, infoBox });\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 <InfoBox items={items} infoBoxKey={infoBox.key} />;\n};\n\nexport default InfoBoxContainer;\n\nInfoBoxContainer.propTypes = {\n  id: PropTypes.string.isRequired,\n  infoBox: PropTypes.object.isRequired,\n  schema: PropTypes.object.isRequired\n};\n"],"mappings":"AAAA,OAAOA,SAAS,MAAM,YAAY;AAClC,OAAOC,KAAK,MAAM,OAAO;AACzB,OAAOC,OAAO,MAAM,kBAAkB;AACtC,OAAOC,OAAO,MAAM,2BAA2B;AAE/C,MAAMC,gBAAgB,GAAG,CAAC;EAAEC,EAAE;EAAEC,MAAM;EAAEC;AAAQ,CAAC,KAAK;EACpD,MAAM;IAAEC;EAAK,CAAC,GAAGN,OAAO,CAAC;IAAEG,EAAE;IAAEC,MAAM;IAAEC;EAAQ,CAAC,CAAC;EAEjD,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,oBAAO,oBAAC,OAAO;IAAC,KAAK,EAAEH,KAAM;IAAC,UAAU,EAAEL,OAAO,CAACS;EAAI,EAAG;AAC3D,CAAC;AAED,eAAeZ,gBAAgB;AAE/BA,gBAAgB,CAACa,SAAS,GAAG;EAC3BZ,EAAE,EAAEL,SAAS,CAACkB,MAAM,CAACC,UAAU;EAC/BZ,OAAO,EAAEP,SAAS,CAACoB,MAAM,CAACD,UAAU;EACpCb,MAAM,EAAEN,SAAS,CAACoB,MAAM,CAACD;AAC3B,CAAC"}

package/lib-es/components/InfoBoxes/helpers/build-dynamic-query.js

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

package/lib-es/components/InfoBoxes/helpers/build-dynamic-query.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"build-dynamic-query.js","names":["gql","BlazeError","buildDynamicQuery","id","schema","infoBox","actions","get","properties","fields","property","query"],"sources":["../../../../src/components/InfoBoxes/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, infoBox }) {\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  const fields = `${infoBox.property} {\n      label\n      value\n    }`;\n\n  return {\n    query: gql`query getInfoBoxData($id: String!){\n    ${schema.actions.get}( id: $id ) {\n      id\n     ${fields}\n     __typename\n    }\n  }`\n  };\n}\n"],"mappings":"AAAA,SAASA,GAAG,QAAQ,gBAAgB;AACpC,SAASC,UAAU,QAAQ,wBAAwB;AAEnD,eAAe,SAASC,iBAAiB,CAAC;EAAEC,EAAE;EAAEC,MAAM;EAAEC;AAAQ,CAAC,EAAE;EACjE,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,gFAAgF,CACjF;EACH;EAEA,MAAMQ,MAAM,GAAI,GAAEJ,OAAO,CAACK,QAAS;AACrC;AACA;AACA,MAAM;EAEJ,OAAO;IACLC,KAAK,EAAEX,GAAI;AACf,MAAMI,MAAM,CAACE,OAAO,CAACC,GAAI;AACzB;AACA,OAAOE,MAAO;AACd;AACA;AACA;EACE,CAAC;AACH"}

package/lib-es/components/InfoBoxes/hooks/useData.js

@@ -1,37 +0,0 @@
-import { useQuery, gql } from '@apollo/client';
-import useInfoBoxData from './useInfoBox';
-function useData({
-  id,
-  schema,
-  infoBox
-}) {
-  const {
-    query
-  } = useInfoBoxData({
-    id,
-    schema,
-    infoBox
-  });
-  const infoBoxQuery = query || gql`
-      query {
-        __typename
-      }
-    `;
-  const {
-    data = {},
-    loading,
-    error
-  } = useQuery(infoBoxQuery, {
-    variables: {
-      id
-    },
-    skip: !query
-  });
-  return {
-    data: data.__typename !== 'Query' ? data : null,
-    loading,
-    error
-  };
-}
-export default useData;
-//# sourceMappingURL=useData.js.map

package/lib-es/components/InfoBoxes/hooks/useData.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"useData.js","names":["useQuery","gql","useInfoBoxData","useData","id","schema","infoBox","query","infoBoxQuery","data","loading","error","variables","skip","__typename"],"sources":["../../../../src/components/InfoBoxes/hooks/useData.js"],"sourcesContent":["import { useQuery, gql } from '@apollo/client';\nimport useInfoBoxData from './useInfoBox';\n\nfunction useData({ id, schema, infoBox }) {\n  const { query } = useInfoBoxData({ id, schema, infoBox });\n\n  const infoBoxQuery =\n    query ||\n    gql`\n      query {\n        __typename\n      }\n    `;\n\n  const { data = {}, loading, error } = useQuery(infoBoxQuery, { variables: { id }, skip: !query });\n\n  return { data: data.__typename !== 'Query' ? data : null, loading, error };\n}\n\nexport default useData;\n"],"mappings":"AAAA,SAASA,QAAQ,EAAEC,GAAG,QAAQ,gBAAgB;AAC9C,OAAOC,cAAc,MAAM,cAAc;AAEzC,SAASC,OAAO,CAAC;EAAEC,EAAE;EAAEC,MAAM;EAAEC;AAAQ,CAAC,EAAE;EACxC,MAAM;IAAEC;EAAM,CAAC,GAAGL,cAAc,CAAC;IAAEE,EAAE;IAAEC,MAAM;IAAEC;EAAQ,CAAC,CAAC;EAEzD,MAAME,YAAY,GAChBD,KAAK,IACLN,GAAI;AACR;AACA;AACA;AACA,KAAK;EAEH,MAAM;IAAEQ,IAAI,GAAG,CAAC,CAAC;IAAEC,OAAO;IAAEC;EAAM,CAAC,GAAGX,QAAQ,CAACQ,YAAY,EAAE;IAAEI,SAAS,EAAE;MAAER;IAAG,CAAC;IAAES,IAAI,EAAE,CAACN;EAAM,CAAC,CAAC;EAEjG,OAAO;IAAEE,IAAI,EAAEA,IAAI,CAACK,UAAU,KAAK,OAAO,GAAGL,IAAI,GAAG,IAAI;IAAEC,OAAO;IAAEC;EAAM,CAAC;AAC5E;AAEA,eAAeR,OAAO"}