@hisptz/dhis2-analytics 1.0.66 → 2.0.0-alpha.1

package/build/es/components/ChartAnalytics/models/pie.js

@@ -1,46 +0,0 @@
-import { head } from "lodash";
-import { DHIS2Chart } from "./index";
-export class DHIS2PieChart extends DHIS2Chart {
-  getHighchartsType() {
-    return "pie";
-  }
-  getPlotOptions() {
-    return {
-      pie: {
-        allowPointSelect: true,
-        cursor: "pointer",
-        dataLabels: {
-          enabled: true,
-          format: "<b>{point.name}</b>: {point.percentage:.1f} %"
-        }
-      }
-    };
-  }
-  getSeries() {
-    var _analytics$headers$fi, _analytics$headers, _analytics$headers$fi2, _analytics$headers2, _analytics$metaData, _analytics$metaData$d, _analytics$metaData$i, _analytics$metaData2, _analytics$metaData2$, _analytics$metaData2$2;
-    const analytics = this.analytics;
-    const config = this.config;
-    const seriesDimension = head(config.layout.series);
-    const seriesIndex = (_analytics$headers$fi = analytics === null || analytics === void 0 ? void 0 : (_analytics$headers = analytics.headers) === null || _analytics$headers === void 0 ? void 0 : _analytics$headers.findIndex(h => h.name === seriesDimension)) !== null && _analytics$headers$fi !== void 0 ? _analytics$headers$fi : -1;
-    const valueIndex = (_analytics$headers$fi2 = analytics === null || analytics === void 0 ? void 0 : (_analytics$headers2 = analytics.headers) === null || _analytics$headers2 === void 0 ? void 0 : _analytics$headers2.findIndex(h => h.name === "value")) !== null && _analytics$headers$fi2 !== void 0 ? _analytics$headers$fi2 : -1;
-    if (!seriesDimension) {
-      throw new Error("Pie chart must have a series dimension");
-    }
-    const seriesValues = (_analytics$metaData = analytics.metaData) === null || _analytics$metaData === void 0 ? void 0 : (_analytics$metaData$d = _analytics$metaData.dimensions) === null || _analytics$metaData$d === void 0 ? void 0 : _analytics$metaData$d[seriesDimension];
-    return [{
-      id: seriesDimension !== null && seriesDimension !== void 0 ? seriesDimension : "",
-      name: (_analytics$metaData$i = (_analytics$metaData2 = analytics.metaData) === null || _analytics$metaData2 === void 0 ? void 0 : (_analytics$metaData2$ = _analytics$metaData2.items) === null || _analytics$metaData2$ === void 0 ? void 0 : (_analytics$metaData2$2 = _analytics$metaData2$[seriesDimension]) === null || _analytics$metaData2$2 === void 0 ? void 0 : _analytics$metaData2$2.name) !== null && _analytics$metaData$i !== void 0 ? _analytics$metaData$i : "",
-      data: seriesValues === null || seriesValues === void 0 ? void 0 : seriesValues.map(value => {
-        var _analytics$rows, _analytics$metaData3, _analytics$metaData3$, _analytics$metaData3$2, _row$valueIndex;
-        const row = analytics === null || analytics === void 0 ? void 0 : (_analytics$rows = analytics.rows) === null || _analytics$rows === void 0 ? void 0 : _analytics$rows.find(row => row[seriesIndex] === value);
-        return {
-          name: (_analytics$metaData3 = analytics.metaData) === null || _analytics$metaData3 === void 0 ? void 0 : (_analytics$metaData3$ = _analytics$metaData3.items) === null || _analytics$metaData3$ === void 0 ? void 0 : (_analytics$metaData3$2 = _analytics$metaData3$[value]) === null || _analytics$metaData3$2 === void 0 ? void 0 : _analytics$metaData3$2.name,
-          y: row !== null && row !== void 0 && row[valueIndex] ? parseFloat((_row$valueIndex = row === null || row === void 0 ? void 0 : row[valueIndex]) !== null && _row$valueIndex !== void 0 ? _row$valueIndex : "") : 0
-        };
-      })
-    }];
-  }
-  getXAxis() {
-    return undefined;
-  }
-}

package/build/es/components/ChartAnalytics/services/export.js

