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

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

@@ -0,0 +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.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/esm/components/CircularProgressDashboard/CircularProgressIndicator.stories.js

@@ -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.js.map

package/dist/esm/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/esm/components/CircularProgressDashboard/index.js

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

package/dist/esm/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.js\";\nexport * from \"./types/props.js\";\n"]}

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

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

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

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

package/dist/esm/components/DHIS2PivotTable/DHIS2PivotTable.js

@@ -0,0 +1,26 @@
+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 = 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.js.map

package/dist/esm/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.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/esm/components/DHIS2PivotTable/DHIS2PivotTable.stories.js

@@ -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.js.map

package/dist/esm/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/esm/components/DHIS2PivotTable/components/Table/index.js

@@ -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.js.map

package/dist/esm/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/esm/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/esm/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/esm/components/DHIS2PivotTable/components/TableBody/index.js

@@ -0,0 +1,106 @@
+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 = 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.js.map

package/dist/esm/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.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/esm/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/esm/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":[]}

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

@@ -0,0 +1,94 @@
+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 }] = useElementSize();
+  if (!column) {
+    return null;
+  }
+  const colSpan = slice(columns, index + 1).reduce((acc, column2) => {
+    return acc * (column2.items?.length ?? 1);
+  }, 1);
+  const hasSubColumns = !isEmpty(columns[index + 1]);
+  const nextColumn = columns[index + 1];
+  const multiplicationFactor = slice(columns, 0, index).reduce(
+    (acc, column2) => {
+      return acc * (column2.items?.length ?? 1);
+    },
+    1
+  );
+  return /* @__PURE__ */ jsxs(Fragment, { children: [
+    /* @__PURE__ */ jsxs(DataTableRow, { children: [
+      index === 0 && rowHeaders?.map((header) => {
+        return /* @__PURE__ */ jsx(
+          DataTableColumnHeader,
+          {
+            fixed: fixColumnHeaders,
+            top: "0",
+            className: classes["table-header"],
+            rowSpan: columns.length.toString(),
+            children: header.label ?? ""
+          },
+          `${header.dimension}-header-column`
+        );
+      }),
+      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["table-header"],
+            align: "center",
+            colSpan: colSpan.toString(),
+            children: item.name
+          },
+          `${colNo}-${item.name}-column-header`
+        ));
+      })
+    ] }),
+    hasSubColumns ? /* @__PURE__ */ jsx(
+      ColumnRenderer,
+      {
+        column: nextColumn,
+        index: index + 1,
+        config: {
+          columns,
+          rowHeaders,
+          prevHeight: height,
+          fixColumnHeaders
+        }
+      }
+    ) : null
+  ] });
+}
+function TableHeaders() {
+  const engine = useCustomPivotTableEngine();
+  const columns = engine?.columnHeaders;
+  const rowHeaders = engine?.rowHeaders;
+  const fixColumnHeaders = engine?.fixColumnHeaders;
+  if (!columns || isEmpty(columns)) {
+    return null;
+  }
+  return /* @__PURE__ */ jsx(TableHead, { children: /* @__PURE__ */ jsx(
+    ColumnRenderer,
+    {
+      column: columns[0],
+      index: 0,
+      config: { rowHeaders, columns, fixColumnHeaders }
+    }
+  ) });
+}
+
+export { TableHeaders };
+//# sourceMappingURL=out.js.map
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +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.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/esm/components/DHIS2PivotTable/index.js

