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

package/dist/components/CircularProgressDashboard/CircularProgressIndicator.stories.js

@@ -0,0 +1,49 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var CircularProgressIndicator = require('./CircularProgressIndicator');
+
+const meta = {
+  title: "Circular Progress Visualizer",
+  component: CircularProgressIndicator.CircularProgressVisualizer
+};
+var CircularProgressIndicator_stories_default = meta;
+const Default = { name: "Default" };
+Default.args = {
+  numerator: 7,
+  denominator: 10,
+  size: 500
+};
+const WithStrokeStyling = {
+  name: "With stroke styling"
+};
+WithStrokeStyling.args = {
+  numerator: 7,
+  denominator: 10,
+  size: 500,
+  strokeStyle: {
+    width: "10%",
+    color: "red"
+  }
+};
+const WithTextStyling = {
+  name: "With text styling"
+};
+WithTextStyling.args = {
+  numerator: 7,
+  denominator: 10,
+  size: 500,
+  textStyle: {
+    color: "red",
+    fontWeight: "bold",
+    fontSize: "20vh"
+  }
+};
+
+exports.Default = Default;
+exports.WithStrokeStyling = WithStrokeStyling;
+exports.WithTextStyling = WithTextStyling;
+exports.default = CircularProgressIndicator_stories_default;
+//# sourceMappingURL=out.js.map
+//# sourceMappingURL=CircularProgressIndicator.stories.js.map

package/dist/components/CircularProgressDashboard/CircularProgressIndicator.stories.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/components/CircularProgressDashboard/CircularProgressIndicator.stories.tsx"],"names":[],"mappings":"AACA,SAAS,kCAAkC;AAE3C,MAAM,OAAgD;AAAA,EACrD,OAAO;AAAA,EACP,WAAW;AACZ;AACA,IAAO,4CAAQ;AAIR,MAAM,UAAiB,EAAE,MAAM,UAAU;AAChD,QAAQ,OAAO;AAAA,EACd,WAAW;AAAA,EACX,aAAa;AAAA,EACb,MAAM;AACP;AAEO,MAAM,oBAA2B;AAAA,EACvC,MAAM;AACP;AACA,kBAAkB,OAAO;AAAA,EACxB,WAAW;AAAA,EACX,aAAa;AAAA,EACb,MAAM;AAAA,EACN,aAAa;AAAA,IACZ,OAAO;AAAA,IACP,OAAO;AAAA,EACR;AACD;AAEO,MAAM,kBAAyB;AAAA,EACrC,MAAM;AACP;AACA,gBAAgB,OAAO;AAAA,EACtB,WAAW;AAAA,EACX,aAAa;AAAA,EACb,MAAM;AAAA,EACN,WAAW;AAAA,IACV,OAAO;AAAA,IACP,YAAY;AAAA,IACZ,UAAU;AAAA,EACX;AACD","sourcesContent":["import { Meta, StoryObj } from \"@storybook/react\";\nimport { CircularProgressVisualizer } from \"./CircularProgressIndicator\";\n\nconst meta: Meta<typeof CircularProgressVisualizer> = {\n\ttitle: \"Circular Progress Visualizer\",\n\tcomponent: CircularProgressVisualizer,\n};\nexport default meta;\n\ntype Story = StoryObj<typeof CircularProgressVisualizer>;\n\nexport const Default: Story = { name: \"Default\" };\nDefault.args = {\n\tnumerator: 7,\n\tdenominator: 10,\n\tsize: 500,\n};\n\nexport const WithStrokeStyling: Story = {\n\tname: \"With stroke styling\",\n};\nWithStrokeStyling.args = {\n\tnumerator: 7,\n\tdenominator: 10,\n\tsize: 500,\n\tstrokeStyle: {\n\t\twidth: \"10%\",\n\t\tcolor: \"red\",\n\t},\n};\n\nexport const WithTextStyling: Story = {\n\tname: \"With text styling\",\n};\nWithTextStyling.args = {\n\tnumerator: 7,\n\tdenominator: 10,\n\tsize: 500,\n\ttextStyle: {\n\t\tcolor: \"red\",\n\t\tfontWeight: \"bold\",\n\t\tfontSize: \"20vh\",\n\t},\n};\n"]}

package/dist/components/CircularProgressDashboard/CircularProgressIndicator.stories.mjs

@@ -0,0 +1,42 @@
+import { CircularProgressVisualizer } from './CircularProgressIndicator';
+
+const meta = {
+  title: "Circular Progress Visualizer",
+  component: CircularProgressVisualizer
+};
+var CircularProgressIndicator_stories_default = meta;
+const Default = { name: "Default" };
+Default.args = {
+  numerator: 7,
+  denominator: 10,
+  size: 500
+};
+const WithStrokeStyling = {
+  name: "With stroke styling"
+};
+WithStrokeStyling.args = {
+  numerator: 7,
+  denominator: 10,
+  size: 500,
+  strokeStyle: {
+    width: "10%",
+    color: "red"
+  }
+};
+const WithTextStyling = {
+  name: "With text styling"
+};
+WithTextStyling.args = {
+  numerator: 7,
+  denominator: 10,
+  size: 500,
+  textStyle: {
+    color: "red",
+    fontWeight: "bold",
+    fontSize: "20vh"
+  }
+};
+
+export { Default, WithStrokeStyling, WithTextStyling, CircularProgressIndicator_stories_default as default };
+//# sourceMappingURL=out.js.map
+//# sourceMappingURL=CircularProgressIndicator.stories.mjs.map

package/dist/components/CircularProgressDashboard/CircularProgressIndicator.stories.mjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/components/CircularProgressDashboard/CircularProgressIndicator.stories.tsx"],"names":[],"mappings":"AACA,SAAS,kCAAkC;AAE3C,MAAM,OAAgD;AAAA,EACrD,OAAO;AAAA,EACP,WAAW;AACZ;AACA,IAAO,4CAAQ;AAIR,MAAM,UAAiB,EAAE,MAAM,UAAU;AAChD,QAAQ,OAAO;AAAA,EACd,WAAW;AAAA,EACX,aAAa;AAAA,EACb,MAAM;AACP;AAEO,MAAM,oBAA2B;AAAA,EACvC,MAAM;AACP;AACA,kBAAkB,OAAO;AAAA,EACxB,WAAW;AAAA,EACX,aAAa;AAAA,EACb,MAAM;AAAA,EACN,aAAa;AAAA,IACZ,OAAO;AAAA,IACP,OAAO;AAAA,EACR;AACD;AAEO,MAAM,kBAAyB;AAAA,EACrC,MAAM;AACP;AACA,gBAAgB,OAAO;AAAA,EACtB,WAAW;AAAA,EACX,aAAa;AAAA,EACb,MAAM;AAAA,EACN,WAAW;AAAA,IACV,OAAO;AAAA,IACP,YAAY;AAAA,IACZ,UAAU;AAAA,EACX;AACD","sourcesContent":["import { Meta, StoryObj } from \"@storybook/react\";\nimport { CircularProgressVisualizer } from \"./CircularProgressIndicator\";\n\nconst meta: Meta<typeof CircularProgressVisualizer> = {\n\ttitle: \"Circular Progress Visualizer\",\n\tcomponent: CircularProgressVisualizer,\n};\nexport default meta;\n\ntype Story = StoryObj<typeof CircularProgressVisualizer>;\n\nexport const Default: Story = { name: \"Default\" };\nDefault.args = {\n\tnumerator: 7,\n\tdenominator: 10,\n\tsize: 500,\n};\n\nexport const WithStrokeStyling: Story = {\n\tname: \"With stroke styling\",\n};\nWithStrokeStyling.args = {\n\tnumerator: 7,\n\tdenominator: 10,\n\tsize: 500,\n\tstrokeStyle: {\n\t\twidth: \"10%\",\n\t\tcolor: \"red\",\n\t},\n};\n\nexport const WithTextStyling: Story = {\n\tname: \"With text styling\",\n};\nWithTextStyling.args = {\n\tnumerator: 7,\n\tdenominator: 10,\n\tsize: 500,\n\ttextStyle: {\n\t\tcolor: \"red\",\n\t\tfontWeight: \"bold\",\n\t\tfontSize: \"20vh\",\n\t},\n};\n"]}