@@ -1,36 +0,0 @@
-import HighChartsExportCSV from "highcharts/modules/export-data";
-import HighChartsExport from "highcharts/modules/exporting";
-import HighChartsFullScreen from "highcharts/modules/full-screen";
-export function setupHighchartsModules(highcharts) {
-  HighChartsExport(highcharts);
-  HighChartsExportCSV(highcharts);
-  HighChartsFullScreen(highcharts);
-}
-export function onFullScreenView(chartRef, options) {
-  var _chartRef$chart;
-  chartRef === null || chartRef === void 0 ? void 0 : (_chartRef$chart = chartRef.chart) === null || _chartRef$chart === void 0 ? void 0 : _chartRef$chart.fullscreen.toggle();
-}
-export function onPDFDownload(chartRef, options) {
-  chartRef === null || chartRef === void 0 ? void 0 : chartRef.chart.exportChart({
-    type: "application/pdf"
-  }, options !== null && options !== void 0 ? options : {});
-}
-export function onCSVDownload(chartRef, options) {
-  chartRef === null || chartRef === void 0 ? void 0 : chartRef.chart.downloadCSV();
-}
-export const onImageDownload = (chartRef, type, options) => {
-  chartRef === null || chartRef === void 0 ? void 0 : chartRef.chart.exportChart({
-    type: `image/${type}`
-  }, options !== null && options !== void 0 ? options : {});
-};
-export const onViewAsTable = (chartRef, show) => {
-  var _chartRef$chart2;
-  const options = chartRef === null || chartRef === void 0 ? void 0 : chartRef.chart.options;
-  chartRef === null || chartRef === void 0 ? void 0 : (_chartRef$chart2 = chartRef.chart) === null || _chartRef$chart2 === void 0 ? void 0 : _chartRef$chart2.update({
-    ...options,
-    exporting: {
-      ...(options === null || options === void 0 ? void 0 : options.exporting),
-      showTable: show
-    }
-  });
-};

package/build/es/components/ChartAnalytics/styles/custom-highchart.css

@@ -1,48 +0,0 @@
-
-.highcharts-data-table table {
-    border: 1px solid rgb(232, 237, 242);
-    text-align: left;
-    min-width: 100%;
-    border-collapse: collapse;
-    vertical-align: top;
-}
-
-.highcharts-data-table td,
-.highcharts-data-table th,
-.highcharts-data-table caption {
-    font-size: 14px;
-    line-height: 16px;
-    padding: 8px 6px;
-    height: 32px;
-    border-bottom: 1px solid rgb(232, 237, 242);
-}
-
-.highcharts-data-table thead tr {
-    background: transparent;
-}
-
-.highcharts-data-table tr:nth-child(even) {
-    background: rgb(251, 252, 253);
-}
-
-.highcharts-data-table tr {
-    cursor: pointer;
-}
-
-.highcharts-data-table tr:hover {
-    background: rgb(251, 252, 253);
-}
-
-.highcharts-data-table caption {
-    border-bottom: none;
-    font-size: 1.1em;
-    font-weight: bold;
-}
-
-.highcharts-sort-ascending::after {
-    content: " ↓";
-}
-
-.highcharts-sort-descending::after {
-    content: " ↑";
-}

package/build/es/components/ChartAnalytics/types/props.js

@@ -1 +0,0 @@
-export {};

package/build/es/components/ChartAnalytics/utils/chart.js

