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

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

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/components/CircularProgressDashboard/CircularProgressIndicator.tsx"],"names":[],"mappings":"AAoCI,cAUC,YAVD;AApCJ,SAAS,cAAc;AACvB,SAAgB,eAAe;AAC/B,SAAS,uCAAuC;AAGhD,cAAc;AAEP,SAAS,2BAA2B;AAAA,EAC1C;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AACD,GAA+C;AAC9C,QAAM,gCAAgC,QAAQ,MAAM;AACnD,WAAO,UAAU,SACd,QACA,KAAK,OAAQ,aAAa,MAAM,eAAe,KAAM,GAAG;AAAA,EAC5D,GAAG,CAAC,WAAW,aAAa,KAAK,CAAC;AAClC,SACC;AAAA,IAAC;AAAA;AAAA,MACA,OAAO;AAAA,QACN,iBAAiB;AAAA,QACjB,OAAO;AAAA,MACR;AAAA,MAEA;AAAA,QAAC;AAAA;AAAA,UACA,QAAQ;AAAA,YACP,MAAM;AAAA,cACL,QAAQ,aAAa,SAAS,OAAO;AAAA,YACtC;AAAA,UACD;AAAA,UACA,aAAa;AAAA,UACb,OAAO;AAAA,UAEP;AAAA,YAAC;AAAA;AAAA,cACA,OAAO;AAAA,gBACN,GAAI,aAAa,CAAC;AAAA,gBAClB,UACC,WAAW,YAAY,OAAO,SAAS,WACpC,MAAO,OACP;AAAA,gBACJ,WAAW;AAAA,cACZ;AAAA,cAEA;AAAA,gBAAC;AAAA;AAAA,kBACA,OAAO;AAAA,oBACN,OACC,WAAW,SACX,aAAa,SACb,OAAO;AAAA,kBACT;AAAA,kBAEC;AAAA;AAAA,oBAA8B;AAAA;AAAA;AAAA,cAChC;AAAA;AAAA,UACD;AAAA;AAAA,MACD;AAAA;AAAA,EACD;AAEF;AAEO,MAAM,4BAA4B","sourcesContent":["import { colors } from \"@dhis2/ui\";\nimport React, { useMemo } from \"react\";\nimport { CircularProgressbarWithChildren } from \"react-circular-progressbar\";\nimport { CircularDashboardProps } from \"./types/props\";\n\nexport * from \"./types/props\";\n\nexport function CircularProgressVisualizer({\n\tnumerator,\n\tsize,\n\tdenominator,\n\tvalue,\n\ttextStyle,\n\tstrokeStyle,\n}: CircularDashboardProps): React.ReactElement {\n\tconst filledSectionFieldsPercentage = useMemo(() => {\n\t\treturn value !== undefined\n\t\t\t? value\n\t\t\t: Math.floor(((numerator ?? 0) / (denominator ?? 1)) * 100);\n\t}, [numerator, denominator, value]);\n\treturn (\n\t\t<div\n\t\t\tstyle={{\n\t\t\t\tbackgroundColor: \"transparent\",\n\t\t\t\twidth: size,\n\t\t\t}}\n\t\t>\n\t\t\t<CircularProgressbarWithChildren\n\t\t\t\tstyles={{\n\t\t\t\t\tpath: {\n\t\t\t\t\t\tstroke: strokeStyle?.color ?? colors.blue700,\n\t\t\t\t\t},\n\t\t\t\t}}\n\t\t\t\tstrokeWidth={7}\n\t\t\t\tvalue={filledSectionFieldsPercentage}\n\t\t\t>\n\t\t\t\t<div\n\t\t\t\t\tstyle={{\n\t\t\t\t\t\t...(textStyle ?? {}),\n\t\t\t\t\t\tfontSize:\n\t\t\t\t\t\t\ttextStyle?.fontSize ?? typeof size === \"number\"\n\t\t\t\t\t\t\t\t? 0.3 * (size as number)\n\t\t\t\t\t\t\t\t: \"100%\",\n\t\t\t\t\t\tmarginTop: -11,\n\t\t\t\t\t}}\n\t\t\t\t>\n\t\t\t\t\t<strong\n\t\t\t\t\t\tstyle={{\n\t\t\t\t\t\t\tcolor:\n\t\t\t\t\t\t\t\ttextStyle?.color ??\n\t\t\t\t\t\t\t\tstrokeStyle?.color ??\n\t\t\t\t\t\t\t\tcolors.blue700,\n\t\t\t\t\t\t}}\n\t\t\t\t\t>\n\t\t\t\t\t\t{filledSectionFieldsPercentage}%\n\t\t\t\t\t</strong>\n\t\t\t\t</div>\n\t\t\t</CircularProgressbarWithChildren>\n\t\t</div>\n\t);\n}\n\nexport const CircularProgressDashboard = CircularProgressVisualizer;\n"]}
+{"version":3,"sources":["../../../src/components/CircularProgressDashboard/CircularProgressIndicator.tsx"],"names":[],"mappings":"AAoCI,cAUC,YAVD;AApCJ,SAAS,cAAc;AACvB,SAAgB,eAAe;AAC/B,SAAS,uCAAuC;AAGhD,cAAc;AAEP,SAAS,2BAA2B;AAAA,EAC1C;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AACD,GAA+C;AAC9C,QAAM,gCAAgC,QAAQ,MAAM;AACnD,WAAO,UAAU,SACd,QACA,KAAK,OAAQ,aAAa,MAAM,eAAe,KAAM,GAAG;AAAA,EAC5D,GAAG,CAAC,WAAW,aAAa,KAAK,CAAC;AAClC,SACC;AAAA,IAAC;AAAA;AAAA,MACA,OAAO;AAAA,QACN,iBAAiB;AAAA,QACjB,OAAO;AAAA,MACR;AAAA,MAEA;AAAA,QAAC;AAAA;AAAA,UACA,QAAQ;AAAA,YACP,MAAM;AAAA,cACL,QAAQ,aAAa,SAAS,OAAO;AAAA,YACtC;AAAA,UACD;AAAA,UACA,aAAa;AAAA,UACb,OAAO;AAAA,UAEP;AAAA,YAAC;AAAA;AAAA,cACA,OAAO;AAAA,gBACN,GAAI,aAAa,CAAC;AAAA,gBAClB,UACC,WAAW,YAAY,OAAO,SAAS,WACpC,MAAO,OACP;AAAA,gBACJ,WAAW;AAAA,cACZ;AAAA,cAEA;AAAA,gBAAC;AAAA;AAAA,kBACA,OAAO;AAAA,oBACN,OACC,WAAW,SACX,aAAa,SACb,OAAO;AAAA,kBACT;AAAA,kBAEC;AAAA;AAAA,oBAA8B;AAAA;AAAA;AAAA,cAChC;AAAA;AAAA,UACD;AAAA;AAAA,MACD;AAAA;AAAA,EACD;AAEF;AAEO,MAAM,4BAA4B","sourcesContent":["import { colors } from \"@dhis2/ui\";\nimport React, { useMemo } from \"react\";\nimport { CircularProgressbarWithChildren } from \"react-circular-progressbar\";\nimport { CircularDashboardProps } from \"./types/props.js\";\n\nexport * from \"./types/props.js\";\n\nexport function CircularProgressVisualizer({\n\tnumerator,\n\tsize,\n\tdenominator,\n\tvalue,\n\ttextStyle,\n\tstrokeStyle,\n}: CircularDashboardProps): React.ReactElement {\n\tconst filledSectionFieldsPercentage = useMemo(() => {\n\t\treturn value !== undefined\n\t\t\t? value\n\t\t\t: Math.floor(((numerator ?? 0) / (denominator ?? 1)) * 100);\n\t}, [numerator, denominator, value]);\n\treturn (\n\t\t<div\n\t\t\tstyle={{\n\t\t\t\tbackgroundColor: \"transparent\",\n\t\t\t\twidth: size,\n\t\t\t}}\n\t\t>\n\t\t\t<CircularProgressbarWithChildren\n\t\t\t\tstyles={{\n\t\t\t\t\tpath: {\n\t\t\t\t\t\tstroke: strokeStyle?.color ?? colors.blue700,\n\t\t\t\t\t},\n\t\t\t\t}}\n\t\t\t\tstrokeWidth={7}\n\t\t\t\tvalue={filledSectionFieldsPercentage}\n\t\t\t>\n\t\t\t\t<div\n\t\t\t\t\tstyle={{\n\t\t\t\t\t\t...(textStyle ?? {}),\n\t\t\t\t\t\tfontSize:\n\t\t\t\t\t\t\ttextStyle?.fontSize ?? typeof size === \"number\"\n\t\t\t\t\t\t\t\t? 0.3 * (size as number)\n\t\t\t\t\t\t\t\t: \"100%\",\n\t\t\t\t\t\tmarginTop: -11,\n\t\t\t\t\t}}\n\t\t\t\t>\n\t\t\t\t\t<strong\n\t\t\t\t\t\tstyle={{\n\t\t\t\t\t\t\tcolor:\n\t\t\t\t\t\t\t\ttextStyle?.color ??\n\t\t\t\t\t\t\t\tstrokeStyle?.color ??\n\t\t\t\t\t\t\t\tcolors.blue700,\n\t\t\t\t\t\t}}\n\t\t\t\t\t>\n\t\t\t\t\t\t{filledSectionFieldsPercentage}%\n\t\t\t\t\t</strong>\n\t\t\t\t</div>\n\t\t\t</CircularProgressbarWithChildren>\n\t\t</div>\n\t);\n}\n\nexport const CircularProgressDashboard = CircularProgressVisualizer;\n"]}

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