package/dist/components/CircularProgressDashboard/index.js

@@ -0,0 +1,21 @@
+'use strict';
+
+var CircularProgressIndicator = require('./CircularProgressIndicator');
+var props = require('./types/props');
+
+
+
+Object.keys(CircularProgressIndicator).forEach(function (k) {
+	if (k !== 'default' && !Object.prototype.hasOwnProperty.call(exports, k)) Object.defineProperty(exports, k, {
+		enumerable: true,
+		get: function () { return CircularProgressIndicator[k]; }
+	});
+});
+Object.keys(props).forEach(function (k) {
+	if (k !== 'default' && !Object.prototype.hasOwnProperty.call(exports, k)) Object.defineProperty(exports, k, {
+		enumerable: true,
+		get: function () { return props[k]; }
+	});
+});
+//# sourceMappingURL=out.js.map
+//# sourceMappingURL=index.js.map

package/dist/components/CircularProgressDashboard/index.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/components/CircularProgressDashboard/index.ts"],"names":[],"mappings":"AAAA,cAAc;AACd,cAAc","sourcesContent":["export * from \"./CircularProgressIndicator\";\nexport * from \"./types/props\";\n"]}

package/dist/components/CircularProgressDashboard/index.mjs

@@ -0,0 +1,4 @@
+export * from './CircularProgressIndicator';
+export * from './types/props';
+//# sourceMappingURL=out.js.map
+//# sourceMappingURL=index.mjs.map

package/dist/components/CircularProgressDashboard/index.mjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/components/CircularProgressDashboard/index.ts"],"names":[],"mappings":"AAAA,cAAc;AACd,cAAc","sourcesContent":["export * from \"./CircularProgressIndicator\";\nexport * from \"./types/props\";\n"]}

package/dist/components/CircularProgressDashboard/types/props.js

@@ -0,0 +1,4 @@
+'use strict';
+
+//# sourceMappingURL=out.js.map
+//# sourceMappingURL=props.js.map

package/dist/components/CircularProgressDashboard/types/props.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":[],"names":[],"mappings":""}

package/dist/components/CircularProgressDashboard/types/props.mjs

@@ -0,0 +1,3 @@
+
+//# sourceMappingURL=out.js.map
+//# sourceMappingURL=props.mjs.map

package/dist/components/CircularProgressDashboard/types/props.mjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":[],"names":[],"mappings":""}

package/dist/components/DHIS2PivotTable/DHIS2PivotTable.js

@@ -0,0 +1,28 @@
+'use strict';
+
+var jsxRuntime = require('react/jsx-runtime');
+var engine = require('./services/engine');
+var react = require('react');
+var engine$1 = require('./state/engine');
+var Table = require('./components/Table');
+var TableHeaders = require('./components/TableHeaders');
+var TableBody = require('./components/TableBody');
+
+function DHIS2PivotTable({
+  analytics,
+  config,
+  tableProps
+}) {
+  const engine$2 = react.useMemo(
+    () => new engine.DHIS2PivotTableEngine({ analytics, config }),
+    [analytics, config]
+  );
+  return /* @__PURE__ */ jsxRuntime.jsx(engine$1.DHIS2PivotTableEngineProvider, { engine: engine$2, children: /* @__PURE__ */ jsxRuntime.jsxs(Table.PivotTable, { tableProps, children: [
+    /* @__PURE__ */ jsxRuntime.jsx(TableHeaders.TableHeaders, {}),
+    /* @__PURE__ */ jsxRuntime.jsx(TableBody.CustomPivotTableBody, {})
+  ] }) });
+}
+
+exports.DHIS2PivotTable = DHIS2PivotTable;
+//# sourceMappingURL=out.js.map
+//# sourceMappingURL=DHIS2PivotTable.js.map

package/dist/components/DHIS2PivotTable/DHIS2PivotTable.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/components/DHIS2PivotTable/DHIS2PivotTable.tsx"],"names":[],"mappings":"AAwDG,SACC,KADD;AAvDH,SAAS,6BAA6B;AACtC,SAAgB,eAAe;AAC/B,SAAS,qCAAqC;AAC9C,SAAS,kBAAkB;AAC3B,SAAS,oBAAoB;AAC7B,SAAS,4BAA4B;AAsC9B,SAAS,gBAAgB;AAAA,EAC/B;AAAA,EACA;AAAA,EACA;AACD,GAAyB;AACxB,QAAM,SAAS;AAAA,IACd,MAAM,IAAI,sBAAsB,EAAE,WAAW,OAAO,CAAC;AAAA,IACrD,CAAC,WAAW,MAAM;AAAA,EACnB;AAEA,SACC,oBAAC,iCAA8B,QAC9B,+BAAC,cAAW,YACX;AAAA,wBAAC,gBAAa;AAAA,IACd,oBAAC,wBAAqB;AAAA,KACvB,GACD;AAEF","sourcesContent":["import { Analytics, LegendSet } from \"@hisptz/dhis2-utils\";\nimport { DHIS2PivotTableEngine } from \"./services/engine\";\nimport React, { useMemo } from \"react\";\nimport { DHIS2PivotTableEngineProvider } from \"./state/engine\";\nimport { PivotTable } from \"./components/Table\";\nimport { TableHeaders } from \"./components/TableHeaders\";\nimport { CustomPivotTableBody } from \"./components/TableBody\";\nimport { DHIS2Dimension } from \"./interfaces\";\nimport { DataTableProps } from \"@dhis2/ui\";\n\nexport interface DHIS2PivotTableOptions {\n\tlegendSets?: LegendSet[];\n\thideEmptyColumns?: boolean;\n\thideEmptyRows?: boolean;\n\tshowRowTotals?: boolean;\n\tshowColumnTotals?: boolean;\n\tshowRowSubtotals?: boolean;\n\tshowColumnSubtotals?: boolean;\n\tfixColumnHeaders?: boolean;\n\tfixRowHeaders?: boolean;\n}\n\nexport interface DHIS2PivotTableProps {\n\tanalytics: Analytics;\n\ttableProps?: DataTableProps;\n\tconfig: {\n\t\tlayout: {\n\t\t\tcolumns: {\n\t\t\t\tdimension: DHIS2Dimension;\n\t\t\t\tlabel?: string;\n\t\t\t}[];\n\t\t\trows: {\n\t\t\t\tdimension: DHIS2Dimension;\n\t\t\t\tlabel?: string;\n\t\t\t}[];\n\t\t\tfilter?: {\n\t\t\t\tdimension: DHIS2Dimension;\n\t\t\t\tlabel?: string;\n\t\t\t}[];\n\t\t};\n\t\toptions?: DHIS2PivotTableOptions;\n\t};\n}\n\nexport function DHIS2PivotTable({\n\tanalytics,\n\tconfig,\n\ttableProps,\n}: DHIS2PivotTableProps) {\n\tconst engine = useMemo(\n\t\t() => new DHIS2PivotTableEngine({ analytics, config }),\n\t\t[analytics, config],\n\t);\n\n\treturn (\n\t\t<DHIS2PivotTableEngineProvider engine={engine}>\n\t\t\t<PivotTable tableProps={tableProps}>\n\t\t\t\t<TableHeaders />\n\t\t\t\t<CustomPivotTableBody />\n\t\t\t</PivotTable>\n\t\t</DHIS2PivotTableEngineProvider>\n\t);\n}\n"]}