@@ -1,127 +0,0 @@
-import { compact, find, findIndex, head, isEmpty, set } from "lodash";
-import { DHIS2ColumnChart, DHIS2StackedColumnChart } from "../models/column";
-import { DHIS2LineChart } from "../models/line";
-import { DHIS2MultiSeriesChart } from "../models/multi-series";
-import { DHIS2PieChart } from "../models/pie";
-import { DHIS2BarChart, DHIS2StackedBarChart } from "../models/bar";
-export function getDimensionHeaderIndex(headers, name) {
-  return findIndex(headers, {
-    name
-  });
-}
-export function getPointSeries(analytics, config, highchartsType) {
-  const series = config.layout.series;
-  return series.map(seriesName => {
-    var _analytics$headers;
-    const header = analytics === null || analytics === void 0 ? void 0 : (_analytics$headers = analytics.headers) === null || _analytics$headers === void 0 ? void 0 : _analytics$headers.find(header => header.name === seriesName);
-    if (!header) {
-      return undefined;
-    }
-    if (analytics !== null && analytics !== void 0 && analytics.metaData) {
-      return getColumnSeries(analytics, header, config, highchartsType);
-    }
-  })[0];
-}
-export function getColumnSeries(analytics, header, config, highchartsType) {
-  var _analytics$headers2, _analytics$headers3, _config$colors, _analytics$metaData, _dimensions;
-  const headerIndex = analytics === null || analytics === void 0 ? void 0 : (_analytics$headers2 = analytics.headers) === null || _analytics$headers2 === void 0 ? void 0 : _analytics$headers2.findIndex(h => header.name === h.name);
-  const valueIndex = analytics === null || analytics === void 0 ? void 0 : (_analytics$headers3 = analytics.headers) === null || _analytics$headers3 === void 0 ? void 0 : _analytics$headers3.findIndex(h => h.name === "value");
-  const colors = (_config$colors = config.colors) !== null && _config$colors !== void 0 ? _config$colors : [];
-  const {
-    items,
-    dimensions
-  } = (_analytics$metaData = analytics === null || analytics === void 0 ? void 0 : analytics.metaData) !== null && _analytics$metaData !== void 0 ? _analytics$metaData : {};
-  const categoriesDimension = config.layout.category;
-  const seriesDimensionValues = (_dimensions = dimensions === null || dimensions === void 0 ? void 0 : dimensions[header.name]) !== null && _dimensions !== void 0 ? _dimensions : [];
-  return head(categoriesDimension === null || categoriesDimension === void 0 ? void 0 : categoriesDimension.map(categoryDimension => {
-    var _analytics$headers4;
-    const categories = dimensions === null || dimensions === void 0 ? void 0 : dimensions[categoryDimension];
-    const categoryDimensionIndex = analytics === null || analytics === void 0 ? void 0 : (_analytics$headers4 = analytics.headers) === null || _analytics$headers4 === void 0 ? void 0 : _analytics$headers4.findIndex(h => h.name === categoryDimension);
-    return seriesDimensionValues === null || seriesDimensionValues === void 0 ? void 0 : seriesDimensionValues.map((seriesDimensionValue, index) => {
-      var _items;
-      const data = categories === null || categories === void 0 ? void 0 : categories.map(category => {
-        const row = find(analytics === null || analytics === void 0 ? void 0 : analytics.rows, row => row[headerIndex !== null && headerIndex !== void 0 ? headerIndex : -1] === seriesDimensionValue && row[categoryDimensionIndex !== null && categoryDimensionIndex !== void 0 ? categoryDimensionIndex : -1] === category);
-        return row !== null && row !== void 0 && row[valueIndex !== null && valueIndex !== void 0 ? valueIndex : -1] ? parseFloat(row === null || row === void 0 ? void 0 : row[valueIndex !== null && valueIndex !== void 0 ? valueIndex : -1]) : 0;
-      });
-      return {
-        name: items === null || items === void 0 ? void 0 : (_items = items[seriesDimensionValue]) === null || _items === void 0 ? void 0 : _items.name,
-        data,
-        type: highchartsType,
-        color: colors[index % colors.length]
-      };
-    });
-  }));
-}
-function getCategories(_ref, _ref2) {
-  let {
-    name
-  } = _ref;
-  let {
-    items,
-    dimensions
-  } = _ref2;
-  const categories = dimensions === null || dimensions === void 0 ? void 0 : dimensions[name];
-  return categories === null || categories === void 0 ? void 0 : categories.map(category => {
-    var _items$name, _items2;
-    return (_items$name = (_items2 = items[category]) === null || _items2 === void 0 ? void 0 : _items2.name) !== null && _items$name !== void 0 ? _items$name : "";
-  });
-}
-export function getAllCategories(analytics, config) {
-  const categories = config.layout.category;
-  return compact(categories === null || categories === void 0 ? void 0 : categories.map(category => {
-    var _analytics$headers5;
-    const header = analytics === null || analytics === void 0 ? void 0 : (_analytics$headers5 = analytics.headers) === null || _analytics$headers5 === void 0 ? void 0 : _analytics$headers5.find(header => header.name === category);
-    if (!header) {
-      return undefined;
-    }
-    if (analytics !== null && analytics !== void 0 && analytics.metaData) {
-      return getCategories(header, analytics === null || analytics === void 0 ? void 0 : analytics.metaData);
-    }
-  }))[0];
-}
-export function updateLayout(config, _ref3) {
-  let {
-    type
-  } = _ref3;
-  if (type === config.type) {
-    return config.layout;
-  }
-  const updatedLayout = {
-    ...config.layout
-  };
-  switch (type) {
-    case "pie":
-      set(updatedLayout, "category", []);
-      if (isEmpty(updatedLayout.series)) {
-        if (!isEmpty(config.layout.category)) {
-          set(updatedLayout, "series", [head(config.layout.category)]);
-        } else {
-          throw new Error("Invalid layout for pie chart");
-        }
-      }
-      if (updatedLayout.series.length > 1) {
-        set(updatedLayout, "series", [head(updatedLayout.series)]);
-      }
-  }
-  return updatedLayout;
-}
-export function getChartInstance(id, analytics, config) {
-  switch (config.type) {
-    case "column":
-      return new DHIS2ColumnChart(id, analytics, config);
-    case "bar":
-      return new DHIS2BarChart(id, analytics, config);
-    case "stacked-bar":
-      return new DHIS2StackedBarChart(id, analytics, config);
-    case "stacked-column":
-      return new DHIS2StackedColumnChart(id, analytics, config);
-    case "pie":
-      return new DHIS2PieChart(id, analytics, config);
-    case "line":
-      return new DHIS2LineChart(id, analytics, config);
-    case "multi-series":
-      return new DHIS2MultiSeriesChart(id, analytics, config);
-    default:
-      throw new Error(`Unsupported chart type: ${config.type}`);
-  }
-}

