npm - @hisptz/dhis2-scorecard - Versions diffs - 1.0.13 → 1.0.15 - Mend

@hisptz/dhis2-scorecard 1.0.13 → 1.0.15

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 (388) hide show

package/dist/esm/components/ScorecardTable/components/FurtherAnalysisMenu.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"sources":["../../../../../src/components/ScorecardTable/components/FurtherAnalysisMenu.tsx"],"names":[],"mappings":"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","sourcesContent":["import { useMemo, useState } from \"react\";\nimport {\n\tIconDimensionOrgUnit16,\n\tIconVisualizationColumnStacked16,\n\tIconVisualizationColumnStacked24,\n\tIconVisualizationLine24,\n\tMenu,\n\tMenuItem,\n\tPopover,\n\ttype ReferenceElement,\n} from \"@dhis2/ui\";\nimport i18n from \"@dhis2/d2-i18n\";\nimport { useLowestOrgUnitLevel } from \"../../../hooks/orgUnit\";\nimport type { ItemMeta } from \"../../../hooks/metadata\";\nimport { getOrgUnitLevel } from \"../../../utils/orgUnits\";\nimport type { FurtherAnalysisConfig } from \"./FurtherAnalysisModal\";\nimport type { ScorecardDataSource } from \"../../../schemas/config\";\n\nexport function FurtherAnalysisMenu({\n\tstateActionRef,\n\tsetStateActionRef,\n\torgUnit,\n\tonSelect,\n\tperiodId,\n\tdataSources,\n}: {\n\tstateActionRef: ReferenceElement;\n\tsetStateActionRef: (val: undefined) => void;\n\torgUnit: ItemMeta & { hierarchy: string };\n\tonSelect: (config: FurtherAnalysisConfig) => void;\n\tperiodId: string;\n\tdataSources: ScorecardDataSource[];\n}) {\n\tconst lowestLevel = useLowestOrgUnitLevel();\n\tconst orgUnitInLowestLevel = useMemo(() => {\n\t\treturn getOrgUnitLevel(orgUnit) === lowestLevel?.level;\n\t}, [lowestLevel, orgUnit]);\n\tconst [showSubMenu, setShowSubMenu] = useState(false);\n\n\treturn (\n\t\t<>\n\t\t\t<Popover\n\t\t\t\tonClickOutside={() => setStateActionRef(undefined)}\n\t\t\t\tplacement=\"bottom-start\"\n\t\t\t\treference={stateActionRef}\n\t\t\t>\n\t\t\t\t<Menu>\n\t\t\t\t\t<MenuItem\n\t\t\t\t\t\tdense\n\t\t\t\t\t\tonClick={() => {\n\t\t\t\t\t\t\tonSelect({\n\t\t\t\t\t\t\t\tperiodSelection: {\n\t\t\t\t\t\t\t\t\tperiods: [\n\t\t\t\t\t\t\t\t\t\t{\n\t\t\t\t\t\t\t\t\t\t\tid: periodId,\n\t\t\t\t\t\t\t\t\t\t},\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\torgUnitSelection: {\n\t\t\t\t\t\t\t\t\tlevels: [],\n\t\t\t\t\t\t\t\t\tgroups: [],\n\t\t\t\t\t\t\t\t\torgUnits: [\n\t\t\t\t\t\t\t\t\t\t{\n\t\t\t\t\t\t\t\t\t\t\tid: orgUnit.uid,\n\t\t\t\t\t\t\t\t\t\t},\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\tdataSources,\n\t\t\t\t\t\t\t});\n\t\t\t\t\t\t\tsetStateActionRef(undefined);\n\t\t\t\t\t\t}}\n\t\t\t\t\t\tlabel={i18n.t(\"Further Analysis\")}\n\t\t\t\t\t\ticon={<IconVisualizationColumnStacked16 />}\n\t\t\t\t\t/>\n\t\t\t\t\t{!orgUnitInLowestLevel && (\n\t\t\t\t\t\t<MenuItem\n\t\t\t\t\t\t\tdense\n\t\t\t\t\t\t\tonClick={() => {\n\t\t\t\t\t\t\t\tsetStateActionRef(undefined);\n\t\t\t\t\t\t\t\tonSelect({\n\t\t\t\t\t\t\t\t\tperiodSelection: {\n\t\t\t\t\t\t\t\t\t\tperiods: [\n\t\t\t\t\t\t\t\t\t\t\t{\n\t\t\t\t\t\t\t\t\t\t\t\tid: periodId,\n\t\t\t\t\t\t\t\t\t\t\t},\n\t\t\t\t\t\t\t\t\t\t],\n\t\t\t\t\t\t\t\t\t},\n\t\t\t\t\t\t\t\t\torgUnitSelection: {\n\t\t\t\t\t\t\t\t\t\tlevels: [\n\t\t\t\t\t\t\t\t\t\t\t(\n\t\t\t\t\t\t\t\t\t\t\t\t+(\n\t\t\t\t\t\t\t\t\t\t\t\t\tgetOrgUnitLevel(orgUnit) ??\n\t\t\t\t\t\t\t\t\t\t\t\t\t0\n\t\t\t\t\t\t\t\t\t\t\t\t) + 1\n\t\t\t\t\t\t\t\t\t\t\t).toString(),\n\t\t\t\t\t\t\t\t\t\t],\n\t\t\t\t\t\t\t\t\t\tgroups: [],\n\t\t\t\t\t\t\t\t\t\torgUnits: [\n\t\t\t\t\t\t\t\t\t\t\t{\n\t\t\t\t\t\t\t\t\t\t\t\tid: orgUnit.uid,\n\t\t\t\t\t\t\t\t\t\t\t},\n\t\t\t\t\t\t\t\t\t\t],\n\t\t\t\t\t\t\t\t\t},\n\t\t\t\t\t\t\t\t\tdataSources,\n\t\t\t\t\t\t\t\t});\n\t\t\t\t\t\t\t}}\n\t\t\t\t\t\t\tlabel={i18n.t(\"Lower Organisation Unit Levels\")}\n\t\t\t\t\t\t\ticon={<IconDimensionOrgUnit16 />}\n\t\t\t\t\t\t/>\n\t\t\t\t\t)}\n\t\t\t\t\t<MenuItem\n\t\t\t\t\t\tdense\n\t\t\t\t\t\tshowSubMenu={showSubMenu}\n\t\t\t\t\t\tactive={showSubMenu}\n\t\t\t\t\t\ttoggleSubMenu={() => {\n\t\t\t\t\t\t\tsetShowSubMenu((prevState) => !prevState);\n\t\t\t\t\t\t}}\n\t\t\t\t\t\tlabel={i18n.t(\"Trend Analysis \")}\n\t\t\t\t\t\ticon={<IconVisualizationLine24 />}\n\t\t\t\t\t>\n\t\t\t\t\t\t<MenuItem\n\t\t\t\t\t\t\tdense\n\t\t\t\t\t\t\tonClick={() => {\n\t\t\t\t\t\t\t\tsetStateActionRef(undefined);\n\t\t\t\t\t\t\t\tonSelect({\n\t\t\t\t\t\t\t\t\tperiodSelection: {\n\t\t\t\t\t\t\t\t\t\tperiods: [\n\t\t\t\t\t\t\t\t\t\t\t{\n\t\t\t\t\t\t\t\t\t\t\t\tid: \"LAST_3_MONTHS\",\n\t\t\t\t\t\t\t\t\t\t\t},\n\t\t\t\t\t\t\t\t\t\t],\n\t\t\t\t\t\t\t\t\t},\n\t\t\t\t\t\t\t\t\torgUnitSelection: {\n\t\t\t\t\t\t\t\t\t\tlevels: [],\n\t\t\t\t\t\t\t\t\t\tgroups: [],\n\t\t\t\t\t\t\t\t\t\torgUnits: [\n\t\t\t\t\t\t\t\t\t\t\t{\n\t\t\t\t\t\t\t\t\t\t\t\tid: orgUnit.uid,\n\t\t\t\t\t\t\t\t\t\t\t},\n\t\t\t\t\t\t\t\t\t\t],\n\t\t\t\t\t\t\t\t\t},\n\t\t\t\t\t\t\t\t\tdataSources,\n\t\t\t\t\t\t\t\t});\n\t\t\t\t\t\t\t}}\n\t\t\t\t\t\t\tlabel={i18n.t(\"Last 3 Months\")}\n\t\t\t\t\t\t\ticon={<IconVisualizationColumnStacked24 />}\n\t\t\t\t\t\t/>\n\t\t\t\t\t\t<MenuItem\n\t\t\t\t\t\t\tdense\n\t\t\t\t\t\t\tonClick={() => {\n\t\t\t\t\t\t\t\tsetStateActionRef(undefined);\n\t\t\t\t\t\t\t\tonSelect({\n\t\t\t\t\t\t\t\t\tperiodSelection: {\n\t\t\t\t\t\t\t\t\t\tperiods: [\n\t\t\t\t\t\t\t\t\t\t\t{\n\t\t\t\t\t\t\t\t\t\t\t\tid: \"LAST_6_MONTHS\",\n\t\t\t\t\t\t\t\t\t\t\t},\n\t\t\t\t\t\t\t\t\t\t],\n\t\t\t\t\t\t\t\t\t},\n\t\t\t\t\t\t\t\t\torgUnitSelection: {\n\t\t\t\t\t\t\t\t\t\tlevels: [],\n\t\t\t\t\t\t\t\t\t\tgroups: [],\n\t\t\t\t\t\t\t\t\t\torgUnits: [\n\t\t\t\t\t\t\t\t\t\t\t{\n\t\t\t\t\t\t\t\t\t\t\t\tid: orgUnit.uid,\n\t\t\t\t\t\t\t\t\t\t\t},\n\t\t\t\t\t\t\t\t\t\t],\n\t\t\t\t\t\t\t\t\t},\n\t\t\t\t\t\t\t\t\tdataSources,\n\t\t\t\t\t\t\t\t});\n\t\t\t\t\t\t\t}}\n\t\t\t\t\t\t\tlabel={i18n.t(\"Last 6 Months\")}\n\t\t\t\t\t\t\ticon={<IconVisualizationColumnStacked24 />}\n\t\t\t\t\t\t/>\n\t\t\t\t\t\t<MenuItem\n\t\t\t\t\t\t\tdense\n\t\t\t\t\t\t\tonClick={() => {\n\t\t\t\t\t\t\t\tsetStateActionRef(undefined);\n\t\t\t\t\t\t\t\tonSelect({\n\t\t\t\t\t\t\t\t\tperiodSelection: {\n\t\t\t\t\t\t\t\t\t\tperiods: [\n\t\t\t\t\t\t\t\t\t\t\t{\n\t\t\t\t\t\t\t\t\t\t\t\tid: \"LAST_12_MONTHS\",\n\t\t\t\t\t\t\t\t\t\t\t},\n\t\t\t\t\t\t\t\t\t\t],\n\t\t\t\t\t\t\t\t\t},\n\t\t\t\t\t\t\t\t\torgUnitSelection: {\n\t\t\t\t\t\t\t\t\t\tlevels: [],\n\t\t\t\t\t\t\t\t\t\tgroups: [],\n\t\t\t\t\t\t\t\t\t\torgUnits: [\n\t\t\t\t\t\t\t\t\t\t\t{\n\t\t\t\t\t\t\t\t\t\t\t\tid: orgUnit.uid,\n\t\t\t\t\t\t\t\t\t\t\t},\n\t\t\t\t\t\t\t\t\t\t],\n\t\t\t\t\t\t\t\t\t},\n\t\t\t\t\t\t\t\t\tdataSources,\n\t\t\t\t\t\t\t\t});\n\t\t\t\t\t\t\t}}\n\t\t\t\t\t\t\tlabel={i18n.t(\"Last 12 Months\")}\n\t\t\t\t\t\t\ticon={<IconVisualizationColumnStacked24 />}\n\t\t\t\t\t\t/>\n\t\t\t\t\t\t<MenuItem\n\t\t\t\t\t\t\tdense\n\t\t\t\t\t\t\tonClick={() => {\n\t\t\t\t\t\t\t\tsetStateActionRef(undefined);\n\t\t\t\t\t\t\t\tonSelect({\n\t\t\t\t\t\t\t\t\tperiodSelection: {\n\t\t\t\t\t\t\t\t\t\tperiods: [\n\t\t\t\t\t\t\t\t\t\t\t{\n\t\t\t\t\t\t\t\t\t\t\t\tid: \"LAST_4_QUARTERS\",\n\t\t\t\t\t\t\t\t\t\t\t},\n\t\t\t\t\t\t\t\t\t\t],\n\t\t\t\t\t\t\t\t\t},\n\t\t\t\t\t\t\t\t\torgUnitSelection: {\n\t\t\t\t\t\t\t\t\t\tlevels: [],\n\t\t\t\t\t\t\t\t\t\tgroups: [],\n\t\t\t\t\t\t\t\t\t\torgUnits: [\n\t\t\t\t\t\t\t\t\t\t\t{\n\t\t\t\t\t\t\t\t\t\t\t\tid: orgUnit.uid,\n\t\t\t\t\t\t\t\t\t\t\t},\n\t\t\t\t\t\t\t\t\t\t],\n\t\t\t\t\t\t\t\t\t},\n\t\t\t\t\t\t\t\t\tdataSources,\n\t\t\t\t\t\t\t\t});\n\t\t\t\t\t\t\t}}\n\t\t\t\t\t\t\tlabel={i18n.t(\"Last 4 Quarters\")}\n\t\t\t\t\t\t\ticon={<IconVisualizationColumnStacked24 />}\n\t\t\t\t\t\t/>\n\t\t\t\t\t\t<MenuItem\n\t\t\t\t\t\t\tdense\n\t\t\t\t\t\t\tonClick={() => {\n\t\t\t\t\t\t\t\tsetStateActionRef(undefined);\n\t\t\t\t\t\t\t\tonSelect({\n\t\t\t\t\t\t\t\t\tperiodSelection: {\n\t\t\t\t\t\t\t\t\t\tperiods: [\n\t\t\t\t\t\t\t\t\t\t\t{\n\t\t\t\t\t\t\t\t\t\t\t\tid: \"LAST_5_YEARS\",\n\t\t\t\t\t\t\t\t\t\t\t},\n\t\t\t\t\t\t\t\t\t\t],\n\t\t\t\t\t\t\t\t\t},\n\t\t\t\t\t\t\t\t\torgUnitSelection: {\n\t\t\t\t\t\t\t\t\t\tlevels: [],\n\t\t\t\t\t\t\t\t\t\tgroups: [],\n\t\t\t\t\t\t\t\t\t\torgUnits: [\n\t\t\t\t\t\t\t\t\t\t\t{\n\t\t\t\t\t\t\t\t\t\t\t\tid: orgUnit.uid,\n\t\t\t\t\t\t\t\t\t\t\t},\n\t\t\t\t\t\t\t\t\t\t],\n\t\t\t\t\t\t\t\t\t},\n\t\t\t\t\t\t\t\t\tdataSources,\n\t\t\t\t\t\t\t\t});\n\t\t\t\t\t\t\t}}\n\t\t\t\t\t\t\tlabel={i18n.t(\"Last 5 Years\")}\n\t\t\t\t\t\t\ticon={<IconVisualizationColumnStacked24 />}\n\t\t\t\t\t\t/>\n\t\t\t\t\t</MenuItem>\n\t\t\t\t</Menu>\n\t\t\t</Popover>\n\t\t</>\n\t);\n}\n"]}
1	+ {"version":3,"sources":["../../../../../src/components/ScorecardTable/components/FurtherAnalysisMenu.tsx"],"names":[],"mappings":"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","file":"FurtherAnalysisMenu.js","sourcesContent":["import { useMemo, useState } from \"react\";\nimport {\n\tIconDimensionOrgUnit16,\n\tIconVisualizationColumnStacked16,\n\tIconVisualizationColumnStacked24,\n\tIconVisualizationLine24,\n\tMenu,\n\tMenuItem,\n\tPopover,\n\ttype ReferenceElement,\n} from \"@dhis2/ui\";\nimport i18n from \"@dhis2/d2-i18n\";\nimport { useLowestOrgUnitLevel } from \"../../../hooks/orgUnit\";\nimport type { ItemMeta } from \"../../../hooks/metadata\";\nimport { getOrgUnitLevel } from \"../../../utils/orgUnits\";\nimport type { FurtherAnalysisConfig } from \"./FurtherAnalysisModal\";\nimport type { ScorecardDataSource } from \"../../../schemas/config\";\n\nexport function FurtherAnalysisMenu({\n\tstateActionRef,\n\tsetStateActionRef,\n\torgUnit,\n\tonSelect,\n\tperiodId,\n\tdataSources,\n}: {\n\tstateActionRef: ReferenceElement;\n\tsetStateActionRef: (val: undefined) => void;\n\torgUnit: ItemMeta & { hierarchy: string };\n\tonSelect: (config: FurtherAnalysisConfig) => void;\n\tperiodId: string;\n\tdataSources: ScorecardDataSource[];\n}) {\n\tconst lowestLevel = useLowestOrgUnitLevel();\n\tconst orgUnitInLowestLevel = useMemo(() => {\n\t\treturn getOrgUnitLevel(orgUnit) === lowestLevel?.level;\n\t}, [lowestLevel, orgUnit]);\n\tconst [showSubMenu, setShowSubMenu] = useState(false);\n\n\treturn (\n\t\t<>\n\t\t\t<Popover\n\t\t\t\tonClickOutside={() => setStateActionRef(undefined)}\n\t\t\t\tplacement=\"bottom-start\"\n\t\t\t\treference={stateActionRef}\n\t\t\t>\n\t\t\t\t<Menu>\n\t\t\t\t\t<MenuItem\n\t\t\t\t\t\tdense\n\t\t\t\t\t\tonClick={() => {\n\t\t\t\t\t\t\tonSelect({\n\t\t\t\t\t\t\t\tperiodSelection: {\n\t\t\t\t\t\t\t\t\tperiods: [\n\t\t\t\t\t\t\t\t\t\t{\n\t\t\t\t\t\t\t\t\t\t\tid: periodId,\n\t\t\t\t\t\t\t\t\t\t},\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\torgUnitSelection: {\n\t\t\t\t\t\t\t\t\tlevels: [],\n\t\t\t\t\t\t\t\t\tgroups: [],\n\t\t\t\t\t\t\t\t\torgUnits: [\n\t\t\t\t\t\t\t\t\t\t{\n\t\t\t\t\t\t\t\t\t\t\tid: orgUnit.uid,\n\t\t\t\t\t\t\t\t\t\t},\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\tdataSources,\n\t\t\t\t\t\t\t});\n\t\t\t\t\t\t\tsetStateActionRef(undefined);\n\t\t\t\t\t\t}}\n\t\t\t\t\t\tlabel={i18n.t(\"Further Analysis\")}\n\t\t\t\t\t\ticon={<IconVisualizationColumnStacked16 />}\n\t\t\t\t\t/>\n\t\t\t\t\t{!orgUnitInLowestLevel && (\n\t\t\t\t\t\t<MenuItem\n\t\t\t\t\t\t\tdense\n\t\t\t\t\t\t\tonClick={() => {\n\t\t\t\t\t\t\t\tsetStateActionRef(undefined);\n\t\t\t\t\t\t\t\tonSelect({\n\t\t\t\t\t\t\t\t\tperiodSelection: {\n\t\t\t\t\t\t\t\t\t\tperiods: [\n\t\t\t\t\t\t\t\t\t\t\t{\n\t\t\t\t\t\t\t\t\t\t\t\tid: periodId,\n\t\t\t\t\t\t\t\t\t\t\t},\n\t\t\t\t\t\t\t\t\t\t],\n\t\t\t\t\t\t\t\t\t},\n\t\t\t\t\t\t\t\t\torgUnitSelection: {\n\t\t\t\t\t\t\t\t\t\tlevels: [\n\t\t\t\t\t\t\t\t\t\t\t(\n\t\t\t\t\t\t\t\t\t\t\t\t+(\n\t\t\t\t\t\t\t\t\t\t\t\t\tgetOrgUnitLevel(orgUnit) ??\n\t\t\t\t\t\t\t\t\t\t\t\t\t0\n\t\t\t\t\t\t\t\t\t\t\t\t) + 1\n\t\t\t\t\t\t\t\t\t\t\t).toString(),\n\t\t\t\t\t\t\t\t\t\t],\n\t\t\t\t\t\t\t\t\t\tgroups: [],\n\t\t\t\t\t\t\t\t\t\torgUnits: [\n\t\t\t\t\t\t\t\t\t\t\t{\n\t\t\t\t\t\t\t\t\t\t\t\tid: orgUnit.uid,\n\t\t\t\t\t\t\t\t\t\t\t},\n\t\t\t\t\t\t\t\t\t\t],\n\t\t\t\t\t\t\t\t\t},\n\t\t\t\t\t\t\t\t\tdataSources,\n\t\t\t\t\t\t\t\t});\n\t\t\t\t\t\t\t}}\n\t\t\t\t\t\t\tlabel={i18n.t(\"Lower Organisation Unit Levels\")}\n\t\t\t\t\t\t\ticon={<IconDimensionOrgUnit16 />}\n\t\t\t\t\t\t/>\n\t\t\t\t\t)}\n\t\t\t\t\t<MenuItem\n\t\t\t\t\t\tdense\n\t\t\t\t\t\tshowSubMenu={showSubMenu}\n\t\t\t\t\t\tactive={showSubMenu}\n\t\t\t\t\t\ttoggleSubMenu={() => {\n\t\t\t\t\t\t\tsetShowSubMenu((prevState) => !prevState);\n\t\t\t\t\t\t}}\n\t\t\t\t\t\tlabel={i18n.t(\"Trend Analysis \")}\n\t\t\t\t\t\ticon={<IconVisualizationLine24 />}\n\t\t\t\t\t>\n\t\t\t\t\t\t<MenuItem\n\t\t\t\t\t\t\tdense\n\t\t\t\t\t\t\tonClick={() => {\n\t\t\t\t\t\t\t\tsetStateActionRef(undefined);\n\t\t\t\t\t\t\t\tonSelect({\n\t\t\t\t\t\t\t\t\tperiodSelection: {\n\t\t\t\t\t\t\t\t\t\tperiods: [\n\t\t\t\t\t\t\t\t\t\t\t{\n\t\t\t\t\t\t\t\t\t\t\t\tid: \"LAST_3_MONTHS\",\n\t\t\t\t\t\t\t\t\t\t\t},\n\t\t\t\t\t\t\t\t\t\t],\n\t\t\t\t\t\t\t\t\t},\n\t\t\t\t\t\t\t\t\torgUnitSelection: {\n\t\t\t\t\t\t\t\t\t\tlevels: [],\n\t\t\t\t\t\t\t\t\t\tgroups: [],\n\t\t\t\t\t\t\t\t\t\torgUnits: [\n\t\t\t\t\t\t\t\t\t\t\t{\n\t\t\t\t\t\t\t\t\t\t\t\tid: orgUnit.uid,\n\t\t\t\t\t\t\t\t\t\t\t},\n\t\t\t\t\t\t\t\t\t\t],\n\t\t\t\t\t\t\t\t\t},\n\t\t\t\t\t\t\t\t\tdataSources,\n\t\t\t\t\t\t\t\t});\n\t\t\t\t\t\t\t}}\n\t\t\t\t\t\t\tlabel={i18n.t(\"Last 3 Months\")}\n\t\t\t\t\t\t\ticon={<IconVisualizationColumnStacked24 />}\n\t\t\t\t\t\t/>\n\t\t\t\t\t\t<MenuItem\n\t\t\t\t\t\t\tdense\n\t\t\t\t\t\t\tonClick={() => {\n\t\t\t\t\t\t\t\tsetStateActionRef(undefined);\n\t\t\t\t\t\t\t\tonSelect({\n\t\t\t\t\t\t\t\t\tperiodSelection: {\n\t\t\t\t\t\t\t\t\t\tperiods: [\n\t\t\t\t\t\t\t\t\t\t\t{\n\t\t\t\t\t\t\t\t\t\t\t\tid: \"LAST_6_MONTHS\",\n\t\t\t\t\t\t\t\t\t\t\t},\n\t\t\t\t\t\t\t\t\t\t],\n\t\t\t\t\t\t\t\t\t},\n\t\t\t\t\t\t\t\t\torgUnitSelection: {\n\t\t\t\t\t\t\t\t\t\tlevels: [],\n\t\t\t\t\t\t\t\t\t\tgroups: [],\n\t\t\t\t\t\t\t\t\t\torgUnits: [\n\t\t\t\t\t\t\t\t\t\t\t{\n\t\t\t\t\t\t\t\t\t\t\t\tid: orgUnit.uid,\n\t\t\t\t\t\t\t\t\t\t\t},\n\t\t\t\t\t\t\t\t\t\t],\n\t\t\t\t\t\t\t\t\t},\n\t\t\t\t\t\t\t\t\tdataSources,\n\t\t\t\t\t\t\t\t});\n\t\t\t\t\t\t\t}}\n\t\t\t\t\t\t\tlabel={i18n.t(\"Last 6 Months\")}\n\t\t\t\t\t\t\ticon={<IconVisualizationColumnStacked24 />}\n\t\t\t\t\t\t/>\n\t\t\t\t\t\t<MenuItem\n\t\t\t\t\t\t\tdense\n\t\t\t\t\t\t\tonClick={() => {\n\t\t\t\t\t\t\t\tsetStateActionRef(undefined);\n\t\t\t\t\t\t\t\tonSelect({\n\t\t\t\t\t\t\t\t\tperiodSelection: {\n\t\t\t\t\t\t\t\t\t\tperiods: [\n\t\t\t\t\t\t\t\t\t\t\t{\n\t\t\t\t\t\t\t\t\t\t\t\tid: \"LAST_12_MONTHS\",\n\t\t\t\t\t\t\t\t\t\t\t},\n\t\t\t\t\t\t\t\t\t\t],\n\t\t\t\t\t\t\t\t\t},\n\t\t\t\t\t\t\t\t\torgUnitSelection: {\n\t\t\t\t\t\t\t\t\t\tlevels: [],\n\t\t\t\t\t\t\t\t\t\tgroups: [],\n\t\t\t\t\t\t\t\t\t\torgUnits: [\n\t\t\t\t\t\t\t\t\t\t\t{\n\t\t\t\t\t\t\t\t\t\t\t\tid: orgUnit.uid,\n\t\t\t\t\t\t\t\t\t\t\t},\n\t\t\t\t\t\t\t\t\t\t],\n\t\t\t\t\t\t\t\t\t},\n\t\t\t\t\t\t\t\t\tdataSources,\n\t\t\t\t\t\t\t\t});\n\t\t\t\t\t\t\t}}\n\t\t\t\t\t\t\tlabel={i18n.t(\"Last 12 Months\")}\n\t\t\t\t\t\t\ticon={<IconVisualizationColumnStacked24 />}\n\t\t\t\t\t\t/>\n\t\t\t\t\t\t<MenuItem\n\t\t\t\t\t\t\tdense\n\t\t\t\t\t\t\tonClick={() => {\n\t\t\t\t\t\t\t\tsetStateActionRef(undefined);\n\t\t\t\t\t\t\t\tonSelect({\n\t\t\t\t\t\t\t\t\tperiodSelection: {\n\t\t\t\t\t\t\t\t\t\tperiods: [\n\t\t\t\t\t\t\t\t\t\t\t{\n\t\t\t\t\t\t\t\t\t\t\t\tid: \"LAST_4_QUARTERS\",\n\t\t\t\t\t\t\t\t\t\t\t},\n\t\t\t\t\t\t\t\t\t\t],\n\t\t\t\t\t\t\t\t\t},\n\t\t\t\t\t\t\t\t\torgUnitSelection: {\n\t\t\t\t\t\t\t\t\t\tlevels: [],\n\t\t\t\t\t\t\t\t\t\tgroups: [],\n\t\t\t\t\t\t\t\t\t\torgUnits: [\n\t\t\t\t\t\t\t\t\t\t\t{\n\t\t\t\t\t\t\t\t\t\t\t\tid: orgUnit.uid,\n\t\t\t\t\t\t\t\t\t\t\t},\n\t\t\t\t\t\t\t\t\t\t],\n\t\t\t\t\t\t\t\t\t},\n\t\t\t\t\t\t\t\t\tdataSources,\n\t\t\t\t\t\t\t\t});\n\t\t\t\t\t\t\t}}\n\t\t\t\t\t\t\tlabel={i18n.t(\"Last 4 Quarters\")}\n\t\t\t\t\t\t\ticon={<IconVisualizationColumnStacked24 />}\n\t\t\t\t\t\t/>\n\t\t\t\t\t\t<MenuItem\n\t\t\t\t\t\t\tdense\n\t\t\t\t\t\t\tonClick={() => {\n\t\t\t\t\t\t\t\tsetStateActionRef(undefined);\n\t\t\t\t\t\t\t\tonSelect({\n\t\t\t\t\t\t\t\t\tperiodSelection: {\n\t\t\t\t\t\t\t\t\t\tperiods: [\n\t\t\t\t\t\t\t\t\t\t\t{\n\t\t\t\t\t\t\t\t\t\t\t\tid: \"LAST_5_YEARS\",\n\t\t\t\t\t\t\t\t\t\t\t},\n\t\t\t\t\t\t\t\t\t\t],\n\t\t\t\t\t\t\t\t\t},\n\t\t\t\t\t\t\t\t\torgUnitSelection: {\n\t\t\t\t\t\t\t\t\t\tlevels: [],\n\t\t\t\t\t\t\t\t\t\tgroups: [],\n\t\t\t\t\t\t\t\t\t\torgUnits: [\n\t\t\t\t\t\t\t\t\t\t\t{\n\t\t\t\t\t\t\t\t\t\t\t\tid: orgUnit.uid,\n\t\t\t\t\t\t\t\t\t\t\t},\n\t\t\t\t\t\t\t\t\t\t],\n\t\t\t\t\t\t\t\t\t},\n\t\t\t\t\t\t\t\t\tdataSources,\n\t\t\t\t\t\t\t\t});\n\t\t\t\t\t\t\t}}\n\t\t\t\t\t\t\tlabel={i18n.t(\"Last 5 Years\")}\n\t\t\t\t\t\t\ticon={<IconVisualizationColumnStacked24 />}\n\t\t\t\t\t\t/>\n\t\t\t\t\t</MenuItem>\n\t\t\t\t</Menu>\n\t\t\t</Popover>\n\t\t</>\n\t);\n}\n"]}