package/dist/components/DHIS2PivotTable/DHIS2PivotTable.mjs

@@ -0,0 +1,26 @@
+import { jsx, jsxs } from 'react/jsx-runtime';
+import { DHIS2PivotTableEngine } from './services/engine';
+import { useMemo } from 'react';
+import { DHIS2PivotTableEngineProvider } from './state/engine';
+import { PivotTable } from './components/Table';
+import { TableHeaders } from './components/TableHeaders';
+import { CustomPivotTableBody } from './components/TableBody';
+
+function DHIS2PivotTable({
+  analytics,
+  config,
+  tableProps
+}) {
+  const engine = useMemo(
+    () => new DHIS2PivotTableEngine({ analytics, config }),
+    [analytics, config]
+  );
+  return /* @__PURE__ */ jsx(DHIS2PivotTableEngineProvider, { engine, children: /* @__PURE__ */ jsxs(PivotTable, { tableProps, children: [
+    /* @__PURE__ */ jsx(TableHeaders, {}),
+    /* @__PURE__ */ jsx(CustomPivotTableBody, {})
+  ] }) });
+}
+
+export { DHIS2PivotTable };
+//# sourceMappingURL=out.js.map
+//# sourceMappingURL=DHIS2PivotTable.mjs.map

package/dist/components/DHIS2PivotTable/DHIS2PivotTable.mjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/components/DHIS2PivotTable/DHIS2PivotTable.tsx"],"names":[],"mappings":"AAwDG,SACC,KADD;AAvDH,SAAS,6BAA6B;AACtC,SAAgB,eAAe;AAC/B,SAAS,qCAAqC;AAC9C,SAAS,kBAAkB;AAC3B,SAAS,oBAAoB;AAC7B,SAAS,4BAA4B;AAsC9B,SAAS,gBAAgB;AAAA,EAC/B;AAAA,EACA;AAAA,EACA;AACD,GAAyB;AACxB,QAAM,SAAS;AAAA,IACd,MAAM,IAAI,sBAAsB,EAAE,WAAW,OAAO,CAAC;AAAA,IACrD,CAAC,WAAW,MAAM;AAAA,EACnB;AAEA,SACC,oBAAC,iCAA8B,QAC9B,+BAAC,cAAW,YACX;AAAA,wBAAC,gBAAa;AAAA,IACd,oBAAC,wBAAqB;AAAA,KACvB,GACD;AAEF","sourcesContent":["import { Analytics, LegendSet } from \"@hisptz/dhis2-utils\";\nimport { DHIS2PivotTableEngine } from \"./services/engine\";\nimport React, { useMemo } from \"react\";\nimport { DHIS2PivotTableEngineProvider } from \"./state/engine\";\nimport { PivotTable } from \"./components/Table\";\nimport { TableHeaders } from \"./components/TableHeaders\";\nimport { CustomPivotTableBody } from \"./components/TableBody\";\nimport { DHIS2Dimension } from \"./interfaces\";\nimport { DataTableProps } from \"@dhis2/ui\";\n\nexport interface DHIS2PivotTableOptions {\n\tlegendSets?: LegendSet[];\n\thideEmptyColumns?: boolean;\n\thideEmptyRows?: boolean;\n\tshowRowTotals?: boolean;\n\tshowColumnTotals?: boolean;\n\tshowRowSubtotals?: boolean;\n\tshowColumnSubtotals?: boolean;\n\tfixColumnHeaders?: boolean;\n\tfixRowHeaders?: boolean;\n}\n\nexport interface DHIS2PivotTableProps {\n\tanalytics: Analytics;\n\ttableProps?: DataTableProps;\n\tconfig: {\n\t\tlayout: {\n\t\t\tcolumns: {\n\t\t\t\tdimension: DHIS2Dimension;\n\t\t\t\tlabel?: string;\n\t\t\t}[];\n\t\t\trows: {\n\t\t\t\tdimension: DHIS2Dimension;\n\t\t\t\tlabel?: string;\n\t\t\t}[];\n\t\t\tfilter?: {\n\t\t\t\tdimension: DHIS2Dimension;\n\t\t\t\tlabel?: string;\n\t\t\t}[];\n\t\t};\n\t\toptions?: DHIS2PivotTableOptions;\n\t};\n}\n\nexport function DHIS2PivotTable({\n\tanalytics,\n\tconfig,\n\ttableProps,\n}: DHIS2PivotTableProps) {\n\tconst engine = useMemo(\n\t\t() => new DHIS2PivotTableEngine({ analytics, config }),\n\t\t[analytics, config],\n\t);\n\n\treturn (\n\t\t<DHIS2PivotTableEngineProvider engine={engine}>\n\t\t\t<PivotTable tableProps={tableProps}>\n\t\t\t\t<TableHeaders />\n\t\t\t\t<CustomPivotTableBody />\n\t\t\t</PivotTable>\n\t\t</DHIS2PivotTableEngineProvider>\n\t);\n}\n"]}

package/dist/components/DHIS2PivotTable/DHIS2PivotTable.stories.js

@@ -0,0 +1,39 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var simpleData = require('../../shared/resources/simple-data.json');
+var DHIS2PivotTable = require('./DHIS2PivotTable');
+
+function _interopDefault (e) { return e && e.__esModule ? e : { default: e }; }
+
+var simpleData__default = /*#__PURE__*/_interopDefault(simpleData);
+
+const meta = {
+  title: "DHIS2 Pivot Table",
+  component: DHIS2PivotTable.DHIS2PivotTable
+};
+var DHIS2PivotTable_stories_default = meta;
+const Default = {
+  name: "Default"
+};
+Default.args = {
+  analytics: simpleData__default.default,
+  config: {
+    layout: {
+      columns: [
+        { dimension: "ou" },
+        { dimension: "pe", label: "Period" }
+      ],
+      rows: [{ dimension: "dx", label: "Services" }],
+      filter: []
+    },
+    options: {}
+  },
+  tableProps: {}
+};
+
+exports.Default = Default;
+exports.default = DHIS2PivotTable_stories_default;
+//# sourceMappingURL=out.js.map
+//# sourceMappingURL=DHIS2PivotTable.stories.js.map

