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

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","Badge","VersionsList","PUBLISHED","SideBarRelations","schema","onChange","formData","entity","relation","RelationComponent","formattedStatus","formattedUpdated","formattedCreated","formattedPublished","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","createElement","className","type","modifiers","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 Badge from '@blaze-react/badge';\nimport { VersionsList } from '@blaze-cms/versioning-ui';\nimport { PUBLISHED } from '../../../../constants';\n\nconst SideBarRelations = ({ schema, onChange, formData, entity }) => {\n  const { relation: RelationComponent } = formFieldTypes;\n  const { formattedStatus, formattedUpdated, formattedCreated, formattedPublished } = formData;\n  const client = useApolloClient();\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  return (\n    <div className=\"sidebar\" data-testid=\"sideBarRelations-main-div\">\n      <div className=\"sidebar__content\">\n        {formattedCreated && (\n          <div className=\"sidebar__status\">\n            {formattedStatus && (\n              <Badge type=\"status\" modifiers={formattedStatus}>\n                {formattedStatus}\n                {formattedStatus === PUBLISHED && `: ${formattedPublished}`}\n              </Badge>\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/lib-es/components/InfoBoxes/InfoBoxes.js

@@ -0,0 +1,28 @@
+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

@@ -0,0 +1 @@
+{"version":3,"file":"InfoBoxes.js","names":["PropTypes","React","InfoBoxContainer","InfoBoxes","id","schema","displayProperties","adminInfoBoxes","length","map","infoBox","createElement","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,GAAGA,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/BT,KAAA,CAAAU,aAAA,CAACT,gBAAgB;IAACE,EAAE,EAAEA,EAAG;IAACC,MAAM,EAAEA,MAAO;IAACO,GAAG,EAAEF,OAAO,CAACE,GAAI;IAACF,OAAO,EAAEA;EAAQ,CAAE,CAChF,CAAC;AACJ,CAAC;AAED,eAAeP,SAAS;AAExBA,SAAS,CAACU,SAAS,GAAG;EACpBT,EAAE,EAAEJ,SAAS,CAACc,MAAM,CAACC,UAAU;EAC/BV,MAAM,EAAEL,SAAS,CAACgB,MAAM,CAACD;AAC3B,CAAC"}

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

@@ -0,0 +1,30 @@
+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

@@ -0,0 +1 @@
+{"version":3,"file":"InfoBoxContainer.js","names":["PropTypes","React","useData","InfoBox","InfoBoxContainer","id","schema","infoBox","data","Object","keys","length","items","values","flatMap","item","createElement","infoBoxKey","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,GAAGA,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,oBAAOd,KAAA,CAAAe,aAAA,CAACb,OAAO;IAACS,KAAK,EAAEA,KAAM;IAACK,UAAU,EAAEV,OAAO,CAACW;EAAI,CAAE,CAAC;AAC3D,CAAC;AAED,eAAed,gBAAgB;AAE/BA,gBAAgB,CAACe,SAAS,GAAG;EAC3Bd,EAAE,EAAEL,SAAS,CAACoB,MAAM,CAACC,UAAU;EAC/Bd,OAAO,EAAEP,SAAS,CAACsB,MAAM,CAACD,UAAU;EACpCf,MAAM,EAAEN,SAAS,CAACsB,MAAM,CAACD;AAC3B,CAAC"}

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

@@ -0,0 +1,25 @@
+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

@@ -0,0 +1 @@
+{"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,iBAAiBA,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,gFACF,CAAC;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

@@ -0,0 +1,37 @@
+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

@@ -0,0 +1 @@
+{"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,OAAOA,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"}

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

@@ -0,0 +1,19 @@
+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;
+//# sourceMappingURL=useInfoBox.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"useInfoBox.js","names":["buildDynamicQuery","useInfoBox","id","schema","infoBox","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,OAAOA,iBAAiB,MAAM,gCAAgC;AAE9D,SAASC,UAAUA,CAAC;EAAEC,EAAE;EAAEC,MAAM;EAAEC;AAAQ,CAAC,EAAE;EAC3C,MAAM;IAAEC;EAAM,CAAC,GAAGL,iBAAiB,CAAC;IAClCE,EAAE;IACFC,MAAM;IACNC;EACF,CAAC,CAAC;EAEF,OAAO;IAAEC,KAAK,EAAEA,KAAK,IAAI;EAAK,CAAC;AACjC;AAEA,eAAeJ,UAAU"}

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

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

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

@@ -0,0 +1 @@
+{"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,OAAOA,SAAS,MAAM,aAAa;AAEnC,eAAeA,SAAS"}

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

@@ -0,0 +1,31 @@
+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 /*#__PURE__*/React.createElement("div", {
+      className: "info-box--item",
+      key: `${infoBoxKey}-${info.label.toLowerCase()}`
+    }, /*#__PURE__*/React.createElement("div", {
+      className: "info-box--label"
+    }, info.label, ": "), /*#__PURE__*/React.createElement("div", {
+      className: "info-box--value"
+    }, info.value));
+  }).filter(Boolean));
+  return /*#__PURE__*/React.createElement("div", {
+    className: "info-box",
+    key: infoBoxKey
+  }, /*#__PURE__*/React.createElement("div", {
+    className: "info-box--container"
+  }, infoBoxItems));
+};
+export default InfoBox;
+InfoBox.propTypes = {
+  infoBoxKey: PropTypes.string.isRequired,
+  items: PropTypes.array.isRequired
+};
+//# sourceMappingURL=InfoBox.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"InfoBox.js","names":["PropTypes","React","InfoBox","items","infoBoxKey","infoBoxItems","map","item","Object","values","info","label","value","createElement","className","key","toLowerCase","filter","Boolean","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,OAAOA,SAAS,MAAM,YAAY;AAClC,OAAOC,KAAK,MAAM,OAAO;AAEzB,MAAMC,OAAO,GAAGA,CAAC;EAAEC,KAAK;EAAEC;AAAW,CAAC,KAAK;EACzC,IAAI,CAACD,KAAK,EAAE,OAAO,IAAI;EAEvB,MAAME,YAAY,GAAGF,KAAK,CAACG,GAAG,CAACC,IAAI,IACjCC,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;MAAKC,SAAS,EAAC,gBAAgB;MAACC,GAAG,EAAG,GAAEX,UAAW,IAAGM,IAAI,CAACC,KAAK,CAACK,WAAW,CAAC,CAAE;IAAE,gBAC/Ef,KAAA,CAAAY,aAAA;MAAKC,SAAS,EAAC;IAAiB,GAAEJ,IAAI,CAACC,KAAK,EAAC,IAAO,CAAC,eACrDV,KAAA,CAAAY,aAAA;MAAKC,SAAS,EAAC;IAAiB,GAAEJ,IAAI,CAACE,KAAW,CAC/C,CAAC;EAEV,CAAC,CAAC,CACDK,MAAM,CAACC,OAAO,CACnB,CAAC;EAED,oBACEjB,KAAA,CAAAY,aAAA;IAAKC,SAAS,EAAC,UAAU;IAACC,GAAG,EAAEX;EAAW,gBACxCH,KAAA,CAAAY,aAAA;IAAKC,SAAS,EAAC;EAAqB,GAAET,YAAkB,CACrD,CAAC;AAEV,CAAC;AAED,eAAeH,OAAO;AAEtBA,OAAO,CAACiB,SAAS,GAAG;EAClBf,UAAU,EAAEJ,SAAS,CAACoB,MAAM,CAACC,UAAU;EACvClB,KAAK,EAAEH,SAAS,CAACsB,KAAK,CAACD;AACzB,CAAC"}

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

@@ -6,19 +6,18 @@ import React, { useEffect, useState, Fragment } from 'react';
 import PropTypes from 'prop-types';
 import { withRouter, Link } from 'react-router-dom';
 import More from '@blaze-react/more';
-import { MainContext, useMainContext } from '@blaze-cms/admin-ui-utils';
 import { PageHeader, DeleteAction } from '@blaze-cms/admin';
 import { useToasts } from '@blaze-react/toaster';
+import { RenderHook } from '@blaze-cms/plugin-render-hooks-ui';
 import ListingTableContent from './ListingTableContent';
 import availableActions from '../EntityManager/Entity/actions-handlers';
 import { fetchData } from './service';
-import { populateRows, formatRows } from './mappers/populate-rows';
+import { populateRows, formatRows, getParsedRowData } from './mappers/populate-rows';
 import { getDefaultQueryParams } from '../../utils/get-default-query-params';
 const OVER_SCAN_BUFFER = 10;
 const ListingTable = ({
   match,
-  entitySchema,
-  selectedMenuItem
+  entitySchema
 }) => {
   const [tableData, setTableData] = useState({});
   const [modalStatus, setModalStatus] = useState(false);
@@ -28,14 +27,9 @@ const ListingTable = ({
   });
   const [scrollToIndex, setScrollToIndex] = useState(0);
   const [verifiedRanges, setVerifiedRanges] = useState([]);
-  const queryParamsDefault = getDefaultQueryParams({
-    schema: entitySchema
-  });
+  const queryParamsDefault = getDefaultQueryParams(entitySchema);
   const [queryParams, setQueryParams] = useState(queryParamsDefault);
-  const {
-    menuItems,
-    setMenuItems
-  } = useMainContext(MainContext);
+  const [listFilters, setListFilters] = useState([]);
   const client = useApolloClient();
   const {
     addToast
@@ -43,20 +37,7 @@ const ListingTable = ({
   useEffect(() => {
     (async () => {
       if (entitySchema.id !== previousSchema.id || previousSchema.id === null && entitySchema.id) {
-        const data = await fetchData({
-          client,
-          querySettings: {
-            entitySchema,
-            queryParams: queryParamsDefault
-          }
-        });
-        const populatedTable = populateRows({
-          toggleModal,
-          url: match.url,
-          entitySchema,
-          rows: data
-        });
-        setTableData(populatedTable);
+        await doQuery();
         setPreviousSchema({
           id: entitySchema.id
         });
@@ -65,20 +46,28 @@ const ListingTable = ({
   }, [client, entitySchema, match.url, previousSchema.id, queryParams] // eslint-disable-line react-hooks/exhaustive-deps
   );
 
-  const onCloseCardPrompt = () => {
-    const updatedSelectedMenuItem = _objectSpread(_objectSpread({}, selectedMenuItem), {}, {
-      isDisplayedPrompt: false
+  const doQuery = async (filters = listFilters) => {
+    const data = await fetchData({
+      client,
+      querySettings: {
+        entitySchema,
+        queryParams: queryParamsDefault
+      },
+      listFilters: filters
+    });
+    const populatedTable = populateRows({
+      toggleModal,
+      url: match.url,
+      entitySchema,
+      rows: data
     });
-    const [{
-      header,
-      items
-    }] = menuItems;
-    const updatedItems = items.map(item => item.name === selectedMenuItem.name ? updatedSelectedMenuItem : item);
-    setMenuItems([{
-      header,
-      items: updatedItems
-    }]);
+    setTableData(populatedTable);
   };
+  const updateListingFilters = async filters => {
+    await doQuery(filters);
+    setListFilters(filters);
+  };
+  const onCloseCardPrompt = () => null;
   const toggleModal = item => {
     setModalStatus(!!item);
     setItemToDelete(item || {});
@@ -115,10 +104,12 @@ const ListingTable = ({
       querySettings: {
         entitySchema,
         queryParams: sortQueryParams
-      }
+      },
+      listFilters
     });
     const {
-      columns
+      columns,
+      isEnquiry
     } = tableData;
     const [firstColumn] = columns;
     setTableData(_objectSpread(_objectSpread({}, tableData), {}, {
@@ -126,10 +117,11 @@ const ListingTable = ({
         [property]: direction
       },
       rows: formatRows({
-        rows: data,
+        rows: getParsedRowData(data),
         url: match.url,
         toggleModal,
-        firstColumn
+        firstColumn,
+        isEnquiry
       })
     }));
   };
@@ -148,12 +140,14 @@ const ListingTable = ({
         querySettings: {
           entitySchema,
           queryParams: updatedQueryParams
-        }
+        },
+        listFilters
       });
       const updatedRows = [...tableData.rows, ...formatRows({
-        rows: data,
+        rows: getParsedRowData(data),
         url: match.url,
-        toggleModal
+        toggleModal,
+        isEnquiry: tableData.isEnquiry
       })];
       setVerifiedRanges([...verifiedRanges, loadIndex]);
       setQueryParams(updatedQueryParams);
@@ -164,6 +158,7 @@ const ListingTable = ({
     }
   };
   if (!tableData || !tableData.rows) return 'loading';
+  const showAddButton = !!tableData.rows.length && !tableData.isEnquiry;
   return /*#__PURE__*/React.createElement("div", {
     className: "page"
   }, modalStatus && /*#__PURE__*/React.createElement(DeleteAction, {
@@ -173,7 +168,7 @@ const ListingTable = ({
   }), /*#__PURE__*/React.createElement(PageHeader, {
     title: entitySchema.displayName,
     subtitle: ""
-  }, (!selectedMenuItem.isDisplayedPrompt || !!tableData.rows.length) && /*#__PURE__*/React.createElement(Fragment, null, /*#__PURE__*/React.createElement(Link, {
+  }, showAddButton && /*#__PURE__*/React.createElement(Fragment, null, /*#__PURE__*/React.createElement(Link, {
     "data-testid": "addEntity",
     className: "button button--small",
     to: `${match.url}/create`
@@ -183,20 +178,22 @@ const ListingTable = ({
     className: "material-icons"
   }, "more_vert")), /*#__PURE__*/React.createElement(More.Content, {
     isMoreMenu: true
-  }))))), /*#__PURE__*/React.createElement(ListingTableContent, {
+  }))))), /*#__PURE__*/React.createElement(RenderHook, {
+    hookKey: "entity:listing:main:top",
+    schema: entitySchema,
+    setListFilters: updateListingFilters
+  }), /*#__PURE__*/React.createElement(ListingTableContent, {
     overScanBuffer: OVER_SCAN_BUFFER,
     onSort: handleSort,
     onRenderItems: handleRenderedItems,
     tableData: tableData,
     onCloseCardPrompt: onCloseCardPrompt,
-    selectedMenuItem: selectedMenuItem,
     scrollToIndex: scrollToIndex
   }));
 };
 ListingTable.propTypes = {
   entitySchema: PropTypes.object.isRequired,
-  match: PropTypes.object.isRequired,
-  selectedMenuItem: PropTypes.object.isRequired
+  match: PropTypes.object.isRequired
 };
 export default withRouter(ListingTable);
 //# sourceMappingURL=ListingTable.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"ListingTable.js","names":["useApolloClient","React","useEffect","useState","Fragment","PropTypes","withRouter","Link","More","MainContext","useMainContext","PageHeader","DeleteAction","useToasts","ListingTableContent","availableActions","fetchData","populateRows","formatRows","getDefaultQueryParams","OVER_SCAN_BUFFER","ListingTable","match","entitySchema","selectedMenuItem","tableData","setTableData","modalStatus","setModalStatus","itemToDelete","setItemToDelete","previousSchema","setPreviousSchema","id","scrollToIndex","setScrollToIndex","verifiedRanges","setVerifiedRanges","queryParamsDefault","schema","queryParams","setQueryParams","menuItems","setMenuItems","client","addToast","data","querySettings","populatedTable","toggleModal","url","rows","onCloseCardPrompt","updatedSelectedMenuItem","_objectSpread","isDisplayedPrompt","header","items","updatedItems","map","item","name","deleteAction","delete","submit","parsedFormValues","updatedTableData","filter","handleSort","event","property","direction","Object","entries","sortQueryParams","sort","columns","firstColumn","appliedSort","handleRenderedItems","params","startIndex","rowsLength","length","loadIndex","Math","floor","includes","updatedQueryParams","offset","updatedRows","createElement","className","onClose","itemName","title","displayName","subtitle","to","Actions","Avatar","isMoreMenu","Content","overScanBuffer","onSort","onRenderItems","propTypes","object","isRequired"],"sources":["../../../src/components/ListingTable/ListingTable.js"],"sourcesContent":["import { useApolloClient } from '@apollo/client';\nimport React, { useEffect, useState, Fragment } from 'react';\nimport PropTypes from 'prop-types';\nimport { withRouter, Link } from 'react-router-dom';\nimport More from '@blaze-react/more';\nimport { MainContext, useMainContext } from '@blaze-cms/admin-ui-utils';\nimport { PageHeader, DeleteAction } from '@blaze-cms/admin';\nimport { useToasts } from '@blaze-react/toaster';\nimport ListingTableContent from './ListingTableContent';\nimport availableActions from '../EntityManager/Entity/actions-handlers';\nimport { fetchData } from './service';\nimport { populateRows, formatRows } from './mappers/populate-rows';\nimport { getDefaultQueryParams } from '../../utils/get-default-query-params';\n\nconst OVER_SCAN_BUFFER = 10;\n\nconst ListingTable = ({ match, entitySchema, selectedMenuItem }) => {\n  const [tableData, setTableData] = useState({});\n  const [modalStatus, setModalStatus] = useState(false);\n  const [itemToDelete, setItemToDelete] = useState({});\n  const [previousSchema, setPreviousSchema] = useState({ id: null });\n  const [scrollToIndex, setScrollToIndex] = useState(0);\n  const [verifiedRanges, setVerifiedRanges] = useState([]);\n  const queryParamsDefault = getDefaultQueryParams({ schema: entitySchema });\n  const [queryParams, setQueryParams] = useState(queryParamsDefault);\n  const { menuItems, setMenuItems } = useMainContext(MainContext);\n  const client = useApolloClient();\n  const { addToast } = useToasts();\n\n  useEffect(\n    () => {\n      (async () => {\n        if (\n          entitySchema.id !== previousSchema.id ||\n          (previousSchema.id === null && entitySchema.id)\n        ) {\n          const data = await fetchData({\n            client,\n            querySettings: {\n              entitySchema,\n              queryParams: queryParamsDefault\n            }\n          });\n          const populatedTable = populateRows({\n            toggleModal,\n            url: match.url,\n            entitySchema,\n            rows: data\n          });\n          setTableData(populatedTable);\n          setPreviousSchema({ id: entitySchema.id });\n        }\n      })();\n    },\n    [client, entitySchema, match.url, previousSchema.id, queryParams] // eslint-disable-line react-hooks/exhaustive-deps\n  );\n\n  const onCloseCardPrompt = () => {\n    const updatedSelectedMenuItem = {\n      ...selectedMenuItem,\n      isDisplayedPrompt: false\n    };\n    const [{ header, items }] = menuItems;\n    const updatedItems = items.map(\n      item => (item.name === selectedMenuItem.name ? updatedSelectedMenuItem : item)\n    );\n    setMenuItems([{ header, items: updatedItems }]);\n  };\n\n  const toggleModal = item => {\n    setModalStatus(!!item);\n    setItemToDelete(item || {});\n  };\n\n  const deleteAction = async () => {\n    await availableActions.delete.submit(\n      {\n        entitySchema,\n        parsedFormValues: { id: itemToDelete.id },\n        client\n      },\n      addToast\n    );\n\n    toggleModal();\n\n    const updatedTableData = {\n      ...tableData,\n      rows: tableData.rows.filter(({ id }) => id !== itemToDelete.id)\n    };\n\n    setTableData(updatedTableData);\n  };\n\n  const handleSort = async event => {\n    const [[property, direction]] = Object.entries(event);\n    const sortQueryParams = {\n      ...queryParamsDefault,\n      sort: [{ property, direction }]\n    };\n    setScrollToIndex(0);\n    setVerifiedRanges([]);\n    setQueryParams(sortQueryParams);\n\n    const data = await fetchData({\n      client,\n      querySettings: {\n        entitySchema,\n        queryParams: sortQueryParams\n      }\n    });\n    const { columns } = tableData;\n    const [firstColumn] = columns;\n\n    setTableData({\n      ...tableData,\n      appliedSort: { [property]: direction },\n      rows: formatRows({ rows: data, url: match.url, toggleModal, firstColumn })\n    });\n  };\n\n  const handleRenderedItems = async params => {\n    const { startIndex } = params;\n    const rowsLength = tableData.rows.length;\n    const loadIndex = Math.floor(rowsLength / 3) - OVER_SCAN_BUFFER;\n    if (loadIndex > 0 && loadIndex < startIndex && !verifiedRanges.includes(loadIndex)) {\n      const updatedQueryParams = {\n        ...queryParams,\n        offset: rowsLength\n      };\n      const data = await fetchData({\n        client,\n        querySettings: {\n          entitySchema,\n          queryParams: updatedQueryParams\n        }\n      });\n      const updatedRows = [\n        ...tableData.rows,\n        ...formatRows({ rows: data, url: match.url, toggleModal })\n      ];\n\n      setVerifiedRanges([...verifiedRanges, loadIndex]);\n      setQueryParams(updatedQueryParams);\n      setTableData({\n        ...tableData,\n        rows: updatedRows\n      });\n      setScrollToIndex(startIndex + OVER_SCAN_BUFFER);\n    }\n  };\n\n  if (!tableData || !tableData.rows) return 'loading';\n\n  return (\n    <div className=\"page\">\n      {modalStatus && (\n        <DeleteAction\n          onClose={toggleModal}\n          deleteAction={deleteAction}\n          itemName={itemToDelete.name}\n        />\n      )}\n      <PageHeader title={entitySchema.displayName} subtitle=\"\">\n        {(!selectedMenuItem.isDisplayedPrompt || !!tableData.rows.length) && (\n          <Fragment>\n            <Link\n              data-testid=\"addEntity\"\n              className=\"button button--small\"\n              to={`${match.url}/create`}>\n              Add\n            </Link>\n            <PageHeader.Actions>\n              <More>\n                <More.Avatar isMoreMenu>\n                  <span className=\"material-icons\">more_vert</span>\n                </More.Avatar>\n                <More.Content isMoreMenu />\n              </More>\n            </PageHeader.Actions>\n          </Fragment>\n        )}\n      </PageHeader>\n      <ListingTableContent\n        overScanBuffer={OVER_SCAN_BUFFER}\n        onSort={handleSort}\n        onRenderItems={handleRenderedItems}\n        tableData={tableData}\n        onCloseCardPrompt={onCloseCardPrompt}\n        selectedMenuItem={selectedMenuItem}\n        scrollToIndex={scrollToIndex}\n      />\n    </div>\n  );\n};\nListingTable.propTypes = {\n  entitySchema: PropTypes.object.isRequired,\n  match: PropTypes.object.isRequired,\n  selectedMenuItem: PropTypes.object.isRequired\n};\n\nexport default withRouter(ListingTable);\n"],"mappings":"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"}
+{"version":3,"file":"ListingTable.js","names":["useApolloClient","React","useEffect","useState","Fragment","PropTypes","withRouter","Link","More","PageHeader","DeleteAction","useToasts","RenderHook","ListingTableContent","availableActions","fetchData","populateRows","formatRows","getParsedRowData","getDefaultQueryParams","OVER_SCAN_BUFFER","ListingTable","match","entitySchema","tableData","setTableData","modalStatus","setModalStatus","itemToDelete","setItemToDelete","previousSchema","setPreviousSchema","id","scrollToIndex","setScrollToIndex","verifiedRanges","setVerifiedRanges","queryParamsDefault","queryParams","setQueryParams","listFilters","setListFilters","client","addToast","doQuery","url","filters","data","querySettings","populatedTable","toggleModal","rows","updateListingFilters","onCloseCardPrompt","item","deleteAction","delete","submit","parsedFormValues","updatedTableData","_objectSpread","filter","handleSort","event","property","direction","Object","entries","sortQueryParams","sort","columns","isEnquiry","firstColumn","appliedSort","handleRenderedItems","params","startIndex","rowsLength","length","loadIndex","Math","floor","includes","updatedQueryParams","offset","updatedRows","showAddButton","createElement","className","onClose","itemName","name","title","displayName","subtitle","to","Actions","Avatar","isMoreMenu","Content","hookKey","schema","overScanBuffer","onSort","onRenderItems","propTypes","object","isRequired"],"sources":["../../../src/components/ListingTable/ListingTable.js"],"sourcesContent":["import { useApolloClient } from '@apollo/client';\nimport React, { useEffect, useState, Fragment } from 'react';\nimport PropTypes from 'prop-types';\nimport { withRouter, Link } from 'react-router-dom';\nimport More from '@blaze-react/more';\nimport { PageHeader, DeleteAction } from '@blaze-cms/admin';\nimport { useToasts } from '@blaze-react/toaster';\nimport { RenderHook } from '@blaze-cms/plugin-render-hooks-ui';\nimport ListingTableContent from './ListingTableContent';\nimport availableActions from '../EntityManager/Entity/actions-handlers';\nimport { fetchData } from './service';\nimport { populateRows, formatRows, getParsedRowData } from './mappers/populate-rows';\nimport { getDefaultQueryParams } from '../../utils/get-default-query-params';\n\nconst OVER_SCAN_BUFFER = 10;\n\nconst ListingTable = ({ match, entitySchema }) => {\n  const [tableData, setTableData] = useState({});\n  const [modalStatus, setModalStatus] = useState(false);\n  const [itemToDelete, setItemToDelete] = useState({});\n  const [previousSchema, setPreviousSchema] = useState({ id: null });\n  const [scrollToIndex, setScrollToIndex] = useState(0);\n  const [verifiedRanges, setVerifiedRanges] = useState([]);\n  const queryParamsDefault = getDefaultQueryParams(entitySchema);\n  const [queryParams, setQueryParams] = useState(queryParamsDefault);\n  const [listFilters, setListFilters] = useState([]);\n  const client = useApolloClient();\n  const { addToast } = useToasts();\n\n  useEffect(\n    () => {\n      (async () => {\n        if (\n          entitySchema.id !== previousSchema.id ||\n          (previousSchema.id === null && entitySchema.id)\n        ) {\n          await doQuery();\n          setPreviousSchema({ id: entitySchema.id });\n        }\n      })();\n    },\n    [client, entitySchema, match.url, previousSchema.id, queryParams] // eslint-disable-line react-hooks/exhaustive-deps\n  );\n\n  const doQuery = async (filters = listFilters) => {\n    const data = await fetchData({\n      client,\n      querySettings: {\n        entitySchema,\n        queryParams: queryParamsDefault\n      },\n      listFilters: filters\n    });\n\n    const populatedTable = populateRows({\n      toggleModal,\n      url: match.url,\n      entitySchema,\n      rows: data\n    });\n\n    setTableData(populatedTable);\n  };\n\n  const updateListingFilters = async filters => {\n    await doQuery(filters);\n    setListFilters(filters);\n  };\n\n  const onCloseCardPrompt = () => null;\n\n  const toggleModal = item => {\n    setModalStatus(!!item);\n    setItemToDelete(item || {});\n  };\n\n  const deleteAction = async () => {\n    await availableActions.delete.submit(\n      {\n        entitySchema,\n        parsedFormValues: { id: itemToDelete.id },\n        client\n      },\n      addToast\n    );\n\n    toggleModal();\n\n    const updatedTableData = {\n      ...tableData,\n      rows: tableData.rows.filter(({ id }) => id !== itemToDelete.id)\n    };\n\n    setTableData(updatedTableData);\n  };\n\n  const handleSort = async event => {\n    const [[property, direction]] = Object.entries(event);\n    const sortQueryParams = {\n      ...queryParamsDefault,\n      sort: [{ property, direction }]\n    };\n    setScrollToIndex(0);\n    setVerifiedRanges([]);\n    setQueryParams(sortQueryParams);\n\n    const data = await fetchData({\n      client,\n      querySettings: {\n        entitySchema,\n        queryParams: sortQueryParams\n      },\n      listFilters\n    });\n    const { columns, isEnquiry } = tableData;\n    const [firstColumn] = columns;\n\n    setTableData({\n      ...tableData,\n      appliedSort: { [property]: direction },\n      rows: formatRows({\n        rows: getParsedRowData(data),\n        url: match.url,\n        toggleModal,\n        firstColumn,\n        isEnquiry\n      })\n    });\n  };\n\n  const handleRenderedItems = async params => {\n    const { startIndex } = params;\n    const rowsLength = tableData.rows.length;\n    const loadIndex = Math.floor(rowsLength / 3) - OVER_SCAN_BUFFER;\n    if (loadIndex > 0 && loadIndex < startIndex && !verifiedRanges.includes(loadIndex)) {\n      const updatedQueryParams = {\n        ...queryParams,\n        offset: rowsLength\n      };\n      const data = await fetchData({\n        client,\n        querySettings: {\n          entitySchema,\n          queryParams: updatedQueryParams\n        },\n        listFilters\n      });\n      const updatedRows = [\n        ...tableData.rows,\n        ...formatRows({\n          rows: getParsedRowData(data),\n          url: match.url,\n          toggleModal,\n          isEnquiry: tableData.isEnquiry\n        })\n      ];\n\n      setVerifiedRanges([...verifiedRanges, loadIndex]);\n      setQueryParams(updatedQueryParams);\n      setTableData({\n        ...tableData,\n        rows: updatedRows\n      });\n      setScrollToIndex(startIndex + OVER_SCAN_BUFFER);\n    }\n  };\n\n  if (!tableData || !tableData.rows) return 'loading';\n  const showAddButton = !!tableData.rows.length && !tableData.isEnquiry;\n\n  return (\n    <div className=\"page\">\n      {modalStatus && (\n        <DeleteAction\n          onClose={toggleModal}\n          deleteAction={deleteAction}\n          itemName={itemToDelete.name}\n        />\n      )}\n      <PageHeader title={entitySchema.displayName} subtitle=\"\">\n        {showAddButton && (\n          <Fragment>\n            <Link\n              data-testid=\"addEntity\"\n              className=\"button button--small\"\n              to={`${match.url}/create`}>\n              Add\n            </Link>\n            <PageHeader.Actions>\n              <More>\n                <More.Avatar isMoreMenu>\n                  <span className=\"material-icons\">more_vert</span>\n                </More.Avatar>\n                <More.Content isMoreMenu />\n              </More>\n            </PageHeader.Actions>\n          </Fragment>\n        )}\n      </PageHeader>\n      <RenderHook\n        hookKey=\"entity:listing:main:top\"\n        schema={entitySchema}\n        setListFilters={updateListingFilters}\n      />\n      <ListingTableContent\n        overScanBuffer={OVER_SCAN_BUFFER}\n        onSort={handleSort}\n        onRenderItems={handleRenderedItems}\n        tableData={tableData}\n        onCloseCardPrompt={onCloseCardPrompt}\n        scrollToIndex={scrollToIndex}\n      />\n    </div>\n  );\n};\nListingTable.propTypes = {\n  entitySchema: PropTypes.object.isRequired,\n  match: PropTypes.object.isRequired\n};\n\nexport default withRouter(ListingTable);\n"],"mappings":"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"}

package/lib-es/components/ListingTable/ListingTableContent/ListingTableContent.js

@@ -1,14 +1,10 @@
 import React from 'react';
 import Table from '@blaze-react/table';
 import PropTypes from 'prop-types';
-import { CardPrompt } from '@blaze-cms/admin';
-import { Link, withRouter } from 'react-router-dom';
+import { withRouter } from 'react-router-dom';
 const ListingTableContent = ({
   tableData,
   handleSelect,
-  onCloseCardPrompt,
-  selectedMenuItem,
-  match,
   onSort,
   onClickRow,
   overScanBuffer,
@@ -16,8 +12,12 @@ const ListingTableContent = ({
   scrollToIndex
 }) => {
   const displayTable = tableData && tableData.rows && !!tableData.rows.length;
-  return /*#__PURE__*/React.createElement(React.Fragment, null, displayTable ? /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement("div", {
-    className: "page__content"
+  const {
+    isEnquiry
+  } = tableData;
+  const className = `page__content${isEnquiry ? ' array-table' : ''}`;
+  return /*#__PURE__*/React.createElement(React.Fragment, null, displayTable && /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement("div", {
+    className: className
   }, /*#__PURE__*/React.createElement(Table, {
     scrollToIndex: scrollToIndex,
     onSort: onSort,
@@ -25,22 +25,13 @@ const ListingTableContent = ({
     overScanBuffer: overScanBuffer,
     onRenderItems: onRenderItems,
     data: tableData,
-    checkboxes: true,
+    checkboxes: !isEnquiry,
     onSelect: handleSelect,
     "data-testid": "listing-table-content"
-  }))) : selectedMenuItem.isDisplayedPrompt && /*#__PURE__*/React.createElement(CardPrompt, {
-    onClose: onCloseCardPrompt,
-    "data-testid": "card-prompt"
-  }, /*#__PURE__*/React.createElement(Link, {
-    className: "button button--rounded button--cta",
-    to: `${match.url}/create`,
-    "data-testid": "add-button"
-  }, "Add")));
+  }))));
 };
 ListingTableContent.propTypes = {
   tableData: PropTypes.object.isRequired,
-  onCloseCardPrompt: PropTypes.func.isRequired,
-  selectedMenuItem: PropTypes.object.isRequired,
   match: PropTypes.shape({
     url: PropTypes.string
   }).isRequired,
@@ -57,7 +48,8 @@ ListingTableContent.defaultProps = {
   onClickRow: () => {},
   overScanBuffer: 0,
   scrollToIndex: 0,
-  onRenderItems: () => {}
+  onRenderItems: () => {},
+  selectedMenuItem: null
 };
 export default withRouter(ListingTableContent);
 //# sourceMappingURL=ListingTableContent.js.map