package/dist/esm/components/ScorecardTable/components/FurtherAnalysisModal.js CHANGED Viewed

@@ -48,5 +48,5 @@ function FurtherAnalysis({
 }
 export { FurtherAnalysis };
-//# sourceMappingURL=out.js.map
+//# sourceMappingURL=FurtherAnalysisModal.js.map
 //# sourceMappingURL=FurtherAnalysisModal.js.map

package/dist/esm/components/ScorecardTable/components/FurtherAnalysisModal.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"sources":["../../../../../src/components/ScorecardTable/components/FurtherAnalysisModal.tsx"],"names":[],"mappings":"~~AAwCG~~,~~cA4BE~~,~~YA5BF;AAnCH;AAAA~~,~~EACC~~;AAAA,~~EACA~~;AAAA,EACA~~;AAAA~~,~~EACA~~;AAAA,EACA~~;AAAA~~,~~OACM~~;~~AACP~~,~~OAAO~~,~~UAAU~~;~~AACjB~~,~~SAAS~~,~~gBAAgB;AACzB~~,~~SAAS~~,~~oCAAoC;AAC7C~~,~~SAAS~~,~~iCAAiC;AAcnC~~,~~SAAS~~,~~gBAAgB;AAAA~~,~~EAC/B;AAAA~~,~~EACA;AAAA~~,~~EACA;AACD~~,~~GAAyB~~;~~AACxB~~,~~QAAM~~,~~CAAC~~,~~eAAe~~,~~gBAAgB~~,~~IAAI~~,~~SAExC~~,~~eAAe;AAEjB~~,~~SACC~~,~~qBAAC~~,~~SAAM~~,~~SAAkB~~,~~MAAY~~,~~OAAK~~,~~MAAC~~,~~UAAS~~,~~UACnD~~;AAAA,~~wBAAC~~,~~cAAY~~,~~eAAK~~,~~EAAE~~,kBAAkB,~~GAAE~~;AAAA,~~IACxC~~,~~oBAAC~~,~~gBAmBA~~;AAAA,MAAC;AAAA;AAAA,QACA,~~OAAO~~;AAAA,UACN,~~OAAO~~;AAAA,UACP,~~QAAQ~~;AAAA,UACR,~~eAAe~~;AAAA,UACf,~~SAAS~~;AAAA,~~QACV~~;AAAA,QAEA;AAAA,UAAC;AAAA;AAAA,YACA,~~OAAO~~;AAAA,cACN,~~MAAM~~;AAAA,cACN,~~OAAO~~;AAAA,cACP,~~QAAQ~~;AAAA,~~YACT~~;AAAA,YAEC;AAAA,~~gCAAkB~~,~~gBAClB~~;AAAA,gBAAC;AAAA;AAAA,kBACA;AAAA;AAAA,~~cACA~~;AAAA,cAED,~~kBAAkB~~,~~mBAClB~~,~~oBAAC~~,~~gCAA6B~~,~~QAAgB~~;AAAA;AAAA;AAAA,~~QAEhD~~;AAAA;AAAA,~~IACD~~,~~GACD~~;AAAA,~~IACA~~,~~oBAAC~~,~~gBACA~~,~~8BAAC~~,~~UAAO~~,~~SAAS~~,SAAU,~~eAAK~~,~~EAAE~~,OAAO,~~GAAE~~,~~GAC5C~~;AAAA,~~KACD~~;AAEF","sourcesContent":["import type {\n\tOrgUnitSelection,\n\tPeriodSelection,\n\tScorecardDataSource,\n} from \"../../../schemas/config\";\nimport {\n\tButton,\n\tModal,\n\tModalActions,\n\tModalContent,\n\tModalTitle,\n} from \"@dhis2/ui\";\nimport i18n from \"@dhis2/d2-i18n\";\nimport { useState } from \"react\";\nimport { FurtherAnalysisVisualization } from \"../FurtherAnalysisVisualization\";\nimport { FurtherAnalysisDictionary } from \"../FurtherAnalysisDictionary\";\n\nexport interface FurtherAnalysisConfig {\n\torgUnitSelection: OrgUnitSelection;\n\tperiodSelection: PeriodSelection;\n\tdataSources: ScorecardDataSource[];\n}\n\nexport interface FurtherAnalysisProps {\n\thide: boolean;\n\tonClose: () => void;\n\tconfig: FurtherAnalysisConfig;\n}\n\nexport function FurtherAnalysis({\n\thide,\n\tonClose,\n\tconfig,\n}: FurtherAnalysisProps) {\n\tconst [activeElement, setActiveElement] = useState<\n\t\t\"visualization\" \| \"dictionary\" \| undefined\n\t>(\"visualization\");\n\n\treturn (\n\t\t<Modal onClose={onClose} hide={hide} large position=\"middle\">\n\t\t\t<ModalTitle>{i18n.t(\"Further Analysis\")}</ModalTitle>\n\t\t\t<ModalContent>\n\t\t\t\t{/<SegmentedControl/}\n\t\t\t\t{/\toptions={[/}\n\t\t\t\t{/\t\t{/}\n\t\t\t\t{/\t\t\tvalue: \"visualization\",/}\n\t\t\t\t{/\t\t\tlabel: i18n.t(\"Visualization\"),/}\n\t\t\t\t{/\t\t},/}\n\t\t\t\t{/\t\t{/}\n\t\t\t\t{/\t\t\tvalue: \"dictionary\",/}\n\t\t\t\t{/\t\t\tlabel: i18n.t(\"Dictionary\"),/}\n\t\t\t\t{/\t\t},/}\n\t\t\t\t{/\t]}/}\n\t\t\t\t{/\tselected={activeElement!}/}\n\t\t\t\t{/\tonChange={({ value }) =>/}\n\t\t\t\t{/\t\tsetActiveElement(/}\n\t\t\t\t{/\t\t\tvalue as \"visualization\" \| \"dictionary\",/}\n\t\t\t\t{/\t\t)/}\n\t\t\t\t{/\t}/}\n\t\t\t\t{//>/}\n\t\t\t\t<div\n\t\t\t\t\tstyle={{\n\t\t\t\t\t\twidth: \"100%\",\n\t\t\t\t\t\theight: \"100%\",\n\t\t\t\t\t\tflexDirection: \"column\",\n\t\t\t\t\t\tdisplay: \"flex\",\n\t\t\t\t\t}}\n\t\t\t\t>\n\t\t\t\t\t<div\n\t\t\t\t\t\tstyle={{\n\t\t\t\t\t\t\tflex: 1,\n\t\t\t\t\t\t\twidth: \"100%\",\n\t\t\t\t\t\t\theight: \"100%\",\n\t\t\t\t\t\t}}\n\t\t\t\t\t>\n\t\t\t\t\t\t{activeElement === \"dictionary\" && (\n\t\t\t\t\t\t\t<FurtherAnalysisDictionary\n\t\t\t\t\t\t\t\tconfig={config}\n\t\t\t\t\t\t\t></FurtherAnalysisDictionary>\n\t\t\t\t\t\t)}\n\t\t\t\t\t\t{activeElement === \"visualization\" && (\n\t\t\t\t\t\t\t<FurtherAnalysisVisualization config={config} />\n\t\t\t\t\t\t)}\n\t\t\t\t\t</div>\n\t\t\t\t</div>\n\t\t\t</ModalContent>\n\t\t\t<ModalActions>\n\t\t\t\t<Button onClick={onClose}>{i18n.t(\"Close\")}</Button>\n\t\t\t</ModalActions>\n\t\t</Modal>\n\t);\n}\n"]}
1	+ {"version":3,"sources":["../../../../../src/components/ScorecardTable/components/FurtherAnalysisModal.tsx"],"names":[],"mappings":";;;;;;;AA6BO,SAAS,eAAgB,CAAA;AAAA,EAC/B,IAAA;AAAA,EACA,OAAA;AAAA,EACA,MAAA;AACD,CAAyB,EAAA;AACxB,EAAA,MAAM,CAAC,aAAA,EAAe,gBAAgB,CAAA,GAAI,SAExC,eAAe,CAAA,CAAA;AAEjB,EAAA,4BACE,KAAM,EAAA,EAAA,OAAA,EAAkB,MAAY,KAAK,EAAA,IAAA,EAAC,UAAS,QACnD,EAAA,QAAA,EAAA;AAAA,oBAAA,GAAA,CAAC,UAAY,EAAA,EAAA,QAAA,EAAA,IAAA,CAAK,CAAE,CAAA,kBAAkB,CAAE,EAAA,CAAA;AAAA,wBACvC,YAmBA,EAAA,EAAA,QAAA,kBAAA,GAAA;AAAA,MAAC,KAAA;AAAA,MAAA;AAAA,QACA,KAAO,EAAA;AAAA,UACN,KAAO,EAAA,MAAA;AAAA,UACP,MAAQ,EAAA,MAAA;AAAA,UACR,aAAe,EAAA,QAAA;AAAA,UACf,OAAS,EAAA,MAAA;AAAA,SACV;AAAA,QAEA,QAAA,kBAAA,IAAA;AAAA,UAAC,KAAA;AAAA,UAAA;AAAA,YACA,KAAO,EAAA;AAAA,cACN,IAAM,EAAA,CAAA;AAAA,cACN,KAAO,EAAA,MAAA;AAAA,cACP,MAAQ,EAAA,MAAA;AAAA,aACT;AAAA,YAEC,QAAA,EAAA;AAAA,cAAA,aAAA,KAAkB,YAClB,oBAAA,GAAA;AAAA,gBAAC,yBAAA;AAAA,gBAAA;AAAA,kBACA,MAAA;AAAA,iBAAA;AAAA,eACA;AAAA,cAED,aAAkB,KAAA,eAAA,oBACjB,GAAA,CAAA,4BAAA,EAAA,EAA6B,MAAgB,EAAA,CAAA;AAAA,aAAA;AAAA,WAAA;AAAA,SAEhD;AAAA,OAAA;AAAA,KAEF,EAAA,CAAA;AAAA,oBACA,GAAA,CAAC,YACA,EAAA,EAAA,QAAA,kBAAA,GAAA,CAAC,MAAO,EAAA,EAAA,OAAA,EAAS,SAAU,QAAK,EAAA,IAAA,CAAA,CAAA,CAAE,OAAO,CAAA,EAAE,CAC5C,EAAA,CAAA;AAAA,GACD,EAAA,CAAA,CAAA;AAEF","file":"FurtherAnalysisModal.js","sourcesContent":["import type {\n\tOrgUnitSelection,\n\tPeriodSelection,\n\tScorecardDataSource,\n} from \"../../../schemas/config\";\nimport {\n\tButton,\n\tModal,\n\tModalActions,\n\tModalContent,\n\tModalTitle,\n} from \"@dhis2/ui\";\nimport i18n from \"@dhis2/d2-i18n\";\nimport { useState } from \"react\";\nimport { FurtherAnalysisVisualization } from \"../FurtherAnalysisVisualization\";\nimport { FurtherAnalysisDictionary } from \"../FurtherAnalysisDictionary\";\n\nexport interface FurtherAnalysisConfig {\n\torgUnitSelection: OrgUnitSelection;\n\tperiodSelection: PeriodSelection;\n\tdataSources: ScorecardDataSource[];\n}\n\nexport interface FurtherAnalysisProps {\n\thide: boolean;\n\tonClose: () => void;\n\tconfig: FurtherAnalysisConfig;\n}\n\nexport function FurtherAnalysis({\n\thide,\n\tonClose,\n\tconfig,\n}: FurtherAnalysisProps) {\n\tconst [activeElement, setActiveElement] = useState<\n\t\t\"visualization\" \| \"dictionary\" \| undefined\n\t>(\"visualization\");\n\n\treturn (\n\t\t<Modal onClose={onClose} hide={hide} large position=\"middle\">\n\t\t\t<ModalTitle>{i18n.t(\"Further Analysis\")}</ModalTitle>\n\t\t\t<ModalContent>\n\t\t\t\t{/<SegmentedControl/}\n\t\t\t\t{/\toptions={[/}\n\t\t\t\t{/\t\t{/}\n\t\t\t\t{/\t\t\tvalue: \"visualization\",/}\n\t\t\t\t{/\t\t\tlabel: i18n.t(\"Visualization\"),/}\n\t\t\t\t{/\t\t},/}\n\t\t\t\t{/\t\t{/}\n\t\t\t\t{/\t\t\tvalue: \"dictionary\",/}\n\t\t\t\t{/\t\t\tlabel: i18n.t(\"Dictionary\"),/}\n\t\t\t\t{/\t\t},/}\n\t\t\t\t{/\t]}/}\n\t\t\t\t{/\tselected={activeElement!}/}\n\t\t\t\t{/\tonChange={({ value }) =>/}\n\t\t\t\t{/\t\tsetActiveElement(/}\n\t\t\t\t{/\t\t\tvalue as \"visualization\" \| \"dictionary\",/}\n\t\t\t\t{/\t\t)/}\n\t\t\t\t{/\t}/}\n\t\t\t\t{//>/}\n\t\t\t\t<div\n\t\t\t\t\tstyle={{\n\t\t\t\t\t\twidth: \"100%\",\n\t\t\t\t\t\theight: \"100%\",\n\t\t\t\t\t\tflexDirection: \"column\",\n\t\t\t\t\t\tdisplay: \"flex\",\n\t\t\t\t\t}}\n\t\t\t\t>\n\t\t\t\t\t<div\n\t\t\t\t\t\tstyle={{\n\t\t\t\t\t\t\tflex: 1,\n\t\t\t\t\t\t\twidth: \"100%\",\n\t\t\t\t\t\t\theight: \"100%\",\n\t\t\t\t\t\t}}\n\t\t\t\t\t>\n\t\t\t\t\t\t{activeElement === \"dictionary\" && (\n\t\t\t\t\t\t\t<FurtherAnalysisDictionary\n\t\t\t\t\t\t\t\tconfig={config}\n\t\t\t\t\t\t\t></FurtherAnalysisDictionary>\n\t\t\t\t\t\t)}\n\t\t\t\t\t\t{activeElement === \"visualization\" && (\n\t\t\t\t\t\t\t<FurtherAnalysisVisualization config={config} />\n\t\t\t\t\t\t)}\n\t\t\t\t\t</div>\n\t\t\t\t</div>\n\t\t\t</ModalContent>\n\t\t\t<ModalActions>\n\t\t\t\t<Button onClick={onClose}>{i18n.t(\"Close\")}</Button>\n\t\t\t</ModalActions>\n\t\t</Modal>\n\t);\n}\n"]}

package/dist/esm/components/ScorecardTable/components/LinkedCell.js CHANGED Viewed

@@ -2,8 +2,8 @@ import { jsx, jsxs } from 'react/jsx-runtime';
 import { DataTableCell, colors } from '@dhis2/ui';
 import { getTextColorFromBackgroundColor } from '../../../utils/legends';
 import { DataValue } from './DataValue';