package/dist/components/DHIS2PivotTable/DHIS2PivotTable.stories.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/components/DHIS2PivotTable/DHIS2PivotTable.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,gBAAgB;AAEvB,SAAS,uBAAuB;AAEhC,MAAM,OAAqC;AAAA,EAC1C,OAAO;AAAA,EACP,WAAW;AACZ;AAEA,IAAO,kCAAQ;AAGR,MAAM,UAAiB;AAAA,EAC7B,MAAM;AACP;AACA,QAAQ,OAAO;AAAA,EACd,WAAW;AAAA,EACX,QAAQ;AAAA,IACP,QAAQ;AAAA,MACP,SAAS;AAAA,QACR,EAAE,WAAW,KAAK;AAAA,QAClB,EAAE,WAAW,MAAM,OAAO,SAAS;AAAA,MACpC;AAAA,MACA,MAAM,CAAC,EAAE,WAAW,MAAM,OAAO,WAAW,CAAC;AAAA,MAC7C,QAAQ,CAAC;AAAA,IACV;AAAA,IACA,SAAS,CAAC;AAAA,EACX;AAAA,EACA,YAAY,CAAC;AACd","sourcesContent":["import simpleData from \"../../shared/resources/simple-data.json\";\nimport { Meta, StoryObj } from \"@storybook/react\";\nimport { DHIS2PivotTable } from \"./DHIS2PivotTable\";\n\nconst meta: Meta<typeof DHIS2PivotTable> = {\n\ttitle: \"DHIS2 Pivot Table\",\n\tcomponent: DHIS2PivotTable,\n};\n\nexport default meta;\n\ntype Story = StoryObj<typeof DHIS2PivotTable>;\nexport const Default: Story = {\n\tname: \"Default\",\n};\nDefault.args = {\n\tanalytics: simpleData as any,\n\tconfig: {\n\t\tlayout: {\n\t\t\tcolumns: [\n\t\t\t\t{ dimension: \"ou\" },\n\t\t\t\t{ dimension: \"pe\", label: \"Period\" },\n\t\t\t],\n\t\t\trows: [{ dimension: \"dx\", label: \"Services\" }],\n\t\t\tfilter: [],\n\t\t},\n\t\toptions: {},\n\t},\n\ttableProps: {},\n};\n"]}

package/dist/components/DHIS2PivotTable/DHIS2PivotTable.stories.mjs

@@ -0,0 +1,30 @@
+import simpleData from '../../shared/resources/simple-data.json';
+import { DHIS2PivotTable } from './DHIS2PivotTable';
+
+const meta = {
+  title: "DHIS2 Pivot Table",
+  component: DHIS2PivotTable
+};
+var DHIS2PivotTable_stories_default = meta;
+const Default = {
+  name: "Default"
+};
+Default.args = {
+  analytics: simpleData,
+  config: {
+    layout: {
+      columns: [
+        { dimension: "ou" },
+        { dimension: "pe", label: "Period" }
+      ],
+      rows: [{ dimension: "dx", label: "Services" }],
+      filter: []
+    },
+    options: {}
+  },
+  tableProps: {}
+};
+
+export { Default, DHIS2PivotTable_stories_default as default };
+//# sourceMappingURL=out.js.map
+//# sourceMappingURL=DHIS2PivotTable.stories.mjs.map

package/dist/components/DHIS2PivotTable/DHIS2PivotTable.stories.mjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/components/DHIS2PivotTable/DHIS2PivotTable.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,gBAAgB;AAEvB,SAAS,uBAAuB;AAEhC,MAAM,OAAqC;AAAA,EAC1C,OAAO;AAAA,EACP,WAAW;AACZ;AAEA,IAAO,kCAAQ;AAGR,MAAM,UAAiB;AAAA,EAC7B,MAAM;AACP;AACA,QAAQ,OAAO;AAAA,EACd,WAAW;AAAA,EACX,QAAQ;AAAA,IACP,QAAQ;AAAA,MACP,SAAS;AAAA,QACR,EAAE,WAAW,KAAK;AAAA,QAClB,EAAE,WAAW,MAAM,OAAO,SAAS;AAAA,MACpC;AAAA,MACA,MAAM,CAAC,EAAE,WAAW,MAAM,OAAO,WAAW,CAAC;AAAA,MAC7C,QAAQ,CAAC;AAAA,IACV;AAAA,IACA,SAAS,CAAC;AAAA,EACX;AAAA,EACA,YAAY,CAAC;AACd","sourcesContent":["import simpleData from \"../../shared/resources/simple-data.json\";\nimport { Meta, StoryObj } from \"@storybook/react\";\nimport { DHIS2PivotTable } from \"./DHIS2PivotTable\";\n\nconst meta: Meta<typeof DHIS2PivotTable> = {\n\ttitle: \"DHIS2 Pivot Table\",\n\tcomponent: DHIS2PivotTable,\n};\n\nexport default meta;\n\ntype Story = StoryObj<typeof DHIS2PivotTable>;\nexport const Default: Story = {\n\tname: \"Default\",\n};\nDefault.args = {\n\tanalytics: simpleData as any,\n\tconfig: {\n\t\tlayout: {\n\t\t\tcolumns: [\n\t\t\t\t{ dimension: \"ou\" },\n\t\t\t\t{ dimension: \"pe\", label: \"Period\" },\n\t\t\t],\n\t\t\trows: [{ dimension: \"dx\", label: \"Services\" }],\n\t\t\tfilter: [],\n\t\t},\n\t\toptions: {},\n\t},\n\ttableProps: {},\n};\n"]}

package/dist/components/DHIS2PivotTable/components/Table/index.js

@@ -0,0 +1,12 @@
+'use strict';
+
+var jsxRuntime = require('react/jsx-runtime');
+var ui = require('@dhis2/ui');
+
+function PivotTable({ tableProps, children }) {
+  return /* @__PURE__ */ jsxRuntime.jsx(ui.DataTable, { ...tableProps ?? {}, children });
+}
+
+exports.PivotTable = PivotTable;
+//# sourceMappingURL=out.js.map
+//# sourceMappingURL=index.js.map

package/dist/components/DHIS2PivotTable/components/Table/index.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../../src/components/DHIS2PivotTable/components/Table/index.tsx"],"names":[],"mappings":"AAWQ;AAVR,SAAS,iBAAiC;AASnC,SAAS,WAAW,EAAE,YAAY,SAAS,GAAoB;AACrE,SAAO,oBAAC,aAAW,GAAI,cAAc,CAAC,GAAK,UAAS;AACrD","sourcesContent":["import React from \"react\";\nimport { DataTable, DataTableProps } from \"@dhis2/ui\";\n\nexport type PivotTableLayoutProps = DataTableProps;\n\nexport interface PivotTableProps {\n\tchildren: React.ReactNode;\n\ttableProps?: DataTableProps;\n}\n\nexport function PivotTable({ tableProps, children }: PivotTableProps) {\n\treturn <DataTable {...(tableProps ?? {})}>{children}</DataTable>;\n}\n"]}

package/dist/components/DHIS2PivotTable/components/Table/index.mjs

@@ -0,0 +1,10 @@
+import { jsx } from 'react/jsx-runtime';
+import { DataTable } from '@dhis2/ui';
+
+function PivotTable({ tableProps, children }) {
+  return /* @__PURE__ */ jsx(DataTable, { ...tableProps ?? {}, children });
+}
+
+export { PivotTable };
+//# sourceMappingURL=out.js.map
+//# sourceMappingURL=index.mjs.map

