@dhis2/analytics 28.0.4 → 28.1.0

package/build/es/__demo__/{PivotTable.stories.js → PivotTable.aggregate.stories.js}

@@ -4,43 +4,43 @@ import PropTypes from 'prop-types';
 import React, { useState, useEffect } from 'react';
 import { PivotTable } from '../index.js';
 import { NUMBER_TYPE_COLUMN_PERCENTAGE, NUMBER_TYPE_ROW_PERCENTAGE } from '../modules/pivotTable/pivotTableConstants.js';
-import avgDataResponse from './data/avgTotalAggregationType.data.json';
-import avgMetadataResponse from './data/avgTotalAggregationType.metadata.json';
-import avgVisualization from './data/avgTotalAggregationType.visualization.json';
-import deepData from './data/deep.data.json';
-import deepVisualization from './data/deep.visualization.json';
-import deepWithFiltersData from './data/deepWithFilters.data.json';
-import deepWithFiltersVisualization from './data/deepWithFilters.visualization.json';
-import degsDataResponse from './data/degs.data.json';
-import degsMetadataResponse from './data/degs.metadata.json';
-import degsVisualization from './data/degs.visualization.json';
-import diseaseWeeksDataResponse from './data/diseaseWeeks.data.json';
-import diseaseWeeksMetadataResponse from './data/diseaseWeeks.metadata.json';
-import diseaseWeeksVisualization from './data/diseaseWeeks.visualization.json';
-import emptyColumnsDataResponse from './data/emptyColumns.data.json';
-import emptyColumnsMetadataResponse from './data/emptyColumns.metadata.json';
-import emptyColumnsVisualization from './data/emptyColumns.visualization.json';
-import emptyRowsData from './data/emptyRows.data.json';
-import emptyRowsVisualization from './data/emptyRows.visualization.json';
-import hierarchyDataResponse from './data/hierarchy.data.json';
-import hierarchyMetadataResponse from './data/hierarchy.metadata.json';
-import hierarchyVisualization from './data/hierarchy.visualization.json';
-import lastFiveYearsDataResponse from './data/lastFiveYears.data.json';
-import lastFiveYearsMetadataResponse from './data/lastFiveYears.metadata.json';
-import lastFiveYearsVisualization from './data/lastFiveYears.visualization.json';
-import narrativeDataResponse from './data/narrative.data.json';
-import narrativeMetadataResponse from './data/narrative.metadata.json';
-import narrativeVisualization from './data/narrative.visualization.json';
-import simpleDataResponse from './data/simple.data.json';
-import simpleMetadataResponse from './data/simple.metadata.json';
-import simpleVisualization from './data/simple.visualization.json';
-import targetDataResponse from './data/target-with-legend.data.json';
-import targetMetadataResponse from './data/target-with-legend.metadata.json';
-import targetVisualization from './data/target-with-legend.visualization.json';
-import underAbove100LegendSet from './data/under-above-100.legendSet.json';
-import weeklyColumnsDataResponse from './data/weeklyColumns.data.json';
-import weeklyColumnsMetadataResponse from './data/weeklyColumns.metadata.json';
-import weeklyColumnsVisualization from './data/weeklyColumns.visualization.json';
+import avgDataResponse from './data/aggregate/avgTotalAggregationType.data.json';
+import avgMetadataResponse from './data/aggregate/avgTotalAggregationType.metadata.json';
+import avgVisualization from './data/aggregate/avgTotalAggregationType.visualization.json';
+import deepData from './data/aggregate/deep.data.json';
+import deepVisualization from './data/aggregate/deep.visualization.json';
+import deepWithFiltersData from './data/aggregate/deepWithFilters.data.json';
+import deepWithFiltersVisualization from './data/aggregate/deepWithFilters.visualization.json';
+import degsDataResponse from './data/aggregate/degs.data.json';
+import degsMetadataResponse from './data/aggregate/degs.metadata.json';
+import degsVisualization from './data/aggregate/degs.visualization.json';
+import diseaseWeeksDataResponse from './data/aggregate/diseaseWeeks.data.json';
+import diseaseWeeksMetadataResponse from './data/aggregate/diseaseWeeks.metadata.json';
+import diseaseWeeksVisualization from './data/aggregate/diseaseWeeks.visualization.json';
+import emptyColumnsDataResponse from './data/aggregate/emptyColumns.data.json';
+import emptyColumnsMetadataResponse from './data/aggregate/emptyColumns.metadata.json';
+import emptyColumnsVisualization from './data/aggregate/emptyColumns.visualization.json';
+import emptyRowsData from './data/aggregate/emptyRows.data.json';
+import emptyRowsVisualization from './data/aggregate/emptyRows.visualization.json';
+import hierarchyDataResponse from './data/aggregate/hierarchy.data.json';
+import hierarchyMetadataResponse from './data/aggregate/hierarchy.metadata.json';
+import hierarchyVisualization from './data/aggregate/hierarchy.visualization.json';
+import lastFiveYearsDataResponse from './data/aggregate/lastFiveYears.data.json';
+import lastFiveYearsMetadataResponse from './data/aggregate/lastFiveYears.metadata.json';
+import lastFiveYearsVisualization from './data/aggregate/lastFiveYears.visualization.json';
+import narrativeDataResponse from './data/aggregate/narrative.data.json';
+import narrativeMetadataResponse from './data/aggregate/narrative.metadata.json';
+import narrativeVisualization from './data/aggregate/narrative.visualization.json';
+import simpleDataResponse from './data/aggregate/simple.data.json';
+import simpleMetadataResponse from './data/aggregate/simple.metadata.json';
+import simpleVisualization from './data/aggregate/simple.visualization.json';
+import targetDataResponse from './data/aggregate/target-with-legend.data.json';
+import targetMetadataResponse from './data/aggregate/target-with-legend.metadata.json';
+import targetVisualization from './data/aggregate/target-with-legend.visualization.json';
+import underAbove100LegendSet from './data/aggregate/under-above-100.legendSet.json';
+import weeklyColumnsDataResponse from './data/aggregate/weeklyColumns.data.json';
+import weeklyColumnsMetadataResponse from './data/aggregate/weeklyColumns.metadata.json';
+import weeklyColumnsVisualization from './data/aggregate/weeklyColumns.visualization.json';
 const visualizationReset = {
   colTotals: false,
   rowTotals: false,
@@ -93,7 +93,7 @@ const PivotTableOptionsWrapper = story => {
   }));
 };
 export default {
-  title: 'PivotTable',
+  title: 'PivotTable (aggregate)',
   decorators: [PivotTableOptionsWrapper]
 };
 export const Simple = (_, {

package/build/es/__demo__/PivotTable.event.stories.js

@@ -0,0 +1,414 @@
+import { Checkbox, Divider } from '@dhis2/ui';
+import React, { useState } from 'react';
+import { PivotTable } from '../index.js';
+import booleanDataHideNa from './data/event/boolean.data.hidena.json';
+import booleanData from './data/event/boolean.data.json';
+import booleanVisualization from './data/event/boolean.visualization.json';
+import dateDataHideNa from './data/event/date.data.hidena.json';
+import dateData from './data/event/date.data.json';
+import dateVisualization from './data/event/date.visualization.json';
+import datetimeDataHideNa from './data/event/datetime.data.hidena.json';
+import datetimeData from './data/event/datetime.data.json';
+import datetimeVisualization from './data/event/datetime.visualization.json';
+import emailDataHideNa from './data/event/email.data.hidena.json';
+import emailData from './data/event/email.data.json';
+import emailVisualization from './data/event/email.visualization.json';
+import integerDataHideNa from './data/event/integer.data.hidena.json';
+import integerData from './data/event/integer.data.json';
+import integerVisualization from './data/event/integer.visualization.json';
+import legendsetDataHideNa from './data/event/legendset.data.hidena.json';
+import legendsetData from './data/event/legendset.data.json';
+import legendsetVisualization from './data/event/legendset.visualization.json';
+import optionsetDataHideNa from './data/event/optionset.data.hidena.json';
+import optionsetData from './data/event/optionset.data.json';
+import optionsetVisualization from './data/event/optionset.visualization.json';
+import timeDataHideNa from './data/event/time.data.hidena.json';
+import timeData from './data/event/time.data.json';
+import timeVisualization from './data/event/time.visualization.json';
+import yesonlyDataHideNa from './data/event/yesonly.data.hidena.json';
+import yesonlyData from './data/event/yesonly.data.json';
+import yesonlyVisualization from './data/event/yesonly.visualization.json';
+const visualizationReset = {
+  colTotals: false,
+  rowTotals: false,
+  colSubTotals: false,
+  rowSubTotals: false,
+  hideEmptyColumns: false,
+  hideEmptyRows: false,
+  hideNaData: false
+};
+const PivotTableOptionsWrapper = story => {
+  const [pivotTableOptions, setPivotTableOptions] = useState({
+    fixColumnHeaders: false,
+    fixRowHeaders: false
+  });
+  return /*#__PURE__*/React.createElement("div", null, /*#__PURE__*/React.createElement("div", null, /*#__PURE__*/React.createElement(Checkbox, {
+    label: "Use fixed column headers",
+    checked: pivotTableOptions.fixColumnHeaders,
+    onChange: ({
+      checked
+    }) => setPivotTableOptions({
+      ...pivotTableOptions,
+      fixColumnHeaders: checked
+    }),
+    dense: true
+  }), /*#__PURE__*/React.createElement(Checkbox, {
+    label: "Use fixed row headers",
+    checked: pivotTableOptions.fixRowHeaders,
+    onChange: ({
+      checked
+    }) => setPivotTableOptions({
+      ...pivotTableOptions,
+      fixRowHeaders: checked
+    }),
+    dense: true
+  }), /*#__PURE__*/React.createElement(Divider, null)), story({
+    pivotTableOptions
+  }));
+};
+export default {
+  title: 'PivotTable (event)',
+  decorators: [PivotTableOptionsWrapper]
+};
+export const TypeBooleanNA = (_, {
+  pivotTableOptions
+}) => {
+  const visualization = {
+    ...booleanVisualization,
+    ...visualizationReset,
+    ...pivotTableOptions
+  };
+  return /*#__PURE__*/React.createElement("div", {
+    style: {
+      width: 800,
+      height: 600
+    }
+  }, /*#__PURE__*/React.createElement(PivotTable, {
+    data: booleanData,
+    visualization: visualization
+  }));
+};
+TypeBooleanNA.storyName = 'Boolean N/A';
+export const TypeBoolean = (_, {
+  pivotTableOptions
+}) => {
+  const visualization = {
+    ...booleanVisualization,
+    ...visualizationReset,
+    ...pivotTableOptions
+  };
+  return /*#__PURE__*/React.createElement("div", {
+    style: {
+      width: 800,
+      height: 600
+    }
+  }, /*#__PURE__*/React.createElement(PivotTable, {
+    data: booleanDataHideNa,
+    visualization: visualization
+  }));
+};
+TypeBoolean.storyName = 'Boolean';
+export const TypeDateNA = (_, {
+  pivotTableOptions
+}) => {
+  const visualization = {
+    ...dateVisualization,
+    ...visualizationReset,
+    ...pivotTableOptions
+  };
+  return /*#__PURE__*/React.createElement("div", {
+    style: {
+      width: 800,
+      height: 600
+    }
+  }, /*#__PURE__*/React.createElement(PivotTable, {
+    data: dateData,
+    visualization: visualization
+  }));
+};
+TypeDateNA.storyName = 'Date N/A';
+export const TypeDate = (_, {
+  pivotTableOptions
+}) => {
+  const visualization = {
+    ...dateVisualization,
+    ...visualizationReset,
+    ...pivotTableOptions
+  };
+  return /*#__PURE__*/React.createElement("div", {
+    style: {
+      width: 800,
+      height: 600
+    }
+  }, /*#__PURE__*/React.createElement(PivotTable, {
+    data: dateDataHideNa,
+    visualization: visualization
+  }));
+};
+TypeDate.storyName = 'Date';
+export const TypeDatetimeNA = (_, {
+  pivotTableOptions
+}) => {
+  const visualization = {
+    ...datetimeVisualization,
+    ...visualizationReset,
+    ...pivotTableOptions
+  };
+  return /*#__PURE__*/React.createElement("div", {
+    style: {
+      width: 800,
+      height: 600
+    }
+  }, /*#__PURE__*/React.createElement(PivotTable, {
+    data: datetimeData,
+    visualization: visualization
+  }));
+};
+TypeDatetimeNA.storyName = 'Datetime N/A';
+export const TypeDatetime = (_, {
+  pivotTableOptions
+}) => {
+  const visualization = {
+    ...datetimeVisualization,
+    ...visualizationReset,
+    ...pivotTableOptions
+  };
+  return /*#__PURE__*/React.createElement("div", {
+    style: {
+      width: 800,
+      height: 600
+    }
+  }, /*#__PURE__*/React.createElement(PivotTable, {
+    data: datetimeDataHideNa,
+    visualization: visualization
+  }));
+};
+TypeDatetime.storyName = 'Datetime';
+export const TypeLegendsetNA = (_, {
+  pivotTableOptions
+}) => {
+  const visualization = {
+    ...legendsetVisualization,
+    ...visualizationReset,
+    ...pivotTableOptions
+  };
+  return /*#__PURE__*/React.createElement("div", {
+    style: {
+      width: 800,
+      height: 600
+    }
+  }, /*#__PURE__*/React.createElement(PivotTable, {
+    data: legendsetData,
+    visualization: visualization
+  }));
+};
+TypeLegendsetNA.storyName = 'Legendset N/A';
+export const TypeLegendset = (_, {
+  pivotTableOptions
+}) => {
+  const visualization = {
+    ...legendsetVisualization,
+    ...visualizationReset,
+    ...pivotTableOptions
+  };
+  return /*#__PURE__*/React.createElement("div", {
+    style: {
+      width: 800,
+      height: 600
+    }
+  }, /*#__PURE__*/React.createElement(PivotTable, {
+    data: legendsetDataHideNa,
+    visualization: visualization
+  }));
+};
+TypeLegendset.storyName = 'Legendset';
+export const TypeNumericNA = (_, {
+  pivotTableOptions
+}) => {
+  const visualization = {
+    ...integerVisualization,
+    ...visualizationReset,
+    ...pivotTableOptions
+  };
+  return /*#__PURE__*/React.createElement("div", {
+    style: {
+      width: 800,
+      height: 600
+    }
+  }, /*#__PURE__*/React.createElement(PivotTable, {
+    data: integerData,
+    visualization: visualization
+  }));
+};
+TypeNumericNA.storyName = 'Numeric N/A';
+export const TypeNumeric = (_, {
+  pivotTableOptions
+}) => {
+  const visualization = {
+    ...integerVisualization,
+    ...visualizationReset,
+    ...pivotTableOptions
+  };
+  return /*#__PURE__*/React.createElement("div", {
+    style: {
+      width: 800,
+      height: 600
+    }
+  }, /*#__PURE__*/React.createElement(PivotTable, {
+    data: integerDataHideNa,
+    visualization: visualization
+  }));
+};
+TypeNumeric.storyName = 'Numeric';
+export const OptionsetNA = (_, {
+  pivotTableOptions
+}) => {
+  const visualization = {
+    ...optionsetVisualization,
+    ...visualizationReset,
+    ...pivotTableOptions
+  };
+  return /*#__PURE__*/React.createElement("div", {
+    style: {
+      width: 800,
+      height: 600
+    }
+  }, /*#__PURE__*/React.createElement(PivotTable, {
+    data: optionsetData,
+    visualization: visualization
+  }));
+};
+OptionsetNA.storyName = 'Optionset N/A';
+export const Optionset = (_, {
+  pivotTableOptions
+}) => {
+  const visualization = {
+    ...optionsetVisualization,
+    ...visualizationReset,
+    ...pivotTableOptions
+  };
+  return /*#__PURE__*/React.createElement("div", {
+    style: {
+      width: 800,
+      height: 600
+    }
+  }, /*#__PURE__*/React.createElement(PivotTable, {
+    data: optionsetDataHideNa,
+    visualization: visualization
+  }));
+};
+Optionset.storyName = 'Optionset';
+export const TextNA = (_, {
+  pivotTableOptions
+}) => {
+  const visualization = {
+    ...emailVisualization,
+    ...visualizationReset,
+    ...pivotTableOptions
+  };
+  return /*#__PURE__*/React.createElement("div", {
+    style: {
+      width: 800,
+      height: 600
+    }
+  }, /*#__PURE__*/React.createElement(PivotTable, {
+    data: emailData,
+    visualization: visualization
+  }));
+};
+TextNA.storyName = 'Text N/A';
+export const Text = (_, {
+  pivotTableOptions
+}) => {
+  const visualization = {
+    ...emailVisualization,
+    ...visualizationReset,
+    ...pivotTableOptions
+  };
+  return /*#__PURE__*/React.createElement("div", {
+    style: {
+      width: 800,
+      height: 600
+    }
+  }, /*#__PURE__*/React.createElement(PivotTable, {
+    data: emailDataHideNa,
+    visualization: visualization
+  }));
+};
+Text.storyName = 'Text';
+export const TimeNA = (_, {
+  pivotTableOptions
+}) => {
+  const visualization = {
+    ...timeVisualization,
+    ...visualizationReset,
+    ...pivotTableOptions
+  };
+  return /*#__PURE__*/React.createElement("div", {
+    style: {
+      width: 800,
+      height: 600
+    }
+  }, /*#__PURE__*/React.createElement(PivotTable, {
+    data: timeData,
+    visualization: visualization
+  }));
+};
+TimeNA.storyName = 'Time N/A';
+export const Time = (_, {
+  pivotTableOptions
+}) => {
+  const visualization = {
+    ...timeVisualization,
+    ...visualizationReset,
+    ...pivotTableOptions
+  };
+  return /*#__PURE__*/React.createElement("div", {
+    style: {
+      width: 800,
+      height: 600
+    }
+  }, /*#__PURE__*/React.createElement(PivotTable, {
+    data: timeDataHideNa,
+    visualization: visualization
+  }));
+};
+Time.storyName = 'Time';
+export const YesonlyNA = (_, {
+  pivotTableOptions
+}) => {
+  const visualization = {
+    ...yesonlyVisualization,
+    ...visualizationReset,
+    ...pivotTableOptions
+  };
+  return /*#__PURE__*/React.createElement("div", {
+    style: {
+      width: 800,
+      height: 600
+    }
+  }, /*#__PURE__*/React.createElement(PivotTable, {
+    data: yesonlyData,
+    visualization: visualization
+  }));
+};
+YesonlyNA.storyName = 'Yesonly N/A';
+export const Yesonly = (_, {
+  pivotTableOptions
+}) => {
+  const visualization = {
+    ...yesonlyVisualization,
+    ...visualizationReset,
+    ...pivotTableOptions
+  };
+  return /*#__PURE__*/React.createElement("div", {
+    style: {
+      width: 800,
+      height: 600
+    }
+  }, /*#__PURE__*/React.createElement(PivotTable, {
+    data: yesonlyDataHideNa,
+    visualization: visualization
+  }));
+};
+Yesonly.storyName = 'Yesonly';

package/build/es/__demo__/data/event/boolean.data.hidena.json

@@ -0,0 +1,115 @@
+{
+    "headers": [
+        {
+            "name": "A03MvHHogjR.bx6fsa0t90x",
+            "column": "MCH BCG dose",
+            "valueType": "BOOLEAN",
+            "type": "java.lang.Boolean",
+            "hidden": false,
+            "meta": true
+        },
+        {
+            "name": "ou",
+            "column": "Organisation unit",
+            "valueType": "TEXT",
+            "type": "java.lang.String",
+            "hidden": false,
+            "meta": true
+        },
+        {
+            "name": "pe",
+            "column": "Period",
+            "valueType": "TEXT",
+            "type": "java.lang.String",
+            "hidden": false,
+            "meta": true
+        },
+        {
+            "name": "value",
+            "column": "Value",
+            "valueType": "NUMBER",
+            "type": "java.lang.Double",
+            "hidden": false,
+            "meta": false
+        }
+    ],
+    "metaData": {
+        "items": {
+            "202501": {
+                "name": "January 2025"
+            },
+            "202502": {
+                "name": "February 2025"
+            },
+            "202503": {
+                "name": "March 2025"
+            },
+            "202504": {
+                "name": "April 2025"
+            },
+            "202505": {
+                "name": "May 2025"
+            },
+            "202506": {
+                "name": "June 2025"
+            },
+            "bx6fsa0t90x": {
+                "name": "MCH BCG dose"
+            },
+            "A03MvHHogjR.bx6fsa0t90x": {
+                "name": "MCH BCG dose"
+            },
+            "IpHINAT79UW": {
+                "name": "Child Programme"
+            },
+            "ou": {
+                "name": "Organisation unit"
+            },
+            "ImspTQPwCqd": {
+                "name": "Sierra Leone"
+            },
+            "LAST_6_MONTHS": {
+                "name": "Last 6 months"
+            },
+            "pe": {
+                "name": "Period"
+            },
+            "A03MvHHogjR": {
+                "name": "Birth"
+            },
+            "A03MvHHogjR.bx6fsa0t90x_0": {
+                "name": "No"
+            },
+            "A03MvHHogjR.bx6fsa0t90x_1": {
+                "name": "Yes"
+            }
+        },
+        "dimensions": {
+            "pe": ["202501", "202502", "202503", "202504", "202505", "202506"],
+            "ou": ["ImspTQPwCqd"],
+            "A03MvHHogjR.bx6fsa0t90x": [
+                "A03MvHHogjR.bx6fsa0t90x_0",
+                "A03MvHHogjR.bx6fsa0t90x_1"
+            ]
+        }
+    },
+    "rowContext": {},
+    "width": 4,
+    "rows": [
+        ["A03MvHHogjR.bx6fsa0t90x_1", "ImspTQPwCqd", "202506", "319"],
+        ["A03MvHHogjR.bx6fsa0t90x_1", "ImspTQPwCqd", "202501", "352"],
+        ["A03MvHHogjR.bx6fsa0t90x_0", "ImspTQPwCqd", "202503", "337"],
+        ["A03MvHHogjR.bx6fsa0t90x_1", "ImspTQPwCqd", "202503", "357"],
+        ["A03MvHHogjR.bx6fsa0t90x_0", "ImspTQPwCqd", "202506", "293"],
+        ["A03MvHHogjR.bx6fsa0t90x_0", "ImspTQPwCqd", "202501", "341"],
+        ["A03MvHHogjR.bx6fsa0t90x_0", "ImspTQPwCqd", "202505", "344"],
+        ["A03MvHHogjR.bx6fsa0t90x_0", "ImspTQPwCqd", "202504", "332"],
+        ["A03MvHHogjR.bx6fsa0t90x_1", "ImspTQPwCqd", "202504", "326"],
+        ["A03MvHHogjR.bx6fsa0t90x_1", "ImspTQPwCqd", "202505", "358"],
+        ["A03MvHHogjR.bx6fsa0t90x_1", "ImspTQPwCqd", "202502", "318"],
+        ["", "ImspTQPwCqd", "202501", "1"],
+        ["A03MvHHogjR.bx6fsa0t90x_0", "ImspTQPwCqd", "202502", "311"]
+    ],
+    "height": 13,
+    "headerWidth": 4
+}