@bygd/nc-report-ui 0.1.3 → 0.1.5

package/dist/default/cjs/index.cjs

@@ -15,7 +15,6 @@ var FormControl$1 = require('@material-ui/core/FormControl');
 var Select$1 = require('@material-ui/core/Select');
 var MenuItem$1 = require('@material-ui/core/MenuItem');
 var reactIntersectionObserver = require('react-intersection-observer');
-var cron = require('cron');
 var material = require('@mui/material');
 var CheckBoxOutlineBlankIcon = require('@mui/icons-material/CheckBoxOutlineBlank');
 var CheckBoxIcon = require('@mui/icons-material/CheckBox');
@@ -25,6 +24,8 @@ var MenuItem = require('@mui/material/MenuItem');
 var FormControl = require('@mui/material/FormControl');
 var Select = require('@mui/material/Select');
 var EventEmitter = require('eventemitter3');
+var Grid = require('@material-ui/core/Grid');
+var Container = require('@material-ui/core/Container');
 
 function _interopDefault (e) { return e && e.__esModule ? e : { default: e }; }
 
@@ -64,6 +65,8 @@ var MenuItem__default = /*#__PURE__*/_interopDefault(MenuItem);
 var FormControl__default = /*#__PURE__*/_interopDefault(FormControl);
 var Select__default = /*#__PURE__*/_interopDefault(Select);
 var EventEmitter__default = /*#__PURE__*/_interopDefault(EventEmitter);