@@ -0,0 +1,4 @@
+export * from './DHIS2PivotTable.js';
+export * from './interfaces/index.js';
+//# sourceMappingURL=out.js.map
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+{"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/esm/components/DHIS2PivotTable/interfaces/index.js

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

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

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

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

@@ -0,0 +1,87 @@
+import { findIndex, intersection, compact, times, zip } from 'lodash';
+
+class DHIS2PivotTableEngine {
+  constructor({
+    analytics,
+    config
+  }) {
+    this.config = config;
+    this.analyticsData = analytics;
+    this.valueIndex = findIndex(this.analyticsData.headers, [
+      "name",
+      "value"
+    ]);
+    this.getHeaders();
+    this.getColumnMap();
+  }
+  get fixColumnHeaders() {
+    return this.config.options?.fixColumnHeaders ?? true;
+  }
+  get fixRowHeaders() {
+    return this.config.options?.fixRowHeaders ?? true;
+  }
+  getDimensionItems(dimension) {
+    return this.analyticsData.metaData?.dimensions[dimension] ?? [];
+  }
+  getItem(id) {
+    return this.analyticsData.metaData?.items[id];
+  }
+  getValue(mapper) {
+    const dimensions = Object.values(mapper);
+    const data = this.analyticsData.rows?.filter(
+      (row) => intersection(row, dimensions).length >= dimensions.length
+    );
+    return data?.reduce((acc, row) => {
+      return acc + parseFloat(row[this.valueIndex]);
+    }, 0);
+  }
+  getHeaders() {
+    this.rowHeaders = this.config.layout.rows.map((rowConfig) => {
+      return {
+        ...rowConfig,
+        items: compact(
+          this.getDimensionItems(rowConfig.dimension).map(
+            (itemId) => this.getItem(itemId)
+          )
+        )
+      };
+    });
+    this.columnHeaders = this.config.layout.columns.map((columnConfig) => {
+      return {
+        ...columnConfig,
+        items: compact(
+          this.getDimensionItems(columnConfig.dimension).map(
+            (itemId) => this.getItem(itemId)
+          )
+        )
+      };
+    });
+  }
+  getColumnMap() {
+    const columns = this.columnHeaders;
+    const sanitizedColumns = compact(
+      columns?.map(
+        (column) => column.items?.map((item) => ({
+          [column.dimension]: item.uid
+        }))
+      )
+    ) ?? [];
+    const size = sanitizedColumns.reduce((acc, items) => {
+      return acc * (items?.length ?? 1);
+    }, 1);
+    const standardiseColumns = sanitizedColumns.map((items) => [
+      ...times(size / items.length, () => items).flat()
+    ]);
+    this.columnMap = compact(
+      zip(...standardiseColumns).map(
+        (arr) => arr.reduce((obj, value) => {
+          return { ...obj, ...value };
+        })
+      )
+    );
+  }
+}
+
+export { DHIS2PivotTableEngine };
+//# sourceMappingURL=out.js.map
+//# sourceMappingURL=engine.js.map

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

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../../src/components/DHIS2PivotTable/services/engine.ts"],"names":[],"mappings":"AACA,SAAS,SAAS,WAAW,cAAc,OAAO,WAAW;AA6BtD,MAAM,sBAAsB;AAAA,EASlC,YAAY;AAAA,IACX;AAAA,IACA;AAAA,EACD,GAGG;AACF,SAAK,SAAS;AACd,SAAK,gBAAgB;AACrB,SAAK,aAAa,UAAU,KAAK,cAAc,SAAS;AAAA,MACvD;AAAA,MACA;AAAA,IACD,CAAC;AACD,SAAK,WAAW;AAChB,SAAK,aAAa;AAAA,EACnB;AAAA,EAEA,IAAI,mBAAmB;AACtB,WAAO,KAAK,OAAO,SAAS,oBAAoB;AAAA,EACjD;AAAA,EAEA,IAAI,gBAAgB;AACnB,WAAO,KAAK,OAAO,SAAS,iBAAiB;AAAA,EAC9C;AAAA,EAEA,kBAAkB,WAA2B;AAC5C,WAAO,KAAK,cAAc,UAAU,WAAW,SAAS,KAAK,CAAC;AAAA,EAC/D;AAAA,EAEA,QAAQ,IAAY;AACnB,WAAO,KAAK,cAAc,UAAU,MAAM,EAAS;AAAA,EACpD;AAAA,EAEA,SAAS,QAAgC;AACxC,UAAM,aAAa,OAAO,OAAO,MAAM;AACvC,UAAM,OAAO,KAAK,cAAc,MAAM;AAAA,MACrC,CAAC,QAAQ,aAAa,KAAK,UAAU,EAAE,UAAU,WAAW;AAAA,IAC7D;AACA,WAAO,MAAM,OAAO,CAAC,KAAK,QAAQ;AACjC,aAAO,MAAM,WAAW,IAAI,KAAK,UAAU,CAAC;AAAA,IAC7C,GAAG,CAAC;AAAA,EACL;AAAA,EAEA,aAAa;AACZ,SAAK,aAAa,KAAK,OAAO,OAAO,KAAK,IAAI,CAAC,cAAc;AAC5D,aAAO;AAAA,QACN,GAAG;AAAA,QACH,OAAO;AAAA,UACN,KAAK,kBAAkB,UAAU,SAAS,EAAE;AAAA,YAC3C,CAAC,WAAmB,KAAK,QAAQ,MAAM;AAAA,UACxC;AAAA,QACD;AAAA,MACD;AAAA,IACD,CAAC;AACD,SAAK,gBAAgB,KAAK,OAAO,OAAO,QAAQ,IAAI,CAAC,iBAAiB;AACrE,aAAO;AAAA,QACN,GAAG;AAAA,QACH,OAAO;AAAA,UACN,KAAK,kBAAkB,aAAa,SAAS,EAAE;AAAA,YAC9C,CAAC,WAAmB,KAAK,QAAQ,MAAM;AAAA,UACxC;AAAA,QACD;AAAA,MACD;AAAA,IACD,CAAC;AAAA,EACF;AAAA,EAEA,eAAe;AACd,UAAM,UAAU,KAAK;AACrB,UAAM,mBACL;AAAA,MACC,SAAS;AAAA,QACR,CAAC,WACA,OAAO,OAAO,IAAI,CAAC,UAAU;AAAA,UAC5B,CAAC,OAAO,SAAS,GAAG,KAAK;AAAA,QAC1B,EAAE;AAAA,MACJ;AAAA,IACD,KAAK,CAAC;AACP,UAAM,OAAO,iBAAiB,OAAO,CAAC,KAAK,UAAU;AACpD,aAAO,OAAO,OAAO,UAAU;AAAA,IAChC,GAAG,CAAC;AACJ,UAAM,qBAAqB,iBAAiB,IAAI,CAAC,UAAU;AAAA,MAC1D,GAAG,MAAM,OAAO,MAAM,QAAQ,MAAM,KAAK,EAAE,KAAK;AAAA,IACjD,CAAC;AACD,SAAK,YAAY;AAAA,MAChB,IAAI,GAAG,kBAAkB,EAAE;AAAA,QAAI,CAAC,QAC/B,IAAI,OAAO,CAAC,KAAK,UAAU;AAC1B,iBAAO,EAAE,GAAG,KAAK,GAAG,MAAM;AAAA,QAC3B,CAAC;AAAA,MACF;AAAA,IACD;AAAA,EACD;AACD","sourcesContent":["import { Analytics, AnalyticsItem, LegendSet } from \"@hisptz/dhis2-utils\";\nimport { compact, findIndex, intersection, times, zip } from \"lodash\";\nimport { DHIS2Dimension } from \"../interfaces/index.js\";\n\nexport interface EngineConfig {\n\tlayout: {\n\t\tcolumns: { dimension: DHIS2Dimension; label?: string }[];\n\t\trows: { dimension: DHIS2Dimension; label?: string }[];\n\t\tfilter?: { dimension: DHIS2Dimension; label?: string }[];\n\t};\n\toptions?: {\n\t\tlegendSets?: LegendSet[];\n\t\thideEmptyColumns?: boolean;\n\t\thideEmptyRows?: boolean;\n\t\tshowRowTotals?: boolean;\n\t\tshowColumnTotals?: boolean;\n\t\tshowRowSubtotals?: boolean;\n\t\tshowColumnSubtotals?: boolean;\n\t\tfixColumnHeaders?: boolean;\n\t\tfixRowHeaders?: boolean;\n\t\t[key: string]: any;\n\t};\n}\n\nexport interface Header {\n\tdimension: DHIS2Dimension;\n\tlabel?: string;\n\titems?: AnalyticsItem[];\n}\n\nexport class DHIS2PivotTableEngine {\n\tanalyticsData: Analytics;\n\tvalueIndex: number;\n\tconfig: EngineConfig;\n\trowHeaders?: Header[];\n\tcolumnHeaders?: Header[];\n\n\tcolumnMap?: { [key: string]: any }[];\n\n\tconstructor({\n\t\tanalytics,\n\t\tconfig,\n\t}: {\n\t\tanalytics: Analytics;\n\t\tconfig: EngineConfig;\n\t}) {\n\t\tthis.config = config;\n\t\tthis.analyticsData = analytics;\n\t\tthis.valueIndex = findIndex(this.analyticsData.headers, [\n\t\t\t\"name\",\n\t\t\t\"value\",\n\t\t]);\n\t\tthis.getHeaders();\n\t\tthis.getColumnMap();\n\t}\n\n\tget fixColumnHeaders() {\n\t\treturn this.config.options?.fixColumnHeaders ?? true;\n\t}\n\n\tget fixRowHeaders() {\n\t\treturn this.config.options?.fixRowHeaders ?? true;\n\t}\n\n\tgetDimensionItems(dimension: DHIS2Dimension) {\n\t\treturn this.analyticsData.metaData?.dimensions[dimension] ?? [];\n\t}\n\n\tgetItem(id: string) {\n\t\treturn this.analyticsData.metaData?.items[id as any];\n\t}\n\n\tgetValue(mapper: { [key: string]: any }) {\n\t\tconst dimensions = Object.values(mapper);\n\t\tconst data = this.analyticsData.rows?.filter(\n\t\t\t(row) => intersection(row, dimensions).length >= dimensions.length,\n\t\t);\n\t\treturn data?.reduce((acc, row) => {\n\t\t\treturn acc + parseFloat(row[this.valueIndex]);\n\t\t}, 0);\n\t}\n\n\tgetHeaders() {\n\t\tthis.rowHeaders = this.config.layout.rows.map((rowConfig) => {\n\t\t\treturn {\n\t\t\t\t...rowConfig,\n\t\t\t\titems: compact(\n\t\t\t\t\tthis.getDimensionItems(rowConfig.dimension).map(\n\t\t\t\t\t\t(itemId: string) => this.getItem(itemId),\n\t\t\t\t\t),\n\t\t\t\t),\n\t\t\t};\n\t\t});\n\t\tthis.columnHeaders = this.config.layout.columns.map((columnConfig) => {\n\t\t\treturn {\n\t\t\t\t...columnConfig,\n\t\t\t\titems: compact(\n\t\t\t\t\tthis.getDimensionItems(columnConfig.dimension).map(\n\t\t\t\t\t\t(itemId: string) => this.getItem(itemId),\n\t\t\t\t\t),\n\t\t\t\t),\n\t\t\t};\n\t\t});\n\t}\n\n\tgetColumnMap() {\n\t\tconst columns = this.columnHeaders;\n\t\tconst sanitizedColumns =\n\t\t\tcompact(\n\t\t\t\tcolumns?.map(\n\t\t\t\t\t(column) =>\n\t\t\t\t\t\tcolumn.items?.map((item) => ({\n\t\t\t\t\t\t\t[column.dimension]: item.uid,\n\t\t\t\t\t\t})),\n\t\t\t\t),\n\t\t\t) ?? [];\n\t\tconst size = sanitizedColumns.reduce((acc, items) => {\n\t\t\treturn acc * (items?.length ?? 1);\n\t\t}, 1);\n\t\tconst standardiseColumns = sanitizedColumns.map((items) => [\n\t\t\t...times(size / items.length, () => items).flat(),\n\t\t]);\n\t\tthis.columnMap = compact(\n\t\t\tzip(...standardiseColumns).map((arr) =>\n\t\t\t\tarr.reduce((obj, value) => {\n\t\t\t\t\treturn { ...obj, ...value };\n\t\t\t\t}),\n\t\t\t),\n\t\t);\n\t}\n}\n"]}

