@dhis2/analytics 28.0.5 → 28.1.0

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
+}

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

@@ -0,0 +1,125 @@
+{
+    "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"
+            },
+            "": {
+                "name": "No value",
+                "style": {
+                    "fontStyle": "italic",
+                    "color": "#6C7787",
+                    "fontFamily": "monospace",
+                    "letterSpacing": "-0.3px"
+                }
+            }
+        },
+        "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
+}