npm - @hisptz/dhis2-analytics - Versions diffs - 2.1.15 → 2.1.17 - Mend

@hisptz/dhis2-analytics 2.1.15 → 2.1.17

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (41) hide show

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

@@ -31,8 +31,8 @@ function DataRowRenderer({
       ui.DataTableCell,
       {
         style: {
-          background: legend?.style === "FILLED" ? legend?.color : void 0,
-          color: legend?.style === "FILLED" ? color.getTextColorFromBackgroundColor(
+          background: legend?.style === "FILL" ? legend?.color : void 0,
+          color: legend?.style === "FILL" ? color.getTextColorFromBackgroundColor(
             legend?.color
           ) : legend?.style === "TEXT" ? legend.color : void 0
         },

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

	@@ -1 +1 @@
1	- {"version":3,"sources":["../../../../../src/components/DHIS2PivotTable/components/TableBody/index.tsx"],"names":["useCustomPivotTableEngine","jsx","Fragment","mapper","DataTableCell","getTextColorFromBackgroundColor","useRef","useResizeObserver","slice","isEmpty","jsxs","DataTableRow","classes","TableBody"],"mappings":";;;;;;;;;;;;;;;AAWA,SAAS,eAAgB,CAAA;AAAA,EACxB,MAAA;AAAA,EACA,IAAA;AAAA,EACA;AACD,CAIG,EAAA;AACF,EAAA,MAAM,SAASA,mCAA0B,EAAA;AAEzC,EAAA,MAAM,gBAAgB,MAAQ,EAAA,SAAA;AAC9B,EAAA,MAAM,cAAiB,GAAA,aAAA,EAAe,GAAI,CAAA,CAAC,GAAS,MAAA;AAAA,IACnD,GAAG,GAAA;AAAA,IACH,GAAG,MAAA;AAAA,IACH,CAAC,SAAS,GAAG,IAAK,CAAA;AAAA,GACjB,CAAA,CAAA;AAEF,EAAA,uBAEGC,cAAA,CAAAC,mBAAA,EAAA,EAAA,QAAA,EAAA,cAAA,EAAgB,GAAI,CAAA,CAACC,OAAW,KAAA;AAChC,IAAM,MAAA,MAAA,GAAS,MAAQ,EAAA,kBAAA,CAAmBA,OAAM,CAAA;AAEhD,IACC,uBAAAF,cAAA;AAAA,MAACG,gBAAA;AAAA,MAAA;AAAA,QACA,KAAO,EAAA;AAAA,UACN,UACC,EAAA,MAAA,EAAQ,KAAU,KAAA,~~QAAA~~,GACf,QAAQ,KACR,GAAA,MAAA;AAAA,UACJ,KAAA,EACC,MAAQ,EAAA,KAAA,KAAU,~~QACf~~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","file":"index.js","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, useRef } from \"react\";\nimport { AnalyticsItem } from \"@hisptz/dhis2-utils\";\nimport classes from \"./TableBody.module.css\";\nimport { DHIS2Dimension } from \"../../interfaces~~/index.js~~\";\nimport { useResizeObserver } from \"usehooks-ts\";\nimport { getTextColorFromBackgroundColor } from \"../../utils/color\";\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\n\treturn (\n\t\t<>\n\t\t\t{completeMapper?.map((mapper) => {\n\t\t\t\tconst legend = engine?.getItemValueLegend(mapper);\n\n\t\t\t\treturn (\n\t\t\t\t\t<DataTableCell\n\t\t\t\t\t\tstyle={{\n\t\t\t\t\t\t\tbackground:\n\t\t\t\t\t\t\t\tlegend?.style === \"~~FILLED~~\"\n\t\t\t\t\t\t\t\t\t? legend?.color\n\t\t\t\t\t\t\t\t\t: undefined,\n\t\t\t\t\t\t\tcolor:\n\t\t\t\t\t\t\t\tlegend?.style === \"~~FILLED~~\"\n\t\t\t\t\t\t\t\t\t? getTextColorFromBackgroundColor(\n\t\t\t\t\t\t\t\t\t\t\tlegend?.color,\n\t\t\t\t\t\t\t\t\t\t)\n\t\t\t\t\t\t\t\t\t: legend?.style === \"TEXT\"\n\t\t\t\t\t\t\t\t\t\t? legend.color\n\t\t\t\t\t\t\t\t\t\t: undefined,\n\t\t\t\t\t\t}}\n\t\t\t\t\t\tkey={`${Object.values(mapper).join(\"-\")}-value`}\n\t\t\t\t\t\talign=\"center\"\n\t\t\t\t\t\tbordered\n\t\t\t\t\t>\n\t\t\t\t\t\t{engine?.getValue(mapper) ?? \"\"}\n\t\t\t\t\t</DataTableCell>\n\t\t\t\t);\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 = useRef<HTMLElement \| null>(null);\n\tconst { width } = useResizeObserver({\n\t\tref: cellRef,\n\t});\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"]}
1	+ {"version":3,"sources":["../../../../../src/components/DHIS2PivotTable/components/TableBody/index.tsx"],"names":["useCustomPivotTableEngine","jsx","Fragment","mapper","DataTableCell","getTextColorFromBackgroundColor","useRef","useResizeObserver","slice","isEmpty","jsxs","DataTableRow","classes","TableBody"],"mappings":"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","file":"index.js","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, useRef } from \"react\";\nimport { AnalyticsItem } from \"@hisptz/dhis2-utils\";\nimport classes from \"./TableBody.module.css\";\nimport { DHIS2Dimension } from \"../../interfaces\";\nimport { useResizeObserver } from \"usehooks-ts\";\nimport { getTextColorFromBackgroundColor } from \"../../utils/color\";\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\n\treturn (\n\t\t<>\n\t\t\t{completeMapper?.map((mapper) => {\n\t\t\t\tconst legend = engine?.getItemValueLegend(mapper);\n\n\t\t\t\treturn (\n\t\t\t\t\t<DataTableCell\n\t\t\t\t\t\tstyle={{\n\t\t\t\t\t\t\tbackground:\n\t\t\t\t\t\t\t\tlegend?.style === \"FILL\"\n\t\t\t\t\t\t\t\t\t? legend?.color\n\t\t\t\t\t\t\t\t\t: undefined,\n\t\t\t\t\t\t\tcolor:\n\t\t\t\t\t\t\t\tlegend?.style === \"FILL\"\n\t\t\t\t\t\t\t\t\t? getTextColorFromBackgroundColor(\n\t\t\t\t\t\t\t\t\t\t\tlegend?.color,\n\t\t\t\t\t\t\t\t\t\t)\n\t\t\t\t\t\t\t\t\t: legend?.style === \"TEXT\"\n\t\t\t\t\t\t\t\t\t\t? legend.color\n\t\t\t\t\t\t\t\t\t\t: undefined,\n\t\t\t\t\t\t}}\n\t\t\t\t\t\tkey={`${Object.values(mapper).join(\"-\")}-value`}\n\t\t\t\t\t\talign=\"center\"\n\t\t\t\t\t\tbordered\n\t\t\t\t\t>\n\t\t\t\t\t\t{engine?.getValue(mapper) ?? \"\"}\n\t\t\t\t\t</DataTableCell>\n\t\t\t\t);\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 = useRef<HTMLElement \| null>(null);\n\tconst { width } = useResizeObserver({\n\t\tref: cellRef,\n\t});\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/services/engine.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"sources":["../../../../src/components/DHIS2PivotTable/services/engine.ts"],"names":["findIndex","dimension","compact","getColorFromLegendSet","intersection","times","zip"],"mappings":"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","file":"engine.js","sourcesContent":["import type { LegendSet } from \"@hisptz/dhis2-utils\";\nimport { Analytics, AnalyticsItem } from \"@hisptz/dhis2-utils\";\nimport { compact, findIndex, intersection, times, zip } from \"lodash\";\nimport { DHIS2Dimension } from \"../interfaces\";\nimport { getColorFromLegendSet } from \"../../Map\";\n\nexport interface BaseLegendConfig {\n\tstrategy: \"FIXED\" \| \"BY_DATA_ITEM\";\n\tshowKey: boolean;\n\tstyle: \"TEXT\" \| \"FILLED\";\n}\nexport interface FixedLegendConfig extends BaseLegendConfig {\n\tstrategy: \"FIXED\";\n\tset: LegendSet;\n}\n\nexport interface DataItemLegendConfig extends BaseLegendConfig {\n\tstrategy: \"BY_DATA_ITEM\";\n\tlegendMap: Map<string, LegendSet>;\n}\n\nexport type LegendConfig = FixedLegendConfig \| DataItemLegendConfig;\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\tlegend?: LegendConfig;\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\tshowFilterAsTitle?: 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 title() {\n\t\tconst filters = this.config.layout.filter ?? [];\n\t\tconst labels =\n\t\t\tfilters?.map(({ dimension }) => {\n\t\t\t\tconst dimensions =\n\t\t\t\t\tthis.analyticsData.metaData?.dimensions[dimension];\n\n\t\t\t\treturn dimensions?.map((dimension) => {\n\t\t\t\t\tconst dimensionItem =\n\t\t\t\t\t\tthis.analyticsData.metaData?.items[dimension];\n\t\t\t\t\treturn dimensionItem?.name;\n\t\t\t\t});\n\t\t\t}) ?? [];\n\n\t\treturn compact(labels.flat()).join(\", \");\n\t}\n\n\tget titleSpan() {\n\t\tconst rowHeaders = this.rowHeaders?.length ?? 0;\n\t\tconst columnHeaders =\n\t\t\tthis.columnHeaders?.reduce(\n\t\t\t\t(acc, val) => acc + (val.items?.length ?? 0),\n\t\t\t\t0,\n\t\t\t) ?? 0;\n\n\t\treturn rowHeaders + columnHeaders;\n\t}\n\n\tget showTitle() {\n\t\treturn this.config?.options?.showFilterAsTitle;\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\tgetItemValueLegend(mapper: { [key: string]: any }) {\n\t\tconst legend = this.config.options?.legend;\n\t\tif (!legend) return;\n\t\tconst value = this.getValue(mapper);\n\t\tconst strategy = legend?.strategy;\n\t\tif (strategy === \"FIXED\") {\n\t\t\tconst legends = legend.set.legends;\n\t\t\tconst color = getColorFromLegendSet(legends, value);\n\t\t\treturn {\n\t\t\t\tcolor,\n\t\t\t\tstyle: legend.style,\n\t\t\t};\n\t\t}\n\t\tif (strategy === \"BY_DATA_ITEM\") {\n\t\t\tconst legendSet = legend.legendMap.get(mapper.dx);\n\t\t\tif (!legendSet) return;\n\t\t\tconst legends = legendSet.legends;\n\t\t\tconst color = getColorFromLegendSet(legends, value);\n\t\t\treturn {\n\t\t\t\tcolor,\n\t\t\t\tstyle: legend.style,\n\t\t\t};\n\t\t}\n\t\treturn;\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((column) =>\n\t\t\t\t\tcolumn.items?.map((item) => ({\n\t\t\t\t\t\t[column.dimension]: item.uid,\n\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"]}
1	+ {"version":3,"sources":["../../../../src/components/DHIS2PivotTable/services/engine.ts"],"names":["findIndex","dimension","compact","getColorFromLegendSet","intersection","times","zip"],"mappings":"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","file":"engine.js","sourcesContent":["import type { LegendSet } from \"@hisptz/dhis2-utils\";\nimport { Analytics, AnalyticsItem } from \"@hisptz/dhis2-utils\";\nimport { compact, findIndex, intersection, times, zip } from \"lodash\";\nimport { DHIS2Dimension } from \"../interfaces\";\nimport { getColorFromLegendSet } from \"../../Map\";\n\nexport interface BaseLegendConfig {\n\tstrategy: \"FIXED\" \| \"BY_DATA_ITEM\";\n\tshowKey: boolean;\n\tstyle: \"TEXT\" \| \"FILL\";\n}\nexport interface FixedLegendConfig extends BaseLegendConfig {\n\tstrategy: \"FIXED\";\n\tset: LegendSet;\n}\n\nexport interface DataItemLegendConfig extends BaseLegendConfig {\n\tstrategy: \"BY_DATA_ITEM\";\n\tlegendMap: Map<string, LegendSet>;\n}\n\nexport type LegendConfig = FixedLegendConfig \| DataItemLegendConfig;\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\tlegend?: LegendConfig;\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\tshowFilterAsTitle?: 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 title() {\n\t\tconst filters = this.config.layout.filter ?? [];\n\t\tconst labels =\n\t\t\tfilters?.map(({ dimension }) => {\n\t\t\t\tconst dimensions =\n\t\t\t\t\tthis.analyticsData.metaData?.dimensions[dimension];\n\n\t\t\t\treturn dimensions?.map((dimension) => {\n\t\t\t\t\tconst dimensionItem =\n\t\t\t\t\t\tthis.analyticsData.metaData?.items[dimension];\n\t\t\t\t\treturn dimensionItem?.name;\n\t\t\t\t});\n\t\t\t}) ?? [];\n\n\t\treturn compact(labels.flat()).join(\", \");\n\t}\n\n\tget titleSpan() {\n\t\tconst rowHeaders = this.rowHeaders?.length ?? 0;\n\t\tconst columnHeaders =\n\t\t\tthis.columnHeaders?.reduce(\n\t\t\t\t(acc, val) => acc + (val.items?.length ?? 0),\n\t\t\t\t0,\n\t\t\t) ?? 0;\n\n\t\treturn rowHeaders + columnHeaders;\n\t}\n\n\tget showTitle() {\n\t\treturn this.config?.options?.showFilterAsTitle;\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\tgetItemValueLegend(mapper: { [key: string]: any }) {\n\t\tconst legend = this.config.options?.legend;\n\t\tif (!legend) return;\n\t\tconst value = this.getValue(mapper);\n\t\tconst strategy = legend?.strategy;\n\t\tif (strategy === \"FIXED\") {\n\t\t\tconst legends = legend.set.legends;\n\t\t\tconst color = getColorFromLegendSet(legends, value);\n\t\t\treturn {\n\t\t\t\tcolor,\n\t\t\t\tstyle: legend.style,\n\t\t\t};\n\t\t}\n\t\tif (strategy === \"BY_DATA_ITEM\") {\n\t\t\tconst legendSet = legend.legendMap.get(mapper.dx);\n\t\t\tif (!legendSet) return;\n\t\t\tconst legends = legendSet.legends;\n\t\t\tconst color = getColorFromLegendSet(legends, value);\n\t\t\treturn {\n\t\t\t\tcolor,\n\t\t\t\tstyle: legend.style,\n\t\t\t};\n\t\t}\n\t\treturn;\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((column) =>\n\t\t\t\t\tcolumn.items?.map((item) => ({\n\t\t\t\t\t\t[column.dimension]: item.uid,\n\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/components/Map/components/MapLayer/components/ThematicLayer/components/Choropleth/index.js CHANGED Viewed

@@ -3,8 +3,11 @@
 var jsxRuntime = require('react/jsx-runtime');
 var ui = require('@dhis2/ui');
 var reactLeaflet = require('react-leaflet');
-var map_js = require('../../../../../../utils/map.js');
+var utils = require('../../../../../../utils');
 var CustomTooltip = require('../CustomTooltip/index.js');
+var LabelMarker = require('../LabelMarker');
+var geolib = require('geolib');
+var lodash = require('lodash');
 function _interopDefault (e) { return e && e.__esModule ? e : { default: e }; }
@@ -20,16 +23,27 @@ function Choropleth({
   data,
   legends,
   customEventHandlers,
-  onLayerClick
+  onLayerClick,
+  labelConfig
 }) {
   const { orgUnit } = data;
-  return /* @__PURE__ */ jsxRuntime.jsx(jsxRuntime.Fragment, { children: /* @__PURE__ */ jsxRuntime.jsx(
+  const color = utils.getColorFromLegendSet(legends, data.data);
+  const center = geolib.getCenter(
+    lodash.chunk(
+      lodash.flattenDeep(orgUnit.geoJSON.geometry.coordinates),
+      2
+    ).map(([latitude, longitude]) => ({
+      longitude,
+      latitude
+    }))
+  );
+  return /* @__PURE__ */ jsxRuntime.jsx(jsxRuntime.Fragment, { children: /* @__PURE__ */ jsxRuntime.jsxs(
     reactLeaflet.GeoJSON,
     {
       data: orgUnit.geoJSON,
       eventHandlers: {
-        mouseover: (e) => map_js.highlightFeature(e, highlightStyle),
-        mouseout: (e) => map_js.resetHighlight(e, defaultStyle),
+        mouseover: (e) => utils.highlightFeature(e, highlightStyle),
+        mouseout: (e) => utils.resetHighlight(e, defaultStyle),
         ...customEventHandlers ?? {},
         mousedown: (e) => {
           if (onLayerClick) {
@@ -37,13 +51,27 @@ function Choropleth({
           }
         }
       },
+      interactive: true,
       pathOptions: {
-        fillColor: map_js.getColorFromLegendSet(legends, data.data),
+        fillColor: color,
         fillOpacity: 1,
         color: ui.colors.grey900,
+        fill: true,
         weight: 1
       },
-      children: /* @__PURE__ */ jsxRuntime.jsx(CustomTooltip__default.default, { data })
+      children: [
+        labelConfig && /* @__PURE__ */ jsxRuntime.jsx(
+          LabelMarker.LabelMarker,
+          {
+            layerColor: color,
+            labelConfig,
+            data: data.data,
+            orgUnit,
+            center: [center.longitude, center.latitude]
+          }
+        ),
+        /* @__PURE__ */ jsxRuntime.jsx(CustomTooltip__default.default, { data })
+      ]
     },
     `${data.dataItem.id}-layer`
   ) });

package/dist/components/Map/components/MapLayer/components/ThematicLayer/components/Choropleth/index.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"sources":["../../../../../../../../../src/components/Map/components/MapLayer/components/ThematicLayer/components/Choropleth/index.tsx"],"names":["jsx","Fragment","GeoJSON","highlightFeature","resetHighlight","~~getColorFromLegendSet~~","~~colors~~","CustomTooltip"],"mappings":"~~;;;;;;;;;;;;AAcA~~,MAAM,YAAe,GAAA;AAAA,EACpB,MAAQ,EAAA;AACT,CAAA;AACA,MAAM,cAAiB,GAAA;AAAA,EACtB,MAAQ,EAAA;AACT,CAAA;AAQe,SAAR,UAA4B,CAAA;AAAA,EAClC,IAAA;AAAA,EACA,OAAA;AAAA,EACA,mBAAA;AAAA,EACA;AACD,~~CAKG~~,EAAA;AACF,EAAM,MAAA,EAAE,SAAY,GAAA,IAAA;AACpB,EAAA,~~uBAEEA~~,cAAA,CAAAC,mBAAA,EAAA,EAAA,QAAA,~~kBAAAD~~,~~cAAA~~;AAAA,~~IAACE~~,oBAAA;AAAA,IAAA;AAAA,MACA,MAAM,OAAQ,CAAA,OAAA;AAAA,MACd,aAAe,EAAA;AAAA,QACd,SAAW,EAAA,CAAC,CAAM,KAAAC,~~uBAAA~~,CAAiB,GAAG,cAAc,CAAA;AAAA,QACpD,QAAU,EAAA,CAAC,CAAM,KAAAC,~~qBAAA~~,CAAe,GAAG,YAAY,CAAA;AAAA,QAC/C,GAAI,uBAAuB,EAAC;AAAA,QAC5B,SAAA,EAAW,CAAC,CAAM,KAAA;AACjB,UAAA,IAAI,YAAc,EAAA;AACjB,YAAA,YAAA,CAAa,GAAG,IAAI,CAAA;AAAA;AACrB;AACD,OACD;AAAA,MACA,WAAa,EAAA;AAAA,QACZ,SAAW,~~EAAAC,4BAAA,CAAsB,OAAS,~~EAAA,~~IAAA,CAAK,IAAI,CAAA~~;AAAA,~~QACnD~~,WAAa,EAAA,CAAA;AAAA,QACb,OAAOC,SAAO,CAAA,OAAA;AAAA,QACd,MAAQ,EAAA;AAAA,OACT;AAAA,~~MAGA~~,QAAA,~~kBAAAN~~,cAAA,~~CAACO~~,kCAAc,IAAY,EAAA;AAAA,KAAA;AAAA,~~IAFtB~~,CAAA,EAAG,IAAK,CAAA,QAAA,CAAS,EAAE,CAAA,MAAA;AAAA,~~GAI1B~~,EAAA,CAAA;AAEF","file":"index.js","sourcesContent":["import { colors } from \"@dhis2/ui\";\nimport type { Legend } from \"@hisptz/dhis2-utils\";\nimport React from \"react\";\nimport { GeoJSON } from \"react-leaflet\";\nimport { MapOrgUnit } from \"../../../../../../interfaces~~/index.js~~\";\nimport {\n\tgetColorFromLegendSet,\n\thighlightFeature,\n\tresetHighlight,\n} from \"../../../../../../utils~~/map.js~~\";\nimport { ~~ThematicLayerDataItem~~ } from \"../../../../interfaces~~/index.js~~\";\nimport CustomTooltip from \"../CustomTooltip/index.js\";\nimport type { LeafletEventHandlerFnMap, LeafletMouseEvent } from \"leaflet\";\n\nconst defaultStyle = {\n\tweight: 1,\n};\nconst highlightStyle = {\n\tweight: 2,\n};\n\ninterface LayerData {\n\torgUnit: MapOrgUnit;\n\tdata?: number;\n\tdataItem: ThematicLayerDataItem;\n}\n\nexport default function Choropleth({\n\tdata,\n\tlegends,\n\tcustomEventHandlers,\n\tonLayerClick,\n}: {\n\tdata: LayerData;\n\tlegends: Legend[];\n\tcustomEventHandlers?: LeafletEventHandlerFnMap;\n\tonLayerClick?: (e: LeafletMouseEvent, data: LayerData) => void;\n}) {\n\tconst { orgUnit } = data;\n\treturn (\n\t\t<>\n\t\t\t<GeoJSON\n\t\t\t\tdata={orgUnit.geoJSON}\n\t\t\t\teventHandlers={{\n\t\t\t\t\tmouseover: (e) => highlightFeature(e, highlightStyle),\n\t\t\t\t\tmouseout: (e) => resetHighlight(e, defaultStyle),\n\t\t\t\t\t...(customEventHandlers ?? {}),\n\t\t\t\t\tmousedown: (e) => {\n\t\t\t\t\t\tif (onLayerClick) {\n\t\t\t\t\t\t\tonLayerClick(e, data);\n\t\t\t\t\t\t}\n\t\t\t\t\t},\n\t\t\t\t}}\n\t\t\t\tpathOptions={{\n\t\t\t\t\tfillColor: ~~getColorFromLegendSet(legends, data.data)~~,\n\t\t\t\t\tfillOpacity: 1,\n\t\t\t\t\tcolor: colors.grey900,\n\t\t\t\t\tweight: 1,\n\t\t\t\t}}\n\t\t\t\tkey={`${data.dataItem.id}-layer`}\n\t\t\t>\n\t\t\t\t<CustomTooltip data={data} />\n\t\t\t</GeoJSON>\n\t\t</>\n\t);\n}\n"]}
1	+ {"version":3,"sources":["../../../../../../../../../src/components/Map/components/MapLayer/components/ThematicLayer/components/Choropleth/index.tsx"],"names":["getColorFromLegendSet","getCenter","chunk","flattenDeep","jsx","Fragment","jsxs","GeoJSON","highlightFeature","resetHighlight","colors","LabelMarker","CustomTooltip"],"mappings":";;;;;;;;;;;;;;;AAoBA,MAAM,YAAe,GAAA;AAAA,EACpB,MAAQ,EAAA;AACT,CAAA;AACA,MAAM,cAAiB,GAAA;AAAA,EACtB,MAAQ,EAAA;AACT,CAAA;AAQe,SAAR,UAA4B,CAAA;AAAA,EAClC,IAAA;AAAA,EACA,OAAA;AAAA,EACA,mBAAA;AAAA,EACA,YAAA;AAAA,EACA;AACD,CAMG,EAAA;AACF,EAAM,MAAA,EAAE,SAAY,GAAA,IAAA;AACpB,EAAA,MAAM,KAAQ,GAAAA,2BAAA,CAAsB,OAAS,EAAA,IAAA,CAAK,IAAI,CAAA;AAEtD,EAAA,MAAM,MAAS,GAAAC,gBAAA;AAAA,IACdC,YAAA;AAAA,MACCC,kBAAoB,CAAA,OAAA,CAAQ,OAAQ,CAAA,QAAA,CAAS,WAAW,CAAA;AAAA,MACxD;AAAA,MACC,GAAI,CAAA,CAAC,CAAC,QAAA,EAAU,SAAS,CAAiB,MAAA;AAAA,MAC3C,SAAA;AAAA,MACA;AAAA,KACC,CAAA;AAAA,GACH;AAKA,EAAA,uBAEEC,cAAA,CAAAC,mBAAA,EAAA,EAAA,QAAA,kBAAAC,eAAA;AAAA,IAACC,oBAAA;AAAA,IAAA;AAAA,MACA,MAAM,OAAQ,CAAA,OAAA;AAAA,MACd,aAAe,EAAA;AAAA,QACd,SAAW,EAAA,CAAC,CAAM,KAAAC,sBAAA,CAAiB,GAAG,cAAc,CAAA;AAAA,QACpD,QAAU,EAAA,CAAC,CAAM,KAAAC,oBAAA,CAAe,GAAG,YAAY,CAAA;AAAA,QAC/C,GAAI,uBAAuB,EAAC;AAAA,QAC5B,SAAA,EAAW,CAAC,CAAM,KAAA;AACjB,UAAA,IAAI,YAAc,EAAA;AACjB,YAAA,YAAA,CAAa,GAAG,IAAI,CAAA;AAAA;AACrB;AACD,OACD;AAAA,MACA,WAAW,EAAA,IAAA;AAAA,MACX,WAAa,EAAA;AAAA,QACZ,SAAW,EAAA,KAAA;AAAA,QACX,WAAa,EAAA,CAAA;AAAA,QACb,OAAOC,SAAO,CAAA,OAAA;AAAA,QACd,IAAM,EAAA,IAAA;AAAA,QACN,MAAQ,EAAA;AAAA,OACT;AAAA,MAGC,QAAA,EAAA;AAAA,QACA,WAAA,oBAAAN,cAAA;AAAA,UAACO,uBAAA;AAAA,UAAA;AAAA,YACA,UAAY,EAAA,KAAA;AAAA,YACZ,WAAA;AAAA,YACA,MAAM,IAAK,CAAA,IAAA;AAAA,YACX,OAAA;AAAA,YACA,MAAQ,EAAA,CAAC,MAAO,CAAA,SAAA,EAAW,OAAO,QAAQ;AAAA;AAAA,SAC3C;AAAA,wBAEDP,cAAA,CAACQ,kCAAc,IAAY,EAAA;AAAA;AAAA,KAAA;AAAA,IAXtB,CAAA,EAAG,IAAK,CAAA,QAAA,CAAS,EAAE,CAAA,MAAA;AAAA,GAa1B,EAAA,CAAA;AAEF","file":"index.js","sourcesContent":["import { colors } from \"@dhis2/ui\";\nimport type { Legend } from \"@hisptz/dhis2-utils\";\nimport React from \"react\";\nimport { GeoJSON } from \"react-leaflet\";\nimport { MapOrgUnit } from \"../../../../../../interfaces\";\nimport {\n\tgetColorFromLegendSet,\n\thighlightFeature,\n\tresetHighlight,\n} from \"../../../../../../utils\";\nimport {\n\ttype LayerLabelConfig,\n\tThematicLayerDataItem,\n} from \"../../../../interfaces\";\nimport CustomTooltip from \"../CustomTooltip/index.js\";\nimport { type LeafletEventHandlerFnMap, type LeafletMouseEvent } from \"leaflet\";\nimport { LabelMarker } from \"../LabelMarker\";\nimport { getCenter } from \"geolib\";\nimport { chunk, flattenDeep } from \"lodash\";\n\nconst defaultStyle = {\n\tweight: 1,\n};\nconst highlightStyle = {\n\tweight: 2,\n};\n\ninterface LayerData {\n\torgUnit: MapOrgUnit;\n\tdata?: number;\n\tdataItem: ThematicLayerDataItem;\n}\n\nexport default function Choropleth({\n\tdata,\n\tlegends,\n\tcustomEventHandlers,\n\tonLayerClick,\n\tlabelConfig,\n}: {\n\tdata: LayerData;\n\tlegends: Legend[];\n\tcustomEventHandlers?: LeafletEventHandlerFnMap;\n\tonLayerClick?: (e: LeafletMouseEvent, data: LayerData) => void;\n\tlabelConfig?: LayerLabelConfig;\n}) {\n\tconst { orgUnit } = data;\n\tconst color = getColorFromLegendSet(legends, data.data);\n\n\tconst center = getCenter(\n\t\tchunk<number>(\n\t\t\tflattenDeep<number>(orgUnit.geoJSON.geometry.coordinates),\n\t\t\t2,\n\t\t).map(([latitude, longitude]: number[]) => ({\n\t\t\tlongitude,\n\t\t\tlatitude,\n\t\t})),\n\t) as {\n\t\tlongitude: number;\n\t\tlatitude: number;\n\t};\n\n\treturn (\n\t\t<>\n\t\t\t<GeoJSON\n\t\t\t\tdata={orgUnit.geoJSON}\n\t\t\t\teventHandlers={{\n\t\t\t\t\tmouseover: (e) => highlightFeature(e, highlightStyle),\n\t\t\t\t\tmouseout: (e) => resetHighlight(e, defaultStyle),\n\t\t\t\t\t...(customEventHandlers ?? {}),\n\t\t\t\t\tmousedown: (e) => {\n\t\t\t\t\t\tif (onLayerClick) {\n\t\t\t\t\t\t\tonLayerClick(e, data);\n\t\t\t\t\t\t}\n\t\t\t\t\t},\n\t\t\t\t}}\n\t\t\t\tinteractive\n\t\t\t\tpathOptions={{\n\t\t\t\t\tfillColor: color,\n\t\t\t\t\tfillOpacity: 1,\n\t\t\t\t\tcolor: colors.grey900,\n\t\t\t\t\tfill: true,\n\t\t\t\t\tweight: 1,\n\t\t\t\t}}\n\t\t\t\tkey={`${data.dataItem.id}-layer`}\n\t\t\t>\n\t\t\t\t{labelConfig && (\n\t\t\t\t\t<LabelMarker\n\t\t\t\t\t\tlayerColor={color}\n\t\t\t\t\t\tlabelConfig={labelConfig}\n\t\t\t\t\t\tdata={data.data}\n\t\t\t\t\t\torgUnit={orgUnit}\n\t\t\t\t\t\tcenter={[center.longitude, center.latitude]}\n\t\t\t\t\t/>\n\t\t\t\t)}\n\t\t\t\t<CustomTooltip data={data} />\n\t\t\t</GeoJSON>\n\t\t</>\n\t);\n}\n"]}

package/dist/components/Map/components/MapLayer/components/ThematicLayer/components/LabelMarker/index.js ADDED Viewed

@@ -0,0 +1,35 @@
+'use strict';
+var jsxRuntime = require('react/jsx-runtime');
+var reactLeaflet = require('react-leaflet');
+var label = require('../../utils/label');
+var L = require('leaflet');
+require('./label.css');
+var color = require('../../../../../../../DHIS2PivotTable/utils/color');
+function _interopDefault (e) { return e && e.__esModule ? e : { default: e }; }
+var L__default = /*#__PURE__*/_interopDefault(L);
+function LabelMarker({
+  labelConfig,
+  data,
+  orgUnit,
+  center,
+  layerColor
+}) {
+  const label$1 = label.getLabel({
+    labelConfig,
+    data,
+    orgUnit
+  });
+  const labelIcon = L__default.default.divIcon({
+    className: "label-icon",
+    html: `<span style="color: ${color.getTextColorFromBackgroundColor(layerColor)}; text-align: center; font-size: 12px">${label$1}</span>`
+  });
+  return /* @__PURE__ */ jsxRuntime.jsx(reactLeaflet.Marker, { zIndexOffset: 1e3, icon: labelIcon, position: center });
+}
+exports.LabelMarker = LabelMarker;
+//# sourceMappingURL=index.js.map
+//# sourceMappingURL=index.js.map

package/dist/components/Map/components/MapLayer/components/ThematicLayer/components/LabelMarker/index.js.map ADDED Viewed

@@ -0,0 +1 @@

+ {"version":3,"sources":["../../../../../../../../../src/components/Map/components/MapLayer/components/ThematicLayer/components/LabelMarker/index.tsx"],"names":["label","getLabel","L","getTextColorFromBackgroundColor","Marker"],"mappings":";;;;;;;;;;;;;AAOO,SAAS,WAAY,CAAA;AAAA,EAC3B,WAAA;AAAA,EACA,IAAA;AAAA,EACA,OAAA;AAAA,EACA,MAAA;AAAA,EACA;AACD,CAMG,EAAA;AACF,EAAA,MAAMA,UAAQC,cAAS,CAAA;AAAA,IACtB,WAAA;AAAA,IACA,IAAA;AAAA,IACA;AAAA,GACA,CAAA;AAED,EAAM,MAAA,SAAA,GAAYC,mBAAE,OAAQ,CAAA;AAAA,IAC3B,SAAW,EAAA,YAAA;AAAA,IACX,MAAM,CAAuB,oBAAA,EAAAC,qCAAA,CAAgC,UAAU,CAAC,0CAA0CH,OAAK,CAAA,OAAA;AAAA,GACvH,CAAA;AAED,EAAA,sCAAQI,mBAAO,EAAA,EAAA,YAAA,EAAc,KAAM,IAAM,EAAA,SAAA,EAAW,UAAU,MAAQ,EAAA,CAAA;AACvE","file":"index.js","sourcesContent":["import { Marker } from \"react-leaflet\";\nimport { getLabel } from \"../../utils/label\";\nimport type { LayerLabelConfig } from \"../../../../interfaces\";\nimport L, { type LatLngExpression } from \"leaflet\";\nimport \"./label.css\";\nimport { getTextColorFromBackgroundColor } from \"../../../../../../../DHIS2PivotTable/utils/color\";\n\nexport function LabelMarker({\n\tlabelConfig,\n\tdata,\n\torgUnit,\n\tcenter,\n\tlayerColor,\n}: {\n\tlabelConfig: LayerLabelConfig;\n\tdata: number | undefined;\n\torgUnit: { name: string };\n\tcenter: LatLngExpression;\n\tlayerColor: string;\n}) {\n\tconst label = getLabel({\n\t\tlabelConfig,\n\t\tdata,\n\t\torgUnit,\n\t});\n\n\tconst labelIcon = L.divIcon({\n\t\tclassName: \"label-icon\",\n\t\thtml: `${label}`,\n\t});\n\n\treturn <Marker zIndexOffset={1000} icon={labelIcon} position={center} />;\n}\n"]}

package/dist/components/Map/components/MapLayer/components/ThematicLayer/components/LabelMarker/label.css ADDED Viewed

@@ -0,0 +1,11 @@
+.label-icon {
+  background: transparent;
+  border: none;
+  font-size: 12px;
+  font-weight: bold;
+  text-align: center;
+  white-space: nowrap;
+  pointer-events: none;
+  margin: auto;
+}
+/*# sourceMappingURL=label.css.map */

package/dist/components/Map/components/MapLayer/components/ThematicLayer/components/LabelMarker/label.css.map ADDED Viewed

@@ -0,0 +1 @@

+ {"version":3,"sources":["../../../../../../../../../src/components/Map/components/MapLayer/components/ThematicLayer/components/LabelMarker/label.css"],"sourcesContent":[".label-icon {\n background: transparent;\n border: none;\n font-size: 12px;\n font-weight: bold;\n text-align: center;\n white-space: nowrap;\n pointer-events: none; /* prevents label from blocking map clicks */\n margin: auto\n}\n"],"mappings":"AAAA,CAAC;AACG,cAAY;AACZ,UAAQ;AACR,aAAW;AACX,eAAa;AACb,cAAY;AACZ,eAAa;AACb,kBAAgB;AAChB,UAAQ;AACZ;","names":[]}

package/dist/components/Map/components/MapLayer/components/ThematicLayer/index.js CHANGED Viewed

@@ -44,6 +44,7 @@ function ThematicLayer({
           (datum) => type === "choropleth" ? /* @__PURE__ */ jsxRuntime.jsx(
             Choropleth__default.default,
             {
+              labelConfig: layer.labelConfig,
               customEventHandlers,
               onLayerClick,
               legends: legends ?? [],

package/dist/components/Map/components/MapLayer/components/ThematicLayer/index.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"sources":["../../../../../../../src/components/Map/components/MapLayer/components/ThematicLayer/index.tsx"],"names":["useThematicLayer","jsx","Fragment","LayersControl","Pane","LayerGroup","Choropleth","Bubble","last"],"mappings":";;;;;;;;;;;;;;;AAQe,SAAR,aAA+B,CAAA;AAAA,EACrC,OAAA;AAAA,EACA;AACD,CAGG,EAAA;AACF,EAAM,MAAA,KAAA,GAAQA,kCAAiB,OAAO,CAAA;AAEtC,EAAA,IAAI,CAAC,KAAO,EAAA;AACX,IAAO,OAAA,IAAA;AAAA;AAGR,EAAM,MAAA;AAAA,IACL,IAAA;AAAA,IACA,QAAA;AAAA,IACA,IAAA;AAAA,IACA,IAAA;AAAA,IACA,OAAA;AAAA,IACA,OAAA;AAAA,IACA,mBAAA;AAAA,IACA;AAAA,GACD,GAAI,SAAS,EAAC;AACd,EAAM,MAAA,UAAA,GAAa,QAAQ,QAAS,CAAA,WAAA;AACpC,EACC,uBAAAC,cAAA,CAAAC,mBAAA,EAAA,EACC,yCAACC,0BAAc,CAAA,OAAA,EAAd,EAAsB,OAAS,EAAA,OAAA,EAAS,MAAM,UAC9C,EAAA,QAAA,kBAAAF,cAAA;AAAA,IAACG,iBAAA;AAAA,IAAA;AAAA,MACA,KAAO,EAAA;AAAA,QACN,MAAQ,EAAA,IAAA,KAAS,QAAW,GAAA,GAAA,GAAM,OAAO,KAAQ,GAAA,CAAA;AAAA,OAClD;AAAA,MACA,IAAM,EAAA,UAAA;AAAA,MAEN,0CAACC,uBACC,EAAA,EAAA,QAAA,EAAA;AAAA,QAAM,IAAA,EAAA,GAAA;AAAA,UAAI,CAAC,KACX,KAAA,IAAA,KAAS,YACR,mBAAAJ,cAAA;AAAA,YAACK,2BAAA;AAAA,YAAA;AAAA,cACA,mBAAA;AAAA,cACA,YAAA;AAAA,cACA,OAAA,EAAS,WAAW,EAAC;AAAA,cACrB,IAAM,EAAA;AAAA,aAAA;AAAA,YACD,GAAG,KAAO,EAAA,QAAA,EAAU,EAAE,CAAI,CAAA,EAAA,KAAA,EAAO,SAAS,EAAE,CAAA,MAAA;AAAA,WAE/C,GAAA;AAAA,SACL;AAAA,QACC,IAAM,EAAA,GAAA;AAAA,UAAI,CAAC,KACX,KAAA,IAAA,KAAS,QACR,mBAAAL,cAAA;AAAA,YAACM,uBAAA;AAAA,YAAA;AAAA,cACA,QACE,KAA6B,EAAA,MAAA;AAAA,cAE/B,OAAA,EAAS,WAAW,EAAC;AAAA,cACrB,WAAa,EAAAC,WAAA,CAAK,IAAI,CAAA,EAAG,IAAQ,IAAA,CAAA;AAAA,cACjC,IAAM,EAAA;AAAA,aAAA;AAAA,YACD,GAAG,KAAO,EAAA,QAAA,EAAU,EAAE,CAAI,CAAA,EAAA,KAAA,EAAO,SAAS,EAAE,CAAA,MAAA;AAAA,WAE/C,GAAA;AAAA;AACL,OACD,EAAA;AAAA;AAAA,KAEF,CACD,EAAA,CAAA;AAEF","file":"index.js","sourcesContent":["import { last } from \"lodash\";\nimport React from \"react\";\nimport { LayerGroup, LayersControl, Pane } from \"react-leaflet\";\nimport { CustomBubbleLayer } from \"../../interfaces~~/index.js~~\";\nimport Bubble from \"./components/Bubble/index.js\";\nimport Choropleth from \"./components/Choropleth/index.js\";\nimport useThematicLayer from \"./hooks/config.js\";\n\nexport default function ThematicLayer({\n\tlayerId,\n\tindex,\n}: {\n\tlayerId: string;\n\tindex: number;\n}) {\n\tconst layer = useThematicLayer(layerId);\n\n\tif (!layer) {\n\t\treturn null;\n\t}\n\n\tconst {\n\t\ttype,\n\t\tdataItem,\n\t\tname,\n\t\tdata,\n\t\tenabled,\n\t\tlegends,\n\t\tcustomEventHandlers,\n\t\tonLayerClick,\n\t} = layer ?? {};\n\tconst uniqueName = name ?? dataItem.displayName;\n\treturn (\n\t\t<>\n\t\t\t<LayersControl.Overlay checked={enabled} name={uniqueName}>\n\t\t\t\t<Pane\n\t\t\t\t\tstyle={{\n\t\t\t\t\t\tzIndex: type === \"bubble\" ? 500 : 500 - (index + 1),\n\t\t\t\t\t}}\n\t\t\t\t\tname={uniqueName}\n\t\t\t\t>\n\t\t\t\t\t<LayerGroup>\n\t\t\t\t\t\t{data?.map((datum) =>\n\t\t\t\t\t\t\ttype === \"choropleth\" ? (\n\t\t\t\t\t\t\t\t<Choropleth\n\t\t\t\t\t\t\t\t\tcustomEventHandlers={customEventHandlers}\n\t\t\t\t\t\t\t\t\tonLayerClick={onLayerClick}\n\t\t\t\t\t\t\t\t\tlegends={legends ?? []}\n\t\t\t\t\t\t\t\t\tdata={datum}\n\t\t\t\t\t\t\t\t\tkey={`${datum?.dataItem?.id}-${datum?.orgUnit?.id}-layer`}\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)}\n\t\t\t\t\t\t{data?.map((datum) =>\n\t\t\t\t\t\t\ttype === \"bubble\" ? (\n\t\t\t\t\t\t\t\t<Bubble\n\t\t\t\t\t\t\t\t\tradius={\n\t\t\t\t\t\t\t\t\t\t(layer as CustomBubbleLayer)?.radius\n\t\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t\t\tlegends={legends ?? []}\n\t\t\t\t\t\t\t\t\thighestData={last(data)?.data ?? 1}\n\t\t\t\t\t\t\t\t\tdata={datum}\n\t\t\t\t\t\t\t\t\tkey={`${datum?.dataItem?.id}-${datum?.orgUnit?.id}-layer`}\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)}\n\t\t\t\t\t</LayerGroup>\n\t\t\t\t</Pane>\n\t\t\t</LayersControl.Overlay>\n\t\t</>\n\t);\n}\n"]}
1	+ {"version":3,"sources":["../../../../../../../src/components/Map/components/MapLayer/components/ThematicLayer/index.tsx"],"names":["useThematicLayer","jsx","Fragment","LayersControl","Pane","LayerGroup","Choropleth","Bubble","last"],"mappings":";;;;;;;;;;;;;;;AAQe,SAAR,aAA+B,CAAA;AAAA,EACrC,OAAA;AAAA,EACA;AACD,CAGG,EAAA;AACF,EAAM,MAAA,KAAA,GAAQA,kCAAiB,OAAO,CAAA;AAEtC,EAAA,IAAI,CAAC,KAAO,EAAA;AACX,IAAO,OAAA,IAAA;AAAA;AAGR,EAAM,MAAA;AAAA,IACL,IAAA;AAAA,IACA,QAAA;AAAA,IACA,IAAA;AAAA,IACA,IAAA;AAAA,IACA,OAAA;AAAA,IACA,OAAA;AAAA,IACA,mBAAA;AAAA,IACA;AAAA,GACD,GAAI,SAAS,EAAC;AACd,EAAM,MAAA,UAAA,GAAa,QAAQ,QAAS,CAAA,WAAA;AACpC,EACC,uBAAAC,cAAA,CAAAC,mBAAA,EAAA,EACC,yCAACC,0BAAc,CAAA,OAAA,EAAd,EAAsB,OAAS,EAAA,OAAA,EAAS,MAAM,UAC9C,EAAA,QAAA,kBAAAF,cAAA;AAAA,IAACG,iBAAA;AAAA,IAAA;AAAA,MACA,KAAO,EAAA;AAAA,QACN,MAAQ,EAAA,IAAA,KAAS,QAAW,GAAA,GAAA,GAAM,OAAO,KAAQ,GAAA,CAAA;AAAA,OAClD;AAAA,MACA,IAAM,EAAA,UAAA;AAAA,MAEN,0CAACC,uBACC,EAAA,EAAA,QAAA,EAAA;AAAA,QAAM,IAAA,EAAA,GAAA;AAAA,UAAI,CAAC,KACX,KAAA,IAAA,KAAS,YACR,mBAAAJ,cAAA;AAAA,YAACK,2BAAA;AAAA,YAAA;AAAA,cACA,aAAa,KAAM,CAAA,WAAA;AAAA,cACnB,mBAAA;AAAA,cACA,YAAA;AAAA,cACA,OAAA,EAAS,WAAW,EAAC;AAAA,cACrB,IAAM,EAAA;AAAA,aAAA;AAAA,YACD,GAAG,KAAO,EAAA,QAAA,EAAU,EAAE,CAAI,CAAA,EAAA,KAAA,EAAO,SAAS,EAAE,CAAA,MAAA;AAAA,WAE/C,GAAA;AAAA,SACL;AAAA,QACC,IAAM,EAAA,GAAA;AAAA,UAAI,CAAC,KACX,KAAA,IAAA,KAAS,QACR,mBAAAL,cAAA;AAAA,YAACM,uBAAA;AAAA,YAAA;AAAA,cACA,QACE,KAA6B,EAAA,MAAA;AAAA,cAE/B,OAAA,EAAS,WAAW,EAAC;AAAA,cACrB,WAAa,EAAAC,WAAA,CAAK,IAAI,CAAA,EAAG,IAAQ,IAAA,CAAA;AAAA,cACjC,IAAM,EAAA;AAAA,aAAA;AAAA,YACD,GAAG,KAAO,EAAA,QAAA,EAAU,EAAE,CAAI,CAAA,EAAA,KAAA,EAAO,SAAS,EAAE,CAAA,MAAA;AAAA,WAE/C,GAAA;AAAA;AACL,OACD,EAAA;AAAA;AAAA,KAEF,CACD,EAAA,CAAA;AAEF","file":"index.js","sourcesContent":["import { last } from \"lodash\";\nimport React from \"react\";\nimport { LayerGroup, LayersControl, Pane } from \"react-leaflet\";\nimport { CustomBubbleLayer } from \"../../interfaces\";\nimport Bubble from \"./components/Bubble/index.js\";\nimport Choropleth from \"./components/Choropleth/index.js\";\nimport useThematicLayer from \"./hooks/config.js\";\n\nexport default function ThematicLayer({\n\tlayerId,\n\tindex,\n}: {\n\tlayerId: string;\n\tindex: number;\n}) {\n\tconst layer = useThematicLayer(layerId);\n\n\tif (!layer) {\n\t\treturn null;\n\t}\n\n\tconst {\n\t\ttype,\n\t\tdataItem,\n\t\tname,\n\t\tdata,\n\t\tenabled,\n\t\tlegends,\n\t\tcustomEventHandlers,\n\t\tonLayerClick,\n\t} = layer ?? {};\n\tconst uniqueName = name ?? dataItem.displayName;\n\treturn (\n\t\t<>\n\t\t\t<LayersControl.Overlay checked={enabled} name={uniqueName}>\n\t\t\t\t<Pane\n\t\t\t\t\tstyle={{\n\t\t\t\t\t\tzIndex: type === \"bubble\" ? 500 : 500 - (index + 1),\n\t\t\t\t\t}}\n\t\t\t\t\tname={uniqueName}\n\t\t\t\t>\n\t\t\t\t\t<LayerGroup>\n\t\t\t\t\t\t{data?.map((datum) =>\n\t\t\t\t\t\t\ttype === \"choropleth\" ? (\n\t\t\t\t\t\t\t\t<Choropleth\n\t\t\t\t\t\t\t\t\tlabelConfig={layer.labelConfig}\n\t\t\t\t\t\t\t\t\tcustomEventHandlers={customEventHandlers}\n\t\t\t\t\t\t\t\t\tonLayerClick={onLayerClick}\n\t\t\t\t\t\t\t\t\tlegends={legends ?? []}\n\t\t\t\t\t\t\t\t\tdata={datum}\n\t\t\t\t\t\t\t\t\tkey={`${datum?.dataItem?.id}-${datum?.orgUnit?.id}-layer`}\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)}\n\t\t\t\t\t\t{data?.map((datum) =>\n\t\t\t\t\t\t\ttype === \"bubble\" ? (\n\t\t\t\t\t\t\t\t<Bubble\n\t\t\t\t\t\t\t\t\tradius={\n\t\t\t\t\t\t\t\t\t\t(layer as CustomBubbleLayer)?.radius\n\t\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t\t\tlegends={legends ?? []}\n\t\t\t\t\t\t\t\t\thighestData={last(data)?.data ?? 1}\n\t\t\t\t\t\t\t\t\tdata={datum}\n\t\t\t\t\t\t\t\t\tkey={`${datum?.dataItem?.id}-${datum?.orgUnit?.id}-layer`}\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)}\n\t\t\t\t\t</LayerGroup>\n\t\t\t\t</Pane>\n\t\t\t</LayersControl.Overlay>\n\t\t</>\n\t);\n}\n"]}

package/dist/components/Map/components/MapLayer/components/ThematicLayer/utils/label.js ADDED Viewed

@@ -0,0 +1,20 @@
+'use strict';
+var lodash = require('lodash');
+const valueFormatter = Intl.NumberFormat(navigator.language).format;
+function getLabel({
+  orgUnit,
+  data,
+  labelConfig
+}) {
+  lodash.templateSettings.interpolate = /{([\s\S]+?)}/g;
+  return lodash.template(labelConfig.labelTemplate.replace(/\n/g, "<br />"))({
+    name: orgUnit.name,
+    value: data ? valueFormatter(data) : ""
+  });
+}
+exports.getLabel = getLabel;
+//# sourceMappingURL=label.js.map
+//# sourceMappingURL=label.js.map

package/dist/components/Map/components/MapLayer/components/ThematicLayer/utils/label.js.map ADDED Viewed

@@ -0,0 +1 @@

+ {"version":3,"sources":["../../../../../../../../src/components/Map/components/MapLayer/components/ThematicLayer/utils/label.ts"],"names":["templateSettings","template"],"mappings":";;;;AAGA,MAAM,cAAiB,GAAA,IAAA,CAAK,YAAa,CAAA,SAAA,CAAU,QAAQ,CAAE,CAAA,MAAA;AAEtD,SAAS,QAAS,CAAA;AAAA,EACxB,OAAA;AAAA,EACA,IAAA;AAAA,EACA;AACD,CAIG,EAAA;AACF,EAAAA,uBAAA,CAAiB,WAAc,GAAA,eAAA;AAE/B,EAAA,OAAOC,gBAAS,WAAY,CAAA,aAAA,CAAc,QAAQ,KAAO,EAAA,QAAQ,CAAC,CAAE,CAAA;AAAA,IACnE,MAAM,OAAQ,CAAA,IAAA;AAAA,IACd,KAAO,EAAA,IAAA,GAAO,cAAe,CAAA,IAAI,CAAI,GAAA;AAAA,GACrC,CAAA;AACF","file":"label.js","sourcesContent":["import { template, templateSettings } from \"lodash\";\nimport type { LayerLabelConfig } from \"../../../interfaces\";\n\nconst valueFormatter = Intl.NumberFormat(navigator.language).format;\n\nexport function getLabel({\n\torgUnit,\n\tdata,\n\tlabelConfig,\n}: {\n\tlabelConfig: LayerLabelConfig;\n\torgUnit: { name: string };\n\tdata?: number;\n}) {\n\ttemplateSettings.interpolate = /{([\\s\\S]+?)}/g;\n\n\treturn template(labelConfig.labelTemplate.replace(/\\n/g, \" \"))({\n\t\tname: orgUnit.name,\n\t\tvalue: data ? valueFormatter(data) : \"\",\n\t});\n}\n"]}

package/dist/components/Map/components/MapLayer/interfaces/index.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"sources":["../../../../../../src/components/Map/components/MapLayer/interfaces/index.ts"],"names":[],"mappings":";;AAUO,MAAM,6BAAgC,GAAA;AAAA,EAC5C,YAAA;AAAA,EACA,YAAA;AAAA,EACA,WAAA;AAAA,EACA;AACD","file":"index.js","sourcesContent":["import type { Legend } from \"@hisptz/dhis2-utils\";\nimport { MapOrgUnit, PointOrgUnit } from \"../../../interfaces~~/index.js~~\";\nimport { LegendColorScale } from \"../../../utils~~/colors.js~~\";\nimport { EarthEngineOptions } from \"../components/GoogleEngineLayer/interfaces~~/index.js~~\";\nimport { EarthEngine } from \"../components/GoogleEngineLayer/services/engine.js\";\nimport type { LeafletEventHandlerFnMap, LeafletMouseEvent } from \"leaflet\";\n\nexport type BoundaryLayerType = \"basemap\" \| \"overlay\";\nexport type ThematicLayerType = \"choropleth\" \| \"bubble\";\n\nexport const SUPPORTED_EARTH_ENGINE_LAYERS = [\n\t\"population\",\n\t\"footprints\",\n\t\"elevation\",\n\t\"landCover\",\n];\n\nexport type GoogleEngineLayerType =\n\t\| \"population\"\n\t\| \"footprints\"\n\t\| \"elevation\"\n\t\| \"landCover\";\n\nexport interface CustomBoundaryLayer extends CustomMapLayer {\n\tid: string;\n\ttype: BoundaryLayerType;\n\tenabled: boolean;\n}\n\nexport interface EarthEngineLayerConfig extends CustomMapLayer {\n\ttype: GoogleEngineLayerType;\n\taggregations?: string[];\n\tname?: string;\n\tfilters?: {\n\t\tperiod: string;\n\t};\n\tparams?: {\n\t\tmin: number;\n\t\tmax: number;\n\t\tpalette?: string;\n\t};\n}\n\nexport interface CustomGoogleEngineLayer extends CustomMapLayer {\n\ttype: GoogleEngineLayerType;\n\toptions: EarthEngineOptions;\n\taggregations?: string[];\n\tname: string;\n\turl: string;\n\tengine?: EarthEngine;\n}\n\nexport interface CustomPointLayer extends CustomMapLayer {\n\tid: string;\n\ttype: \"point\";\n\tlabel?: string;\n\tlevel?: string \| number;\n\tgroup?: string;\n\tstyle?: {\n\t\ticon?: string;\n\t\tgroupSet?: string;\n\t\torgUnitGroups?: Array<{ name: string; symbol: string }>;\n\t};\n\tpoints?: Array<PointOrgUnit>;\n}\n\nexport type DataItemType = \"dataElement\" \| \"indicator\" \| \"programIndicator\";\n\nexport interface ThematicLayerDataItem {\n\tid: string;\n\tdisplayName: string;\n\ttype: DataItemType;\n\tlegendSet?: string;\n\tlegendConfig?: {\n\t\tcolorClass: LegendColorScale;\n\t\tscale: number;\n\t};\n}\n\nexport interface ThematicLayerControl {\n\tposition: \"topleft\" \| \"topright\" \| \"bottomleft\" \| \"bottomright\";\n\tenabled: boolean;\n}\n\nexport interface ThematicLayerData {\n\torgUnit: MapOrgUnit;\n\tdata?: number;\n\tdataItem: ThematicLayerDataItem;\n}\n\nexport interface ThematicLayerRawData {\n\torgUnit: string;\n\tdata?: number;\n\tdataItem: string;\n}\n\nexport interface CustomChoroplethLayer extends CustomMapLayer {\n\tenabled: boolean;\n\tname?: string;\n\tdata: ThematicLayerData[];\n\tdataItem: ThematicLayerDataItem;\n\ttype: \"choropleth\";\n\tcontrol?: ThematicLayerControl;\n\tlegends?: Legend[];\n\tcustomEventHandlers?: LeafletEventHandlerFnMap;\n}\n\nexport interface CustomBubbleLayer extends CustomMapLayer {\n\tenabled: boolean;\n\tname?: string;\n\tdata: ThematicLayerData[];\n\tdataItem: ThematicLayerDataItem;\n\ttype: \"bubble\";\n\tcontrol?: ThematicLayerControl;\n\tlegends?: Legend[];\n\tradius?: {\n\t\tmin: number;\n\t\tmax: number;\n\t};\n}\n\nexport type CustomThematicLayer = CustomBubbleLayer \| CustomChoroplethLayer;\n\ninterface LayerData {\n\torgUnit: MapOrgUnit;\n\tdata?: number;\n\tdataItem?: ThematicLayerDataItem;\n}\n\nexport interface ThematicLayerConfig {\n\tid: string;\n\tdata?: ThematicLayerRawData[];\n\tenabled: boolean;\n\tname?: string;\n\tdataItem: ThematicLayerDataItem;\n\ttype: ThematicLayerType;\n\tcontrol?: ThematicLayerControl;\n\tcustomEventHandlers?: LeafletEventHandlerFnMap;\n\tonLayerClick?: (e: LeafletMouseEvent, data: LayerData) => void;\n\tradius?: {\n\t\tmin: number;\n\t\tmax: number;\n\t};\n}\n\nexport interface CustomMapLayer {\n\tid: string;\n\ttype: string;\n\tenabled: boolean;\n\tcustomEventHandlers?: LeafletEventHandlerFnMap;\n\tonLayerClick?: (e: LeafletMouseEvent, data: LayerData) => void;\n}\n\nexport type MapLayer =\n\t\| CustomBoundaryLayer\n\t\| ThematicLayerConfig\n\t\| CustomPointLayer\n\t\| CustomGoogleEngineLayer;\n\nexport interface MapLayerProps {\n\tenabled: boolean;\n\ttype: \"boundary\" \| \"thematic\" \| \"external\" \| \"point\" \| \"earthEngine\";\n\tlayer: MapLayer;\n}\n"]}
1	+ {"version":3,"sources":["../../../../../../src/components/Map/components/MapLayer/interfaces/index.ts"],"names":[],"mappings":";;AAUO,MAAM,6BAAgC,GAAA;AAAA,EAC5C,YAAA;AAAA,EACA,YAAA;AAAA,EACA,WAAA;AAAA,EACA;AACD","file":"index.js","sourcesContent":["import type { Legend } from \"@hisptz/dhis2-utils\";\nimport { MapOrgUnit, PointOrgUnit } from \"../../../interfaces\";\nimport { LegendColorScale } from \"../../../utils\";\nimport { EarthEngineOptions } from \"../components/GoogleEngineLayer/interfaces\";\nimport { EarthEngine } from \"../components/GoogleEngineLayer/services/engine.js\";\nimport type { LeafletEventHandlerFnMap, LeafletMouseEvent } from \"leaflet\";\n\nexport type BoundaryLayerType = \"basemap\" \| \"overlay\";\nexport type ThematicLayerType = \"choropleth\" \| \"bubble\";\n\nexport const SUPPORTED_EARTH_ENGINE_LAYERS = [\n\t\"population\",\n\t\"footprints\",\n\t\"elevation\",\n\t\"landCover\",\n];\n\nexport type GoogleEngineLayerType =\n\t\| \"population\"\n\t\| \"footprints\"\n\t\| \"elevation\"\n\t\| \"landCover\";\n\nexport interface CustomBoundaryLayer extends CustomMapLayer {\n\tid: string;\n\ttype: BoundaryLayerType;\n\tenabled: boolean;\n}\n\nexport interface EarthEngineLayerConfig extends CustomMapLayer {\n\ttype: GoogleEngineLayerType;\n\taggregations?: string[];\n\tname?: string;\n\tfilters?: {\n\t\tperiod: string;\n\t};\n\tparams?: {\n\t\tmin: number;\n\t\tmax: number;\n\t\tpalette?: string;\n\t};\n}\n\nexport interface CustomGoogleEngineLayer extends CustomMapLayer {\n\ttype: GoogleEngineLayerType;\n\toptions: EarthEngineOptions;\n\taggregations?: string[];\n\tname: string;\n\turl: string;\n\tengine?: EarthEngine;\n}\n\nexport interface CustomPointLayer extends CustomMapLayer {\n\tid: string;\n\ttype: \"point\";\n\tlabel?: string;\n\tlevel?: string \| number;\n\tgroup?: string;\n\tstyle?: {\n\t\ticon?: string;\n\t\tgroupSet?: string;\n\t\torgUnitGroups?: Array<{ name: string; symbol: string }>;\n\t};\n\tpoints?: Array<PointOrgUnit>;\n}\n\nexport type DataItemType = \"dataElement\" \| \"indicator\" \| \"programIndicator\";\n\nexport interface ThematicLayerDataItem {\n\tid: string;\n\tdisplayName: string;\n\ttype: DataItemType;\n\tlegendSet?: string;\n\tlegendConfig?: {\n\t\tcolorClass: LegendColorScale;\n\t\tscale: number;\n\t};\n}\n\nexport interface ThematicLayerControl {\n\tposition: \"topleft\" \| \"topright\" \| \"bottomleft\" \| \"bottomright\";\n\tenabled: boolean;\n}\n\nexport interface ThematicLayerData {\n\torgUnit: MapOrgUnit;\n\tdata?: number;\n\tdataItem: ThematicLayerDataItem;\n}\n\nexport interface ThematicLayerRawData {\n\torgUnit: string;\n\tdata?: number;\n\tdataItem: string;\n}\n\nexport interface CustomChoroplethLayer extends CustomMapLayer {\n\tenabled: boolean;\n\tname?: string;\n\tdata: ThematicLayerData[];\n\tdataItem: ThematicLayerDataItem;\n\ttype: \"choropleth\";\n\tcontrol?: ThematicLayerControl;\n\tlegends?: Legend[];\n\tcustomEventHandlers?: LeafletEventHandlerFnMap;\n}\n\nexport interface CustomBubbleLayer extends CustomMapLayer {\n\tenabled: boolean;\n\tname?: string;\n\tdata: ThematicLayerData[];\n\tdataItem: ThematicLayerDataItem;\n\ttype: \"bubble\";\n\tcontrol?: ThematicLayerControl;\n\tlegends?: Legend[];\n\tradius?: {\n\t\tmin: number;\n\t\tmax: number;\n\t};\n}\n\nexport type CustomThematicLayer = CustomBubbleLayer \| CustomChoroplethLayer;\n\ninterface LayerData {\n\torgUnit: MapOrgUnit;\n\tdata?: number;\n\tdataItem?: ThematicLayerDataItem;\n}\n\nexport type LayerLabelConfig = {\n\tlabels: boolean;\n\tlabelFontWeight: string;\n\tlabelTemplate: string;\n};\n\nexport interface ThematicLayerConfig {\n\tid: string;\n\tdata?: ThematicLayerRawData[];\n\tenabled: boolean;\n\tname?: string;\n\tdataItem: ThematicLayerDataItem;\n\ttype: ThematicLayerType;\n\tcontrol?: ThematicLayerControl;\n\tcustomEventHandlers?: LeafletEventHandlerFnMap;\n\tonLayerClick?: (e: LeafletMouseEvent, data: LayerData) => void;\n\tlabelConfig?: LayerLabelConfig;\n\tradius?: {\n\t\tmin: number;\n\t\tmax: number;\n\t};\n}\n\nexport interface CustomMapLayer {\n\tid: string;\n\ttype: string;\n\tenabled: boolean;\n\tcustomEventHandlers?: LeafletEventHandlerFnMap;\n\tonLayerClick?: (e: LeafletMouseEvent, data: LayerData) => void;\n\tlabelConfig?: LayerLabelConfig;\n}\n\nexport type MapLayer =\n\t\| CustomBoundaryLayer\n\t\| ThematicLayerConfig\n\t\| CustomPointLayer\n\t\| CustomGoogleEngineLayer;\n\nexport interface MapLayerProps {\n\tenabled: boolean;\n\ttype: \"boundary\" \| \"thematic\" \| \"external\" \| \"point\" \| \"earthEngine\";\n\tlayer: MapLayer;\n}\n"]}

package/dist/esm/components/DHIS2PivotTable/components/TableBody/index.js CHANGED Viewed

@@ -25,8 +25,8 @@ function DataRowRenderer({
       DataTableCell,
       {
         style: {
-          background: legend?.style === "FILLED" ? legend?.color : void 0,
-          color: legend?.style === "FILLED" ? getTextColorFromBackgroundColor(
+          background: legend?.style === "FILL" ? legend?.color : void 0,
+          color: legend?.style === "FILL" ? getTextColorFromBackgroundColor(
             legend?.color
           ) : legend?.style === "TEXT" ? legend.color : void 0
         },

package/dist/esm/components/DHIS2PivotTable/components/TableBody/index.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"sources":["../../../../../../src/components/DHIS2PivotTable/components/TableBody/index.tsx"],"names":["mapper","Fragment"],"mappings":";;;;;;;;;AAWA,SAAS,eAAgB,CAAA;AAAA,EACxB,MAAA;AAAA,EACA,IAAA;AAAA,EACA;AACD,CAIG,EAAA;AACF,EAAA,MAAM,SAAS,yBAA0B,EAAA;AAEzC,EAAA,MAAM,gBAAgB,MAAQ,EAAA,SAAA;AAC9B,EAAA,MAAM,cAAiB,GAAA,aAAA,EAAe,GAAI,CAAA,CAAC,GAAS,MAAA;AAAA,IACnD,GAAG,GAAA;AAAA,IACH,GAAG,MAAA;AAAA,IACH,CAAC,SAAS,GAAG,IAAK,CAAA;AAAA,GACjB,CAAA,CAAA;AAEF,EAAA,uBAEG,GAAA,CAAA,QAAA,EAAA,EAAA,QAAA,EAAA,cAAA,EAAgB,GAAI,CAAA,CAACA,OAAW,KAAA;AAChC,IAAM,MAAA,MAAA,GAAS,MAAQ,EAAA,kBAAA,CAAmBA,OAAM,CAAA;AAEhD,IACC,uBAAA,GAAA;AAAA,MAAC,aAAA;AAAA,MAAA;AAAA,QACA,KAAO,EAAA;AAAA,UACN,UACC,EAAA,MAAA,EAAQ,KAAU,KAAA,~~QAAA~~,GACf,QAAQ,KACR,GAAA,MAAA;AAAA,UACJ,KAAA,EACC,MAAQ,EAAA,KAAA,KAAU,~~QACf~~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","file":"index.js","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, useRef } from \"react\";\nimport { AnalyticsItem } from \"@hisptz/dhis2-utils\";\nimport classes from \"./TableBody.module.css\";\nimport { DHIS2Dimension } from \"../../interfaces~~/index.js~~\";\nimport { useResizeObserver } from \"usehooks-ts\";\nimport { getTextColorFromBackgroundColor } from \"../../utils/color\";\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\n\treturn (\n\t\t<>\n\t\t\t{completeMapper?.map((mapper) => {\n\t\t\t\tconst legend = engine?.getItemValueLegend(mapper);\n\n\t\t\t\treturn (\n\t\t\t\t\t<DataTableCell\n\t\t\t\t\t\tstyle={{\n\t\t\t\t\t\t\tbackground:\n\t\t\t\t\t\t\t\tlegend?.style === \"~~FILLED~~\"\n\t\t\t\t\t\t\t\t\t? legend?.color\n\t\t\t\t\t\t\t\t\t: undefined,\n\t\t\t\t\t\t\tcolor:\n\t\t\t\t\t\t\t\tlegend?.style === \"~~FILLED~~\"\n\t\t\t\t\t\t\t\t\t? getTextColorFromBackgroundColor(\n\t\t\t\t\t\t\t\t\t\t\tlegend?.color,\n\t\t\t\t\t\t\t\t\t\t)\n\t\t\t\t\t\t\t\t\t: legend?.style === \"TEXT\"\n\t\t\t\t\t\t\t\t\t\t? legend.color\n\t\t\t\t\t\t\t\t\t\t: undefined,\n\t\t\t\t\t\t}}\n\t\t\t\t\t\tkey={`${Object.values(mapper).join(\"-\")}-value`}\n\t\t\t\t\t\talign=\"center\"\n\t\t\t\t\t\tbordered\n\t\t\t\t\t>\n\t\t\t\t\t\t{engine?.getValue(mapper) ?? \"\"}\n\t\t\t\t\t</DataTableCell>\n\t\t\t\t);\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 = useRef<HTMLElement \| null>(null);\n\tconst { width } = useResizeObserver({\n\t\tref: cellRef,\n\t});\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"]}
1	+ {"version":3,"sources":["../../../../../../src/components/DHIS2PivotTable/components/TableBody/index.tsx"],"names":["mapper","Fragment"],"mappings":"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","file":"index.js","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, useRef } from \"react\";\nimport { AnalyticsItem } from \"@hisptz/dhis2-utils\";\nimport classes from \"./TableBody.module.css\";\nimport { DHIS2Dimension } from \"../../interfaces\";\nimport { useResizeObserver } from \"usehooks-ts\";\nimport { getTextColorFromBackgroundColor } from \"../../utils/color\";\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\n\treturn (\n\t\t<>\n\t\t\t{completeMapper?.map((mapper) => {\n\t\t\t\tconst legend = engine?.getItemValueLegend(mapper);\n\n\t\t\t\treturn (\n\t\t\t\t\t<DataTableCell\n\t\t\t\t\t\tstyle={{\n\t\t\t\t\t\t\tbackground:\n\t\t\t\t\t\t\t\tlegend?.style === \"FILL\"\n\t\t\t\t\t\t\t\t\t? legend?.color\n\t\t\t\t\t\t\t\t\t: undefined,\n\t\t\t\t\t\t\tcolor:\n\t\t\t\t\t\t\t\tlegend?.style === \"FILL\"\n\t\t\t\t\t\t\t\t\t? getTextColorFromBackgroundColor(\n\t\t\t\t\t\t\t\t\t\t\tlegend?.color,\n\t\t\t\t\t\t\t\t\t\t)\n\t\t\t\t\t\t\t\t\t: legend?.style === \"TEXT\"\n\t\t\t\t\t\t\t\t\t\t? legend.color\n\t\t\t\t\t\t\t\t\t\t: undefined,\n\t\t\t\t\t\t}}\n\t\t\t\t\t\tkey={`${Object.values(mapper).join(\"-\")}-value`}\n\t\t\t\t\t\talign=\"center\"\n\t\t\t\t\t\tbordered\n\t\t\t\t\t>\n\t\t\t\t\t\t{engine?.getValue(mapper) ?? \"\"}\n\t\t\t\t\t</DataTableCell>\n\t\t\t\t);\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 = useRef<HTMLElement \| null>(null);\n\tconst { width } = useResizeObserver({\n\t\tref: cellRef,\n\t});\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/services/engine.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"sources":["../../../../../src/components/DHIS2PivotTable/services/engine.ts"],"names":["dimension"],"mappings":";;;AAkDO,MAAM,qBAAsB,CAAA;AAAA,EASlC,WAAY,CAAA;AAAA,IACX,SAAA;AAAA,IACA;AAAA,GAIE,EAAA;AACF,IAAA,IAAA,CAAK,MAAS,GAAA,MAAA;AACd,IAAA,IAAA,CAAK,aAAgB,GAAA,SAAA;AACrB,IAAA,IAAA,CAAK,UAAa,GAAA,SAAA,CAAU,IAAK,CAAA,aAAA,CAAc,OAAS,EAAA;AAAA,MACvD,MAAA;AAAA,MACA;AAAA,KACA,CAAA;AACD,IAAA,IAAA,CAAK,UAAW,EAAA;AAChB,IAAA,IAAA,CAAK,YAAa,EAAA;AAAA;AACnB,EAEA,IAAI,KAAQ,GAAA;AACX,IAAA,MAAM,OAAU,GAAA,IAAA,CAAK,MAAO,CAAA,MAAA,CAAO,UAAU,EAAC;AAC9C,IAAA,MAAM,SACL,OAAS,EAAA,GAAA,CAAI,CAAC,EAAE,WAAgB,KAAA;AAC/B,MAAA,MAAM,UACL,GAAA,IAAA,CAAK,aAAc,CAAA,QAAA,EAAU,WAAW,SAAS,CAAA;AAElD,MAAO,OAAA,UAAA,EAAY,GAAI,CAAA,CAACA,UAAc,KAAA;AACrC,QAAA,MAAM,aACL,GAAA,IAAA,CAAK,aAAc,CAAA,QAAA,EAAU,MAAMA,UAAS,CAAA;AAC7C,QAAA,OAAO,aAAe,EAAA,IAAA;AAAA,OACtB,CAAA;AAAA,KACD,KAAK,EAAC;AAER,IAAA,OAAO,QAAQ,MAAO,CAAA,IAAA,EAAM,CAAA,CAAE,KAAK,IAAI,CAAA;AAAA;AACxC,EAEA,IAAI,SAAY,GAAA;AACf,IAAM,MAAA,UAAA,GAAa,IAAK,CAAA,UAAA,EAAY,MAAU,IAAA,CAAA;AAC9C,IAAM,MAAA,aAAA,GACL,KAAK,aAAe,EAAA,MAAA;AAAA,MACnB,CAAC,GAAK,EAAA,GAAA,KAAQ,GAAO,IAAA,GAAA,CAAI,OAAO,MAAU,IAAA,CAAA,CAAA;AAAA,MAC1C;AAAA,KACI,IAAA,CAAA;AAEN,IAAA,OAAO,UAAa,GAAA,aAAA;AAAA;AACrB,EAEA,IAAI,SAAY,GAAA;AACf,IAAO,OAAA,IAAA,CAAK,QAAQ,OAAS,EAAA,iBAAA;AAAA;AAC9B,EAEA,IAAI,gBAAmB,GAAA;AACtB,IAAO,OAAA,IAAA,CAAK,MAAO,CAAA,OAAA,EAAS,gBAAoB,IAAA,IAAA;AAAA;AACjD,EAEA,IAAI,aAAgB,GAAA;AACnB,IAAO,OAAA,IAAA,CAAK,MAAO,CAAA,OAAA,EAAS,aAAiB,IAAA,IAAA;AAAA;AAC9C,EAEA,kBAAkB,SAA2B,EAAA;AAC5C,IAAA,OAAO,KAAK,aAAc,CAAA,QAAA,EAAU,UAAW,CAAA,SAAS,KAAK,EAAC;AAAA;AAC/D,EAEA,QAAQ,EAAY,EAAA;AACnB,IAAA,OAAO,IAAK,CAAA,aAAA,CAAc,QAAU,EAAA,KAAA,CAAM,EAAS,CAAA;AAAA;AACpD,EAEA,mBAAmB,MAAgC,EAAA;AAClD,IAAM,MAAA,MAAA,GAAS,IAAK,CAAA,MAAA,CAAO,OAAS,EAAA,MAAA;AACpC,IAAA,IAAI,CAAC,MAAQ,EAAA;AACb,IAAM,MAAA,KAAA,GAAQ,IAAK,CAAA,QAAA,CAAS,MAAM,CAAA;AAClC,IAAA,MAAM,WAAW,MAAQ,EAAA,QAAA;AACzB,IAAA,IAAI,aAAa,OAAS,EAAA;AACzB,MAAM,MAAA,OAAA,GAAU,OAAO,GAAI,CAAA,OAAA;AAC3B,MAAM,MAAA,KAAA,GAAQ,qBAAsB,CAAA,OAAA,EAAS,KAAK,CAAA;AAClD,MAAO,OAAA;AAAA,QACN,KAAA;AAAA,QACA,OAAO,MAAO,CAAA;AAAA,OACf;AAAA;AAED,IAAA,IAAI,aAAa,cAAgB,EAAA;AAChC,MAAA,MAAM,SAAY,GAAA,MAAA,CAAO,SAAU,CAAA,GAAA,CAAI,OAAO,EAAE,CAAA;AAChD,MAAA,IAAI,CAAC,SAAW,EAAA;AAChB,MAAA,MAAM,UAAU,SAAU,CAAA,OAAA;AAC1B,MAAM,MAAA,KAAA,GAAQ,qBAAsB,CAAA,OAAA,EAAS,KAAK,CAAA;AAClD,MAAO,OAAA;AAAA,QACN,KAAA;AAAA,QACA,OAAO,MAAO,CAAA;AAAA,OACf;AAAA;AAED,IAAA;AAAA;AACD,EAEA,SAAS,MAAgC,EAAA;AACxC,IAAM,MAAA,UAAA,GAAa,MAAO,CAAA,MAAA,CAAO,MAAM,CAAA;AACvC,IAAM,MAAA,IAAA,GAAO,IAAK,CAAA,aAAA,CAAc,IAAM,EAAA,MAAA;AAAA,MACrC,CAAC,GAAQ,KAAA,YAAA,CAAa,KAAK,UAAU,CAAA,CAAE,UAAU,UAAW,CAAA;AAAA,KAC7D;AACA,IAAA,OAAO,IAAM,EAAA,MAAA,CAAO,CAAC,GAAA,EAAK,GAAQ,KAAA;AACjC,MAAA,OAAO,GAAM,GAAA,UAAA,CAAW,GAAI,CAAA,IAAA,CAAK,UAAU,CAAC,CAAA;AAAA,OAC1C,CAAC,CAAA;AAAA;AACL,EAEA,UAAa,GAAA;AACZ,IAAA,IAAA,CAAK,aAAa,IAAK,CAAA,MAAA,CAAO,OAAO,IAAK,CAAA,GAAA,CAAI,CAAC,SAAc,KAAA;AAC5D,MAAO,OAAA;AAAA,QACN,GAAG,SAAA;AAAA,QACH,KAAO,EAAA,OAAA;AAAA,UACN,IAAK,CAAA,iBAAA,CAAkB,SAAU,CAAA,SAAS,CAAE,CAAA,GAAA;AAAA,YAC3C,CAAC,MAAA,KAAmB,IAAK,CAAA,OAAA,CAAQ,MAAM;AAAA;AACxC;AACD,OACD;AAAA,KACA,CAAA;AACD,IAAA,IAAA,CAAK,gBAAgB,IAAK,CAAA,MAAA,CAAO,OAAO,OAAQ,CAAA,GAAA,CAAI,CAAC,YAAiB,KAAA;AACrE,MAAO,OAAA;AAAA,QACN,GAAG,YAAA;AAAA,QACH,KAAO,EAAA,OAAA;AAAA,UACN,IAAK,CAAA,iBAAA,CAAkB,YAAa,CAAA,SAAS,CAAE,CAAA,GAAA;AAAA,YAC9C,CAAC,MAAA,KAAmB,IAAK,CAAA,OAAA,CAAQ,MAAM;AAAA;AACxC;AACD,OACD;AAAA,KACA,CAAA;AAAA;AACF,EAEA,YAAe,GAAA;AACd,IAAA,MAAM,UAAU,IAAK,CAAA,aAAA;AACrB,IAAA,MAAM,gBACL,GAAA,OAAA;AAAA,MACC,OAAS,EAAA,GAAA;AAAA,QAAI,CAAC,MACb,KAAA,MAAA,CAAO,KAAO,EAAA,GAAA,CAAI,CAAC,IAAU,MAAA;AAAA,UAC5B,CAAC,MAAA,CAAO,SAAS,GAAG,IAAK,CAAA;AAAA,SACxB,CAAA;AAAA;AACH,SACI,EAAC;AACP,IAAA,MAAM,IAAO,GAAA,gBAAA,CAAiB,MAAO,CAAA,CAAC,KAAK,KAAU,KAAA;AACpD,MAAO,OAAA,GAAA,IAAO,OAAO,MAAU,IAAA,CAAA,CAAA;AAAA,OAC7B,CAAC,CAAA;AACJ,IAAA,MAAM,kBAAqB,GAAA,gBAAA,CAAiB,GAAI,CAAA,CAAC,KAAU,KAAA;AAAA,MAC1D,GAAG,MAAM,IAAO,GAAA,KAAA,CAAM,QAAQ,MAAM,KAAK,EAAE,IAAK;AAAA,KAChD,CAAA;AACD,IAAA,IAAA,CAAK,SAAY,GAAA,OAAA;AAAA,MAChB,GAAA,CAAI,GAAG,kBAAkB,CAAE,CAAA,GAAA;AAAA,QAAI,CAAC,GAC/B,KAAA,GAAA,CAAI,MAAO,CAAA,CAAC,KAAK,KAAU,KAAA;AAC1B,UAAA,OAAO,EAAE,GAAG,GAAK,EAAA,GAAG,KAAM,EAAA;AAAA,SAC1B;AAAA;AACF,KACD;AAAA;AAEF","file":"engine.js","sourcesContent":["import type { LegendSet } from \"@hisptz/dhis2-utils\";\nimport { Analytics, AnalyticsItem } from \"@hisptz/dhis2-utils\";\nimport { compact, findIndex, intersection, times, zip } from \"lodash\";\nimport { DHIS2Dimension } from \"../interfaces\";\nimport { getColorFromLegendSet } from \"../../Map\";\n\nexport interface BaseLegendConfig {\n\tstrategy: \"FIXED\" \| \"BY_DATA_ITEM\";\n\tshowKey: boolean;\n\tstyle: \"TEXT\" \| \"~~FILLED~~\";\n}\nexport interface FixedLegendConfig extends BaseLegendConfig {\n\tstrategy: \"FIXED\";\n\tset: LegendSet;\n}\n\nexport interface DataItemLegendConfig extends BaseLegendConfig {\n\tstrategy: \"BY_DATA_ITEM\";\n\tlegendMap: Map<string, LegendSet>;\n}\n\nexport type LegendConfig = FixedLegendConfig \| DataItemLegendConfig;\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\tlegend?: LegendConfig;\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\tshowFilterAsTitle?: 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 title() {\n\t\tconst filters = this.config.layout.filter ?? [];\n\t\tconst labels =\n\t\t\tfilters?.map(({ dimension }) => {\n\t\t\t\tconst dimensions =\n\t\t\t\t\tthis.analyticsData.metaData?.dimensions[dimension];\n\n\t\t\t\treturn dimensions?.map((dimension) => {\n\t\t\t\t\tconst dimensionItem =\n\t\t\t\t\t\tthis.analyticsData.metaData?.items[dimension];\n\t\t\t\t\treturn dimensionItem?.name;\n\t\t\t\t});\n\t\t\t}) ?? [];\n\n\t\treturn compact(labels.flat()).join(\", \");\n\t}\n\n\tget titleSpan() {\n\t\tconst rowHeaders = this.rowHeaders?.length ?? 0;\n\t\tconst columnHeaders =\n\t\t\tthis.columnHeaders?.reduce(\n\t\t\t\t(acc, val) => acc + (val.items?.length ?? 0),\n\t\t\t\t0,\n\t\t\t) ?? 0;\n\n\t\treturn rowHeaders + columnHeaders;\n\t}\n\n\tget showTitle() {\n\t\treturn this.config?.options?.showFilterAsTitle;\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\tgetItemValueLegend(mapper: { [key: string]: any }) {\n\t\tconst legend = this.config.options?.legend;\n\t\tif (!legend) return;\n\t\tconst value = this.getValue(mapper);\n\t\tconst strategy = legend?.strategy;\n\t\tif (strategy === \"FIXED\") {\n\t\t\tconst legends = legend.set.legends;\n\t\t\tconst color = getColorFromLegendSet(legends, value);\n\t\t\treturn {\n\t\t\t\tcolor,\n\t\t\t\tstyle: legend.style,\n\t\t\t};\n\t\t}\n\t\tif (strategy === \"BY_DATA_ITEM\") {\n\t\t\tconst legendSet = legend.legendMap.get(mapper.dx);\n\t\t\tif (!legendSet) return;\n\t\t\tconst legends = legendSet.legends;\n\t\t\tconst color = getColorFromLegendSet(legends, value);\n\t\t\treturn {\n\t\t\t\tcolor,\n\t\t\t\tstyle: legend.style,\n\t\t\t};\n\t\t}\n\t\treturn;\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((column) =>\n\t\t\t\t\tcolumn.items?.map((item) => ({\n\t\t\t\t\t\t[column.dimension]: item.uid,\n\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"]}
1	+ {"version":3,"sources":["../../../../../src/components/DHIS2PivotTable/services/engine.ts"],"names":["dimension"],"mappings":"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","file":"engine.js","sourcesContent":["import type { LegendSet } from \"@hisptz/dhis2-utils\";\nimport { Analytics, AnalyticsItem } from \"@hisptz/dhis2-utils\";\nimport { compact, findIndex, intersection, times, zip } from \"lodash\";\nimport { DHIS2Dimension } from \"../interfaces\";\nimport { getColorFromLegendSet } from \"../../Map\";\n\nexport interface BaseLegendConfig {\n\tstrategy: \"FIXED\" \| \"BY_DATA_ITEM\";\n\tshowKey: boolean;\n\tstyle: \"TEXT\" \| \"FILL\";\n}\nexport interface FixedLegendConfig extends BaseLegendConfig {\n\tstrategy: \"FIXED\";\n\tset: LegendSet;\n}\n\nexport interface DataItemLegendConfig extends BaseLegendConfig {\n\tstrategy: \"BY_DATA_ITEM\";\n\tlegendMap: Map<string, LegendSet>;\n}\n\nexport type LegendConfig = FixedLegendConfig \| DataItemLegendConfig;\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\tlegend?: LegendConfig;\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\tshowFilterAsTitle?: 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 title() {\n\t\tconst filters = this.config.layout.filter ?? [];\n\t\tconst labels =\n\t\t\tfilters?.map(({ dimension }) => {\n\t\t\t\tconst dimensions =\n\t\t\t\t\tthis.analyticsData.metaData?.dimensions[dimension];\n\n\t\t\t\treturn dimensions?.map((dimension) => {\n\t\t\t\t\tconst dimensionItem =\n\t\t\t\t\t\tthis.analyticsData.metaData?.items[dimension];\n\t\t\t\t\treturn dimensionItem?.name;\n\t\t\t\t});\n\t\t\t}) ?? [];\n\n\t\treturn compact(labels.flat()).join(\", \");\n\t}\n\n\tget titleSpan() {\n\t\tconst rowHeaders = this.rowHeaders?.length ?? 0;\n\t\tconst columnHeaders =\n\t\t\tthis.columnHeaders?.reduce(\n\t\t\t\t(acc, val) => acc + (val.items?.length ?? 0),\n\t\t\t\t0,\n\t\t\t) ?? 0;\n\n\t\treturn rowHeaders + columnHeaders;\n\t}\n\n\tget showTitle() {\n\t\treturn this.config?.options?.showFilterAsTitle;\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\tgetItemValueLegend(mapper: { [key: string]: any }) {\n\t\tconst legend = this.config.options?.legend;\n\t\tif (!legend) return;\n\t\tconst value = this.getValue(mapper);\n\t\tconst strategy = legend?.strategy;\n\t\tif (strategy === \"FIXED\") {\n\t\t\tconst legends = legend.set.legends;\n\t\t\tconst color = getColorFromLegendSet(legends, value);\n\t\t\treturn {\n\t\t\t\tcolor,\n\t\t\t\tstyle: legend.style,\n\t\t\t};\n\t\t}\n\t\tif (strategy === \"BY_DATA_ITEM\") {\n\t\t\tconst legendSet = legend.legendMap.get(mapper.dx);\n\t\t\tif (!legendSet) return;\n\t\t\tconst legends = legendSet.legends;\n\t\t\tconst color = getColorFromLegendSet(legends, value);\n\t\t\treturn {\n\t\t\t\tcolor,\n\t\t\t\tstyle: legend.style,\n\t\t\t};\n\t\t}\n\t\treturn;\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((column) =>\n\t\t\t\t\tcolumn.items?.map((item) => ({\n\t\t\t\t\t\t[column.dimension]: item.uid,\n\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/Map/components/MapLayer/components/ThematicLayer/components/Choropleth/index.js CHANGED Viewed

@@ -1,8 +1,11 @@
-import { jsx, Fragment } from 'react/jsx-runtime';
+import { jsx, Fragment, jsxs } from 'react/jsx-runtime';
 import { colors } from '@dhis2/ui';
 import { GeoJSON } from 'react-leaflet';
-import { getColorFromLegendSet, resetHighlight, highlightFeature } from '../../../../../../utils/map.js';
+import { getColorFromLegendSet, resetHighlight, highlightFeature } from '../../../../../../utils';
 import CustomTooltip from '../CustomTooltip/index.js';
+import { LabelMarker } from '../LabelMarker';
+import { getCenter } from 'geolib';
+import { chunk, flattenDeep } from 'lodash';
 const defaultStyle = {
   weight: 1
@@ -14,10 +17,21 @@ function Choropleth({
   data,
   legends,
   customEventHandlers,
-  onLayerClick
+  onLayerClick,
+  labelConfig
 }) {
   const { orgUnit } = data;
-  return /* @__PURE__ */ jsx(Fragment, { children: /* @__PURE__ */ jsx(
+  const color = getColorFromLegendSet(legends, data.data);
+  const center = getCenter(
+    chunk(
+      flattenDeep(orgUnit.geoJSON.geometry.coordinates),
+      2
+    ).map(([latitude, longitude]) => ({
+      longitude,
+      latitude
+    }))
+  );
+  return /* @__PURE__ */ jsx(Fragment, { children: /* @__PURE__ */ jsxs(
     GeoJSON,
     {
       data: orgUnit.geoJSON,
@@ -31,13 +45,27 @@ function Choropleth({
           }
         }
       },
+      interactive: true,
       pathOptions: {
-        fillColor: getColorFromLegendSet(legends, data.data),
+        fillColor: color,
         fillOpacity: 1,
         color: colors.grey900,
+        fill: true,
         weight: 1
       },
-      children: /* @__PURE__ */ jsx(CustomTooltip, { data })
+      children: [
+        labelConfig && /* @__PURE__ */ jsx(
+          LabelMarker,
+          {
+            layerColor: color,
+            labelConfig,
+            data: data.data,
+            orgUnit,
+            center: [center.longitude, center.latitude]
+          }
+        ),
+        /* @__PURE__ */ jsx(CustomTooltip, { data })
+      ]
     },
     `${data.dataItem.id}-layer`
   ) });

package/dist/esm/components/Map/components/MapLayer/components/ThematicLayer/components/Choropleth/index.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"sources":["../../../../../../../../../../src/components/Map/components/MapLayer/components/ThematicLayer/components/Choropleth/index.tsx"],"names":[],"mappings":"~~;;;;;;AAcA~~,MAAM,YAAe,GAAA;AAAA,EACpB,MAAQ,EAAA;AACT,CAAA;AACA,MAAM,cAAiB,GAAA;AAAA,EACtB,MAAQ,EAAA;AACT,CAAA;AAQe,SAAR,UAA4B,CAAA;AAAA,EAClC,IAAA;AAAA,EACA,OAAA;AAAA,EACA,mBAAA;AAAA,EACA;AACD,~~CAKG~~,EAAA;AACF,EAAM,MAAA,EAAE,SAAY,GAAA,IAAA;AACpB,EAAA,uBAEE,GAAA,CAAA,QAAA,EAAA,EAAA,QAAA,kBAAA,~~GAAA~~;AAAA,IAAC,OAAA;AAAA,IAAA;AAAA,MACA,MAAM,OAAQ,CAAA,OAAA;AAAA,MACd,aAAe,EAAA;AAAA,QACd,SAAW,EAAA,CAAC,CAAM,KAAA,gBAAA,CAAiB,GAAG,cAAc,CAAA;AAAA,QACpD,QAAU,EAAA,CAAC,CAAM,KAAA,cAAA,CAAe,GAAG,YAAY,CAAA;AAAA,QAC/C,GAAI,uBAAuB,EAAC;AAAA,QAC5B,SAAA,EAAW,CAAC,CAAM,KAAA;AACjB,UAAA,IAAI,YAAc,EAAA;AACjB,YAAA,YAAA,CAAa,GAAG,IAAI,CAAA;AAAA;AACrB;AACD,OACD;AAAA,MACA,~~WAAa~~,EAAA;AAAA,~~QACZ~~,~~SAAW~~,EAAA,~~qBAAA~~,~~CAAsB~~,~~OAAS,~~EAAA,~~IAAA,CAAK,IAAI,CAAA~~;AAAA,~~QACnD~~,WAAa,EAAA,CAAA;AAAA,QACb,OAAO,MAAO,CAAA,OAAA;AAAA,QACd,MAAQ,EAAA;AAAA,OACT;AAAA,~~MAGA~~,QAAA,~~kBAAA~~,GAAA,CAAC,iBAAc,IAAY,EAAA;AAAA,KAAA;AAAA,~~IAFtB~~,CAAA,EAAG,IAAK,CAAA,QAAA,CAAS,EAAE,CAAA,MAAA;AAAA,~~GAI1B~~,EAAA,CAAA;AAEF","file":"index.js","sourcesContent":["import { colors } from \"@dhis2/ui\";\nimport type { Legend } from \"@hisptz/dhis2-utils\";\nimport React from \"react\";\nimport { GeoJSON } from \"react-leaflet\";\nimport { MapOrgUnit } from \"../../../../../../interfaces~~/index.js~~\";\nimport {\n\tgetColorFromLegendSet,\n\thighlightFeature,\n\tresetHighlight,\n} from \"../../../../../../utils~~/map.js~~\";\nimport { ~~ThematicLayerDataItem~~ } from \"../../../../interfaces~~/index.js~~\";\nimport CustomTooltip from \"../CustomTooltip/index.js\";\nimport type { LeafletEventHandlerFnMap, LeafletMouseEvent } from \"leaflet\";\n\nconst defaultStyle = {\n\tweight: 1,\n};\nconst highlightStyle = {\n\tweight: 2,\n};\n\ninterface LayerData {\n\torgUnit: MapOrgUnit;\n\tdata?: number;\n\tdataItem: ThematicLayerDataItem;\n}\n\nexport default function Choropleth({\n\tdata,\n\tlegends,\n\tcustomEventHandlers,\n\tonLayerClick,\n}: {\n\tdata: LayerData;\n\tlegends: Legend[];\n\tcustomEventHandlers?: LeafletEventHandlerFnMap;\n\tonLayerClick?: (e: LeafletMouseEvent, data: LayerData) => void;\n}) {\n\tconst { orgUnit } = data;\n\treturn (\n\t\t<>\n\t\t\t<GeoJSON\n\t\t\t\tdata={orgUnit.geoJSON}\n\t\t\t\teventHandlers={{\n\t\t\t\t\tmouseover: (e) => highlightFeature(e, highlightStyle),\n\t\t\t\t\tmouseout: (e) => resetHighlight(e, defaultStyle),\n\t\t\t\t\t...(customEventHandlers ?? {}),\n\t\t\t\t\tmousedown: (e) => {\n\t\t\t\t\t\tif (onLayerClick) {\n\t\t\t\t\t\t\tonLayerClick(e, data);\n\t\t\t\t\t\t}\n\t\t\t\t\t},\n\t\t\t\t}}\n\t\t\t\tpathOptions={{\n\t\t\t\t\tfillColor: ~~getColorFromLegendSet(legends, data.data)~~,\n\t\t\t\t\tfillOpacity: 1,\n\t\t\t\t\tcolor: colors.grey900,\n\t\t\t\t\tweight: 1,\n\t\t\t\t}}\n\t\t\t\tkey={`${data.dataItem.id}-layer`}\n\t\t\t>\n\t\t\t\t<CustomTooltip data={data} />\n\t\t\t</GeoJSON>\n\t\t</>\n\t);\n}\n"]}
1	+ {"version":3,"sources":["../../../../../../../../../../src/components/Map/components/MapLayer/components/ThematicLayer/components/Choropleth/index.tsx"],"names":[],"mappings":";;;;;;;;;AAoBA,MAAM,YAAe,GAAA;AAAA,EACpB,MAAQ,EAAA;AACT,CAAA;AACA,MAAM,cAAiB,GAAA;AAAA,EACtB,MAAQ,EAAA;AACT,CAAA;AAQe,SAAR,UAA4B,CAAA;AAAA,EAClC,IAAA;AAAA,EACA,OAAA;AAAA,EACA,mBAAA;AAAA,EACA,YAAA;AAAA,EACA;AACD,CAMG,EAAA;AACF,EAAM,MAAA,EAAE,SAAY,GAAA,IAAA;AACpB,EAAA,MAAM,KAAQ,GAAA,qBAAA,CAAsB,OAAS,EAAA,IAAA,CAAK,IAAI,CAAA;AAEtD,EAAA,MAAM,MAAS,GAAA,SAAA;AAAA,IACd,KAAA;AAAA,MACC,WAAoB,CAAA,OAAA,CAAQ,OAAQ,CAAA,QAAA,CAAS,WAAW,CAAA;AAAA,MACxD;AAAA,MACC,GAAI,CAAA,CAAC,CAAC,QAAA,EAAU,SAAS,CAAiB,MAAA;AAAA,MAC3C,SAAA;AAAA,MACA;AAAA,KACC,CAAA;AAAA,GACH;AAKA,EAAA,uBAEE,GAAA,CAAA,QAAA,EAAA,EAAA,QAAA,kBAAA,IAAA;AAAA,IAAC,OAAA;AAAA,IAAA;AAAA,MACA,MAAM,OAAQ,CAAA,OAAA;AAAA,MACd,aAAe,EAAA;AAAA,QACd,SAAW,EAAA,CAAC,CAAM,KAAA,gBAAA,CAAiB,GAAG,cAAc,CAAA;AAAA,QACpD,QAAU,EAAA,CAAC,CAAM,KAAA,cAAA,CAAe,GAAG,YAAY,CAAA;AAAA,QAC/C,GAAI,uBAAuB,EAAC;AAAA,QAC5B,SAAA,EAAW,CAAC,CAAM,KAAA;AACjB,UAAA,IAAI,YAAc,EAAA;AACjB,YAAA,YAAA,CAAa,GAAG,IAAI,CAAA;AAAA;AACrB;AACD,OACD;AAAA,MACA,WAAW,EAAA,IAAA;AAAA,MACX,WAAa,EAAA;AAAA,QACZ,SAAW,EAAA,KAAA;AAAA,QACX,WAAa,EAAA,CAAA;AAAA,QACb,OAAO,MAAO,CAAA,OAAA;AAAA,QACd,IAAM,EAAA,IAAA;AAAA,QACN,MAAQ,EAAA;AAAA,OACT;AAAA,MAGC,QAAA,EAAA;AAAA,QACA,WAAA,oBAAA,GAAA;AAAA,UAAC,WAAA;AAAA,UAAA;AAAA,YACA,UAAY,EAAA,KAAA;AAAA,YACZ,WAAA;AAAA,YACA,MAAM,IAAK,CAAA,IAAA;AAAA,YACX,OAAA;AAAA,YACA,MAAQ,EAAA,CAAC,MAAO,CAAA,SAAA,EAAW,OAAO,QAAQ;AAAA;AAAA,SAC3C;AAAA,wBAED,GAAA,CAAC,iBAAc,IAAY,EAAA;AAAA;AAAA,KAAA;AAAA,IAXtB,CAAA,EAAG,IAAK,CAAA,QAAA,CAAS,EAAE,CAAA,MAAA;AAAA,GAa1B,EAAA,CAAA;AAEF","file":"index.js","sourcesContent":["import { colors } from \"@dhis2/ui\";\nimport type { Legend } from \"@hisptz/dhis2-utils\";\nimport React from \"react\";\nimport { GeoJSON } from \"react-leaflet\";\nimport { MapOrgUnit } from \"../../../../../../interfaces\";\nimport {\n\tgetColorFromLegendSet,\n\thighlightFeature,\n\tresetHighlight,\n} from \"../../../../../../utils\";\nimport {\n\ttype LayerLabelConfig,\n\tThematicLayerDataItem,\n} from \"../../../../interfaces\";\nimport CustomTooltip from \"../CustomTooltip/index.js\";\nimport { type LeafletEventHandlerFnMap, type LeafletMouseEvent } from \"leaflet\";\nimport { LabelMarker } from \"../LabelMarker\";\nimport { getCenter } from \"geolib\";\nimport { chunk, flattenDeep } from \"lodash\";\n\nconst defaultStyle = {\n\tweight: 1,\n};\nconst highlightStyle = {\n\tweight: 2,\n};\n\ninterface LayerData {\n\torgUnit: MapOrgUnit;\n\tdata?: number;\n\tdataItem: ThematicLayerDataItem;\n}\n\nexport default function Choropleth({\n\tdata,\n\tlegends,\n\tcustomEventHandlers,\n\tonLayerClick,\n\tlabelConfig,\n}: {\n\tdata: LayerData;\n\tlegends: Legend[];\n\tcustomEventHandlers?: LeafletEventHandlerFnMap;\n\tonLayerClick?: (e: LeafletMouseEvent, data: LayerData) => void;\n\tlabelConfig?: LayerLabelConfig;\n}) {\n\tconst { orgUnit } = data;\n\tconst color = getColorFromLegendSet(legends, data.data);\n\n\tconst center = getCenter(\n\t\tchunk<number>(\n\t\t\tflattenDeep<number>(orgUnit.geoJSON.geometry.coordinates),\n\t\t\t2,\n\t\t).map(([latitude, longitude]: number[]) => ({\n\t\t\tlongitude,\n\t\t\tlatitude,\n\t\t})),\n\t) as {\n\t\tlongitude: number;\n\t\tlatitude: number;\n\t};\n\n\treturn (\n\t\t<>\n\t\t\t<GeoJSON\n\t\t\t\tdata={orgUnit.geoJSON}\n\t\t\t\teventHandlers={{\n\t\t\t\t\tmouseover: (e) => highlightFeature(e, highlightStyle),\n\t\t\t\t\tmouseout: (e) => resetHighlight(e, defaultStyle),\n\t\t\t\t\t...(customEventHandlers ?? {}),\n\t\t\t\t\tmousedown: (e) => {\n\t\t\t\t\t\tif (onLayerClick) {\n\t\t\t\t\t\t\tonLayerClick(e, data);\n\t\t\t\t\t\t}\n\t\t\t\t\t},\n\t\t\t\t}}\n\t\t\t\tinteractive\n\t\t\t\tpathOptions={{\n\t\t\t\t\tfillColor: color,\n\t\t\t\t\tfillOpacity: 1,\n\t\t\t\t\tcolor: colors.grey900,\n\t\t\t\t\tfill: true,\n\t\t\t\t\tweight: 1,\n\t\t\t\t}}\n\t\t\t\tkey={`${data.dataItem.id}-layer`}\n\t\t\t>\n\t\t\t\t{labelConfig && (\n\t\t\t\t\t<LabelMarker\n\t\t\t\t\t\tlayerColor={color}\n\t\t\t\t\t\tlabelConfig={labelConfig}\n\t\t\t\t\t\tdata={data.data}\n\t\t\t\t\t\torgUnit={orgUnit}\n\t\t\t\t\t\tcenter={[center.longitude, center.latitude]}\n\t\t\t\t\t/>\n\t\t\t\t)}\n\t\t\t\t<CustomTooltip data={data} />\n\t\t\t</GeoJSON>\n\t\t</>\n\t);\n}\n"]}

package/dist/esm/components/Map/components/MapLayer/components/ThematicLayer/components/LabelMarker/index.js ADDED Viewed

@@ -0,0 +1,29 @@
+import { jsx } from 'react/jsx-runtime';
+import { Marker } from 'react-leaflet';
+import { getLabel } from '../../utils/label';
+import L from 'leaflet';
+import './label.css';
+import { getTextColorFromBackgroundColor } from '../../../../../../../DHIS2PivotTable/utils/color';
+function LabelMarker({
+  labelConfig,
+  data,
+  orgUnit,
+  center,
+  layerColor
+}) {
+  const label = getLabel({
+    labelConfig,
+    data,
+    orgUnit
+  });
+  const labelIcon = L.divIcon({
+    className: "label-icon",
+    html: `<span style="color: ${getTextColorFromBackgroundColor(layerColor)}; text-align: center; font-size: 12px">${label}</span>`
+  });
+  return /* @__PURE__ */ jsx(Marker, { zIndexOffset: 1e3, icon: labelIcon, position: center });
+}
+export { LabelMarker };
+//# sourceMappingURL=index.js.map
+//# sourceMappingURL=index.js.map

package/dist/esm/components/Map/components/MapLayer/components/ThematicLayer/components/LabelMarker/index.js.map ADDED Viewed

@@ -0,0 +1 @@

+ {"version":3,"sources":["../../../../../../../../../../src/components/Map/components/MapLayer/components/ThematicLayer/components/LabelMarker/index.tsx"],"names":[],"mappings":";;;;;;;AAOO,SAAS,WAAY,CAAA;AAAA,EAC3B,WAAA;AAAA,EACA,IAAA;AAAA,EACA,OAAA;AAAA,EACA,MAAA;AAAA,EACA;AACD,CAMG,EAAA;AACF,EAAA,MAAM,QAAQ,QAAS,CAAA;AAAA,IACtB,WAAA;AAAA,IACA,IAAA;AAAA,IACA;AAAA,GACA,CAAA;AAED,EAAM,MAAA,SAAA,GAAY,EAAE,OAAQ,CAAA;AAAA,IAC3B,SAAW,EAAA,YAAA;AAAA,IACX,MAAM,CAAuB,oBAAA,EAAA,+BAAA,CAAgC,UAAU,CAAC,0CAA0C,KAAK,CAAA,OAAA;AAAA,GACvH,CAAA;AAED,EAAA,2BAAQ,MAAO,EAAA,EAAA,YAAA,EAAc,KAAM,IAAM,EAAA,SAAA,EAAW,UAAU,MAAQ,EAAA,CAAA;AACvE","file":"index.js","sourcesContent":["import { Marker } from \"react-leaflet\";\nimport { getLabel } from \"../../utils/label\";\nimport type { LayerLabelConfig } from \"../../../../interfaces\";\nimport L, { type LatLngExpression } from \"leaflet\";\nimport \"./label.css\";\nimport { getTextColorFromBackgroundColor } from \"../../../../../../../DHIS2PivotTable/utils/color\";\n\nexport function LabelMarker({\n\tlabelConfig,\n\tdata,\n\torgUnit,\n\tcenter,\n\tlayerColor,\n}: {\n\tlabelConfig: LayerLabelConfig;\n\tdata: number | undefined;\n\torgUnit: { name: string };\n\tcenter: LatLngExpression;\n\tlayerColor: string;\n}) {\n\tconst label = getLabel({\n\t\tlabelConfig,\n\t\tdata,\n\t\torgUnit,\n\t});\n\n\tconst labelIcon = L.divIcon({\n\t\tclassName: \"label-icon\",\n\t\thtml: `${label}`,\n\t});\n\n\treturn <Marker zIndexOffset={1000} icon={labelIcon} position={center} />;\n}\n"]}

package/dist/esm/components/Map/components/MapLayer/components/ThematicLayer/components/LabelMarker/label.css ADDED Viewed

@@ -0,0 +1,11 @@
+.label-icon {
+  background: transparent;
+  border: none;
+  font-size: 12px;
+  font-weight: bold;
+  text-align: center;
+  white-space: nowrap;
+  pointer-events: none;
+  margin: auto;
+}
+/*# sourceMappingURL=label.css.map */

package/dist/esm/components/Map/components/MapLayer/components/ThematicLayer/components/LabelMarker/label.css.map ADDED Viewed

@@ -0,0 +1 @@

+ {"version":3,"sources":["../../../../../../../../../../src/components/Map/components/MapLayer/components/ThematicLayer/components/LabelMarker/label.css"],"sourcesContent":[".label-icon {\n background: transparent;\n border: none;\n font-size: 12px;\n font-weight: bold;\n text-align: center;\n white-space: nowrap;\n pointer-events: none; /* prevents label from blocking map clicks */\n margin: auto\n}\n"],"mappings":"AAAA,CAAC;AACG,cAAY;AACZ,UAAQ;AACR,aAAW;AACX,eAAa;AACb,cAAY;AACZ,eAAa;AACb,kBAAgB;AAChB,UAAQ;AACZ;","names":[]}

package/dist/esm/components/Map/components/MapLayer/components/ThematicLayer/index.js CHANGED Viewed

@@ -36,6 +36,7 @@ function ThematicLayer({
           (datum) => type === "choropleth" ? /* @__PURE__ */ jsx(
             Choropleth,
             {
+              labelConfig: layer.labelConfig,
               customEventHandlers,
               onLayerClick,
               legends: legends ?? [],

package/dist/esm/components/Map/components/MapLayer/components/ThematicLayer/index.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"sources":["../../../../../../../../src/components/Map/components/MapLayer/components/ThematicLayer/index.tsx"],"names":[],"mappings":";;;;;;;AAQe,SAAR,aAA+B,CAAA;AAAA,EACrC,OAAA;AAAA,EACA;AACD,CAGG,EAAA;AACF,EAAM,MAAA,KAAA,GAAQ,iBAAiB,OAAO,CAAA;AAEtC,EAAA,IAAI,CAAC,KAAO,EAAA;AACX,IAAO,OAAA,IAAA;AAAA;AAGR,EAAM,MAAA;AAAA,IACL,IAAA;AAAA,IACA,QAAA;AAAA,IACA,IAAA;AAAA,IACA,IAAA;AAAA,IACA,OAAA;AAAA,IACA,OAAA;AAAA,IACA,mBAAA;AAAA,IACA;AAAA,GACD,GAAI,SAAS,EAAC;AACd,EAAM,MAAA,UAAA,GAAa,QAAQ,QAAS,CAAA,WAAA;AACpC,EACC,uBAAA,GAAA,CAAA,QAAA,EAAA,EACC,8BAAC,aAAc,CAAA,OAAA,EAAd,EAAsB,OAAS,EAAA,OAAA,EAAS,MAAM,UAC9C,EAAA,QAAA,kBAAA,GAAA;AAAA,IAAC,IAAA;AAAA,IAAA;AAAA,MACA,KAAO,EAAA;AAAA,QACN,MAAQ,EAAA,IAAA,KAAS,QAAW,GAAA,GAAA,GAAM,OAAO,KAAQ,GAAA,CAAA;AAAA,OAClD;AAAA,MACA,IAAM,EAAA,UAAA;AAAA,MAEN,+BAAC,UACC,EAAA,EAAA,QAAA,EAAA;AAAA,QAAM,IAAA,EAAA,GAAA;AAAA,UAAI,CAAC,KACX,KAAA,IAAA,KAAS,YACR,mBAAA,GAAA;AAAA,YAAC,UAAA;AAAA,YAAA;AAAA,cACA,mBAAA;AAAA,cACA,YAAA;AAAA,cACA,OAAA,EAAS,WAAW,EAAC;AAAA,cACrB,IAAM,EAAA;AAAA,aAAA;AAAA,YACD,GAAG,KAAO,EAAA,QAAA,EAAU,EAAE,CAAI,CAAA,EAAA,KAAA,EAAO,SAAS,EAAE,CAAA,MAAA;AAAA,WAE/C,GAAA;AAAA,SACL;AAAA,QACC,IAAM,EAAA,GAAA;AAAA,UAAI,CAAC,KACX,KAAA,IAAA,KAAS,QACR,mBAAA,GAAA;AAAA,YAAC,MAAA;AAAA,YAAA;AAAA,cACA,QACE,KAA6B,EAAA,MAAA;AAAA,cAE/B,OAAA,EAAS,WAAW,EAAC;AAAA,cACrB,WAAa,EAAA,IAAA,CAAK,IAAI,CAAA,EAAG,IAAQ,IAAA,CAAA;AAAA,cACjC,IAAM,EAAA;AAAA,aAAA;AAAA,YACD,GAAG,KAAO,EAAA,QAAA,EAAU,EAAE,CAAI,CAAA,EAAA,KAAA,EAAO,SAAS,EAAE,CAAA,MAAA;AAAA,WAE/C,GAAA;AAAA;AACL,OACD,EAAA;AAAA;AAAA,KAEF,CACD,EAAA,CAAA;AAEF","file":"index.js","sourcesContent":["import { last } from \"lodash\";\nimport React from \"react\";\nimport { LayerGroup, LayersControl, Pane } from \"react-leaflet\";\nimport { CustomBubbleLayer } from \"../../interfaces~~/index.js~~\";\nimport Bubble from \"./components/Bubble/index.js\";\nimport Choropleth from \"./components/Choropleth/index.js\";\nimport useThematicLayer from \"./hooks/config.js\";\n\nexport default function ThematicLayer({\n\tlayerId,\n\tindex,\n}: {\n\tlayerId: string;\n\tindex: number;\n}) {\n\tconst layer = useThematicLayer(layerId);\n\n\tif (!layer) {\n\t\treturn null;\n\t}\n\n\tconst {\n\t\ttype,\n\t\tdataItem,\n\t\tname,\n\t\tdata,\n\t\tenabled,\n\t\tlegends,\n\t\tcustomEventHandlers,\n\t\tonLayerClick,\n\t} = layer ?? {};\n\tconst uniqueName = name ?? dataItem.displayName;\n\treturn (\n\t\t<>\n\t\t\t<LayersControl.Overlay checked={enabled} name={uniqueName}>\n\t\t\t\t<Pane\n\t\t\t\t\tstyle={{\n\t\t\t\t\t\tzIndex: type === \"bubble\" ? 500 : 500 - (index + 1),\n\t\t\t\t\t}}\n\t\t\t\t\tname={uniqueName}\n\t\t\t\t>\n\t\t\t\t\t<LayerGroup>\n\t\t\t\t\t\t{data?.map((datum) =>\n\t\t\t\t\t\t\ttype === \"choropleth\" ? (\n\t\t\t\t\t\t\t\t<Choropleth\n\t\t\t\t\t\t\t\t\tcustomEventHandlers={customEventHandlers}\n\t\t\t\t\t\t\t\t\tonLayerClick={onLayerClick}\n\t\t\t\t\t\t\t\t\tlegends={legends ?? []}\n\t\t\t\t\t\t\t\t\tdata={datum}\n\t\t\t\t\t\t\t\t\tkey={`${datum?.dataItem?.id}-${datum?.orgUnit?.id}-layer`}\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)}\n\t\t\t\t\t\t{data?.map((datum) =>\n\t\t\t\t\t\t\ttype === \"bubble\" ? (\n\t\t\t\t\t\t\t\t<Bubble\n\t\t\t\t\t\t\t\t\tradius={\n\t\t\t\t\t\t\t\t\t\t(layer as CustomBubbleLayer)?.radius\n\t\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t\t\tlegends={legends ?? []}\n\t\t\t\t\t\t\t\t\thighestData={last(data)?.data ?? 1}\n\t\t\t\t\t\t\t\t\tdata={datum}\n\t\t\t\t\t\t\t\t\tkey={`${datum?.dataItem?.id}-${datum?.orgUnit?.id}-layer`}\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)}\n\t\t\t\t\t</LayerGroup>\n\t\t\t\t</Pane>\n\t\t\t</LayersControl.Overlay>\n\t\t</>\n\t);\n}\n"]}
1	+ {"version":3,"sources":["../../../../../../../../src/components/Map/components/MapLayer/components/ThematicLayer/index.tsx"],"names":[],"mappings":";;;;;;;AAQe,SAAR,aAA+B,CAAA;AAAA,EACrC,OAAA;AAAA,EACA;AACD,CAGG,EAAA;AACF,EAAM,MAAA,KAAA,GAAQ,iBAAiB,OAAO,CAAA;AAEtC,EAAA,IAAI,CAAC,KAAO,EAAA;AACX,IAAO,OAAA,IAAA;AAAA;AAGR,EAAM,MAAA;AAAA,IACL,IAAA;AAAA,IACA,QAAA;AAAA,IACA,IAAA;AAAA,IACA,IAAA;AAAA,IACA,OAAA;AAAA,IACA,OAAA;AAAA,IACA,mBAAA;AAAA,IACA;AAAA,GACD,GAAI,SAAS,EAAC;AACd,EAAM,MAAA,UAAA,GAAa,QAAQ,QAAS,CAAA,WAAA;AACpC,EACC,uBAAA,GAAA,CAAA,QAAA,EAAA,EACC,8BAAC,aAAc,CAAA,OAAA,EAAd,EAAsB,OAAS,EAAA,OAAA,EAAS,MAAM,UAC9C,EAAA,QAAA,kBAAA,GAAA;AAAA,IAAC,IAAA;AAAA,IAAA;AAAA,MACA,KAAO,EAAA;AAAA,QACN,MAAQ,EAAA,IAAA,KAAS,QAAW,GAAA,GAAA,GAAM,OAAO,KAAQ,GAAA,CAAA;AAAA,OAClD;AAAA,MACA,IAAM,EAAA,UAAA;AAAA,MAEN,+BAAC,UACC,EAAA,EAAA,QAAA,EAAA;AAAA,QAAM,IAAA,EAAA,GAAA;AAAA,UAAI,CAAC,KACX,KAAA,IAAA,KAAS,YACR,mBAAA,GAAA;AAAA,YAAC,UAAA;AAAA,YAAA;AAAA,cACA,aAAa,KAAM,CAAA,WAAA;AAAA,cACnB,mBAAA;AAAA,cACA,YAAA;AAAA,cACA,OAAA,EAAS,WAAW,EAAC;AAAA,cACrB,IAAM,EAAA;AAAA,aAAA;AAAA,YACD,GAAG,KAAO,EAAA,QAAA,EAAU,EAAE,CAAI,CAAA,EAAA,KAAA,EAAO,SAAS,EAAE,CAAA,MAAA;AAAA,WAE/C,GAAA;AAAA,SACL;AAAA,QACC,IAAM,EAAA,GAAA;AAAA,UAAI,CAAC,KACX,KAAA,IAAA,KAAS,QACR,mBAAA,GAAA;AAAA,YAAC,MAAA;AAAA,YAAA;AAAA,cACA,QACE,KAA6B,EAAA,MAAA;AAAA,cAE/B,OAAA,EAAS,WAAW,EAAC;AAAA,cACrB,WAAa,EAAA,IAAA,CAAK,IAAI,CAAA,EAAG,IAAQ,IAAA,CAAA;AAAA,cACjC,IAAM,EAAA;AAAA,aAAA;AAAA,YACD,GAAG,KAAO,EAAA,QAAA,EAAU,EAAE,CAAI,CAAA,EAAA,KAAA,EAAO,SAAS,EAAE,CAAA,MAAA;AAAA,WAE/C,GAAA;AAAA;AACL,OACD,EAAA;AAAA;AAAA,KAEF,CACD,EAAA,CAAA;AAEF","file":"index.js","sourcesContent":["import { last } from \"lodash\";\nimport React from \"react\";\nimport { LayerGroup, LayersControl, Pane } from \"react-leaflet\";\nimport { CustomBubbleLayer } from \"../../interfaces\";\nimport Bubble from \"./components/Bubble/index.js\";\nimport Choropleth from \"./components/Choropleth/index.js\";\nimport useThematicLayer from \"./hooks/config.js\";\n\nexport default function ThematicLayer({\n\tlayerId,\n\tindex,\n}: {\n\tlayerId: string;\n\tindex: number;\n}) {\n\tconst layer = useThematicLayer(layerId);\n\n\tif (!layer) {\n\t\treturn null;\n\t}\n\n\tconst {\n\t\ttype,\n\t\tdataItem,\n\t\tname,\n\t\tdata,\n\t\tenabled,\n\t\tlegends,\n\t\tcustomEventHandlers,\n\t\tonLayerClick,\n\t} = layer ?? {};\n\tconst uniqueName = name ?? dataItem.displayName;\n\treturn (\n\t\t<>\n\t\t\t<LayersControl.Overlay checked={enabled} name={uniqueName}>\n\t\t\t\t<Pane\n\t\t\t\t\tstyle={{\n\t\t\t\t\t\tzIndex: type === \"bubble\" ? 500 : 500 - (index + 1),\n\t\t\t\t\t}}\n\t\t\t\t\tname={uniqueName}\n\t\t\t\t>\n\t\t\t\t\t<LayerGroup>\n\t\t\t\t\t\t{data?.map((datum) =>\n\t\t\t\t\t\t\ttype === \"choropleth\" ? (\n\t\t\t\t\t\t\t\t<Choropleth\n\t\t\t\t\t\t\t\t\tlabelConfig={layer.labelConfig}\n\t\t\t\t\t\t\t\t\tcustomEventHandlers={customEventHandlers}\n\t\t\t\t\t\t\t\t\tonLayerClick={onLayerClick}\n\t\t\t\t\t\t\t\t\tlegends={legends ?? []}\n\t\t\t\t\t\t\t\t\tdata={datum}\n\t\t\t\t\t\t\t\t\tkey={`${datum?.dataItem?.id}-${datum?.orgUnit?.id}-layer`}\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)}\n\t\t\t\t\t\t{data?.map((datum) =>\n\t\t\t\t\t\t\ttype === \"bubble\" ? (\n\t\t\t\t\t\t\t\t<Bubble\n\t\t\t\t\t\t\t\t\tradius={\n\t\t\t\t\t\t\t\t\t\t(layer as CustomBubbleLayer)?.radius\n\t\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t\t\tlegends={legends ?? []}\n\t\t\t\t\t\t\t\t\thighestData={last(data)?.data ?? 1}\n\t\t\t\t\t\t\t\t\tdata={datum}\n\t\t\t\t\t\t\t\t\tkey={`${datum?.dataItem?.id}-${datum?.orgUnit?.id}-layer`}\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)}\n\t\t\t\t\t</LayerGroup>\n\t\t\t\t</Pane>\n\t\t\t</LayersControl.Overlay>\n\t\t</>\n\t);\n}\n"]}

package/dist/esm/components/Map/components/MapLayer/components/ThematicLayer/utils/label.js ADDED Viewed

@@ -0,0 +1,18 @@
+import { templateSettings, template } from 'lodash';
+const valueFormatter = Intl.NumberFormat(navigator.language).format;
+function getLabel({
+  orgUnit,
+  data,
+  labelConfig
+}) {
+  templateSettings.interpolate = /{([\s\S]+?)}/g;
+  return template(labelConfig.labelTemplate.replace(/\n/g, "<br />"))({
+    name: orgUnit.name,
+    value: data ? valueFormatter(data) : ""
+  });
+}
+export { getLabel };
+//# sourceMappingURL=label.js.map
+//# sourceMappingURL=label.js.map

package/dist/esm/components/Map/components/MapLayer/components/ThematicLayer/utils/label.js.map ADDED Viewed

@@ -0,0 +1 @@

+ {"version":3,"sources":["../../../../../../../../../src/components/Map/components/MapLayer/components/ThematicLayer/utils/label.ts"],"names":[],"mappings":";;AAGA,MAAM,cAAiB,GAAA,IAAA,CAAK,YAAa,CAAA,SAAA,CAAU,QAAQ,CAAE,CAAA,MAAA;AAEtD,SAAS,QAAS,CAAA;AAAA,EACxB,OAAA;AAAA,EACA,IAAA;AAAA,EACA;AACD,CAIG,EAAA;AACF,EAAA,gBAAA,CAAiB,WAAc,GAAA,eAAA;AAE/B,EAAA,OAAO,SAAS,WAAY,CAAA,aAAA,CAAc,QAAQ,KAAO,EAAA,QAAQ,CAAC,CAAE,CAAA;AAAA,IACnE,MAAM,OAAQ,CAAA,IAAA;AAAA,IACd,KAAO,EAAA,IAAA,GAAO,cAAe,CAAA,IAAI,CAAI,GAAA;AAAA,GACrC,CAAA;AACF","file":"label.js","sourcesContent":["import { template, templateSettings } from \"lodash\";\nimport type { LayerLabelConfig } from \"../../../interfaces\";\n\nconst valueFormatter = Intl.NumberFormat(navigator.language).format;\n\nexport function getLabel({\n\torgUnit,\n\tdata,\n\tlabelConfig,\n}: {\n\tlabelConfig: LayerLabelConfig;\n\torgUnit: { name: string };\n\tdata?: number;\n}) {\n\ttemplateSettings.interpolate = /{([\\s\\S]+?)}/g;\n\n\treturn template(labelConfig.labelTemplate.replace(/\\n/g, \" \"))({\n\t\tname: orgUnit.name,\n\t\tvalue: data ? valueFormatter(data) : \"\",\n\t});\n}\n"]}

package/dist/esm/components/Map/components/MapLayer/interfaces/index.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"sources":["../../../../../../../src/components/Map/components/MapLayer/interfaces/index.ts"],"names":[],"mappings":"AAUO,MAAM,6BAAgC,GAAA;AAAA,EAC5C,YAAA;AAAA,EACA,YAAA;AAAA,EACA,WAAA;AAAA,EACA;AACD","file":"index.js","sourcesContent":["import type { Legend } from \"@hisptz/dhis2-utils\";\nimport { MapOrgUnit, PointOrgUnit } from \"../../../interfaces~~/index.js~~\";\nimport { LegendColorScale } from \"../../../utils~~/colors.js~~\";\nimport { EarthEngineOptions } from \"../components/GoogleEngineLayer/interfaces~~/index.js~~\";\nimport { EarthEngine } from \"../components/GoogleEngineLayer/services/engine.js\";\nimport type { LeafletEventHandlerFnMap, LeafletMouseEvent } from \"leaflet\";\n\nexport type BoundaryLayerType = \"basemap\" \| \"overlay\";\nexport type ThematicLayerType = \"choropleth\" \| \"bubble\";\n\nexport const SUPPORTED_EARTH_ENGINE_LAYERS = [\n\t\"population\",\n\t\"footprints\",\n\t\"elevation\",\n\t\"landCover\",\n];\n\nexport type GoogleEngineLayerType =\n\t\| \"population\"\n\t\| \"footprints\"\n\t\| \"elevation\"\n\t\| \"landCover\";\n\nexport interface CustomBoundaryLayer extends CustomMapLayer {\n\tid: string;\n\ttype: BoundaryLayerType;\n\tenabled: boolean;\n}\n\nexport interface EarthEngineLayerConfig extends CustomMapLayer {\n\ttype: GoogleEngineLayerType;\n\taggregations?: string[];\n\tname?: string;\n\tfilters?: {\n\t\tperiod: string;\n\t};\n\tparams?: {\n\t\tmin: number;\n\t\tmax: number;\n\t\tpalette?: string;\n\t};\n}\n\nexport interface CustomGoogleEngineLayer extends CustomMapLayer {\n\ttype: GoogleEngineLayerType;\n\toptions: EarthEngineOptions;\n\taggregations?: string[];\n\tname: string;\n\turl: string;\n\tengine?: EarthEngine;\n}\n\nexport interface CustomPointLayer extends CustomMapLayer {\n\tid: string;\n\ttype: \"point\";\n\tlabel?: string;\n\tlevel?: string \| number;\n\tgroup?: string;\n\tstyle?: {\n\t\ticon?: string;\n\t\tgroupSet?: string;\n\t\torgUnitGroups?: Array<{ name: string; symbol: string }>;\n\t};\n\tpoints?: Array<PointOrgUnit>;\n}\n\nexport type DataItemType = \"dataElement\" \| \"indicator\" \| \"programIndicator\";\n\nexport interface ThematicLayerDataItem {\n\tid: string;\n\tdisplayName: string;\n\ttype: DataItemType;\n\tlegendSet?: string;\n\tlegendConfig?: {\n\t\tcolorClass: LegendColorScale;\n\t\tscale: number;\n\t};\n}\n\nexport interface ThematicLayerControl {\n\tposition: \"topleft\" \| \"topright\" \| \"bottomleft\" \| \"bottomright\";\n\tenabled: boolean;\n}\n\nexport interface ThematicLayerData {\n\torgUnit: MapOrgUnit;\n\tdata?: number;\n\tdataItem: ThematicLayerDataItem;\n}\n\nexport interface ThematicLayerRawData {\n\torgUnit: string;\n\tdata?: number;\n\tdataItem: string;\n}\n\nexport interface CustomChoroplethLayer extends CustomMapLayer {\n\tenabled: boolean;\n\tname?: string;\n\tdata: ThematicLayerData[];\n\tdataItem: ThematicLayerDataItem;\n\ttype: \"choropleth\";\n\tcontrol?: ThematicLayerControl;\n\tlegends?: Legend[];\n\tcustomEventHandlers?: LeafletEventHandlerFnMap;\n}\n\nexport interface CustomBubbleLayer extends CustomMapLayer {\n\tenabled: boolean;\n\tname?: string;\n\tdata: ThematicLayerData[];\n\tdataItem: ThematicLayerDataItem;\n\ttype: \"bubble\";\n\tcontrol?: ThematicLayerControl;\n\tlegends?: Legend[];\n\tradius?: {\n\t\tmin: number;\n\t\tmax: number;\n\t};\n}\n\nexport type CustomThematicLayer = CustomBubbleLayer \| CustomChoroplethLayer;\n\ninterface LayerData {\n\torgUnit: MapOrgUnit;\n\tdata?: number;\n\tdataItem?: ThematicLayerDataItem;\n}\n\nexport interface ThematicLayerConfig {\n\tid: string;\n\tdata?: ThematicLayerRawData[];\n\tenabled: boolean;\n\tname?: string;\n\tdataItem: ThematicLayerDataItem;\n\ttype: ThematicLayerType;\n\tcontrol?: ThematicLayerControl;\n\tcustomEventHandlers?: LeafletEventHandlerFnMap;\n\tonLayerClick?: (e: LeafletMouseEvent, data: LayerData) => void;\n\tradius?: {\n\t\tmin: number;\n\t\tmax: number;\n\t};\n}\n\nexport interface CustomMapLayer {\n\tid: string;\n\ttype: string;\n\tenabled: boolean;\n\tcustomEventHandlers?: LeafletEventHandlerFnMap;\n\tonLayerClick?: (e: LeafletMouseEvent, data: LayerData) => void;\n}\n\nexport type MapLayer =\n\t\| CustomBoundaryLayer\n\t\| ThematicLayerConfig\n\t\| CustomPointLayer\n\t\| CustomGoogleEngineLayer;\n\nexport interface MapLayerProps {\n\tenabled: boolean;\n\ttype: \"boundary\" \| \"thematic\" \| \"external\" \| \"point\" \| \"earthEngine\";\n\tlayer: MapLayer;\n}\n"]}
1	+ {"version":3,"sources":["../../../../../../../src/components/Map/components/MapLayer/interfaces/index.ts"],"names":[],"mappings":"AAUO,MAAM,6BAAgC,GAAA;AAAA,EAC5C,YAAA;AAAA,EACA,YAAA;AAAA,EACA,WAAA;AAAA,EACA;AACD","file":"index.js","sourcesContent":["import type { Legend } from \"@hisptz/dhis2-utils\";\nimport { MapOrgUnit, PointOrgUnit } from \"../../../interfaces\";\nimport { LegendColorScale } from \"../../../utils\";\nimport { EarthEngineOptions } from \"../components/GoogleEngineLayer/interfaces\";\nimport { EarthEngine } from \"../components/GoogleEngineLayer/services/engine.js\";\nimport type { LeafletEventHandlerFnMap, LeafletMouseEvent } from \"leaflet\";\n\nexport type BoundaryLayerType = \"basemap\" \| \"overlay\";\nexport type ThematicLayerType = \"choropleth\" \| \"bubble\";\n\nexport const SUPPORTED_EARTH_ENGINE_LAYERS = [\n\t\"population\",\n\t\"footprints\",\n\t\"elevation\",\n\t\"landCover\",\n];\n\nexport type GoogleEngineLayerType =\n\t\| \"population\"\n\t\| \"footprints\"\n\t\| \"elevation\"\n\t\| \"landCover\";\n\nexport interface CustomBoundaryLayer extends CustomMapLayer {\n\tid: string;\n\ttype: BoundaryLayerType;\n\tenabled: boolean;\n}\n\nexport interface EarthEngineLayerConfig extends CustomMapLayer {\n\ttype: GoogleEngineLayerType;\n\taggregations?: string[];\n\tname?: string;\n\tfilters?: {\n\t\tperiod: string;\n\t};\n\tparams?: {\n\t\tmin: number;\n\t\tmax: number;\n\t\tpalette?: string;\n\t};\n}\n\nexport interface CustomGoogleEngineLayer extends CustomMapLayer {\n\ttype: GoogleEngineLayerType;\n\toptions: EarthEngineOptions;\n\taggregations?: string[];\n\tname: string;\n\turl: string;\n\tengine?: EarthEngine;\n}\n\nexport interface CustomPointLayer extends CustomMapLayer {\n\tid: string;\n\ttype: \"point\";\n\tlabel?: string;\n\tlevel?: string \| number;\n\tgroup?: string;\n\tstyle?: {\n\t\ticon?: string;\n\t\tgroupSet?: string;\n\t\torgUnitGroups?: Array<{ name: string; symbol: string }>;\n\t};\n\tpoints?: Array<PointOrgUnit>;\n}\n\nexport type DataItemType = \"dataElement\" \| \"indicator\" \| \"programIndicator\";\n\nexport interface ThematicLayerDataItem {\n\tid: string;\n\tdisplayName: string;\n\ttype: DataItemType;\n\tlegendSet?: string;\n\tlegendConfig?: {\n\t\tcolorClass: LegendColorScale;\n\t\tscale: number;\n\t};\n}\n\nexport interface ThematicLayerControl {\n\tposition: \"topleft\" \| \"topright\" \| \"bottomleft\" \| \"bottomright\";\n\tenabled: boolean;\n}\n\nexport interface ThematicLayerData {\n\torgUnit: MapOrgUnit;\n\tdata?: number;\n\tdataItem: ThematicLayerDataItem;\n}\n\nexport interface ThematicLayerRawData {\n\torgUnit: string;\n\tdata?: number;\n\tdataItem: string;\n}\n\nexport interface CustomChoroplethLayer extends CustomMapLayer {\n\tenabled: boolean;\n\tname?: string;\n\tdata: ThematicLayerData[];\n\tdataItem: ThematicLayerDataItem;\n\ttype: \"choropleth\";\n\tcontrol?: ThematicLayerControl;\n\tlegends?: Legend[];\n\tcustomEventHandlers?: LeafletEventHandlerFnMap;\n}\n\nexport interface CustomBubbleLayer extends CustomMapLayer {\n\tenabled: boolean;\n\tname?: string;\n\tdata: ThematicLayerData[];\n\tdataItem: ThematicLayerDataItem;\n\ttype: \"bubble\";\n\tcontrol?: ThematicLayerControl;\n\tlegends?: Legend[];\n\tradius?: {\n\t\tmin: number;\n\t\tmax: number;\n\t};\n}\n\nexport type CustomThematicLayer = CustomBubbleLayer \| CustomChoroplethLayer;\n\ninterface LayerData {\n\torgUnit: MapOrgUnit;\n\tdata?: number;\n\tdataItem?: ThematicLayerDataItem;\n}\n\nexport type LayerLabelConfig = {\n\tlabels: boolean;\n\tlabelFontWeight: string;\n\tlabelTemplate: string;\n};\n\nexport interface ThematicLayerConfig {\n\tid: string;\n\tdata?: ThematicLayerRawData[];\n\tenabled: boolean;\n\tname?: string;\n\tdataItem: ThematicLayerDataItem;\n\ttype: ThematicLayerType;\n\tcontrol?: ThematicLayerControl;\n\tcustomEventHandlers?: LeafletEventHandlerFnMap;\n\tonLayerClick?: (e: LeafletMouseEvent, data: LayerData) => void;\n\tlabelConfig?: LayerLabelConfig;\n\tradius?: {\n\t\tmin: number;\n\t\tmax: number;\n\t};\n}\n\nexport interface CustomMapLayer {\n\tid: string;\n\ttype: string;\n\tenabled: boolean;\n\tcustomEventHandlers?: LeafletEventHandlerFnMap;\n\tonLayerClick?: (e: LeafletMouseEvent, data: LayerData) => void;\n\tlabelConfig?: LayerLabelConfig;\n}\n\nexport type MapLayer =\n\t\| CustomBoundaryLayer\n\t\| ThematicLayerConfig\n\t\| CustomPointLayer\n\t\| CustomGoogleEngineLayer;\n\nexport interface MapLayerProps {\n\tenabled: boolean;\n\ttype: \"boundary\" \| \"thematic\" \| \"external\" \| \"point\" \| \"earthEngine\";\n\tlayer: MapLayer;\n}\n"]}

package/dist/types/components/DHIS2PivotTable/services/engine.d.ts CHANGED Viewed

@@ -4,7 +4,7 @@ import { DHIS2Dimension } from "../interfaces";
 export interface BaseLegendConfig {
     strategy: "FIXED" | "BY_DATA_ITEM";
     showKey: boolean;
-    style: "TEXT" | "FILLED";
+    style: "TEXT" | "FILL";
 }
 export interface FixedLegendConfig extends BaseLegendConfig {
     strategy: "FIXED";
@@ -73,7 +73,7 @@ export declare class DHIS2PivotTableEngine {
         [key: string]: any;
     }): {
         color: string;
-        style: "TEXT" | "FILLED";
+        style: "TEXT" | "FILL";
     } | undefined;
     getValue(mapper: {
         [key: string]: any;

package/dist/types/components/DHIS2PivotTable/services/engine.d.ts.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"engine.d.ts","sourceRoot":"","sources":["../../../../../src/components/DHIS2PivotTable/services/engine.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,qBAAqB,CAAC;AACrD,OAAO,EAAE,SAAS,EAAE,aAAa,EAAE,MAAM,qBAAqB,CAAC;AAE/D,OAAO,EAAE,cAAc,EAAE,MAAM,eAAe,CAAC;AAG/C,MAAM,WAAW,gBAAgB;IAChC,QAAQ,EAAE,OAAO,GAAG,cAAc,CAAC;IACnC,OAAO,EAAE,OAAO,CAAC;IACjB,KAAK,EAAE,MAAM,GAAG,~~QAAQ~~,CAAC;~~CACzB~~;AACD,MAAM,WAAW,iBAAkB,SAAQ,gBAAgB;IAC1D,QAAQ,EAAE,OAAO,CAAC;IAClB,GAAG,EAAE,SAAS,CAAC;CACf;AAED,MAAM,WAAW,oBAAqB,SAAQ,gBAAgB;IAC7D,QAAQ,EAAE,cAAc,CAAC;IACzB,SAAS,EAAE,GAAG,CAAC,MAAM,EAAE,SAAS,CAAC,CAAC;CAClC;AAED,MAAM,MAAM,YAAY,GAAG,iBAAiB,GAAG,oBAAoB,CAAC;AAEpE,MAAM,WAAW,YAAY;IAC5B,MAAM,EAAE;QACP,OAAO,EAAE;YAAE,SAAS,EAAE,cAAc,CAAC;YAAC,KAAK,CAAC,EAAE,MAAM,CAAA;SAAE,EAAE,CAAC;QACzD,IAAI,EAAE;YAAE,SAAS,EAAE,cAAc,CAAC;YAAC,KAAK,CAAC,EAAE,MAAM,CAAA;SAAE,EAAE,CAAC;QACtD,MAAM,CAAC,EAAE;YAAE,SAAS,EAAE,cAAc,CAAC;YAAC,KAAK,CAAC,EAAE,MAAM,CAAA;SAAE,EAAE,CAAC;KACzD,CAAC;IACF,OAAO,CAAC,EAAE;QACT,MAAM,CAAC,EAAE,YAAY,CAAC;QACtB,gBAAgB,CAAC,EAAE,OAAO,CAAC;QAC3B,aAAa,CAAC,EAAE,OAAO,CAAC;QACxB,aAAa,CAAC,EAAE,OAAO,CAAC;QACxB,gBAAgB,CAAC,EAAE,OAAO,CAAC;QAC3B,gBAAgB,CAAC,EAAE,OAAO,CAAC;QAC3B,mBAAmB,CAAC,EAAE,OAAO,CAAC;QAC9B,iBAAiB,CAAC,EAAE,OAAO,CAAC;QAC5B,gBAAgB,CAAC,EAAE,OAAO,CAAC;QAC3B,aAAa,CAAC,EAAE,OAAO,CAAC;QACxB,CAAC,GAAG,EAAE,MAAM,GAAG,GAAG,CAAC;KACnB,CAAC;CACF;AAED,MAAM,WAAW,MAAM;IACtB,SAAS,EAAE,cAAc,CAAC;IAC1B,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,KAAK,CAAC,EAAE,aAAa,EAAE,CAAC;CACxB;AAED,qBAAa,qBAAqB;IACjC,aAAa,EAAE,SAAS,CAAC;IACzB,UAAU,EAAE,MAAM,CAAC;IACnB,MAAM,EAAE,YAAY,CAAC;IACrB,UAAU,CAAC,EAAE,MAAM,EAAE,CAAC;IACtB,aAAa,CAAC,EAAE,MAAM,EAAE,CAAC;IAEzB,SAAS,CAAC,EAAE;QAAE,CAAC,GAAG,EAAE,MAAM,GAAG,GAAG,CAAA;KAAE,EAAE,CAAC;gBAEzB,EACX,SAAS,EACT,MAAM,GACN,EAAE;QACF,SAAS,EAAE,SAAS,CAAC;QACrB,MAAM,EAAE,YAAY,CAAC;KACrB;IAWD,IAAI,KAAK,WAeR;IAED,IAAI,SAAS,WASZ;IAED,IAAI,SAAS,wBAEZ;IAED,IAAI,gBAAgB,YAEnB;IAED,IAAI,aAAa,YAEhB;IAED,iBAAiB,CAAC,SAAS,EAAE,cAAc;IAI3C,OAAO,CAAC,EAAE,EAAE,MAAM;IAIlB,kBAAkB,CAAC,MAAM,EAAE;QAAE,CAAC,GAAG,EAAE,MAAM,GAAG,GAAG,CAAA;KAAE;;;;IA0BjD,QAAQ,CAAC,MAAM,EAAE;QAAE,CAAC,GAAG,EAAE,MAAM,GAAG,GAAG,CAAA;KAAE;IAUvC,UAAU;IAuBV,YAAY;CAwBZ"}
1	+ {"version":3,"file":"engine.d.ts","sourceRoot":"","sources":["../../../../../src/components/DHIS2PivotTable/services/engine.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,qBAAqB,CAAC;AACrD,OAAO,EAAE,SAAS,EAAE,aAAa,EAAE,MAAM,qBAAqB,CAAC;AAE/D,OAAO,EAAE,cAAc,EAAE,MAAM,eAAe,CAAC;AAG/C,MAAM,WAAW,gBAAgB;IAChC,QAAQ,EAAE,OAAO,GAAG,cAAc,CAAC;IACnC,OAAO,EAAE,OAAO,CAAC;IACjB,KAAK,EAAE,MAAM,GAAG,MAAM,CAAC;CACvB;AACD,MAAM,WAAW,iBAAkB,SAAQ,gBAAgB;IAC1D,QAAQ,EAAE,OAAO,CAAC;IAClB,GAAG,EAAE,SAAS,CAAC;CACf;AAED,MAAM,WAAW,oBAAqB,SAAQ,gBAAgB;IAC7D,QAAQ,EAAE,cAAc,CAAC;IACzB,SAAS,EAAE,GAAG,CAAC,MAAM,EAAE,SAAS,CAAC,CAAC;CAClC;AAED,MAAM,MAAM,YAAY,GAAG,iBAAiB,GAAG,oBAAoB,CAAC;AAEpE,MAAM,WAAW,YAAY;IAC5B,MAAM,EAAE;QACP,OAAO,EAAE;YAAE,SAAS,EAAE,cAAc,CAAC;YAAC,KAAK,CAAC,EAAE,MAAM,CAAA;SAAE,EAAE,CAAC;QACzD,IAAI,EAAE;YAAE,SAAS,EAAE,cAAc,CAAC;YAAC,KAAK,CAAC,EAAE,MAAM,CAAA;SAAE,EAAE,CAAC;QACtD,MAAM,CAAC,EAAE;YAAE,SAAS,EAAE,cAAc,CAAC;YAAC,KAAK,CAAC,EAAE,MAAM,CAAA;SAAE,EAAE,CAAC;KACzD,CAAC;IACF,OAAO,CAAC,EAAE;QACT,MAAM,CAAC,EAAE,YAAY,CAAC;QACtB,gBAAgB,CAAC,EAAE,OAAO,CAAC;QAC3B,aAAa,CAAC,EAAE,OAAO,CAAC;QACxB,aAAa,CAAC,EAAE,OAAO,CAAC;QACxB,gBAAgB,CAAC,EAAE,OAAO,CAAC;QAC3B,gBAAgB,CAAC,EAAE,OAAO,CAAC;QAC3B,mBAAmB,CAAC,EAAE,OAAO,CAAC;QAC9B,iBAAiB,CAAC,EAAE,OAAO,CAAC;QAC5B,gBAAgB,CAAC,EAAE,OAAO,CAAC;QAC3B,aAAa,CAAC,EAAE,OAAO,CAAC;QACxB,CAAC,GAAG,EAAE,MAAM,GAAG,GAAG,CAAC;KACnB,CAAC;CACF;AAED,MAAM,WAAW,MAAM;IACtB,SAAS,EAAE,cAAc,CAAC;IAC1B,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,KAAK,CAAC,EAAE,aAAa,EAAE,CAAC;CACxB;AAED,qBAAa,qBAAqB;IACjC,aAAa,EAAE,SAAS,CAAC;IACzB,UAAU,EAAE,MAAM,CAAC;IACnB,MAAM,EAAE,YAAY,CAAC;IACrB,UAAU,CAAC,EAAE,MAAM,EAAE,CAAC;IACtB,aAAa,CAAC,EAAE,MAAM,EAAE,CAAC;IAEzB,SAAS,CAAC,EAAE;QAAE,CAAC,GAAG,EAAE,MAAM,GAAG,GAAG,CAAA;KAAE,EAAE,CAAC;gBAEzB,EACX,SAAS,EACT,MAAM,GACN,EAAE;QACF,SAAS,EAAE,SAAS,CAAC;QACrB,MAAM,EAAE,YAAY,CAAC;KACrB;IAWD,IAAI,KAAK,WAeR;IAED,IAAI,SAAS,WASZ;IAED,IAAI,SAAS,wBAEZ;IAED,IAAI,gBAAgB,YAEnB;IAED,IAAI,aAAa,YAEhB;IAED,iBAAiB,CAAC,SAAS,EAAE,cAAc;IAI3C,OAAO,CAAC,EAAE,EAAE,MAAM;IAIlB,kBAAkB,CAAC,MAAM,EAAE;QAAE,CAAC,GAAG,EAAE,MAAM,GAAG,GAAG,CAAA;KAAE;;;;IA0BjD,QAAQ,CAAC,MAAM,EAAE;QAAE,CAAC,GAAG,EAAE,MAAM,GAAG,GAAG,CAAA;KAAE;IAUvC,UAAU;IAuBV,YAAY;CAwBZ"}

package/dist/types/components/Map/components/MapLayer/components/ThematicLayer/components/Choropleth/index.d.ts CHANGED Viewed

@@ -1,17 +1,18 @@
 import type { Legend } from "@hisptz/dhis2-utils";
-import { MapOrgUnit } from "../../../../../../interfaces/index.js";
-import { ThematicLayerDataItem } from "../../../../interfaces/index.js";
-import type { LeafletEventHandlerFnMap, LeafletMouseEvent } from "leaflet";
+import { MapOrgUnit } from "../../../../../../interfaces";
+import { type LayerLabelConfig, ThematicLayerDataItem } from "../../../../interfaces";
+import { type LeafletEventHandlerFnMap, type LeafletMouseEvent } from "leaflet";
 interface LayerData {
     orgUnit: MapOrgUnit;
     data?: number;
     dataItem: ThematicLayerDataItem;
 }
-export default function Choropleth({ data, legends, customEventHandlers, onLayerClick, }: {
+export default function Choropleth({ data, legends, customEventHandlers, onLayerClick, labelConfig, }: {
     data: LayerData;
     legends: Legend[];
     customEventHandlers?: LeafletEventHandlerFnMap;
     onLayerClick?: (e: LeafletMouseEvent, data: LayerData) => void;
-}): import("react/jsx-runtime.js").JSX.Element;
+    labelConfig?: LayerLabelConfig;
+}): import("react/jsx-runtime").JSX.Element;
 export {};
 //# sourceMappingURL=index.d.ts.map

package/dist/types/components/Map/components/MapLayer/components/ThematicLayer/components/Choropleth/index.d.ts.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../../../../../../src/components/Map/components/MapLayer/components/ThematicLayer/components/Choropleth/index.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,MAAM,EAAE,MAAM,qBAAqB,CAAC;AAGlD,OAAO,EAAE,UAAU,EAAE,MAAM,~~uCAAuC~~,CAAC;~~AAMnE~~,OAAO,~~EAAE~~,qBAAqB,~~EAAE~~,MAAM,~~iCAAiC~~,CAAC;~~AAExE~~,OAAO,KAAK,~~EAAE,~~wBAAwB,EAAE,iBAAiB,EAAE,MAAM,SAAS,CAAC;~~AAS3E~~,UAAU,SAAS;IAClB,OAAO,EAAE,UAAU,CAAC;IACpB,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,QAAQ,EAAE,qBAAqB,CAAC;CAChC;AAED,MAAM,CAAC,OAAO,UAAU,UAAU,CAAC,EAClC,IAAI,EACJ,OAAO,EACP,mBAAmB,EACnB,YAAY,~~GACZ~~,EAAE;IACF,IAAI,EAAE,SAAS,CAAC;IAChB,OAAO,EAAE,MAAM,EAAE,CAAC;IAClB,mBAAmB,CAAC,EAAE,wBAAwB,CAAC;IAC/C,YAAY,CAAC,EAAE,CAAC,CAAC,EAAE,iBAAiB,EAAE,IAAI,EAAE,SAAS,KAAK,IAAI,CAAC;~~CAC~~/D,~~8CA4BA~~"}
1	+ {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../../../../../../src/components/Map/components/MapLayer/components/ThematicLayer/components/Choropleth/index.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,MAAM,EAAE,MAAM,qBAAqB,CAAC;AAGlD,OAAO,EAAE,UAAU,EAAE,MAAM,8BAA8B,CAAC;AAM1D,OAAO,EACN,KAAK,gBAAgB,EACrB,qBAAqB,EACrB,MAAM,wBAAwB,CAAC;AAEhC,OAAO,EAAE,KAAK,wBAAwB,EAAE,KAAK,iBAAiB,EAAE,MAAM,SAAS,CAAC;AAYhF,UAAU,SAAS;IAClB,OAAO,EAAE,UAAU,CAAC;IACpB,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,QAAQ,EAAE,qBAAqB,CAAC;CAChC;AAED,MAAM,CAAC,OAAO,UAAU,UAAU,CAAC,EAClC,IAAI,EACJ,OAAO,EACP,mBAAmB,EACnB,YAAY,EACZ,WAAW,GACX,EAAE;IACF,IAAI,EAAE,SAAS,CAAC;IAChB,OAAO,EAAE,MAAM,EAAE,CAAC;IAClB,mBAAmB,CAAC,EAAE,wBAAwB,CAAC;IAC/C,YAAY,CAAC,EAAE,CAAC,CAAC,EAAE,iBAAiB,EAAE,IAAI,EAAE,SAAS,KAAK,IAAI,CAAC;IAC/D,WAAW,CAAC,EAAE,gBAAgB,CAAC;CAC/B,2CAsDA"}

package/dist/types/components/Map/components/MapLayer/components/ThematicLayer/components/LabelMarker/index.d.ts ADDED Viewed

@@ -0,0 +1,13 @@
+import type { LayerLabelConfig } from "../../../../interfaces";
+import { type LatLngExpression } from "leaflet";
+import "./label.css";
+export declare function LabelMarker({ labelConfig, data, orgUnit, center, layerColor, }: {
+    labelConfig: LayerLabelConfig;
+    data: number | undefined;
+    orgUnit: {
+        name: string;
+    };
+    center: LatLngExpression;
+    layerColor: string;
+}): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=index.d.ts.map

package/dist/types/components/Map/components/MapLayer/components/ThematicLayer/components/LabelMarker/index.d.ts.map ADDED Viewed

@@ -0,0 +1 @@

+ {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../../../../../../src/components/Map/components/MapLayer/components/ThematicLayer/components/LabelMarker/index.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,wBAAwB,CAAC;AAC/D,OAAU,EAAE,KAAK,gBAAgB,EAAE,MAAM,SAAS,CAAC;AACnD,OAAO,aAAa,CAAC;AAGrB,wBAAgB,WAAW,CAAC,EAC3B,WAAW,EACX,IAAI,EACJ,OAAO,EACP,MAAM,EACN,UAAU,GACV,EAAE;IACF,WAAW,EAAE,gBAAgB,CAAC;IAC9B,IAAI,EAAE,MAAM,GAAG,SAAS,CAAC;IACzB,OAAO,EAAE;QAAE,IAAI,EAAE,MAAM,CAAA;KAAE,CAAC;IAC1B,MAAM,EAAE,gBAAgB,CAAC;IACzB,UAAU,EAAE,MAAM,CAAC;CACnB,2CAaA"}

package/dist/types/components/Map/components/MapLayer/components/ThematicLayer/index.d.ts CHANGED Viewed

@@ -1,5 +1,5 @@
 export default function ThematicLayer({ layerId, index, }: {
     layerId: string;
     index: number;
-}): import("react/jsx-runtime.js").JSX.Element | null;
+}): import("react/jsx-runtime").JSX.Element | null;
 //# sourceMappingURL=index.d.ts.map

package/dist/types/components/Map/components/MapLayer/components/ThematicLayer/index.d.ts.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../../../../src/components/Map/components/MapLayer/components/ThematicLayer/index.tsx"],"names":[],"mappings":"AAQA,MAAM,CAAC,OAAO,UAAU,aAAa,CAAC,EACrC,OAAO,EACP,KAAK,GACL,EAAE;IACF,OAAO,EAAE,MAAM,CAAC;IAChB,KAAK,EAAE,MAAM,CAAC;CACd,~~qDAyDA~~"}
1	+ {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../../../../src/components/Map/components/MapLayer/components/ThematicLayer/index.tsx"],"names":[],"mappings":"AAQA,MAAM,CAAC,OAAO,UAAU,aAAa,CAAC,EACrC,OAAO,EACP,KAAK,GACL,EAAE;IACF,OAAO,EAAE,MAAM,CAAC;IAChB,KAAK,EAAE,MAAM,CAAC;CACd,kDA0DA"}

package/dist/types/components/Map/components/MapLayer/components/ThematicLayer/utils/label.d.ts ADDED Viewed

@@ -0,0 +1,9 @@
+import type { LayerLabelConfig } from "../../../interfaces";
+export declare function getLabel({ orgUnit, data, labelConfig, }: {
+    labelConfig: LayerLabelConfig;
+    orgUnit: {
+        name: string;
+    };
+    data?: number;
+}): string;
+//# sourceMappingURL=label.d.ts.map

package/dist/types/components/Map/components/MapLayer/components/ThematicLayer/utils/label.d.ts.map ADDED Viewed

@@ -0,0 +1 @@

+ {"version":3,"file":"label.d.ts","sourceRoot":"","sources":["../../../../../../../../../src/components/Map/components/MapLayer/components/ThematicLayer/utils/label.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,qBAAqB,CAAC;AAI5D,wBAAgB,QAAQ,CAAC,EACxB,OAAO,EACP,IAAI,EACJ,WAAW,GACX,EAAE;IACF,WAAW,EAAE,gBAAgB,CAAC;IAC9B,OAAO,EAAE;QAAE,IAAI,EAAE,MAAM,CAAA;KAAE,CAAC;IAC1B,IAAI,CAAC,EAAE,MAAM,CAAC;CACd,UAOA"}

package/dist/types/components/Map/components/MapLayer/interfaces/index.d.ts CHANGED Viewed

@@ -1,7 +1,7 @@
 import type { Legend } from "@hisptz/dhis2-utils";
-import { MapOrgUnit, PointOrgUnit } from "../../../interfaces/index.js";
-import { LegendColorScale } from "../../../utils/colors.js";
-import { EarthEngineOptions } from "../components/GoogleEngineLayer/interfaces/index.js";
+import { MapOrgUnit, PointOrgUnit } from "../../../interfaces";
+import { LegendColorScale } from "../../../utils";
+import { EarthEngineOptions } from "../components/GoogleEngineLayer/interfaces";
 import { EarthEngine } from "../components/GoogleEngineLayer/services/engine.js";
 import type { LeafletEventHandlerFnMap, LeafletMouseEvent } from "leaflet";
 export type BoundaryLayerType = "basemap" | "overlay";
@@ -104,6 +104,11 @@ interface LayerData {
     data?: number;
     dataItem?: ThematicLayerDataItem;
 }
+export type LayerLabelConfig = {
+    labels: boolean;
+    labelFontWeight: string;
+    labelTemplate: string;
+};
 export interface ThematicLayerConfig {
     id: string;
     data?: ThematicLayerRawData[];
@@ -114,6 +119,7 @@ export interface ThematicLayerConfig {
     control?: ThematicLayerControl;
     customEventHandlers?: LeafletEventHandlerFnMap;
     onLayerClick?: (e: LeafletMouseEvent, data: LayerData) => void;
+    labelConfig?: LayerLabelConfig;
     radius?: {
         min: number;
         max: number;
@@ -125,6 +131,7 @@ export interface CustomMapLayer {
     enabled: boolean;
     customEventHandlers?: LeafletEventHandlerFnMap;
     onLayerClick?: (e: LeafletMouseEvent, data: LayerData) => void;
+    labelConfig?: LayerLabelConfig;
 }
 export type MapLayer = CustomBoundaryLayer | ThematicLayerConfig | CustomPointLayer | CustomGoogleEngineLayer;
 export interface MapLayerProps {

package/dist/types/components/Map/components/MapLayer/interfaces/index.d.ts.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../../../src/components/Map/components/MapLayer/interfaces/index.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,MAAM,EAAE,MAAM,qBAAqB,CAAC;AAClD,OAAO,EAAE,UAAU,EAAE,YAAY,EAAE,MAAM,~~8BAA8B~~,CAAC;~~AACxE~~,OAAO,EAAE,gBAAgB,EAAE,MAAM,~~0BAA0B~~,CAAC;~~AAC5D~~,OAAO,EAAE,kBAAkB,EAAE,MAAM,~~qDAAqD~~,CAAC;~~AACzF~~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~~CAC~~/D;AAED,MAAM,MAAM,QAAQ,GACjB,mBAAmB,GACnB,mBAAmB,GACnB,gBAAgB,GAChB,uBAAuB,CAAC;AAE3B,MAAM,WAAW,aAAa;IAC7B,OAAO,EAAE,OAAO,CAAC;IACjB,IAAI,EAAE,UAAU,GAAG,UAAU,GAAG,UAAU,GAAG,OAAO,GAAG,aAAa,CAAC;IACrE,KAAK,EAAE,QAAQ,CAAC;CAChB"}
1	+ {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../../../src/components/Map/components/MapLayer/interfaces/index.ts"],"names":[],"mappings":"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"}

package/package.json CHANGED Viewed

@@ -1,6 +1,6 @@
 {
   "name": "@hisptz/dhis2-analytics",
-  "version": "2.1.15",
+  "version": "2.1.17",
   "main": "./dist/index.js",
   "module": "./dist/esm/index.js",
   "types": "./dist/types/index.d.ts",
@@ -53,6 +53,7 @@
     "d3-color": "^3.1.0",
     "d3-scale": "^4.0.2",
     "file-saver": "^2.0.5",
+    "geolib": "^3.3.4",
     "highcharts": "^12.2.0",
     "highcharts-react-official": "^3.2.1",
     "jotai-devtools": "^0.10.1",
@@ -72,8 +73,8 @@
     "react-to-print": "^3.0.1",
     "screenfull": "^6.0.2",
     "xlsx": "^0.18.5",
-    "@hisptz/dhis2-utils": "2.0.18",
-    "@hisptz/dhis2-ui": "2.0.48"
+    "@hisptz/dhis2-ui": "2.0.48",
+    "@hisptz/dhis2-utils": "2.0.18"
   },
   "peerDependencies": {
     "@dhis2/app-runtime": "^3",