package/dist/components/DHIS2PivotTable/components/Table/index.mjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../../src/components/DHIS2PivotTable/components/Table/index.tsx"],"names":[],"mappings":"AAWQ;AAVR,SAAS,iBAAiC;AASnC,SAAS,WAAW,EAAE,YAAY,SAAS,GAAoB;AACrE,SAAO,oBAAC,aAAW,GAAI,cAAc,CAAC,GAAK,UAAS;AACrD","sourcesContent":["import React from \"react\";\nimport { DataTable, DataTableProps } from \"@dhis2/ui\";\n\nexport type PivotTableLayoutProps = DataTableProps;\n\nexport interface PivotTableProps {\n\tchildren: React.ReactNode;\n\ttableProps?: DataTableProps;\n}\n\nexport function PivotTable({ tableProps, children }: PivotTableProps) {\n\treturn <DataTable {...(tableProps ?? {})}>{children}</DataTable>;\n}\n"]}

package/dist/components/DHIS2PivotTable/components/TableBody/TableBody.module.css

@@ -0,0 +1,11 @@
+.nested-table-cell {
+  padding: 0 !important;
+}
+.nested-table {
+  margin: 0;
+  padding: 0;
+}
+.header-cell {
+  border-right: 1px solid rgb(232, 237, 242) !important;
+}
+/*# sourceMappingURL=TableBody.module.css.map */

package/dist/components/DHIS2PivotTable/components/TableBody/TableBody.module.css.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../../src/components/DHIS2PivotTable/components/TableBody/TableBody.module.css"],"sourcesContent":[".nested-table-cell {\n    padding: 0 !important;\n}\n\n.nested-table {\n    margin: 0;\n    padding: 0;\n}\n\n.header-cell {\n    border-right: 1px solid rgb(232, 237, 242) !important;\n}\n"],"mappings":"AAAA,CAAC;AACG,WAAS;AACb;AAEA,CAAC;AACG,UAAQ;AACR,WAAS;AACb;AAEA,CAAC;AACG,gBAAc,IAAI,MAAM,IAAI,GAAG,EAAE,GAAG,EAAE;AAC1C;","names":[]}

package/dist/components/DHIS2PivotTable/components/TableBody/index.js

@@ -0,0 +1,112 @@
+'use strict';
+
+var jsxRuntime = require('react/jsx-runtime');
+var lodash = require('lodash');
+var engine = require('../../state/engine');
+var ui = require('@dhis2/ui');
+var react = require('react');
+var classes = require('./TableBody.module.css');
+var usehooksTs = require('usehooks-ts');
+
+function _interopDefault (e) { return e && e.__esModule ? e : { default: e }; }
+
+var classes__default = /*#__PURE__*/_interopDefault(classes);
+
+function DataRowRenderer({
+  mapper,
+  item,
+  dimension
+}) {
+  const engine$1 = engine.useCustomPivotTableEngine();
+  const columnMappers = engine$1?.columnMap;
+  const completeMapper = columnMappers?.map((map) => ({
+    ...map,
+    ...mapper,
+    [dimension]: item.uid
+  }));
+  return /* @__PURE__ */ jsxRuntime.jsx(jsxRuntime.Fragment, { children: completeMapper?.map((mapper2) => /* @__PURE__ */ jsxRuntime.jsx(
+    ui.DataTableCell,
+    {
+      align: "center",
+      bordered: true,
+      children: engine$1?.getValue(mapper2) ?? ""
+    },
+    `${Object.values(mapper2).join("-")}-value`
+  )) });
+}
+function RowRenderer({
+  row,
+  index,
+  config: { rows, columns, mapper, prevWidth, fixRowHeaders }
+}) {
+  const [cellRef, { width }] = usehooksTs.useElementSize();
+  const rowSpan = lodash.slice(rows, index + 1).reduce((acc, column) => {
+    return acc * (column.items?.length ?? 1);
+  }, 1);
+  const hasSubRows = !lodash.isEmpty(rows[index + 1]);
+  const nextRow = rows[index + 1];
+  return /* @__PURE__ */ jsxRuntime.jsx(jsxRuntime.Fragment, { children: row?.items?.map((item) => {
+    return /* @__PURE__ */ jsxRuntime.jsxs(react.Fragment, { children: [
+      /* @__PURE__ */ jsxRuntime.jsxs(ui.DataTableRow, { children: [
+        /* @__PURE__ */ jsxRuntime.jsx(
+          ui.DataTableCell,
+          {
+            ref: cellRef,
+            fixed: fixRowHeaders,
+            left: `${prevWidth}px`,
+            className: classes__default.default["header-cell"],
+            tag: "th",
+            bordered: true,
+            rowSpan: (rowSpan + (hasSubRows ? 1 : 0)).toString(),
+            children: item.name
+          }
+        ),
+        !hasSubRows ? /* @__PURE__ */ jsxRuntime.jsx(
+          DataRowRenderer,
+          {
+            dimension: row.dimension,
+            mapper,
+            item
+          }
+        ) : null
+      ] }, `${item.name}-${row.dimension}-row`),
+      hasSubRows ? /* @__PURE__ */ jsxRuntime.jsx(
+        RowRenderer,
+        {
+          row: nextRow,
+          index: index + 1,
+          config: {
+            rows,
+            columns,
+            prevWidth: width,
+            mapper: {
+              ...mapper,
+              [row.dimension]: item.uid
+            }
+          }
+        }
+      ) : null
+    ] }, `${item.name}-${row.dimension}-fragment`);
+  }) });
+}
+function CustomPivotTableBody() {
+  const engine$1 = engine.useCustomPivotTableEngine();
+  const rows = engine$1?.rowHeaders;
+  const columns = engine$1?.columnHeaders;
+  const fixRowHeaders = engine$1?.fixRowHeaders;
+  if (!rows || lodash.isEmpty(rows)) {
+    return null;
+  }
+  return /* @__PURE__ */ jsxRuntime.jsx(ui.TableBody, { children: /* @__PURE__ */ jsxRuntime.jsx(
+    RowRenderer,
+    {
+      row: rows[0],
+      index: 0,
+      config: { rows, columns, fixRowHeaders }
+    }
+  ) });
+}
+
+exports.CustomPivotTableBody = CustomPivotTableBody;
+//# sourceMappingURL=out.js.map
+//# sourceMappingURL=index.js.map

