@blaze-cms/plugin-data-ui 0.146.0-node18-core-styles-tooltips.45 → 0.146.0-node18-tooltips.38

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

@@ -0,0 +1,28 @@
+import { gql } from '@apollo/client';
+import { BlazeError } from '@blaze-cms/core-errors';
+export default function buildDynamicQuery({
+  id,
+  schema,
+  properties
+}) {
+  if (!id) return null;
+  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 = properties.map(infoProperty => `${infoProperty} {
+      label
+      value
+      showLabel
+      url
+      tooltipIcon
+      tooltipContent
+    }`);
+  return gql`query getInfoBoxData($id: String!){
+    ${schema.actions.get}( id: $id ) {
+      id
+      ${fields.map(field => field)}
+     __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","properties","actions","get","fields","map","infoProperty","field"],"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, properties }) {\n  if (!id) return null;\n\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 = properties.map(\n    infoProperty =>\n      `${infoProperty} {\n      label\n      value\n      showLabel\n      url\n      tooltipIcon\n      tooltipContent\n    }`\n  );\n\n  return gql`query getInfoBoxData($id: String!){\n    ${schema.actions.get}( id: $id ) {\n      id\n      ${fields.map(field => field)}\n     __typename\n    }\n  }`;\n}\n"],"mappings":"AAAA,SAASA,GAAG,QAAQ,gBAAgB;AACpC,SAASC,UAAU,QAAQ,wBAAwB;AAEnD,eAAe,SAASC,iBAAiBA,CAAC;EAAEC,EAAE;EAAEC,MAAM;EAAEC;AAAW,CAAC,EAAE;EACpE,IAAI,CAACF,EAAE,EAAE,OAAO,IAAI;EAEpB,IAAI,CAACC,MAAM,IAAI,CAACA,MAAM,CAACE,OAAO,IAAI,CAACF,MAAM,CAACE,OAAO,CAACC,GAAG,IAAI,CAACH,MAAM,CAACC,UAAU,EAAE;IAC3E,MAAM,IAAIJ,UAAU,CAClB,gFACF,CAAC;EACH;EAEA,MAAMO,MAAM,GAAGH,UAAU,CAACI,GAAG,CAC3BC,YAAY,IACV,GAAGA,YAAY;AACrB;AACA;AACA;AACA;AACA;AACA;AACA,MACE,CAAC;EAED,OAAOV,GAAG;AACZ,MAAMI,MAAM,CAACE,OAAO,CAACC,GAAG;AACxB;AACA,QAAQC,MAAM,CAACC,GAAG,CAACE,KAAK,IAAIA,KAAK,CAAC;AAClC;AACA;AACA,IAAI;AACJ","ignoreList":[]}

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

@@ -0,0 +1,39 @@
+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,
+    refetch
+  } = useQuery(infoBoxQuery, {
+    variables: {
+      id
+    },
+    skip: !query
+  });
+  return {
+    data: data.__typename !== 'Query' ? data : null,
+    loading,
+    error,
+    refetch
+  };
+}
+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","refetch","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 {\n    data = {},\n    loading,\n    error,\n    refetch\n  } = useQuery(infoBoxQuery, {\n    variables: { id },\n    skip: !query\n  });\n\n  return { data: data.__typename !== 'Query' ? data : null, loading, error, refetch };\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,GAAG;AACP;AACA;AACA;AACA,KAAK;EAEH,MAAM;IACJQ,IAAI,GAAG,CAAC,CAAC;IACTC,OAAO;IACPC,KAAK;IACLC;EACF,CAAC,GAAGZ,QAAQ,CAACQ,YAAY,EAAE;IACzBK,SAAS,EAAE;MAAET;IAAG,CAAC;IACjBU,IAAI,EAAE,CAACP;EACT,CAAC,CAAC;EAEF,OAAO;IAAEE,IAAI,EAAEA,IAAI,CAACM,UAAU,KAAK,OAAO,GAAGN,IAAI,GAAG,IAAI;IAAEC,OAAO;IAAEC,KAAK;IAAEC;EAAQ,CAAC;AACrF;AAEA,eAAeT,OAAO","ignoreList":[]}

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

@@ -0,0 +1,17 @@
+import buildDynamicQuery from '../helpers/build-dynamic-query';
+function useInfoBox({
+  id,
+  schema,
+  infoBox
+}) {
+  const query = buildDynamicQuery({
+    id,
+    schema,
+    properties: [infoBox.property]
+  });
+  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","properties","property"],"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    properties: [infoBox.property]\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,MAAMC,KAAK,GAAGL,iBAAiB,CAAC;IAC9BE,EAAE;IACFC,MAAM;IACNG,UAAU,EAAE,CAACF,OAAO,CAACG,QAAQ;EAC/B,CAAC,CAAC;EAEF,OAAO;IAAEF,KAAK,EAAEA,KAAK,IAAI;EAAK,CAAC;AACjC;AAEA,eAAeJ,UAAU","ignoreList":[]}

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","ignoreList":[]}

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

@@ -0,0 +1,40 @@
+import PropTypes from 'prop-types';
+import React from 'react';
+import InfoBoxValue from './InfoBoxValue';
+import InfoBoxLabel from './InfoBoxLabel';
+import InfoBoxTooltip from '../InfoBoxTooltip';
+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"
+    }, /*#__PURE__*/React.createElement(InfoBoxLabel, {
+      item: info
+    })), /*#__PURE__*/React.createElement("div", {
+      className: "info-box--value"
+    }, /*#__PURE__*/React.createElement(InfoBoxValue, {
+      item: info
+    }), /*#__PURE__*/React.createElement(InfoBoxTooltip, {
+      info: info
+    })));
+  }).filter(Boolean));
+  return /*#__PURE__*/React.createElement("div", {
+    className: "info-box",
+    key: infoBoxKey
+  }, /*#__PURE__*/React.createElement("div", {
+    className: "info-box--container"
+  }, infoBoxItems));
+};
+InfoBox.propTypes = {
+  infoBoxKey: PropTypes.string.isRequired,
+  items: PropTypes.array.isRequired
+};
+export default InfoBox;
+//# sourceMappingURL=InfoBox.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"InfoBox.js","names":["PropTypes","React","InfoBoxValue","InfoBoxLabel","InfoBoxTooltip","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';\nimport InfoBoxValue from './InfoBoxValue';\nimport InfoBoxLabel from './InfoBoxLabel';\nimport InfoBoxTooltip from '../InfoBoxTooltip';\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\">\n              <InfoBoxLabel item={info} />\n            </div>\n            <div className=\"info-box--value\">\n              <InfoBoxValue item={info} />\n              <InfoBoxTooltip info={info} />\n            </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\nInfoBox.propTypes = {\n  infoBoxKey: PropTypes.string.isRequired,\n  items: PropTypes.array.isRequired\n};\n\nexport default InfoBox;\n"],"mappings":"AAAA,OAAOA,SAAS,MAAM,YAAY;AAClC,OAAOC,KAAK,MAAM,OAAO;AACzB,OAAOC,YAAY,MAAM,gBAAgB;AACzC,OAAOC,YAAY,MAAM,gBAAgB;AACzC,OAAOC,cAAc,MAAM,mBAAmB;AAE9C,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,oBACEd,KAAA,CAAAe,aAAA;MAAKC,SAAS,EAAC,gBAAgB;MAACC,GAAG,EAAE,GAAGX,UAAU,IAAIM,IAAI,CAACC,KAAK,CAACK,WAAW,CAAC,CAAC;IAAG,gBAC/ElB,KAAA,CAAAe,aAAA;MAAKC,SAAS,EAAC;IAAiB,gBAC9BhB,KAAA,CAAAe,aAAA,CAACb,YAAY;MAACO,IAAI,EAAEG;IAAK,CAAE,CACxB,CAAC,eACNZ,KAAA,CAAAe,aAAA;MAAKC,SAAS,EAAC;IAAiB,gBAC9BhB,KAAA,CAAAe,aAAA,CAACd,YAAY;MAACQ,IAAI,EAAEG;IAAK,CAAE,CAAC,eAC5BZ,KAAA,CAAAe,aAAA,CAACZ,cAAc;MAACS,IAAI,EAAEA;IAAK,CAAE,CAC1B,CACF,CAAC;EAEV,CAAC,CAAC,CACDO,MAAM,CAACC,OAAO,CACnB,CAAC;EAED,oBACEpB,KAAA,CAAAe,aAAA;IAAKC,SAAS,EAAC,UAAU;IAACC,GAAG,EAAEX;EAAW,gBACxCN,KAAA,CAAAe,aAAA;IAAKC,SAAS,EAAC;EAAqB,GAAET,YAAkB,CACrD,CAAC;AAEV,CAAC;AAEDH,OAAO,CAACiB,SAAS,GAAG;EAClBf,UAAU,EAAEP,SAAS,CAACuB,MAAM,CAACC,UAAU;EACvClB,KAAK,EAAEN,SAAS,CAACyB,KAAK,CAACD;AACzB,CAAC;AAED,eAAenB,OAAO","ignoreList":[]}

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

@@ -0,0 +1,12 @@
+const InfoBoxLabel = ({
+  item,
+  suffix = ' '
+}) => {
+  const {
+    label,
+    showLabel = true
+  } = item;
+  return showLabel ? `${label}:${suffix}` : null;
+};
+export default InfoBoxLabel;
+//# sourceMappingURL=InfoBoxLabel.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"InfoBoxLabel.js","names":["InfoBoxLabel","item","suffix","label","showLabel"],"sources":["../../../../src/components/InfoBoxes/presentational/InfoBoxLabel.js"],"sourcesContent":["const InfoBoxLabel = ({ item, suffix = ' ' }) => {\n  const { label, showLabel = true } = item;\n  return showLabel ? `${label}:${suffix}` : null;\n};\n\nexport default InfoBoxLabel;\n"],"mappings":"AAAA,MAAMA,YAAY,GAAGA,CAAC;EAAEC,IAAI;EAAEC,MAAM,GAAG;AAAI,CAAC,KAAK;EAC/C,MAAM;IAAEC,KAAK;IAAEC,SAAS,GAAG;EAAK,CAAC,GAAGH,IAAI;EACxC,OAAOG,SAAS,GAAG,GAAGD,KAAK,IAAID,MAAM,EAAE,GAAG,IAAI;AAChD,CAAC;AAED,eAAeF,YAAY","ignoreList":[]}

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

@@ -0,0 +1,30 @@
+import PropTypes from 'prop-types';
+import React from 'react';
+import { Link } from 'react-router-dom';
+const InfoBoxValue = ({
+  item = {}
+}) => {
+  const {
+    url,
+    value
+  } = item;
+  if (url) {
+    if (url.startsWith('http')) {
+      return /*#__PURE__*/React.createElement("a", {
+        href: url,
+        target: "_blank",
+        rel: "noopener noreferrer"
+      }, value);
+    }
+    return /*#__PURE__*/React.createElement(Link, {
+      to: url,
+      target: "_blank"
+    }, value);
+  }
+  return value;
+};
+InfoBoxValue.propTypes = {
+  item: PropTypes.object.isRequired
+};
+export default InfoBoxValue;
+//# sourceMappingURL=InfoBoxValue.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"InfoBoxValue.js","names":["PropTypes","React","Link","InfoBoxValue","item","url","value","startsWith","createElement","href","target","rel","to","propTypes","object","isRequired"],"sources":["../../../../src/components/InfoBoxes/presentational/InfoBoxValue.js"],"sourcesContent":["import PropTypes from 'prop-types';\nimport React from 'react';\nimport { Link } from 'react-router-dom';\n\nconst InfoBoxValue = ({ item = {} }) => {\n  const { url, value } = item;\n  if (url) {\n    if (url.startsWith('http')) {\n      return (\n        <a href={url} target=\"_blank\" rel=\"noopener noreferrer\">\n          {value}\n        </a>\n      );\n    }\n    return (\n      <Link to={url} target=\"_blank\">\n        {value}\n      </Link>\n    );\n  }\n\n  return value;\n};\n\nInfoBoxValue.propTypes = {\n  item: PropTypes.object.isRequired\n};\n\nexport default InfoBoxValue;\n"],"mappings":"AAAA,OAAOA,SAAS,MAAM,YAAY;AAClC,OAAOC,KAAK,MAAM,OAAO;AACzB,SAASC,IAAI,QAAQ,kBAAkB;AAEvC,MAAMC,YAAY,GAAGA,CAAC;EAAEC,IAAI,GAAG,CAAC;AAAE,CAAC,KAAK;EACtC,MAAM;IAAEC,GAAG;IAAEC;EAAM,CAAC,GAAGF,IAAI;EAC3B,IAAIC,GAAG,EAAE;IACP,IAAIA,GAAG,CAACE,UAAU,CAAC,MAAM,CAAC,EAAE;MAC1B,oBACEN,KAAA,CAAAO,aAAA;QAAGC,IAAI,EAAEJ,GAAI;QAACK,MAAM,EAAC,QAAQ;QAACC,GAAG,EAAC;MAAqB,GACpDL,KACA,CAAC;IAER;IACA,oBACEL,KAAA,CAAAO,aAAA,CAACN,IAAI;MAACU,EAAE,EAAEP,GAAI;MAACK,MAAM,EAAC;IAAQ,GAC3BJ,KACG,CAAC;EAEX;EAEA,OAAOA,KAAK;AACd,CAAC;AAEDH,YAAY,CAACU,SAAS,GAAG;EACvBT,IAAI,EAAEJ,SAAS,CAACc,MAAM,CAACC;AACzB,CAAC;AAED,eAAeZ,YAAY","ignoreList":[]}

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

@@ -0,0 +1,208 @@
+import _defineProperty from "@babel/runtime/helpers/defineProperty";
+function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
+function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
+import React, { useEffect, useState, Fragment } from 'react';
+import PropTypes from 'prop-types';
+import { useApolloClient } from '@apollo/client';
+import { withRouter, Link, useLocation } from 'react-router-dom';
+import { PageHeader, DeleteAction, CardPrompt } from '@blaze-cms/admin';
+import { useToasts } from '@blaze-react/toaster';
+import { RenderHook } from '@blaze-cms/plugin-render-hooks-ui';
+import ListingTableContent from './ListingTableContent';
+import SearchFilter from './SearchFilter/SearchFilter';
+import availableActions from '../EntityManager/Entity/actions-handlers';
+import { fetchData } from './service';
+import { populateRows, formatRows, getParsedRowData } from './mappers/populate-rows';
+import { getDefaultQueryParams } from '../../utils/get-default-query-params';
+const ListingTable = ({
+  match,
+  entitySchema,
+  history
+}) => {
+  const [tableData, setTableData] = useState({});
+  const [modalStatus, setModalStatus] = useState(false);
+  const [itemToDelete, setItemToDelete] = useState({});
+  const [previousSchema, setPreviousSchema] = useState({
+    id: null
+  });
+  const [totalItems, setTotalItems] = useState(0);
+  const queryParamsDefault = getDefaultQueryParams(entitySchema);
+  const [queryParams, setQueryParams] = useState(queryParamsDefault);
+  const [listFilters, setListFilters] = useState([]);
+  const client = useApolloClient();
+  const {
+    addToast
+  } = useToasts();
+  const location = useLocation();
+  const searchParams = new URLSearchParams(location.search);
+  const currentPage = Number(searchParams.get('page')) || 1;
+  useEffect(() => {
+    (async () => {
+      if (entitySchema.id !== previousSchema.id || previousSchema.id === null && entitySchema.id) {
+        const updatedQueryParams = _objectSpread(_objectSpread({}, queryParams), {}, {
+          offset: currentPage * queryParamsDefault.limit - queryParamsDefault.limit
+        });
+        await doQuery([], updatedQueryParams);
+        setPreviousSchema({
+          id: entitySchema.id
+        });
+      }
+    })();
+  }, [client, entitySchema, match.url, previousSchema.id, queryParams] // eslint-disable-line react-hooks/exhaustive-deps
+  );
+  const doQuery = async (filters = listFilters, params = queryParamsDefault) => {
+    const {
+      listingData,
+      totalRecords
+    } = await fetchData({
+      client,
+      querySettings: {
+        entitySchema,
+        queryParams: params
+      },
+      listFilters: filters
+    });
+    const populatedTable = populateRows({
+      toggleModal,
+      url: match.url,
+      entitySchema,
+      rows: listingData
+    });
+    setTableData(populatedTable);
+    setTotalItems(totalRecords);
+  };
+  const handleOnPageChange = async ({
+    pageNumber,
+    offset: _offset
+  }) => {
+    const updatedQueryParams = _objectSpread(_objectSpread({}, queryParams), {}, {
+      offset: _offset
+    });
+    await doQuery(listFilters, updatedQueryParams);
+    history.push(`?page=${pageNumber}`);
+    document.getElementsByClassName('page')[0].scrollTo(0, 0);
+  };
+  const updateListingFilters = async filters => {
+    await doQuery(filters);
+    setListFilters(filters);
+  };
+  const onCloseCardPrompt = () => null;
+  const toggleModal = item => {
+    setModalStatus(!!item);
+    setItemToDelete(item || {});
+  };
+  const deleteAction = async () => {
+    await availableActions.delete.submit({
+      entitySchema,
+      parsedFormValues: {
+        id: itemToDelete.id
+      },
+      client
+    }, addToast);
+    toggleModal();
+    const updatedTableData = _objectSpread(_objectSpread({}, tableData), {}, {
+      rows: tableData.rows.filter(({
+        id
+      }) => id !== itemToDelete.id)
+    });
+    setTableData(updatedTableData);
+  };
+  const handleSort = async event => {
+    const [[property, direction]] = Object.entries(event);
+    const sortQueryParams = _objectSpread(_objectSpread({}, queryParamsDefault), {}, {
+      sort: [{
+        property,
+        direction
+      }]
+    });
+    setQueryParams(sortQueryParams);
+    const {
+      listingData
+    } = await fetchData({
+      client,
+      querySettings: {
+        entitySchema,
+        queryParams: sortQueryParams
+      },
+      listFilters
+    });
+    const {
+      columns,
+      isEnquiry
+    } = tableData;
+    const [firstColumn] = columns;
+    setTableData(_objectSpread(_objectSpread({}, tableData), {}, {
+      appliedSort: {
+        [property]: direction
+      },
+      rows: formatRows({
+        rows: getParsedRowData(listingData),
+        url: match.url,
+        toggleModal,
+        firstColumn,
+        isEnquiry,
+        entitySchema
+      })
+    }));
+    history.push('?page=1');
+  };
+  if (!tableData || !tableData.rows) return 'loading';
+  const {
+    displayProperties: {
+      adminCrudActions: {
+        create: createAction = {
+          active: true
+        },
+        delete: _deleteAction = {
+          active: true
+        }
+      } = {}
+    } = {}
+  } = entitySchema;
+  const showAddButton = !tableData.rows.length && listFilters.length === 0;
+  return /*#__PURE__*/React.createElement("div", {
+    className: "page"
+  }, modalStatus && _deleteAction.active && /*#__PURE__*/React.createElement(DeleteAction, {
+    "data-testid": "deleteEntity",
+    onClose: toggleModal,
+    deleteAction: deleteAction,
+    itemName: itemToDelete.name
+  }), /*#__PURE__*/React.createElement(PageHeader, {
+    title: entitySchema.displayName,
+    subtitle: ""
+  }, createAction.active && !showAddButton && /*#__PURE__*/React.createElement(Link, {
+    "data-testid": "addEntity",
+    className: "button button--small",
+    to: `${match.url}/create`
+  }, "Add")), showAddButton ? /*#__PURE__*/React.createElement(CardPrompt, null, /*#__PURE__*/React.createElement(Link, {
+    className: "button button--rounded button--cta",
+    to: `${match.url}/create`,
+    "data-testid": "add-button"
+  }, "Add")) : /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(RenderHook, {
+    hookKey: "entity:listing:main:top",
+    schema: entitySchema,
+    listFilters: listFilters,
+    setListFilters: updateListingFilters
+  }), /*#__PURE__*/React.createElement(SearchFilter, {
+    schema: entitySchema,
+    listFilters: listFilters,
+    setListFilters: updateListingFilters
+  }), /*#__PURE__*/React.createElement(ListingTableContent, {
+    totalItems: totalItems,
+    currentPage: currentPage,
+    onSort: handleSort,
+    handleOnPageChange: handleOnPageChange,
+    tableData: tableData,
+    onCloseCardPrompt: onCloseCardPrompt,
+    schema: entitySchema,
+    listFilters: listFilters,
+    setListFilters: updateListingFilters
+  })));
+};
+ListingTable.propTypes = {
+  entitySchema: PropTypes.object.isRequired,
+  match: PropTypes.object.isRequired,
+  history: PropTypes.object.isRequired
+};
+export default withRouter(ListingTable);
+//# sourceMappingURL=ListingTable.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"ListingTable.js","names":["React","useEffect","useState","Fragment","PropTypes","useApolloClient","withRouter","Link","useLocation","PageHeader","DeleteAction","CardPrompt","useToasts","RenderHook","ListingTableContent","SearchFilter","availableActions","fetchData","populateRows","formatRows","getParsedRowData","getDefaultQueryParams","ListingTable","match","entitySchema","history","tableData","setTableData","modalStatus","setModalStatus","itemToDelete","setItemToDelete","previousSchema","setPreviousSchema","id","totalItems","setTotalItems","queryParamsDefault","queryParams","setQueryParams","listFilters","setListFilters","client","addToast","location","searchParams","URLSearchParams","search","currentPage","Number","get","updatedQueryParams","_objectSpread","offset","limit","doQuery","url","filters","params","listingData","totalRecords","querySettings","populatedTable","toggleModal","rows","handleOnPageChange","pageNumber","_offset","push","document","getElementsByClassName","scrollTo","updateListingFilters","onCloseCardPrompt","item","deleteAction","delete","submit","parsedFormValues","updatedTableData","filter","handleSort","event","property","direction","Object","entries","sortQueryParams","sort","columns","isEnquiry","firstColumn","appliedSort","displayProperties","adminCrudActions","create","createAction","active","_deleteAction","showAddButton","length","createElement","className","onClose","itemName","name","title","displayName","subtitle","to","hookKey","schema","onSort","propTypes","object","isRequired"],"sources":["../../../src/components/ListingTable/ListingTable.js"],"sourcesContent":["import React, { useEffect, useState, Fragment } from 'react';\nimport PropTypes from 'prop-types';\nimport { useApolloClient } from '@apollo/client';\nimport { withRouter, Link, useLocation } from 'react-router-dom';\nimport { PageHeader, DeleteAction, CardPrompt } from '@blaze-cms/admin';\nimport { useToasts } from '@blaze-react/toaster';\nimport { RenderHook } from '@blaze-cms/plugin-render-hooks-ui';\nimport ListingTableContent from './ListingTableContent';\nimport SearchFilter from './SearchFilter/SearchFilter';\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 ListingTable = ({ match, entitySchema, history }) => {\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 [totalItems, setTotalItems] = useState(0);\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  const location = useLocation();\n  const searchParams = new URLSearchParams(location.search);\n  const currentPage = Number(searchParams.get('page')) || 1;\n\n  useEffect(\n    () => {\n      (async () => {\n        if (\n          entitySchema.id !== previousSchema.id ||\n          (previousSchema.id === null && entitySchema.id)\n        ) {\n          const updatedQueryParams = {\n            ...queryParams,\n            offset: currentPage * queryParamsDefault.limit - queryParamsDefault.limit\n          };\n          await doQuery([], updatedQueryParams);\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, params = queryParamsDefault) => {\n    const { listingData, totalRecords } = await fetchData({\n      client,\n      querySettings: {\n        entitySchema,\n        queryParams: params\n      },\n      listFilters: filters\n    });\n\n    const populatedTable = populateRows({\n      toggleModal,\n      url: match.url,\n      entitySchema,\n      rows: listingData\n    });\n\n    setTableData(populatedTable);\n    setTotalItems(totalRecords);\n  };\n\n  const handleOnPageChange = async ({ pageNumber, offset: _offset }) => {\n    const updatedQueryParams = {\n      ...queryParams,\n      offset: _offset\n    };\n\n    await doQuery(listFilters, updatedQueryParams);\n\n    history.push(`?page=${pageNumber}`);\n    document.getElementsByClassName('page')[0].scrollTo(0, 0);\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    setQueryParams(sortQueryParams);\n\n    const { listingData } = 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(listingData),\n        url: match.url,\n        toggleModal,\n        firstColumn,\n        isEnquiry,\n        entitySchema\n      })\n    });\n    history.push('?page=1');\n  };\n  if (!tableData || !tableData.rows) return 'loading';\n\n  const {\n    displayProperties: {\n      adminCrudActions: {\n        create: createAction = { active: true },\n        delete: _deleteAction = { active: true }\n      } = {}\n    } = {}\n  } = entitySchema;\n\n  const showAddButton = !tableData.rows.length && listFilters.length === 0;\n\n  return (\n    <div className=\"page\">\n      {modalStatus && _deleteAction.active && (\n        <DeleteAction\n          data-testid=\"deleteEntity\"\n          onClose={toggleModal}\n          deleteAction={deleteAction}\n          itemName={itemToDelete.name}\n        />\n      )}\n      <PageHeader title={entitySchema.displayName} subtitle=\"\">\n        {createAction.active && !showAddButton && (\n          <Link data-testid=\"addEntity\" className=\"button button--small\" to={`${match.url}/create`}>\n            Add\n          </Link>\n        )}\n      </PageHeader>\n      {showAddButton ? (\n        <CardPrompt>\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          <RenderHook\n            hookKey=\"entity:listing:main:top\"\n            schema={entitySchema}\n            listFilters={listFilters}\n            setListFilters={updateListingFilters}\n          />\n          <SearchFilter\n            schema={entitySchema}\n            listFilters={listFilters}\n            setListFilters={updateListingFilters}\n          />\n          <ListingTableContent\n            totalItems={totalItems}\n            currentPage={currentPage}\n            onSort={handleSort}\n            handleOnPageChange={handleOnPageChange}\n            tableData={tableData}\n            onCloseCardPrompt={onCloseCardPrompt}\n            schema={entitySchema}\n            listFilters={listFilters}\n            setListFilters={updateListingFilters}\n          />\n        </>\n      )}\n    </div>\n  );\n};\nListingTable.propTypes = {\n  entitySchema: PropTypes.object.isRequired,\n  match: PropTypes.object.isRequired,\n  history: PropTypes.object.isRequired\n};\n\nexport default withRouter(ListingTable);\n"],"mappings":"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","ignoreList":[]}

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

@@ -0,0 +1,72 @@
+import React, { useEffect, useRef } from 'react';
+import Table from '@blaze-react/table';
+import Pagination from '@blaze-react/pagination';
+import PropTypes from 'prop-types';
+import { withRouter } from 'react-router-dom';
+const ListingTableContent = ({
+  tableData,
+  handleSelect,
+  onSort,
+  handleOnPageChange,
+  currentPage,
+  totalItems
+}) => {
+  const ref = useRef(null);
+  const displayTable = tableData && tableData.rows && !!tableData.rows.length;
+  const {
+    isEnquiry
+  } = tableData;
+  const className = `page__content${isEnquiry ? ' array-table' : ''}`;
+  useEffect(() => {
+    // set table head to match body column widths to handle dynamic content
+    if (ref.current && displayTable) {
+      const tableHeadCells = ref.current.querySelectorAll('.table-head .table-cell');
+      const firstRowCells = ref.current.querySelectorAll('.table-body .table-row:first-child .table-cell');
+      firstRowCells.forEach((element, i) => {
+        const styles = window.getComputedStyle(element);
+        if (tableHeadCells[i]) {
+          tableHeadCells[i].style.flex = styles.flex;
+          tableHeadCells[i].style['justify-content'] = styles['justify-content'];
+        }
+      });
+    }
+  }, [tableData, displayTable]);
+  if (displayTable) {
+    return /*#__PURE__*/React.createElement("div", {
+      ref: ref,
+      className: className
+    }, /*#__PURE__*/React.createElement(Table, {
+      onSort: onSort,
+      data: tableData,
+      onSelect: handleSelect,
+      "data-testid": "listing-table-content"
+    }), /*#__PURE__*/React.createElement(Pagination, {
+      visiblePages: 10,
+      totalItems: totalItems,
+      currentPage: currentPage,
+      onPageChange: handleOnPageChange
+    }));
+  }
+  return /*#__PURE__*/React.createElement("span", {
+    className: "table-no-results",
+    "data-testid": "no-results"
+  }, "No results");
+};
+ListingTableContent.propTypes = {
+  tableData: PropTypes.object.isRequired,
+  match: PropTypes.shape({
+    url: PropTypes.string
+  }).isRequired,
+  handleSelect: PropTypes.func,
+  onSort: PropTypes.func,
+  handleOnPageChange: PropTypes.func,
+  currentPage: PropTypes.number.isRequired,
+  totalItems: PropTypes.number.isRequired
+};
+ListingTableContent.defaultProps = {
+  handleSelect: () => {},
+  onSort: () => {},
+  handleOnPageChange: () => {}
+};
+export default withRouter(ListingTableContent);
+//# sourceMappingURL=ListingTableContent.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"ListingTableContent.js","names":["React","useEffect","useRef","Table","Pagination","PropTypes","withRouter","ListingTableContent","tableData","handleSelect","onSort","handleOnPageChange","currentPage","totalItems","ref","displayTable","rows","length","isEnquiry","className","current","tableHeadCells","querySelectorAll","firstRowCells","forEach","element","i","styles","window","getComputedStyle","style","flex","createElement","data","onSelect","visiblePages","onPageChange","propTypes","object","isRequired","match","shape","url","string","func","number","defaultProps"],"sources":["../../../../src/components/ListingTable/ListingTableContent/ListingTableContent.js"],"sourcesContent":["import React, { useEffect, useRef } from 'react';\nimport Table from '@blaze-react/table';\nimport Pagination from '@blaze-react/pagination';\nimport PropTypes from 'prop-types';\nimport { withRouter } from 'react-router-dom';\n\nconst ListingTableContent = ({\n  tableData,\n  handleSelect,\n  onSort,\n  handleOnPageChange,\n  currentPage,\n  totalItems\n}) => {\n  const ref = useRef(null);\n  const displayTable = tableData && tableData.rows && !!tableData.rows.length;\n  const { isEnquiry } = tableData;\n  const className = `page__content${isEnquiry ? ' array-table' : ''}`;\n\n  useEffect(() => {\n    // set table head to match body column widths to handle dynamic content\n    if (ref.current && displayTable) {\n      const tableHeadCells = ref.current.querySelectorAll('.table-head .table-cell');\n      const firstRowCells = ref.current.querySelectorAll(\n        '.table-body .table-row:first-child .table-cell'\n      );\n\n      firstRowCells.forEach((element, i) => {\n        const styles = window.getComputedStyle(element);\n\n        if (tableHeadCells[i]) {\n          tableHeadCells[i].style.flex = styles.flex;\n          tableHeadCells[i].style['justify-content'] = styles['justify-content'];\n        }\n      });\n    }\n  }, [tableData, displayTable]);\n\n  if (displayTable) {\n    return (\n      <div ref={ref} className={className}>\n        <Table\n          onSort={onSort}\n          data={tableData}\n          onSelect={handleSelect}\n          data-testid=\"listing-table-content\"\n        />\n        <Pagination\n          visiblePages={10}\n          totalItems={totalItems}\n          currentPage={currentPage}\n          onPageChange={handleOnPageChange}\n        />\n      </div>\n    );\n  }\n\n  return (\n    <span className=\"table-no-results\" data-testid=\"no-results\">\n      No results\n    </span>\n  );\n};\n\nListingTableContent.propTypes = {\n  tableData: PropTypes.object.isRequired,\n  match: PropTypes.shape({\n    url: PropTypes.string\n  }).isRequired,\n  handleSelect: PropTypes.func,\n  onSort: PropTypes.func,\n  handleOnPageChange: PropTypes.func,\n  currentPage: PropTypes.number.isRequired,\n  totalItems: PropTypes.number.isRequired\n};\n\nListingTableContent.defaultProps = {\n  handleSelect: () => { },\n  onSort: () => { },\n  handleOnPageChange: () => { }\n};\n\nexport default withRouter(ListingTableContent);\n"],"mappings":"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","ignoreList":[]}

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

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

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","names":["ListingTableContent"],"sources":["../../../../src/components/ListingTable/ListingTableContent/index.js"],"sourcesContent":["import ListingTableContent from './ListingTableContent';\n\nexport default ListingTableContent;\n"],"mappings":"AAAA,OAAOA,mBAAmB,MAAM,uBAAuB;AAEvD,eAAeA,mBAAmB","ignoreList":[]}