@dhis2/analytics 28.0.4 → 28.1.0

package/build/cjs/__demo__/OpenFileDialog.stories.js

@@ -3,7 +3,7 @@
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.default = exports.NoConnection = exports.ListOfVisualizationsWithVisTypeFilterWithGroupTypeDividerAndDisabledOptionNoDefaultVisType = exports.ListOfVisualizationsWithVisTypeFilterAndDividerNoDefaultVisType = exports.ListOfMapsNoVisTypeFilter = exports.ListOfEventVisualizationsWithVisTypeFilterDisabledTypeAndDefaultVisType = void 0;
+exports.default = exports.NoConnection = exports.ListOfVisualizationsWithVisTypeGroupFilterNoDefaultVisType = exports.ListOfVisualizationsWithVisTypeFilterWithGroupTypeDividerAndDisabledOptionNoDefaultVisType = exports.ListOfVisualizationsWithVisTypeFilterAndDividerNoDefaultVisType = exports.ListOfMapsNoVisTypeFilter = exports.ListOfEventVisualizationsWithVisTypeFilterDisabledTypeAndDefaultVisType = void 0;
 var _appRuntime = require("@dhis2/app-runtime");
 var _react = _interopRequireDefault(require("react"));
 var _OpenFileDialog = require("../components/OpenFileDialog/OpenFileDialog.js");
@@ -48,6 +48,24 @@ exports.ListOfVisualizationsWithVisTypeFilterAndDividerNoDefaultVisType = ListOf
 ListOfVisualizationsWithVisTypeFilterAndDividerNoDefaultVisType.story = {
   name: 'List of visualizations with vis type filter and divider (no default vis type)'
 };