package/dist/components/DHIS2PivotTable/components/TableBody/index.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../../src/components/DHIS2PivotTable/components/TableBody/index.tsx"],"names":["Fragment","mapper"],"mappings":"AA4BE,mBAEE,KAwCE,YA1CJ;AA3BF,SAAS,SAAS,aAAa;AAC/B,SAAS,iCAAiC;AAC1C,SAAS,eAAe,cAAc,iBAAiB;AACvD,SAAgB,YAAAA,iBAA2B;AAE3C,OAAO,aAAa;AACpB,SAAS,sBAAsB;AAG/B,SAAS,gBAAgB;AAAA,EACxB;AAAA,EACA;AAAA,EACA;AACD,GAIG;AACF,QAAM,SAAS,0BAA0B;AAEzC,QAAM,gBAAgB,QAAQ;AAC9B,QAAM,iBAAiB,eAAe,IAAI,CAAC,SAAS;AAAA,IACnD,GAAG;AAAA,IACH,GAAG;AAAA,IACH,CAAC,SAAS,GAAG,KAAK;AAAA,EACnB,EAAE;AACF,SACC,gCACE,0BAAgB,IAAI,CAACC,YACrB;AAAA,IAAC;AAAA;AAAA,MAEA,OAAM;AAAA,MACN,UAAQ;AAAA,MAEP,kBAAQ,SAASA,OAAM,KAAK;AAAA;AAAA,IAJxB,GAAG,OAAO,OAAOA,OAAM,EAAE,KAAK,GAAG,CAAC;AAAA,EAKxC,CACA,GACF;AAEF;AAEA,SAAS,YAAY;AAAA,EACpB;AAAA,EACA;AAAA,EACA,QAAQ,EAAE,MAAM,SAAS,QAAQ,WAAW,cAAc;AAC3D,GAU8B;AAC7B,QAAM,CAAC,SAAS,EAAE,MAAM,CAAC,IAAI,eAAe;AAE5C,QAAM,UAAU,MAAM,MAAM,QAAQ,CAAC,EAAE,OAAO,CAAC,KAAK,WAAW;AAC9D,WAAO,OAAO,OAAO,OAAO,UAAU;AAAA,EACvC,GAAG,CAAC;AACJ,QAAM,aAAa,CAAC,QAAQ,KAAK,QAAQ,CAAC,CAAC;AAC3C,QAAM,UAAU,KAAK,QAAQ,CAAC;AAE9B,SACC,gCACE,eAAK,OAAO,IAAI,CAAC,SAAS;AAC1B,WACC,qBAACD,WAAA,EACA;AAAA,2BAAC,gBACA;AAAA;AAAA,UAAC;AAAA;AAAA,YAGA,KAAK;AAAA,YACL,OAAO;AAAA,YACP,MAAM,GAAG,SAAS;AAAA,YAClB,WAAW,QAAQ,aAAa;AAAA,YAChC,KAAI;AAAA,YACJ,UAAQ;AAAA,YACR,UACC,WAAW,aAAa,IAAI,IAC3B,SAAS;AAAA,YAEV,eAAK;AAAA;AAAA,QACP;AAAA,QACC,CAAC,aACD;AAAA,UAAC;AAAA;AAAA,YACA,WAAW,IAAI;AAAA,YACf;AAAA,YACA;AAAA;AAAA,QACD,IACG;AAAA,WAtBc,GAAG,KAAK,IAAI,IAAI,IAAI,SAAS,MAuBhD;AAAA,MACC,aACA;AAAA,QAAC;AAAA;AAAA,UACA,KAAK;AAAA,UACL,OAAO,QAAQ;AAAA,UACf,QAAQ;AAAA,YACP;AAAA,YACA;AAAA,YACA,WAAW;AAAA,YACX,QAAQ;AAAA,cACP,GAAG;AAAA,cACH,CAAC,IAAI,SAAS,GACb,KAAK;AAAA,YACP;AAAA,UACD;AAAA;AAAA,MACD,IACG;AAAA,SAxCU,GAAG,KAAK,IAAI,IAAI,IAAI,SAAS,WAyC5C;AAAA,EAEF,CAAC,GACF;AAEF;AAEO,SAAS,uBAAuB;AACtC,QAAM,SAAS,0BAA0B;AACzC,QAAM,OAAO,QAAQ;AACrB,QAAM,UAAU,QAAQ;AACxB,QAAM,gBAAgB,QAAQ;AAE9B,MAAI,CAAC,QAAQ,QAAQ,IAAI,GAAG;AAC3B,WAAO;AAAA,EACR;AAEA,SACC,oBAAC,aACA;AAAA,IAAC;AAAA;AAAA,MACA,KAAK,KAAK,CAAC;AAAA,MACX,OAAO;AAAA,MACP,QAAQ,EAAE,MAAM,SAAS,cAAc;AAAA;AAAA,EACxC,GACD;AAEF","sourcesContent":["import { Header } from \"../../services/engine\";\nimport { isEmpty, slice } from \"lodash\";\nimport { useCustomPivotTableEngine } from \"../../state/engine\";\nimport { DataTableCell, DataTableRow, TableBody } from \"@dhis2/ui\";\nimport React, { Fragment, ReactNode } from \"react\";\nimport { AnalyticsItem } from \"@hisptz/dhis2-utils\";\nimport classes from \"./TableBody.module.css\";\nimport { useElementSize } from \"usehooks-ts\";\nimport { DHIS2Dimension } from \"../../interfaces\";\n\nfunction DataRowRenderer({\n\tmapper,\n\titem,\n\tdimension,\n}: {\n\tmapper?: { [key: string]: any };\n\titem: AnalyticsItem;\n\tdimension: DHIS2Dimension;\n}) {\n\tconst engine = useCustomPivotTableEngine();\n\n\tconst columnMappers = engine?.columnMap;\n\tconst completeMapper = columnMappers?.map((map) => ({\n\t\t...map,\n\t\t...mapper,\n\t\t[dimension]: item.uid,\n\t}));\n\treturn (\n\t\t<>\n\t\t\t{completeMapper?.map((mapper) => (\n\t\t\t\t<DataTableCell\n\t\t\t\t\tkey={`${Object.values(mapper).join(\"-\")}-value`}\n\t\t\t\t\talign=\"center\"\n\t\t\t\t\tbordered\n\t\t\t\t>\n\t\t\t\t\t{engine?.getValue(mapper) ?? \"\"}\n\t\t\t\t</DataTableCell>\n\t\t\t))}\n\t\t</>\n\t);\n}\n\nfunction RowRenderer({\n\trow,\n\tindex,\n\tconfig: { rows, columns, mapper, prevWidth, fixRowHeaders },\n}: {\n\trow: Header;\n\tindex: number;\n\tconfig: {\n\t\trows: Header[];\n\t\tcolumns?: Header[];\n\t\tmapper?: { [key: string]: string | undefined };\n\t\tprevWidth?: number;\n\t\tfixRowHeaders?: boolean;\n\t};\n}): React.ReactElement | null {\n\tconst [cellRef, { width }] = useElementSize();\n\n\tconst rowSpan = slice(rows, index + 1).reduce((acc, column) => {\n\t\treturn acc * (column.items?.length ?? 1);\n\t}, 1);\n\tconst hasSubRows = !isEmpty(rows[index + 1]);\n\tconst nextRow = rows[index + 1];\n\n\treturn (\n\t\t<>\n\t\t\t{row?.items?.map((item) => {\n\t\t\t\treturn (\n\t\t\t\t\t<Fragment key={`${item.name}-${row.dimension}-fragment`}>\n\t\t\t\t\t\t<DataTableRow key={`${item.name}-${row.dimension}-row`}>\n\t\t\t\t\t\t\t<DataTableCell\n\t\t\t\t\t\t\t\t/*\n      // @ts-ignore */\n\t\t\t\t\t\t\t\tref={cellRef}\n\t\t\t\t\t\t\t\tfixed={fixRowHeaders}\n\t\t\t\t\t\t\t\tleft={`${prevWidth}px` as unknown as boolean}\n\t\t\t\t\t\t\t\tclassName={classes[\"header-cell\"]}\n\t\t\t\t\t\t\t\ttag=\"th\"\n\t\t\t\t\t\t\t\tbordered\n\t\t\t\t\t\t\t\trowSpan={(\n\t\t\t\t\t\t\t\t\trowSpan + (hasSubRows ? 1 : 0)\n\t\t\t\t\t\t\t\t).toString()}\n\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t{item.name as unknown as string | ReactNode}\n\t\t\t\t\t\t\t</DataTableCell>\n\t\t\t\t\t\t\t{!hasSubRows ? (\n\t\t\t\t\t\t\t\t<DataRowRenderer\n\t\t\t\t\t\t\t\t\tdimension={row.dimension}\n\t\t\t\t\t\t\t\t\tmapper={mapper}\n\t\t\t\t\t\t\t\t\titem={item}\n\t\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t\t) : null}\n\t\t\t\t\t\t</DataTableRow>\n\t\t\t\t\t\t{hasSubRows ? (\n\t\t\t\t\t\t\t<RowRenderer\n\t\t\t\t\t\t\t\trow={nextRow}\n\t\t\t\t\t\t\t\tindex={index + 1}\n\t\t\t\t\t\t\t\tconfig={{\n\t\t\t\t\t\t\t\t\trows,\n\t\t\t\t\t\t\t\t\tcolumns,\n\t\t\t\t\t\t\t\t\tprevWidth: width,\n\t\t\t\t\t\t\t\t\tmapper: {\n\t\t\t\t\t\t\t\t\t\t...mapper,\n\t\t\t\t\t\t\t\t\t\t[row.dimension]:\n\t\t\t\t\t\t\t\t\t\t\titem.uid as unknown as string,\n\t\t\t\t\t\t\t\t\t},\n\t\t\t\t\t\t\t\t}}\n\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t) : null}\n\t\t\t\t\t</Fragment>\n\t\t\t\t);\n\t\t\t})}\n\t\t</>\n\t);\n}\n\nexport function CustomPivotTableBody() {\n\tconst engine = useCustomPivotTableEngine();\n\tconst rows = engine?.rowHeaders;\n\tconst columns = engine?.columnHeaders;\n\tconst fixRowHeaders = engine?.fixRowHeaders;\n\n\tif (!rows || isEmpty(rows)) {\n\t\treturn null;\n\t}\n\n\treturn (\n\t\t<TableBody>\n\t\t\t<RowRenderer\n\t\t\t\trow={rows[0]}\n\t\t\t\tindex={0}\n\t\t\t\tconfig={{ rows, columns, fixRowHeaders }}\n\t\t\t/>\n\t\t</TableBody>\n\t);\n}\n"]}