package/dist/esm/components/DHIS2PivotTable/state/engine.js

@@ -0,0 +1,17 @@
+import { jsx } from 'react/jsx-runtime';
+import { createContext, useContext } from 'react';
+
+const DHIS2PivotTableEngineContext = createContext(null);
+function useCustomPivotTableEngine() {
+  return useContext(DHIS2PivotTableEngineContext);
+}
+function DHIS2PivotTableEngineProvider({
+  children,
+  engine
+}) {
+  return /* @__PURE__ */ jsx(DHIS2PivotTableEngineContext.Provider, { value: engine, children });
+}
+
+export { DHIS2PivotTableEngineProvider, useCustomPivotTableEngine };
+//# sourceMappingURL=out.js.map
+//# sourceMappingURL=engine.js.map

package/dist/esm/components/DHIS2PivotTable/state/engine.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../../src/components/DHIS2PivotTable/state/engine.tsx"],"names":[],"mappings":"AAkBE;AAlBF,SAAgB,eAA0B,kBAAkB;AAG5D,MAAM,+BACL,cAA4C,IAAI;AAE1C,SAAS,4BAA4B;AAC3C,SAAO,WAAW,4BAA4B;AAC/C;AAEO,SAAS,8BAA8B;AAAA,EAC7C;AAAA,EACA;AACD,GAGG;AACF,SACC,oBAAC,6BAA6B,UAA7B,EAAsC,OAAO,QAC5C,UACF;AAEF","sourcesContent":["import React, { createContext, ReactNode, useContext } from \"react\";\nimport { DHIS2PivotTableEngine } from \"../services/engine.js\";\n\nconst DHIS2PivotTableEngineContext =\n\tcreateContext<DHIS2PivotTableEngine | null>(null);\n\nexport function useCustomPivotTableEngine() {\n\treturn useContext(DHIS2PivotTableEngineContext);\n}\n\nexport function DHIS2PivotTableEngineProvider({\n\tchildren,\n\tengine,\n}: {\n\tchildren: ReactNode;\n\tengine: DHIS2PivotTableEngine;\n}) {\n\treturn (\n\t\t<DHIS2PivotTableEngineContext.Provider value={engine}>\n\t\t\t{children}\n\t\t</DHIS2PivotTableEngineContext.Provider>\n\t);\n}\n"]}