package/build/es/components/CircularProgressDashboard/CircularProgressIndicator.test.js

@@ -1,10 +0,0 @@
-import { mount } from "@cypress/react";
-import React from "react";
-import { CircularProgressDashboard } from ".";
-describe("CircularProgressDashboard", () => {
-  it("should render", () => {
-    mount( /*#__PURE__*/React.createElement(CircularProgressDashboard, {
-      size: "100px"
-    }));
-  });
-});

package/build/es/components/CircularProgressDashboard/index.js

@@ -1,42 +0,0 @@
-import { colors } from "@dhis2/ui";
-import React, { useMemo } from "react";
-import { CircularProgressbarWithChildren } from "react-circular-progressbar";
-export * from "./types/props";
-export function CircularProgressDashboard(_ref) {
-  var _strokeStyle$color, _textStyle$fontSize, _ref2, _textStyle$color;
-  let {
-    numerator,
-    size,
-    denominator,
-    value,
-    textStyle,
-    strokeStyle
-  } = _ref;
-  const filledSectionFieldsPercentage = useMemo(() => {
-    return value !== undefined ? value : Math.floor((numerator !== null && numerator !== void 0 ? numerator : 0) / (denominator !== null && denominator !== void 0 ? denominator : 1) * 100);
-  }, [numerator, denominator, value]);
-  return /*#__PURE__*/React.createElement("div", {
-    style: {
-      backgroundColor: "transparent",
-      width: size
-    }
-  }, /*#__PURE__*/React.createElement(CircularProgressbarWithChildren, {
-    styles: {
-      path: {
-        stroke: (_strokeStyle$color = strokeStyle === null || strokeStyle === void 0 ? void 0 : strokeStyle.color) !== null && _strokeStyle$color !== void 0 ? _strokeStyle$color : colors.blue700
-      }
-    },
-    strokeWidth: 7,
-    value: filledSectionFieldsPercentage
-  }, /*#__PURE__*/React.createElement("div", {
-    style: {
-      ...(textStyle !== null && textStyle !== void 0 ? textStyle : {}),
-      fontSize: ((_textStyle$fontSize = textStyle === null || textStyle === void 0 ? void 0 : textStyle.fontSize) !== null && _textStyle$fontSize !== void 0 ? _textStyle$fontSize : typeof size === "number") ? 0.3 * size : "100%",
-      marginTop: -11
-    }
-  }, /*#__PURE__*/React.createElement("strong", {
-    style: {
-      color: (_ref2 = (_textStyle$color = textStyle === null || textStyle === void 0 ? void 0 : textStyle.color) !== null && _textStyle$color !== void 0 ? _textStyle$color : strokeStyle === null || strokeStyle === void 0 ? void 0 : strokeStyle.color) !== null && _ref2 !== void 0 ? _ref2 : colors.blue700
-    }
-  }, filledSectionFieldsPercentage, "%"))));
-}