package/dist/components/DHIS2PivotTable/components/TableBody/index.mjs

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

package/dist/components/DHIS2PivotTable/components/TableBody/index.mjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../../src/components/DHIS2PivotTable/components/TableBody/index.tsx"],"names":["Fragment","mapper"],"mappings":"AA4BE,mBAEE,KAwCE,YA1CJ;AA3BF,SAAS,SAAS,aAAa;AAC/B,SAAS,iCAAiC;AAC1C,SAAS,eAAe,cAAc,iBAAiB;AACvD,SAAgB,YAAAA,iBAA2B;AAE3C,OAAO,aAAa;AACpB,SAAS,sBAAsB;AAG/B,SAAS,gBAAgB;AAAA,EACxB;AAAA,EACA;AAAA,EACA;AACD,GAIG;AACF,QAAM,SAAS,0BAA0B;AAEzC,QAAM,gBAAgB,QAAQ;AAC9B,QAAM,iBAAiB,eAAe,IAAI,CAAC,SAAS;AAAA,IACnD,GAAG;AAAA,IACH,GAAG;AAAA,IACH,CAAC,SAAS,GAAG,KAAK;AAAA,EACnB,EAAE;AACF,SACC,gCACE,0BAAgB,IAAI,CAACC,YACrB;AAAA,IAAC;AAAA;AAAA,MAEA,OAAM;AAAA,MACN,UAAQ;AAAA,MAEP,kBAAQ,SAASA,OAAM,KAAK;AAAA;AAAA,IAJxB,GAAG,OAAO,OAAOA,OAAM,EAAE,KAAK,GAAG,CAAC;AAAA,EAKxC,CACA,GACF;AAEF;AAEA,SAAS,YAAY;AAAA,EACpB;AAAA,EACA;AAAA,EACA,QAAQ,EAAE,MAAM,SAAS,QAAQ,WAAW,cAAc;AAC3D,GAU8B;AAC7B,QAAM,CAAC,SAAS,EAAE,MAAM,CAAC,IAAI,eAAe;AAE5C,QAAM,UAAU,MAAM,MAAM,QAAQ,CAAC,EAAE,OAAO,CAAC,KAAK,WAAW;AAC9D,WAAO,OAAO,OAAO,OAAO,UAAU;AAAA,EACvC,GAAG,CAAC;AACJ,QAAM,aAAa,CAAC,QAAQ,KAAK,QAAQ,CAAC,CAAC;AAC3C,QAAM,UAAU,KAAK,QAAQ,CAAC;AAE9B,SACC,gCACE,eAAK,OAAO,IAAI,CAAC,SAAS;AAC1B,WACC,qBAACD,WAAA,EACA;AAAA,2BAAC,gBACA;AAAA;AAAA,UAAC;AAAA;AAAA,YAGA,KAAK;AAAA,YACL,OAAO;AAAA,YACP,MAAM,GAAG,SAAS;AAAA,YAClB,WAAW,QAAQ,aAAa;AAAA,YAChC,KAAI;AAAA,YACJ,UAAQ;AAAA,YACR,UACC,WAAW,aAAa,IAAI,IAC3B,SAAS;AAAA,YAEV,eAAK;AAAA;AAAA,QACP;AAAA,QACC,CAAC,aACD;AAAA,UAAC;AAAA;AAAA,YACA,WAAW,IAAI;AAAA,YACf;AAAA,YACA;AAAA;AAAA,QACD,IACG;AAAA,WAtBc,GAAG,KAAK,IAAI,IAAI,IAAI,SAAS,MAuBhD;AAAA,MACC,aACA;AAAA,QAAC;AAAA;AAAA,UACA,KAAK;AAAA,UACL,OAAO,QAAQ;AAAA,UACf,QAAQ;AAAA,YACP;AAAA,YACA;AAAA,YACA,WAAW;AAAA,YACX,QAAQ;AAAA,cACP,GAAG;AAAA,cACH,CAAC,IAAI,SAAS,GACb,KAAK;AAAA,YACP;AAAA,UACD;AAAA;AAAA,MACD,IACG;AAAA,SAxCU,GAAG,KAAK,IAAI,IAAI,IAAI,SAAS,WAyC5C;AAAA,EAEF,CAAC,GACF;AAEF;AAEO,SAAS,uBAAuB;AACtC,QAAM,SAAS,0BAA0B;AACzC,QAAM,OAAO,QAAQ;AACrB,QAAM,UAAU,QAAQ;AACxB,QAAM,gBAAgB,QAAQ;AAE9B,MAAI,CAAC,QAAQ,QAAQ,IAAI,GAAG;AAC3B,WAAO;AAAA,EACR;AAEA,SACC,oBAAC,aACA;AAAA,IAAC;AAAA;AAAA,MACA,KAAK,KAAK,CAAC;AAAA,MACX,OAAO;AAAA,MACP,QAAQ,EAAE,MAAM,SAAS,cAAc;AAAA;AAAA,EACxC,GACD;AAEF","sourcesContent":["import { Header } from \"../../services/engine\";\nimport { isEmpty, slice } from \"lodash\";\nimport { useCustomPivotTableEngine } from \"../../state/engine\";\nimport { DataTableCell, DataTableRow, TableBody } from \"@dhis2/ui\";\nimport React, { Fragment, ReactNode } from \"react\";\nimport { AnalyticsItem } from \"@hisptz/dhis2-utils\";\nimport classes from \"./TableBody.module.css\";\nimport { useElementSize } from \"usehooks-ts\";\nimport { DHIS2Dimension } from \"../../interfaces\";\n\nfunction DataRowRenderer({\n\tmapper,\n\titem,\n\tdimension,\n}: {\n\tmapper?: { [key: string]: any };\n\titem: AnalyticsItem;\n\tdimension: DHIS2Dimension;\n}) {\n\tconst engine = useCustomPivotTableEngine();\n\n\tconst columnMappers = engine?.columnMap;\n\tconst completeMapper = columnMappers?.map((map) => ({\n\t\t...map,\n\t\t...mapper,\n\t\t[dimension]: item.uid,\n\t}));\n\treturn (\n\t\t<>\n\t\t\t{completeMapper?.map((mapper) => (\n\t\t\t\t<DataTableCell\n\t\t\t\t\tkey={`${Object.values(mapper).join(\"-\")}-value`}\n\t\t\t\t\talign=\"center\"\n\t\t\t\t\tbordered\n\t\t\t\t>\n\t\t\t\t\t{engine?.getValue(mapper) ?? \"\"}\n\t\t\t\t</DataTableCell>\n\t\t\t))}\n\t\t</>\n\t);\n}\n\nfunction RowRenderer({\n\trow,\n\tindex,\n\tconfig: { rows, columns, mapper, prevWidth, fixRowHeaders },\n}: {\n\trow: Header;\n\tindex: number;\n\tconfig: {\n\t\trows: Header[];\n\t\tcolumns?: Header[];\n\t\tmapper?: { [key: string]: string | undefined };\n\t\tprevWidth?: number;\n\t\tfixRowHeaders?: boolean;\n\t};\n}): React.ReactElement | null {\n\tconst [cellRef, { width }] = useElementSize();\n\n\tconst rowSpan = slice(rows, index + 1).reduce((acc, column) => {\n\t\treturn acc * (column.items?.length ?? 1);\n\t}, 1);\n\tconst hasSubRows = !isEmpty(rows[index + 1]);\n\tconst nextRow = rows[index + 1];\n\n\treturn (\n\t\t<>\n\t\t\t{row?.items?.map((item) => {\n\t\t\t\treturn (\n\t\t\t\t\t<Fragment key={`${item.name}-${row.dimension}-fragment`}>\n\t\t\t\t\t\t<DataTableRow key={`${item.name}-${row.dimension}-row`}>\n\t\t\t\t\t\t\t<DataTableCell\n\t\t\t\t\t\t\t\t/*\n      // @ts-ignore */\n\t\t\t\t\t\t\t\tref={cellRef}\n\t\t\t\t\t\t\t\tfixed={fixRowHeaders}\n\t\t\t\t\t\t\t\tleft={`${prevWidth}px` as unknown as boolean}\n\t\t\t\t\t\t\t\tclassName={classes[\"header-cell\"]}\n\t\t\t\t\t\t\t\ttag=\"th\"\n\t\t\t\t\t\t\t\tbordered\n\t\t\t\t\t\t\t\trowSpan={(\n\t\t\t\t\t\t\t\t\trowSpan + (hasSubRows ? 1 : 0)\n\t\t\t\t\t\t\t\t).toString()}\n\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t{item.name as unknown as string | ReactNode}\n\t\t\t\t\t\t\t</DataTableCell>\n\t\t\t\t\t\t\t{!hasSubRows ? (\n\t\t\t\t\t\t\t\t<DataRowRenderer\n\t\t\t\t\t\t\t\t\tdimension={row.dimension}\n\t\t\t\t\t\t\t\t\tmapper={mapper}\n\t\t\t\t\t\t\t\t\titem={item}\n\t\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t\t) : null}\n\t\t\t\t\t\t</DataTableRow>\n\t\t\t\t\t\t{hasSubRows ? (\n\t\t\t\t\t\t\t<RowRenderer\n\t\t\t\t\t\t\t\trow={nextRow}\n\t\t\t\t\t\t\t\tindex={index + 1}\n\t\t\t\t\t\t\t\tconfig={{\n\t\t\t\t\t\t\t\t\trows,\n\t\t\t\t\t\t\t\t\tcolumns,\n\t\t\t\t\t\t\t\t\tprevWidth: width,\n\t\t\t\t\t\t\t\t\tmapper: {\n\t\t\t\t\t\t\t\t\t\t...mapper,\n\t\t\t\t\t\t\t\t\t\t[row.dimension]:\n\t\t\t\t\t\t\t\t\t\t\titem.uid as unknown as string,\n\t\t\t\t\t\t\t\t\t},\n\t\t\t\t\t\t\t\t}}\n\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t) : null}\n\t\t\t\t\t</Fragment>\n\t\t\t\t);\n\t\t\t})}\n\t\t</>\n\t);\n}\n\nexport function CustomPivotTableBody() {\n\tconst engine = useCustomPivotTableEngine();\n\tconst rows = engine?.rowHeaders;\n\tconst columns = engine?.columnHeaders;\n\tconst fixRowHeaders = engine?.fixRowHeaders;\n\n\tif (!rows || isEmpty(rows)) {\n\t\treturn null;\n\t}\n\n\treturn (\n\t\t<TableBody>\n\t\t\t<RowRenderer\n\t\t\t\trow={rows[0]}\n\t\t\t\tindex={0}\n\t\t\t\tconfig={{ rows, columns, fixRowHeaders }}\n\t\t\t/>\n\t\t</TableBody>\n\t);\n}\n"]}

package/dist/components/DHIS2PivotTable/components/TableHeaders/TableHeaders.module.css

@@ -0,0 +1,10 @@
+.table-header {
+  border-right: 1px solid rgb(232, 237, 242);
+}
+.table-header:last-child {
+  border-right: none;
+}
+.table-header > span > span {
+  justify-content: center;
+}
+/*# sourceMappingURL=TableHeaders.module.css.map */

package/dist/components/DHIS2PivotTable/components/TableHeaders/TableHeaders.module.css.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../../src/components/DHIS2PivotTable/components/TableHeaders/TableHeaders.module.css"],"sourcesContent":[".table-header{\n    border-right: 1px solid rgb(232, 237, 242);\n}\n.table-header:last-child{\n    border-right: none;\n}\n\n.table-header > span > span{\n    justify-content: center;\n}\n"],"mappings":"AAAA,CAAC;AACG,gBAAc,IAAI,MAAM,IAAI,GAAG,EAAE,GAAG,EAAE;AAC1C;AACA,CAHC,YAGY;AACT,gBAAc;AAClB;AAEA,CAPC,aAOa,EAAE,KAAK,EAAE;AACnB,mBAAiB;AACrB;","names":[]}