package/dist/esm/components/Map/DHIS2Map.js

@@ -0,0 +1,65 @@
+import { jsx } from 'react/jsx-runtime';
+import { forwardRef } from 'react';
+import MapArea from './components/MapArea/index.js';
+import { MapProvider } from './components/MapProvider/index.js';
+import 'leaflet/dist/leaflet.css';
+import { QueryClient, QueryClientProvider } from 'react-query';
+
+const queryClient = new QueryClient();
+const MapComponent = ({
+  orgUnitSelection,
+  pointLayer,
+  boundaryLayer,
+  thematicLayers,
+  earthEngineLayers,
+  periodSelection,
+  mapOptions,
+  key,
+  controls,
+  legends
+}, ref) => {
+  const sanitizedPointLayers = [
+    {
+      type: "point",
+      id: "point",
+      enabled: pointLayer?.enabled ?? false,
+      ...pointLayer
+    }
+  ];
+  const sanitizedBoundaryLayers = [
+    {
+      type: "overlay",
+      id: "boundary",
+      enabled: boundaryLayer?.enabled ?? false
+    }
+  ];
+  return /* @__PURE__ */ jsx(QueryClientProvider, { client: queryClient, children: /* @__PURE__ */ jsx(
+    MapProvider,
+    {
+      periodSelection,
+      orgUnitSelection,
+      children: /* @__PURE__ */ jsx(
+        MapArea,
+        {
+          layers: {
+            thematicLayers,
+            earthEngineLayers,
+            boundaryLayers: sanitizedBoundaryLayers,
+            pointLayers: sanitizedPointLayers
+          },
+          legends,
+          controls,
+          ref,
+          mapOptions
+        },
+        key
+      )
+    }
+  ) });
+};
+const DHIS2Map = forwardRef(MapComponent);
+const Map = DHIS2Map;
+
+export { DHIS2Map, Map };
+//# sourceMappingURL=out.js.map
+//# sourceMappingURL=DHIS2Map.js.map