package/build/es/components/CircularProgressDashboard/types/props.js

@@ -1 +0,0 @@
-export {};

package/build/es/components/CustomPivotTable/components/Table/index.js

@@ -1,9 +0,0 @@
-import React from "react";
-import { DataTable } from '@dhis2/ui';
-export function PivotTable(_ref) {
-  let {
-    tableProps,
-    children
-  } = _ref;
-  return /*#__PURE__*/React.createElement(DataTable, tableProps !== null && tableProps !== void 0 ? tableProps : {}, children);
-}

package/build/es/components/CustomPivotTable/components/TableBody/TableBody.module.css

@@ -1,12 +0,0 @@
-.nested-table-cell {
-    padding: 0 !important;
-}
-
-.nested-table {
-    margin: 0;
-    padding: 0;
-}
-
-.header-cell {
-    border-right: 1px solid rgb(232, 237, 242) !important;
-}

package/build/es/components/CustomPivotTable/components/TableBody/index.js

@@ -1,100 +0,0 @@
-import { isEmpty, slice } from "lodash";
-import { useCustomPivotTableEngine } from "../../state/engine";
-import { DataTableCell, DataTableRow, TableBody } from '@dhis2/ui';
-import React, { Fragment } from "react";
-import classes from "./TableBody.module.css";
-import { useElementSize } from "usehooks-ts";
-function DataRowRenderer(_ref) {
-  let {
-    mapper,
-    item,
-    dimension
-  } = _ref;
-  const engine = useCustomPivotTableEngine();
-  const columnMappers = engine === null || engine === void 0 ? void 0 : engine.columnMap;
-  const completeMapper = columnMappers === null || columnMappers === void 0 ? void 0 : columnMappers.map(map => ({
-    ...map,
-    ...mapper,
-    [dimension]: item.uid
-  }));
-  return /*#__PURE__*/React.createElement(React.Fragment, null, completeMapper === null || completeMapper === void 0 ? void 0 : completeMapper.map(mapper => {
-    var _engine$getValue;
-    return /*#__PURE__*/React.createElement(DataTableCell, {
-      key: `${Object.values(mapper).join('-')}-value`,
-      align: "center",
-      bordered: true
-    }, (_engine$getValue = engine === null || engine === void 0 ? void 0 : engine.getValue(mapper)) !== null && _engine$getValue !== void 0 ? _engine$getValue : '');
-  }));
-}
-function RowRenderer(_ref2) {
-  var _row$items;
-  let {
-    row,
-    index,
-    config: {
-      rows,
-      columns,
-      mapper,
-      prevWidth,
-      fixRowHeaders
-    }
-  } = _ref2;
-  const [cellRef, {
-    width
-  }] = useElementSize();
-  const rowSpan = slice(rows, index + 1).reduce((acc, column) => {
-    var _column$items$length, _column$items;
-    return acc * ((_column$items$length = (_column$items = column.items) === null || _column$items === void 0 ? void 0 : _column$items.length) !== null && _column$items$length !== void 0 ? _column$items$length : 1);
-  }, 1);
-  const hasSubRows = !isEmpty(rows[index + 1]);
-  const nextRow = rows[index + 1];
-  return /*#__PURE__*/React.createElement(React.Fragment, null, row === null || row === void 0 ? void 0 : (_row$items = row.items) === null || _row$items === void 0 ? void 0 : _row$items.map(item => {
-    return /*#__PURE__*/React.createElement(Fragment, {
-      key: `${item.name}-${row.dimension}-fragment`
-    }, /*#__PURE__*/React.createElement(DataTableRow, {
-      key: `${item.name}-${row.dimension}-row`
-    }, /*#__PURE__*/React.createElement(DataTableCell, {
-      ref: cellRef,
-      fixed: fixRowHeaders,
-      left: `${prevWidth}px`,
-      className: classes['header-cell'],
-      tag: "th",
-      bordered: true,
-      rowSpan: (rowSpan + (hasSubRows ? 1 : 0)).toString()
-    }, item.name), !hasSubRows ? /*#__PURE__*/React.createElement(DataRowRenderer, {
-      dimension: row.dimension,
-      mapper: mapper,
-      item: item
-    }) : null), hasSubRows ? /*#__PURE__*/React.createElement(RowRenderer, {
-      row: nextRow,
-      index: index + 1,
-      config: {
-        rows,
-        columns,
-        prevWidth: width,
-        mapper: {
-          ...mapper,
-          [row.dimension]: item.uid
-        }
-      }
-    }) : null);
-  }));
-}
-export function CustomPivotTableBody() {
-  const engine = useCustomPivotTableEngine();
-  const rows = engine === null || engine === void 0 ? void 0 : engine.rowHeaders;
-  const columns = engine === null || engine === void 0 ? void 0 : engine.columnHeaders;
-  const fixRowHeaders = engine === null || engine === void 0 ? void 0 : engine.fixRowHeaders;
-  if (!rows || isEmpty(rows)) {
-    return null;
-  }
-  return /*#__PURE__*/React.createElement(TableBody, null, /*#__PURE__*/React.createElement(RowRenderer, {
-    row: rows[0],
-    index: 0,
-    config: {
-      rows,
-      columns,
-      fixRowHeaders
-    }
-  }));
-}

