@blaze-cms/plugin-data-ui 0.134.0-project-admin-customisations.0 → 0.135.0-admin-updates.0

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

@@ -1,28 +0,0 @@
-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/presentational/CustomSidebarInfo.js

@@ -1,33 +0,0 @@
-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
-};

package/src/components/InfoBoxes/InfoBoxes.js

@@ -1,24 +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 => (
-    <InfoBoxContainer id={id} schema={schema} key={infoBox.key} infoBox={infoBox} />
-  ));
-};
-
-export default InfoBoxes;
-
-InfoBoxes.propTypes = {
-  id: PropTypes.string.isRequired,
-  schema: PropTypes.object.isRequired
-};

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

@@ -1,22 +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 <InfoBox items={items} infoBoxKey={infoBox.key} />;
-};
-
-export default InfoBoxContainer;
-
-InfoBoxContainer.propTypes = {
-  id: PropTypes.string.isRequired,
-  infoBox: PropTypes.object.isRequired,
-  schema: PropTypes.object.isRequired
-};

package/src/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
-    }
-  }`
-  };
-}

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

@@ -1,20 +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;

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

@@ -1,13 +0,0 @@
-import buildDynamicQuery from '../helpers/build-dynamic-query';
-
-function useInfoBox({ id, schema, infoBox }) {
-  const { query } = buildDynamicQuery({
-    id,
-    schema,
-    infoBox
-  });
-
-  return { query: query || null };
-}
-
-export default useInfoBox;

package/src/components/InfoBoxes/index.js

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

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

@@ -1,34 +0,0 @@
-import PropTypes from 'prop-types';
-import React from 'react';
-
-const InfoBox = ({ items, infoBoxKey }) => {
-  if (!items) return null;
-
-  const infoBoxItems = items.map(item =>
-    Object.values(item)
-      .map(info => {
-        if (!info.label || !info.value) return null;
-
-        return (
-          <div className="info-box--item" key={`${infoBoxKey}-${info.label.toLowerCase()}`}>
-            <div className="info-box--label">{info.label}: </div>
-            <div className="info-box--value">{info.value}</div>
-          </div>
-        );
-      })
-      .filter(Boolean)
-  );
-
-  return (
-    <div className="info-box" key={infoBoxKey}>
-      <div className="info-box--container">{infoBoxItems}</div>
-    </div>
-  );
-};
-
-export default InfoBox;
-
-InfoBox.propTypes = {
-  infoBoxKey: PropTypes.string.isRequired,
-  items: PropTypes.array.isRequired
-};