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

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

@@ -4,9 +4,9 @@ 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,
@@ -20,8 +20,7 @@ const SideBarRelations = ({
     formattedStatus,
     formattedUpdated,
     formattedCreated,
-    formattedPublished,
-    status
+    formattedPublished
   } = formData;
   const client = useApolloClient();
   const [relationsComponents, setRelationsComponents] = useState(null);
@@ -63,10 +62,6 @@ const SideBarRelations = ({
     identifier: itemEntity,
     interfaces
   } = schema;
-  const statusClassName = classnames('sidebar__status__badge', {
-    'sidebar__status__badge--published': status === PUBLISHED,
-    'sidebar__status__badge--unpublished': status === UNPUBLISHED
-  });
   return /*#__PURE__*/React.createElement("div", {
     className: "sidebar",
     "data-testid": "sideBarRelations-main-div"
@@ -74,11 +69,10 @@ const SideBarRelations = ({
     className: "sidebar__content"
   }, formattedCreated && /*#__PURE__*/React.createElement("div", {
     className: "sidebar__status"
-  }, /*#__PURE__*/React.createElement("div", {
-    className: "sidebar__status__wrapper"
-  }, /*#__PURE__*/React.createElement("b", null, "Status"), /*#__PURE__*/React.createElement("span", {
-    className: statusClassName
-  }, formattedStatus)), formattedStatus === PUBLISHED && /*#__PURE__*/React.createElement("p", null, formattedStatus, " on: ", /*#__PURE__*/React.createElement("span", null, " ", formattedPublished)), /*#__PURE__*/React.createElement("p", null, "Created: ", /*#__PURE__*/React.createElement("span", null, formattedCreated)), /*#__PURE__*/React.createElement("p", null, "Updated: ", /*#__PURE__*/React.createElement("span", null, formattedUpdated))), /*#__PURE__*/React.createElement(VersionsList, {
+  }, formattedStatus && /*#__PURE__*/React.createElement(Badge, {
+    type: "status",
+    modifiers: formattedStatus
+  }, formattedStatus, formattedStatus === PUBLISHED && `: ${formattedPublished}`), /*#__PURE__*/React.createElement("p", null, "Created: ", /*#__PURE__*/React.createElement("span", null, formattedCreated)), /*#__PURE__*/React.createElement("p", null, "Updated: ", /*#__PURE__*/React.createElement("span", null, formattedUpdated))), /*#__PURE__*/React.createElement(VersionsList, {
     itemEntity: itemEntity,
     itemId: itemId,
     interfaces: interfaces

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

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

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","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","displayName","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","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","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","displayName","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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"}

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

@@ -1 +1 @@
-{"version":3,"file":"ListingTableContent.js","names":["React","Table","PropTypes","CardPrompt","Link","withRouter","ListingTableContent","tableData","handleSelect","onCloseCardPrompt","selectedMenuItem","match","onSort","onClickRow","overScanBuffer","onRenderItems","scrollToIndex","displayTable","rows","length","isDisplayedPrompt","url","propTypes","object","isRequired","func","shape","string","number","defaultProps"],"sources":["../../../../src/components/ListingTable/ListingTableContent/ListingTableContent.js"],"sourcesContent":["import React from 'react';\nimport Table from '@blaze-react/table';\nimport PropTypes from 'prop-types';\nimport { CardPrompt } from '@blaze-cms/admin';\nimport { Link, withRouter } from 'react-router-dom';\n\nconst ListingTableContent = ({\n  tableData,\n  handleSelect,\n  onCloseCardPrompt,\n  selectedMenuItem,\n  match,\n  onSort,\n  onClickRow,\n  overScanBuffer,\n  onRenderItems,\n  scrollToIndex\n}) => {\n  const displayTable = tableData && tableData.rows && !!tableData.rows.length;\n\n  return (\n    <>\n      {displayTable ? (\n        <>\n          <div className=\"page__content\">\n            <Table\n              scrollToIndex={scrollToIndex}\n              onSort={onSort}\n              onClickRow={onClickRow}\n              overScanBuffer={overScanBuffer}\n              onRenderItems={onRenderItems}\n              data={tableData}\n              checkboxes\n              onSelect={handleSelect}\n              data-testid=\"listing-table-content\"\n            />\n          </div>\n        </>\n      ) : (\n        selectedMenuItem.isDisplayedPrompt && (\n          <CardPrompt onClose={onCloseCardPrompt} data-testid=\"card-prompt\">\n            <Link\n              className=\"button button--rounded button--cta\"\n              to={`${match.url}/create`}\n              data-testid=\"add-button\">\n              Add\n            </Link>\n          </CardPrompt>\n        )\n      )}\n    </>\n  );\n};\n\nListingTableContent.propTypes = {\n  tableData: PropTypes.object.isRequired,\n  onCloseCardPrompt: PropTypes.func.isRequired,\n  selectedMenuItem: PropTypes.object.isRequired,\n  match: PropTypes.shape({\n    url: PropTypes.string\n  }).isRequired,\n  handleSelect: PropTypes.func,\n  onSort: PropTypes.func,\n  onClickRow: PropTypes.func,\n  overScanBuffer: PropTypes.number,\n  scrollToIndex: PropTypes.number,\n  onRenderItems: PropTypes.func\n};\n\nListingTableContent.defaultProps = {\n  handleSelect: () => {},\n  onSort: () => {},\n  onClickRow: () => {},\n  overScanBuffer: 0,\n  scrollToIndex: 0,\n  onRenderItems: () => {}\n};\n\nexport default withRouter(ListingTableContent);\n"],"mappings":"AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,OAAOC,KAAK,MAAM,oBAAoB;AACtC,OAAOC,SAAS,MAAM,YAAY;AAClC,SAASC,UAAU,QAAQ,kBAAkB;AAC7C,SAASC,IAAI,EAAEC,UAAU,QAAQ,kBAAkB;AAEnD,MAAMC,mBAAmB,GAAG,CAAC;EAC3BC,SAAS;EACTC,YAAY;EACZC,iBAAiB;EACjBC,gBAAgB;EAChBC,KAAK;EACLC,MAAM;EACNC,UAAU;EACVC,cAAc;EACdC,aAAa;EACbC;AACF,CAAC,KAAK;EACJ,MAAMC,YAAY,GAAGV,SAAS,IAAIA,SAAS,CAACW,IAAI,IAAI,CAAC,CAACX,SAAS,CAACW,IAAI,CAACC,MAAM;EAE3E,oBACE,0CACGF,YAAY,gBACX,uDACE;IAAK,SAAS,EAAC;EAAe,gBAC5B,oBAAC,KAAK;IACJ,aAAa,EAAED,aAAc;IAC7B,MAAM,EAAEJ,MAAO;IACf,UAAU,EAAEC,UAAW;IACvB,cAAc,EAAEC,cAAe;IAC/B,aAAa,EAAEC,aAAc;IAC7B,IAAI,EAAER,SAAU;IAChB,UAAU;IACV,QAAQ,EAAEC,YAAa;IACvB,eAAY;EAAuB,EACnC,CACE,CACL,GAEHE,gBAAgB,CAACU,iBAAiB,iBAChC,oBAAC,UAAU;IAAC,OAAO,EAAEX,iBAAkB;IAAC,eAAY;EAAa,gBAC/D,oBAAC,IAAI;IACH,SAAS,EAAC,oCAAoC;IAC9C,EAAE,EAAG,GAAEE,KAAK,CAACU,GAAI,SAAS;IAC1B,eAAY;EAAY,GAAC,KAE3B,CAAO,CAGZ,CACA;AAEP,CAAC;AAEDf,mBAAmB,CAACgB,SAAS,GAAG;EAC9Bf,SAAS,EAAEL,SAAS,CAACqB,MAAM,CAACC,UAAU;EACtCf,iBAAiB,EAAEP,SAAS,CAACuB,IAAI,CAACD,UAAU;EAC5Cd,gBAAgB,EAAER,SAAS,CAACqB,MAAM,CAACC,UAAU;EAC7Cb,KAAK,EAAET,SAAS,CAACwB,KAAK,CAAC;IACrBL,GAAG,EAAEnB,SAAS,CAACyB;EACjB,CAAC,CAAC,CAACH,UAAU;EACbhB,YAAY,EAAEN,SAAS,CAACuB,IAAI;EAC5Bb,MAAM,EAAEV,SAAS,CAACuB,IAAI;EACtBZ,UAAU,EAAEX,SAAS,CAACuB,IAAI;EAC1BX,cAAc,EAAEZ,SAAS,CAAC0B,MAAM;EAChCZ,aAAa,EAAEd,SAAS,CAAC0B,MAAM;EAC/Bb,aAAa,EAAEb,SAAS,CAACuB;AAC3B,CAAC;AAEDnB,mBAAmB,CAACuB,YAAY,GAAG;EACjCrB,YAAY,EAAE,MAAM,CAAC,CAAC;EACtBI,MAAM,EAAE,MAAM,CAAC,CAAC;EAChBC,UAAU,EAAE,MAAM,CAAC,CAAC;EACpBC,cAAc,EAAE,CAAC;EACjBE,aAAa,EAAE,CAAC;EAChBD,aAAa,EAAE,MAAM,CAAC;AACxB,CAAC;AAED,eAAeV,UAAU,CAACC,mBAAmB,CAAC"}
+{"version":3,"file":"ListingTableContent.js","names":["React","Table","PropTypes","CardPrompt","Link","withRouter","ListingTableContent","tableData","handleSelect","onCloseCardPrompt","selectedMenuItem","match","onSort","onClickRow","overScanBuffer","onRenderItems","scrollToIndex","displayTable","rows","length","isDisplayedPrompt","url","propTypes","object","isRequired","func","shape","string","number","defaultProps"],"sources":["../../../../src/components/ListingTable/ListingTableContent/ListingTableContent.js"],"sourcesContent":["import React from 'react';\nimport Table from '@blaze-react/table';\nimport PropTypes from 'prop-types';\nimport { CardPrompt } from '@blaze-cms/admin';\nimport { Link, withRouter } from 'react-router-dom';\n\nconst ListingTableContent = ({\n  tableData,\n  handleSelect,\n  onCloseCardPrompt,\n  selectedMenuItem,\n  match,\n  onSort,\n  onClickRow,\n  overScanBuffer,\n  onRenderItems,\n  scrollToIndex\n}) => {\n  const displayTable = tableData && tableData.rows && !!tableData.rows.length;\n\n  return (\n    <>\n      {displayTable ? (\n        <>\n          <div className=\"page__content\">\n            <Table\n              scrollToIndex={scrollToIndex}\n              onSort={onSort}\n              onClickRow={onClickRow}\n              overScanBuffer={overScanBuffer}\n              onRenderItems={onRenderItems}\n              data={tableData}\n              checkboxes\n              onSelect={handleSelect}\n              data-testid=\"listing-table-content\"\n            />\n          </div>\n        </>\n      ) : (\n        selectedMenuItem.isDisplayedPrompt && (\n          <CardPrompt onClose={onCloseCardPrompt} data-testid=\"card-prompt\">\n            <Link\n              className=\"button button--rounded button--cta\"\n              to={`${match.url}/create`}\n              data-testid=\"add-button\">\n              Add\n            </Link>\n          </CardPrompt>\n        )\n      )}\n    </>\n  );\n};\n\nListingTableContent.propTypes = {\n  tableData: PropTypes.object.isRequired,\n  onCloseCardPrompt: PropTypes.func.isRequired,\n  selectedMenuItem: PropTypes.object.isRequired,\n  match: PropTypes.shape({\n    url: PropTypes.string\n  }).isRequired,\n  handleSelect: PropTypes.func,\n  onSort: PropTypes.func,\n  onClickRow: PropTypes.func,\n  overScanBuffer: PropTypes.number,\n  scrollToIndex: PropTypes.number,\n  onRenderItems: PropTypes.func\n};\n\nListingTableContent.defaultProps = {\n  handleSelect: () => {},\n  onSort: () => {},\n  onClickRow: () => {},\n  overScanBuffer: 0,\n  scrollToIndex: 0,\n  onRenderItems: () => {}\n};\n\nexport default withRouter(ListingTableContent);\n"],"mappings":"AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,OAAOC,KAAK,MAAM,oBAAoB;AACtC,OAAOC,SAAS,MAAM,YAAY;AAClC,SAASC,UAAU,QAAQ,kBAAkB;AAC7C,SAASC,IAAI,EAAEC,UAAU,QAAQ,kBAAkB;AAEnD,MAAMC,mBAAmB,GAAG,CAAC;EAC3BC,SAAS;EACTC,YAAY;EACZC,iBAAiB;EACjBC,gBAAgB;EAChBC,KAAK;EACLC,MAAM;EACNC,UAAU;EACVC,cAAc;EACdC,aAAa;EACbC;AACF,CAAC,KAAK;EACJ,MAAMC,YAAY,GAAGV,SAAS,IAAIA,SAAS,CAACW,IAAI,IAAI,CAAC,CAACX,SAAS,CAACW,IAAI,CAACC,MAAM;EAE3E,oBACE,0CACGF,YAAY,gBACX,uDACE;IAAK,SAAS,EAAC;EAAe,gBAC5B,oBAAC,KAAK;IACJ,aAAa,EAAED,aAAc;IAC7B,MAAM,EAAEJ,MAAO;IACf,UAAU,EAAEC,UAAW;IACvB,cAAc,EAAEC,cAAe;IAC/B,aAAa,EAAEC,aAAc;IAC7B,IAAI,EAAER,SAAU;IAChB,UAAU;IACV,QAAQ,EAAEC,YAAa;IACvB,eAAY;EAAuB,EACnC,CACE,CACL,GAEHE,gBAAgB,CAACU,iBAAiB,iBAChC,oBAAC,UAAU;IAAC,OAAO,EAAEX,iBAAkB;IAAC,eAAY;EAAa,gBAC/D,oBAAC,IAAI;IACH,SAAS,EAAC,oCAAoC;IAC9C,EAAE,EAAG,GAAEE,KAAK,CAACU,GAAI,SAAS;IAC1B,eAAY;EAAY,SAEnB,CAGZ,CACA;AAEP,CAAC;AAEDf,mBAAmB,CAACgB,SAAS,GAAG;EAC9Bf,SAAS,EAAEL,SAAS,CAACqB,MAAM,CAACC,UAAU;EACtCf,iBAAiB,EAAEP,SAAS,CAACuB,IAAI,CAACD,UAAU;EAC5Cd,gBAAgB,EAAER,SAAS,CAACqB,MAAM,CAACC,UAAU;EAC7Cb,KAAK,EAAET,SAAS,CAACwB,KAAK,CAAC;IACrBL,GAAG,EAAEnB,SAAS,CAACyB;EACjB,CAAC,CAAC,CAACH,UAAU;EACbhB,YAAY,EAAEN,SAAS,CAACuB,IAAI;EAC5Bb,MAAM,EAAEV,SAAS,CAACuB,IAAI;EACtBZ,UAAU,EAAEX,SAAS,CAACuB,IAAI;EAC1BX,cAAc,EAAEZ,SAAS,CAAC0B,MAAM;EAChCZ,aAAa,EAAEd,SAAS,CAAC0B,MAAM;EAC/Bb,aAAa,EAAEb,SAAS,CAACuB;AAC3B,CAAC;AAEDnB,mBAAmB,CAACuB,YAAY,GAAG;EACjCrB,YAAY,EAAE,MAAM,CAAC,CAAC;EACtBI,MAAM,EAAE,MAAM,CAAC,CAAC;EAChBC,UAAU,EAAE,MAAM,CAAC,CAAC;EACpBC,cAAc,EAAE,CAAC;EACjBE,aAAa,EAAE,CAAC;EAChBD,aAAa,EAAE,MAAM,CAAC;AACxB,CAAC;AAED,eAAeV,UAAU,CAACC,mBAAmB,CAAC"}

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

@@ -1 +1 @@
-{"version":3,"file":"TableActions.js","names":["React","Link","PropTypes","More","Button","TableActions","editUrl","data","showDeleteModal","propTypes","string","isRequired","func","object"],"sources":["../../../../src/components/ListingTable/TableActions/TableActions.js"],"sourcesContent":["import React from 'react';\nimport { Link } from 'react-router-dom';\nimport PropTypes from 'prop-types';\nimport More from '@blaze-react/more';\nimport Button from '@blaze-react/button';\n\nconst TableActions = ({ editUrl, data, showDeleteModal }) => (\n  <div className=\"more-menu__wrapper\">\n    <More isMoreMenu>\n      <More.Avatar isMoreMenu>\n        <span className=\"material-icons\">more_vert</span>\n      </More.Avatar>\n      <More.Content isMoreMenu>\n        <Link to={editUrl} className=\"more-menu__link\" role=\"button\">\n          Edit\n        </Link>\n        <Button className=\"more-menu__link\" onClick={() => showDeleteModal(data)}>\n          Delete\n        </Button>\n      </More.Content>\n    </More>\n  </div>\n);\n\nTableActions.propTypes = {\n  editUrl: PropTypes.string.isRequired,\n  showDeleteModal: PropTypes.func.isRequired,\n  data: PropTypes.object.isRequired\n};\n\nexport default TableActions;\n"],"mappings":"AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,SAASC,IAAI,QAAQ,kBAAkB;AACvC,OAAOC,SAAS,MAAM,YAAY;AAClC,OAAOC,IAAI,MAAM,mBAAmB;AACpC,OAAOC,MAAM,MAAM,qBAAqB;AAExC,MAAMC,YAAY,GAAG,CAAC;EAAEC,OAAO;EAAEC,IAAI;EAAEC;AAAgB,CAAC,kBACtD;EAAK,SAAS,EAAC;AAAoB,gBACjC,oBAAC,IAAI;EAAC,UAAU;AAAA,gBACd,oBAAC,IAAI,CAAC,MAAM;EAAC,UAAU;AAAA,gBACrB;EAAM,SAAS,EAAC;AAAgB,GAAC,WAAS,CAAO,CACrC,eACd,oBAAC,IAAI,CAAC,OAAO;EAAC,UAAU;AAAA,gBACtB,oBAAC,IAAI;EAAC,EAAE,EAAEF,OAAQ;EAAC,SAAS,EAAC,iBAAiB;EAAC,IAAI,EAAC;AAAQ,GAAC,MAE7D,CAAO,eACP,oBAAC,MAAM;EAAC,SAAS,EAAC,iBAAiB;EAAC,OAAO,EAAE,MAAME,eAAe,CAACD,IAAI;AAAE,GAAC,QAE1E,CAAS,CACI,CACV,CAEV;AAEDF,YAAY,CAACI,SAAS,GAAG;EACvBH,OAAO,EAAEJ,SAAS,CAACQ,MAAM,CAACC,UAAU;EACpCH,eAAe,EAAEN,SAAS,CAACU,IAAI,CAACD,UAAU;EAC1CJ,IAAI,EAAEL,SAAS,CAACW,MAAM,CAACF;AACzB,CAAC;AAED,eAAeN,YAAY"}
+{"version":3,"file":"TableActions.js","names":["React","Link","PropTypes","More","Button","TableActions","editUrl","data","showDeleteModal","propTypes","string","isRequired","func","object"],"sources":["../../../../src/components/ListingTable/TableActions/TableActions.js"],"sourcesContent":["import React from 'react';\nimport { Link } from 'react-router-dom';\nimport PropTypes from 'prop-types';\nimport More from '@blaze-react/more';\nimport Button from '@blaze-react/button';\n\nconst TableActions = ({ editUrl, data, showDeleteModal }) => (\n  <div className=\"more-menu__wrapper\">\n    <More isMoreMenu>\n      <More.Avatar isMoreMenu>\n        <span className=\"material-icons\">more_vert</span>\n      </More.Avatar>\n      <More.Content isMoreMenu>\n        <Link to={editUrl} className=\"more-menu__link\" role=\"button\">\n          Edit\n        </Link>\n        <Button className=\"more-menu__link\" onClick={() => showDeleteModal(data)}>\n          Delete\n        </Button>\n      </More.Content>\n    </More>\n  </div>\n);\n\nTableActions.propTypes = {\n  editUrl: PropTypes.string.isRequired,\n  showDeleteModal: PropTypes.func.isRequired,\n  data: PropTypes.object.isRequired\n};\n\nexport default TableActions;\n"],"mappings":"AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,SAASC,IAAI,QAAQ,kBAAkB;AACvC,OAAOC,SAAS,MAAM,YAAY;AAClC,OAAOC,IAAI,MAAM,mBAAmB;AACpC,OAAOC,MAAM,MAAM,qBAAqB;AAExC,MAAMC,YAAY,GAAG,CAAC;EAAEC,OAAO;EAAEC,IAAI;EAAEC;AAAgB,CAAC,kBACtD;EAAK,SAAS,EAAC;AAAoB,gBACjC,oBAAC,IAAI;EAAC,UAAU;AAAA,gBACd,oBAAC,IAAI,CAAC,MAAM;EAAC,UAAU;AAAA,gBACrB;EAAM,SAAS,EAAC;AAAgB,eAAiB,CACrC,eACd,oBAAC,IAAI,CAAC,OAAO;EAAC,UAAU;AAAA,gBACtB,oBAAC,IAAI;EAAC,EAAE,EAAEF,OAAQ;EAAC,SAAS,EAAC,iBAAiB;EAAC,IAAI,EAAC;AAAQ,UAErD,eACP,oBAAC,MAAM;EAAC,SAAS,EAAC,iBAAiB;EAAC,OAAO,EAAE,MAAME,eAAe,CAACD,IAAI;AAAE,YAEhE,CACI,CACV,CAEV;AAEDF,YAAY,CAACI,SAAS,GAAG;EACvBH,OAAO,EAAEJ,SAAS,CAACQ,MAAM,CAACC,UAAU;EACpCH,eAAe,EAAEN,SAAS,CAACU,IAAI,CAACD,UAAU;EAC1CJ,IAAI,EAAEL,SAAS,CAACW,MAAM,CAACF;AACzB,CAAC;AAED,eAAeN,YAAY"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@blaze-cms/plugin-data-ui",
-  "version": "0.127.0-project-admin-customisations.3",
+  "version": "0.127.0",
   "description": "Blaze plugin data ui",
   "main": "lib/index.js",
   "module": "lib-es/index.js",
@@ -27,13 +27,12 @@
   },
   "license": "GPL-3.0",
   "dependencies": {
-    "@blaze-cms/admin-ui-utils": "0.127.0-project-admin-customisations.2",
-    "@blaze-cms/core-errors": "^0.118.0",
-    "@blaze-cms/plugin-render-hooks-ui": "0.127.0-project-admin-customisations.3",
-    "@blaze-cms/react-form-builder": "0.127.0-project-admin-customisations.3",
-    "@blaze-cms/react-page-builder": "0.127.0-project-admin-customisations.3",
-    "@blaze-cms/setup-ui": "^0.92.0",
-    "@blaze-cms/versioning-ui": "0.127.0-project-admin-customisations.0",
+    "@blaze-cms/admin-ui-utils": "^0.127.0",
+    "@blaze-cms/core-errors": "^0.127.0",
+    "@blaze-cms/react-form-builder": "^0.127.0",
+    "@blaze-cms/react-page-builder": "^0.127.0",
+    "@blaze-cms/setup-ui": "^0.127.0",
+    "@blaze-cms/versioning-ui": "^0.127.0",
     "@blaze-react/button": "0.5.19",
     "@blaze-react/more": "0.5.19",
     "@blaze-react/multiselect": "0.6.6",
@@ -54,7 +53,7 @@
     "uuid": "^3.3.3"
   },
   "devDependencies": {
-    "@blaze-cms/core-ui": "^0.125.0"
+    "@blaze-cms/core-ui": "^0.127.0"
   },
   "peerDependencies": {
     "@apollo/client": "3.x",
@@ -66,5 +65,5 @@
     "lib/*",
     "lib-es/*"
   ],
-  "gitHead": "ea986d69f265ba66e45dea0630cbdb4823bf09dc"
+  "gitHead": "dde05d6ccc6823315e5f16c8e7ded5a84637d9c4"
 }

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