@@ -1,12 +1,8 @@
-'use strict';
-
-Object.defineProperty(exports, '__esModule', { value: true });
-
-var CircularProgressIndicator = require('./CircularProgressIndicator');
+import { CircularProgressVisualizer } from './CircularProgressIndicator';
 
 const meta = {
   title: "Circular Progress Visualizer",
-  component: CircularProgressIndicator.CircularProgressVisualizer
+  component: CircularProgressVisualizer
 };
 var CircularProgressIndicator_stories_default = meta;
 const Default = { name: "Default" };
@@ -41,9 +37,6 @@ WithTextStyling.args = {
   }
 };
 
-exports.Default = Default;
-exports.WithStrokeStyling = WithStrokeStyling;
-exports.WithTextStyling = WithTextStyling;
-exports.default = CircularProgressIndicator_stories_default;
+export { Default, WithStrokeStyling, WithTextStyling, CircularProgressIndicator_stories_default as default };
 //# sourceMappingURL=out.js.map
 //# sourceMappingURL=CircularProgressIndicator.stories.js.map

package/dist/components/CircularProgressDashboard/index.js

@@ -1,21 +1,4 @@
-'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]; }
-	});
-});
+export * from './CircularProgressIndicator.js';
+export * from './types/props.js';
 //# sourceMappingURL=out.js.map
 //# sourceMappingURL=index.js.map

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

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

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

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