package/dist/esm/components/Map/DHIS2Map.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../src/components/Map/DHIS2Map.tsx"],"names":[],"mappings":"AAmDI;AAlDJ,SAAgB,kBAAkB;AAClC,OAAO,aAAa;AAKpB,SAAS,mBAAmB;AAE5B,OAAO;AACP,SAAS,aAAa,2BAA2B;AAEjD,MAAM,cAAc,IAAI,YAAY;AAEpC,MAAM,eAAe,CACpB;AAAA,EACC;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AACD,GACA,QACI;AACJ,QAAM,uBAA2C;AAAA,IAChD;AAAA,MACC,MAAM;AAAA,MACN,IAAI;AAAA,MACJ,SAAS,YAAY,WAAW;AAAA,MAChC,GAAG;AAAA,IACJ;AAAA,EACD;AACA,QAAM,0BAAiD;AAAA,IACtD;AAAA,MACC,MAAM;AAAA,MACN,IAAI;AAAA,MACJ,SAAS,eAAe,WAAW;AAAA,IACpC;AAAA,EACD;AAEA,SACC,oBAAC,uBAAoB,QAAQ,aAC5B;AAAA,IAAC;AAAA;AAAA,MACA;AAAA,MACA;AAAA,MAEA;AAAA,QAAC;AAAA;AAAA,UACA,QAAQ;AAAA,YACP;AAAA,YACA;AAAA,YACA,gBAAgB;AAAA,YAChB,aAAa;AAAA,UACd;AAAA,UACA;AAAA,UACA;AAAA,UAEA;AAAA,UACA;AAAA;AAAA,QAFK;AAAA,MAGN;AAAA;AAAA,EACD,GACD;AAEF;AACO,MAAM,WAA+B,WAAW,YAAY;AAK5D,MAAM,MAAM","sourcesContent":["import { Map as LeafletMap } from \"leaflet\";\nimport React, { forwardRef } from \"react\";\nimport MapArea from \"./components/MapArea/index.js\";\nimport {\n\tCustomBoundaryLayer,\n\tCustomPointLayer,\n} from \"./components/MapLayer/interfaces\";\nimport { MapProvider } from \"./components/MapProvider/index.js\";\nimport { MapProps } from \"./interfaces/index.js\";\nimport \"leaflet/dist/leaflet.css\";\nimport { QueryClient, QueryClientProvider } from \"react-query\";\n\nconst queryClient = new QueryClient();\n\nconst MapComponent = (\n\t{\n\t\torgUnitSelection,\n\t\tpointLayer,\n\t\tboundaryLayer,\n\t\tthematicLayers,\n\t\tearthEngineLayers,\n\t\tperiodSelection,\n\t\tmapOptions,\n\t\tkey,\n\t\tcontrols,\n\t\tlegends,\n\t}: MapProps,\n\tref: React.Ref<LeafletMap> | undefined,\n) => {\n\tconst sanitizedPointLayers: CustomPointLayer[] = [\n\t\t{\n\t\t\ttype: \"point\",\n\t\t\tid: \"point\",\n\t\t\tenabled: pointLayer?.enabled ?? false,\n\t\t\t...pointLayer,\n\t\t},\n\t];\n\tconst sanitizedBoundaryLayers: CustomBoundaryLayer[] = [\n\t\t{\n\t\t\ttype: \"overlay\",\n\t\t\tid: \"boundary\",\n\t\t\tenabled: boundaryLayer?.enabled ?? false,\n\t\t},\n\t];\n\n\treturn (\n\t\t<QueryClientProvider client={queryClient}>\n\t\t\t<MapProvider\n\t\t\t\tperiodSelection={periodSelection}\n\t\t\t\torgUnitSelection={orgUnitSelection}\n\t\t\t>\n\t\t\t\t<MapArea\n\t\t\t\t\tlayers={{\n\t\t\t\t\t\tthematicLayers,\n\t\t\t\t\t\tearthEngineLayers,\n\t\t\t\t\t\tboundaryLayers: sanitizedBoundaryLayers,\n\t\t\t\t\t\tpointLayers: sanitizedPointLayers,\n\t\t\t\t\t}}\n\t\t\t\t\tlegends={legends}\n\t\t\t\t\tcontrols={controls}\n\t\t\t\t\tkey={key}\n\t\t\t\t\tref={ref}\n\t\t\t\t\tmapOptions={mapOptions}\n\t\t\t\t/>\n\t\t\t</MapProvider>\n\t\t</QueryClientProvider>\n\t);\n};\nexport const DHIS2Map: React.FC<MapProps> = forwardRef(MapComponent);\n\n/**\n * @deprecated since `v2`. Use `DHIS2Map` instead\n * */\nexport const Map = DHIS2Map;\n"]}