package/build/es/components/CustomPivotTable/components/TableHeaders/TableHeaders.module.css

@@ -1,10 +0,0 @@
-.table-header{
-    border-right: 1px solid rgb(232, 237, 242);
-}
-.table-header:last-child{
-    border-right: none;
-}
-
-.table-header > span > span{
-    justify-content: center;
-}

package/build/es/components/CustomPivotTable/components/TableHeaders/index.js

@@ -1,82 +0,0 @@
-import React from "react";
-import { useCustomPivotTableEngine } from "../../state/engine";
-import { DataTableColumnHeader, DataTableRow, TableHead } from '@dhis2/ui';
-import { isEmpty, slice, times } from "lodash";
-import classes from "./TableHeaders.module.css";
-import { useElementSize } from "usehooks-ts";
-function ColumnRenderer(_ref) {
-  let {
-    column,
-    index,
-    config: {
-      fixColumnHeaders,
-      rowHeaders,
-      prevHeight = 0,
-      columns
-    }
-  } = _ref;
-  const [columnHeaderRef, {
-    height
-  }] = useElementSize();
-  if (!column) {
-    return null;
-  }
-  const colSpan = slice(columns, index + 1).reduce((acc, column) => {
-    var _column$items$length, _column$items;
-    return acc * ((_column$items$length = (_column$items = column.items) === null || _column$items === void 0 ? void 0 : _column$items.length) !== null && _column$items$length !== void 0 ? _column$items$length : 1);
-  }, 1);
-  const hasSubColumns = !isEmpty(columns[index + 1]);
-  const nextColumn = columns[index + 1];
-  const multiplicationFactor = slice(columns, 0, index).reduce((acc, column) => {
-    var _column$items$length2, _column$items2;
-    return acc * ((_column$items$length2 = (_column$items2 = column.items) === null || _column$items2 === void 0 ? void 0 : _column$items2.length) !== null && _column$items$length2 !== void 0 ? _column$items$length2 : 1);
-  }, 1);
-  return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(DataTableRow, null, index === 0 && (rowHeaders === null || rowHeaders === void 0 ? void 0 : rowHeaders.map(header => {
-    var _header$label;
-    return /*#__PURE__*/React.createElement(DataTableColumnHeader, {
-      fixed: fixColumnHeaders,
-      top: "0",
-      className: classes['table-header'],
-      rowSpan: columns.length.toString(),
-      key: `${header.dimension}-header-column`
-    }, (_header$label = header.label) !== null && _header$label !== void 0 ? _header$label : "");
-  })), times(multiplicationFactor, colNo => {
-    var _column$items3;
-    return (_column$items3 = column.items) === null || _column$items3 === void 0 ? void 0 : _column$items3.map(item => /*#__PURE__*/React.createElement(DataTableColumnHeader, {
-      fixed: fixColumnHeaders,
-      top: `${prevHeight.toString()}px`,
-      ref: index === 0 ? columnHeaderRef : undefined,
-      className: classes['table-header'],
-      align: "center",
-      colSpan: colSpan.toString(),
-      key: `${colNo}-${item.name}-column-header`
-    }, item.name));
-  })), hasSubColumns ? /*#__PURE__*/React.createElement(ColumnRenderer, {
-    column: nextColumn,
-    index: index + 1,
-    config: {
-      columns,
-      rowHeaders,
-      prevHeight: height,
-      fixColumnHeaders
-    }
-  }) : null);
-}
-export function TableHeaders() {
-  const engine = useCustomPivotTableEngine();
-  const columns = engine === null || engine === void 0 ? void 0 : engine.columnHeaders;
-  const rowHeaders = engine === null || engine === void 0 ? void 0 : engine.rowHeaders;
-  const fixColumnHeaders = engine === null || engine === void 0 ? void 0 : engine.fixColumnHeaders;
-  if (!columns || isEmpty(columns)) {
-    return null;
-  }
-  return /*#__PURE__*/React.createElement(TableHead, null, /*#__PURE__*/React.createElement(ColumnRenderer, {
-    column: columns[0],
-    index: 0,
-    config: {
-      rowHeaders,
-      columns,
-      fixColumnHeaders
-    }
-  }));
-}