-import { useElementSize } from 'usehooks-ts';
-import React, { useMemo } from 'react';
+import { useResizeObserver } from 'usehooks-ts';
+import React, { useRef, useMemo } from 'react';
 function LinkedCellComponent({
   top,
@@ -12,7 +12,10 @@ function LinkedCellComponent({
   bold,
   ...props
 }) {
-  const [ref, { height, width }] = useElementSize();
+  const ref = useRef(null);
+  const { height, width } = useResizeObserver({
+    ref
+  });
   const {
     legendDefinition: topLegendDefinition,
     dataSource: topDataSource,
@@ -24,6 +27,9 @@ function LinkedCellComponent({
     value: bottomValue
   } = bottom;
   const angle = useMemo(() => {
+    if (!height || !width) {
+      return Math.tan(Math.PI / 2);
+    }
     return Math.tan(height / width);
   }, [height, width]);
   return /* @__PURE__ */ jsx(
@@ -105,5 +111,5 @@ const LinkedCell = React.memo(LinkedCellComponent, (prev, next) => {
 });
 export { LinkedCell };
-//# sourceMappingURL=out.js.map
+//# sourceMappingURL=LinkedCell.js.map
 //# sourceMappingURL=LinkedCell.js.map

package/dist/esm/components/ScorecardTable/components/LinkedCell.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"sources":["../../../../../src/components/ScorecardTable/components/LinkedCell.tsx"],"names":[],"mappings":"~~AAuEG~~,~~SAuBG,KAvBH;AAvEH,~~SAAS,~~QAAQ~~,~~qBAAqB~~;~~AACtC,SAAS,uCAAuC;AAChD,SAAS,iBAAiB;AAC1B,SAAS,sBAAsB;AAC/B,OAAO,SAAS,eAAe;AAuB/B,SAAS,oBAAoB;~~AAAA,EAC5B;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA,GAAG;AACJ,~~GAAoB~~;AACnB,~~QAAM~~,~~CAAC~~,~~KAAK~~,~~EAAE~~,~~QAAQ~~,MAAM,~~CAAC~~,~~IAAI~~,~~eAAe~~;~~AAEhD~~,~~QAAM~~;AAAA,IACL,~~kBAAkB~~;AAAA,IAClB,~~YAAY~~;AAAA,IACZ,~~OAAO~~;AAAA,~~EACR~~,~~IAAI~~;AACJ,~~QAAM~~;AAAA,IACL,~~kBAAkB~~;AAAA,IAClB,~~YAAY~~;AAAA,IACZ,~~OAAO~~;AAAA,~~EACR~~,~~IAAI~~;AAEJ,~~QAAM~~,~~QAAQ~~,QAAQ,MAAM;AAC3B,~~WAAO~~,~~KAAK~~,~~IAAI~~,~~SAAS~~,KAAK;AAAA,~~EAC/B~~,~~GAAG~~,CAAC,~~QAAQ~~,KAAK,CAAC;AAElB,~~SACC~~;AAAA,IAAC;AAAA;AAAA,MACC,GAAG;AAAA,MAGJ;AAAA,MACA,~~OAAO~~;AAAA,QACN,~~SAAS~~;AAAA,QACT,~~OAAO~~;AAAA,QACP,~~UAAU~~;AAAA,QACV,~~YAAY~~,~~oBAAoB~~,KAAK,~~QACpC~~,~~wBAAwB~~,~~SAAS~~,~~OAAO~~,KACzC,~~QAAQ~~,~~wBAAwB~~,~~SAAS~~,~~OAAO~~,KAAK,~~SACpD~~,~~OAAO~~,KACR,~~SAAS~~,~~OAAO~~,KAAK,~~SACpB~~,~~qBAAqB~~,~~SAAS~~,~~OAAO~~,KACtC,~~SAAS~~,~~qBAAqB~~,~~SAAS~~,~~OAAO~~,KAAK;AAAA,~~MACpD~~;AAAA,MACA,~~UAAQ~~;AAAA,MAER;AAAA,QAAC;AAAA;AAAA,UACA,~~OAAO~~;AAAA,YACN,~~SAAS~~;AAAA,YACT,~~OAAO~~;AAAA,YACP,~~QAAQ~~;AAAA,YACR,~~eAAe~~;AAAA,~~UAChB~~;AAAA,UAEA;AAAA;AAAA,cAAC;AAAA;AAAA,gBACA,~~OAAO~~;AAAA,kBACN,~~YAAY~~;AAAA,kBACZ,~~SAAS~~;AAAA,kBACT,~~OAAO~~;AAAA,kBACP,~~YAAY~~;AAAA,kBACZ,~~gBAAgB~~;AAAA,kBAChB,OAAO,~~sBACJ~~;AAAA,oBACA,qBAAqB,~~SAAS~~;AAAA,~~kBAC/B~~,~~IACC~~;AAAA,~~gBACJ~~;AAAA,gBAEC,~~2BACA~~;AAAA,kBAAC;AAAA;AAAA,oBACA;AAAA,oBACA,~~OAAO~~;AAAA,oBACP,~~YAAY~~;AAAA;AAAA,~~gBACb~~;AAAA;AAAA,~~YAEF~~;AAAA,~~YACA~~;AAAA,cAAC;AAAA;AAAA,gBACA,~~OAAO~~;AAAA,kBACN,~~YAAY~~;AAAA,kBACZ,~~SAAS~~;AAAA,kBACT,~~OAAO~~;AAAA,kBACP,~~YAAY~~;AAAA,kBACZ,~~gBAAgB~~;AAAA,kBAChB,OAAO,~~yBACJ~~;AAAA,oBACA,wBAAwB,~~SAAS~~;AAAA,~~kBAClC~~,~~IACC~~;AAAA,~~gBACJ~~;AAAA,gBAEC,~~8BACA~~;AAAA,kBAAC;AAAA;AAAA,oBACA;AAAA,oBACA,~~OAAO~~;AAAA,oBACP,~~YAAY~~;AAAA;AAAA,~~gBACb~~;AAAA;AAAA,~~YAEF~~;AAAA;AAAA;AAAA,~~MACD~~;AAAA;AAAA,~~EACD~~;AAEF;AAEO,MAAM,aAAa,~~MAAM~~,~~KAAK~~,~~qBAAqB~~,CAAC,MAAM,~~SAAS~~;AACzE,~~SACC~~,~~KAAK~~,~~IAAI~~,~~UAAU~~,~~KAAK~~,~~IAAI~~,SAC5B,~~KAAK~~,~~OAAO~~,~~UAAU~~,~~KAAK~~,~~OAAO~~;AAEpC,CAAC","sourcesContent":["import { colors, DataTableCell } from \"@dhis2/ui\";\nimport { getTextColorFromBackgroundColor } from \"../../../utils/legends\";\nimport { DataValue } from \"./DataValue\";\nimport { ~~useElementSize~~ } from \"usehooks-ts\";\nimport React, { useMemo } from \"react\";\nimport type {\n\tLegendDefinition,\n\tScorecardCellData,\n} from \"../../../schemas/config\";\n\nexport interface LinkedCellProps {\n\ttop: {\n\t\tdataSource: ScorecardCellData;\n\t\tlegendDefinition?: LegendDefinition;\n\t\tvalue?: number;\n\t};\n\tbottom: {\n\t\tdataSource: ScorecardCellData;\n\t\tlegendDefinition?: LegendDefinition;\n\t\tvalue?: number;\n\t};\n\tsize: number;\n\tbold?: boolean;\n\n\t[key: string]: unknown;\n}\n\nfunction LinkedCellComponent({\n\ttop,\n\tbottom,\n\tsize,\n\tbold,\n\t...props\n}: LinkedCellProps) {\n\tconst [ref, { height, width }] = ~~useElementSize~~();\n\n\tconst {\n\t\tlegendDefinition: topLegendDefinition,\n\t\tdataSource: topDataSource,\n\t\tvalue: topValue,\n\t} = top;\n\tconst {\n\t\tlegendDefinition: bottomLegendDefinition,\n\t\tdataSource: bottomDataSource,\n\t\tvalue: bottomValue,\n\t} = bottom;\n\n\tconst angle = useMemo(() => {\n\t\treturn Math.tan(height / width);\n\t}, [height, width]);\n\n\treturn (\n\t\t<DataTableCell\n\t\t\t{...props}\n\t\t\t/\n // @ts-ignore /\n\t\t\tref={ref}\n\t\t\tstyle={{\n\t\t\t\tpadding: 8,\n\t\t\t\twidth: size,\n\t\t\t\tminWidth: 120,\n\t\t\t\tbackground: `linear-gradient(-${angle}rad, ${\n\t\t\t\t\tbottomLegendDefinition?.color ?? colors.white\n\t\t\t\t} 0%, ${bottomLegendDefinition?.color ?? colors.white} 49%, ${\n\t\t\t\t\tcolors.white\n\t\t\t\t} 49%, ${colors.white} 50%, ${\n\t\t\t\t\ttopLegendDefinition?.color ?? colors.white\n\t\t\t\t} 50%, ${topLegendDefinition?.color ?? colors.white} 100%)`,\n\t\t\t}}\n\t\t\tbordered\n\t\t>\n\t\t\t<div\n\t\t\t\tstyle={{\n\t\t\t\t\tdisplay: \"flex\",\n\t\t\t\t\twidth: \"100%\",\n\t\t\t\t\theight: \"100%\",\n\t\t\t\t\tflexDirection: \"column\",\n\t\t\t\t}}\n\t\t\t>\n\t\t\t\t<div\n\t\t\t\t\tstyle={{\n\t\t\t\t\t\tbackground: \"inherit\",\n\t\t\t\t\t\tdisplay: \"flex\",\n\t\t\t\t\t\twidth: \"100%\",\n\t\t\t\t\t\talignItems: \"flex-start\",\n\t\t\t\t\t\tjustifyContent: \"flex-start\",\n\t\t\t\t\t\tcolor: topLegendDefinition\n\t\t\t\t\t\t\t? getTextColorFromBackgroundColor(\n\t\t\t\t\t\t\t\t\ttopLegendDefinition?.color ?? \"#FFFFFF\",\n\t\t\t\t\t\t\t\t)\n\t\t\t\t\t\t\t: undefined,\n\t\t\t\t\t}}\n\t\t\t\t>\n\t\t\t\t\t{topDataSource && (\n\t\t\t\t\t\t<DataValue\n\t\t\t\t\t\t\tbold={bold}\n\t\t\t\t\t\t\tvalue={topValue}\n\t\t\t\t\t\t\tdataSource={topDataSource}\n\t\t\t\t\t\t/>\n\t\t\t\t\t)}\n\t\t\t\t</div>\n\t\t\t\t<div\n\t\t\t\t\tstyle={{\n\t\t\t\t\t\tbackground: \"inherit\",\n\t\t\t\t\t\tdisplay: \"flex\",\n\t\t\t\t\t\twidth: \"100%\",\n\t\t\t\t\t\talignItems: \"flex-end\",\n\t\t\t\t\t\tjustifyContent: \"flex-end\",\n\t\t\t\t\t\tcolor: bottomLegendDefinition\n\t\t\t\t\t\t\t? getTextColorFromBackgroundColor(\n\t\t\t\t\t\t\t\t\tbottomLegendDefinition?.color ?? \"#FFFFFF\",\n\t\t\t\t\t\t\t\t)\n\t\t\t\t\t\t\t: undefined,\n\t\t\t\t\t}}\n\t\t\t\t>\n\t\t\t\t\t{bottomDataSource && (\n\t\t\t\t\t\t<DataValue\n\t\t\t\t\t\t\tbold={bold}\n\t\t\t\t\t\t\tvalue={bottomValue}\n\t\t\t\t\t\t\tdataSource={bottomDataSource}\n\t\t\t\t\t\t/>\n\t\t\t\t\t)}\n\t\t\t\t</div>\n\t\t\t</div>\n\t\t</DataTableCell>\n\t);\n}\n\nexport const LinkedCell = React.memo(LinkedCellComponent, (prev, next) => {\n\treturn (\n\t\tprev.top.value === next.top.value &&\n\t\tprev.bottom.value === next.bottom.value\n\t);\n});\n"]}
1	+ {"version":3,"sources":["../../../../../src/components/ScorecardTable/components/LinkedCell.tsx"],"names":[],"mappings":"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","file":"LinkedCell.js","sourcesContent":["import { colors, DataTableCell } from \"@dhis2/ui\";\nimport { getTextColorFromBackgroundColor } from \"../../../utils/legends\";\nimport { DataValue } from \"./DataValue\";\nimport { useResizeObserver } from \"usehooks-ts\";\nimport React, { useMemo, useRef } from \"react\";\nimport type {\n\tLegendDefinition,\n\tScorecardCellData,\n} from \"../../../schemas/config\";\n\nexport interface LinkedCellProps {\n\ttop: {\n\t\tdataSource: ScorecardCellData;\n\t\tlegendDefinition?: LegendDefinition;\n\t\tvalue?: number;\n\t};\n\tbottom: {\n\t\tdataSource: ScorecardCellData;\n\t\tlegendDefinition?: LegendDefinition;\n\t\tvalue?: number;\n\t};\n\tsize: number;\n\tbold?: boolean;\n\n\t[key: string]: unknown;\n}\n\nfunction LinkedCellComponent({\n\ttop,\n\tbottom,\n\tsize,\n\tbold,\n\t...props\n}: LinkedCellProps) {\n\tconst ref = useRef<HTMLDivElement>(null);\n\tconst { height, width } = useResizeObserver<HTMLDivElement>({\n\t\tref: ref,\n\t});\n\n\tconst {\n\t\tlegendDefinition: topLegendDefinition,\n\t\tdataSource: topDataSource,\n\t\tvalue: topValue,\n\t} = top;\n\tconst {\n\t\tlegendDefinition: bottomLegendDefinition,\n\t\tdataSource: bottomDataSource,\n\t\tvalue: bottomValue,\n\t} = bottom;\n\n\tconst angle = useMemo(() => {\n\t\tif (!height \|\| !width) {\n\t\t\treturn Math.tan(Math.PI / 2);\n\t\t}\n\t\treturn Math.tan(height / width);\n\t}, [height, width]);\n\n\treturn (\n\t\t<DataTableCell\n\t\t\t{...props}\n\t\t\t/\n // @ts-ignore /\n\t\t\tref={ref}\n\t\t\tstyle={{\n\t\t\t\tpadding: 8,\n\t\t\t\twidth: size,\n\t\t\t\tminWidth: 120,\n\t\t\t\tbackground: `linear-gradient(-${angle}rad, ${\n\t\t\t\t\tbottomLegendDefinition?.color ?? colors.white\n\t\t\t\t} 0%, ${bottomLegendDefinition?.color ?? colors.white} 49%, ${\n\t\t\t\t\tcolors.white\n\t\t\t\t} 49%, ${colors.white} 50%, ${\n\t\t\t\t\ttopLegendDefinition?.color ?? colors.white\n\t\t\t\t} 50%, ${topLegendDefinition?.color ?? colors.white} 100%)`,\n\t\t\t}}\n\t\t\tbordered\n\t\t>\n\t\t\t<div\n\t\t\t\tstyle={{\n\t\t\t\t\tdisplay: \"flex\",\n\t\t\t\t\twidth: \"100%\",\n\t\t\t\t\theight: \"100%\",\n\t\t\t\t\tflexDirection: \"column\",\n\t\t\t\t}}\n\t\t\t>\n\t\t\t\t<div\n\t\t\t\t\tstyle={{\n\t\t\t\t\t\tbackground: \"inherit\",\n\t\t\t\t\t\tdisplay: \"flex\",\n\t\t\t\t\t\twidth: \"100%\",\n\t\t\t\t\t\talignItems: \"flex-start\",\n\t\t\t\t\t\tjustifyContent: \"flex-start\",\n\t\t\t\t\t\tcolor: topLegendDefinition\n\t\t\t\t\t\t\t? getTextColorFromBackgroundColor(\n\t\t\t\t\t\t\t\t\ttopLegendDefinition?.color ?? \"#FFFFFF\",\n\t\t\t\t\t\t\t\t)\n\t\t\t\t\t\t\t: undefined,\n\t\t\t\t\t}}\n\t\t\t\t>\n\t\t\t\t\t{topDataSource && (\n\t\t\t\t\t\t<DataValue\n\t\t\t\t\t\t\tbold={bold}\n\t\t\t\t\t\t\tvalue={topValue}\n\t\t\t\t\t\t\tdataSource={topDataSource}\n\t\t\t\t\t\t/>\n\t\t\t\t\t)}\n\t\t\t\t</div>\n\t\t\t\t<div\n\t\t\t\t\tstyle={{\n\t\t\t\t\t\tbackground: \"inherit\",\n\t\t\t\t\t\tdisplay: \"flex\",\n\t\t\t\t\t\twidth: \"100%\",\n\t\t\t\t\t\talignItems: \"flex-end\",\n\t\t\t\t\t\tjustifyContent: \"flex-end\",\n\t\t\t\t\t\tcolor: bottomLegendDefinition\n\t\t\t\t\t\t\t? getTextColorFromBackgroundColor(\n\t\t\t\t\t\t\t\t\tbottomLegendDefinition?.color ?? \"#FFFFFF\",\n\t\t\t\t\t\t\t\t)\n\t\t\t\t\t\t\t: undefined,\n\t\t\t\t\t}}\n\t\t\t\t>\n\t\t\t\t\t{bottomDataSource && (\n\t\t\t\t\t\t<DataValue\n\t\t\t\t\t\t\tbold={bold}\n\t\t\t\t\t\t\tvalue={bottomValue}\n\t\t\t\t\t\t\tdataSource={bottomDataSource}\n\t\t\t\t\t\t/>\n\t\t\t\t\t)}\n\t\t\t\t</div>\n\t\t\t</div>\n\t\t</DataTableCell>\n\t);\n}\n\nexport const LinkedCell = React.memo(LinkedCellComponent, (prev, next) => {\n\treturn (\n\t\tprev.top.value === next.top.value &&\n\t\tprev.bottom.value === next.bottom.value\n\t);\n});\n"]}

package/dist/esm/components/ScorecardTable/components/LinkedDataCell.js CHANGED Viewed

@@ -99,5 +99,5 @@ const LinkedDataCell = memo(
 );
 export { LinkedDataCell };
-//# sourceMappingURL=out.js.map
+//# sourceMappingURL=LinkedDataCell.js.map
 //# sourceMappingURL=LinkedDataCell.js.map

package/dist/esm/components/ScorecardTable/components/LinkedDataCell.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"sources":["../../../../../src/components/ScorecardTable/components/LinkedDataCell.tsx"],"names":[],"mappings":"~~AA0CE~~,~~mBAEE,KAFF;AAxCF,~~SAAS,~~mBAAmB;AAC5B~~,~~SAAS,kBAAkB~~;~~AAC3B~~,~~SAAS~~,~~MAAM,gBAAgB~~;~~AAC/B,SAAS,2BAA2B;AACpC;~~AAAA,~~EACC;AAAA~~,~~OAEM~~;~~AACP,SAAS,eAAe;AASxB,SAAS,wBAAwB;~~AAAA,~~EAChC;AAAA~~,~~EACA~~;AAAA,EACA~~;AAAA~~,~~EACA~~;AACD,~~GAAwB~~;AACvB,~~QAAM~~,CAAC,~~uBAAuB~~,wBAAwB,~~IACrD~~,SAAuC,IAAI;AAC5C,~~QAAM~~,CAAC,~~gBAAgB~~,iBAAiB,~~IAAI~~,SAAS,~~MAAS~~;AAE9D,~~QAAM~~,CAAC,~~KAAK~~,MAAM,~~IAAI~~,eAAe,~~CAAC~~;AACtC,~~QAAM~~,EAAE,~~kBAAkB~~,~~oBAAoB~~,~~IAAI~~,~~YAAY~~;AAAA,IAC7D,~~YAAY~~;AAAA,IACZ;AAAA,IACA;AAAA,~~EACD~~,~~CAAC~~;AACD,~~QAAM~~,EAAE,~~kBAAkB~~,~~uBAAuB~~,~~IAAI~~,~~YAAY~~;AAAA,IAChE,~~YAAY~~;AAAA,IACZ;AAAA,IACA;AAAA,~~EACD~~,~~CAAC~~;AAED,~~SACC~~,~~iCACE~~;AAAA,~~KAAC~~,CAAC,~~yBACF~~;AAAA,MAAC;AAAA;AAAA,QACA,SAAS,MAAM;AACd,~~mCAAyB~~,IAAI;AAAA,~~QAC9B~~;AAAA,QACA,MAAM,CAAC;AAAA,QACP,~~QAAQ~~;AAAA;AAAA,~~IACT~~;AAAA,~~IAED~~;AAAA,MAAC;AAAA;AAAA,QACA;AAAA,QACA,~~eAAe~~,CAAC,~~MAAW~~;AAC1B,~~YAAE~~,~~eAAe~~;AACjB,~~4BAAkB~~,EAAE,MAAM;AAAA,~~QAC3B~~;AAAA,QACA,~~SAAS~~,CAAC,~~UAAsB~~;AAC/B,~~gBAAM~~,~~gBAAgB~~;AACtB,~~mCAAyB~~;AAAA,YACxB,~~iBAAiB~~;AAAA,cAChB,~~SAAS~~;AAAA,gBACR;AAAA,kBACC,~~IAAI~~;AAAA,~~gBACL~~;AAAA,~~cACD~~;AAAA,~~YACD~~;AAAA,YACA,~~kBAAkB~~;AAAA,cACjB,QAAQ,~~CAAC~~;AAAA,cACT,QAAQ,~~CAAC~~;AAAA,cACT,~~UAAU~~;AAAA,gBACT;AAAA,kBACC,IAAI,~~QAAQ~~;AAAA,~~gBACb~~;AAAA,~~cACD~~;AAAA,~~YACD~~;AAAA,YACA;AAAA,~~UACD~~,~~CAAC~~;AAAA,~~QACF~~;AAAA,QACA,~~KAAK~~;AAAA,UACJ,~~kBAAkB~~;AAAA,UAClB,~~YAAY~~;AAAA,UACZ,~~OAAO~~,KAAK,~~MAAM~~;AAAA,~~QACnB~~;AAAA,QACA,~~QAAQ~~;AAAA,UACP,~~kBAAkB~~;AAAA,UAClB,~~YAAY~~;AAAA,UACZ,~~OAAO~~,QAAQ,~~MAAM~~;AAAA,~~QACtB~~;AAAA;AAAA,~~IACD~~;AAAA,IACC,~~kBACA~~;AAAA,MAAC;AAAA;AAAA,QACA;AAAA,QACA,~~UAAU~~;AAAA,QACV;AAAA,QACA;AAAA,QACA;AAAA,QACA,~~UAAU~~;AAAA;AAAA,~~IACX~~;AAAA,~~KAEF~~;AAEF;AAEO,MAAM,~~iBAAiB~~;AAAA,EAC7B;AAAA,EACA,CAAC,WAAW,~~aAAa~~;AACxB,~~WAAO~~,~~QAAQ~~,WAAW,QAAQ;AAAA,~~EACnC~~;AACD","sourcesContent":["import type { ScorecardCellData } from \"../../../schemas/config\";\nimport type { ItemMeta } from \"../../../hooks/metadata\";\nimport { useCellData } from \"../../../hooks/cellData\";\nimport { LinkedCell } from \"./LinkedCell\";\nimport { memo, useState } from \"react\";\nimport { FurtherAnalysisMenu } from \"./FurtherAnalysisMenu\";\nimport {\n\tFurtherAnalysis,\n\ttype FurtherAnalysisConfig,\n} from \"./FurtherAnalysisModal\";\nimport { isEqual } from \"lodash\";\n\nexport interface LinkedDataCellProps {\n\tdataSources: ScorecardCellData[];\n\torgUnit: ItemMeta & { hierarchy: string };\n\tperiod: string;\n\tsize: number;\n}\n\nfunction LinkedDataCellComponent({\n\tdataSources,\n\torgUnit,\n\tperiod,\n\tsize,\n}: LinkedDataCellProps) {\n\tconst [furtherAnalysisConfig, setFurtherAnalysisConfig] =\n\t\tuseState<FurtherAnalysisConfig \| null>(null);\n\tconst [stateActionRef, setStateActionRef] = useState(undefined);\n\n\tconst [top, bottom] = dataSources ?? [];\n\tconst { legendDefinition: topLegendDefinition } = useCellData({\n\t\tdataSource: top,\n\t\torgUnit,\n\t\tperiod,\n\t});\n\tconst { legendDefinition: bottomLegendDefinition } = useCellData({\n\t\tdataSource: bottom,\n\t\torgUnit,\n\t\tperiod,\n\t});\n\n\treturn (\n\t\t<>\n\t\t\t{!!furtherAnalysisConfig && (\n\t\t\t\t<FurtherAnalysis\n\t\t\t\t\tonClose={() => {\n\t\t\t\t\t\tsetFurtherAnalysisConfig(null);\n\t\t\t\t\t}}\n\t\t\t\t\thide={!furtherAnalysisConfig}\n\t\t\t\t\tconfig={furtherAnalysisConfig}\n\t\t\t\t/>\n\t\t\t)}\n\t\t\t<LinkedCell\n\t\t\t\tsize={size}\n\t\t\t\tonContextMenu={(e: any) => {\n\t\t\t\t\te.preventDefault();\n\t\t\t\t\tsetStateActionRef(e.target);\n\t\t\t\t}}\n\t\t\t\tonClick={(event: MouseEvent) => {\n\t\t\t\t\tevent.stopPropagation();\n\t\t\t\t\tsetFurtherAnalysisConfig({\n\t\t\t\t\t\tperiodSelection: {\n\t\t\t\t\t\t\tperiods: [\n\t\t\t\t\t\t\t\t{\n\t\t\t\t\t\t\t\t\tid: period,\n\t\t\t\t\t\t\t\t},\n\t\t\t\t\t\t\t],\n\t\t\t\t\t\t},\n\t\t\t\t\t\torgUnitSelection: {\n\t\t\t\t\t\t\tlevels: [],\n\t\t\t\t\t\t\tgroups: [],\n\t\t\t\t\t\t\torgUnits: [\n\t\t\t\t\t\t\t\t{\n\t\t\t\t\t\t\t\t\tid: orgUnit.uid,\n\t\t\t\t\t\t\t\t},\n\t\t\t\t\t\t\t],\n\t\t\t\t\t\t},\n\t\t\t\t\t\tdataSources,\n\t\t\t\t\t});\n\t\t\t\t}}\n\t\t\t\ttop={{\n\t\t\t\t\tlegendDefinition: topLegendDefinition,\n\t\t\t\t\tdataSource: top,\n\t\t\t\t\tvalue: top?.data?.current,\n\t\t\t\t}}\n\t\t\t\tbottom={{\n\t\t\t\t\tlegendDefinition: bottomLegendDefinition,\n\t\t\t\t\tdataSource: bottom,\n\t\t\t\t\tvalue: bottom?.data?.current,\n\t\t\t\t}}\n\t\t\t/>\n\t\t\t{stateActionRef && (\n\t\t\t\t<FurtherAnalysisMenu\n\t\t\t\t\tdataSources={dataSources}\n\t\t\t\t\tonSelect={setFurtherAnalysisConfig}\n\t\t\t\t\tstateActionRef={stateActionRef}\n\t\t\t\t\tsetStateActionRef={setStateActionRef}\n\t\t\t\t\torgUnit={orgUnit}\n\t\t\t\t\tperiodId={period}\n\t\t\t\t/>\n\t\t\t)}\n\t\t</>\n\t);\n}\n\nexport const LinkedDataCell = memo(\n\tLinkedDataCellComponent,\n\t(prevProps, nowProps) => {\n\t\treturn isEqual(prevProps, nowProps);\n\t},\n);\n"]}
1	+ {"version":3,"sources":["../../../../../src/components/ScorecardTable/components/LinkedDataCell.tsx"],"names":[],"mappings":"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","file":"LinkedDataCell.js","sourcesContent":["import type { ScorecardCellData } from \"../../../schemas/config\";\nimport type { ItemMeta } from \"../../../hooks/metadata\";\nimport { useCellData } from \"../../../hooks/cellData\";\nimport { LinkedCell } from \"./LinkedCell\";\nimport { memo, useState } from \"react\";\nimport { FurtherAnalysisMenu } from \"./FurtherAnalysisMenu\";\nimport {\n\tFurtherAnalysis,\n\ttype FurtherAnalysisConfig,\n} from \"./FurtherAnalysisModal\";\nimport { isEqual } from \"lodash\";\n\nexport interface LinkedDataCellProps {\n\tdataSources: ScorecardCellData[];\n\torgUnit: ItemMeta & { hierarchy: string };\n\tperiod: string;\n\tsize: number;\n}\n\nfunction LinkedDataCellComponent({\n\tdataSources,\n\torgUnit,\n\tperiod,\n\tsize,\n}: LinkedDataCellProps) {\n\tconst [furtherAnalysisConfig, setFurtherAnalysisConfig] =\n\t\tuseState<FurtherAnalysisConfig \| null>(null);\n\tconst [stateActionRef, setStateActionRef] = useState(undefined);\n\n\tconst [top, bottom] = dataSources ?? [];\n\tconst { legendDefinition: topLegendDefinition } = useCellData({\n\t\tdataSource: top,\n\t\torgUnit,\n\t\tperiod,\n\t});\n\tconst { legendDefinition: bottomLegendDefinition } = useCellData({\n\t\tdataSource: bottom,\n\t\torgUnit,\n\t\tperiod,\n\t});\n\n\treturn (\n\t\t<>\n\t\t\t{!!furtherAnalysisConfig && (\n\t\t\t\t<FurtherAnalysis\n\t\t\t\t\tonClose={() => {\n\t\t\t\t\t\tsetFurtherAnalysisConfig(null);\n\t\t\t\t\t}}\n\t\t\t\t\thide={!furtherAnalysisConfig}\n\t\t\t\t\tconfig={furtherAnalysisConfig}\n\t\t\t\t/>\n\t\t\t)}\n\t\t\t<LinkedCell\n\t\t\t\tsize={size}\n\t\t\t\tonContextMenu={(e: any) => {\n\t\t\t\t\te.preventDefault();\n\t\t\t\t\tsetStateActionRef(e.target);\n\t\t\t\t}}\n\t\t\t\tonClick={(event: MouseEvent) => {\n\t\t\t\t\tevent.stopPropagation();\n\t\t\t\t\tsetFurtherAnalysisConfig({\n\t\t\t\t\t\tperiodSelection: {\n\t\t\t\t\t\t\tperiods: [\n\t\t\t\t\t\t\t\t{\n\t\t\t\t\t\t\t\t\tid: period,\n\t\t\t\t\t\t\t\t},\n\t\t\t\t\t\t\t],\n\t\t\t\t\t\t},\n\t\t\t\t\t\torgUnitSelection: {\n\t\t\t\t\t\t\tlevels: [],\n\t\t\t\t\t\t\tgroups: [],\n\t\t\t\t\t\t\torgUnits: [\n\t\t\t\t\t\t\t\t{\n\t\t\t\t\t\t\t\t\tid: orgUnit.uid,\n\t\t\t\t\t\t\t\t},\n\t\t\t\t\t\t\t],\n\t\t\t\t\t\t},\n\t\t\t\t\t\tdataSources,\n\t\t\t\t\t});\n\t\t\t\t}}\n\t\t\t\ttop={{\n\t\t\t\t\tlegendDefinition: topLegendDefinition,\n\t\t\t\t\tdataSource: top,\n\t\t\t\t\tvalue: top?.data?.current,\n\t\t\t\t}}\n\t\t\t\tbottom={{\n\t\t\t\t\tlegendDefinition: bottomLegendDefinition,\n\t\t\t\t\tdataSource: bottom,\n\t\t\t\t\tvalue: bottom?.data?.current,\n\t\t\t\t}}\n\t\t\t/>\n\t\t\t{stateActionRef && (\n\t\t\t\t<FurtherAnalysisMenu\n\t\t\t\t\tdataSources={dataSources}\n\t\t\t\t\tonSelect={setFurtherAnalysisConfig}\n\t\t\t\t\tstateActionRef={stateActionRef}\n\t\t\t\t\tsetStateActionRef={setStateActionRef}\n\t\t\t\t\torgUnit={orgUnit}\n\t\t\t\t\tperiodId={period}\n\t\t\t\t/>\n\t\t\t)}\n\t\t</>\n\t);\n}\n\nexport const LinkedDataCell = memo(\n\tLinkedDataCellComponent,\n\t(prevProps, nowProps) => {\n\t\treturn isEqual(prevProps, nowProps);\n\t},\n);\n"]}

package/dist/esm/components/ScorecardTable/components/MetaFooterCell.js CHANGED Viewed

@@ -25,5 +25,5 @@ function MetaFooterCell({
 }
 export { MetaFooterCell };
-//# sourceMappingURL=out.js.map
+//# sourceMappingURL=MetaFooterCell.js.map
 //# sourceMappingURL=MetaFooterCell.js.map

package/dist/esm/components/ScorecardTable/components/MetaFooterCell.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"sources":["../../../../../src/components/ScorecardTable/components/MetaFooterCell.tsx"],"names":[],"mappings":"~~AA6BG;AA7BH~~,SAAS,~~qBAAqB;AAC9B~~,~~OAAO,UAAU~~;~~AAGjB,SAAS,eAAe;AAEjB,SAAS,eAAe;~~AAAA,EAC9B;AAAA,EACA;AACD,~~GAA2C~~;AAC1C,~~QAAM~~,~~UAAU~~,QAAQ,MAAM;AAC7B,~~WACC~~,~~MACE~~,~~sBAAsB~~,~~EACtB~~,~~UAAU~~,CAAC,EAAE,~~GAAG~~,~~MAAM~~,~~OAAO~~,~~OAAO~~,EAAE,~~IAAI~~;AAAA,~~EAE9C~~,~~GAAG,~~CAAC,~~MAAM~~,~~sBAAsB~~,~~GAAG~~,~~OAAO~~,EAAE,CAAC;AAE7C,~~SACC~~;AAAA,IAAC;AAAA;AAAA,MACA,~~UAAQ~~;AAAA,MACR,~~OAAO~~,~~GAAG~~,~~OAAO~~,~~QAAQ~~,~~CAAC~~;AAAA,MAC1B,~~OAAM~~;AAAA,MACN,~~SAAS~~,QAAQ,~~SAAS~~;AAAA,MAC1B,~~OAAK~~;AAAA,MAGL,~~MAAK~~;AAAA,MAEL,~~8BAAC~~,~~OAAE~~,~~OAAO~~,~~EAAE~~,~~SAAS~~,~~QAAQ~~,~~GAAI~~,~~eAAK~~,EAAE,SAAS,~~GAAE~~;AAAA;AAAA,~~EACpD~~;AAEF","sourcesContent":["import { DataTableCell } from \"@dhis2/ui\";\nimport i18n from \"@dhis2/d2-i18n\";\nimport type { ScorecardTableData } from \"../../../schemas/config\";\nimport type { HeaderContext } from \"@tanstack/react-table\";\nimport { useMemo } from \"react\";\n\nexport function MetaFooterCell({\n\tcolumn,\n\ttable,\n}: HeaderContext<ScorecardTableData, any>) {\n\tconst colSpan = useMemo(() => {\n\t\treturn (\n\t\t\ttable\n\t\t\t\t.getVisibleLeafColumns()\n\t\t\t\t.findIndex(({ id }) => id === column.id) + 1\n\t\t);\n\t}, [table.getVisibleLeafColumns(), column.id]);\n\n\treturn (\n\t\t<DataTableCell\n\t\t\tbordered\n\t\t\twidth={`${column.getSize()}px`}\n\t\t\talign=\"center\"\n\t\t\tcolSpan={colSpan.toString()}\n\t\t\tfixed\n\t\t\t/\n // @ts-ignore /\n\t\t\tleft=\"0\"\n\t\t>\n\t\t\t<b style={{ padding: \"8px 0\" }}>{i18n.t(\"Average\")}</b>\n\t\t</DataTableCell>\n\t);\n}\n"]}
1	+ {"version":3,"sources":["../../../../../src/components/ScorecardTable/components/MetaFooterCell.tsx"],"names":[],"mappings":";;;;;AAMO,SAAS,cAAe,CAAA;AAAA,EAC9B,MAAA;AAAA,EACA,KAAA;AACD,CAA2C,EAAA;AAC1C,EAAM,MAAA,OAAA,GAAU,QAAQ,MAAM;AAC7B,IACC,OAAA,KAAA,CACE,qBAAsB,EAAA,CACtB,SAAU,CAAA,CAAC,EAAE,EAAA,EAAS,KAAA,EAAA,KAAO,MAAO,CAAA,EAAE,CAAI,GAAA,CAAA,CAAA;AAAA,KAE3C,CAAC,KAAA,CAAM,uBAAyB,EAAA,MAAA,CAAO,EAAE,CAAC,CAAA,CAAA;AAE7C,EACC,uBAAA,GAAA;AAAA,IAAC,aAAA;AAAA,IAAA;AAAA,MACA,QAAQ,EAAA,IAAA;AAAA,MACR,KAAO,EAAA,CAAA,EAAG,MAAO,CAAA,OAAA,EAAS,CAAA,EAAA,CAAA;AAAA,MAC1B,KAAM,EAAA,QAAA;AAAA,MACN,OAAA,EAAS,QAAQ,QAAS,EAAA;AAAA,MAC1B,KAAK,EAAA,IAAA;AAAA,MAGL,IAAK,EAAA,GAAA;AAAA,MAEL,QAAA,kBAAA,GAAA,CAAC,GAAE,EAAA,EAAA,KAAA,EAAO,EAAE,OAAA,EAAS,SAAY,EAAA,QAAA,EAAA,IAAA,CAAK,CAAE,CAAA,SAAS,CAAE,EAAA,CAAA;AAAA,KAAA;AAAA,GACpD,CAAA;AAEF","file":"MetaFooterCell.js","sourcesContent":["import { DataTableCell } from \"@dhis2/ui\";\nimport i18n from \"@dhis2/d2-i18n\";\nimport type { ScorecardTableData } from \"../../../schemas/config\";\nimport type { HeaderContext } from \"@tanstack/react-table\";\nimport { useMemo } from \"react\";\n\nexport function MetaFooterCell({\n\tcolumn,\n\ttable,\n}: HeaderContext<ScorecardTableData, any>) {\n\tconst colSpan = useMemo(() => {\n\t\treturn (\n\t\t\ttable\n\t\t\t\t.getVisibleLeafColumns()\n\t\t\t\t.findIndex(({ id }) => id === column.id) + 1\n\t\t);\n\t}, [table.getVisibleLeafColumns(), column.id]);\n\n\treturn (\n\t\t<DataTableCell\n\t\t\tbordered\n\t\t\twidth={`${column.getSize()}px`}\n\t\t\talign=\"center\"\n\t\t\tcolSpan={colSpan.toString()}\n\t\t\tfixed\n\t\t\t/\n // @ts-ignore /\n\t\t\tleft=\"0\"\n\t\t>\n\t\t\t<b style={{ padding: \"8px 0\" }}>{i18n.t(\"Average\")}</b>\n\t\t</DataTableCell>\n\t);\n}\n"]}

package/dist/esm/components/ScorecardTable/components/PaginatedToolbar.js CHANGED Viewed

@@ -52,5 +52,5 @@ function PaginatedToolbar() {
 }
 export { PaginatedToolbar };
-//# sourceMappingURL=out.js.map
+//# sourceMappingURL=PaginatedToolbar.js.map
 //# sourceMappingURL=PaginatedToolbar.js.map

package/dist/esm/components/ScorecardTable/components/PaginatedToolbar.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"sources":["../../../../../src/components/ScorecardTable/components/PaginatedToolbar.tsx"],"names":["page","pageSize"],"mappings":"~~AAgDI;AAhDJ~~,SAAS,~~kBAAkB~~,~~kBAAkB~~;~~AAC7C;AAAA~~,~~EACC;AAAA~~,~~EACA;AAAA~~,~~OACM;AACP~~,~~SAAS~~,~~qBAAqB;AAC9B~~,~~SAAS~~,~~uBAAuB;AAEzB~~,~~SAAS~~,~~mBAAmB~~;~~AAClC~~,~~QAAM~~,~~CAAC~~,~~WAAW~~,~~eAAe~~,~~IAAI~~,~~cAAc~~;~~AACnD~~,~~QAAM~~,~~QAAQ~~,~~cAAc;AAC5B~~,~~QAAM~~,~~WAAW,~~MAAM,~~YAAY~~;AACnC,~~QAAM~~,~~OAAO,~~MAAM,~~SAAS~~,~~EAAE~~,WAAW,~~YAAY~~;AACrD,~~QAAM~~,~~WAAW,~~MAAM,~~SAAS~~,~~EAAE~~,~~WAAW~~;AAC7C,~~QAAM~~,~~YAAY~~,MAAM,~~aAAa~~;AACrC,~~QAAM~~,qBAAqB,~~2BAA2B~~;AAEtD,~~QAAM~~,~~eAAe~~,CAACA,~~UAAiB~~;AACtC,~~oBAAgB~~,MAAM;AACrB,~~YAAM~~,~~aAAaA~~,QAAO,CAAC;AAAA,~~IAC5B~~,~~CAAC~~;AAAA,~~EACF~~;AACA,~~QAAM~~,~~mBAAmB~~,CAACC,~~cAAqB~~;AAC9C,~~oBAAgB~~,MAAM;AACrB,~~YAAM~~,YAAYA,SAAQ;AAAA,~~IAC3B~~,~~CAAC~~;AAAA,~~EACF~~;AAEA,~~kBAAgB~~,MAAM;AACrB,~~uBAAmB~~;AAAA,~~EACpB~~,~~GAAG~~,CAAC,SAAS,CAAC;AAEd,~~MACC~~,~~YAAY~~,~~MACX~~,~~MAAM~~,~~QAAQ~~,MACZ,~~mBACF~~;AACD,~~WAAO~~;AAAA,~~EACR~~;AAEA,~~SACC~~;AAAA,IAAC;AAAA;AAAA,MAGA,~~OAAO~~,EAAE,~~UAAU~~,~~QAAQ~~;AAAA,MAC3B,~~UAAS~~;AAAA,MAET,8BAAC,~~SAAI~~,~~OAAO~~,EAAE,~~OAAO~~,~~OAAO~~,~~GAC3B~~;AAAA,QAAC;AAAA;AAAA,UACA,~~OAAO~~;AAAA,UACP;AAAA,UACA,~~WAAW~~,CAAC,~~IAAI~~,~~IAAI~~,~~IAAI~~,~~IAAI~~,IAAI,GAAG,~~EAAE~~;AAAA,YAAI,CAAC,~~SACzC~~,~~KAAK~~,~~SAAS~~;AAAA,~~UACf~~;AAAA,UACA;AAAA,UACA;AAAA,UACA;AAAA,UACA;AAAA;AAAA,~~MACD~~,~~GACD~~;AAAA;AAAA,~~EACD~~;AAEF","sourcesContent":["import { DataTableToolbar, Pagination } from \"@dhis2/ui\";\nimport {\n\tuseTableState,\n\tuseToggleTableLoadingState,\n} from \"../../TableStateProvider\";\nimport { useTransition } from \"react\";\nimport { useUpdateEffect } from \"usehooks-ts\";\n\nexport function PaginatedToolbar() {\n\tconst [isPending, startTransition] = useTransition();\n\tconst table = useTableState();\n\tconst rowCount = table.getRowCount();\n\tconst page = table.getState().pagination.pageIndex + 1;\n\tconst pageSize = table.getState().pagination.pageSize;\n\tconst pageCount = table.getPageCount();\n\tconst toggleTableLoading = useToggleTableLoadingState();\n\n\tconst onPageChange = (page: number) => {\n\t\tstartTransition(() => {\n\t\t\ttable.setPageIndex(page - 1);\n\t\t});\n\t};\n\tconst onPageSizeChange = (pageSize: number) => {\n\t\tstartTransition(() => {\n\t\t\ttable.setPageSize(pageSize);\n\t\t});\n\t};\n\n\tuseUpdateEffect(() => {\n\t\ttoggleTableLoading();\n\t}, [isPending]);\n\n\tif (\n\t\trowCount <= 50 \|\|\n\t\t(table.options.meta as { disablePagination?: boolean })\n\t\t\t?.disablePagination\n\t) {\n\t\treturn null;\n\t}\n\n\treturn (\n\t\t<DataTableToolbar\n\t\t\t/\n\t\t\t// @ts-ignore /\n\t\t\tstyle={{ position: \"unset\" }}\n\t\t\tposition=\"bottom\"\n\t\t>\n\t\t\t<div style={{ width: \"100%\" }}>\n\t\t\t\t<Pagination\n\t\t\t\t\ttotal={rowCount}\n\t\t\t\t\tpageCount={pageCount}\n\t\t\t\t\tpageSizes={[10, 20, 30, 40, 50, 100].map((size) =>\n\t\t\t\t\t\tsize.toString(),\n\t\t\t\t\t)}\n\t\t\t\t\tpage={page}\n\t\t\t\t\tpageSize={pageSize}\n\t\t\t\t\tonPageChange={onPageChange}\n\t\t\t\t\tonPageSizeChange={onPageSizeChange}\n\t\t\t\t/>\n\t\t\t</div>\n\t\t</DataTableToolbar>\n\t);\n}\n"]}
1	+ {"version":3,"sources":["../../../../../src/components/ScorecardTable/components/PaginatedToolbar.tsx"],"names":["page","pageSize"],"mappings":";;;;;;AAQO,SAAS,gBAAmB,GAAA;AAClC,EAAA,MAAM,CAAC,SAAA,EAAW,eAAe,CAAA,GAAI,aAAc,EAAA,CAAA;AACnD,EAAA,MAAM,QAAQ,aAAc,EAAA,CAAA;AAC5B,EAAM,MAAA,QAAA,GAAW,MAAM,WAAY,EAAA,CAAA;AACnC,EAAA,MAAM,IAAO,GAAA,KAAA,CAAM,QAAS,EAAA,CAAE,WAAW,SAAY,GAAA,CAAA,CAAA;AACrD,EAAA,MAAM,QAAW,GAAA,KAAA,CAAM,QAAS,EAAA,CAAE,UAAW,CAAA,QAAA,CAAA;AAC7C,EAAM,MAAA,SAAA,GAAY,MAAM,YAAa,EAAA,CAAA;AACrC,EAAA,MAAM,qBAAqB,0BAA2B,EAAA,CAAA;AAEtD,EAAM,MAAA,YAAA,GAAe,CAACA,KAAiB,KAAA;AACtC,IAAA,eAAA,CAAgB,MAAM;AACrB,MAAM,KAAA,CAAA,YAAA,CAAaA,QAAO,CAAC,CAAA,CAAA;AAAA,KAC3B,CAAA,CAAA;AAAA,GACF,CAAA;AACA,EAAM,MAAA,gBAAA,GAAmB,CAACC,SAAqB,KAAA;AAC9C,IAAA,eAAA,CAAgB,MAAM;AACrB,MAAA,KAAA,CAAM,YAAYA,SAAQ,CAAA,CAAA;AAAA,KAC1B,CAAA,CAAA;AAAA,GACF,CAAA;AAEA,EAAA,eAAA,CAAgB,MAAM;AACrB,IAAmB,kBAAA,EAAA,CAAA;AAAA,GACpB,EAAG,CAAC,SAAS,CAAC,CAAA,CAAA;AAEd,EAAA,IACC,QAAY,IAAA,EAAA,IACX,KAAM,CAAA,OAAA,CAAQ,MACZ,iBACF,EAAA;AACD,IAAO,OAAA,IAAA,CAAA;AAAA,GACR;AAEA,EACC,uBAAA,GAAA;AAAA,IAAC,gBAAA;AAAA,IAAA;AAAA,MAGA,KAAA,EAAO,EAAE,QAAA,EAAU,OAAQ,EAAA;AAAA,MAC3B,QAAS,EAAA,QAAA;AAAA,MAET,8BAAC,KAAI,EAAA,EAAA,KAAA,EAAO,EAAE,KAAA,EAAO,QACpB,EAAA,QAAA,kBAAA,GAAA;AAAA,QAAC,UAAA;AAAA,QAAA;AAAA,UACA,KAAO,EAAA,QAAA;AAAA,UACP,SAAA;AAAA,UACA,SAAA,EAAW,CAAC,EAAI,EAAA,EAAA,EAAI,IAAI,EAAI,EAAA,EAAA,EAAI,GAAG,CAAE,CAAA,GAAA;AAAA,YAAI,CAAC,IACzC,KAAA,IAAA,CAAK,QAAS,EAAA;AAAA,WACf;AAAA,UACA,IAAA;AAAA,UACA,QAAA;AAAA,UACA,YAAA;AAAA,UACA,gBAAA;AAAA,SAAA;AAAA,OAEF,EAAA,CAAA;AAAA,KAAA;AAAA,GACD,CAAA;AAEF","file":"PaginatedToolbar.js","sourcesContent":["import { DataTableToolbar, Pagination } from \"@dhis2/ui\";\nimport {\n\tuseTableState,\n\tuseToggleTableLoadingState,\n} from \"../../TableStateProvider\";\nimport { useTransition } from \"react\";\nimport { useUpdateEffect } from \"usehooks-ts\";\n\nexport function PaginatedToolbar() {\n\tconst [isPending, startTransition] = useTransition();\n\tconst table = useTableState();\n\tconst rowCount = table.getRowCount();\n\tconst page = table.getState().pagination.pageIndex + 1;\n\tconst pageSize = table.getState().pagination.pageSize;\n\tconst pageCount = table.getPageCount();\n\tconst toggleTableLoading = useToggleTableLoadingState();\n\n\tconst onPageChange = (page: number) => {\n\t\tstartTransition(() => {\n\t\t\ttable.setPageIndex(page - 1);\n\t\t});\n\t};\n\tconst onPageSizeChange = (pageSize: number) => {\n\t\tstartTransition(() => {\n\t\t\ttable.setPageSize(pageSize);\n\t\t});\n\t};\n\n\tuseUpdateEffect(() => {\n\t\ttoggleTableLoading();\n\t}, [isPending]);\n\n\tif (\n\t\trowCount <= 50 \|\|\n\t\t(table.options.meta as { disablePagination?: boolean })\n\t\t\t?.disablePagination\n\t) {\n\t\treturn null;\n\t}\n\n\treturn (\n\t\t<DataTableToolbar\n\t\t\t/\n\t\t\t// @ts-ignore /\n\t\t\tstyle={{ position: \"unset\" }}\n\t\t\tposition=\"bottom\"\n\t\t>\n\t\t\t<div style={{ width: \"100%\" }}>\n\t\t\t\t<Pagination\n\t\t\t\t\ttotal={rowCount}\n\t\t\t\t\tpageCount={pageCount}\n\t\t\t\t\tpageSizes={[10, 20, 30, 40, 50, 100].map((size) =>\n\t\t\t\t\t\tsize.toString(),\n\t\t\t\t\t)}\n\t\t\t\t\tpage={page}\n\t\t\t\t\tpageSize={pageSize}\n\t\t\t\t\tonPageChange={onPageChange}\n\t\t\t\t\tonPageSizeChange={onPageSizeChange}\n\t\t\t\t/>\n\t\t\t</div>\n\t\t</DataTableToolbar>\n\t);\n}\n"]}

package/dist/esm/components/ScorecardTable/components/SingleDataCell.js CHANGED Viewed

@@ -95,5 +95,5 @@ function SingleDataCellComponent({
 const SingleDataCell = memo(SingleDataCellComponent);
 export { SingleDataCell };
-//# sourceMappingURL=out.js.map
+//# sourceMappingURL=SingleDataCell.js.map
 //# sourceMappingURL=SingleDataCell.js.map

package/dist/esm/components/ScorecardTable/components/SingleDataCell.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"sources":["../../../../../src/components/ScorecardTable/components/SingleDataCell.tsx"],"names":[],"mappings":"~~AAuCS~~,~~SAIP,UAJO,KAIP,YAJO;AArCT,~~SAAS,~~MAAsB~~,~~gBAAgB~~;~~AAC/C~~,~~SAAS~~,~~YAAY~~;~~AACrB,SAAS,qBAAqB;AAC9B,SAAS,uCAAuC;AAChD,SAAS,iBAAiB;AAC1B,SAAS,mBAAmB;AAC5B,SAAS,2BAA2B;AACpC;~~AAAA,~~EACC;AAAA~~,~~OAEM~~;~~AASP,SAAS,wBAAwB;~~AAAA,~~EAChC;AAAA~~,~~EACA~~;AAAA,EACA~~;AAAA~~,~~EACA~~;AACD,~~GAAmC~~;AAClC,~~QAAM~~,CAAC,~~uBAAuB~~,wBAAwB,~~IACrD~~,SAAuC,IAAI;AAC5C,~~QAAM~~,~~aAAa~~,KAAK,WAAW;AACnC,~~QAAM~~,CAAC,~~gBAAgB~~,iBAAiB,~~IAAI~~,SAAS,~~MAAS~~;AAE9D,~~QAAM~~,EAAE,~~iBAAiB~~,~~IAAI~~,~~YAAY~~;AAAA,IACxC;AAAA,IACA;AAAA,IACA;AAAA,~~EACD~~,~~CAAC~~;AAED,~~MAAI~~,CAAC,~~cAAc~~,CAAC,~~WAAW~~,~~MAAM~~;AACpC,~~WAAO~~,~~oBAAC~~,~~iBAAc~~,~~UAAQ~~,~~MAAC~~;AAAA,~~EAChC~~;AAEA,~~SACC~~,~~iCACE~~;AAAA,~~KAAC~~,CAAC,~~yBACF~~;AAAA,MAAC;AAAA;AAAA,QACA,SAAS,MAAM;AACd,~~mCAAyB~~,IAAI;AAAA,~~QAC9B~~;AAAA,QACA,MAAM,CAAC;AAAA,QACP,~~QAAQ~~;AAAA;AAAA,~~IACT~~;AAAA,~~IAED~~;AAAA,MAAC;AAAA;AAAA,QACA,~~SAAS~~,CAAC,~~UAAU~~;AACnB,~~gBAAM~~,~~gBAAgB~~;AACtB,~~mCAAyB~~;AAAA,YACxB,~~iBAAiB~~;AAAA,cAChB,~~SAAS~~;AAAA,gBACR;AAAA,kBACC,~~IAAI~~;AAAA,~~gBACL~~;AAAA,~~cACD~~;AAAA,~~YACD~~;AAAA,YACA,~~kBAAkB~~;AAAA,cACjB,QAAQ,~~CAAC~~;AAAA,cACT,QAAQ,~~CAAC~~;AAAA,cACT,~~UAAU~~;AAAA,gBACT;AAAA,kBACC,IAAI,~~QAAQ~~;AAAA,~~gBACb~~;AAAA,~~cACD~~;AAAA,~~YACD~~;AAAA,YACA;AAAA,~~UACD~~,~~CAAC~~;AAAA,~~QACF~~;AAAA,QACA,~~eAAe~~,CAAC,~~MAAW~~;AAC1B,~~YAAE~~,~~eAAe~~;AACjB,~~4BAAkB~~,EAAE,MAAM;AAAA,~~QAC3B~~;AAAA,QACA,~~UAAQ~~;AAAA,QACR,~~OAAO~~;AAAA,UACN,YAAY,~~kBAAkB~~;AAAA,UAC9B,~~WAAW~~;AAAA,UACX,~~OAAO~~;AAAA,UACP,~~UAAU~~;AAAA,UACV,~~QAAQ~~;AAAA,UACR,OAAO,~~mBACJ~~;AAAA,YACA,~~kBAAkB~~;AAAA,~~UACnB~~,~~IACC~~;AAAA,~~QACJ~~;AAAA,QAEC,~~wBAAc~~,~~oBAAC~~,~~aAAU~~,~~YAAwB~~;AAAA;AAAA,~~IACnD~~;AAAA,IAEC,~~kBACA~~;AAAA,MAAC;AAAA;AAAA,QACA;AAAA,QACA,~~UAAU~~;AAAA,QACV;AAAA,QACA;AAAA,QACA;AAAA,QACA,~~UAAU~~;AAAA;AAAA,~~IACX~~;AAAA,~~KAEF~~;AAEF;~~AAEO~~,~~MAAM~~,~~iBAAiB~~,KAAK,uBAAuB","sourcesContent":["import { type ScorecardCellData } from \"../../../schemas/config\";\nimport { type ItemMeta } from \"../../../hooks/metadata\";\nimport { memo, type ReactNode, useState } from \"react\";\nimport { head } from \"lodash\";\nimport { DataTableCell } from \"@dhis2/ui\";\nimport { getTextColorFromBackgroundColor } from \"../../../utils/legends\";\nimport { DataValue } from \"./DataValue\";\nimport { useCellData } from \"../../../hooks/cellData\";\nimport { FurtherAnalysisMenu } from \"./FurtherAnalysisMenu\";\nimport {\n\tFurtherAnalysis,\n\ttype FurtherAnalysisConfig,\n} from \"./FurtherAnalysisModal\";\n\nexport interface SingleDataCellProps {\n\tdataSources: ScorecardCellData[];\n\torgUnit: ItemMeta & { hierarchy: string };\n\tperiod: string;\n\tsize: number;\n}\n\nfunction SingleDataCellComponent({\n\tdataSources,\n\tperiod,\n\torgUnit,\n\tsize,\n}: SingleDataCellProps): ReactNode {\n\tconst [furtherAnalysisConfig, setFurtherAnalysisConfig] =\n\t\tuseState<FurtherAnalysisConfig \| null>(null);\n\tconst dataSource = head(dataSources);\n\tconst [stateActionRef, setStateActionRef] = useState(undefined);\n\n\tconst { legendDefinition } = useCellData({\n\t\tdataSource,\n\t\tperiod,\n\t\torgUnit,\n\t});\n\n\tif (!dataSource \|\| !dataSource.data) {\n\t\treturn <DataTableCell bordered />;\n\t}\n\n\treturn (\n\t\t<>\n\t\t\t{!!furtherAnalysisConfig && (\n\t\t\t\t<FurtherAnalysis\n\t\t\t\t\tonClose={() => {\n\t\t\t\t\t\tsetFurtherAnalysisConfig(null);\n\t\t\t\t\t}}\n\t\t\t\t\thide={!furtherAnalysisConfig}\n\t\t\t\t\tconfig={furtherAnalysisConfig}\n\t\t\t\t/>\n\t\t\t)}\n\t\t\t<DataTableCell\n\t\t\t\tonClick={(event) => {\n\t\t\t\t\tevent.stopPropagation();\n\t\t\t\t\tsetFurtherAnalysisConfig({\n\t\t\t\t\t\tperiodSelection: {\n\t\t\t\t\t\t\tperiods: [\n\t\t\t\t\t\t\t\t{\n\t\t\t\t\t\t\t\t\tid: period,\n\t\t\t\t\t\t\t\t},\n\t\t\t\t\t\t\t],\n\t\t\t\t\t\t},\n\t\t\t\t\t\torgUnitSelection: {\n\t\t\t\t\t\t\tlevels: [],\n\t\t\t\t\t\t\tgroups: [],\n\t\t\t\t\t\t\torgUnits: [\n\t\t\t\t\t\t\t\t{\n\t\t\t\t\t\t\t\t\tid: orgUnit.uid,\n\t\t\t\t\t\t\t\t},\n\t\t\t\t\t\t\t],\n\t\t\t\t\t\t},\n\t\t\t\t\t\tdataSources,\n\t\t\t\t\t});\n\t\t\t\t}}\n\t\t\t\tonContextMenu={(e: any) => {\n\t\t\t\t\te.preventDefault();\n\t\t\t\t\tsetStateActionRef(e.target);\n\t\t\t\t}}\n\t\t\t\tbordered\n\t\t\t\tstyle={{\n\t\t\t\t\tbackground: legendDefinition?.color,\n\t\t\t\t\ttextAlign: \"center\",\n\t\t\t\t\twidth: size,\n\t\t\t\t\tminWidth: 100,\n\t\t\t\t\theight: 48,\n\t\t\t\t\tcolor: legendDefinition\n\t\t\t\t\t\t? getTextColorFromBackgroundColor(\n\t\t\t\t\t\t\t\tlegendDefinition?.color,\n\t\t\t\t\t\t\t)\n\t\t\t\t\t\t: undefined,\n\t\t\t\t}}\n\t\t\t>\n\t\t\t\t{dataSource && <DataValue dataSource={dataSource} />}\n\t\t\t</DataTableCell>\n\n\t\t\t{stateActionRef && (\n\t\t\t\t<FurtherAnalysisMenu\n\t\t\t\t\tdataSources={dataSources}\n\t\t\t\t\tonSelect={setFurtherAnalysisConfig}\n\t\t\t\t\tstateActionRef={stateActionRef}\n\t\t\t\t\tsetStateActionRef={setStateActionRef}\n\t\t\t\t\torgUnit={orgUnit}\n\t\t\t\t\tperiodId={period}\n\t\t\t\t/>\n\t\t\t)}\n\t\t</>\n\t);\n}\n\nexport const SingleDataCell = memo(SingleDataCellComponent);\n"]}
1	+ {"version":3,"sources":["../../../../../src/components/ScorecardTable/components/SingleDataCell.tsx"],"names":[],"mappings":";;;;;;;;;;AAqBA,SAAS,uBAAwB,CAAA;AAAA,EAChC,WAAA;AAAA,EACA,MAAA;AAAA,EACA,OAAA;AAAA,EACA,IAAA;AACD,CAAmC,EAAA;AAClC,EAAA,MAAM,CAAC,qBAAA,EAAuB,wBAAwB,CAAA,GACrD,SAAuC,IAAI,CAAA,CAAA;AAC5C,EAAM,MAAA,UAAA,GAAa,KAAK,WAAW,CAAA,CAAA;AACnC,EAAA,MAAM,CAAC,cAAA,EAAgB,iBAAiB,CAAA,GAAI,SAAS,KAAS,CAAA,CAAA,CAAA;AAE9D,EAAM,MAAA,EAAE,gBAAiB,EAAA,GAAI,WAAY,CAAA;AAAA,IACxC,UAAA;AAAA,IACA,MAAA;AAAA,IACA,OAAA;AAAA,GACA,CAAA,CAAA;AAED,EAAA,IAAI,CAAC,UAAA,IAAc,CAAC,UAAA,CAAW,IAAM,EAAA;AACpC,IAAO,uBAAA,GAAA,CAAC,aAAc,EAAA,EAAA,QAAA,EAAQ,IAAC,EAAA,CAAA,CAAA;AAAA,GAChC;AAEA,EAAA,uBAEG,IAAA,CAAA,QAAA,EAAA,EAAA,QAAA,EAAA;AAAA,IAAA,CAAC,CAAC,qBACF,oBAAA,GAAA;AAAA,MAAC,eAAA;AAAA,MAAA;AAAA,QACA,SAAS,MAAM;AACd,UAAA,wBAAA,CAAyB,IAAI,CAAA,CAAA;AAAA,SAC9B;AAAA,QACA,MAAM,CAAC,qBAAA;AAAA,QACP,MAAQ,EAAA,qBAAA;AAAA,OAAA;AAAA,KACT;AAAA,oBAED,GAAA;AAAA,MAAC,aAAA;AAAA,MAAA;AAAA,QACA,OAAA,EAAS,CAAC,KAAU,KAAA;AACnB,UAAA,KAAA,CAAM,eAAgB,EAAA,CAAA;AACtB,UAAyB,wBAAA,CAAA;AAAA,YACxB,eAAiB,EAAA;AAAA,cAChB,OAAS,EAAA;AAAA,gBACR;AAAA,kBACC,EAAI,EAAA,MAAA;AAAA,iBACL;AAAA,eACD;AAAA,aACD;AAAA,YACA,gBAAkB,EAAA;AAAA,cACjB,QAAQ,EAAC;AAAA,cACT,QAAQ,EAAC;AAAA,cACT,QAAU,EAAA;AAAA,gBACT;AAAA,kBACC,IAAI,OAAQ,CAAA,GAAA;AAAA,iBACb;AAAA,eACD;AAAA,aACD;AAAA,YACA,WAAA;AAAA,WACA,CAAA,CAAA;AAAA,SACF;AAAA,QACA,aAAA,EAAe,CAAC,CAAW,KAAA;AAC1B,UAAA,CAAA,CAAE,cAAe,EAAA,CAAA;AACjB,UAAA,iBAAA,CAAkB,EAAE,MAAM,CAAA,CAAA;AAAA,SAC3B;AAAA,QACA,QAAQ,EAAA,IAAA;AAAA,QACR,KAAO,EAAA;AAAA,UACN,YAAY,gBAAkB,EAAA,KAAA;AAAA,UAC9B,SAAW,EAAA,QAAA;AAAA,UACX,KAAO,EAAA,IAAA;AAAA,UACP,QAAU,EAAA,GAAA;AAAA,UACV,MAAQ,EAAA,EAAA;AAAA,UACR,OAAO,gBACJ,GAAA,+BAAA;AAAA,YACA,gBAAkB,EAAA,KAAA;AAAA,WAElB,GAAA,KAAA,CAAA;AAAA,SACJ;AAAA,QAEC,QAAA,EAAA,UAAA,oBAAe,GAAA,CAAA,SAAA,EAAA,EAAU,UAAwB,EAAA,CAAA;AAAA,OAAA;AAAA,KACnD;AAAA,IAEC,cACA,oBAAA,GAAA;AAAA,MAAC,mBAAA;AAAA,MAAA;AAAA,QACA,WAAA;AAAA,QACA,QAAU,EAAA,wBAAA;AAAA,QACV,cAAA;AAAA,QACA,iBAAA;AAAA,QACA,OAAA;AAAA,QACA,QAAU,EAAA,MAAA;AAAA,OAAA;AAAA,KACX;AAAA,GAEF,EAAA,CAAA,CAAA;AAEF,CAAA;AAEa,MAAA,cAAA,GAAiB,KAAK,uBAAuB","file":"SingleDataCell.js","sourcesContent":["import { type ScorecardCellData } from \"../../../schemas/config\";\nimport { type ItemMeta } from \"../../../hooks/metadata\";\nimport { memo, type ReactNode, useState } from \"react\";\nimport { head } from \"lodash\";\nimport { DataTableCell } from \"@dhis2/ui\";\nimport { getTextColorFromBackgroundColor } from \"../../../utils/legends\";\nimport { DataValue } from \"./DataValue\";\nimport { useCellData } from \"../../../hooks/cellData\";\nimport { FurtherAnalysisMenu } from \"./FurtherAnalysisMenu\";\nimport {\n\tFurtherAnalysis,\n\ttype FurtherAnalysisConfig,\n} from \"./FurtherAnalysisModal\";\n\nexport interface SingleDataCellProps {\n\tdataSources: ScorecardCellData[];\n\torgUnit: ItemMeta & { hierarchy: string };\n\tperiod: string;\n\tsize: number;\n}\n\nfunction SingleDataCellComponent({\n\tdataSources,\n\tperiod,\n\torgUnit,\n\tsize,\n}: SingleDataCellProps): ReactNode {\n\tconst [furtherAnalysisConfig, setFurtherAnalysisConfig] =\n\t\tuseState<FurtherAnalysisConfig \| null>(null);\n\tconst dataSource = head(dataSources);\n\tconst [stateActionRef, setStateActionRef] = useState(undefined);\n\n\tconst { legendDefinition } = useCellData({\n\t\tdataSource,\n\t\tperiod,\n\t\torgUnit,\n\t});\n\n\tif (!dataSource \|\| !dataSource.data) {\n\t\treturn <DataTableCell bordered />;\n\t}\n\n\treturn (\n\t\t<>\n\t\t\t{!!furtherAnalysisConfig && (\n\t\t\t\t<FurtherAnalysis\n\t\t\t\t\tonClose={() => {\n\t\t\t\t\t\tsetFurtherAnalysisConfig(null);\n\t\t\t\t\t}}\n\t\t\t\t\thide={!furtherAnalysisConfig}\n\t\t\t\t\tconfig={furtherAnalysisConfig}\n\t\t\t\t/>\n\t\t\t)}\n\t\t\t<DataTableCell\n\t\t\t\tonClick={(event) => {\n\t\t\t\t\tevent.stopPropagation();\n\t\t\t\t\tsetFurtherAnalysisConfig({\n\t\t\t\t\t\tperiodSelection: {\n\t\t\t\t\t\t\tperiods: [\n\t\t\t\t\t\t\t\t{\n\t\t\t\t\t\t\t\t\tid: period,\n\t\t\t\t\t\t\t\t},\n\t\t\t\t\t\t\t],\n\t\t\t\t\t\t},\n\t\t\t\t\t\torgUnitSelection: {\n\t\t\t\t\t\t\tlevels: [],\n\t\t\t\t\t\t\tgroups: [],\n\t\t\t\t\t\t\torgUnits: [\n\t\t\t\t\t\t\t\t{\n\t\t\t\t\t\t\t\t\tid: orgUnit.uid,\n\t\t\t\t\t\t\t\t},\n\t\t\t\t\t\t\t],\n\t\t\t\t\t\t},\n\t\t\t\t\t\tdataSources,\n\t\t\t\t\t});\n\t\t\t\t}}\n\t\t\t\tonContextMenu={(e: any) => {\n\t\t\t\t\te.preventDefault();\n\t\t\t\t\tsetStateActionRef(e.target);\n\t\t\t\t}}\n\t\t\t\tbordered\n\t\t\t\tstyle={{\n\t\t\t\t\tbackground: legendDefinition?.color,\n\t\t\t\t\ttextAlign: \"center\",\n\t\t\t\t\twidth: size,\n\t\t\t\t\tminWidth: 100,\n\t\t\t\t\theight: 48,\n\t\t\t\t\tcolor: legendDefinition\n\t\t\t\t\t\t? getTextColorFromBackgroundColor(\n\t\t\t\t\t\t\t\tlegendDefinition?.color,\n\t\t\t\t\t\t\t)\n\t\t\t\t\t\t: undefined,\n\t\t\t\t}}\n\t\t\t>\n\t\t\t\t{dataSource && <DataValue dataSource={dataSource} />}\n\t\t\t</DataTableCell>\n\n\t\t\t{stateActionRef && (\n\t\t\t\t<FurtherAnalysisMenu\n\t\t\t\t\tdataSources={dataSources}\n\t\t\t\t\tonSelect={setFurtherAnalysisConfig}\n\t\t\t\t\tstateActionRef={stateActionRef}\n\t\t\t\t\tsetStateActionRef={setStateActionRef}\n\t\t\t\t\torgUnit={orgUnit}\n\t\t\t\t\tperiodId={period}\n\t\t\t\t/>\n\t\t\t)}\n\t\t</>\n\t);\n}\n\nexport const SingleDataCell = memo(SingleDataCellComponent);\n"]}

package/dist/esm/components/ScorecardTable/components/TableBody.js CHANGED Viewed

@@ -21,5 +21,5 @@ const TableBody = memo(function TableBody2({
 });
 export { TableBody };
-//# sourceMappingURL=out.js.map
+//# sourceMappingURL=TableBody.js.map
 //# sourceMappingURL=TableBody.js.map

package/dist/esm/components/ScorecardTable/components/TableBody.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"sources":["../../../../../src/components/ScorecardTable/components/TableBody.tsx"],"names":["TableBody"],"mappings":"~~AAoBE~~,~~mBAEE~~,~~KAFF;AApBF~~,~~SAAS~~,~~qBAAqB;AAC9B~~,~~SAAS~~,~~sBAAsB~~,~~qBAAqB~~;~~AACpD~~,~~SAAS~~,~~gBAAgB~~;~~AACzB~~,~~SAAS~~,~~MAAsB,eAAe~~;~~AAC9C~~,~~SAAS~~,~~wBAAwB;AAE1B,~~MAAM,~~YAAY~~,~~KAAK~~,~~SAASA~~,~~WAAU~~;~~AAAA~~,~~EAChD;AACD~~,~~GAEG;AACF~~,~~QAAM~~,~~QAAQ~~,~~cAAc~~;~~AAC5B~~,~~QAAM~~,~~UAAU~~,~~qBAAqB;AAErC~~,~~QAAM~~,~~OAAO~~;AAAA,IACZ,MAAM,~~MAAM~~,~~YAAY~~,~~EAAE~~;AAAA,IAC1B,CAAC,~~MAAM~~,~~YAAY~~,~~EAAE~~,IAAI;AAAA,~~EAC1B~~;AAEA,~~SACC~~,~~iCACC~~;AAAA,~~wBAAC~~,~~WACA~~,~~8BAAC~~,~~oBAAiB~~,~~UAAoB~~,~~GACvC~~;AAAA,~~IACA~~,~~oBAAC~~,~~iBAAc~~,~~SACb~~,~~eAAK~~,~~IAAI~~,CAAC,~~QACV~~,~~oBAAC~~,~~YAAsB~~,~~OAAR~~,~~IAAI~~,EAAc,CACjC,~~GACF~~;AAAA,~~KACD~~;AAEF,CAAC","sourcesContent":["import { DataTableBody } from \"@dhis2/ui\";\nimport { useTableLoadingState, useTableState } from \"../../TableStateProvider\";\nimport { TableRow } from \"./DataRow\";\nimport { memo, type RefObject, useMemo } from \"react\";\nimport { LoadingIndicator } from \"../../LoadingIndicator\";\n\nexport const TableBody = memo(function TableBody({\n\ttableRef,\n}: {\n\ttableRef: RefObject<HTMLTableElement>;\n}) {\n\tconst table = useTableState();\n\tconst loading = useTableLoadingState();\n\n\tconst rows = useMemo(\n\t\t() => table.getRowModel().rows,\n\t\t[table.getRowModel().rows],\n\t);\n\n\treturn (\n\t\t<>\n\t\t\t<thead>\n\t\t\t\t<LoadingIndicator tableRef={tableRef} />\n\t\t\t</thead>\n\t\t\t<DataTableBody loading={loading}>\n\t\t\t\t{rows.map((row) => (\n\t\t\t\t\t<TableRow key={row.id} row={row} />\n\t\t\t\t))}\n\t\t\t</DataTableBody>\n\t\t</>\n\t);\n});\n"]}
1	+ {"version":3,"sources":["../../../../../src/components/ScorecardTable/components/TableBody.tsx"],"names":["TableBody"],"mappings":";;;;;;;AAMa,MAAA,SAAA,GAAY,IAAK,CAAA,SAASA,UAAU,CAAA;AAAA,EAChD,QAAA;AACD,CAEG,EAAA;AACF,EAAA,MAAM,QAAQ,aAAc,EAAA,CAAA;AAC5B,EAAA,MAAM,UAAU,oBAAqB,EAAA,CAAA;AAErC,EAAA,MAAM,IAAO,GAAA,OAAA;AAAA,IACZ,MAAM,KAAM,CAAA,WAAA,EAAc,CAAA,IAAA;AAAA,IAC1B,CAAC,KAAA,CAAM,WAAY,EAAA,CAAE,IAAI,CAAA;AAAA,GAC1B,CAAA;AAEA,EAAA,uBAEE,IAAA,CAAA,QAAA,EAAA,EAAA,QAAA,EAAA;AAAA,oBAAA,GAAA,CAAC,OACA,EAAA,EAAA,QAAA,kBAAA,GAAA,CAAC,gBAAiB,EAAA,EAAA,QAAA,EAAoB,CACvC,EAAA,CAAA;AAAA,oBACC,GAAA,CAAA,aAAA,EAAA,EAAc,OACb,EAAA,QAAA,EAAA,IAAA,CAAK,GAAI,CAAA,CAAC,GACV,qBAAA,GAAA,CAAC,QAAsB,EAAA,EAAA,GAAA,EAAA,EAAR,GAAI,CAAA,EAAc,CACjC,CACF,EAAA,CAAA;AAAA,GACD,EAAA,CAAA,CAAA;AAEF,CAAC","file":"TableBody.js","sourcesContent":["import { DataTableBody } from \"@dhis2/ui\";\nimport { useTableLoadingState, useTableState } from \"../../TableStateProvider\";\nimport { TableRow } from \"./DataRow\";\nimport { memo, type RefObject, useMemo } from \"react\";\nimport { LoadingIndicator } from \"../../LoadingIndicator\";\n\nexport const TableBody = memo(function TableBody({\n\ttableRef,\n}: {\n\ttableRef: RefObject<HTMLTableElement>;\n}) {\n\tconst table = useTableState();\n\tconst loading = useTableLoadingState();\n\n\tconst rows = useMemo(\n\t\t() => table.getRowModel().rows,\n\t\t[table.getRowModel().rows],\n\t);\n\n\treturn (\n\t\t<>\n\t\t\t<thead>\n\t\t\t\t<LoadingIndicator tableRef={tableRef} />\n\t\t\t</thead>\n\t\t\t<DataTableBody loading={loading}>\n\t\t\t\t{rows.map((row) => (\n\t\t\t\t\t<TableRow key={row.id} row={row} />\n\t\t\t\t))}\n\t\t\t</DataTableBody>\n\t\t</>\n\t);\n});\n"]}

package/dist/esm/components/ScorecardTable/components/TableFoot.js CHANGED Viewed

@@ -25,5 +25,5 @@ function TableFoot() {
 }
 export { TableFoot };
-//# sourceMappingURL=out.js.map
+//# sourceMappingURL=TableFoot.js.map
 //# sourceMappingURL=TableFoot.js.map

package/dist/esm/components/ScorecardTable/components/TableFoot.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"sources":["../../../../../src/components/ScorecardTable/components/TableFoot.tsx"],"names":[],"mappings":"~~AAwBQ;AAxBR~~,SAAS,~~eAAe~~,~~oBAAoB~~;~~AAC5C,SAAS,qBAAqB;AAC9B,SAAS,kBAAkB;~~AAC3B,~~SAAS~~,~~gBAAgB;AACzB~~,~~SAAS~~,~~sCAAsC;AAExC~~,~~SAAS~~,~~YAAY~~;~~AAC3B~~,~~QAAM~~,~~QAAQ~~,~~cAAc;AAC5B~~,~~QAAM~~,~~iBAAiB,+BAAwC~~;AAAA,IAC9D;AAAA,IACA;AAAA,~~EACD~~,~~CAAC~~;AAED,~~MAAI~~,CAAC,~~gBAAgB~~;AACpB,~~WAAO~~;AAAA,~~EACR~~;AAEA,~~SACC~~,~~oBAAC~~,~~iBACC~~,~~gBAAM~~,~~gBAAgB~~,~~EAAE~~,~~IAAI~~,CAAC,~~gBAAgB~~;AAC7C,~~WACC~~,~~oBAAC~~,~~gBACC~~,~~sBAAY~~,~~QAAQ~~,~~IAAI~~,CAAC,~~WAAW~~;AACpC,~~aAAO~~,OAAO,~~gBAAgB~~,~~OAC7B~~,~~oBAAC~~,~~YACC~~;AAAA,QACA,~~OAAO~~,OAAO,~~UAAU~~;AAAA,QACxB,OAAO,~~WAAW~~;AAAA,~~MACnB~~,~~KAJc~~,OAAO,EAKtB;AAAA,~~IAEF~~,~~CAAC~~,~~KAViB~~,~~YAAY~~,EAW/B;AAAA,~~EAEF~~,~~CAAC~~,~~GACF~~;AAEF","sourcesContent":["import { DataTableFoot, DataTableRow } from \"@dhis2/ui\";\nimport { useTableState } from \"../../TableStateProvider\";\nimport { flexRender } from \"@tanstack/react-table\";\nimport { Fragment } from \"react\";\nimport { useScorecardStateSelectorValue } from \"../../../state\";\n\nexport function TableFoot() {\n\tconst table = useTableState();\n\tconst showAverageRow = useScorecardStateSelectorValue<boolean>([\n\t\t\"options\",\n\t\t\"averageRow\",\n\t]);\n\n\tif (!showAverageRow) {\n\t\treturn null;\n\t}\n\n\treturn (\n\t\t<DataTableFoot>\n\t\t\t{table.getFooterGroups().map((footerGroup) => {\n\t\t\t\treturn (\n\t\t\t\t\t<DataTableRow key={footerGroup.id}>\n\t\t\t\t\t\t{footerGroup.headers.map((footer) => {\n\t\t\t\t\t\t\treturn footer.isPlaceholder ? null : (\n\t\t\t\t\t\t\t\t<Fragment key={footer.id}>\n\t\t\t\t\t\t\t\t\t{flexRender(\n\t\t\t\t\t\t\t\t\t\tfooter.column.columnDef.footer,\n\t\t\t\t\t\t\t\t\t\tfooter.getContext(),\n\t\t\t\t\t\t\t\t\t)}\n\t\t\t\t\t\t\t\t</Fragment>\n\t\t\t\t\t\t\t);\n\t\t\t\t\t\t})}\n\t\t\t\t\t</DataTableRow>\n\t\t\t\t);\n\t\t\t})}\n\t\t</DataTableFoot>\n\t);\n}\n"]}
1	+ {"version":3,"sources":["../../../../../src/components/ScorecardTable/components/TableFoot.tsx"],"names":[],"mappings":";;;;;;;AAMO,SAAS,SAAY,GAAA;AAC3B,EAAA,MAAM,QAAQ,aAAc,EAAA,CAAA;AAC5B,EAAA,MAAM,iBAAiB,8BAAwC,CAAA;AAAA,IAC9D,SAAA;AAAA,IACA,YAAA;AAAA,GACA,CAAA,CAAA;AAED,EAAA,IAAI,CAAC,cAAgB,EAAA;AACpB,IAAO,OAAA,IAAA,CAAA;AAAA,GACR;AAEA,EAAA,2BACE,aACC,EAAA,EAAA,QAAA,EAAA,KAAA,CAAM,iBAAkB,CAAA,GAAA,CAAI,CAAC,WAAgB,KAAA;AAC7C,IAAA,2BACE,YACC,EAAA,EAAA,QAAA,EAAA,WAAA,CAAY,OAAQ,CAAA,GAAA,CAAI,CAAC,MAAW,KAAA;AACpC,MAAA,OAAO,MAAO,CAAA,aAAA,GAAgB,IAC7B,mBAAA,GAAA,CAAC,QACC,EAAA,EAAA,QAAA,EAAA,UAAA;AAAA,QACA,MAAA,CAAO,OAAO,SAAU,CAAA,MAAA;AAAA,QACxB,OAAO,UAAW,EAAA;AAAA,OACnB,EAAA,EAJc,OAAO,EAKtB,CAAA,CAAA;AAAA,KAED,CAViB,EAAA,EAAA,WAAA,CAAY,EAW/B,CAAA,CAAA;AAAA,GAED,CACF,EAAA,CAAA,CAAA;AAEF","file":"TableFoot.js","sourcesContent":["import { DataTableFoot, DataTableRow } from \"@dhis2/ui\";\nimport { useTableState } from \"../../TableStateProvider\";\nimport { flexRender } from \"@tanstack/react-table\";\nimport { Fragment } from \"react\";\nimport { useScorecardStateSelectorValue } from \"../../../state\";\n\nexport function TableFoot() {\n\tconst table = useTableState();\n\tconst showAverageRow = useScorecardStateSelectorValue<boolean>([\n\t\t\"options\",\n\t\t\"averageRow\",\n\t]);\n\n\tif (!showAverageRow) {\n\t\treturn null;\n\t}\n\n\treturn (\n\t\t<DataTableFoot>\n\t\t\t{table.getFooterGroups().map((footerGroup) => {\n\t\t\t\treturn (\n\t\t\t\t\t<DataTableRow key={footerGroup.id}>\n\t\t\t\t\t\t{footerGroup.headers.map((footer) => {\n\t\t\t\t\t\t\treturn footer.isPlaceholder ? null : (\n\t\t\t\t\t\t\t\t<Fragment key={footer.id}>\n\t\t\t\t\t\t\t\t\t{flexRender(\n\t\t\t\t\t\t\t\t\t\tfooter.column.columnDef.footer,\n\t\t\t\t\t\t\t\t\t\tfooter.getContext(),\n\t\t\t\t\t\t\t\t\t)}\n\t\t\t\t\t\t\t\t</Fragment>\n\t\t\t\t\t\t\t);\n\t\t\t\t\t\t})}\n\t\t\t\t\t</DataTableRow>\n\t\t\t\t);\n\t\t\t})}\n\t\t</DataTableFoot>\n\t);\n}\n"]}

package/dist/esm/components/ScorecardTable/components/TableHeader/TableHeader.js CHANGED Viewed

@@ -14,5 +14,5 @@ const TableHeader = memo(function TableHeaderComponent() {
 });
 export { TableHeader };
-//# sourceMappingURL=out.js.map
+//# sourceMappingURL=TableHeader.js.map
 //# sourceMappingURL=TableHeader.js.map

package/dist/esm/components/ScorecardTable/components/TableHeader/TableHeader.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"sources":["../../../../../../src/components/ScorecardTable/components/TableHeader/TableHeader.tsx"],"names":[],"mappings":"~~AAcM;AAdN~~,~~SAAS~~,~~qBAAqB;AAC9B~~,~~SAAS~~,~~eAAe~~,~~oBAAoB;AAC5C~~,SAAS,~~kBAAkB;AAC3B~~,~~SAAS,UAAU,YAAY~~;AAC/B,~~OAAO~~,~~YAAY;AAEZ,~~MAAM,~~cAAc~~,~~KAAK~~,~~SAAS~~,~~uBAAuB~~;~~AAC/D~~,~~QAAM~~,~~QAAQ~~,~~cAAc;AAE5B~~,~~SACC~~,~~oBAAC,~~iBAAc,~~WAAW~~,~~OAAO~~,eAAe,~~GAC9C~~,~~gBAAM~~,~~gBAAgB~~,~~EAAE~~,~~IAAI~~,CAAC,~~gBAC7B~~,~~oBAAC~~,gBACC,~~sBAAY~~,~~QAAQ~~,IAAI,CAAC,~~WACzB~~,~~oBAAC~~,~~YACC~~;AAAA,IACA,~~OAAO~~,OAAO,~~UAAU~~;AAAA,IACxB,OAAO,~~WAAW~~;AAAA,~~EACnB~~,~~KAJc~~,~~GAAG~~,~~OAAO~~,EAAE,~~WAK3B~~,CACA,~~KARiB~~,~~YAAY~~,EAS/B,CACA,~~GACF~~;AAEF,CAAC","sourcesContent":["import { useTableState } from \"../../../TableStateProvider\";\nimport { DataTableHead, DataTableRow } from \"@dhis2/ui\";\nimport { flexRender } from \"@tanstack/react-table\";\nimport { Fragment, memo } from \"react\";\nimport styles from \"./TableHeader.module.css\";\n\nexport const TableHeader = memo(function TableHeaderComponent() {\n\tconst table = useTableState();\n\n\treturn (\n\t\t<DataTableHead className={styles[\"sticky-header\"]}>\n\t\t\t{table.getHeaderGroups().map((headerGroup) => (\n\t\t\t\t<DataTableRow key={headerGroup.id}>\n\t\t\t\t\t{headerGroup.headers.map((header) => (\n\t\t\t\t\t\t<Fragment key={`${header.id}-fragment`}>\n\t\t\t\t\t\t\t{flexRender(\n\t\t\t\t\t\t\t\theader.column.columnDef.header,\n\t\t\t\t\t\t\t\theader.getContext(),\n\t\t\t\t\t\t\t)}\n\t\t\t\t\t\t</Fragment>\n\t\t\t\t\t))}\n\t\t\t\t</DataTableRow>\n\t\t\t))}\n\t\t</DataTableHead>\n\t);\n});\n"]}
1	+ {"version":3,"sources":["../../../../../../src/components/ScorecardTable/components/TableHeader/TableHeader.tsx"],"names":[],"mappings":";;;;;;;AAMa,MAAA,WAAA,GAAc,IAAK,CAAA,SAAS,oBAAuB,GAAA;AAC/D,EAAA,MAAM,QAAQ,aAAc,EAAA,CAAA;AAE5B,EACC,uBAAA,GAAA,CAAC,iBAAc,SAAW,EAAA,MAAA,CAAO,eAAe,CAC9C,EAAA,QAAA,EAAA,KAAA,CAAM,iBAAkB,CAAA,GAAA,CAAI,CAAC,WAC7B,qBAAA,GAAA,CAAC,gBACC,QAAY,EAAA,WAAA,CAAA,OAAA,CAAQ,IAAI,CAAC,MAAA,yBACxB,QACC,EAAA,EAAA,QAAA,EAAA,UAAA;AAAA,IACA,MAAA,CAAO,OAAO,SAAU,CAAA,MAAA;AAAA,IACxB,OAAO,UAAW,EAAA;AAAA,GACnB,EAAA,EAJc,CAAG,EAAA,MAAA,CAAO,EAAE,CAAA,SAAA,CAK3B,CACA,CARiB,EAAA,EAAA,WAAA,CAAY,EAS/B,CACA,CACF,EAAA,CAAA,CAAA;AAEF,CAAC","file":"TableHeader.js","sourcesContent":["import { useTableState } from \"../../../TableStateProvider\";\nimport { DataTableHead, DataTableRow } from \"@dhis2/ui\";\nimport { flexRender } from \"@tanstack/react-table\";\nimport { Fragment, memo } from \"react\";\nimport styles from \"./TableHeader.module.css\";\n\nexport const TableHeader = memo(function TableHeaderComponent() {\n\tconst table = useTableState();\n\n\treturn (\n\t\t<DataTableHead className={styles[\"sticky-header\"]}>\n\t\t\t{table.getHeaderGroups().map((headerGroup) => (\n\t\t\t\t<DataTableRow key={headerGroup.id}>\n\t\t\t\t\t{headerGroup.headers.map((header) => (\n\t\t\t\t\t\t<Fragment key={`${header.id}-fragment`}>\n\t\t\t\t\t\t\t{flexRender(\n\t\t\t\t\t\t\t\theader.column.columnDef.header,\n\t\t\t\t\t\t\t\theader.getContext(),\n\t\t\t\t\t\t\t)}\n\t\t\t\t\t\t</Fragment>\n\t\t\t\t\t))}\n\t\t\t\t</DataTableRow>\n\t\t\t))}\n\t\t</DataTableHead>\n\t);\n});\n"]}

package/dist/esm/components/ScorecardTable/components/TableHeader/components/AverageHeaderCell.js CHANGED Viewed

@@ -29,5 +29,5 @@ function AverageHeaderCell({
 }
 export { AverageHeaderCell };
-//# sourceMappingURL=out.js.map
+//# sourceMappingURL=AverageHeaderCell.js.map
 //# sourceMappingURL=AverageHeaderCell.js.map

package/dist/esm/components/ScorecardTable/components/TableHeader/components/AverageHeaderCell.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"sources":["../../../../../../../src/components/ScorecardTable/components/TableHeader/components/AverageHeaderCell.tsx"],"names":[],"mappings":"~~AAiCG;AA/BH~~,SAAS,~~6BAA6B;AACtC~~,~~OAAO,UAAU~~;~~AACjB~~,~~OAAO~~,~~YAAY~~;~~AACnB~~,~~SAAS~~,~~sCAAsC~~;~~AAExC~~,~~SAAS~~,~~kBAAkB;AAAA~~,~~EACjC;AACD~~,~~GAA2C;AAC1C~~,~~QAAM,aAAa,+BAAwC~~;AAAA,IAC1D;AAAA,IACA;AAAA,~~EACD~~,~~CAAC~~;AACD,~~QAAM~~,eAAe~~,+BAAwC~~;AAAA,IAC5D;AAAA,~~EACD~~,~~CAAC~~;AACD,~~QAAM~~,UAAU,~~aACb~~,~~eACC~~,~~MACA~~,~~MACD~~,eACC,~~MACA~~;AAEJ,~~SACC~~;AAAA,IAAC;AAAA;AAAA,MAEA,~~OAAM~~;AAAA,MACN,~~SAAS~~,~~OAAO~~,~~QAAQ~~,~~SAAS~~;AAAA,MACjC;AAAA,MACA,WAAW,~~OAAO~~;AAAA,MAElB,~~8BAAC~~,~~OAAG~~,~~eAAK~~,~~EAAE~~,SAAS,~~GAAE~~;AAAA;AAAA,IANjB,~~OAAO~~;AAAA,~~EAOb~~;AAEF","sourcesContent":["import type { HeaderContext } from \"@tanstack/react-table\";\nimport type { ScorecardTableData } from \"../../../../../schemas/config\";\nimport { DataTableColumnHeader } from \"@dhis2/ui\";\nimport i18n from \"@dhis2/d2-i18n\";\nimport styles from \"../TableHeader.module.css\";\nimport { useScorecardStateSelectorValue } from \"../../../../../state\";\n\nexport function AverageHeaderCell({\n\theader,\n}: HeaderContext<ScorecardTableData, any>) {\n\tconst dataInRows = useScorecardStateSelectorValue<boolean>([\n\t\t\"options\",\n\t\t\"showDataInRows\",\n\t]);\n\tconst hasOnePeriod = useScorecardStateSelectorValue<boolean>([\n\t\t\"hasOnePeriod\",\n\t]);\n\tconst rowSpan = dataInRows\n\t\t? hasOnePeriod\n\t\t\t? \"2\"\n\t\t\t: \"2\"\n\t\t: hasOnePeriod\n\t\t\t? \"2\"\n\t\t\t: \"3\";\n\n\treturn (\n\t\t<DataTableColumnHeader\n\t\t\tkey={header.id}\n\t\t\talign=\"right\"\n\t\t\tcolSpan={header.colSpan.toString()}\n\t\t\trowSpan={rowSpan}\n\t\t\tclassName={styles.metaHeader}\n\t\t>\n\t\t\t<b>{i18n.t(\"Average\")}</b>\n\t\t</DataTableColumnHeader>\n\t);\n}\n"]}
1	+ {"version":3,"sources":["../../../../../../../src/components/ScorecardTable/components/TableHeader/components/AverageHeaderCell.tsx"],"names":[],"mappings":";;;;;;AAOO,SAAS,iBAAkB,CAAA;AAAA,EACjC,MAAA;AACD,CAA2C,EAAA;AAC1C,EAAA,MAAM,aAAa,8BAAwC,CAAA;AAAA,IAC1D,SAAA;AAAA,IACA,gBAAA;AAAA,GACA,CAAA,CAAA;AACD,EAAA,MAAM,eAAe,8BAAwC,CAAA;AAAA,IAC5D,cAAA;AAAA,GACA,CAAA,CAAA;AACD,EAAA,MAAM,UAAU,UACb,GAAA,YAAA,GACC,GACA,GAAA,GAAA,GACD,eACC,GACA,GAAA,GAAA,CAAA;AAEJ,EACC,uBAAA,GAAA;AAAA,IAAC,qBAAA;AAAA,IAAA;AAAA,MAEA,KAAM,EAAA,OAAA;AAAA,MACN,OAAA,EAAS,MAAO,CAAA,OAAA,CAAQ,QAAS,EAAA;AAAA,MACjC,OAAA;AAAA,MACA,WAAW,MAAO,CAAA,UAAA;AAAA,MAElB,QAAC,kBAAA,GAAA,CAAA,GAAA,EAAA,EAAG,QAAK,EAAA,IAAA,CAAA,CAAA,CAAE,SAAS,CAAE,EAAA,CAAA;AAAA,KAAA;AAAA,IANjB,MAAO,CAAA,EAAA;AAAA,GAOb,CAAA;AAEF","file":"AverageHeaderCell.js","sourcesContent":["import type { HeaderContext } from \"@tanstack/react-table\";\nimport type { ScorecardTableData } from \"../../../../../schemas/config\";\nimport { DataTableColumnHeader } from \"@dhis2/ui\";\nimport i18n from \"@dhis2/d2-i18n\";\nimport styles from \"../TableHeader.module.css\";\nimport { useScorecardStateSelectorValue } from \"../../../../../state\";\n\nexport function AverageHeaderCell({\n\theader,\n}: HeaderContext<ScorecardTableData, any>) {\n\tconst dataInRows = useScorecardStateSelectorValue<boolean>([\n\t\t\"options\",\n\t\t\"showDataInRows\",\n\t]);\n\tconst hasOnePeriod = useScorecardStateSelectorValue<boolean>([\n\t\t\"hasOnePeriod\",\n\t]);\n\tconst rowSpan = dataInRows\n\t\t? hasOnePeriod\n\t\t\t? \"2\"\n\t\t\t: \"2\"\n\t\t: hasOnePeriod\n\t\t\t? \"2\"\n\t\t\t: \"3\";\n\n\treturn (\n\t\t<DataTableColumnHeader\n\t\t\tkey={header.id}\n\t\t\talign=\"right\"\n\t\t\tcolSpan={header.colSpan.toString()}\n\t\t\trowSpan={rowSpan}\n\t\t\tclassName={styles.metaHeader}\n\t\t>\n\t\t\t<b>{i18n.t(\"Average\")}</b>\n\t\t</DataTableColumnHeader>\n\t);\n}\n"]}

package/dist/esm/components/ScorecardTable/components/TableHeader/components/DataHeaderCell.js CHANGED Viewed

@@ -59,5 +59,5 @@ function DataHeaderCellComponent({
 const DataHeaderCell = DataHeaderCellComponent;
 export { DataHeaderCell, DataHeaderCellComponent, EmptyDataHeaderCell };
-//# sourceMappingURL=out.js.map
+//# sourceMappingURL=DataHeaderCell.js.map
 //# sourceMappingURL=DataHeaderCell.js.map

package/dist/esm/components/ScorecardTable/components/TableHeader/components/DataHeaderCell.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"sources":["../../../../../../../src/components/ScorecardTable/components/TableHeader/components/DataHeaderCell.tsx"],"names":[],"mappings":"~~AAeQ;AAdR;AAAA~~,~~EACC~~;AAAA,~~OAEM~~;~~AACP~~,~~SAAS~~,~~6BAA0D~~;~~AACnE~~,~~OAAO~~,~~UAAU;AACjB~~,~~SAAS~~,~~qBAAqB;AAC9B~~,~~OAAO~~,~~mBAAmB;AAC1B~~,~~SAAS~~,~~sCAAsC;AAExC~~,~~SAAS~~,~~oBAAoB;AAAA~~,~~EACnC~~;~~AACD~~,~~GAA2C;AAC1C~~,~~QAAM~~,~~UAAU~~,~~OAAO~~,~~QAAQ~~,~~SAAS;AACxC~~,~~SAAO~~,~~oBAAC~~,~~yBAAsB,SAAkB~~;AACjD;AAEO,SAAS,~~wBAAwB~~;AAAA,EACvC;AAAA,EACA;AACD,~~GAA2C~~;AAC1C,~~QAAM~~,aAAa~~,+BAAwC~~;AAAA,IAC1D;AAAA,IACA;AAAA,~~EACD~~,~~CAAC~~;AACD,~~QAAM~~,~~QACJ~~,~~OAAO~~,OAAO,~~UAAU~~,KAA2B,~~SACnD~~,~~OAAO~~,UAAU,~~KAA2B~~;AAE9C,~~QAAM~~,~~OACJ~~,~~OAAO~~,OAAO,~~UAAU~~,KAA4B,~~QACpD~~,~~OAAO~~,UAAU,~~KAA4B~~;AAE/C,~~QAAM~~,~~UAAU~~,~~OAAO~~,~~QAAQ~~,~~SAAS~~;AAExC,~~QAAM~~,gBAAgB,CAAC,~~QAAQ~~,~~YAAY~~,~~IACxC~~,~~YACC~~,OAAQ,~~YAAY~~;AACxB,~~QAAM~~,eACL,~~QAAQ~~,~~oBAAoB~~,~~MAAM~~,~~QAC~~/B,~~KAAK~~,EAAE,oBAAoB,~~IAC3B~~,QAAQ,~~oBAAoB~~,~~MAAM~~,SACjC,~~KAAK~~,~~EAAE~~,qBAAqB,~~IAC5B~~,~~KAAK~~,EAAE,SAAS;AAErB,~~SACC~~;AAAA,IAAC;AAAA;AAAA,MAEA,eAAe,~~KAAK~~,~~EAAE~~,~~yBAAyB~~,EAAE,~~aAAa~~,~~CAAC~~;AAAA,MAC/D,~~iBACC~~,~~OAAO~~,~~QAAQ~~,~~WAAW~~,~~KAAK~~,OAAO,~~WAAW~~,~~IAC9C~~,CAAC,~~GAAG~~,~~MAAM~~;AACV,~~cAAM~~,~~OAAO~~,OAAQ,~~wBAAwB~~;AAC7C,~~YAAI~~,~~MAAM~~;AACT,~~eAAK~~,CAAC;AAAA,~~QACP~~;AAAA,~~MACD~~,~~IACC~~;AAAA,MAEJ,~~eACC~~,OAAO,~~QAAQ~~,~~WAAW~~,~~KAAK~~,~~OAAO~~,~~WAAW~~,~~IAC9C~~,~~gBACA~~;AAAA,MAEJ,~~OAAM~~;AAAA,MACN;AAAA,MAEA;AAAA,QAAC;AAAA;AAAA,UACA,~~QACC~~,aACG,CAAC,~~wBAAwB~~,IAAI,~~IAC7B~~,CAAC,wBAAwB,EAAE;AAAA,UAG/B;AAAA,YAAC;AAAA;AAAA,cACA,~~IAAI~~;AAAA,cACJ,~~MACC~~,~~aACG~~,~~wBAAwB~~,~~KACxB~~,~~wBAAwB~~;AAAA,cAG3B,~~iBAAO~~,~~oBAAC~~,~~OAAG~~,~~iBAAM~~,~~IAAO~~;AAAA;AAAA,~~UAC1B~~;AAAA;AAAA,~~MACD~~;AAAA;AAAA,IArCK,GAAG,KAAK;AAAA,~~EAsCd~~;AAEF;AAEO,MAAM,~~iBAAiB~~","sourcesContent":["import type { HeaderContext } from \"@tanstack/react-table\";\nimport {\n\tScorecardDraggableItems,\n\ttype ScorecardTableData,\n} from \"../../../../../schemas/config\";\nimport { DataTableColumnHeader, type DataTableSortDirection } from \"@dhis2/ui\";\nimport i18n from \"@dhis2/d2-i18n\";\nimport { DraggableCell } from \"../../DraggableCell\";\nimport DroppableCell from \"../../DroppableCell\";\nimport { useScorecardStateSelectorValue } from \"../../../../../state\";\n\nexport function EmptyDataHeaderCell({\n\theader,\n}: HeaderContext<ScorecardTableData, any>) {\n\tconst colSpan = header.colSpan.toString();\n\treturn <DataTableColumnHeader colSpan={colSpan} />;\n}\n\nexport function DataHeaderCellComponent({\n\tcolumn,\n\theader,\n}: HeaderContext<ScorecardTableData, any>) {\n\tconst dataInRows = useScorecardStateSelectorValue<boolean>([\n\t\t\"options\",\n\t\t\"showDataInRows\",\n\t]);\n\tconst label =\n\t\t(header.column.columnDef.meta as { label: string }).label ??\n\t\t(column.columnDef.meta as { label: string }).label;\n\n\tconst bold =\n\t\t(header.column.columnDef.meta as { bold?: boolean }).bold ??\n\t\t(column.columnDef.meta as { bold?: boolean }).bold;\n\n\tconst colSpan = header.colSpan.toString();\n\n\tconst sortDirection = !column?.getIsSorted()\n\t\t? \"default\"\n\t\t: (column!.getIsSorted() as DataTableSortDirection);\n\tconst nextSortType =\n\t\tcolumn?.getNextSortingOrder() === \"asc\"\n\t\t\t? i18n.t(\"in ascending order\")\n\t\t\t: column?.getNextSortingOrder() === \"desc\"\n\t\t\t\t? i18n.t(\"in descending order\")\n\t\t\t\t: i18n.t(\"disable\");\n\n\treturn (\n\t\t<DataTableColumnHeader\n\t\t\tkey={`${label}`}\n\t\t\tsortIconTitle={i18n.t(\"Sort {{nextSortType}}\", { nextSortType })}\n\t\t\tonSortIconClick={\n\t\t\t\theader.column?.getCanSort() \|\| column.getCanSort()\n\t\t\t\t\t? (_, e) => {\n\t\t\t\t\t\t\tconst sort = column!.getToggleSortingHandler();\n\t\t\t\t\t\t\tif (sort) {\n\t\t\t\t\t\t\t\tsort(e);\n\t\t\t\t\t\t\t}\n\t\t\t\t\t\t}\n\t\t\t\t\t: undefined\n\t\t\t}\n\t\t\tsortDirection={\n\t\t\t\theader.column?.getCanSort() \|\| column.getCanSort()\n\t\t\t\t\t? sortDirection\n\t\t\t\t\t: undefined\n\t\t\t}\n\t\t\talign=\"center\"\n\t\t\tcolSpan={colSpan}\n\t\t>\n\t\t\t<DroppableCell\n\t\t\t\taccept={\n\t\t\t\t\tdataInRows\n\t\t\t\t\t\t? [ScorecardDraggableItems.data]\n\t\t\t\t\t\t: [ScorecardDraggableItems.ou]\n\t\t\t\t}\n\t\t\t>\n\t\t\t\t<DraggableCell\n\t\t\t\t\tid={label}\n\t\t\t\t\ttype={\n\t\t\t\t\t\tdataInRows\n\t\t\t\t\t\t\t? ScorecardDraggableItems.ou\n\t\t\t\t\t\t\t: ScorecardDraggableItems.data\n\t\t\t\t\t}\n\t\t\t\t>\n\t\t\t\t\t{bold ? <b>{label}</b> : label}\n\t\t\t\t</DraggableCell>\n\t\t\t</DroppableCell>\n\t\t</DataTableColumnHeader>\n\t);\n}\n\nexport const DataHeaderCell = DataHeaderCellComponent;\n"]}
1	+ {"version":3,"sources":["../../../../../../../src/components/ScorecardTable/components/TableHeader/components/DataHeaderCell.tsx"],"names":[],"mappings":";;;;;;;;AAWO,SAAS,mBAAoB,CAAA;AAAA,EACnC,MAAA;AACD,CAA2C,EAAA;AAC1C,EAAM,MAAA,OAAA,GAAU,MAAO,CAAA,OAAA,CAAQ,QAAS,EAAA,CAAA;AACxC,EAAO,uBAAA,GAAA,CAAC,yBAAsB,OAAkB,EAAA,CAAA,CAAA;AACjD,CAAA;AAEO,SAAS,uBAAwB,CAAA;AAAA,EACvC,MAAA;AAAA,EACA,MAAA;AACD,CAA2C,EAAA;AAC1C,EAAA,MAAM,aAAa,8BAAwC,CAAA;AAAA,IAC1D,SAAA;AAAA,IACA,gBAAA;AAAA,GACA,CAAA,CAAA;AACD,EAAM,MAAA,KAAA,GACJ,OAAO,MAAO,CAAA,SAAA,CAAU,KAA2B,KACnD,IAAA,MAAA,CAAO,UAAU,IAA2B,CAAA,KAAA,CAAA;AAE9C,EAAM,MAAA,IAAA,GACJ,OAAO,MAAO,CAAA,SAAA,CAAU,KAA4B,IACpD,IAAA,MAAA,CAAO,UAAU,IAA4B,CAAA,IAAA,CAAA;AAE/C,EAAM,MAAA,OAAA,GAAU,MAAO,CAAA,OAAA,CAAQ,QAAS,EAAA,CAAA;AAExC,EAAA,MAAM,gBAAgB,CAAC,MAAA,EAAQ,aAC5B,GAAA,SAAA,GACC,OAAQ,WAAY,EAAA,CAAA;AACxB,EAAA,MAAM,eACL,MAAQ,EAAA,mBAAA,OAA0B,KAC/B,GAAA,IAAA,CAAK,EAAE,oBAAoB,CAAA,GAC3B,QAAQ,mBAAoB,EAAA,KAAM,SACjC,IAAK,CAAA,CAAA,CAAE,qBAAqB,CAC5B,GAAA,IAAA,CAAK,EAAE,SAAS,CAAA,CAAA;AAErB,EACC,uBAAA,GAAA;AAAA,IAAC,qBAAA;AAAA,IAAA;AAAA,MAEA,eAAe,IAAK,CAAA,CAAA,CAAE,uBAAyB,EAAA,EAAE,cAAc,CAAA;AAAA,MAC/D,eAAA,EACC,MAAO,CAAA,MAAA,EAAQ,UAAW,EAAA,IAAK,OAAO,UAAW,EAAA,GAC9C,CAAC,CAAA,EAAG,CAAM,KAAA;AACV,QAAM,MAAA,IAAA,GAAO,OAAQ,uBAAwB,EAAA,CAAA;AAC7C,QAAA,IAAI,IAAM,EAAA;AACT,UAAA,IAAA,CAAK,CAAC,CAAA,CAAA;AAAA,SACP;AAAA,OAEA,GAAA,KAAA,CAAA;AAAA,MAEJ,aAAA,EACC,OAAO,MAAQ,EAAA,UAAA,MAAgB,MAAO,CAAA,UAAA,KACnC,aACA,GAAA,KAAA,CAAA;AAAA,MAEJ,KAAM,EAAA,QAAA;AAAA,MACN,OAAA;AAAA,MAEA,QAAA,kBAAA,GAAA;AAAA,QAAC,aAAA;AAAA,QAAA;AAAA,UACA,MAAA,EACC,aACG,CAAC,uBAAA,CAAwB,IAAI,CAC7B,GAAA,CAAC,wBAAwB,EAAE,CAAA;AAAA,UAG/B,QAAA,kBAAA,GAAA;AAAA,YAAC,aAAA;AAAA,YAAA;AAAA,cACA,EAAI,EAAA,KAAA;AAAA,cACJ,IACC,EAAA,UAAA,GACG,uBAAwB,CAAA,EAAA,GACxB,uBAAwB,CAAA,IAAA;AAAA,cAG3B,QAAO,EAAA,IAAA,mBAAA,GAAA,CAAC,GAAG,EAAA,EAAA,QAAA,EAAA,KAAA,EAAM,CAAO,GAAA,KAAA;AAAA,aAAA;AAAA,WAC1B;AAAA,SAAA;AAAA,OACD;AAAA,KAAA;AAAA,IArCK,GAAG,KAAK,CAAA,CAAA;AAAA,GAsCd,CAAA;AAEF,CAAA;AAEO,MAAM,cAAiB,GAAA","file":"DataHeaderCell.js","sourcesContent":["import type { HeaderContext } from \"@tanstack/react-table\";\nimport {\n\tScorecardDraggableItems,\n\ttype ScorecardTableData,\n} from \"../../../../../schemas/config\";\nimport { DataTableColumnHeader, type DataTableSortDirection } from \"@dhis2/ui\";\nimport i18n from \"@dhis2/d2-i18n\";\nimport { DraggableCell } from \"../../DraggableCell\";\nimport DroppableCell from \"../../DroppableCell\";\nimport { useScorecardStateSelectorValue } from \"../../../../../state\";\n\nexport function EmptyDataHeaderCell({\n\theader,\n}: HeaderContext<ScorecardTableData, any>) {\n\tconst colSpan = header.colSpan.toString();\n\treturn <DataTableColumnHeader colSpan={colSpan} />;\n}\n\nexport function DataHeaderCellComponent({\n\tcolumn,\n\theader,\n}: HeaderContext<ScorecardTableData, any>) {\n\tconst dataInRows = useScorecardStateSelectorValue<boolean>([\n\t\t\"options\",\n\t\t\"showDataInRows\",\n\t]);\n\tconst label =\n\t\t(header.column.columnDef.meta as { label: string }).label ??\n\t\t(column.columnDef.meta as { label: string }).label;\n\n\tconst bold =\n\t\t(header.column.columnDef.meta as { bold?: boolean }).bold ??\n\t\t(column.columnDef.meta as { bold?: boolean }).bold;\n\n\tconst colSpan = header.colSpan.toString();\n\n\tconst sortDirection = !column?.getIsSorted()\n\t\t? \"default\"\n\t\t: (column!.getIsSorted() as DataTableSortDirection);\n\tconst nextSortType =\n\t\tcolumn?.getNextSortingOrder() === \"asc\"\n\t\t\t? i18n.t(\"in ascending order\")\n\t\t\t: column?.getNextSortingOrder() === \"desc\"\n\t\t\t\t? i18n.t(\"in descending order\")\n\t\t\t\t: i18n.t(\"disable\");\n\n\treturn (\n\t\t<DataTableColumnHeader\n\t\t\tkey={`${label}`}\n\t\t\tsortIconTitle={i18n.t(\"Sort {{nextSortType}}\", { nextSortType })}\n\t\t\tonSortIconClick={\n\t\t\t\theader.column?.getCanSort() \|\| column.getCanSort()\n\t\t\t\t\t? (_, e) => {\n\t\t\t\t\t\t\tconst sort = column!.getToggleSortingHandler();\n\t\t\t\t\t\t\tif (sort) {\n\t\t\t\t\t\t\t\tsort(e);\n\t\t\t\t\t\t\t}\n\t\t\t\t\t\t}\n\t\t\t\t\t: undefined\n\t\t\t}\n\t\t\tsortDirection={\n\t\t\t\theader.column?.getCanSort() \|\| column.getCanSort()\n\t\t\t\t\t? sortDirection\n\t\t\t\t\t: undefined\n\t\t\t}\n\t\t\talign=\"center\"\n\t\t\tcolSpan={colSpan}\n\t\t>\n\t\t\t<DroppableCell\n\t\t\t\taccept={\n\t\t\t\t\tdataInRows\n\t\t\t\t\t\t? [ScorecardDraggableItems.data]\n\t\t\t\t\t\t: [ScorecardDraggableItems.ou]\n\t\t\t\t}\n\t\t\t>\n\t\t\t\t<DraggableCell\n\t\t\t\t\tid={label}\n\t\t\t\t\ttype={\n\t\t\t\t\t\tdataInRows\n\t\t\t\t\t\t\t? ScorecardDraggableItems.ou\n\t\t\t\t\t\t\t: ScorecardDraggableItems.data\n\t\t\t\t\t}\n\t\t\t\t>\n\t\t\t\t\t{bold ? <b>{label}</b> : label}\n\t\t\t\t</DraggableCell>\n\t\t\t</DroppableCell>\n\t\t</DataTableColumnHeader>\n\t);\n}\n\nexport const DataHeaderCell = DataHeaderCellComponent;\n"]}

package/dist/esm/components/ScorecardTable/components/TableHeader/components/ExpandCell.js CHANGED Viewed

@@ -20,5 +20,5 @@ function ExpandCell(props) {
 }
 export { ExpandCell };
-//# sourceMappingURL=out.js.map
+//# sourceMappingURL=ExpandCell.js.map
 //# sourceMappingURL=ExpandCell.js.map

package/dist/esm/components/ScorecardTable/components/TableHeader/components/ExpandCell.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"sources":["../../../../../../../src/components/ScorecardTable/components/TableHeader/components/ExpandCell.tsx"],"names":[],"mappings":"~~AAUG;AARH~~,SAAS,~~qBAAqB;AAEvB~~,~~SAAS~~,~~WAAW,OAAiD~~;AAC3E,~~QAAM~~,~~OAAO~~,MAAM,~~SAAS~~;AAC5B,~~QAAM~~,~~OAAO,~~MAAM,~~KAAK~~,~~OAAO~~,~~QAAQ~~;AAEvC,~~MAAI~~,CAAC,~~MAAM~~;AACV,~~WACC~~;AAAA,MAAC;AAAA;AAAA,QACA,~~OAAO~~,GAAG,IAAI;AAAA,QACd,~~OAAO~~,EAAE,~~OAAO~~,~~MAAM~~,UAAU,~~KAAK~~;AAAA,QAErC,~~OAAK~~;AAAA,QAGL,~~MAAK~~;AAAA;AAAA,MAJA,MAAM,~~KAAK~~;AAAA,~~IAKjB~~;AAAA,~~EAEF~~;AAEA,~~SAAO~~;AACR","sourcesContent":["import type { CellContext } from \"@tanstack/react-table\";\nimport type { ScorecardTableData } from \"../../../../../schemas/config\";\nimport { DataTableCell } from \"@dhis2/ui\";\n\nexport function ExpandCell(props: CellContext<ScorecardTableData, boolean>) {\n\tconst data = props.getValue();\n\tconst size = props.cell.column.getSize();\n\n\tif (!data) {\n\t\treturn (\n\t\t\t<DataTableCell\n\t\t\t\twidth={`${size}px`}\n\t\t\t\tstyle={{ width: size, minWidth: size }}\n\t\t\t\tkey={props.cell.id}\n\t\t\t\tfixed\n\t\t\t\t/\n // @ts-ignore /\n\t\t\t\tleft=\"0\"\n\t\t\t/>\n\t\t);\n\t}\n\n\treturn null;\n}\n"]}
1	+ {"version":3,"sources":["../../../../../../../src/components/ScorecardTable/components/TableHeader/components/ExpandCell.tsx"],"names":[],"mappings":";;;AAIO,SAAS,WAAW,KAAiD,EAAA;AAC3E,EAAM,MAAA,IAAA,GAAO,MAAM,QAAS,EAAA,CAAA;AAC5B,EAAA,MAAM,IAAO,GAAA,KAAA,CAAM,IAAK,CAAA,MAAA,CAAO,OAAQ,EAAA,CAAA;AAEvC,EAAA,IAAI,CAAC,IAAM,EAAA;AACV,IACC,uBAAA,GAAA;AAAA,MAAC,aAAA;AAAA,MAAA;AAAA,QACA,KAAA,EAAO,GAAG,IAAI,CAAA,EAAA,CAAA;AAAA,QACd,KAAO,EAAA,EAAE,KAAO,EAAA,IAAA,EAAM,UAAU,IAAK,EAAA;AAAA,QAErC,KAAK,EAAA,IAAA;AAAA,QAGL,IAAK,EAAA,GAAA;AAAA,OAAA;AAAA,MAJA,MAAM,IAAK,CAAA,EAAA;AAAA,KAKjB,CAAA;AAAA,GAEF;AAEA,EAAO,OAAA,IAAA,CAAA;AACR","file":"ExpandCell.js","sourcesContent":["import type { CellContext } from \"@tanstack/react-table\";\nimport type { ScorecardTableData } from \"../../../../../schemas/config\";\nimport { DataTableCell } from \"@dhis2/ui\";\n\nexport function ExpandCell(props: CellContext<ScorecardTableData, boolean>) {\n\tconst data = props.getValue();\n\tconst size = props.cell.column.getSize();\n\n\tif (!data) {\n\t\treturn (\n\t\t\t<DataTableCell\n\t\t\t\twidth={`${size}px`}\n\t\t\t\tstyle={{ width: size, minWidth: size }}\n\t\t\t\tkey={props.cell.id}\n\t\t\t\tfixed\n\t\t\t\t/\n // @ts-ignore /\n\t\t\t\tleft=\"0\"\n\t\t\t/>\n\t\t);\n\t}\n\n\treturn null;\n}\n"]}

package/dist/esm/components/ScorecardTable/components/TableHeader/components/FilterArea.js CHANGED Viewed

@@ -31,5 +31,5 @@ function FilterArea({ column }) {
 }
 export { FilterArea };
-//# sourceMappingURL=out.js.map
+//# sourceMappingURL=FilterArea.js.map
 //# sourceMappingURL=FilterArea.js.map

package/dist/esm/components/ScorecardTable/components/TableHeader/components/FilterArea.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"sources":["../../../../../../../src/components/ScorecardTable/components/TableHeader/components/FilterArea.tsx"],"names":[],"mappings":"~~AAgCE;AA9BF~~,~~OAAO~~,~~UAAU;AACjB~~,~~SAAS~~,~~sCAAsC;AAC/C~~,~~SAAS~~,~~kBAAkB;AAC3B~~,~~OAAO,YAAY~~;~~AACnB~~,~~SAAS~~,~~WAAW~~,~~gBAAgB;AAM7B~~,~~SAAS~~,~~WAAW,EAAE,~~OAAO,~~GAAoB;AACvD~~,~~QAAM~~,~~eAAe,OAAO,eAAe~~;AAC3C,~~QAAM~~,CAAC,~~MAAM~~,OAAO,~~IAAI~~,SAA6B,YAAY;AACjE,~~QAAM~~,aAAa~~,+BAAwC~~;AAAA,IAC1D;AAAA,IACA;AAAA,~~EACD~~,~~CAAC~~;AACD,~~QAAM~~,~~oBAAoB~~,aACvB,~~KAAK~~,~~EAAE~~,mBAAmB,~~IAC1B~~,~~KAAK~~,EAAE,2BAA2B;AAErC,~~YAAU~~,MAAM;AACf,~~UAAM~~,~~UAAU~~,WAAW,MAAM;AAChC,~~aAAO~~,eAAe,IAAI;AAAA,~~IAC3B~~,GAAG,~~GAAG~~;AAEN,~~WAAO~~,MAAM,aAAa,OAAO;AAAA,~~EAClC~~,~~GAAG~~,CAAC,IAAI,CAAC;AAET,~~SACC~~;AAAA,IAAC;AAAA;AAAA,MACA,~~WAAW~~,OAAO,cAAc;AAAA,MAChC,~~OAAO~~;AAAA,MACP,UAAU,CAAC,EAAE,~~MAAM~~,~~MAAM~~,QAAQ,KAAK;AAAA,MACtC,~~aAAa~~;AAAA;AAAA,~~EACd~~;AAEF","sourcesContent":["import type { ScorecardTableData } from \"../../../../../schemas/config\";\nimport type { Column } from \"@tanstack/react-table\";\nimport i18n from \"@dhis2/d2-i18n\";\nimport { useScorecardStateSelectorValue } from \"../../../../../state\";\nimport { InputField } from \"@dhis2/ui\";\nimport styles from \"../TableHeader.module.css\";\nimport { useEffect, useState } from \"react\";\n\nexport interface FilterAreaProps {\n\tcolumn: Column<ScorecardTableData, any>;\n}\n\nexport function FilterArea({ column }: FilterAreaProps) {\n\tconst defaultValue = column.getFilterValue() as string \| undefined;\n\tconst [text, setText] = useState<string \| undefined>(defaultValue);\n\tconst dataInRows = useScorecardStateSelectorValue<boolean>([\n\t\t\"options\",\n\t\t\"showDataInRows\",\n\t]);\n\tconst searchPlaceholder = dataInRows\n\t\t? i18n.t(\"Search data items\")\n\t\t: i18n.t(\"Search organisation units\");\n\n\tuseEffect(() => {\n\t\tconst timeout = setTimeout(() => {\n\t\t\tcolumn.setFilterValue(text);\n\t\t}, 700);\n\n\t\treturn () => clearTimeout(timeout);\n\t}, [text]);\n\n\treturn (\n\t\t<InputField\n\t\t\tclassName={styles[\"filter-input\"]}\n\t\t\tvalue={text}\n\t\t\tonChange={({ value }) => setText(value)}\n\t\t\tplaceholder={searchPlaceholder}\n\t\t/>\n\t);\n}\n"]}
1	+ {"version":3,"sources":["../../../../../../../src/components/ScorecardTable/components/TableHeader/components/FilterArea.tsx"],"names":[],"mappings":";;;;;;;AAYO,SAAS,UAAA,CAAW,EAAE,MAAA,EAA2B,EAAA;AACvD,EAAM,MAAA,YAAA,GAAe,OAAO,cAAe,EAAA,CAAA;AAC3C,EAAA,MAAM,CAAC,IAAA,EAAM,OAAO,CAAA,GAAI,SAA6B,YAAY,CAAA,CAAA;AACjE,EAAA,MAAM,aAAa,8BAAwC,CAAA;AAAA,IAC1D,SAAA;AAAA,IACA,gBAAA;AAAA,GACA,CAAA,CAAA;AACD,EAAM,MAAA,iBAAA,GAAoB,aACvB,IAAK,CAAA,CAAA,CAAE,mBAAmB,CAC1B,GAAA,IAAA,CAAK,EAAE,2BAA2B,CAAA,CAAA;AAErC,EAAA,SAAA,CAAU,MAAM;AACf,IAAM,MAAA,OAAA,GAAU,WAAW,MAAM;AAChC,MAAA,MAAA,CAAO,eAAe,IAAI,CAAA,CAAA;AAAA,OACxB,GAAG,CAAA,CAAA;AAEN,IAAO,OAAA,MAAM,aAAa,OAAO,CAAA,CAAA;AAAA,GAClC,EAAG,CAAC,IAAI,CAAC,CAAA,CAAA;AAET,EACC,uBAAA,GAAA;AAAA,IAAC,UAAA;AAAA,IAAA;AAAA,MACA,SAAA,EAAW,OAAO,cAAc,CAAA;AAAA,MAChC,KAAO,EAAA,IAAA;AAAA,MACP,UAAU,CAAC,EAAE,KAAM,EAAA,KAAM,QAAQ,KAAK,CAAA;AAAA,MACtC,WAAa,EAAA,iBAAA;AAAA,KAAA;AAAA,GACd,CAAA;AAEF","file":"FilterArea.js","sourcesContent":["import type { ScorecardTableData } from \"../../../../../schemas/config\";\nimport type { Column } from \"@tanstack/react-table\";\nimport i18n from \"@dhis2/d2-i18n\";\nimport { useScorecardStateSelectorValue } from \"../../../../../state\";\nimport { InputField } from \"@dhis2/ui\";\nimport styles from \"../TableHeader.module.css\";\nimport { useEffect, useState } from \"react\";\n\nexport interface FilterAreaProps {\n\tcolumn: Column<ScorecardTableData, any>;\n}\n\nexport function FilterArea({ column }: FilterAreaProps) {\n\tconst defaultValue = column.getFilterValue() as string \| undefined;\n\tconst [text, setText] = useState<string \| undefined>(defaultValue);\n\tconst dataInRows = useScorecardStateSelectorValue<boolean>([\n\t\t\"options\",\n\t\t\"showDataInRows\",\n\t]);\n\tconst searchPlaceholder = dataInRows\n\t\t? i18n.t(\"Search data items\")\n\t\t: i18n.t(\"Search organisation units\");\n\n\tuseEffect(() => {\n\t\tconst timeout = setTimeout(() => {\n\t\t\tcolumn.setFilterValue(text);\n\t\t}, 700);\n\n\t\treturn () => clearTimeout(timeout);\n\t}, [text]);\n\n\treturn (\n\t\t<InputField\n\t\t\tclassName={styles[\"filter-input\"]}\n\t\t\tvalue={text}\n\t\t\tonChange={({ value }) => setText(value)}\n\t\t\tplaceholder={searchPlaceholder}\n\t\t/>\n\t);\n}\n"]}

package/dist/esm/components/ScorecardTable/components/TableHeader/components/LabelCell.js CHANGED Viewed

@@ -68,5 +68,5 @@ function LabelCellComponent(props) {
 const LabelCell = LabelCellComponent;
 export { LabelCell, LabelCellComponent };
-//# sourceMappingURL=out.js.map
+//# sourceMappingURL=LabelCell.js.map
 //# sourceMappingURL=LabelCell.js.map

package/dist/esm/components/ScorecardTable/components/TableHeader/components/LabelCell.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"sources":["../../../../../../../src/components/ScorecardTable/components/TableHeader/components/LabelCell.tsx"],"names":[],"mappings":"~~AAiFI;AAhFJ;AAAA~~,~~EACC;AAAA,OAEM;AACP,~~SAAS,~~qBAAqB;AAC9B~~,~~OAAO~~,~~mBAAmB~~;~~AAC1B~~,~~SAAS~~,~~qBAAqB;AAC9B~~,~~SAAS~~,~~sCAAsC;AAC/C~~,~~SAAS~~,~~eAAe;AACxB~~,~~SAAS~~,~~eAAe~~;~~AAEjB~~,~~SAAS~~,~~mBACf~~,~~OAOC;AACD~~,~~QAAM~~,~~OAAO~~,~~MAAM~~,~~SAAS;AAC5B~~,~~QAAM~~,~~OAAO~~,~~MAAM~~,~~KAAK~~,~~OAAO~~,~~QAAQ~~;AACvC,~~QAAM~~,aAAa~~,+BAAwC~~;AAAA,IAC1D;AAAA,IACA;AAAA,~~EACD~~,~~CAAC~~;AACD,~~QAAM~~,gBAAgB~~,+BAAwC~~;AAAA,IAC7D;AAAA,IACA;AAAA,~~EACD~~,~~CAAC~~;AAED,~~QAAM~~,cAAc~~,+BAAwC~~;AAAA,IAC3D;AAAA,IACA;AAAA,~~EACD~~,~~CAAC~~;AAED,~~QAAM~~,~~OAAO~~,QAAQ,MAAM;AAC1B,~~UAAM~~,~~QAAQ,~~MAAM,~~IAClB~~,~~gBAAgB~~,~~EAChB~~,~~UAAU~~,CAAC,EAAE,~~GAAG~~,~~MAAM~~,~~MAAM~~,~~KAAK~~,OAAO,EAAE;AAC5C,~~WAAO~~,~~QAAQ~~;AAAA,~~EAChB~~,~~GAAG~~,CAAC,~~MAAM~~,~~IAAI~~,~~gBAAgB~~,~~GAAG~~,~~MAAM~~,~~KAAK~~,EAAE,CAAC;AAE/C,~~QAAM~~,~~QAAQ~~,QAAQ,MAAM;AAC3B,~~QAAI~~,~~YAAY~~;AACf,~~aAAO~~,KAAK,~~SAAS~~;AAAA,~~IACtB~~;AACA,~~QAAI~~,~~eAAe~~;AAClB,~~aACC~~,KAAK,~~SAAS~~,~~UACZ~~,~~MAAM~~,GAAG,EACT,~~OAAO~~,CAAC,~~QAAQ~~,CAAC,QAAQ,GAAG,CAAC,~~EAC7B~~,~~KAAK~~,KAAK,~~KAAK~~;AAAA,~~IAEnB~~;AACA,~~WAAO~~,KAAK,~~SAAS~~;AAAA,~~EACtB~~,~~GAAG~~,CAAC,~~MAAM~~,~~eAAe~~,UAAU,CAAC;AAEpC,~~SACC~~;AAAA,IAAC;AAAA;AAAA,MACA,~~WAAU~~;AAAA,MACV,~~OAAK~~;AAAA,MACL,~~OAAO~~,GAAG,IAAI;AAAA,MACd,~~OAAO~~;AAAA,QACN,~~OAAO~~,cAAc,~~SAAS~~;AAAA,QAC9B,~~UAAU~~,cAAc,~~SAAY~~;AAAA,~~MACrC~~;AAAA,MAGA,~~MAAM~~,GAAG,IAAI;AAAA,MACb,~~UAAQ~~;AAAA,MACR,~~OAAM~~;AAAA,MAEN;AAAA,QAAC;AAAA;AAAA,UACA,~~QACC~~,aACG,CAAC,~~wBAAwB~~,EAAE,~~IAC3B~~,CAAC,wBAAwB,IAAI;AAAA,UAGjC;AAAA,YAAC;AAAA;AAAA,cACA,~~IAAI~~;AAAA,cACJ,~~MACC~~,~~aACG~~,~~wBAAwB~~,~~OACxB~~,~~wBAAwB~~;AAAA,cAG3B;AAAA;AAAA,~~UACF~~;AAAA;AAAA,~~MACD~~;AAAA;AAAA,~~EACD~~;AAEF;AAEO,MAAM,~~YAAY~~","sourcesContent":["import type { CellContext } from \"@tanstack/react-table\";\nimport {\n\tScorecardDraggableItems,\n\ttype ScorecardTableData,\n} from \"../../../../../schemas/config\";\nimport { DataTableCell } from \"@dhis2/ui\";\nimport DroppableCell from \"../../DroppableCell\";\nimport { DraggableCell } from \"../../DraggableCell\";\nimport { useScorecardStateSelectorValue } from \"../../../../../state\";\nimport { useMemo } from \"react\";\nimport { isEmpty } from \"lodash\";\n\nexport function LabelCellComponent(\n\tprops: CellContext<\n\t\tScorecardTableData,\n\t\t{\n\t\t\tlabel: string;\n\t\t\torgUnit?: { uid: string; hierarchy: string; name: string };\n\t\t}\n\t>,\n) {\n\tconst data = props.getValue();\n\tconst size = props.cell.column.getSize();\n\tconst dataInRows = useScorecardStateSelectorValue<boolean>([\n\t\t\"options\",\n\t\t\"showDataInRows\",\n\t]);\n\tconst showHierarchy = useScorecardStateSelectorValue<boolean>([\n\t\t\"options\",\n\t\t\"showHierarchy\",\n\t]);\n\n\tconst inPrintMode = useScorecardStateSelectorValue<boolean>([\n\t\t\"options\",\n\t\t\"printMode\",\n\t]);\n\n\tconst left = useMemo(() => {\n\t\tconst index = props.row\n\t\t\t.getVisibleCells()\n\t\t\t.findIndex(({ id }) => props.cell.id === id);\n\t\treturn index * 48;\n\t}, [props.row.getVisibleCells(), props.cell.id]);\n\n\tconst label = useMemo(() => {\n\t\tif (dataInRows) {\n\t\t\treturn data.label ?? \"\";\n\t\t}\n\t\tif (showHierarchy) {\n\t\t\treturn (\n\t\t\t\tdata.orgUnit?.hierarchy\n\t\t\t\t\t.split(\"/\")\n\t\t\t\t\t.filter((val) => !isEmpty(val))\n\t\t\t\t\t.join(\" / \") ?? \"\"\n\t\t\t);\n\t\t}\n\t\treturn data.label ?? \"\";\n\t}, [data, showHierarchy, dataInRows]);\n\n\treturn (\n\t\t<DataTableCell\n\t\t\tclassName=\"label-cell\"\n\t\t\tfixed\n\t\t\twidth={`${size}px`}\n\t\t\tstyle={{\n\t\t\t\twidth: inPrintMode ? \"auto\" : size,\n\t\t\t\tminWidth: inPrintMode ? undefined : size,\n\t\t\t}}\n\t\t\t/\n // @ts-ignore /\n\t\t\tleft={`${left}px`}\n\t\t\tbordered\n\t\t\talign=\"left\"\n\t\t>\n\t\t\t<DroppableCell\n\t\t\t\taccept={\n\t\t\t\t\tdataInRows\n\t\t\t\t\t\t? [ScorecardDraggableItems.ou]\n\t\t\t\t\t\t: [ScorecardDraggableItems.data]\n\t\t\t\t}\n\t\t\t>\n\t\t\t\t<DraggableCell\n\t\t\t\t\tid={label}\n\t\t\t\t\ttype={\n\t\t\t\t\t\tdataInRows\n\t\t\t\t\t\t\t? ScorecardDraggableItems.data\n\t\t\t\t\t\t\t: ScorecardDraggableItems.ou\n\t\t\t\t\t}\n\t\t\t\t>\n\t\t\t\t\t{label}\n\t\t\t\t</DraggableCell>\n\t\t\t</DroppableCell>\n\t\t</DataTableCell>\n\t);\n}\n\nexport const LabelCell = LabelCellComponent;\n"]}
1	+ {"version":3,"sources":["../../../../../../../src/components/ScorecardTable/components/TableHeader/components/LabelCell.tsx"],"names":[],"mappings":";;;;;;;;;AAYO,SAAS,mBACf,KAOC,EAAA;AACD,EAAM,MAAA,IAAA,GAAO,MAAM,QAAS,EAAA,CAAA;AAC5B,EAAA,MAAM,IAAO,GAAA,KAAA,CAAM,IAAK,CAAA,MAAA,CAAO,OAAQ,EAAA,CAAA;AACvC,EAAA,MAAM,aAAa,8BAAwC,CAAA;AAAA,IAC1D,SAAA;AAAA,IACA,gBAAA;AAAA,GACA,CAAA,CAAA;AACD,EAAA,MAAM,gBAAgB,8BAAwC,CAAA;AAAA,IAC7D,SAAA;AAAA,IACA,eAAA;AAAA,GACA,CAAA,CAAA;AAED,EAAA,MAAM,cAAc,8BAAwC,CAAA;AAAA,IAC3D,SAAA;AAAA,IACA,WAAA;AAAA,GACA,CAAA,CAAA;AAED,EAAM,MAAA,IAAA,GAAO,QAAQ,MAAM;AAC1B,IAAA,MAAM,KAAQ,GAAA,KAAA,CAAM,GAClB,CAAA,eAAA,EACA,CAAA,SAAA,CAAU,CAAC,EAAE,EAAG,EAAA,KAAM,KAAM,CAAA,IAAA,CAAK,OAAO,EAAE,CAAA,CAAA;AAC5C,IAAA,OAAO,KAAQ,GAAA,EAAA,CAAA;AAAA,GAChB,EAAG,CAAC,KAAM,CAAA,GAAA,CAAI,iBAAmB,EAAA,KAAA,CAAM,IAAK,CAAA,EAAE,CAAC,CAAA,CAAA;AAE/C,EAAM,MAAA,KAAA,GAAQ,QAAQ,MAAM;AAC3B,IAAA,IAAI,UAAY,EAAA;AACf,MAAA,OAAO,KAAK,KAAS,IAAA,EAAA,CAAA;AAAA,KACtB;AACA,IAAA,IAAI,aAAe,EAAA;AAClB,MAAA,OACC,KAAK,OAAS,EAAA,SAAA,CACZ,KAAM,CAAA,GAAG,EACT,MAAO,CAAA,CAAC,GAAQ,KAAA,CAAC,QAAQ,GAAG,CAAC,CAC7B,CAAA,IAAA,CAAK,KAAK,CAAK,IAAA,EAAA,CAAA;AAAA,KAEnB;AACA,IAAA,OAAO,KAAK,KAAS,IAAA,EAAA,CAAA;AAAA,GACnB,EAAA,CAAC,IAAM,EAAA,aAAA,EAAe,UAAU,CAAC,CAAA,CAAA;AAEpC,EACC,uBAAA,GAAA;AAAA,IAAC,aAAA;AAAA,IAAA;AAAA,MACA,SAAU,EAAA,YAAA;AAAA,MACV,KAAK,EAAA,IAAA;AAAA,MACL,KAAA,EAAO,GAAG,IAAI,CAAA,EAAA,CAAA;AAAA,MACd,KAAO,EAAA;AAAA,QACN,KAAA,EAAO,cAAc,MAAS,GAAA,IAAA;AAAA,QAC9B,QAAA,EAAU,cAAc,KAAY,CAAA,GAAA,IAAA;AAAA,OACrC;AAAA,MAGA,IAAA,EAAM,GAAG,IAAI,CAAA,EAAA,CAAA;AAAA,MACb,QAAQ,EAAA,IAAA;AAAA,MACR,KAAM,EAAA,MAAA;AAAA,MAEN,QAAA,kBAAA,GAAA;AAAA,QAAC,aAAA;AAAA,QAAA;AAAA,UACA,MAAA,EACC,aACG,CAAC,uBAAA,CAAwB,EAAE,CAC3B,GAAA,CAAC,wBAAwB,IAAI,CAAA;AAAA,UAGjC,QAAA,kBAAA,GAAA;AAAA,YAAC,aAAA;AAAA,YAAA;AAAA,cACA,EAAI,EAAA,KAAA;AAAA,cACJ,IACC,EAAA,UAAA,GACG,uBAAwB,CAAA,IAAA,GACxB,uBAAwB,CAAA,EAAA;AAAA,cAG3B,QAAA,EAAA,KAAA;AAAA,aAAA;AAAA,WACF;AAAA,SAAA;AAAA,OACD;AAAA,KAAA;AAAA,GACD,CAAA;AAEF,CAAA;AAEO,MAAM,SAAY,GAAA","file":"LabelCell.js","sourcesContent":["import type { CellContext } from \"@tanstack/react-table\";\nimport {\n\tScorecardDraggableItems,\n\ttype ScorecardTableData,\n} from \"../../../../../schemas/config\";\nimport { DataTableCell } from \"@dhis2/ui\";\nimport DroppableCell from \"../../DroppableCell\";\nimport { DraggableCell } from \"../../DraggableCell\";\nimport { useScorecardStateSelectorValue } from \"../../../../../state\";\nimport { useMemo } from \"react\";\nimport { isEmpty } from \"lodash\";\n\nexport function LabelCellComponent(\n\tprops: CellContext<\n\t\tScorecardTableData,\n\t\t{\n\t\t\tlabel: string;\n\t\t\torgUnit?: { uid: string; hierarchy: string; name: string };\n\t\t}\n\t>,\n) {\n\tconst data = props.getValue();\n\tconst size = props.cell.column.getSize();\n\tconst dataInRows = useScorecardStateSelectorValue<boolean>([\n\t\t\"options\",\n\t\t\"showDataInRows\",\n\t]);\n\tconst showHierarchy = useScorecardStateSelectorValue<boolean>([\n\t\t\"options\",\n\t\t\"showHierarchy\",\n\t]);\n\n\tconst inPrintMode = useScorecardStateSelectorValue<boolean>([\n\t\t\"options\",\n\t\t\"printMode\",\n\t]);\n\n\tconst left = useMemo(() => {\n\t\tconst index = props.row\n\t\t\t.getVisibleCells()\n\t\t\t.findIndex(({ id }) => props.cell.id === id);\n\t\treturn index * 48;\n\t}, [props.row.getVisibleCells(), props.cell.id]);\n\n\tconst label = useMemo(() => {\n\t\tif (dataInRows) {\n\t\t\treturn data.label ?? \"\";\n\t\t}\n\t\tif (showHierarchy) {\n\t\t\treturn (\n\t\t\t\tdata.orgUnit?.hierarchy\n\t\t\t\t\t.split(\"/\")\n\t\t\t\t\t.filter((val) => !isEmpty(val))\n\t\t\t\t\t.join(\" / \") ?? \"\"\n\t\t\t);\n\t\t}\n\t\treturn data.label ?? \"\";\n\t}, [data, showHierarchy, dataInRows]);\n\n\treturn (\n\t\t<DataTableCell\n\t\t\tclassName=\"label-cell\"\n\t\t\tfixed\n\t\t\twidth={`${size}px`}\n\t\t\tstyle={{\n\t\t\t\twidth: inPrintMode ? \"auto\" : size,\n\t\t\t\tminWidth: inPrintMode ? undefined : size,\n\t\t\t}}\n\t\t\t/\n // @ts-ignore /\n\t\t\tleft={`${left}px`}\n\t\t\tbordered\n\t\t\talign=\"left\"\n\t\t>\n\t\t\t<DroppableCell\n\t\t\t\taccept={\n\t\t\t\t\tdataInRows\n\t\t\t\t\t\t? [ScorecardDraggableItems.ou]\n\t\t\t\t\t\t: [ScorecardDraggableItems.data]\n\t\t\t\t}\n\t\t\t>\n\t\t\t\t<DraggableCell\n\t\t\t\t\tid={label}\n\t\t\t\t\ttype={\n\t\t\t\t\t\tdataInRows\n\t\t\t\t\t\t\t? ScorecardDraggableItems.data\n\t\t\t\t\t\t\t: ScorecardDraggableItems.ou\n\t\t\t\t\t}\n\t\t\t\t>\n\t\t\t\t\t{label}\n\t\t\t\t</DraggableCell>\n\t\t\t</DroppableCell>\n\t\t</DataTableCell>\n\t);\n}\n\nexport const LabelCell = LabelCellComponent;\n"]}

package/dist/esm/components/ScorecardTable/components/TableHeader/components/MetaHeaderCell.js CHANGED Viewed

@@ -53,5 +53,5 @@ function MetaHeaderCellComponent({
 const MetaHeaderCell = memo(MetaHeaderCellComponent);
 export { MetaHeaderCell };
-//# sourceMappingURL=out.js.map
+//# sourceMappingURL=MetaHeaderCell.js.map
 //# sourceMappingURL=MetaHeaderCell.js.map

package/dist/esm/components/ScorecardTable/components/TableHeader/components/MetaHeaderCell.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"sources":["../../../../../../../src/components/ScorecardTable/components/TableHeader/components/MetaHeaderCell.tsx"],"names":["header"],"mappings":"~~AAgEI;AA9DJ~~,SAAS,~~6BAA0D;AACnE~~,~~OAAO,UAAU~~;~~AACjB~~,~~OAAO~~,~~YAAY~~;~~AACnB~~,~~SAAS~~,~~kBAAkB~~;~~AAC3B~~,~~SAAS~~,~~WAAW;AACpB~~,~~SAAS~~,~~MAAM~~,~~cAAc;AAC7B~~,~~SAAS~~,~~sCAAsC;AAE/C~~,~~SAAS~~,~~wBAAwB;AAAA~~,~~EAChC~~;~~AACD~~,~~GAA2C;AAC1C~~,~~QAAM~~,~~WAAW~~,~~OAAe~~,~~IAAI~~,~~CAAC;AAErC,QAAM,eAAe,+BAA~~+B,CAAC,cAAc,CAAC;AACpE,~~QAAM~~,aAAa~~,+BAAwC~~;AAAA,IAC1D;AAAA,IACA;AAAA,~~EACD~~,~~CAAC~~;AAED,~~QAAM~~,UAAU,~~aACb~~,~~eACC~~,~~MACA~~,~~MACD~~,eACC,~~MACA~~;AAEJ,~~QAAM~~,~~eAAe~~,OAAO,~~WAAW~~;AAAA,IAAK,CAACA,~~YAC5CA~~,~~QAAO~~,OAAO,~~aAAa~~;AAAA,~~EAC5B~~,~~GAAG~~;AAEH,~~QAAM~~,gBAAgB,CAAC,~~cAAc~~,~~YAAY~~,~~IAC9C~~,~~YACC~~,aAAc,~~YAAY~~;AAC9B,~~QAAM~~,eACL,~~cAAc~~,~~oBAAoB~~,~~MAAM~~,~~QACrC~~,~~KAAK~~,EAAE,oBAAoB,~~IAC3B~~,cAAc,~~oBAAoB~~,~~MAAM~~,SACvC,~~KAAK~~,~~EAAE~~,qBAAqB,~~IAC5B~~,~~KAAK~~,EAAE,SAAS;AAErB,~~SACC~~;AAAA,IAAC;AAAA;AAAA,MAEA,~~OAAM~~;AAAA,MACN,eAAe,~~KAAK~~,~~EAAE~~,~~yBAAyB~~,EAAE,~~aAAa~~,~~CAAC~~;AAAA,MAC/D,~~iBAAiB~~,CAAC,~~GAAG~~,~~MAAM~~;AAC1B,~~cAAM~~,~~OAAO~~,aAAc,~~wBAAwB~~;AACnD,~~YAAI~~,~~MAAM~~;AACT,~~eAAK~~,CAAC;AAAA,~~QACP~~;AAAA,~~MACD~~;AAAA,MACA,~~OAAK~~;AAAA,MAGL,~~MAAK~~;AAAA,MACL;AAAA,MACA,~~SAAS~~,~~OAAO~~,~~QAAQ~~,~~SAAS~~;AAAA,MACjC;AAAA,MACA,WAAW,~~OAAO~~;AAAA,MAEjB,~~WAAC~~,CAAC,~~gBACF~~;AAAA,QAAC;AAAA;AAAA,UAEA,~~QAAQ~~;AAAA;AAAA,QADH,~~GAAG~~,OAAO,EAAE;AAAA,~~MAElB~~;AAAA;AAAA,IAtBI,~~GAAG~~,~~OAAO~~,EAAE,~~IAAI~~,SAAS,OAAO;AAAA,~~EAwBtC~~;AAEF;~~AAEO~~,~~MAAM~~,~~iBAAiB~~,KAAK,uBAAuB","sourcesContent":["import type { HeaderContext } from \"@tanstack/react-table\";\nimport type { ScorecardTableData } from \"../../../../../schemas/config\";\nimport { DataTableColumnHeader, type DataTableSortDirection } from \"@dhis2/ui\";\nimport i18n from \"@dhis2/d2-i18n\";\nimport styles from \"../TableHeader.module.css\";\nimport { FilterArea } from \"./FilterArea\";\nimport { uid } from \"@hisptz/dhis2-utils\";\nimport { memo, useRef } from \"react\";\nimport { useScorecardStateSelectorValue } from \"../../../../../state\";\n\nfunction MetaHeaderCellComponent({\n\theader,\n}: HeaderContext<ScorecardTableData, any>) {\n\tconst randomId = useRef<string>(uid());\n\n\tconst hasOnePeriod = useScorecardStateSelectorValue([\"hasOnePeriod\"]);\n\tconst dataInRows = useScorecardStateSelectorValue<boolean>([\n\t\t\"options\",\n\t\t\"showDataInRows\",\n\t]);\n\n\tconst rowSpan = dataInRows\n\t\t? hasOnePeriod\n\t\t\t? \"2\"\n\t\t\t: \"2\"\n\t\t: hasOnePeriod\n\t\t\t? \"2\"\n\t\t\t: \"3\";\n\n\tconst filterColumn = header.subHeaders.find((header) =>\n\t\theader.column.getCanFilter(),\n\t)?.column;\n\n\tconst sortDirection = !filterColumn?.getIsSorted()\n\t\t? \"default\"\n\t\t: (filterColumn!.getIsSorted() as DataTableSortDirection);\n\tconst nextSortType =\n\t\tfilterColumn?.getNextSortingOrder() === \"asc\"\n\t\t\t? i18n.t(\"in ascending order\")\n\t\t\t: filterColumn?.getNextSortingOrder() === \"desc\"\n\t\t\t\t? i18n.t(\"in descending order\")\n\t\t\t\t: i18n.t(\"disable\");\n\n\treturn (\n\t\t<DataTableColumnHeader\n\t\t\tkey={`${header.id}-${randomId.current}`}\n\t\t\talign=\"center\"\n\t\t\tsortIconTitle={i18n.t(\"Sort {{nextSortType}}\", { nextSortType })}\n\t\t\tonSortIconClick={(_, e) => {\n\t\t\t\tconst sort = filterColumn!.getToggleSortingHandler();\n\t\t\t\tif (sort) {\n\t\t\t\t\tsort(e);\n\t\t\t\t}\n\t\t\t}}\n\t\t\tfixed\n\t\t\t/\n // @ts-ignore /\n\t\t\tleft=\"0\"\n\t\t\tsortDirection={sortDirection}\n\t\t\tcolSpan={header.colSpan.toString()}\n\t\t\trowSpan={rowSpan}\n\t\t\tclassName={styles.metaHeader}\n\t\t>\n\t\t\t{!!filterColumn && (\n\t\t\t\t<FilterArea\n\t\t\t\t\tkey={`${header.id}-filter-area`}\n\t\t\t\t\tcolumn={filterColumn}\n\t\t\t\t/>\n\t\t\t)}\n\t\t</DataTableColumnHeader>\n\t);\n}\n\nexport const MetaHeaderCell = memo(MetaHeaderCellComponent);\n"]}
1	+ {"version":3,"sources":["../../../../../../../src/components/ScorecardTable/components/TableHeader/components/MetaHeaderCell.tsx"],"names":["header"],"mappings":";;;;;;;;;AAUA,SAAS,uBAAwB,CAAA;AAAA,EAChC,MAAA;AACD,CAA2C,EAAA;AAC1C,EAAM,MAAA,QAAA,GAAW,MAAe,CAAA,GAAA,EAAK,CAAA,CAAA;AAErC,EAAA,MAAM,YAAe,GAAA,8BAAA,CAA+B,CAAC,cAAc,CAAC,CAAA,CAAA;AACpE,EAAA,MAAM,aAAa,8BAAwC,CAAA;AAAA,IAC1D,SAAA;AAAA,IACA,gBAAA;AAAA,GACA,CAAA,CAAA;AAED,EAAA,MAAM,UAAU,UACb,GAAA,YAAA,GACC,GACA,GAAA,GAAA,GACD,eACC,GACA,GAAA,GAAA,CAAA;AAEJ,EAAM,MAAA,YAAA,GAAe,OAAO,UAAW,CAAA,IAAA;AAAA,IAAK,CAACA,OAAAA,KAC5CA,OAAO,CAAA,MAAA,CAAO,YAAa,EAAA;AAAA,GACzB,EAAA,MAAA,CAAA;AAEH,EAAA,MAAM,gBAAgB,CAAC,YAAA,EAAc,aAClC,GAAA,SAAA,GACC,aAAc,WAAY,EAAA,CAAA;AAC9B,EAAA,MAAM,eACL,YAAc,EAAA,mBAAA,OAA0B,KACrC,GAAA,IAAA,CAAK,EAAE,oBAAoB,CAAA,GAC3B,cAAc,mBAAoB,EAAA,KAAM,SACvC,IAAK,CAAA,CAAA,CAAE,qBAAqB,CAC5B,GAAA,IAAA,CAAK,EAAE,SAAS,CAAA,CAAA;AAErB,EACC,uBAAA,GAAA;AAAA,IAAC,qBAAA;AAAA,IAAA;AAAA,MAEA,KAAM,EAAA,QAAA;AAAA,MACN,eAAe,IAAK,CAAA,CAAA,CAAE,uBAAyB,EAAA,EAAE,cAAc,CAAA;AAAA,MAC/D,eAAA,EAAiB,CAAC,CAAA,EAAG,CAAM,KAAA;AAC1B,QAAM,MAAA,IAAA,GAAO,aAAc,uBAAwB,EAAA,CAAA;AACnD,QAAA,IAAI,IAAM,EAAA;AACT,UAAA,IAAA,CAAK,CAAC,CAAA,CAAA;AAAA,SACP;AAAA,OACD;AAAA,MACA,KAAK,EAAA,IAAA;AAAA,MAGL,IAAK,EAAA,GAAA;AAAA,MACL,aAAA;AAAA,MACA,OAAA,EAAS,MAAO,CAAA,OAAA,CAAQ,QAAS,EAAA;AAAA,MACjC,OAAA;AAAA,MACA,WAAW,MAAO,CAAA,UAAA;AAAA,MAEjB,QAAA,EAAA,CAAC,CAAC,YACF,oBAAA,GAAA;AAAA,QAAC,UAAA;AAAA,QAAA;AAAA,UAEA,MAAQ,EAAA,YAAA;AAAA,SAAA;AAAA,QADH,CAAA,EAAG,OAAO,EAAE,CAAA,YAAA,CAAA;AAAA,OAElB;AAAA,KAAA;AAAA,IAtBI,CAAG,EAAA,MAAA,CAAO,EAAE,CAAA,CAAA,EAAI,SAAS,OAAO,CAAA,CAAA;AAAA,GAwBtC,CAAA;AAEF,CAAA;AAEa,MAAA,cAAA,GAAiB,KAAK,uBAAuB","file":"MetaHeaderCell.js","sourcesContent":["import type { HeaderContext } from \"@tanstack/react-table\";\nimport type { ScorecardTableData } from \"../../../../../schemas/config\";\nimport { DataTableColumnHeader, type DataTableSortDirection } from \"@dhis2/ui\";\nimport i18n from \"@dhis2/d2-i18n\";\nimport styles from \"../TableHeader.module.css\";\nimport { FilterArea } from \"./FilterArea\";\nimport { uid } from \"@hisptz/dhis2-utils\";\nimport { memo, useRef } from \"react\";\nimport { useScorecardStateSelectorValue } from \"../../../../../state\";\n\nfunction MetaHeaderCellComponent({\n\theader,\n}: HeaderContext<ScorecardTableData, any>) {\n\tconst randomId = useRef<string>(uid());\n\n\tconst hasOnePeriod = useScorecardStateSelectorValue([\"hasOnePeriod\"]);\n\tconst dataInRows = useScorecardStateSelectorValue<boolean>([\n\t\t\"options\",\n\t\t\"showDataInRows\",\n\t]);\n\n\tconst rowSpan = dataInRows\n\t\t? hasOnePeriod\n\t\t\t? \"2\"\n\t\t\t: \"2\"\n\t\t: hasOnePeriod\n\t\t\t? \"2\"\n\t\t\t: \"3\";\n\n\tconst filterColumn = header.subHeaders.find((header) =>\n\t\theader.column.getCanFilter(),\n\t)?.column;\n\n\tconst sortDirection = !filterColumn?.getIsSorted()\n\t\t? \"default\"\n\t\t: (filterColumn!.getIsSorted() as DataTableSortDirection);\n\tconst nextSortType =\n\t\tfilterColumn?.getNextSortingOrder() === \"asc\"\n\t\t\t? i18n.t(\"in ascending order\")\n\t\t\t: filterColumn?.getNextSortingOrder() === \"desc\"\n\t\t\t\t? i18n.t(\"in descending order\")\n\t\t\t\t: i18n.t(\"disable\");\n\n\treturn (\n\t\t<DataTableColumnHeader\n\t\t\tkey={`${header.id}-${randomId.current}`}\n\t\t\talign=\"center\"\n\t\t\tsortIconTitle={i18n.t(\"Sort {{nextSortType}}\", { nextSortType })}\n\t\t\tonSortIconClick={(_, e) => {\n\t\t\t\tconst sort = filterColumn!.getToggleSortingHandler();\n\t\t\t\tif (sort) {\n\t\t\t\t\tsort(e);\n\t\t\t\t}\n\t\t\t}}\n\t\t\tfixed\n\t\t\t/\n // @ts-ignore /\n\t\t\tleft=\"0\"\n\t\t\tsortDirection={sortDirection}\n\t\t\tcolSpan={header.colSpan.toString()}\n\t\t\trowSpan={rowSpan}\n\t\t\tclassName={styles.metaHeader}\n\t\t>\n\t\t\t{!!filterColumn && (\n\t\t\t\t<FilterArea\n\t\t\t\t\tkey={`${header.id}-filter-area`}\n\t\t\t\t\tcolumn={filterColumn}\n\t\t\t\t/>\n\t\t\t)}\n\t\t</DataTableColumnHeader>\n\t);\n}\n\nexport const MetaHeaderCell = memo(MetaHeaderCellComponent);\n"]}