+const filterVisTypesWithGroups = [{
+  type: _visTypes.VIS_TYPE_GROUP_ALL
+}, {
+  type: _visTypes.VIS_TYPE_GROUP_CHARTS
+}];
+const ListOfVisualizationsWithVisTypeGroupFilterNoDefaultVisType = () => /*#__PURE__*/_react.default.createElement(_OpenFileDialog.OpenFileDialog, {
+  type: "visualization",
+  filterVisTypes: filterVisTypesWithGroups,
+  onClose: Function.prototype,
+  onFileSelect: onFileSelect,
+  onNew: Function.prototype,
+  open: true,
+  currentUser: user
+});
+exports.ListOfVisualizationsWithVisTypeGroupFilterNoDefaultVisType = ListOfVisualizationsWithVisTypeGroupFilterNoDefaultVisType;
+ListOfVisualizationsWithVisTypeGroupFilterNoDefaultVisType.story = {
+  name: 'List of visualizations with only vis type group filter (no default vis type)'
+};
 const ListOfMapsNoVisTypeFilter = () => /*#__PURE__*/_react.default.createElement(_OpenFileDialog.OpenFileDialog, {
   type: "map",
   onClose: Function.prototype,

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

@@ -10,43 +10,43 @@ var _propTypes = _interopRequireDefault(require("prop-types"));
 var _react = _interopRequireWildcard(require("react"));
 var _index = require("../index.js");
 var _pivotTableConstants = require("../modules/pivotTable/pivotTableConstants.js");
-var _avgTotalAggregationTypeData = _interopRequireDefault(require("./data/avgTotalAggregationType.data.json"));
-var _avgTotalAggregationTypeMetadata = _interopRequireDefault(require("./data/avgTotalAggregationType.metadata.json"));
-var _avgTotalAggregationTypeVisualization = _interopRequireDefault(require("./data/avgTotalAggregationType.visualization.json"));
-var _deepData = _interopRequireDefault(require("./data/deep.data.json"));
-var _deepVisualization = _interopRequireDefault(require("./data/deep.visualization.json"));
-var _deepWithFiltersData = _interopRequireDefault(require("./data/deepWithFilters.data.json"));
-var _deepWithFiltersVisualization = _interopRequireDefault(require("./data/deepWithFilters.visualization.json"));
-var _degsData = _interopRequireDefault(require("./data/degs.data.json"));
-var _degsMetadata = _interopRequireDefault(require("./data/degs.metadata.json"));
-var _degsVisualization = _interopRequireDefault(require("./data/degs.visualization.json"));
-var _diseaseWeeksData = _interopRequireDefault(require("./data/diseaseWeeks.data.json"));
-var _diseaseWeeksMetadata = _interopRequireDefault(require("./data/diseaseWeeks.metadata.json"));
-var _diseaseWeeksVisualization = _interopRequireDefault(require("./data/diseaseWeeks.visualization.json"));
-var _emptyColumnsData = _interopRequireDefault(require("./data/emptyColumns.data.json"));
-var _emptyColumnsMetadata = _interopRequireDefault(require("./data/emptyColumns.metadata.json"));
-var _emptyColumnsVisualization = _interopRequireDefault(require("./data/emptyColumns.visualization.json"));
-var _emptyRowsData = _interopRequireDefault(require("./data/emptyRows.data.json"));
-var _emptyRowsVisualization = _interopRequireDefault(require("./data/emptyRows.visualization.json"));
-var _hierarchyData = _interopRequireDefault(require("./data/hierarchy.data.json"));
-var _hierarchyMetadata = _interopRequireDefault(require("./data/hierarchy.metadata.json"));
-var _hierarchyVisualization = _interopRequireDefault(require("./data/hierarchy.visualization.json"));
-var _lastFiveYearsData = _interopRequireDefault(require("./data/lastFiveYears.data.json"));
-var _lastFiveYearsMetadata = _interopRequireDefault(require("./data/lastFiveYears.metadata.json"));
-var _lastFiveYearsVisualization = _interopRequireDefault(require("./data/lastFiveYears.visualization.json"));
-var _narrativeData = _interopRequireDefault(require("./data/narrative.data.json"));
-var _narrativeMetadata = _interopRequireDefault(require("./data/narrative.metadata.json"));
-var _narrativeVisualization = _interopRequireDefault(require("./data/narrative.visualization.json"));
-var _simpleData = _interopRequireDefault(require("./data/simple.data.json"));
-var _simpleMetadata = _interopRequireDefault(require("./data/simple.metadata.json"));
-var _simpleVisualization = _interopRequireDefault(require("./data/simple.visualization.json"));
-var _targetWithLegendData = _interopRequireDefault(require("./data/target-with-legend.data.json"));
-var _targetWithLegendMetadata = _interopRequireDefault(require("./data/target-with-legend.metadata.json"));
-var _targetWithLegendVisualization = _interopRequireDefault(require("./data/target-with-legend.visualization.json"));
-var _underAbove100LegendSet = _interopRequireDefault(require("./data/under-above-100.legendSet.json"));
-var _weeklyColumnsData = _interopRequireDefault(require("./data/weeklyColumns.data.json"));
-var _weeklyColumnsMetadata = _interopRequireDefault(require("./data/weeklyColumns.metadata.json"));
-var _weeklyColumnsVisualization = _interopRequireDefault(require("./data/weeklyColumns.visualization.json"));
+var _avgTotalAggregationTypeData = _interopRequireDefault(require("./data/aggregate/avgTotalAggregationType.data.json"));
+var _avgTotalAggregationTypeMetadata = _interopRequireDefault(require("./data/aggregate/avgTotalAggregationType.metadata.json"));
+var _avgTotalAggregationTypeVisualization = _interopRequireDefault(require("./data/aggregate/avgTotalAggregationType.visualization.json"));
+var _deepData = _interopRequireDefault(require("./data/aggregate/deep.data.json"));
+var _deepVisualization = _interopRequireDefault(require("./data/aggregate/deep.visualization.json"));
+var _deepWithFiltersData = _interopRequireDefault(require("./data/aggregate/deepWithFilters.data.json"));
+var _deepWithFiltersVisualization = _interopRequireDefault(require("./data/aggregate/deepWithFilters.visualization.json"));
+var _degsData = _interopRequireDefault(require("./data/aggregate/degs.data.json"));
+var _degsMetadata = _interopRequireDefault(require("./data/aggregate/degs.metadata.json"));
+var _degsVisualization = _interopRequireDefault(require("./data/aggregate/degs.visualization.json"));
+var _diseaseWeeksData = _interopRequireDefault(require("./data/aggregate/diseaseWeeks.data.json"));
+var _diseaseWeeksMetadata = _interopRequireDefault(require("./data/aggregate/diseaseWeeks.metadata.json"));
+var _diseaseWeeksVisualization = _interopRequireDefault(require("./data/aggregate/diseaseWeeks.visualization.json"));
+var _emptyColumnsData = _interopRequireDefault(require("./data/aggregate/emptyColumns.data.json"));
+var _emptyColumnsMetadata = _interopRequireDefault(require("./data/aggregate/emptyColumns.metadata.json"));
+var _emptyColumnsVisualization = _interopRequireDefault(require("./data/aggregate/emptyColumns.visualization.json"));
+var _emptyRowsData = _interopRequireDefault(require("./data/aggregate/emptyRows.data.json"));
+var _emptyRowsVisualization = _interopRequireDefault(require("./data/aggregate/emptyRows.visualization.json"));
+var _hierarchyData = _interopRequireDefault(require("./data/aggregate/hierarchy.data.json"));
+var _hierarchyMetadata = _interopRequireDefault(require("./data/aggregate/hierarchy.metadata.json"));
+var _hierarchyVisualization = _interopRequireDefault(require("./data/aggregate/hierarchy.visualization.json"));
+var _lastFiveYearsData = _interopRequireDefault(require("./data/aggregate/lastFiveYears.data.json"));
+var _lastFiveYearsMetadata = _interopRequireDefault(require("./data/aggregate/lastFiveYears.metadata.json"));
+var _lastFiveYearsVisualization = _interopRequireDefault(require("./data/aggregate/lastFiveYears.visualization.json"));
+var _narrativeData = _interopRequireDefault(require("./data/aggregate/narrative.data.json"));
+var _narrativeMetadata = _interopRequireDefault(require("./data/aggregate/narrative.metadata.json"));
+var _narrativeVisualization = _interopRequireDefault(require("./data/aggregate/narrative.visualization.json"));
+var _simpleData = _interopRequireDefault(require("./data/aggregate/simple.data.json"));
+var _simpleMetadata = _interopRequireDefault(require("./data/aggregate/simple.metadata.json"));
+var _simpleVisualization = _interopRequireDefault(require("./data/aggregate/simple.visualization.json"));
+var _targetWithLegendData = _interopRequireDefault(require("./data/aggregate/target-with-legend.data.json"));
+var _targetWithLegendMetadata = _interopRequireDefault(require("./data/aggregate/target-with-legend.metadata.json"));
+var _targetWithLegendVisualization = _interopRequireDefault(require("./data/aggregate/target-with-legend.visualization.json"));
+var _underAbove100LegendSet = _interopRequireDefault(require("./data/aggregate/under-above-100.legendSet.json"));
+var _weeklyColumnsData = _interopRequireDefault(require("./data/aggregate/weeklyColumns.data.json"));
+var _weeklyColumnsMetadata = _interopRequireDefault(require("./data/aggregate/weeklyColumns.metadata.json"));
+var _weeklyColumnsVisualization = _interopRequireDefault(require("./data/aggregate/weeklyColumns.visualization.json"));
 function _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r = new WeakMap(), n = new WeakMap(); return (_interopRequireWildcard = function (e, t) { if (!t && e && e.__esModule) return e; var o, i, f = { __proto__: null, default: e }; if (null === e || "object" != typeof e && "function" != typeof e) return f; if (o = t ? n : r) { if (o.has(e)) return o.get(e); o.set(e, f); } for (const t in e) "default" !== t && {}.hasOwnProperty.call(e, t) && ((i = (o = Object.defineProperty) && Object.getOwnPropertyDescriptor(e, t)) && (i.get || i.set) ? o(f, t, i) : f[t] = e[t]); return f; })(e, t); }
 function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
 const visualizationReset = {
@@ -101,7 +101,7 @@ const PivotTableOptionsWrapper = story => {
   }));
 };
 var _default = exports.default = {
-  title: 'PivotTable',
+  title: 'PivotTable (aggregate)',
   decorators: [PivotTableOptionsWrapper]
 };
 const Simple = (_, {

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

@@ -0,0 +1,440 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = exports.YesonlyNA = exports.Yesonly = exports.TypeNumericNA = exports.TypeNumeric = exports.TypeLegendsetNA = exports.TypeLegendset = exports.TypeDatetimeNA = exports.TypeDatetime = exports.TypeDateNA = exports.TypeDate = exports.TypeBooleanNA = exports.TypeBoolean = exports.TimeNA = exports.Time = exports.TextNA = exports.Text = exports.OptionsetNA = exports.Optionset = void 0;
+var _ui = require("@dhis2/ui");
+var _react = _interopRequireWildcard(require("react"));
+var _index = require("../index.js");
+var _booleanDataHidena = _interopRequireDefault(require("./data/event/boolean.data.hidena.json"));
+var _booleanData = _interopRequireDefault(require("./data/event/boolean.data.json"));
+var _booleanVisualization = _interopRequireDefault(require("./data/event/boolean.visualization.json"));
+var _dateDataHidena = _interopRequireDefault(require("./data/event/date.data.hidena.json"));
+var _dateData = _interopRequireDefault(require("./data/event/date.data.json"));
+var _dateVisualization = _interopRequireDefault(require("./data/event/date.visualization.json"));
+var _datetimeDataHidena = _interopRequireDefault(require("./data/event/datetime.data.hidena.json"));
+var _datetimeData = _interopRequireDefault(require("./data/event/datetime.data.json"));
+var _datetimeVisualization = _interopRequireDefault(require("./data/event/datetime.visualization.json"));
+var _emailDataHidena = _interopRequireDefault(require("./data/event/email.data.hidena.json"));
+var _emailData = _interopRequireDefault(require("./data/event/email.data.json"));
+var _emailVisualization = _interopRequireDefault(require("./data/event/email.visualization.json"));
+var _integerDataHidena = _interopRequireDefault(require("./data/event/integer.data.hidena.json"));
+var _integerData = _interopRequireDefault(require("./data/event/integer.data.json"));
+var _integerVisualization = _interopRequireDefault(require("./data/event/integer.visualization.json"));
+var _legendsetDataHidena = _interopRequireDefault(require("./data/event/legendset.data.hidena.json"));
+var _legendsetData = _interopRequireDefault(require("./data/event/legendset.data.json"));
+var _legendsetVisualization = _interopRequireDefault(require("./data/event/legendset.visualization.json"));
+var _optionsetDataHidena = _interopRequireDefault(require("./data/event/optionset.data.hidena.json"));
+var _optionsetData = _interopRequireDefault(require("./data/event/optionset.data.json"));
+var _optionsetVisualization = _interopRequireDefault(require("./data/event/optionset.visualization.json"));
+var _timeDataHidena = _interopRequireDefault(require("./data/event/time.data.hidena.json"));
+var _timeData = _interopRequireDefault(require("./data/event/time.data.json"));
+var _timeVisualization = _interopRequireDefault(require("./data/event/time.visualization.json"));
+var _yesonlyDataHidena = _interopRequireDefault(require("./data/event/yesonly.data.hidena.json"));
+var _yesonlyData = _interopRequireDefault(require("./data/event/yesonly.data.json"));
+var _yesonlyVisualization = _interopRequireDefault(require("./data/event/yesonly.visualization.json"));
+function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
+function _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r = new WeakMap(), n = new WeakMap(); return (_interopRequireWildcard = function (e, t) { if (!t && e && e.__esModule) return e; var o, i, f = { __proto__: null, default: e }; if (null === e || "object" != typeof e && "function" != typeof e) return f; if (o = t ? n : r) { if (o.has(e)) return o.get(e); o.set(e, f); } for (const t in e) "default" !== t && {}.hasOwnProperty.call(e, t) && ((i = (o = Object.defineProperty) && Object.getOwnPropertyDescriptor(e, t)) && (i.get || i.set) ? o(f, t, i) : f[t] = e[t]); return f; })(e, t); }
+const visualizationReset = {
+  colTotals: false,
+  rowTotals: false,
+  colSubTotals: false,
+  rowSubTotals: false,
+  hideEmptyColumns: false,
+  hideEmptyRows: false,
+  hideNaData: false
+};
+const PivotTableOptionsWrapper = story => {
+  const [pivotTableOptions, setPivotTableOptions] = (0, _react.useState)({
+    fixColumnHeaders: false,
+    fixRowHeaders: false
+  });
+  return /*#__PURE__*/_react.default.createElement("div", null, /*#__PURE__*/_react.default.createElement("div", null, /*#__PURE__*/_react.default.createElement(_ui.Checkbox, {
+    label: "Use fixed column headers",
+    checked: pivotTableOptions.fixColumnHeaders,
+    onChange: ({
+      checked
+    }) => setPivotTableOptions({
+      ...pivotTableOptions,
+      fixColumnHeaders: checked
+    }),
+    dense: true
+  }), /*#__PURE__*/_react.default.createElement(_ui.Checkbox, {
+    label: "Use fixed row headers",
+    checked: pivotTableOptions.fixRowHeaders,
+    onChange: ({
+      checked
+    }) => setPivotTableOptions({
+      ...pivotTableOptions,
+      fixRowHeaders: checked
+    }),
+    dense: true
+  }), /*#__PURE__*/_react.default.createElement(_ui.Divider, null)), story({
+    pivotTableOptions
+  }));
+};
+var _default = exports.default = {
+  title: 'PivotTable (event)',
+  decorators: [PivotTableOptionsWrapper]
+};
+const TypeBooleanNA = (_, {
+  pivotTableOptions
+}) => {
+  const visualization = {
+    ..._booleanVisualization.default,
+    ...visualizationReset,
+    ...pivotTableOptions
+  };
+  return /*#__PURE__*/_react.default.createElement("div", {
+    style: {
+      width: 800,
+      height: 600
+    }
+  }, /*#__PURE__*/_react.default.createElement(_index.PivotTable, {
+    data: _booleanData.default,
+    visualization: visualization
+  }));
+};
+exports.TypeBooleanNA = TypeBooleanNA;
+TypeBooleanNA.storyName = 'Boolean N/A';
+const TypeBoolean = (_, {
+  pivotTableOptions
+}) => {
+  const visualization = {
+    ..._booleanVisualization.default,
+    ...visualizationReset,
+    ...pivotTableOptions
+  };
+  return /*#__PURE__*/_react.default.createElement("div", {
+    style: {
+      width: 800,
+      height: 600
+    }
+  }, /*#__PURE__*/_react.default.createElement(_index.PivotTable, {
+    data: _booleanDataHidena.default,
+    visualization: visualization
+  }));
+};
+exports.TypeBoolean = TypeBoolean;
+TypeBoolean.storyName = 'Boolean';
+const TypeDateNA = (_, {
+  pivotTableOptions
+}) => {
+  const visualization = {
+    ..._dateVisualization.default,
+    ...visualizationReset,
+    ...pivotTableOptions
+  };
+  return /*#__PURE__*/_react.default.createElement("div", {
+    style: {
+      width: 800,
+      height: 600
+    }
+  }, /*#__PURE__*/_react.default.createElement(_index.PivotTable, {
+    data: _dateData.default,
+    visualization: visualization
+  }));
+};
+exports.TypeDateNA = TypeDateNA;
+TypeDateNA.storyName = 'Date N/A';
+const TypeDate = (_, {
+  pivotTableOptions
+}) => {
+  const visualization = {
+    ..._dateVisualization.default,
+    ...visualizationReset,
+    ...pivotTableOptions
+  };
+  return /*#__PURE__*/_react.default.createElement("div", {
+    style: {
+      width: 800,
+      height: 600
+    }
+  }, /*#__PURE__*/_react.default.createElement(_index.PivotTable, {
+    data: _dateDataHidena.default,
+    visualization: visualization
+  }));
+};
+exports.TypeDate = TypeDate;
+TypeDate.storyName = 'Date';
+const TypeDatetimeNA = (_, {
+  pivotTableOptions
+}) => {
+  const visualization = {
+    ..._datetimeVisualization.default,
+    ...visualizationReset,
+    ...pivotTableOptions
+  };
+  return /*#__PURE__*/_react.default.createElement("div", {
+    style: {
+      width: 800,
+      height: 600
+    }
+  }, /*#__PURE__*/_react.default.createElement(_index.PivotTable, {
+    data: _datetimeData.default,
+    visualization: visualization
+  }));
+};
+exports.TypeDatetimeNA = TypeDatetimeNA;
+TypeDatetimeNA.storyName = 'Datetime N/A';
+const TypeDatetime = (_, {
+  pivotTableOptions
+}) => {
+  const visualization = {
+    ..._datetimeVisualization.default,
+    ...visualizationReset,
+    ...pivotTableOptions
+  };
+  return /*#__PURE__*/_react.default.createElement("div", {
+    style: {
+      width: 800,
+      height: 600
+    }
+  }, /*#__PURE__*/_react.default.createElement(_index.PivotTable, {
+    data: _datetimeDataHidena.default,
+    visualization: visualization
+  }));
+};
+exports.TypeDatetime = TypeDatetime;
+TypeDatetime.storyName = 'Datetime';
+const TypeLegendsetNA = (_, {
+  pivotTableOptions
+}) => {
+  const visualization = {
+    ..._legendsetVisualization.default,
+    ...visualizationReset,
+    ...pivotTableOptions
+  };
+  return /*#__PURE__*/_react.default.createElement("div", {
+    style: {
+      width: 800,
+      height: 600
+    }
+  }, /*#__PURE__*/_react.default.createElement(_index.PivotTable, {
+    data: _legendsetData.default,
+    visualization: visualization
+  }));
+};
+exports.TypeLegendsetNA = TypeLegendsetNA;
+TypeLegendsetNA.storyName = 'Legendset N/A';
+const TypeLegendset = (_, {
+  pivotTableOptions
+}) => {
+  const visualization = {
+    ..._legendsetVisualization.default,
+    ...visualizationReset,
+    ...pivotTableOptions
+  };
+  return /*#__PURE__*/_react.default.createElement("div", {
+    style: {
+      width: 800,
+      height: 600
+    }
+  }, /*#__PURE__*/_react.default.createElement(_index.PivotTable, {
+    data: _legendsetDataHidena.default,
+    visualization: visualization
+  }));
+};
+exports.TypeLegendset = TypeLegendset;
+TypeLegendset.storyName = 'Legendset';
+const TypeNumericNA = (_, {
+  pivotTableOptions
+}) => {
+  const visualization = {
+    ..._integerVisualization.default,
+    ...visualizationReset,
+    ...pivotTableOptions
+  };
+  return /*#__PURE__*/_react.default.createElement("div", {
+    style: {
+      width: 800,
+      height: 600
+    }
+  }, /*#__PURE__*/_react.default.createElement(_index.PivotTable, {
+    data: _integerData.default,
+    visualization: visualization
+  }));
+};
+exports.TypeNumericNA = TypeNumericNA;
+TypeNumericNA.storyName = 'Numeric N/A';
+const TypeNumeric = (_, {
+  pivotTableOptions
+}) => {
+  const visualization = {
+    ..._integerVisualization.default,
+    ...visualizationReset,
+    ...pivotTableOptions
+  };
+  return /*#__PURE__*/_react.default.createElement("div", {
+    style: {
+      width: 800,
+      height: 600
+    }
+  }, /*#__PURE__*/_react.default.createElement(_index.PivotTable, {
+    data: _integerDataHidena.default,
+    visualization: visualization
+  }));
+};
+exports.TypeNumeric = TypeNumeric;
+TypeNumeric.storyName = 'Numeric';
+const OptionsetNA = (_, {
+  pivotTableOptions
+}) => {
+  const visualization = {
+    ..._optionsetVisualization.default,
+    ...visualizationReset,
+    ...pivotTableOptions
+  };
+  return /*#__PURE__*/_react.default.createElement("div", {
+    style: {
+      width: 800,
+      height: 600
+    }
+  }, /*#__PURE__*/_react.default.createElement(_index.PivotTable, {
+    data: _optionsetData.default,
+    visualization: visualization
+  }));
+};
+exports.OptionsetNA = OptionsetNA;
+OptionsetNA.storyName = 'Optionset N/A';
+const Optionset = (_, {
+  pivotTableOptions
+}) => {
+  const visualization = {
+    ..._optionsetVisualization.default,
+    ...visualizationReset,
+    ...pivotTableOptions
+  };
+  return /*#__PURE__*/_react.default.createElement("div", {
+    style: {
+      width: 800,
+      height: 600
+    }
+  }, /*#__PURE__*/_react.default.createElement(_index.PivotTable, {
+    data: _optionsetDataHidena.default,
+    visualization: visualization
+  }));
+};
+exports.Optionset = Optionset;
+Optionset.storyName = 'Optionset';
+const TextNA = (_, {
+  pivotTableOptions
+}) => {
+  const visualization = {
+    ..._emailVisualization.default,
+    ...visualizationReset,
+    ...pivotTableOptions
+  };
+  return /*#__PURE__*/_react.default.createElement("div", {
+    style: {
+      width: 800,
+      height: 600
+    }
+  }, /*#__PURE__*/_react.default.createElement(_index.PivotTable, {
+    data: _emailData.default,
+    visualization: visualization
+  }));
+};
+exports.TextNA = TextNA;
+TextNA.storyName = 'Text N/A';
+const Text = (_, {
+  pivotTableOptions
+}) => {
+  const visualization = {
+    ..._emailVisualization.default,
+    ...visualizationReset,
+    ...pivotTableOptions
+  };
+  return /*#__PURE__*/_react.default.createElement("div", {
+    style: {
+      width: 800,
+      height: 600
+    }
+  }, /*#__PURE__*/_react.default.createElement(_index.PivotTable, {
+    data: _emailDataHidena.default,
+    visualization: visualization
+  }));
+};
+exports.Text = Text;
+Text.storyName = 'Text';
+const TimeNA = (_, {
+  pivotTableOptions
+}) => {
+  const visualization = {
+    ..._timeVisualization.default,
+    ...visualizationReset,
+    ...pivotTableOptions
+  };
+  return /*#__PURE__*/_react.default.createElement("div", {
+    style: {
+      width: 800,
+      height: 600
+    }
+  }, /*#__PURE__*/_react.default.createElement(_index.PivotTable, {
+    data: _timeData.default,
+    visualization: visualization
+  }));
+};
+exports.TimeNA = TimeNA;
+TimeNA.storyName = 'Time N/A';
+const Time = (_, {
+  pivotTableOptions
+}) => {
+  const visualization = {
+    ..._timeVisualization.default,
+    ...visualizationReset,
+    ...pivotTableOptions
+  };
+  return /*#__PURE__*/_react.default.createElement("div", {
+    style: {
+      width: 800,
+      height: 600
+    }
+  }, /*#__PURE__*/_react.default.createElement(_index.PivotTable, {
+    data: _timeDataHidena.default,
+    visualization: visualization
+  }));
+};
+exports.Time = Time;
+Time.storyName = 'Time';
+const YesonlyNA = (_, {
+  pivotTableOptions
+}) => {
+  const visualization = {
+    ..._yesonlyVisualization.default,
+    ...visualizationReset,
+    ...pivotTableOptions
+  };
+  return /*#__PURE__*/_react.default.createElement("div", {
+    style: {
+      width: 800,
+      height: 600
+    }
+  }, /*#__PURE__*/_react.default.createElement(_index.PivotTable, {
+    data: _yesonlyData.default,
+    visualization: visualization
+  }));
+};
+exports.YesonlyNA = YesonlyNA;
+YesonlyNA.storyName = 'Yesonly N/A';
+const Yesonly = (_, {
+  pivotTableOptions
+}) => {
+  const visualization = {
+    ..._yesonlyVisualization.default,
+    ...visualizationReset,
+    ...pivotTableOptions
+  };
+  return /*#__PURE__*/_react.default.createElement("div", {
+    style: {
+      width: 800,
+      height: 600
+    }
+  }, /*#__PURE__*/_react.default.createElement(_index.PivotTable, {
+    data: _yesonlyDataHidena.default,
+    visualization: visualization
+  }));
+};
+exports.Yesonly = Yesonly;
+Yesonly.storyName = 'Yesonly';

package/build/cjs/__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
+}