package/build/es/components/CustomPivotTable/index.js

@@ -1,22 +0,0 @@
-import { CustomPivotTableEngine } from "./services/engine";
-import React, { useMemo } from "react";
-import { CustomPivotTableEngineProvider } from "./state/engine";
-import { PivotTable } from "./components/Table";
-import { TableHeaders } from "./components/TableHeaders";
-import { CustomPivotTableBody } from "./components/TableBody";
-export function CustomPivotTable(_ref) {
-  let {
-    analytics,
-    config,
-    tableProps
-  } = _ref;
-  const engine = useMemo(() => new CustomPivotTableEngine({
-    analytics,
-    config
-  }), [analytics, config]);
-  return /*#__PURE__*/React.createElement(CustomPivotTableEngineProvider, {
-    engine: engine
-  }, /*#__PURE__*/React.createElement(PivotTable, {
-    tableProps: tableProps
-  }, /*#__PURE__*/React.createElement(TableHeaders, null), /*#__PURE__*/React.createElement(CustomPivotTableBody, null)));
-}

package/build/es/components/CustomPivotTable/interfaces/index.js

@@ -1 +0,0 @@
-export {};

package/build/es/components/CustomPivotTable/services/engine.js

@@ -1,82 +0,0 @@
-function _defineProperty(obj, key, value) { key = _toPropertyKey(key); if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
-function _toPropertyKey(arg) { var key = _toPrimitive(arg, "string"); return typeof key === "symbol" ? key : String(key); }
-function _toPrimitive(input, hint) { if (typeof input !== "object" || input === null) return input; var prim = input[Symbol.toPrimitive]; if (prim !== undefined) { var res = prim.call(input, hint || "default"); if (typeof res !== "object") return res; throw new TypeError("@@toPrimitive must return a primitive value."); } return (hint === "string" ? String : Number)(input); }
-import { compact, findIndex, intersection, times, zip } from "lodash";
-export class CustomPivotTableEngine {
-  constructor(_ref) {
-    let {
-      analytics,
-      config
-    } = _ref;
-    _defineProperty(this, "analyticsData", void 0);
-    _defineProperty(this, "valueIndex", void 0);
-    _defineProperty(this, "config", void 0);
-    _defineProperty(this, "rowHeaders", void 0);
-    _defineProperty(this, "columnHeaders", void 0);
-    _defineProperty(this, "columnMap", void 0);
-    this.config = config;
-    this.analyticsData = analytics;
-    this.valueIndex = findIndex(this.analyticsData.headers, ['name', 'value']);
-    this.getHeaders();
-    this.getColumnMap();
-  }
-  get fixColumnHeaders() {
-    var _this$config$options$, _this$config$options;
-    return (_this$config$options$ = (_this$config$options = this.config.options) === null || _this$config$options === void 0 ? void 0 : _this$config$options.fixColumnHeaders) !== null && _this$config$options$ !== void 0 ? _this$config$options$ : true;
-  }
-  get fixRowHeaders() {
-    var _this$config$options$2, _this$config$options2;
-    return (_this$config$options$2 = (_this$config$options2 = this.config.options) === null || _this$config$options2 === void 0 ? void 0 : _this$config$options2.fixRowHeaders) !== null && _this$config$options$2 !== void 0 ? _this$config$options$2 : true;
-  }
-  getDimensionItems(dimension) {
-    var _this$analyticsData$m, _this$analyticsData$m2;
-    return (_this$analyticsData$m = (_this$analyticsData$m2 = this.analyticsData.metaData) === null || _this$analyticsData$m2 === void 0 ? void 0 : _this$analyticsData$m2.dimensions[dimension]) !== null && _this$analyticsData$m !== void 0 ? _this$analyticsData$m : [];
-  }
-  getItem(id) {
-    var _this$analyticsData$m3;
-    return (_this$analyticsData$m3 = this.analyticsData.metaData) === null || _this$analyticsData$m3 === void 0 ? void 0 : _this$analyticsData$m3.items[id];
-  }
-  getValue(mapper) {
-    var _this$analyticsData$r;
-    const dimensions = Object.values(mapper);
-    const data = (_this$analyticsData$r = this.analyticsData.rows) === null || _this$analyticsData$r === void 0 ? void 0 : _this$analyticsData$r.filter(row => intersection(row, dimensions).length >= dimensions.length);
-    return data === null || data === void 0 ? void 0 : data.reduce((acc, row) => {
-      return acc + parseFloat(row[this.valueIndex]);
-    }, 0);
-  }
-  getHeaders() {
-    this.rowHeaders = this.config.layout.rows.map(rowConfig => {
-      return {
-        ...rowConfig,
-        items: compact(this.getDimensionItems(rowConfig.dimension).map(itemId => this.getItem(itemId)))
-      };
-    });
-    this.columnHeaders = this.config.layout.columns.map(columnConfig => {
-      return {
-        ...columnConfig,
-        items: compact(this.getDimensionItems(columnConfig.dimension).map(itemId => this.getItem(itemId)))
-      };
-    });
-  }
-  getColumnMap() {
-    var _compact;
-    const columns = this.columnHeaders;
-    const sanitizedColumns = (_compact = compact(columns === null || columns === void 0 ? void 0 : columns.map(column => {
-      var _column$items;
-      return (_column$items = column.items) === null || _column$items === void 0 ? void 0 : _column$items.map(item => ({
-        [column.dimension]: item.uid
-      }));
-    }))) !== null && _compact !== void 0 ? _compact : [];
-    const size = sanitizedColumns.reduce((acc, items) => {
-      var _items$length;
-      return acc * ((_items$length = items === null || items === void 0 ? void 0 : items.length) !== null && _items$length !== void 0 ? _items$length : 1);
-    }, 1);
-    const standardiseColumns = sanitizedColumns.map(items => [...times(size / items.length, () => items).flat()]);
-    this.columnMap = compact(zip(...standardiseColumns).map(arr => arr.reduce((obj, value) => {
-      return {
-        ...obj,
-        ...value
-      };
-    })));
-  }
-}

package/build/es/components/CustomPivotTable/state/engine.js

@@ -1,14 +0,0 @@
-import React, { createContext, useContext } from "react";
-const CustomPivotTableEngineContext = /*#__PURE__*/createContext(null);
-export function useCustomPivotTableEngine() {
-  return useContext(CustomPivotTableEngineContext);
-}
-export function CustomPivotTableEngineProvider(_ref) {
-  let {
-    children,
-    engine
-  } = _ref;
-  return /*#__PURE__*/React.createElement(CustomPivotTableEngineContext.Provider, {
-    value: engine
-  }, children);
-}