package/dist/components/DHIS2PivotTable/DHIS2PivotTable.js

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

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

@@ -1 +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"]}
+{"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.js\";\nimport React, { useMemo } from \"react\";\nimport { DHIS2PivotTableEngineProvider } from \"./state/engine.js\";\nimport { PivotTable } from \"./components/Table/index.js\";\nimport { TableHeaders } from \"./components/TableHeaders/index.js\";\nimport { CustomPivotTableBody } from \"./components/TableBody/index.js\";\nimport { DHIS2Dimension } from \"./interfaces/index.js\";\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

@@ -1,24 +1,16 @@
-'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);
+import simpleData from '../../shared/resources/simple-data.json';
+import { DHIS2PivotTable } from './DHIS2PivotTable';
 
 const meta = {
   title: "DHIS2 Pivot Table",
-  component: DHIS2PivotTable.DHIS2PivotTable
+  component: DHIS2PivotTable
 };
 var DHIS2PivotTable_stories_default = meta;
 const Default = {
   name: "Default"
 };
 Default.args = {
-  analytics: simpleData__default.default,
+  analytics: simpleData,
   config: {
     layout: {
       columns: [
@@ -33,7 +25,6 @@ Default.args = {
   tableProps: {}
 };
 
-exports.Default = Default;
-exports.default = DHIS2PivotTable_stories_default;
+export { Default, DHIS2PivotTable_stories_default as default };
 //# sourceMappingURL=out.js.map
 //# sourceMappingURL=DHIS2PivotTable.stories.js.map

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

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

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

@@ -1,35 +1,29 @@
-'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);
+import { jsx, Fragment, jsxs } from 'react/jsx-runtime';
+import { isEmpty, slice } from 'lodash';
+import { useCustomPivotTableEngine } from '../../state/engine.js';
+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$1 = engine.useCustomPivotTableEngine();
-  const columnMappers = engine$1?.columnMap;
+  const engine = useCustomPivotTableEngine();
+  const columnMappers = engine?.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,
+  return /* @__PURE__ */ jsx(Fragment, { children: completeMapper?.map((mapper2) => /* @__PURE__ */ jsx(
+    DataTableCell,
     {
       align: "center",
       bordered: true,
-      children: engine$1?.getValue(mapper2) ?? ""
+      children: engine?.getValue(mapper2) ?? ""
     },
     `${Object.values(mapper2).join("-")}-value`
   )) });
@@ -39,29 +33,29 @@ function RowRenderer({
   index,
   config: { rows, columns, mapper, prevWidth, fixRowHeaders }
 }) {
-  const [cellRef, { width }] = usehooksTs.useElementSize();
-  const rowSpan = lodash.slice(rows, index + 1).reduce((acc, column) => {
+  const [cellRef, { width }] = useElementSize();
+  const rowSpan = slice(rows, index + 1).reduce((acc, column) => {
     return acc * (column.items?.length ?? 1);
   }, 1);
-  const hasSubRows = !lodash.isEmpty(rows[index + 1]);
+  const hasSubRows = !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,
+  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__default.default["header-cell"],
+            className: classes["header-cell"],
             tag: "th",
             bordered: true,
             rowSpan: (rowSpan + (hasSubRows ? 1 : 0)).toString(),
             children: item.name
           }
         ),
-        !hasSubRows ? /* @__PURE__ */ jsxRuntime.jsx(
+        !hasSubRows ? /* @__PURE__ */ jsx(
           DataRowRenderer,
           {
             dimension: row.dimension,
@@ -70,7 +64,7 @@ function RowRenderer({
           }
         ) : null
       ] }, `${item.name}-${row.dimension}-row`),
-      hasSubRows ? /* @__PURE__ */ jsxRuntime.jsx(
+      hasSubRows ? /* @__PURE__ */ jsx(
         RowRenderer,
         {
           row: nextRow,
@@ -90,14 +84,14 @@ function RowRenderer({
   }) });
 }
 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)) {
+  const engine = useCustomPivotTableEngine();
+  const rows = engine?.rowHeaders;
+  const columns = engine?.columnHeaders;
+  const fixRowHeaders = engine?.fixRowHeaders;
+  if (!rows || isEmpty(rows)) {
     return null;
   }
-  return /* @__PURE__ */ jsxRuntime.jsx(ui.TableBody, { children: /* @__PURE__ */ jsxRuntime.jsx(
+  return /* @__PURE__ */ jsx(TableBody, { children: /* @__PURE__ */ jsx(
     RowRenderer,
     {
       row: rows[0],
@@ -107,6 +101,6 @@ function CustomPivotTableBody() {
   ) });
 }
 
-exports.CustomPivotTableBody = CustomPivotTableBody;
+export { CustomPivotTableBody };
 //# sourceMappingURL=out.js.map
 //# sourceMappingURL=index.js.map

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

@@ -1 +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"]}
+{"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.js\";\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/index.js\";\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/index.js

@@ -1,59 +1,53 @@
-'use strict';
-
-var jsxRuntime = require('react/jsx-runtime');
-var engine = require('../../state/engine');
-var ui = require('@dhis2/ui');
-var lodash = require('lodash');
-var classes = require('./TableHeaders.module.css');
-var usehooksTs = require('usehooks-ts');
-
-function _interopDefault (e) { return e && e.__esModule ? e : { default: e }; }
-
-var classes__default = /*#__PURE__*/_interopDefault(classes);
+import { jsx, jsxs, Fragment } from 'react/jsx-runtime';
+import { useCustomPivotTableEngine } from '../../state/engine.js';
+import { TableHead, DataTableRow, DataTableColumnHeader } from '@dhis2/ui';
+import { isEmpty, slice, times } from 'lodash';
+import classes from './TableHeaders.module.css';
+import { useElementSize } from 'usehooks-ts';
 
 function ColumnRenderer({
   column,
   index,
   config: { fixColumnHeaders, rowHeaders, prevHeight = 0, columns }
 }) {
-  const [columnHeaderRef, { height }] = usehooksTs.useElementSize();
+  const [columnHeaderRef, { height }] = useElementSize();
   if (!column) {
     return null;
   }
-  const colSpan = lodash.slice(columns, index + 1).reduce((acc, column2) => {
+  const colSpan = slice(columns, index + 1).reduce((acc, column2) => {
     return acc * (column2.items?.length ?? 1);
   }, 1);
-  const hasSubColumns = !lodash.isEmpty(columns[index + 1]);
+  const hasSubColumns = !isEmpty(columns[index + 1]);
   const nextColumn = columns[index + 1];
-  const multiplicationFactor = lodash.slice(columns, 0, index).reduce(
+  const multiplicationFactor = slice(columns, 0, index).reduce(
     (acc, column2) => {
       return acc * (column2.items?.length ?? 1);
     },
     1
   );
-  return /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
-    /* @__PURE__ */ jsxRuntime.jsxs(ui.DataTableRow, { children: [
+  return /* @__PURE__ */ jsxs(Fragment, { children: [
+    /* @__PURE__ */ jsxs(DataTableRow, { children: [
       index === 0 && rowHeaders?.map((header) => {
-        return /* @__PURE__ */ jsxRuntime.jsx(
-          ui.DataTableColumnHeader,
+        return /* @__PURE__ */ jsx(
+          DataTableColumnHeader,
           {
             fixed: fixColumnHeaders,
             top: "0",
-            className: classes__default.default["table-header"],
+            className: classes["table-header"],
             rowSpan: columns.length.toString(),
             children: header.label ?? ""
           },
           `${header.dimension}-header-column`
         );
       }),
-      lodash.times(multiplicationFactor, (colNo) => {
-        return column.items?.map((item) => /* @__PURE__ */ jsxRuntime.jsx(
-          ui.DataTableColumnHeader,
+      times(multiplicationFactor, (colNo) => {
+        return column.items?.map((item) => /* @__PURE__ */ jsx(
+          DataTableColumnHeader,
           {
             fixed: fixColumnHeaders,
             top: `${prevHeight.toString()}px`,
             ref: index === 0 ? columnHeaderRef : void 0,
-            className: classes__default.default["table-header"],
+            className: classes["table-header"],
             align: "center",
             colSpan: colSpan.toString(),
             children: item.name
@@ -62,7 +56,7 @@ function ColumnRenderer({
         ));
       })
     ] }),
-    hasSubColumns ? /* @__PURE__ */ jsxRuntime.jsx(
+    hasSubColumns ? /* @__PURE__ */ jsx(
       ColumnRenderer,
       {
         column: nextColumn,
@@ -78,14 +72,14 @@ function ColumnRenderer({
   ] });
 }
 function TableHeaders() {
-  const engine$1 = engine.useCustomPivotTableEngine();
-  const columns = engine$1?.columnHeaders;
-  const rowHeaders = engine$1?.rowHeaders;
-  const fixColumnHeaders = engine$1?.fixColumnHeaders;
-  if (!columns || lodash.isEmpty(columns)) {
+  const engine = useCustomPivotTableEngine();
+  const columns = engine?.columnHeaders;
+  const rowHeaders = engine?.rowHeaders;
+  const fixColumnHeaders = engine?.fixColumnHeaders;
+  if (!columns || isEmpty(columns)) {
     return null;
   }
-  return /* @__PURE__ */ jsxRuntime.jsx(ui.TableHead, { children: /* @__PURE__ */ jsxRuntime.jsx(
+  return /* @__PURE__ */ jsx(TableHead, { children: /* @__PURE__ */ jsx(
     ColumnRenderer,
     {
       column: columns[0],
@@ -95,6 +89,6 @@ function TableHeaders() {
   ) });
 }
 
-exports.TableHeaders = TableHeaders;
+export { TableHeaders };
 //# sourceMappingURL=out.js.map
 //# sourceMappingURL=index.js.map

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

@@ -1 +1 @@
-{"version":3,"sources":["../../../../../src/components/DHIS2PivotTable/components/TableHeaders/index.tsx"],"names":["column"],"mappings":"AA0CE,mBAKK,KAJJ,YADD;AAzCF,SAAS,iCAAiC;AAC1C,SAAS,uBAAuB,cAAc,iBAAiB;AAC/D,SAAS,SAAS,OAAO,aAAa;AAEtC,OAAO,aAAa;AACpB,SAAS,sBAAsB;AAE/B,SAAS,eAAe;AAAA,EACvB;AAAA,EACA;AAAA,EACA,QAAQ,EAAE,kBAAkB,YAAY,aAAa,GAAG,QAAQ;AACjE,GAS8B;AAC7B,QAAM,CAAC,iBAAiB,EAAE,OAAO,CAAC,IAAI,eAAe;AAErD,MAAI,CAAC,QAAQ;AACZ,WAAO;AAAA,EACR;AACA,QAAM,UAAU,MAAM,SAAS,QAAQ,CAAC,EAAE,OAAO,CAAC,KAAKA,YAAW;AACjE,WAAO,OAAOA,QAAO,OAAO,UAAU;AAAA,EACvC,GAAG,CAAC;AAEJ,QAAM,gBAAgB,CAAC,QAAQ,QAAQ,QAAQ,CAAC,CAAC;AACjD,QAAM,aAAa,QAAQ,QAAQ,CAAC;AAEpC,QAAM,uBAAuB,MAAM,SAAS,GAAG,KAAK,EAAE;AAAA,IACrD,CAAC,KAAKA,YAAW;AAChB,aAAO,OAAOA,QAAO,OAAO,UAAU;AAAA,IACvC;AAAA,IACA;AAAA,EACD;AAEA,SACC,iCACC;AAAA,yBAAC,gBACC;AAAA,gBAAU,KACV,YAAY,IAAI,CAAC,WAAW;AAC3B,eACC;AAAA,UAAC;AAAA;AAAA,YACA,OAAO;AAAA,YAGP,KAAK;AAAA,YACL,WAAW,QAAQ,cAAc;AAAA,YACjC,SAAS,QAAQ,OAAO,SAAS;AAAA,YAGhC,iBAAO,SAAS;AAAA;AAAA,UAFZ,GAAG,OAAO,SAAS;AAAA,QAGzB;AAAA,MAEF,CAAC;AAAA,MACD,MAAM,sBAAsB,CAAC,UAAU;AACvC,eAAO,OAAO,OAAO,IAAI,CAAC,SACzB;AAAA,UAAC;AAAA;AAAA,YACA,OAAO;AAAA,YAGP,KAAK,GAAG,WAAW,SAAS,CAAC;AAAA,YAC7B,KAAK,UAAU,IAAI,kBAAkB;AAAA,YACrC,WAAW,QAAQ,cAAc;AAAA,YACjC,OAAM;AAAA,YACN,SAAS,QAAQ,SAAS;AAAA,YAGzB,eAAK;AAAA;AAAA,UAFD,GAAG,KAAK,IAAI,KAAK,IAAI;AAAA,QAG3B,CACA;AAAA,MACF,CAAC;AAAA,OACF;AAAA,IACC,gBACA;AAAA,MAAC;AAAA;AAAA,QACA,QAAQ;AAAA,QACR,OAAO,QAAQ;AAAA,QACf,QAAQ;AAAA,UACP;AAAA,UACA;AAAA,UACA,YAAY;AAAA,UACZ;AAAA,QACD;AAAA;AAAA,IACD,IACG;AAAA,KACL;AAEF;AAEO,SAAS,eAAe;AAC9B,QAAM,SAAS,0BAA0B;AACzC,QAAM,UAAU,QAAQ;AACxB,QAAM,aAAa,QAAQ;AAC3B,QAAM,mBAAmB,QAAQ;AAEjC,MAAI,CAAC,WAAW,QAAQ,OAAO,GAAG;AACjC,WAAO;AAAA,EACR;AAEA,SACC,oBAAC,aACA;AAAA,IAAC;AAAA;AAAA,MACA,QAAQ,QAAQ,CAAC;AAAA,MACjB,OAAO;AAAA,MACP,QAAQ,EAAE,YAAY,SAAS,iBAAiB;AAAA;AAAA,EACjD,GACD;AAEF","sourcesContent":["import React from \"react\";\nimport { useCustomPivotTableEngine } from \"../../state/engine\";\nimport { DataTableColumnHeader, DataTableRow, TableHead } from \"@dhis2/ui\";\nimport { isEmpty, slice, times } from \"lodash\";\nimport { Header } from \"../../services/engine\";\nimport classes from \"./TableHeaders.module.css\";\nimport { useElementSize } from \"usehooks-ts\";\n\nfunction ColumnRenderer({\n\tcolumn,\n\tindex,\n\tconfig: { fixColumnHeaders, rowHeaders, prevHeight = 0, columns },\n}: {\n\tcolumn: Header;\n\tindex: number;\n\tconfig: {\n\t\tcolumns: Header[];\n\t\trowHeaders?: Header[];\n\t\tprevHeight?: number;\n\t\tfixColumnHeaders?: boolean;\n\t};\n}): React.ReactElement | null {\n\tconst [columnHeaderRef, { height }] = useElementSize();\n\n\tif (!column) {\n\t\treturn null;\n\t}\n\tconst colSpan = slice(columns, index + 1).reduce((acc, column) => {\n\t\treturn acc * (column.items?.length ?? 1);\n\t}, 1);\n\n\tconst hasSubColumns = !isEmpty(columns[index + 1]);\n\tconst nextColumn = columns[index + 1];\n\n\tconst multiplicationFactor = slice(columns, 0, index).reduce(\n\t\t(acc, column) => {\n\t\t\treturn acc * (column.items?.length ?? 1);\n\t\t},\n\t\t1,\n\t);\n\n\treturn (\n\t\t<>\n\t\t\t<DataTableRow>\n\t\t\t\t{index === 0 &&\n\t\t\t\t\trowHeaders?.map((header) => {\n\t\t\t\t\t\treturn (\n\t\t\t\t\t\t\t<DataTableColumnHeader\n\t\t\t\t\t\t\t\tfixed={fixColumnHeaders}\n\t\t\t\t\t\t\t\t/*\n      // @ts-ignore */\n\t\t\t\t\t\t\t\ttop={\"0\"}\n\t\t\t\t\t\t\t\tclassName={classes[\"table-header\"]}\n\t\t\t\t\t\t\t\trowSpan={columns.length.toString()}\n\t\t\t\t\t\t\t\tkey={`${header.dimension}-header-column`}\n\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t{header.label ?? \"\"}\n\t\t\t\t\t\t\t</DataTableColumnHeader>\n\t\t\t\t\t\t);\n\t\t\t\t\t})}\n\t\t\t\t{times(multiplicationFactor, (colNo) => {\n\t\t\t\t\treturn column.items?.map((item) => (\n\t\t\t\t\t\t<DataTableColumnHeader\n\t\t\t\t\t\t\tfixed={fixColumnHeaders}\n\t\t\t\t\t\t\t/*\n      // @ts-ignore */\n\t\t\t\t\t\t\ttop={`${prevHeight.toString()}px`}\n\t\t\t\t\t\t\tref={index === 0 ? columnHeaderRef : undefined}\n\t\t\t\t\t\t\tclassName={classes[\"table-header\"]}\n\t\t\t\t\t\t\talign=\"center\"\n\t\t\t\t\t\t\tcolSpan={colSpan.toString()}\n\t\t\t\t\t\t\tkey={`${colNo}-${item.name}-column-header`}\n\t\t\t\t\t\t>\n\t\t\t\t\t\t\t{item.name as unknown as string}\n\t\t\t\t\t\t</DataTableColumnHeader>\n\t\t\t\t\t));\n\t\t\t\t})}\n\t\t\t</DataTableRow>\n\t\t\t{hasSubColumns ? (\n\t\t\t\t<ColumnRenderer\n\t\t\t\t\tcolumn={nextColumn}\n\t\t\t\t\tindex={index + 1}\n\t\t\t\t\tconfig={{\n\t\t\t\t\t\tcolumns,\n\t\t\t\t\t\trowHeaders,\n\t\t\t\t\t\tprevHeight: height,\n\t\t\t\t\t\tfixColumnHeaders,\n\t\t\t\t\t}}\n\t\t\t\t/>\n\t\t\t) : null}\n\t\t</>\n\t);\n}\n\nexport function TableHeaders() {\n\tconst engine = useCustomPivotTableEngine();\n\tconst columns = engine?.columnHeaders;\n\tconst rowHeaders = engine?.rowHeaders;\n\tconst fixColumnHeaders = engine?.fixColumnHeaders;\n\n\tif (!columns || isEmpty(columns)) {\n\t\treturn null;\n\t}\n\n\treturn (\n\t\t<TableHead>\n\t\t\t<ColumnRenderer\n\t\t\t\tcolumn={columns[0]}\n\t\t\t\tindex={0}\n\t\t\t\tconfig={{ rowHeaders, columns, fixColumnHeaders }}\n\t\t\t/>\n\t\t</TableHead>\n\t);\n}\n"]}
+{"version":3,"sources":["../../../../../src/components/DHIS2PivotTable/components/TableHeaders/index.tsx"],"names":["column"],"mappings":"AA0CE,mBAKK,KAJJ,YADD;AAzCF,SAAS,iCAAiC;AAC1C,SAAS,uBAAuB,cAAc,iBAAiB;AAC/D,SAAS,SAAS,OAAO,aAAa;AAEtC,OAAO,aAAa;AACpB,SAAS,sBAAsB;AAE/B,SAAS,eAAe;AAAA,EACvB;AAAA,EACA;AAAA,EACA,QAAQ,EAAE,kBAAkB,YAAY,aAAa,GAAG,QAAQ;AACjE,GAS8B;AAC7B,QAAM,CAAC,iBAAiB,EAAE,OAAO,CAAC,IAAI,eAAe;AAErD,MAAI,CAAC,QAAQ;AACZ,WAAO;AAAA,EACR;AACA,QAAM,UAAU,MAAM,SAAS,QAAQ,CAAC,EAAE,OAAO,CAAC,KAAKA,YAAW;AACjE,WAAO,OAAOA,QAAO,OAAO,UAAU;AAAA,EACvC,GAAG,CAAC;AAEJ,QAAM,gBAAgB,CAAC,QAAQ,QAAQ,QAAQ,CAAC,CAAC;AACjD,QAAM,aAAa,QAAQ,QAAQ,CAAC;AAEpC,QAAM,uBAAuB,MAAM,SAAS,GAAG,KAAK,EAAE;AAAA,IACrD,CAAC,KAAKA,YAAW;AAChB,aAAO,OAAOA,QAAO,OAAO,UAAU;AAAA,IACvC;AAAA,IACA;AAAA,EACD;AAEA,SACC,iCACC;AAAA,yBAAC,gBACC;AAAA,gBAAU,KACV,YAAY,IAAI,CAAC,WAAW;AAC3B,eACC;AAAA,UAAC;AAAA;AAAA,YACA,OAAO;AAAA,YAGP,KAAK;AAAA,YACL,WAAW,QAAQ,cAAc;AAAA,YACjC,SAAS,QAAQ,OAAO,SAAS;AAAA,YAGhC,iBAAO,SAAS;AAAA;AAAA,UAFZ,GAAG,OAAO,SAAS;AAAA,QAGzB;AAAA,MAEF,CAAC;AAAA,MACD,MAAM,sBAAsB,CAAC,UAAU;AACvC,eAAO,OAAO,OAAO,IAAI,CAAC,SACzB;AAAA,UAAC;AAAA;AAAA,YACA,OAAO;AAAA,YAGP,KAAK,GAAG,WAAW,SAAS,CAAC;AAAA,YAC7B,KAAK,UAAU,IAAI,kBAAkB;AAAA,YACrC,WAAW,QAAQ,cAAc;AAAA,YACjC,OAAM;AAAA,YACN,SAAS,QAAQ,SAAS;AAAA,YAGzB,eAAK;AAAA;AAAA,UAFD,GAAG,KAAK,IAAI,KAAK,IAAI;AAAA,QAG3B,CACA;AAAA,MACF,CAAC;AAAA,OACF;AAAA,IACC,gBACA;AAAA,MAAC;AAAA;AAAA,QACA,QAAQ;AAAA,QACR,OAAO,QAAQ;AAAA,QACf,QAAQ;AAAA,UACP;AAAA,UACA;AAAA,UACA,YAAY;AAAA,UACZ;AAAA,QACD;AAAA;AAAA,IACD,IACG;AAAA,KACL;AAEF;AAEO,SAAS,eAAe;AAC9B,QAAM,SAAS,0BAA0B;AACzC,QAAM,UAAU,QAAQ;AACxB,QAAM,aAAa,QAAQ;AAC3B,QAAM,mBAAmB,QAAQ;AAEjC,MAAI,CAAC,WAAW,QAAQ,OAAO,GAAG;AACjC,WAAO;AAAA,EACR;AAEA,SACC,oBAAC,aACA;AAAA,IAAC;AAAA;AAAA,MACA,QAAQ,QAAQ,CAAC;AAAA,MACjB,OAAO;AAAA,MACP,QAAQ,EAAE,YAAY,SAAS,iBAAiB;AAAA;AAAA,EACjD,GACD;AAEF","sourcesContent":["import React from \"react\";\nimport { useCustomPivotTableEngine } from \"../../state/engine.js\";\nimport { DataTableColumnHeader, DataTableRow, TableHead } from \"@dhis2/ui\";\nimport { isEmpty, slice, times } from \"lodash\";\nimport { Header } from \"../../services/engine.js\";\nimport classes from \"./TableHeaders.module.css\";\nimport { useElementSize } from \"usehooks-ts\";\n\nfunction ColumnRenderer({\n\tcolumn,\n\tindex,\n\tconfig: { fixColumnHeaders, rowHeaders, prevHeight = 0, columns },\n}: {\n\tcolumn: Header;\n\tindex: number;\n\tconfig: {\n\t\tcolumns: Header[];\n\t\trowHeaders?: Header[];\n\t\tprevHeight?: number;\n\t\tfixColumnHeaders?: boolean;\n\t};\n}): React.ReactElement | null {\n\tconst [columnHeaderRef, { height }] = useElementSize();\n\n\tif (!column) {\n\t\treturn null;\n\t}\n\tconst colSpan = slice(columns, index + 1).reduce((acc, column) => {\n\t\treturn acc * (column.items?.length ?? 1);\n\t}, 1);\n\n\tconst hasSubColumns = !isEmpty(columns[index + 1]);\n\tconst nextColumn = columns[index + 1];\n\n\tconst multiplicationFactor = slice(columns, 0, index).reduce(\n\t\t(acc, column) => {\n\t\t\treturn acc * (column.items?.length ?? 1);\n\t\t},\n\t\t1,\n\t);\n\n\treturn (\n\t\t<>\n\t\t\t<DataTableRow>\n\t\t\t\t{index === 0 &&\n\t\t\t\t\trowHeaders?.map((header) => {\n\t\t\t\t\t\treturn (\n\t\t\t\t\t\t\t<DataTableColumnHeader\n\t\t\t\t\t\t\t\tfixed={fixColumnHeaders}\n\t\t\t\t\t\t\t\t/*\n      // @ts-ignore */\n\t\t\t\t\t\t\t\ttop={\"0\"}\n\t\t\t\t\t\t\t\tclassName={classes[\"table-header\"]}\n\t\t\t\t\t\t\t\trowSpan={columns.length.toString()}\n\t\t\t\t\t\t\t\tkey={`${header.dimension}-header-column`}\n\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t{header.label ?? \"\"}\n\t\t\t\t\t\t\t</DataTableColumnHeader>\n\t\t\t\t\t\t);\n\t\t\t\t\t})}\n\t\t\t\t{times(multiplicationFactor, (colNo) => {\n\t\t\t\t\treturn column.items?.map((item) => (\n\t\t\t\t\t\t<DataTableColumnHeader\n\t\t\t\t\t\t\tfixed={fixColumnHeaders}\n\t\t\t\t\t\t\t/*\n      // @ts-ignore */\n\t\t\t\t\t\t\ttop={`${prevHeight.toString()}px`}\n\t\t\t\t\t\t\tref={index === 0 ? columnHeaderRef : undefined}\n\t\t\t\t\t\t\tclassName={classes[\"table-header\"]}\n\t\t\t\t\t\t\talign=\"center\"\n\t\t\t\t\t\t\tcolSpan={colSpan.toString()}\n\t\t\t\t\t\t\tkey={`${colNo}-${item.name}-column-header`}\n\t\t\t\t\t\t>\n\t\t\t\t\t\t\t{item.name as unknown as string}\n\t\t\t\t\t\t</DataTableColumnHeader>\n\t\t\t\t\t));\n\t\t\t\t})}\n\t\t\t</DataTableRow>\n\t\t\t{hasSubColumns ? (\n\t\t\t\t<ColumnRenderer\n\t\t\t\t\tcolumn={nextColumn}\n\t\t\t\t\tindex={index + 1}\n\t\t\t\t\tconfig={{\n\t\t\t\t\t\tcolumns,\n\t\t\t\t\t\trowHeaders,\n\t\t\t\t\t\tprevHeight: height,\n\t\t\t\t\t\tfixColumnHeaders,\n\t\t\t\t\t}}\n\t\t\t\t/>\n\t\t\t) : null}\n\t\t</>\n\t);\n}\n\nexport function TableHeaders() {\n\tconst engine = useCustomPivotTableEngine();\n\tconst columns = engine?.columnHeaders;\n\tconst rowHeaders = engine?.rowHeaders;\n\tconst fixColumnHeaders = engine?.fixColumnHeaders;\n\n\tif (!columns || isEmpty(columns)) {\n\t\treturn null;\n\t}\n\n\treturn (\n\t\t<TableHead>\n\t\t\t<ColumnRenderer\n\t\t\t\tcolumn={columns[0]}\n\t\t\t\tindex={0}\n\t\t\t\tconfig={{ rowHeaders, columns, fixColumnHeaders }}\n\t\t\t/>\n\t\t</TableHead>\n\t);\n}\n"]}

package/dist/components/DHIS2PivotTable/index.js

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

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

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

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

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

package/dist/components/DHIS2PivotTable/services/engine.js

@@ -1,21 +1,13 @@
-'use strict';
-
-var lodash = require('lodash');
+import { findIndex, intersection, compact, times, zip } from 'lodash';
 
 class DHIS2PivotTableEngine {
-  analyticsData;
-  valueIndex;
-  config;
-  rowHeaders;
-  columnHeaders;
-  columnMap;
   constructor({
     analytics,
     config
   }) {
     this.config = config;
     this.analyticsData = analytics;
-    this.valueIndex = lodash.findIndex(this.analyticsData.headers, [
+    this.valueIndex = findIndex(this.analyticsData.headers, [
       "name",
       "value"
     ]);
@@ -37,7 +29,7 @@ class DHIS2PivotTableEngine {
   getValue(mapper) {
     const dimensions = Object.values(mapper);
     const data = this.analyticsData.rows?.filter(
-      (row) => lodash.intersection(row, dimensions).length >= dimensions.length
+      (row) => intersection(row, dimensions).length >= dimensions.length
     );
     return data?.reduce((acc, row) => {
       return acc + parseFloat(row[this.valueIndex]);
@@ -47,7 +39,7 @@ class DHIS2PivotTableEngine {
     this.rowHeaders = this.config.layout.rows.map((rowConfig) => {
       return {
         ...rowConfig,
-        items: lodash.compact(
+        items: compact(
           this.getDimensionItems(rowConfig.dimension).map(
             (itemId) => this.getItem(itemId)
           )
@@ -57,7 +49,7 @@ class DHIS2PivotTableEngine {
     this.columnHeaders = this.config.layout.columns.map((columnConfig) => {
       return {
         ...columnConfig,
-        items: lodash.compact(
+        items: compact(
           this.getDimensionItems(columnConfig.dimension).map(
             (itemId) => this.getItem(itemId)
           )
@@ -67,7 +59,7 @@ class DHIS2PivotTableEngine {
   }
   getColumnMap() {
     const columns = this.columnHeaders;
-    const sanitizedColumns = lodash.compact(
+    const sanitizedColumns = compact(
       columns?.map(
         (column) => column.items?.map((item) => ({
           [column.dimension]: item.uid
@@ -78,10 +70,10 @@ class DHIS2PivotTableEngine {
       return acc * (items?.length ?? 1);
     }, 1);
     const standardiseColumns = sanitizedColumns.map((items) => [
-      ...lodash.times(size / items.length, () => items).flat()
+      ...times(size / items.length, () => items).flat()
     ]);
-    this.columnMap = lodash.compact(
-      lodash.zip(...standardiseColumns).map(
+    this.columnMap = compact(
+      zip(...standardiseColumns).map(
         (arr) => arr.reduce((obj, value) => {
           return { ...obj, ...value };
         })
@@ -90,6 +82,6 @@ class DHIS2PivotTableEngine {
   }
 }
 
-exports.DHIS2PivotTableEngine = DHIS2PivotTableEngine;
+export { DHIS2PivotTableEngine };
 //# sourceMappingURL=out.js.map
 //# sourceMappingURL=engine.js.map