+var Grid__default = /*#__PURE__*/_interopDefault(Grid);
+var Container__default = /*#__PURE__*/_interopDefault(Container);
 
 function _extends() {
   return _extends = Object.assign ? Object.assign.bind() : function (n) {
@@ -824,20 +827,23 @@ var Chart = ({
     setActiveViewIndex(viewIndex);
     setActiveView(chart.doc.view[viewIndex]);
   }, [chart]);
-  React__namespace.default.useEffect(() => {
-    let cron$1;
-    if (chart?.doc?.refresh?.enabled === true) {
-      cron$1 = new cron.CronJob(chart.doc.refresh.cron, () => {
-        if (inView) {
-          loadSource(filterRef.current);
-        }
-      });
-      cron$1.start();
-    }
-    return () => {
-      cron$1 && cron$1.stop();
-    };
-  }, [chart, inView]);
+
+  // React.useEffect(() => {
+  //   let cron;
+  //   if (chart?.doc?.refresh?.enabled === true) {
+  //     cron = new CronJob(chart.doc.refresh.cron, () => {
+  //       if (inView) {
+  //         loadSource(filterRef.current);
+  //       }
+  //     });
+  //     cron.start();
+  //   }
+
+  //   return () => {
+  //     cron && cron.stop();
+  //   }
+  // }, [chart, inView]);
+
   React__namespace.default.useEffect(() => {
     if (!id) return;
     init().catch(error => {
@@ -970,8 +976,81 @@ var Chart = ({
   }), chartType));
 };
 
+function Dashboard({
+  id,
+  auth,
+  params
+}) {
+  const [dashboard, setDashboard] = React__namespace.default.useState();
+  //const [schema, setSchema] = React.useState();
+  const [schema] = React__namespace.default.useState();
+  const [rows, setRows] = React__namespace.default.useState([]);
+  const cache = React__namespace.default.useRef({});
+  const channel = useChannel();
+  useFilterManager(channel);
+  const init = async () => {
+    // get dashboard entity
+    const dashboardTemp = await Api.getDashboard({
+      id: id
+    });
+    cache.current[dashboardTemp?.id] = dashboardTemp;
+    setDashboard(dashboardTemp);
+
+    // create rows and columns
+    await create_rows_and_columns(dashboardTemp);
+  };
+  const create_rows_and_columns = async entity => {
+    const srcRows = entity?.doc?.rows || [];
+    const targetRows = [];
+    for (let i = 0; i < srcRows.length; i++) {
+      const row = srcRows[i];
+      row.columns?.forEach(column => {
+        // filter
+        if (column.override?.filter?.length) {
+          const filter = {};
+          column.override.filter.forEach(item => {
+            if (item.hasOwnProperty('value')) filter[item.field] = [item.value];
+            // else filter[item.field] = [sourceDataRow[item.field]];
+          });
+          column.filter = filter;
+        }
+      });
+      targetRows.push(row);
+    }
+    setRows(targetRows);
+  };
+  React__namespace.default.useEffect(() => {
+    if (!id) return;
+    init().catch(error => console.error(error.message));
+  }, [id]);
+  return /*#__PURE__*/React__namespace.default.createElement(Container__default.default, null, /*#__PURE__*/React__namespace.default.createElement(Grid__default.default, {
+    container: true
+  }, rows?.map((row, index) =>
+  /*#__PURE__*/
+  // hasResourceRole(row) &&
+  React__namespace.default.createElement(Grid__default.default, {
+    key: index,
+    container: true,
+    item: true
+  }, row?.columns?.map((column, index) => /*#__PURE__*/React__namespace.default.createElement(Grid__default.default, _extends({
+    key: index,
+    item: true
+  }, column.layout), /*#__PURE__*/React__namespace.default.createElement(Chart, {
+    auth: auth,
+    cache: cache.current,
+    id: column.id,
+    dashboard: dashboard,
+    schema: schema,
+    channel: null,
+    title: column.title,
+    filter: column.filter,
+    params: params
+  })))))));
+}
+
 var index = {
-  Chart
+  Chart,
+  Dashboard
 };
 
 exports.default = index;

package/dist/default/esm/index.js

@@ -12,7 +12,6 @@ import FormControl$2 from '@material-ui/core/FormControl';
 import Select$1 from '@material-ui/core/Select';
 import MenuItem$1 from '@material-ui/core/MenuItem';
 import { useInView } from 'react-intersection-observer';
-import { CronJob } from 'cron';
 import { FormControl, Autocomplete, TextField, CircularProgress, Chip, Checkbox, FormHelperText } from '@mui/material';
 import CheckBoxOutlineBlankIcon from '@mui/icons-material/CheckBoxOutlineBlank';
 import CheckBoxIcon from '@mui/icons-material/CheckBox';
@@ -22,6 +21,8 @@ import MenuItem from '@mui/material/MenuItem';
 import FormControl$1 from '@mui/material/FormControl';
 import Select from '@mui/material/Select';
 import EventEmitter from 'eventemitter3';
+import Grid from '@material-ui/core/Grid';
+import Container from '@material-ui/core/Container';
 
 function _extends() {
   return _extends = Object.assign ? Object.assign.bind() : function (n) {
@@ -782,20 +783,23 @@ var Chart = ({
     setActiveViewIndex(viewIndex);
     setActiveView(chart.doc.view[viewIndex]);
   }, [chart]);
-  React__default.useEffect(() => {
-    let cron;
-    if (chart?.doc?.refresh?.enabled === true) {
-      cron = new CronJob(chart.doc.refresh.cron, () => {
-        if (inView) {
-          loadSource(filterRef.current);
-        }
-      });
-      cron.start();
-    }
-    return () => {
-      cron && cron.stop();
-    };
-  }, [chart, inView]);
+
+  // React.useEffect(() => {
+  //   let cron;
+  //   if (chart?.doc?.refresh?.enabled === true) {
+  //     cron = new CronJob(chart.doc.refresh.cron, () => {
+  //       if (inView) {
+  //         loadSource(filterRef.current);
+  //       }
+  //     });
+  //     cron.start();
+  //   }
+
+  //   return () => {
+  //     cron && cron.stop();
+  //   }
+  // }, [chart, inView]);
+
   React__default.useEffect(() => {
     if (!id) return;
     init().catch(error => {
@@ -928,8 +932,81 @@ var Chart = ({
   }), chartType));
 };
 
+function Dashboard({
+  id,
+  auth,
+  params
+}) {
+  const [dashboard, setDashboard] = React__default.useState();
+  //const [schema, setSchema] = React.useState();
+  const [schema] = React__default.useState();
+  const [rows, setRows] = React__default.useState([]);
+  const cache = React__default.useRef({});
+  const channel = useChannel();
+  useFilterManager(channel);
+  const init = async () => {
+    // get dashboard entity
+    const dashboardTemp = await Api.getDashboard({
+      id: id
+    });
+    cache.current[dashboardTemp?.id] = dashboardTemp;
+    setDashboard(dashboardTemp);
+
+    // create rows and columns
+    await create_rows_and_columns(dashboardTemp);
+  };
+  const create_rows_and_columns = async entity => {
+    const srcRows = entity?.doc?.rows || [];
+    const targetRows = [];
+    for (let i = 0; i < srcRows.length; i++) {
+      const row = srcRows[i];
+      row.columns?.forEach(column => {
+        // filter
+        if (column.override?.filter?.length) {
+          const filter = {};
+          column.override.filter.forEach(item => {
+            if (item.hasOwnProperty('value')) filter[item.field] = [item.value];
+            // else filter[item.field] = [sourceDataRow[item.field]];
+          });
+          column.filter = filter;
+        }
+      });
+      targetRows.push(row);
+    }
+    setRows(targetRows);
+  };
+  React__default.useEffect(() => {
+    if (!id) return;
+    init().catch(error => console.error(error.message));
+  }, [id]);
+  return /*#__PURE__*/React__default.createElement(Container, null, /*#__PURE__*/React__default.createElement(Grid, {
+    container: true
+  }, rows?.map((row, index) =>
+  /*#__PURE__*/
+  // hasResourceRole(row) &&
+  React__default.createElement(Grid, {
+    key: index,
+    container: true,
+    item: true
+  }, row?.columns?.map((column, index) => /*#__PURE__*/React__default.createElement(Grid, _extends({
+    key: index,
+    item: true
+  }, column.layout), /*#__PURE__*/React__default.createElement(Chart, {
+    auth: auth,
+    cache: cache.current,
+    id: column.id,
+    dashboard: dashboard,
+    schema: schema,
+    channel: null,
+    title: column.title,
+    filter: column.filter,
+    params: params
+  })))))));
+}
+
 var index = {
-  Chart
+  Chart,
+  Dashboard
 };
 
 export { index as default };