@hisptz/dhis2-scorecard 1.2.23 → 1.2.25
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.
- package/dist/Scorecard.js.map +1 -1
- package/dist/components/ColGroup.js.map +1 -1
- package/dist/components/ConfigProvider.js.map +1 -1
- package/dist/components/DataProvider.js.map +1 -1
- package/dist/components/HighlightedItems/components/HighlightedItem.js +66 -0
- package/dist/components/HighlightedItems/components/HighlightedItem.js.map +1 -0
- package/dist/components/HighlightedItems/hooks/data.js +51 -0
- package/dist/components/HighlightedItems/hooks/data.js.map +1 -0
- package/dist/components/HighlightedItems/index.js +35 -0
- package/dist/components/HighlightedItems/index.js.map +1 -0
- package/dist/components/LoadingIndicator.js.map +1 -1
- package/dist/components/MetaProvider.js.map +1 -1
- package/dist/components/ScorecardContext.js.map +1 -1
- package/dist/components/ScorecardHeader.js.map +1 -1
- package/dist/components/ScorecardLegendsView/ScorecardLegendsView.js.map +1 -1
- package/dist/components/ScorecardLegendsView/components/ArrowLegendView.js.map +1 -1
- package/dist/components/ScorecardLegendsView/components/LegendView.js +33 -17
- package/dist/components/ScorecardLegendsView/components/LegendView.js.map +1 -1
- package/dist/components/ScorecardLegendsView/components/OrgUnitLevelSpecificTargetView.js +55 -21
- package/dist/components/ScorecardLegendsView/components/OrgUnitLevelSpecificTargetView.js.map +1 -1
- package/dist/components/ScorecardLegendsView/components/OrgUnitSpecificTargetView.js +7 -2
- package/dist/components/ScorecardLegendsView/components/OrgUnitSpecificTargetView.js.map +1 -1
- package/dist/components/ScorecardLegendsView/components/PeriodSpecificTargetView.js +32 -19
- package/dist/components/ScorecardLegendsView/components/PeriodSpecificTargetView.js.map +1 -1
- package/dist/components/ScorecardLegendsView/components/SpecificTargetLegendsView.js +63 -47
- package/dist/components/ScorecardLegendsView/components/SpecificTargetLegendsView.js.map +1 -1
- package/dist/components/ScorecardPrint/ScorecardPrint.js.map +1 -1
- package/dist/components/ScorecardPrint/components/ScorecardDownloadButton.js.map +1 -1
- package/dist/components/ScorecardPrint/components/ScorecardPreviewArea.js.map +1 -1
- package/dist/components/ScorecardPrint/utils/download.js.map +1 -1
- package/dist/components/ScorecardTable/FurtherAnalysisDictionary/FurtherAnalysisDictionary.js.map +1 -1
- package/dist/components/ScorecardTable/FurtherAnalysisDictionary/components/ConfigProvider.js.map +1 -1
- package/dist/components/ScorecardTable/FurtherAnalysisDictionary/components/DetailsProvider.js.map +1 -1
- package/dist/components/ScorecardTable/FurtherAnalysisVisualization.js.map +1 -1
- package/dist/components/ScorecardTable/ScorecardTable.js.map +1 -1
- package/dist/components/ScorecardTable/components/AverageCell.js.map +1 -1
- package/dist/components/ScorecardTable/components/AverageFooterCell.js.map +1 -1
- package/dist/components/ScorecardTable/components/CellLoader.js.map +1 -1
- package/dist/components/ScorecardTable/components/DataContainer.js.map +1 -1
- package/dist/components/ScorecardTable/components/DataFooterCell.js.map +1 -1
- package/dist/components/ScorecardTable/components/DataRow.js.map +1 -1
- package/dist/components/ScorecardTable/components/DataValue.js.map +1 -1
- package/dist/components/ScorecardTable/components/DraggableCell.js.map +1 -1
- package/dist/components/ScorecardTable/components/DroppableCell.js.map +1 -1
- package/dist/components/ScorecardTable/components/EmptyFooterCell.js.map +1 -1
- package/dist/components/ScorecardTable/components/ExpandedScorecardTable.js.map +1 -1
- package/dist/components/ScorecardTable/components/FurtherAnalysisMenu.js.map +1 -1
- package/dist/components/ScorecardTable/components/FurtherAnalysisModal.js.map +1 -1
- package/dist/components/ScorecardTable/components/LinkedCell.js.map +1 -1
- package/dist/components/ScorecardTable/components/LinkedDataCell.js.map +1 -1
- package/dist/components/ScorecardTable/components/MetaFooterCell.js.map +1 -1
- package/dist/components/ScorecardTable/components/PaginatedToolbar.js +1 -2
- package/dist/components/ScorecardTable/components/PaginatedToolbar.js.map +1 -1
- package/dist/components/ScorecardTable/components/SingleDataCell.js.map +1 -1
- package/dist/components/ScorecardTable/components/TableBody.js.map +1 -1
- package/dist/components/ScorecardTable/components/TableFoot.js.map +1 -1
- package/dist/components/ScorecardTable/components/TableHeader/TableHeader.js.map +1 -1
- package/dist/components/ScorecardTable/components/TableHeader/components/AverageHeaderCell.js.map +1 -1
- package/dist/components/ScorecardTable/components/TableHeader/components/DataHeaderCell.js.map +1 -1
- package/dist/components/ScorecardTable/components/TableHeader/components/ExpandCell.js.map +1 -1
- package/dist/components/ScorecardTable/components/TableHeader/components/FilterArea.js.map +1 -1
- package/dist/components/ScorecardTable/components/TableHeader/components/LabelCell.js.map +1 -1
- package/dist/components/ScorecardTable/components/TableHeader/components/MetaHeaderCell.js.map +1 -1
- package/dist/components/ScorecardTable/components/TableHeader/components/NumberCell.js.map +1 -1
- package/dist/components/StateProvider.js.map +1 -1
- package/dist/components/TableStateProvider.js.map +1 -1
- package/dist/components/index.js +7 -0
- package/dist/esm/Scorecard.js.map +1 -1
- package/dist/esm/components/ColGroup.js.map +1 -1
- package/dist/esm/components/ConfigProvider.js.map +1 -1
- package/dist/esm/components/DataProvider.js.map +1 -1
- package/dist/esm/components/HighlightedItems/components/HighlightedItem.js +64 -0
- package/dist/esm/components/HighlightedItems/components/HighlightedItem.js.map +1 -0
- package/dist/esm/components/HighlightedItems/hooks/data.js +49 -0
- package/dist/esm/components/HighlightedItems/hooks/data.js.map +1 -0
- package/dist/esm/components/HighlightedItems/index.js +33 -0
- package/dist/esm/components/HighlightedItems/index.js.map +1 -0
- package/dist/esm/components/LoadingIndicator.js.map +1 -1
- package/dist/esm/components/MetaProvider.js.map +1 -1
- package/dist/esm/components/ScorecardContext.js.map +1 -1
- package/dist/esm/components/ScorecardHeader.js.map +1 -1
- package/dist/esm/components/ScorecardLegendsView/ScorecardLegendsView.js.map +1 -1
- package/dist/esm/components/ScorecardLegendsView/components/ArrowLegendView.js.map +1 -1
- package/dist/esm/components/ScorecardLegendsView/components/LegendView.js +33 -17
- package/dist/esm/components/ScorecardLegendsView/components/LegendView.js.map +1 -1
- package/dist/esm/components/ScorecardLegendsView/components/OrgUnitLevelSpecificTargetView.js +55 -21
- package/dist/esm/components/ScorecardLegendsView/components/OrgUnitLevelSpecificTargetView.js.map +1 -1
- package/dist/esm/components/ScorecardLegendsView/components/OrgUnitSpecificTargetView.js +7 -2
- package/dist/esm/components/ScorecardLegendsView/components/OrgUnitSpecificTargetView.js.map +1 -1
- package/dist/esm/components/ScorecardLegendsView/components/PeriodSpecificTargetView.js +32 -19
- package/dist/esm/components/ScorecardLegendsView/components/PeriodSpecificTargetView.js.map +1 -1
- package/dist/esm/components/ScorecardLegendsView/components/SpecificTargetLegendsView.js +65 -49
- package/dist/esm/components/ScorecardLegendsView/components/SpecificTargetLegendsView.js.map +1 -1
- package/dist/esm/components/ScorecardPrint/ScorecardPrint.js.map +1 -1
- package/dist/esm/components/ScorecardPrint/components/ScorecardDownloadButton.js.map +1 -1
- package/dist/esm/components/ScorecardPrint/components/ScorecardPreviewArea.js.map +1 -1
- package/dist/esm/components/ScorecardPrint/utils/download.js.map +1 -1
- package/dist/esm/components/ScorecardTable/FurtherAnalysisDictionary/FurtherAnalysisDictionary.js.map +1 -1
- package/dist/esm/components/ScorecardTable/FurtherAnalysisDictionary/components/ConfigProvider.js.map +1 -1
- package/dist/esm/components/ScorecardTable/FurtherAnalysisDictionary/components/DetailsProvider.js.map +1 -1
- package/dist/esm/components/ScorecardTable/FurtherAnalysisVisualization.js.map +1 -1
- package/dist/esm/components/ScorecardTable/ScorecardTable.js.map +1 -1
- package/dist/esm/components/ScorecardTable/components/AverageCell.js.map +1 -1
- package/dist/esm/components/ScorecardTable/components/AverageFooterCell.js.map +1 -1
- package/dist/esm/components/ScorecardTable/components/CellLoader.js.map +1 -1
- package/dist/esm/components/ScorecardTable/components/DataContainer.js.map +1 -1
- package/dist/esm/components/ScorecardTable/components/DataFooterCell.js.map +1 -1
- package/dist/esm/components/ScorecardTable/components/DataRow.js.map +1 -1
- package/dist/esm/components/ScorecardTable/components/DataValue.js.map +1 -1
- package/dist/esm/components/ScorecardTable/components/DraggableCell.js.map +1 -1
- package/dist/esm/components/ScorecardTable/components/DroppableCell.js.map +1 -1
- package/dist/esm/components/ScorecardTable/components/EmptyFooterCell.js.map +1 -1
- package/dist/esm/components/ScorecardTable/components/ExpandedScorecardTable.js.map +1 -1
- package/dist/esm/components/ScorecardTable/components/FurtherAnalysisMenu.js.map +1 -1
- package/dist/esm/components/ScorecardTable/components/FurtherAnalysisModal.js.map +1 -1
- package/dist/esm/components/ScorecardTable/components/LinkedCell.js.map +1 -1
- package/dist/esm/components/ScorecardTable/components/LinkedDataCell.js.map +1 -1
- package/dist/esm/components/ScorecardTable/components/MetaFooterCell.js.map +1 -1
- package/dist/esm/components/ScorecardTable/components/PaginatedToolbar.js +2 -3
- package/dist/esm/components/ScorecardTable/components/PaginatedToolbar.js.map +1 -1
- package/dist/esm/components/ScorecardTable/components/SingleDataCell.js.map +1 -1
- package/dist/esm/components/ScorecardTable/components/TableBody.js.map +1 -1
- package/dist/esm/components/ScorecardTable/components/TableFoot.js.map +1 -1
- package/dist/esm/components/ScorecardTable/components/TableHeader/TableHeader.js.map +1 -1
- package/dist/esm/components/ScorecardTable/components/TableHeader/components/AverageHeaderCell.js.map +1 -1
- package/dist/esm/components/ScorecardTable/components/TableHeader/components/DataHeaderCell.js.map +1 -1
- package/dist/esm/components/ScorecardTable/components/TableHeader/components/ExpandCell.js.map +1 -1
- package/dist/esm/components/ScorecardTable/components/TableHeader/components/FilterArea.js.map +1 -1
- package/dist/esm/components/ScorecardTable/components/TableHeader/components/LabelCell.js.map +1 -1
- package/dist/esm/components/ScorecardTable/components/TableHeader/components/MetaHeaderCell.js.map +1 -1
- package/dist/esm/components/ScorecardTable/components/TableHeader/components/NumberCell.js.map +1 -1
- package/dist/esm/components/StateProvider.js.map +1 -1
- package/dist/esm/components/TableStateProvider.js.map +1 -1
- package/dist/esm/components/index.js +1 -0
- package/dist/esm/hooks/cellData.js.map +1 -1
- package/dist/esm/hooks/columns.js.map +1 -1
- package/dist/esm/hooks/data.js.map +1 -1
- package/dist/esm/hooks/dataItem.js.map +1 -1
- package/dist/esm/hooks/metadata.js.map +1 -1
- package/dist/esm/hooks/orgUnit.js +3 -4
- package/dist/esm/hooks/orgUnit.js.map +1 -1
- package/dist/esm/hooks/table.js.map +1 -1
- package/dist/esm/hooks/value.js.map +1 -1
- package/dist/esm/schemas/config.js.map +1 -1
- package/dist/esm/utils/analytics.js.map +1 -1
- package/dist/esm/utils/columns.js.map +1 -1
- package/dist/esm/utils/data.js.map +1 -1
- package/dist/esm/utils/dataEngine.js.map +1 -1
- package/dist/esm/utils/dataSources.js.map +1 -1
- package/dist/esm/utils/dimensionState.js.map +1 -1
- package/dist/esm/utils/legends.js.map +1 -1
- package/dist/esm/utils/orgUnits.js.map +1 -1
- package/dist/esm/utils/state.js.map +1 -1
- package/dist/esm/utils/viewState.js.map +1 -1
- package/dist/hooks/cellData.js.map +1 -1
- package/dist/hooks/columns.js.map +1 -1
- package/dist/hooks/data.js.map +1 -1
- package/dist/hooks/dataItem.js.map +1 -1
- package/dist/hooks/metadata.js.map +1 -1
- package/dist/hooks/orgUnit.js +3 -4
- package/dist/hooks/orgUnit.js.map +1 -1
- package/dist/hooks/table.js.map +1 -1
- package/dist/hooks/value.js.map +1 -1
- package/dist/schemas/config.js.map +1 -1
- package/dist/types/components/HighlightedItems/components/HighlightedItem.d.ts +6 -0
- package/dist/types/components/HighlightedItems/components/HighlightedItem.d.ts.map +1 -0
- package/dist/types/components/HighlightedItems/hooks/data.d.ts +7 -0
- package/dist/types/components/HighlightedItems/hooks/data.d.ts.map +1 -0
- package/dist/types/components/HighlightedItems/index.d.ts +2 -0
- package/dist/types/components/HighlightedItems/index.d.ts.map +1 -0
- package/dist/types/components/ScorecardLegendsView/components/LegendView.d.ts.map +1 -1
- package/dist/types/components/ScorecardLegendsView/components/OrgUnitLevelSpecificTargetView.d.ts.map +1 -1
- package/dist/types/components/ScorecardLegendsView/components/OrgUnitSpecificTargetView.d.ts.map +1 -1
- package/dist/types/components/ScorecardLegendsView/components/PeriodSpecificTargetView.d.ts.map +1 -1
- package/dist/types/components/ScorecardLegendsView/components/SpecificTargetLegendsView.d.ts.map +1 -1
- package/dist/types/components/ScorecardTable/components/PaginatedToolbar.d.ts.map +1 -1
- package/dist/types/components/index.d.ts +1 -0
- package/dist/types/components/index.d.ts.map +1 -1
- package/dist/types/hooks/orgUnit.d.ts.map +1 -1
- package/dist/utils/analytics.js.map +1 -1
- package/dist/utils/columns.js.map +1 -1
- package/dist/utils/data.js.map +1 -1
- package/dist/utils/dataEngine.js.map +1 -1
- package/dist/utils/dataSources.js.map +1 -1
- package/dist/utils/dimensionState.js.map +1 -1
- package/dist/utils/legends.js.map +1 -1
- package/dist/utils/orgUnits.js.map +1 -1
- package/dist/utils/state.js.map +1 -1
- package/dist/utils/viewState.js.map +1 -1
- package/package.json +4 -4
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sources":["../../../../src/components/ScorecardTable/components/SingleDataCell.tsx"],"names":["useScorecardViewStateValue","useState","head","useCellData","jsx","DataTableCell","jsxs","Fragment","FurtherAnalysis","getTextColorFromBackgroundColor","DataValue","FurtherAnalysisMenu","memo"],"mappings":";;;;;;;;;;;;;AAsBA,SAAS,
|
|
1
|
+
{"version":3,"sources":["../../../../src/components/ScorecardTable/components/SingleDataCell.tsx"],"names":["useScorecardViewStateValue","useState","head","useCellData","jsx","DataTableCell","jsxs","Fragment","FurtherAnalysis","getTextColorFromBackgroundColor","DataValue","FurtherAnalysisMenu","memo"],"mappings":";;;;;;;;;;;;;AAsBA,SAAS,uBAAA,CAAwB;AAAA,EAChC,WAAA;AAAA,EACA,MAAA;AAAA,EACA,OAAA;AAAA,EACA;AACD,CAAA,EAAmC;AAClC,EAAA,MAAM,sBAAA,GAAyBA,gCAAA;AAAA,IAC9B;AAAA,GACD;AACA,EAAA,MAAM,CAAC,qBAAA,EAAuB,wBAAwB,CAAA,GACrDC,eAAuC,IAAI,CAAA;AAC5C,EAAA,MAAM,UAAA,GAAaC,YAAK,WAAW,CAAA;AACnC,EAAA,MAAM,CAAC,cAAA,EAAgB,iBAAiB,CAAA,GAAID,eAAS,MAAS,CAAA;AAE9D,EAAA,MAAM,EAAE,gBAAA,EAAiB,GAAIE,oBAAA,CAAY;AAAA,IACxC,UAAA;AAAA,IACA,MAAA;AAAA,IACA;AAAA,GACA,CAAA;AAED,EAAA,IAAI,CAAC,UAAA,IAAc,CAAC,UAAA,CAAW,IAAA,EAAM;AACpC,IAAA,uBAAOC,cAAA,CAACC,gBAAA,EAAA,EAAc,QAAA,EAAQ,IAAA,EAAC,CAAA;AAAA,EAChC;AAEA,EAAA,uBACCC,eAAA,CAAAC,mBAAA,EAAA,EACE,QAAA,EAAA;AAAA,IAAA,CAAC,CAAC,qBAAA,oBACFH,cAAA;AAAA,MAACI,oCAAA;AAAA,MAAA;AAAA,QACA,SAAS,MAAM;AACd,UAAA,wBAAA,CAAyB,IAAI,CAAA;AAAA,QAC9B,CAAA;AAAA,QACA,MAAM,CAAC,qBAAA;AAAA,QACP,MAAA,EAAQ;AAAA;AAAA,KACT;AAAA,oBAEDJ,cAAA;AAAA,MAACC,gBAAA;AAAA,MAAA;AAAA,QACA,OAAA,EAAS,CAAC,KAAA,KAAU;AACnB,UAAA,KAAA,CAAM,eAAA,EAAgB;AACtB,UAAA,IAAI,CAAC,sBAAA,EAAwB;AAC5B,YAAA,wBAAA,CAAyB;AAAA,cACxB,eAAA,EAAiB;AAAA,gBAChB,OAAA,EAAS;AAAA,kBACR;AAAA,oBACC,EAAA,EAAI;AAAA;AACL;AACD,eACD;AAAA,cACA,gBAAA,EAAkB;AAAA,gBACjB,QAAQ,EAAC;AAAA,gBACT,QAAQ,EAAC;AAAA,gBACT,QAAA,EAAU;AAAA,kBACT;AAAA,oBACC,IAAI,OAAA,CAAQ;AAAA;AACb;AACD,eACD;AAAA,cACA;AAAA,aACA,CAAA;AAAA,UACF;AAAA,QACD,CAAA;AAAA,QACA,aAAA,EAAe,CAAC,CAAA,KAAW;AAC1B,UAAA,CAAA,CAAE,cAAA,EAAe;AACjB,UAAA,IAAI,CAAC,sBAAA,EAAwB;AAC5B,YAAA,iBAAA,CAAkB,EAAE,MAAM,CAAA;AAAA,UAC3B;AAAA,QACD,CAAA;AAAA,QACA,QAAA,EAAQ,IAAA;AAAA,QACR,KAAA,EAAO;AAAA,UACN,YAAY,gBAAA,EAAkB,KAAA;AAAA,UAC9B,SAAA,EAAW,QAAA;AAAA,UACX,KAAA,EAAO,IAAA;AAAA,UACP,QAAA,EAAU,GAAA;AAAA,UACV,MAAA,EAAQ,EAAA;AAAA,UACR,OAAO,gBAAA,GACJI,uCAAA;AAAA,YACA,gBAAA,EAAkB;AAAA,WACnB,GACC;AAAA,SACJ;AAAA,QAEC,QAAA,EAAA,UAAA,oBAAcL,cAAA,CAACM,mBAAA,EAAA,EAAU,UAAA,EAAwB;AAAA;AAAA,KACnD;AAAA,IAEC,cAAA,oBACAN,cAAA;AAAA,MAACO,uCAAA;AAAA,MAAA;AAAA,QACA,WAAA;AAAA,QACA,QAAA,EAAU,wBAAA;AAAA,QACV,cAAA;AAAA,QACA,iBAAA;AAAA,QACA,OAAA;AAAA,QACA,QAAA,EAAU;AAAA;AAAA;AACX,GAAA,EAEF,CAAA;AAEF;AAEO,MAAM,cAAA,GAAiBC,WAAK,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\";\nimport { useScorecardViewStateValue } from \"../../../utils\";\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 disableFurtherAnalysis = useScorecardViewStateValue<boolean>(\n\t\t\"disableFurtherAnalysis\",\n\t);\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\tif (!disableFurtherAnalysis) {\n\t\t\t\t\t\tsetFurtherAnalysisConfig({\n\t\t\t\t\t\t\tperiodSelection: {\n\t\t\t\t\t\t\t\tperiods: [\n\t\t\t\t\t\t\t\t\t{\n\t\t\t\t\t\t\t\t\t\tid: period,\n\t\t\t\t\t\t\t\t\t},\n\t\t\t\t\t\t\t\t],\n\t\t\t\t\t\t\t},\n\t\t\t\t\t\t\torgUnitSelection: {\n\t\t\t\t\t\t\t\tlevels: [],\n\t\t\t\t\t\t\t\tgroups: [],\n\t\t\t\t\t\t\t\torgUnits: [\n\t\t\t\t\t\t\t\t\t{\n\t\t\t\t\t\t\t\t\t\tid: orgUnit.uid,\n\t\t\t\t\t\t\t\t\t},\n\t\t\t\t\t\t\t\t],\n\t\t\t\t\t\t\t},\n\t\t\t\t\t\t\tdataSources,\n\t\t\t\t\t\t});\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\tif (!disableFurtherAnalysis) {\n\t\t\t\t\t\tsetStateActionRef(e.target);\n\t\t\t\t\t}\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 +1 @@
|
|
|
1
|
-
{"version":3,"sources":["../../../../src/components/ScorecardTable/components/TableBody.tsx"],"names":["memo","TableBody","useTableState","useTableLoadingState","useMemo","jsxs","Fragment","jsx","LoadingIndicator","DataTableBody","TableRow"],"mappings":";;;;;;;;;
|
|
1
|
+
{"version":3,"sources":["../../../../src/components/ScorecardTable/components/TableBody.tsx"],"names":["memo","TableBody","useTableState","useTableLoadingState","useMemo","jsxs","Fragment","jsx","LoadingIndicator","DataTableBody","TableRow"],"mappings":";;;;;;;;;AAMO,MAAM,SAAA,GAAYA,UAAA,CAAK,SAASC,UAAAA,CAAU;AAAA,EAChD;AACD,CAAA,EAEG;AACF,EAAA,MAAM,QAAQC,gCAAA,EAAc;AAC5B,EAAA,MAAM,UAAUC,uCAAA,EAAqB;AAErC,EAAA,MAAM,IAAA,GAAOC,aAAA;AAAA,IACZ,MAAM,KAAA,CAAM,WAAA,EAAY,CAAE,IAAA;AAAA,IAC1B,CAAC,KAAA,CAAM,WAAA,EAAY,CAAE,IAAI;AAAA,GAC1B;AAEA,EAAA,uBACCC,eAAA,CAAAC,mBAAA,EAAA,EACC,QAAA,EAAA;AAAA,oBAAAC,cAAA,CAAC,OAAA,EAAA,EACA,QAAA,kBAAAA,cAAA,CAACC,iCAAA,EAAA,EAAiB,QAAA,EAAoB,CAAA,EACvC,CAAA;AAAA,oBACAD,cAAA,CAACE,gBAAA,EAAA,EAAc,OAAA,EACb,QAAA,EAAA,IAAA,CAAK,GAAA,CAAI,CAAC,GAAA,qBACVF,cAAA,CAACG,gBAAA,EAAA,EAAsB,GAAA,EAAA,EAAR,GAAA,CAAI,EAAc,CACjC,CAAA,EACF;AAAA,GAAA,EACD,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"]}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sources":["../../../../src/components/ScorecardTable/components/TableFoot.tsx"],"names":["useTableState","useScorecardViewStateValue","DataTableFoot","DataTableRow","jsx","Fragment","flexRender"],"mappings":";;;;;;;;;AAMO,SAAS,
|
|
1
|
+
{"version":3,"sources":["../../../../src/components/ScorecardTable/components/TableFoot.tsx"],"names":["useTableState","useScorecardViewStateValue","DataTableFoot","DataTableRow","jsx","Fragment","flexRender"],"mappings":";;;;;;;;;AAMO,SAAS,SAAA,GAAY;AAC3B,EAAA,MAAM,QAAQA,gCAAA,EAAc;AAC5B,EAAA,MAAM,cAAA,GAAiBC,qCAAoC,YAAY,CAAA;AAEvE,EAAA,IAAI,CAAC,cAAA,EAAgB;AACpB,IAAA,OAAO,IAAA;AAAA,EACR;AAEA,EAAA,sCACEC,gBAAA,EAAA,EACC,QAAA,EAAA,KAAA,CAAM,iBAAgB,CAAE,GAAA,CAAI,CAAC,WAAA,KAAgB;AAC7C,IAAA,sCACEC,eAAA,EAAA,EACC,QAAA,EAAA,WAAA,CAAY,OAAA,CAAQ,GAAA,CAAI,CAAC,MAAA,KAAW;AACpC,MAAA,OAAO,MAAA,CAAO,aAAA,GAAgB,IAAA,mBAC7BC,cAAA,CAACC,cAAA,EAAA,EACC,QAAA,EAAAC,qBAAA;AAAA,QACA,MAAA,CAAO,OAAO,SAAA,CAAU,MAAA;AAAA,QACxB,OAAO,UAAA;AAAW,OACnB,EAAA,EAJc,OAAO,EAKtB,CAAA;AAAA,IAEF,CAAC,CAAA,EAAA,EAViB,WAAA,CAAY,EAW/B,CAAA;AAAA,EAEF,CAAC,CAAA,EACF,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 { useScorecardViewStateValue } from \"../../../utils/viewState\";\n\nexport function TableFoot() {\n\tconst table = useTableState();\n\tconst showAverageRow = useScorecardViewStateValue<boolean>(\"averageRow\");\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 +1 @@
|
|
|
1
|
-
{"version":3,"sources":["../../../../../src/components/ScorecardTable/components/TableHeader/TableHeader.tsx"],"names":["memo","useTableState","jsx","DataTableHead","styles","DataTableRow","Fragment","flexRender"],"mappings":";;;;;;;;;;;;;
|
|
1
|
+
{"version":3,"sources":["../../../../../src/components/ScorecardTable/components/TableHeader/TableHeader.tsx"],"names":["memo","useTableState","jsx","DataTableHead","styles","DataTableRow","Fragment","flexRender"],"mappings":";;;;;;;;;;;;;AAMO,MAAM,WAAA,GAAcA,UAAA,CAAK,SAAS,oBAAA,GAAuB;AAC/D,EAAA,MAAM,QAAQC,gCAAA,EAAc;AAE5B,EAAA,uBACCC,cAAA,CAACC,oBAAc,SAAA,EAAWC,uBAAA,CAAO,eAAe,CAAA,EAC9C,QAAA,EAAA,KAAA,CAAM,iBAAgB,CAAE,GAAA,CAAI,CAAC,WAAA,qBAC7BF,cAAA,CAACG,mBACC,QAAA,EAAA,WAAA,CAAY,OAAA,CAAQ,IAAI,CAAC,MAAA,oCACxBC,cAAA,EAAA,EACC,QAAA,EAAAC,qBAAA;AAAA,IACA,MAAA,CAAO,OAAO,SAAA,CAAU,MAAA;AAAA,IACxB,OAAO,UAAA;AAAW,GACnB,EAAA,EAJc,CAAA,EAAG,MAAA,CAAO,EAAE,CAAA,SAAA,CAK3B,CACA,CAAA,EAAA,EARiB,WAAA,CAAY,EAS/B,CACA,CAAA,EACF,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/components/ScorecardTable/components/TableHeader/components/AverageHeaderCell.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sources":["../../../../../../src/components/ScorecardTable/components/TableHeader/components/AverageHeaderCell.tsx"],"names":["useScorecardViewStateValue","useHasOnePeriod","jsx","DataTableColumnHeader","styles","i18n"],"mappings":";;;;;;;;;;;;;;AAQO,SAAS,
|
|
1
|
+
{"version":3,"sources":["../../../../../../src/components/ScorecardTable/components/TableHeader/components/AverageHeaderCell.tsx"],"names":["useScorecardViewStateValue","useHasOnePeriod","jsx","DataTableColumnHeader","styles","i18n"],"mappings":";;;;;;;;;;;;;;AAQO,SAAS,iBAAA,CAAkB;AAAA,EACjC;AACD,CAAA,EAA2C;AAC1C,EAAA,MAAM,UAAA,GAAaA,qCAAoC,gBAAgB,CAAA;AACvE,EAAA,MAAM,eAAeC,8BAAA,EAAgB;AACrC,EAAA,MAAM,UAAU,UAAA,GACb,YAAA,GACC,GAAA,GACA,GAAA,GACD,eACC,GAAA,GACA,GAAA;AAEJ,EAAA,uBACCC,cAAA;AAAA,IAACC,wBAAA;AAAA,IAAA;AAAA,MAEA,KAAA,EAAM,OAAA;AAAA,MACN,OAAA,EAAS,MAAA,CAAO,OAAA,CAAQ,QAAA,EAAS;AAAA,MACjC,OAAA;AAAA,MACA,WAAWC,uBAAA,CAAO,UAAA;AAAA,MAElB,QAAA,kBAAAF,cAAA,CAAC,GAAA,EAAA,EAAG,QAAA,EAAAG,qBAAA,CAAK,CAAA,CAAE,SAAS,CAAA,EAAE;AAAA,KAAA;AAAA,IANjB,MAAA,CAAO;AAAA,GAOb;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 { useScorecardViewStateValue } from \"../../../../../utils/viewState\";\nimport { useHasOnePeriod } from \"../../../../../utils/dimensionState\";\n\nexport function AverageHeaderCell({\n\theader,\n}: HeaderContext<ScorecardTableData, any>) {\n\tconst dataInRows = useScorecardViewStateValue<boolean>(\"showDataInRows\");\n\tconst hasOnePeriod = useHasOnePeriod();\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/components/ScorecardTable/components/TableHeader/components/DataHeaderCell.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sources":["../../../../../../src/components/ScorecardTable/components/TableHeader/components/DataHeaderCell.tsx"],"names":["jsx","DataTableColumnHeader","useScorecardViewStateValue","i18n","DroppableCell","ScorecardDraggableItems","DraggableCell"],"mappings":";;;;;;;;;;;;;;;AAWO,SAAS,
|
|
1
|
+
{"version":3,"sources":["../../../../../../src/components/ScorecardTable/components/TableHeader/components/DataHeaderCell.tsx"],"names":["jsx","DataTableColumnHeader","useScorecardViewStateValue","i18n","DroppableCell","ScorecardDraggableItems","DraggableCell"],"mappings":";;;;;;;;;;;;;;;AAWO,SAAS,mBAAA,CAAoB;AAAA,EACnC;AACD,CAAA,EAA2C;AAC1C,EAAA,MAAM,OAAA,GAAU,MAAA,CAAO,OAAA,CAAQ,QAAA,EAAS;AACxC,EAAA,uBAAOA,cAAA,CAACC,4BAAsB,OAAA,EAAkB,CAAA;AACjD;AAEO,SAAS,uBAAA,CAAwB;AAAA,EACvC,MAAA;AAAA,EACA;AACD,CAAA,EAA2C;AAC1C,EAAA,MAAM,UAAA,GAAaC,iCAAoC,gBAAgB,CAAA;AACvE,EAAA,MAAM,KAAA,GACJ,OAAO,MAAA,CAAO,SAAA,CAAU,KAA2B,KAAA,IACnD,MAAA,CAAO,UAAU,IAAA,CAA2B,KAAA;AAE9C,EAAA,MAAM,IAAA,GACJ,OAAO,MAAA,CAAO,SAAA,CAAU,KAA4B,IAAA,IACpD,MAAA,CAAO,UAAU,IAAA,CAA4B,IAAA;AAE/C,EAAA,MAAM,OAAA,GAAU,MAAA,CAAO,OAAA,CAAQ,QAAA,EAAS;AAExC,EAAA,MAAM,gBAAgB,CAAC,MAAA,EAAQ,aAAY,GACxC,SAAA,GACC,OAAQ,WAAA,EAAY;AACxB,EAAA,MAAM,eACL,MAAA,EAAQ,mBAAA,OAA0B,KAAA,GAC/BC,qBAAA,CAAK,EAAE,oBAAoB,CAAA,GAC3B,QAAQ,mBAAA,EAAoB,KAAM,SACjCA,qBAAA,CAAK,CAAA,CAAE,qBAAqB,CAAA,GAC5BA,qBAAA,CAAK,EAAE,SAAS,CAAA;AAErB,EAAA,uBACCH,cAAA;AAAA,IAACC,wBAAA;AAAA,IAAA;AAAA,MAEA,eAAeE,qBAAA,CAAK,CAAA,CAAE,uBAAA,EAAyB,EAAE,cAAc,CAAA;AAAA,MAC/D,eAAA,EACC,MAAA,CAAO,MAAA,EAAQ,UAAA,EAAW,IAAK,OAAO,UAAA,EAAW,GAC9C,CAAC,CAAA,EAAG,CAAA,KAAM;AACV,QAAA,MAAM,IAAA,GAAO,OAAQ,uBAAA,EAAwB;AAC7C,QAAA,IAAI,IAAA,EAAM;AACT,UAAA,IAAA,CAAK,CAAC,CAAA;AAAA,QACP;AAAA,MACD,CAAA,GACC,MAAA;AAAA,MAEJ,aAAA,EACC,OAAO,MAAA,EAAQ,UAAA,MAAgB,MAAA,CAAO,UAAA,KACnC,aAAA,GACA,MAAA;AAAA,MAEJ,KAAA,EAAM,QAAA;AAAA,MACN,OAAA;AAAA,MAEA,QAAA,kBAAAH,cAAA;AAAA,QAACI,8BAAA;AAAA,QAAA;AAAA,UACA,MAAA,EACC,aACG,CAACC,8BAAA,CAAwB,IAAI,CAAA,GAC7B,CAACA,+BAAwB,EAAE,CAAA;AAAA,UAG/B,QAAA,kBAAAL,cAAA;AAAA,YAACM,2BAAA;AAAA,YAAA;AAAA,cACA,EAAA,EAAI,KAAA;AAAA,cACJ,IAAA,EACC,UAAA,GACGD,8BAAA,CAAwB,EAAA,GACxBA,8BAAA,CAAwB,IAAA;AAAA,cAG3B,QAAA,EAAA,IAAA,mBAAOL,cAAA,CAAC,GAAA,EAAA,EAAG,QAAA,EAAA,KAAA,EAAM,CAAA,GAAO;AAAA;AAAA;AAC1B;AAAA;AACD,KAAA;AAAA,IArCK,GAAG,KAAK,CAAA;AAAA,GAsCd;AAEF;AAEO,MAAM,cAAA,GAAiB","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 { useScorecardViewStateValue } from \"../../../../../utils\";\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 = useScorecardViewStateValue<boolean>(\"showDataInRows\");\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 +1 @@
|
|
|
1
|
-
{"version":3,"sources":["../../../../../../src/components/ScorecardTable/components/TableHeader/components/ExpandCell.tsx"],"names":["jsx","DataTableCell"],"mappings":";;;;;AAIO,SAAS,WAAW,
|
|
1
|
+
{"version":3,"sources":["../../../../../../src/components/ScorecardTable/components/TableHeader/components/ExpandCell.tsx"],"names":["jsx","DataTableCell"],"mappings":";;;;;AAIO,SAAS,WAAW,KAAA,EAAiD;AAC3E,EAAA,MAAM,IAAA,GAAO,MAAM,QAAA,EAAS;AAC5B,EAAA,MAAM,IAAA,GAAO,KAAA,CAAM,IAAA,CAAK,MAAA,CAAO,OAAA,EAAQ;AAEvC,EAAA,IAAI,CAAC,IAAA,EAAM;AACV,IAAA,uBACCA,cAAA;AAAA,MAACC,gBAAA;AAAA,MAAA;AAAA,QACA,KAAA,EAAO,GAAG,IAAI,CAAA,EAAA,CAAA;AAAA,QACd,KAAA,EAAO,EAAE,KAAA,EAAO,IAAA,EAAM,UAAU,IAAA,EAAK;AAAA,QAErC,KAAA,EAAK,IAAA;AAAA,QAGL,IAAA,EAAK;AAAA,OAAA;AAAA,MAJA,MAAM,IAAA,CAAK;AAAA,KAKjB;AAAA,EAEF;AAEA,EAAA,OAAO,IAAA;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"]}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sources":["../../../../../../src/components/ScorecardTable/components/TableHeader/components/FilterArea.tsx"],"names":["useState","useScorecardViewStateValue","i18n","useEffect","jsx","InputField","styles"],"mappings":";;;;;;;;;;;;;;AAYO,SAAS,UAAA,CAAW,EAAE,MAAA,
|
|
1
|
+
{"version":3,"sources":["../../../../../../src/components/ScorecardTable/components/TableHeader/components/FilterArea.tsx"],"names":["useState","useScorecardViewStateValue","i18n","useEffect","jsx","InputField","styles"],"mappings":";;;;;;;;;;;;;;AAYO,SAAS,UAAA,CAAW,EAAE,MAAA,EAAO,EAAoB;AACvD,EAAA,MAAM,YAAA,GAAe,OAAO,cAAA,EAAe;AAC3C,EAAA,MAAM,CAAC,IAAA,EAAM,OAAO,CAAA,GAAIA,eAA6B,YAAY,CAAA;AACjE,EAAA,MAAM,UAAA,GAAaC,qCAAoC,gBAAgB,CAAA;AACvE,EAAA,MAAM,iBAAA,GAAoB,aACvBC,qBAAA,CAAK,CAAA,CAAE,mBAAmB,CAAA,GAC1BA,qBAAA,CAAK,EAAE,2BAA2B,CAAA;AAErC,EAAAC,eAAA,CAAU,MAAM;AACf,IAAA,MAAM,OAAA,GAAU,WAAW,MAAM;AAChC,MAAA,MAAA,CAAO,eAAe,IAAI,CAAA;AAAA,IAC3B,GAAG,GAAG,CAAA;AAEN,IAAA,OAAO,MAAM,aAAa,OAAO,CAAA;AAAA,EAClC,CAAA,EAAG,CAAC,IAAI,CAAC,CAAA;AAET,EAAA,uBACCC,cAAA;AAAA,IAACC,aAAA;AAAA,IAAA;AAAA,MACA,SAAA,EAAWC,wBAAO,cAAc,CAAA;AAAA,MAChC,KAAA,EAAO,IAAA;AAAA,MACP,UAAU,CAAC,EAAE,KAAA,EAAM,KAAM,QAAQ,KAAK,CAAA;AAAA,MACtC,WAAA,EAAa;AAAA;AAAA,GACd;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 { InputField } from \"@dhis2/ui\";\nimport styles from \"../TableHeader.module.css\";\nimport { useEffect, useState } from \"react\";\nimport { useScorecardViewStateValue } from \"../../../../../utils/viewState\";\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 = useScorecardViewStateValue<boolean>(\"showDataInRows\");\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 +1 @@
|
|
|
1
|
-
{"version":3,"sources":["../../../../../../src/components/ScorecardTable/components/TableHeader/components/LabelCell.tsx"],"names":["useScorecardViewStateValue","useMemo","isEmpty","jsx","DataTableCell","DroppableCell","ScorecardDraggableItems","DraggableCell"],"mappings":";;;;;;;;;;;;;;;AAYO,SAAS,mBACf,
|
|
1
|
+
{"version":3,"sources":["../../../../../../src/components/ScorecardTable/components/TableHeader/components/LabelCell.tsx"],"names":["useScorecardViewStateValue","useMemo","isEmpty","jsx","DataTableCell","DroppableCell","ScorecardDraggableItems","DraggableCell"],"mappings":";;;;;;;;;;;;;;;AAYO,SAAS,mBACf,KAAA,EAOC;AACD,EAAA,MAAM,IAAA,GAAO,MAAM,QAAA,EAAS;AAC5B,EAAA,MAAM,IAAA,GAAO,KAAA,CAAM,IAAA,CAAK,MAAA,CAAO,OAAA,EAAQ;AACvC,EAAA,MAAM,UAAA,GAAaA,iCAAoC,gBAAgB,CAAA;AACvE,EAAA,MAAM,aAAA,GAAgBA,iCAAoC,eAAe,CAAA;AAEzE,EAAA,MAAM,WAAA,GAAcA,iCAAoC,WAAW,CAAA;AAEnE,EAAA,MAAM,IAAA,GAAOC,cAAQ,MAAM;AAC1B,IAAA,MAAM,KAAA,GAAQ,KAAA,CAAM,GAAA,CAClB,eAAA,EAAgB,CAChB,SAAA,CAAU,CAAC,EAAE,EAAA,EAAG,KAAM,KAAA,CAAM,IAAA,CAAK,OAAO,EAAE,CAAA;AAC5C,IAAA,OAAO,KAAA,GAAQ,EAAA;AAAA,EAChB,GAAG,CAAC,KAAA,CAAM,KAAK,EAAA,EAAI,KAAA,CAAM,GAAG,CAAC,CAAA;AAE7B,EAAA,MAAM,KAAA,GAAQA,cAAQ,MAAM;AAC3B,IAAA,IAAI,UAAA,EAAY;AACf,MAAA,OAAO,KAAK,KAAA,IAAS,EAAA;AAAA,IACtB;AACA,IAAA,IAAI,aAAA,EAAe;AAClB,MAAA,OACC,KAAK,OAAA,EAAS,SAAA,CACZ,KAAA,CAAM,GAAG,EACT,MAAA,CAAO,CAAC,GAAA,KAAQ,CAACC,eAAQ,GAAG,CAAC,CAAA,CAC7B,IAAA,CAAK,KAAK,CAAA,IAAK,EAAA;AAAA,IAEnB;AACA,IAAA,OAAO,KAAK,KAAA,IAAS,EAAA;AAAA,EACtB,CAAA,EAAG,CAAC,IAAA,EAAM,aAAA,EAAe,UAAU,CAAC,CAAA;AAEpC,EAAA,uBACCC,cAAA;AAAA,IAACC,gBAAA;AAAA,IAAA;AAAA,MACA,SAAA,EAAU,YAAA;AAAA,MACV,KAAA,EAAK,IAAA;AAAA,MACL,KAAA,EAAO,GAAG,IAAI,CAAA,EAAA,CAAA;AAAA,MACd,KAAA,EAAO;AAAA,QACN,KAAA,EAAO,cAAc,MAAA,GAAS,IAAA;AAAA,QAC9B,QAAA,EAAU,cAAc,MAAA,GAAY;AAAA,OACrC;AAAA,MAGA,IAAA,EAAM,GAAG,IAAI,CAAA,EAAA,CAAA;AAAA,MACb,QAAA,EAAQ,IAAA;AAAA,MACR,KAAA,EAAM,MAAA;AAAA,MAEN,QAAA,kBAAAD,cAAA;AAAA,QAACE,8BAAA;AAAA,QAAA;AAAA,UACA,MAAA,EACC,aACG,CAACC,8BAAA,CAAwB,EAAE,CAAA,GAC3B,CAACA,+BAAwB,IAAI,CAAA;AAAA,UAGjC,QAAA,kBAAAH,cAAA;AAAA,YAACI,2BAAA;AAAA,YAAA;AAAA,cACA,EAAA,EAAI,KAAA;AAAA,cACJ,IAAA,EACC,UAAA,GACGD,8BAAA,CAAwB,IAAA,GACxBA,8BAAA,CAAwB,EAAA;AAAA,cAG3B,QAAA,EAAA;AAAA;AAAA;AACF;AAAA;AACD;AAAA,GACD;AAEF;AAEO,MAAM,SAAA,GAAY","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 { useMemo } from \"react\";\nimport { isEmpty } from \"lodash\";\nimport { useScorecardViewStateValue } from \"../../../../../utils\";\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 = useScorecardViewStateValue<boolean>(\"showDataInRows\");\n\tconst showHierarchy = useScorecardViewStateValue<boolean>(\"showHierarchy\");\n\n\tconst inPrintMode = useScorecardViewStateValue<boolean>(\"printMode\");\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.cell.id, props.row]);\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/components/ScorecardTable/components/TableHeader/components/MetaHeaderCell.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sources":["../../../../../../src/components/ScorecardTable/components/TableHeader/components/MetaHeaderCell.tsx"],"names":["useRef","uid","useHasOnePeriod","useScorecardViewStateValue","header","i18n","jsx","DataTableColumnHeader","styles","FilterArea","memo"],"mappings":";;;;;;;;;;;;;;;;AAWA,SAAS,
|
|
1
|
+
{"version":3,"sources":["../../../../../../src/components/ScorecardTable/components/TableHeader/components/MetaHeaderCell.tsx"],"names":["useRef","uid","useHasOnePeriod","useScorecardViewStateValue","header","i18n","jsx","DataTableColumnHeader","styles","FilterArea","memo"],"mappings":";;;;;;;;;;;;;;;;AAWA,SAAS,uBAAA,CAAwB;AAAA,EAChC;AACD,CAAA,EAA2C;AAC1C,EAAA,MAAM,QAAA,GAAWA,YAAA,CAAeC,cAAA,EAAK,CAAA;AAErC,EAAA,MAAM,eAAeC,qBAAA,EAAgB;AACrC,EAAA,MAAM,UAAA,GAAaC,iCAAoC,gBAAgB,CAAA;AAEvE,EAAA,MAAM,UAAU,UAAA,GACb,YAAA,GACC,GAAA,GACA,GAAA,GACD,eACC,GAAA,GACA,GAAA;AAEJ,EAAA,MAAM,YAAA,GAAe,OAAO,UAAA,CAAW,IAAA;AAAA,IAAK,CAACC,OAAAA,KAC5CA,OAAAA,CAAO,MAAA,CAAO,YAAA;AAAa,GAC5B,EAAG,MAAA;AAEH,EAAA,MAAM,gBAAgB,CAAC,YAAA,EAAc,aAAY,GAC9C,SAAA,GACC,aAAc,WAAA,EAAY;AAC9B,EAAA,MAAM,eACL,YAAA,EAAc,mBAAA,OAA0B,KAAA,GACrCC,qBAAA,CAAK,EAAE,oBAAoB,CAAA,GAC3B,cAAc,mBAAA,EAAoB,KAAM,SACvCA,qBAAA,CAAK,CAAA,CAAE,qBAAqB,CAAA,GAC5BA,qBAAA,CAAK,EAAE,SAAS,CAAA;AAErB,EAAA,uBACCC,cAAA;AAAA,IAACC,wBAAA;AAAA,IAAA;AAAA,MAEA,KAAA,EAAM,QAAA;AAAA,MACN,eAAeF,qBAAA,CAAK,CAAA,CAAE,uBAAA,EAAyB,EAAE,cAAc,CAAA;AAAA,MAC/D,eAAA,EAAiB,CAAC,CAAA,EAAG,CAAA,KAAM;AAC1B,QAAA,MAAM,IAAA,GAAO,aAAc,uBAAA,EAAwB;AACnD,QAAA,IAAI,IAAA,EAAM;AACT,UAAA,IAAA,CAAK,CAAC,CAAA;AAAA,QACP;AAAA,MACD,CAAA;AAAA,MACA,KAAA,EAAK,IAAA;AAAA,MAGL,IAAA,EAAK,GAAA;AAAA,MACL,aAAA;AAAA,MACA,OAAA,EAAS,MAAA,CAAO,OAAA,CAAQ,QAAA,EAAS;AAAA,MACjC,OAAA;AAAA,MACA,WAAWG,uBAAA,CAAO,UAAA;AAAA,MAEjB,QAAA,EAAA,CAAC,CAAC,YAAA,oBACFF,cAAA;AAAA,QAACG,qBAAA;AAAA,QAAA;AAAA,UAEA,MAAA,EAAQ;AAAA,SAAA;AAAA,QADH,CAAA,EAAG,OAAO,EAAE,CAAA,YAAA;AAAA;AAElB,KAAA;AAAA,IAtBI,CAAA,EAAG,MAAA,CAAO,EAAE,CAAA,CAAA,EAAI,SAAS,OAAO,CAAA;AAAA,GAwBtC;AAEF;AAEO,MAAM,cAAA,GAAiBC,WAAK,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 { useScorecardViewStateValue } from \"../../../../../utils\";\nimport { useHasOnePeriod } from \"../../../../../utils\";\n\nfunction MetaHeaderCellComponent({\n\theader,\n}: HeaderContext<ScorecardTableData, any>) {\n\tconst randomId = useRef<string>(uid());\n\n\tconst hasOnePeriod = useHasOnePeriod();\n\tconst dataInRows = useScorecardViewStateValue<boolean>(\"showDataInRows\");\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 +1 @@
|
|
|
1
|
-
{"version":3,"sources":["../../../../../../src/components/ScorecardTable/components/TableHeader/components/NumberCell.tsx"],"names":["useMemo","jsx","DataTableCell","memo"],"mappings":";;;;;;AAKA,SAAS,oBACR,
|
|
1
|
+
{"version":3,"sources":["../../../../../../src/components/ScorecardTable/components/TableHeader/components/NumberCell.tsx"],"names":["useMemo","jsx","DataTableCell","memo"],"mappings":";;;;;;AAKA,SAAS,oBACR,KAAA,EACC;AACD,EAAA,MAAM,IAAA,GAAO,KAAA,CAAM,QAAA,EAAS,CAAE,QAAA,EAAS;AACvC,EAAA,MAAM,IAAA,GAAO,KAAA,CAAM,IAAA,CAAK,MAAA,CAAO,OAAA,EAAQ;AAEvC,EAAA,MAAM,IAAA,GAAOA,cAAQ,MAAM;AAC1B,IAAA,MAAM,KAAA,GAAQ,KAAA,CAAM,GAAA,CAClB,eAAA,EAAgB,CAChB,SAAA,CAAU,CAAC,EAAE,EAAA,EAAG,KAAM,KAAA,CAAM,IAAA,CAAK,OAAO,EAAE,CAAA;AAC5C,IAAA,OAAO,KAAA,GAAQ,IAAA;AAAA,EAChB,CAAA,EAAG,CAAC,KAAA,CAAM,GAAA,EAAK,IAAI,CAAC,CAAA;AAEpB,EAAA,uBACCC,cAAA;AAAA,IAACC,gBAAA;AAAA,IAAA;AAAA,MACA,QAAA,EAAQ,IAAA;AAAA,MACR,KAAA,EAAO,GAAG,IAAI,CAAA,EAAA,CAAA;AAAA,MACd,KAAA,EAAO;AAAA,QACN,KAAA,EAAO,IAAA;AAAA,QACP,QAAA,EAAU,IAAA;AAAA,QACV,QAAA,EAAU,EAAA;AAAA,QACV,MAAA,EAAQ;AAAA,OACT;AAAA,MACA,KAAA,EAAK,IAAA;AAAA,MAGL,IAAA,EAAM,GAAG,IAAI,CAAA,EAAA,CAAA;AAAA,MAEZ,QAAA,EAAA;AAAA;AAAA,GACF;AAEF;AAEO,MAAM,UAAA,GAAaC,WAAK,mBAAmB","file":"NumberCell.js","sourcesContent":["import type { CellContext } from \"@tanstack/react-table\";\nimport type { ScorecardTableData } from \"../../../../../schemas/config\";\nimport { DataTableCell } from \"@dhis2/ui\";\nimport { memo, useMemo } from \"react\";\n\nfunction NumberCellComponent(\n\tprops: CellContext<ScorecardTableData, string | number>,\n) {\n\tconst data = props.getValue().toString();\n\tconst size = props.cell.column.getSize();\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 * size;\n\t}, [props.row, size]);\n\n\treturn (\n\t\t<DataTableCell\n\t\t\tbordered\n\t\t\twidth={`${size}px`}\n\t\t\tstyle={{\n\t\t\t\twidth: size,\n\t\t\t\tminWidth: size,\n\t\t\t\tmaxWidth: 48,\n\t\t\t\theight: 48,\n\t\t\t}}\n\t\t\tfixed\n\t\t\t/*\n // @ts-ignore */\n\t\t\tleft={`${left}px`}\n\t\t>\n\t\t\t{data}\n\t\t</DataTableCell>\n\t);\n}\n\nexport const NumberCell = memo(NumberCellComponent);\n"]}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sources":["../../src/components/StateProvider.tsx"],"names":["createContext","useContext","useRef","createScorecardViewStateEngine","createDimensionStateEngine","jsx"],"mappings":";;;;;;;AAiBA,MAAM,qBAAA,GAAwBA,oBAGpB,IAAI,CAAA;AAEP,SAAS,
|
|
1
|
+
{"version":3,"sources":["../../src/components/StateProvider.tsx"],"names":["createContext","useContext","useRef","createScorecardViewStateEngine","createDimensionStateEngine","jsx"],"mappings":";;;;;;;AAiBA,MAAM,qBAAA,GAAwBA,oBAGpB,IAAI,CAAA;AAEP,SAAS,2BAAA,GAA8B;AAC7C,EAAA,MAAM,OAAA,GAAUC,iBAAW,qBAAqB,CAAA;AAChD,EAAA,IAAI,CAAC,OAAA,EAAS;AACb,IAAA,MAAM,KAAA;AAAA,MACL;AAAA,KACD;AAAA,EACD;AACA,EAAA,OAAO,OAAA,CAAQ,OAAA;AAChB;AAEO,SAAS,gCAAA,GAAmC;AAClD,EAAA,MAAM,OAAA,GAAUA,iBAAW,qBAAqB,CAAA;AAChD,EAAA,IAAI,CAAC,OAAA,EAAS;AACb,IAAA,MAAM,KAAA;AAAA,MACL;AAAA,KACD;AAAA,EACD;AACA,EAAA,OAAO,OAAA,CAAQ,SAAA;AAChB;AAEO,SAAS,sBAAA,CAAuB;AAAA,EACtC,QAAA;AAAA,EACA,YAAA;AAAA,EACA;AACD,CAAA,EAAgC;AAC/B,EAAA,MAAM,eAAA,GAAkBC,YAAA;AAAA,IACvBC,wCAAA,CAA+B,YAAA,EAAc,OAAA,IAAW,MAAA,CAAO,OAAO;AAAA,GACvE;AACA,EAAA,MAAM,oBAAA,GAAuBD,YAAA;AAAA,IAC5BE,yCAAA,CAA2B;AAAA,MAC1B,gBAAA,EACC,YAAA,EAAc,gBAAA,IAAoB,MAAA,CAAO,gBAAA;AAAA,MAC1C,eAAA,EACC,YAAA,EAAc,eAAA,IAAmB,MAAA,CAAO;AAAA,KACzC;AAAA,GACF;AAEA,EAAA,uBACCC,cAAA;AAAA,IAAC,qBAAA,CAAsB,QAAA;AAAA,IAAtB;AAAA,MACA,KAAA,EAAO;AAAA,QACN,SAAS,eAAA,CAAgB,OAAA;AAAA,QACzB,WAAW,oBAAA,CAAqB;AAAA,OACjC;AAAA,MAEC;AAAA;AAAA,GACF;AAEF","file":"StateProvider.js","sourcesContent":["import type { ScorecardConfig, ScorecardState } from \"../schemas/config\";\nimport { createContext, type ReactNode, useContext, useRef } from \"react\";\nimport {\n\tcreateScorecardViewStateEngine,\n\ttype ScorecardViewStateEngine,\n} from \"../utils/viewState\";\nimport {\n\tcreateDimensionStateEngine,\n\ttype DimensionStateEngine,\n} from \"../utils/dimensionState\";\n\nexport interface ScorecardStateProviderProps {\n\tinitialState?: ScorecardState;\n\tconfig: ScorecardConfig;\n\tchildren: ReactNode;\n}\n\nconst ScorecardStateContext = createContext<{\n\toptions: ScorecardViewStateEngine;\n\tdimension: DimensionStateEngine;\n} | null>(null);\n\nexport function useScorecardViewStateEngine() {\n\tconst context = useContext(ScorecardStateContext);\n\tif (!context) {\n\t\tthrow Error(\n\t\t\t\"useScorecardViewStateEngine should be used inside a Scorecard Context\",\n\t\t);\n\t}\n\treturn context.options;\n}\n\nexport function useScorecardDimensionStateEngine() {\n\tconst context = useContext(ScorecardStateContext);\n\tif (!context) {\n\t\tthrow Error(\n\t\t\t\"useScorecardDimensionStateEngine should be used inside a Scorecard Context\",\n\t\t);\n\t}\n\treturn context.dimension;\n}\n\nexport function ScorecardStateProvider({\n\tchildren,\n\tinitialState,\n\tconfig,\n}: ScorecardStateProviderProps) {\n\tconst viewStateEngine = useRef<ScorecardViewStateEngine>(\n\t\tcreateScorecardViewStateEngine(initialState?.options ?? config.options),\n\t);\n\tconst dimensionStateEngine = useRef<DimensionStateEngine>(\n\t\tcreateDimensionStateEngine({\n\t\t\torgUnitSelection:\n\t\t\t\tinitialState?.orgUnitSelection ?? config.orgUnitSelection,\n\t\t\tperiodSelection:\n\t\t\t\tinitialState?.periodSelection ?? config.periodSelection,\n\t\t}),\n\t);\n\n\treturn (\n\t\t<ScorecardStateContext.Provider\n\t\t\tvalue={{\n\t\t\t\toptions: viewStateEngine.current,\n\t\t\t\tdimension: dimensionStateEngine.current,\n\t\t\t}}\n\t\t>\n\t\t\t{children}\n\t\t</ScorecardStateContext.Provider>\n\t);\n}\n"]}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sources":["../../src/components/TableStateProvider.tsx"],"names":["createContext","getCoreRowModel","useContext","useDeferredValue","useReactTable","useBoolean","jsx","memo","TableStateProvider","useTableSetup"],"mappings":";;;;;;;;AAgBA,MAAM,oBAAoBA,
|
|
1
|
+
{"version":3,"sources":["../../src/components/TableStateProvider.tsx"],"names":["createContext","getCoreRowModel","useContext","useDeferredValue","useReactTable","useBoolean","jsx","memo","TableStateProvider","useTableSetup"],"mappings":";;;;;;;;AAgBA,MAAM,oBAAoBA,mBAAA,CAAgD;AAAA,EACzE,OAAO,EAAC;AAAA,EACR,SAAS,EAAC;AAAA,EACV,iBAAiBC,0BAAA,EAAgB;AAAA,EACjC,MAAM;AACP,CAAC,CAAA;AAED,MAAM,wBAAA,GAA2BD,oBAAuB,KAAK,CAAA;AAC7D,MAAM,8BAAA,GAAiCA,oBAA0B,MAAM;AAAC,CAAC,CAAA;AAElE,SAAS,aAAA,GAAgB;AAC/B,EAAA,MAAM,OAAA,GAAUE,iBAAW,iBAAiB,CAAA;AAC5C,EAAA,MAAM,eAAA,GAAkBC,uBAAiB,OAAO,CAAA;AAChD,EAAA,OAAOC,yBAAkC,eAAe,CAAA;AACzD;AAEO,SAAS,0BAAA,GAA6B;AAC5C,EAAA,OAAOF,iBAAW,8BAA8B,CAAA;AACjD;AAEO,SAAS,oBAAA,GAAuB;AACtC,EAAA,OAAOA,iBAAW,wBAAwB,CAAA;AAC3C;AAEO,SAAS,yBAAA,CAA0B;AAAA,EACzC;AACD,CAAA,EAEG;AACF,EAAA,MAAM,EAAE,KAAA,EAAO,OAAA,EAAS,MAAA,EAAO,GAAIG,sBAAW,KAAK,CAAA;AAEnD,EAAA,uBACCC,cAAA,CAAC,8BAAA,CAA+B,QAAA,EAA/B,EAAwC,KAAA,EAAO,MAAA,EAC/C,QAAA,kBAAAA,cAAA,CAAC,wBAAA,CAAyB,QAAA,EAAzB,EAAkC,KAAA,EAAO,OAAA,EACxC,UACF,CAAA,EACD,CAAA;AAEF;AAEO,MAAM,kBAAA,GAAqBC,UAAA,CAAK,SAASC,mBAAAA,CAAmB;AAAA,EAClE;AACD,CAAA,EAEG;AACF,EAAA,MAAM,UAAUC,mBAAA,EAAc;AAC9B,EAAA,uBACCH,cAAA,CAAC,kBAAkB,QAAA,EAAlB,EAA2B,OAAO,OAAA,EAClC,QAAA,kBAAAA,cAAA,CAAC,yBAAA,EAAA,EAA2B,QAAA,EAAS,CAAA,EACtC,CAAA;AAEF,CAAC","file":"TableStateProvider.js","sourcesContent":["import {\n\tcreateContext,\n\tmemo,\n\ttype ReactNode,\n\tuseContext,\n\tuseDeferredValue,\n} from \"react\";\nimport {\n\tgetCoreRowModel,\n\ttype TableOptions,\n\tuseReactTable,\n} from \"@tanstack/react-table\";\nimport { useTableSetup } from \"../hooks/table\";\nimport type { ScorecardTableData } from \"../schemas/config\";\nimport { useBoolean } from \"usehooks-ts\";\n\nconst TableStateContext = createContext<TableOptions<ScorecardTableData>>({\n\tstate: {},\n\tcolumns: [],\n\tgetCoreRowModel: getCoreRowModel(),\n\tdata: [],\n});\n\nconst TableLoadingStateContext = createContext<boolean>(false);\nconst TableLoadingStateToggleContext = createContext<() => void>(() => {});\n\nexport function useTableState() {\n\tconst context = useContext(TableStateContext);\n\tconst deferredContext = useDeferredValue(context);\n\treturn useReactTable<ScorecardTableData>(deferredContext);\n}\n\nexport function useToggleTableLoadingState() {\n\treturn useContext(TableLoadingStateToggleContext);\n}\n\nexport function useTableLoadingState() {\n\treturn useContext(TableLoadingStateContext);\n}\n\nexport function TableLoadingStateProvider({\n\tchildren,\n}: {\n\tchildren: ReactNode;\n}) {\n\tconst { value: loading, toggle } = useBoolean(false);\n\n\treturn (\n\t\t<TableLoadingStateToggleContext.Provider value={toggle}>\n\t\t\t<TableLoadingStateContext.Provider value={loading}>\n\t\t\t\t{children}\n\t\t\t</TableLoadingStateContext.Provider>\n\t\t</TableLoadingStateToggleContext.Provider>\n\t);\n}\n\nexport const TableStateProvider = memo(function TableStateProvider({\n\tchildren,\n}: {\n\tchildren: ReactNode;\n}) {\n\tconst options = useTableSetup();\n\treturn (\n\t\t<TableStateContext.Provider value={options}>\n\t\t\t<TableLoadingStateProvider>{children}</TableLoadingStateProvider>\n\t\t</TableStateContext.Provider>\n\t);\n});\n"]}
|
package/dist/components/index.js
CHANGED
|
@@ -10,6 +10,7 @@ var ScorecardHeader = require('./ScorecardHeader');
|
|
|
10
10
|
var ScorecardLegendsView = require('./ScorecardLegendsView');
|
|
11
11
|
var StateProvider = require('./StateProvider');
|
|
12
12
|
var TableStateProvider = require('./TableStateProvider');
|
|
13
|
+
var HighlightedItems = require('./HighlightedItems');
|
|
13
14
|
|
|
14
15
|
|
|
15
16
|
|
|
@@ -73,5 +74,11 @@ Object.keys(TableStateProvider).forEach(function (k) {
|
|
|
73
74
|
get: function () { return TableStateProvider[k]; }
|
|
74
75
|
});
|
|
75
76
|
});
|
|
77
|
+
Object.keys(HighlightedItems).forEach(function (k) {
|
|
78
|
+
if (k !== 'default' && !Object.prototype.hasOwnProperty.call(exports, k)) Object.defineProperty(exports, k, {
|
|
79
|
+
enumerable: true,
|
|
80
|
+
get: function () { return HighlightedItems[k]; }
|
|
81
|
+
});
|
|
82
|
+
});
|
|
76
83
|
//# sourceMappingURL=index.js.map
|
|
77
84
|
//# sourceMappingURL=index.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sources":["../../src/Scorecard.tsx"],"names":[],"mappings":";;;;;;AAaO,SAAS,SAAA,CAAU,EAAE,UAAA,
|
|
1
|
+
{"version":3,"sources":["../../src/Scorecard.tsx"],"names":[],"mappings":";;;;;;AAaO,SAAS,SAAA,CAAU,EAAE,UAAA,EAAW,EAAiC;AACvE,EAAA,uBACC,GAAA,CAAC,kBAAA,EAAA,EACA,QAAA,kBAAA,GAAA,CAAC,WAAA,EAAA,EAAY,OAAA,EAAS,YAAA,EACrB,QAAA,kBAAA,GAAA,CAAC,cAAA,EAAA,EAAgB,GAAI,UAAA,IAAc,EAAC,EAAI,GACzC,CAAA,EACD,CAAA;AAEF","file":"Scorecard.js","sourcesContent":["import { ReactElement } from \"react\";\nimport { TableStateProvider } from \"./components\";\nimport {\n\tScorecardTable,\n\ttype ScorecardTableProps,\n} from \"./components/ScorecardTable\";\nimport { HTML5Backend } from \"react-dnd-html5-backend\";\nimport { DndProvider } from \"react-dnd\";\n\nexport interface ScorecardProps {\n\ttableProps?: ScorecardTableProps;\n}\n\nexport function Scorecard({ tableProps }: ScorecardProps): ReactElement {\n\treturn (\n\t\t<TableStateProvider>\n\t\t\t<DndProvider backend={HTML5Backend}>\n\t\t\t\t<ScorecardTable {...(tableProps ?? {})} />\n\t\t\t</DndProvider>\n\t\t</TableStateProvider>\n\t);\n}\n"]}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sources":["../../../src/components/ColGroup.tsx"],"names":[],"mappings":";;;AAEO,SAAS,
|
|
1
|
+
{"version":3,"sources":["../../../src/components/ColGroup.tsx"],"names":[],"mappings":";;;AAEO,SAAS,QAAA,GAAW;AAC1B,EAAA,MAAM,WAAA,GAAc,2BAAoC,WAAW,CAAA;AACnE,EAAA,MAAM,UAAA,GAAa,2BAAoC,YAAY,CAAA;AAEnE,EAAA,IAAI,CAAC,WAAA,EAAa;AACjB,IAAA,OAAO,IAAA;AAAA,EACR;AAEA,EAAA,4BACE,UAAA,EAAA,EACC,QAAA,EAAA;AAAA,IAAA,UAAA,oBAAc,GAAA,CAAC,KAAA,EAAA,EAAI,KAAA,EAAO,EAAA,EAAI,CAAA;AAAA,oBAC/B,GAAA,CAAC,KAAA,EAAA,EAAI,KAAA,EAAM,MAAA,EAAO;AAAA,GAAA,EACnB,CAAA;AAEF","file":"ColGroup.js","sourcesContent":["import { useScorecardViewStateValue } from \"../utils/viewState\";\n\nexport function ColGroup() {\n\tconst inPrintMode = useScorecardViewStateValue<boolean>(\"printMode\");\n\tconst itemNumber = useScorecardViewStateValue<boolean>(\"itemNumber\");\n\n\tif (!inPrintMode) {\n\t\treturn null;\n\t}\n\n\treturn (\n\t\t<colgroup>\n\t\t\t{itemNumber && <col width={48} />}\n\t\t\t<col width=\"auto\" />\n\t\t</colgroup>\n\t);\n}\n"]}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sources":["../../../src/components/ConfigProvider.tsx"],"names":[],"mappings":";;;;AAUA,MAAM,sBAAA,GAAyB,cAAsC,IAAI,CAAA;AAElE,SAAS,
|
|
1
|
+
{"version":3,"sources":["../../../src/components/ConfigProvider.tsx"],"names":[],"mappings":";;;;AAUA,MAAM,sBAAA,GAAyB,cAAsC,IAAI,CAAA;AAElE,SAAS,kBAAA,GAAqB;AACpC,EAAA,MAAM,MAAA,GAAS,WAAW,sBAAsB,CAAA;AAChD,EAAA,IAAI,CAAC,MAAA,EAAQ;AACZ,IAAA,MAAM,KAAA;AAAA,MACL,IAAA,CAAK,CAAA;AAAA,QACJ;AAAA;AACD,KACD;AAAA,EACD;AACA,EAAA,OAAO,MAAA;AACR;AAEO,MAAM,0BAGR,IAAA,CAAK,CAAC,EAAE,MAAA,EAAQ,UAAS,KAAM;AACnC,EAAA,2BACE,sBAAA,CAAuB,QAAA,EAAvB,EAAgC,KAAA,EAAO,QACtC,QAAA,EACF,CAAA;AAEF,CAAC","file":"ConfigProvider.js","sourcesContent":["import {\n\tcreateContext,\n\ttype FC,\n\tmemo,\n\ttype ReactNode,\n\tuseContext,\n} from \"react\";\nimport type { ScorecardConfig } from \"../schemas/config\";\nimport i18n from \"@dhis2/d2-i18n\";\n\nconst ScorecardConfigContext = createContext<ScorecardConfig | null>(null);\n\nexport function useScorecardConfig() {\n\tconst config = useContext(ScorecardConfigContext);\n\tif (!config) {\n\t\tthrow Error(\n\t\t\ti18n.t(\n\t\t\t\t\"useScorecardConfig should be used inside a Scorecard Context\",\n\t\t\t),\n\t\t);\n\t}\n\treturn config;\n}\n\nexport const ScorecardConfigProvider: FC<{\n\tconfig: ScorecardConfig;\n\tchildren: ReactNode;\n}> = memo(({ config, children }) => {\n\treturn (\n\t\t<ScorecardConfigContext.Provider value={config}>\n\t\t\t{children}\n\t\t</ScorecardConfigContext.Provider>\n\t);\n});\n"]}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sources":["../../../src/components/DataProvider.tsx"],"names":["ScorecardDataProvider"],"mappings":";;;;;AAWA,MAAM,uBAAuB,
|
|
1
|
+
{"version":3,"sources":["../../../src/components/DataProvider.tsx"],"names":["ScorecardDataProvider"],"mappings":";;;;;AAWA,MAAM,uBAAuB,aAAA,CAA6B;AAAA,EACzD,MAAM,yBAAA;AACP,CAAC,CAAA;AAEM,SAAS,gBAAA,GAAmB;AAClC,EAAA,OAAO,WAAW,oBAAoB,CAAA;AACvC;AAEO,MAAM,qBAAA,GAAwB,IAAA,CAAK,SAASA,sBAAAA,CAAsB;AAAA,EACxE;AACD,CAAA,EAEG;AACF,EAAA,MAAM,UAAA,GAAa,MAAA,CAA4B,yBAAA,EAA2B,CAAA;AAC1E,EAAA,mBAAA,CAAoB,WAAW,OAAO,CAAA;AAEtC,EAAA,uBACC,GAAA;AAAA,IAAC,oBAAA,CAAqB,QAAA;AAAA,IAArB;AAAA,MACA,KAAA,EAAO;AAAA,QACN,MAAM,UAAA,CAAW;AAAA,OAClB;AAAA,MAEC;AAAA;AAAA,GACF;AAEF,CAAC","file":"DataProvider.js","sourcesContent":["import { createContext, memo, type ReactNode, useContext, useRef } from \"react\";\nimport { useGetScorecardData } from \"../hooks/data\";\nimport {\n\tcreateScorecardDataEngine,\n\ttype ScorecardDataEngine,\n} from \"../utils/dataEngine\";\n\nexport interface ScorecardData {\n\tdata: ScorecardDataEngine;\n}\n\nconst ScorecardDataContext = createContext<ScorecardData>({\n\tdata: createScorecardDataEngine(),\n});\n\nexport function useScorecardData() {\n\treturn useContext(ScorecardDataContext);\n}\n\nexport const ScorecardDataProvider = memo(function ScorecardDataProvider({\n\tchildren,\n}: {\n\tchildren: ReactNode;\n}) {\n\tconst dataEngine = useRef<ScorecardDataEngine>(createScorecardDataEngine());\n\tuseGetScorecardData(dataEngine.current);\n\n\treturn (\n\t\t<ScorecardDataContext.Provider\n\t\t\tvalue={{\n\t\t\t\tdata: dataEngine.current,\n\t\t\t}}\n\t\t>\n\t\t\t{children}\n\t\t</ScorecardDataContext.Provider>\n\t);\n});\n"]}
|
|
@@ -0,0 +1,64 @@
|
|
|
1
|
+
import { jsxs, jsx } from 'react/jsx-runtime';
|
|
2
|
+
import { useMemo } from 'react';
|
|
3
|
+
import { getLegend, getTextColorFromBackgroundColor } from '../../../utils/legends';
|
|
4
|
+
import { useScorecardMeta } from '../../MetaProvider';
|
|
5
|
+
import { useScorecardConfig } from '../../ConfigProvider';
|
|
6
|
+
import { colors } from '@dhis2/ui';
|
|
7
|
+
|
|
8
|
+
function HighlightedItem({
|
|
9
|
+
item,
|
|
10
|
+
data
|
|
11
|
+
}) {
|
|
12
|
+
const config = useScorecardConfig();
|
|
13
|
+
const meta = useScorecardMeta();
|
|
14
|
+
const legendDefinition = useMemo(() => {
|
|
15
|
+
return data ? getLegend({
|
|
16
|
+
dataSource: item,
|
|
17
|
+
value: parseFloat(data),
|
|
18
|
+
orgUnitLevels: meta.orgUnitLevels,
|
|
19
|
+
config
|
|
20
|
+
}) : void 0;
|
|
21
|
+
}, [item, data, meta, config]);
|
|
22
|
+
return /* @__PURE__ */ jsxs(
|
|
23
|
+
"div",
|
|
24
|
+
{
|
|
25
|
+
style: {
|
|
26
|
+
display: "flex",
|
|
27
|
+
gap: 16,
|
|
28
|
+
justifyContent: "space-between",
|
|
29
|
+
border: `1px solid ${colors.grey500}`,
|
|
30
|
+
borderRadius: 4,
|
|
31
|
+
minHeight: 48,
|
|
32
|
+
alignItems: "center",
|
|
33
|
+
width: "100%"
|
|
34
|
+
},
|
|
35
|
+
children: [
|
|
36
|
+
/* @__PURE__ */ jsx("span", { style: { padding: 8, fontSize: 14 }, children: item.label ?? item.name }),
|
|
37
|
+
/* @__PURE__ */ jsx(
|
|
38
|
+
"div",
|
|
39
|
+
{
|
|
40
|
+
style: {
|
|
41
|
+
minHeight: 48,
|
|
42
|
+
height: "100%",
|
|
43
|
+
width: 100,
|
|
44
|
+
display: "flex",
|
|
45
|
+
justifyContent: "center",
|
|
46
|
+
borderLeft: `1px solid ${colors.grey500}`,
|
|
47
|
+
alignItems: "center",
|
|
48
|
+
padding: 8,
|
|
49
|
+
background: legendDefinition?.color,
|
|
50
|
+
color: legendDefinition?.color ? getTextColorFromBackgroundColor(
|
|
51
|
+
legendDefinition?.color
|
|
52
|
+
) : void 0
|
|
53
|
+
},
|
|
54
|
+
children: /* @__PURE__ */ jsx("b", { children: data })
|
|
55
|
+
}
|
|
56
|
+
)
|
|
57
|
+
]
|
|
58
|
+
}
|
|
59
|
+
);
|
|
60
|
+
}
|
|
61
|
+
|
|
62
|
+
export { HighlightedItem };
|
|
63
|
+
//# sourceMappingURL=HighlightedItem.js.map
|
|
64
|
+
//# sourceMappingURL=HighlightedItem.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"sources":["../../../../../src/components/HighlightedItems/components/HighlightedItem.tsx"],"names":[],"mappings":";;;;;;;AAUO,SAAS,eAAA,CAAgB;AAAA,EAC/B,IAAA;AAAA,EACA;AACD,CAAA,EAGG;AACF,EAAA,MAAM,SAAS,kBAAA,EAAmB;AAClC,EAAA,MAAM,OAAO,gBAAA,EAAiB;AAC9B,EAAA,MAAM,gBAAA,GAAmB,QAAQ,MAAM;AACtC,IAAA,OAAO,OACJ,SAAA,CAAU;AAAA,MACV,UAAA,EAAY,IAAA;AAAA,MACZ,KAAA,EAAO,WAAW,IAAI,CAAA;AAAA,MACtB,eAAe,IAAA,CAAM,aAAA;AAAA,MACrB;AAAA,KACA,CAAA,GACA,MAAA;AAAA,EACJ,GAAG,CAAC,IAAA,EAAM,IAAA,EAAM,IAAA,EAAM,MAAM,CAAC,CAAA;AAE7B,EAAA,uBACC,IAAA;AAAA,IAAC,KAAA;AAAA,IAAA;AAAA,MACA,KAAA,EAAO;AAAA,QACN,OAAA,EAAS,MAAA;AAAA,QACT,GAAA,EAAK,EAAA;AAAA,QACL,cAAA,EAAgB,eAAA;AAAA,QAChB,MAAA,EAAQ,CAAA,UAAA,EAAa,MAAA,CAAO,OAAO,CAAA,CAAA;AAAA,QACnC,YAAA,EAAc,CAAA;AAAA,QACd,SAAA,EAAW,EAAA;AAAA,QACX,UAAA,EAAY,QAAA;AAAA,QACZ,KAAA,EAAO;AAAA,OACR;AAAA,MAEA,QAAA,EAAA;AAAA,wBAAA,GAAA,CAAC,MAAA,EAAA,EAAK,KAAA,EAAO,EAAE,OAAA,EAAS,CAAA,EAAG,QAAA,EAAU,EAAA,EAAG,EACtC,QAAA,EAAA,IAAA,CAAK,KAAA,IAAS,IAAA,CAAK,IAAA,EACrB,CAAA;AAAA,wBACA,GAAA;AAAA,UAAC,KAAA;AAAA,UAAA;AAAA,YACA,KAAA,EAAO;AAAA,cACN,SAAA,EAAW,EAAA;AAAA,cACX,MAAA,EAAQ,MAAA;AAAA,cACR,KAAA,EAAO,GAAA;AAAA,cACP,OAAA,EAAS,MAAA;AAAA,cACT,cAAA,EAAgB,QAAA;AAAA,cAChB,UAAA,EAAY,CAAA,UAAA,EAAa,MAAA,CAAO,OAAO,CAAA,CAAA;AAAA,cACvC,UAAA,EAAY,QAAA;AAAA,cACZ,OAAA,EAAS,CAAA;AAAA,cACT,YAAY,gBAAA,EAAkB,KAAA;AAAA,cAC9B,KAAA,EAAO,kBAAkB,KAAA,GACtB,+BAAA;AAAA,gBACA,gBAAA,EAAkB;AAAA,eACnB,GACC;AAAA,aACJ;AAAA,YAEA,QAAA,kBAAA,GAAA,CAAC,OAAG,QAAA,EAAA,IAAA,EAAK;AAAA;AAAA;AACV;AAAA;AAAA,GACD;AAEF","file":"HighlightedItem.js","sourcesContent":["import type { ScorecardDataSource } from \"../../../schemas/config\";\nimport { useMemo } from \"react\";\nimport {\n\tgetLegend,\n\tgetTextColorFromBackgroundColor,\n} from \"../../../utils/legends\";\nimport { useScorecardMeta } from \"../../MetaProvider\";\nimport { useScorecardConfig } from \"../../ConfigProvider\";\nimport { colors } from \"@dhis2/ui\";\n\nexport function HighlightedItem({\n\titem,\n\tdata,\n}: {\n\titem: ScorecardDataSource;\n\tdata?: string;\n}) {\n\tconst config = useScorecardConfig();\n\tconst meta = useScorecardMeta();\n\tconst legendDefinition = useMemo(() => {\n\t\treturn data\n\t\t\t? getLegend({\n\t\t\t\t\tdataSource: item,\n\t\t\t\t\tvalue: parseFloat(data),\n\t\t\t\t\torgUnitLevels: meta!.orgUnitLevels,\n\t\t\t\t\tconfig: config!,\n\t\t\t\t})\n\t\t\t: undefined;\n\t}, [item, data, meta, config]);\n\n\treturn (\n\t\t<div\n\t\t\tstyle={{\n\t\t\t\tdisplay: \"flex\",\n\t\t\t\tgap: 16,\n\t\t\t\tjustifyContent: \"space-between\",\n\t\t\t\tborder: `1px solid ${colors.grey500}`,\n\t\t\t\tborderRadius: 4,\n\t\t\t\tminHeight: 48,\n\t\t\t\talignItems: \"center\",\n\t\t\t\twidth: \"100%\",\n\t\t\t}}\n\t\t>\n\t\t\t<span style={{ padding: 8, fontSize: 14 }}>\n\t\t\t\t{item.label ?? item.name}\n\t\t\t</span>\n\t\t\t<div\n\t\t\t\tstyle={{\n\t\t\t\t\tminHeight: 48,\n\t\t\t\t\theight: \"100%\",\n\t\t\t\t\twidth: 100,\n\t\t\t\t\tdisplay: \"flex\",\n\t\t\t\t\tjustifyContent: \"center\",\n\t\t\t\t\tborderLeft: `1px solid ${colors.grey500}`,\n\t\t\t\t\talignItems: \"center\",\n\t\t\t\t\tpadding: 8,\n\t\t\t\t\tbackground: legendDefinition?.color,\n\t\t\t\t\tcolor: legendDefinition?.color\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<b>{data}</b>\n\t\t\t</div>\n\t\t</div>\n\t);\n}\n"]}
|
|
@@ -0,0 +1,49 @@
|
|
|
1
|
+
import { useScorecardMeta } from '../../MetaProvider';
|
|
2
|
+
import { useScorecardConfig } from '../../ConfigProvider';
|
|
3
|
+
import { useMemo } from 'react';
|
|
4
|
+
import { useDataQuery } from '@dhis2/app-runtime';
|
|
5
|
+
|
|
6
|
+
const query = {
|
|
7
|
+
data: {
|
|
8
|
+
resource: "analytics",
|
|
9
|
+
params: ({
|
|
10
|
+
periods,
|
|
11
|
+
orgUnits,
|
|
12
|
+
dataItems
|
|
13
|
+
}) => {
|
|
14
|
+
return {
|
|
15
|
+
skipMeta: true,
|
|
16
|
+
dimension: [`dx:${dataItems.join(";")}`],
|
|
17
|
+
filter: [`ou:${orgUnits.join(";")}`, `pe:${periods.join(";")}`]
|
|
18
|
+
};
|
|
19
|
+
}
|
|
20
|
+
}
|
|
21
|
+
};
|
|
22
|
+
function useHighlightedItemsData() {
|
|
23
|
+
const meta = useScorecardMeta();
|
|
24
|
+
const { highlightedIndicators } = useScorecardConfig();
|
|
25
|
+
const dimensions = useMemo(() => {
|
|
26
|
+
const periods = meta?.periods.map((period) => period.uid) || [];
|
|
27
|
+
const orgUnits = meta?.orgUnits.map((orgUnit) => orgUnit.uid) || [];
|
|
28
|
+
const dataItems = highlightedIndicators.map(
|
|
29
|
+
(indicator) => indicator.id
|
|
30
|
+
);
|
|
31
|
+
return {
|
|
32
|
+
periods,
|
|
33
|
+
orgUnits,
|
|
34
|
+
dataItems
|
|
35
|
+
};
|
|
36
|
+
}, [highlightedIndicators, meta]);
|
|
37
|
+
const { data, loading, error } = useDataQuery(query, {
|
|
38
|
+
variables: dimensions
|
|
39
|
+
});
|
|
40
|
+
return {
|
|
41
|
+
data: data?.data,
|
|
42
|
+
loading,
|
|
43
|
+
error
|
|
44
|
+
};
|
|
45
|
+
}
|
|
46
|
+
|
|
47
|
+
export { useHighlightedItemsData };
|
|
48
|
+
//# sourceMappingURL=data.js.map
|
|
49
|
+
//# sourceMappingURL=data.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"sources":["../../../../../src/components/HighlightedItems/hooks/data.ts"],"names":[],"mappings":";;;;;AAMA,MAAM,KAAA,GAAa;AAAA,EAClB,IAAA,EAAM;AAAA,IACL,QAAA,EAAU,WAAA;AAAA,IACV,QAAQ,CAAC;AAAA,MACR,OAAA;AAAA,MACA,QAAA;AAAA,MACA;AAAA,KACD,KAIM;AACL,MAAA,OAAO;AAAA,QACN,QAAA,EAAU,IAAA;AAAA,QACV,WAAW,CAAC,CAAA,GAAA,EAAM,UAAU,IAAA,CAAK,GAAG,CAAC,CAAA,CAAE,CAAA;AAAA,QACvC,MAAA,EAAQ,CAAC,CAAA,GAAA,EAAM,QAAA,CAAS,IAAA,CAAK,GAAG,CAAC,CAAA,CAAA,EAAI,CAAA,GAAA,EAAM,OAAA,CAAQ,IAAA,CAAK,GAAG,CAAC,CAAA,CAAE;AAAA,OAC/D;AAAA,IACD;AAAA;AAEF,CAAA;AAEO,SAAS,uBAAA,GAA0B;AACzC,EAAA,MAAM,OAAO,gBAAA,EAAiB;AAE9B,EAAA,MAAM,EAAE,qBAAA,EAAsB,GAAI,kBAAA,EAAmB;AACrD,EAAA,MAAM,UAAA,GAAa,QAAQ,MAAM;AAChC,IAAA,MAAM,OAAA,GAAU,MAAM,OAAA,CAAQ,GAAA,CAAI,CAAC,MAAA,KAAW,MAAA,CAAO,GAAG,CAAA,IAAK,EAAC;AAC9D,IAAA,MAAM,QAAA,GAAW,MAAM,QAAA,CAAS,GAAA,CAAI,CAAC,OAAA,KAAY,OAAA,CAAQ,GAAG,CAAA,IAAK,EAAC;AAClE,IAAA,MAAM,YAAY,qBAAA,CAAsB,GAAA;AAAA,MACvC,CAAC,cAAc,SAAA,CAAU;AAAA,KAC1B;AACA,IAAA,OAAO;AAAA,MACN,OAAA;AAAA,MACA,QAAA;AAAA,MACA;AAAA,KACD;AAAA,EACD,CAAA,EAAG,CAAC,qBAAA,EAAuB,IAAI,CAAC,CAAA;AAChC,EAAA,MAAM,EAAE,IAAA,EAAM,OAAA,EAAS,KAAA,EAAM,GAAI,aAAkC,KAAA,EAAO;AAAA,IACzE,SAAA,EAAW;AAAA,GACX,CAAA;AAED,EAAA,OAAO;AAAA,IACN,MAAM,IAAA,EAAM,IAAA;AAAA,IACZ,OAAA;AAAA,IACA;AAAA,GACD;AACD","file":"data.js","sourcesContent":["import { useScorecardMeta } from \"../../MetaProvider\";\nimport { useScorecardConfig } from \"../../ConfigProvider\";\nimport { useMemo } from \"react\";\nimport { useDataQuery } from \"@dhis2/app-runtime\";\nimport type { Analytics } from \"@hisptz/dhis2-utils\";\n\nconst query: any = {\n\tdata: {\n\t\tresource: \"analytics\",\n\t\tparams: ({\n\t\t\tperiods,\n\t\t\torgUnits,\n\t\t\tdataItems,\n\t\t}: {\n\t\t\tperiods: string[];\n\t\t\torgUnits: string[];\n\t\t\tdataItems: string[];\n\t\t}) => {\n\t\t\treturn {\n\t\t\t\tskipMeta: true,\n\t\t\t\tdimension: [`dx:${dataItems.join(\";\")}`],\n\t\t\t\tfilter: [`ou:${orgUnits.join(\";\")}`, `pe:${periods.join(\";\")}`],\n\t\t\t};\n\t\t},\n\t},\n};\n\nexport function useHighlightedItemsData() {\n\tconst meta = useScorecardMeta();\n\n\tconst { highlightedIndicators } = useScorecardConfig();\n\tconst dimensions = useMemo(() => {\n\t\tconst periods = meta?.periods.map((period) => period.uid) || [];\n\t\tconst orgUnits = meta?.orgUnits.map((orgUnit) => orgUnit.uid) || [];\n\t\tconst dataItems = highlightedIndicators.map(\n\t\t\t(indicator) => indicator.id,\n\t\t);\n\t\treturn {\n\t\t\tperiods,\n\t\t\torgUnits,\n\t\t\tdataItems,\n\t\t};\n\t}, [highlightedIndicators, meta]);\n\tconst { data, loading, error } = useDataQuery<{ data: Analytics }>(query, {\n\t\tvariables: dimensions,\n\t});\n\n\treturn {\n\t\tdata: data?.data,\n\t\tloading,\n\t\terror,\n\t};\n}\n"]}
|
|
@@ -0,0 +1,33 @@
|
|
|
1
|
+
import { jsx } from 'react/jsx-runtime';
|
|
2
|
+
import { useHighlightedItemsData } from './hooks/data';
|
|
3
|
+
import { CircularLoader } from '@dhis2/ui';
|
|
4
|
+
import { useScorecardConfig } from '../ConfigProvider';
|
|
5
|
+
import { HighlightedItem } from './components/HighlightedItem';
|
|
6
|
+
|
|
7
|
+
function HighlightedItems() {
|
|
8
|
+
const { highlightedIndicators } = useScorecardConfig();
|
|
9
|
+
const { loading, error, data } = useHighlightedItemsData();
|
|
10
|
+
if (loading) {
|
|
11
|
+
return /* @__PURE__ */ jsx("div", { children: /* @__PURE__ */ jsx(CircularLoader, { small: true }) });
|
|
12
|
+
}
|
|
13
|
+
return /* @__PURE__ */ jsx(
|
|
14
|
+
"div",
|
|
15
|
+
{
|
|
16
|
+
style: {
|
|
17
|
+
display: "grid",
|
|
18
|
+
gap: 16,
|
|
19
|
+
gridTemplateColumns: "repeat(auto-fill, minmax(400px, 1fr))"
|
|
20
|
+
},
|
|
21
|
+
children: highlightedIndicators?.map((item) => {
|
|
22
|
+
const value = data?.rows?.find(
|
|
23
|
+
(row) => row.includes(item.id)
|
|
24
|
+
)?.[1];
|
|
25
|
+
return /* @__PURE__ */ jsx(HighlightedItem, { item, data: value }, item.id);
|
|
26
|
+
})
|
|
27
|
+
}
|
|
28
|
+
);
|
|
29
|
+
}
|
|
30
|
+
|
|
31
|
+
export { HighlightedItems };
|
|
32
|
+
//# sourceMappingURL=index.js.map
|
|
33
|
+
//# sourceMappingURL=index.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"sources":["../../../../src/components/HighlightedItems/index.tsx"],"names":[],"mappings":";;;;;;AAKO,SAAS,gBAAA,GAAmB;AAClC,EAAA,MAAM,EAAE,qBAAA,EAAsB,GAAI,kBAAA,EAAmB;AACrD,EAAA,MAAM,EAAE,OAAA,EAAS,KAAA,EAAO,IAAA,KAAS,uBAAA,EAAwB;AAEzD,EAAA,IAAI,OAAA,EAAS;AACZ,IAAA,2BACE,KAAA,EAAA,EACA,QAAA,kBAAA,GAAA,CAAC,cAAA,EAAA,EAAe,KAAA,EAAK,MAAC,CAAA,EACvB,CAAA;AAAA,EAEF;AAEA,EAAA,uBACC,GAAA;AAAA,IAAC,KAAA;AAAA,IAAA;AAAA,MACA,KAAA,EAAO;AAAA,QACN,OAAA,EAAS,MAAA;AAAA,QACT,GAAA,EAAK,EAAA;AAAA,QACL,mBAAA,EAAqB;AAAA,OACtB;AAAA,MAEC,QAAA,EAAA,qBAAA,EAAuB,GAAA,CAAI,CAAC,IAAA,KAAS;AACrC,QAAA,MAAM,KAAA,GAAQ,MAAM,IAAA,EAAM,IAAA;AAAA,UAAK,CAAC,GAAA,KAC/B,GAAA,CAAI,QAAA,CAAS,KAAK,EAAE;AAAA,YACjB,CAAC,CAAA;AACL,QAAA,2BACE,eAAA,EAAA,EAA8B,IAAA,EAAY,IAAA,EAAM,KAAA,EAAA,EAA3B,KAAK,EAA6B,CAAA;AAAA,MAE1D,CAAC;AAAA;AAAA,GACF;AAEF","file":"index.js","sourcesContent":["import { useHighlightedItemsData } from \"./hooks/data\";\nimport { CircularLoader } from \"@dhis2/ui\";\nimport { useScorecardConfig } from \"../ConfigProvider\";\nimport { HighlightedItem } from \"./components/HighlightedItem\";\n\nexport function HighlightedItems() {\n\tconst { highlightedIndicators } = useScorecardConfig();\n\tconst { loading, error, data } = useHighlightedItemsData();\n\n\tif (loading) {\n\t\treturn (\n\t\t\t<div>\n\t\t\t\t<CircularLoader small />\n\t\t\t</div>\n\t\t);\n\t}\n\n\treturn (\n\t\t<div\n\t\t\tstyle={{\n\t\t\t\tdisplay: \"grid\",\n\t\t\t\tgap: 16,\n\t\t\t\tgridTemplateColumns: \"repeat(auto-fill, minmax(400px, 1fr))\",\n\t\t\t}}\n\t\t>\n\t\t\t{highlightedIndicators?.map((item) => {\n\t\t\t\tconst value = data?.rows?.find((row) =>\n\t\t\t\t\trow.includes(item.id),\n\t\t\t\t)?.[1];\n\t\t\t\treturn (\n\t\t\t\t\t<HighlightedItem key={item.id} item={item} data={value} />\n\t\t\t\t);\n\t\t\t})}\n\t\t</div>\n\t);\n}\n"]}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sources":["../../../src/components/LoadingIndicator.tsx"],"names":["LoadingIndicator"],"mappings":";;;;;;;
|
|
1
|
+
{"version":3,"sources":["../../../src/components/LoadingIndicator.tsx"],"names":["LoadingIndicator"],"mappings":";;;;;;;AAMO,MAAM,gBAAA,GAAmB,IAAA,CAAK,SAASA,iBAAAA,CAAiB;AAAA,EAC9D;AACD,CAAA,EAEG;AACF,EAAA,MAAM,EAAE,IAAA,EAAM,UAAA,EAAW,GAAI,gBAAA,EAAiB;AAC9C,EAAA,MAAM,CAAC,QAAA,EAAU,WAAW,CAAA,GAAI,SAAiB,CAAC,CAAA;AAClD,EAAA,MAAM,CAAC,SAAA,EAAW,YAAY,CAAA,GAAI,QAAA,CAAkB,WAAW,MAAM,CAAA;AACrE,EAAA,MAAM,QAAQ,aAAA,EAAc;AAC5B,EAAA,MAAM,OAAA,GAAU,KAAA,CAAM,qBAAA,EAAsB,CAAE,MAAA;AAE9C,EAAA,MAAM,KAAA,GACL,QAAA,CAAS,OAAA,EAAS,aAAA,EAAe,uBAAsB,CAAE,KAAA;AAE1D,EAAA,SAAA,CAAU,MAAM;AACf,IAAA,OAAO,UAAA,CAAW,sBAAsB,YAAY,CAAA;AAAA,EACrD,CAAA,EAAG,CAAC,UAAU,CAAC,CAAA;AAEf,EAAA,SAAA,CAAU,MAAM;AACf,IAAA,OAAO,UAAA,CAAW,mBAAA,CAAoB,CAAC,KAAA,KAAU;AAChD,MAAA,WAAA,CAAY,KAAK,CAAA;AAAA,IAClB,CAAC,CAAA;AAAA,EACF,CAAA,EAAG,CAAC,UAAU,CAAC,CAAA;AAEf,EAAA,IAAI,QAAA,KAAa,CAAA,IAAK,KAAA,CAAM,QAAS,KAAK,SAAA,EAAW;AACpD,IAAA,OAAO,IAAA;AAAA,EACR;AACA,EAAA,2BACE,YAAA,EAAA,EACA,QAAA,kBAAA,GAAA;AAAA,IAAC,IAAA;AAAA,IAAA;AAAA,MACA,OAAO,EAAE,QAAA,EAAU,UAAU,IAAA,EAAM,CAAA,EAAG,KAAK,CAAA,EAAE;AAAA,MAC7C,OAAA;AAAA,MAEA,QAAA,kBAAA,GAAA;AAAA,QAAC,YAAA;AAAA,QAAA;AAAA,UACA,SAAA,EAAW,OAAO,QAAQ,CAAA;AAAA,UAC1B,MAAA,EAAQ,GAAA;AAAA,UACR,OAAO,KAAA,GAAQ,CAAA,EAAG,KAAK,KAAA,CAAM,KAAK,CAAC,CAAA,EAAA,CAAA,GAAO,MAAA;AAAA,UAC1C,MAAA,EAAA,CAAS,YAAY,CAAA,IAAK;AAAA;AAAA;AAC3B;AAAA,GACD,EACD,CAAA;AAEF,CAAC","file":"LoadingIndicator.js","sourcesContent":["import { useScorecardData } from \"./DataProvider\";\nimport { DataTableRow, LinearLoader } from \"@dhis2/ui\";\nimport { useTableState } from \"./TableStateProvider\";\nimport { memo, type RefObject, useEffect, useState } from \"react\";\nimport styles from \"./ScorecardTable/ScorecardTable.module.css\";\n\nexport const LoadingIndicator = memo(function LoadingIndicator({\n\ttableRef,\n}: {\n\ttableRef: RefObject<HTMLTableElement>;\n}) {\n\tconst { data: dataEngine } = useScorecardData();\n\tconst [progress, setProgress] = useState<number>(0);\n\tconst [completed, setCompleted] = useState<boolean>(dataEngine.isDone);\n\tconst table = useTableState();\n\tconst colSpan = table.getVisibleFlatColumns().length;\n\n\tconst width =\n\t\ttableRef.current?.parentElement?.getBoundingClientRect().width;\n\n\tuseEffect(() => {\n\t\treturn dataEngine.addOnCompleteListener(setCompleted);\n\t}, [dataEngine]);\n\n\tuseEffect(() => {\n\t\treturn dataEngine.addProgressListener((value) => {\n\t\t\tsetProgress(value);\n\t\t});\n\t}, [dataEngine]);\n\n\tif (progress === 1 || isNaN(progress!) || completed) {\n\t\treturn null;\n\t}\n\treturn (\n\t\t<DataTableRow>\n\t\t\t<td\n\t\t\t\tstyle={{ position: \"static\", left: 0, top: 0 }}\n\t\t\t\tcolSpan={colSpan}\n\t\t\t>\n\t\t\t\t<LinearLoader\n\t\t\t\t\tclassName={styles[\"loader\"]}\n\t\t\t\t\tmargin={\"0\"}\n\t\t\t\t\twidth={width ? `${Math.trunc(width)}px` : \"100%\"}\n\t\t\t\t\tamount={(progress ?? 0) * 100}\n\t\t\t\t/>\n\t\t\t</td>\n\t\t</DataTableRow>\n\t);\n});\n"]}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sources":["../../../src/components/MetaProvider.tsx"],"names":["ScorecardMetaGetter"],"mappings":";;;;;;;AAiBA,MAAM,oBAAA,GAAuB,cAAoC,IAAI,CAAA;AAE9D,SAAS,
|
|
1
|
+
{"version":3,"sources":["../../../src/components/MetaProvider.tsx"],"names":["ScorecardMetaGetter"],"mappings":";;;;;;;AAiBA,MAAM,oBAAA,GAAuB,cAAoC,IAAI,CAAA;AAE9D,SAAS,gBAAA,GAAmB;AAClC,EAAA,OAAO,WAAW,oBAAoB,CAAA;AACvC;AAEO,MAAM,mBAAA,GAAsB,IAAA,CAAK,SAASA,oBAAAA,CAAoB;AAAA,EACpE;AACD,CAAA,EAEG;AACF,EAAA,MAAM,EAAE,OAAA,EAAS,MAAA,EAAQ,GAAG,IAAA,KAAS,mBAAA,EAAoB;AACzD,EAAA,IAAI,OAAA,IAAW,CAAC,MAAA,EAAQ;AACvB,IAAA,uBACC,GAAA;AAAA,MAAC,KAAA;AAAA,MAAA;AAAA,QACA,KAAA,EAAO;AAAA,UACN,MAAA,EAAQ,MAAA;AAAA,UACR,KAAA,EAAO,MAAA;AAAA,UACP,OAAA,EAAS,MAAA;AAAA,UACT,UAAA,EAAY,QAAA;AAAA,UACZ,cAAA,EAAgB;AAAA,SACjB;AAAA,QAEA,QAAA,kBAAA,GAAA,CAAC,cAAA,EAAA,EAAe,KAAA,EAAK,IAAA,EAAC;AAAA;AAAA,KACvB;AAAA,EAEF;AAEA,EAAA,IAAI,CAAC,IAAA,CAAK,QAAA,IAAY,MAAA,EAAQ;AAC7B,IAAA,MAAM,KAAA,CAAM,IAAA,CAAK,CAAA,CAAE,0CAA0C,CAAC,CAAA;AAAA,EAC/D;AAEA,EAAA,uBACC,GAAA,CAAC,qBAAA,EAAA,EAAsB,IAAA,EAAa,QAAA,EAAS,CAAA;AAE/C,CAAC;AAEM,MAAM,qBAAA,GAAwB,IAAA;AAAA,EACpC,CAAC,EAAE,QAAA,EAAU,IAAA,EAAK,KAAoD;AACrE,IAAA,uBACC,GAAA;AAAA,MAAC,oBAAA,CAAqB,QAAA;AAAA,MAArB;AAAA,QACA,KAAA,EAAO;AAAA,UACN,GAAG;AAAA,SACJ;AAAA,QAEC;AAAA;AAAA,KACF;AAAA,EAEF,CAAA;AAAA,EACA,CAAC,SAAA,EAAW,SAAA,KAAc,QAAQ,SAAA,CAAU,IAAA,EAAM,UAAU,IAAI;AACjE","file":"MetaProvider.js","sourcesContent":["import { createContext, memo, type ReactNode, useContext } from \"react\";\nimport { type ItemMeta, useGetScorecardMeta } from \"../hooks/metadata\";\nimport { CircularLoader } from \"@dhis2/ui\";\nimport i18n from \"@dhis2/d2-i18n\";\nimport { isEqual } from \"lodash\";\n\nexport interface ScorecardMeta {\n\tperiods: Array<ItemMeta>;\n\torgUnits: Array<ItemMeta & { hierarchy: string }>;\n\tdataItems: Array<ItemMeta>;\n\torgUnitLevels: Array<{\n\t\tid: string;\n\t\tlevel: number;\n\t\tdisplayName: string;\n\t}>;\n}\n\nconst ScorecardMetaContext = createContext<ScorecardMeta | null>(null);\n\nexport function useScorecardMeta() {\n\treturn useContext(ScorecardMetaContext);\n}\n\nexport const ScorecardMetaGetter = memo(function ScorecardMetaGetter({\n\tchildren,\n}: {\n\tchildren: ReactNode;\n}) {\n\tconst { loading, called, ...meta } = useGetScorecardMeta();\n\tif (loading || !called) {\n\t\treturn (\n\t\t\t<div\n\t\t\t\tstyle={{\n\t\t\t\t\theight: \"100%\",\n\t\t\t\t\twidth: \"100%\",\n\t\t\t\t\tdisplay: \"flex\",\n\t\t\t\t\talignItems: \"center\",\n\t\t\t\t\tjustifyContent: \"center\",\n\t\t\t\t}}\n\t\t\t>\n\t\t\t\t<CircularLoader small />\n\t\t\t</div>\n\t\t);\n\t}\n\n\tif (!meta.orgUnits && called) {\n\t\tthrow Error(i18n.t(\"Error getting metadata for the scorecard\"));\n\t}\n\n\treturn (\n\t\t<ScorecardMetaProvider meta={meta}>{children}</ScorecardMetaProvider>\n\t);\n});\n\nexport const ScorecardMetaProvider = memo(\n\t({ children, meta }: { children: ReactNode; meta: ScorecardMeta }) => {\n\t\treturn (\n\t\t\t<ScorecardMetaContext.Provider\n\t\t\t\tvalue={{\n\t\t\t\t\t...meta,\n\t\t\t\t}}\n\t\t\t>\n\t\t\t\t{children}\n\t\t\t</ScorecardMetaContext.Provider>\n\t\t);\n\t},\n\t(prevProps, nextProps) => isEqual(prevProps.meta, nextProps.meta),\n);\n"]}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sources":["../../../src/components/ScorecardContext.tsx"],"names":["ScorecardContext"],"mappings":";;;;;;;;AAaA,SAAS,
|
|
1
|
+
{"version":3,"sources":["../../../src/components/ScorecardContext.tsx"],"names":["ScorecardContext"],"mappings":";;;;;;;;AAaA,SAAS,aAAA,CAAc;AAAA,EACtB,KAAA;AAAA,EACA,kBAAA;AAAA,EACA;AACD,CAAA,EAAwC;AACvC,EAAA,uBACC,IAAA;AAAA,IAAC,KAAA;AAAA,IAAA;AAAA,MACA,KAAA,EAAO;AAAA,QACN,KAAA,EAAO,MAAA;AAAA,QACP,SAAA,EAAW,QAAA;AAAA,QACX,QAAQ,MAAA,IAAU,GAAA;AAAA,QAClB,OAAA,EAAS,MAAA;AAAA,QACT,aAAA,EAAe,QAAA;AAAA,QACf,UAAA,EAAY,QAAA;AAAA,QACZ,cAAA,EAAgB,QAAA;AAAA,QAChB,GAAA,EAAK,EAAA;AAAA,QACL,OAAA,EAAS;AAAA,OACV;AAAA,MAEA,QAAA,EAAA;AAAA,wBAAA,GAAA,CAAC,WAAA,EAAA,EAAY,CAAA;AAAA,wBACb,GAAA;AAAA,UAAC,IAAA;AAAA,UAAA;AAAA,YACA,KAAA,EAAO;AAAA,cACN,OAAO,MAAA,CAAO,OAAA;AAAA,cACd,MAAA,EAAQ;AAAA,aACT;AAAA,YAEC,QAAA,EAAA,IAAA,CAAK,EAAE,8BAA8B;AAAA;AAAA,SACvC;AAAA,wBACA,GAAA,CAAC,OAAE,KAAA,EAAO,EAAE,QAAQ,CAAA,EAAE,EAAI,gBAAM,OAAA,EAAQ,CAAA;AAAA,QACvC,kBAAA,oBACA,GAAA,CAAC,MAAA,EAAA,EAAO,OAAA,EAAS,kBAAA,EAAoB,OAAK,IAAA,EACxC,QAAA,EAAA,IAAA,CAAK,CAAA,CAAE,WAAW,CAAA,EACpB;AAAA;AAAA;AAAA,GAEF;AAEF;AAEO,MAAM,gBAAA,GAAmB,IAAA;AAAA,EAC/B,SAASA,iBAAAA,CAAiB,EAAE,MAAA,EAAQ,UAAS,EAA0B;AACtE,IAAA,uBACC,GAAA;AAAA,MAAC,aAAA;AAAA,MAAA;AAAA,QACA,SAAA,EAAW,CAAC,MAAM,CAAA;AAAA,QAClB,iBAAA,EAAmB,aAAA;AAAA,QAEnB,8BAAC,uBAAA,EAAA,EAAwB,MAAA,EACxB,QAAA,kBAAA,GAAA,CAAC,mBAAA,EAAA,EAAqB,UAAS,CAAA,EAChC;AAAA;AAAA,KACD;AAAA,EAEF,CAAA;AAAA,EACA,CAAC,WAAW,SAAA,KAAc;AACzB,IAAA,OAAO,SAAA,CAAU,WAAW,SAAA,CAAU,MAAA;AAAA,EACvC;AACD","file":"ScorecardContext.js","sourcesContent":["import { ScorecardConfigProvider } from \"./ConfigProvider\";\nimport { ScorecardMetaGetter } from \"./MetaProvider\";\nimport { memo, type ReactNode } from \"react\";\nimport type { ScorecardConfig } from \"../schemas/config\";\nimport { ErrorBoundary, FallbackProps } from \"react-error-boundary\";\nimport { Button, colors, IconError24 } from \"@dhis2/ui\";\nimport i18n from \"@dhis2/d2-i18n\";\n\ninterface ScorecardContextProps {\n\tchildren: ReactNode;\n\tconfig: ScorecardConfig;\n}\n\nfunction ErrorFallback({\n\terror,\n\tresetErrorBoundary,\n\theight,\n}: FallbackProps & { height?: number }) {\n\treturn (\n\t\t<div\n\t\t\tstyle={{\n\t\t\t\twidth: \"100%\",\n\t\t\t\ttextAlign: \"center\",\n\t\t\t\theight: height ?? 500,\n\t\t\t\tdisplay: \"flex\",\n\t\t\t\tflexDirection: \"column\",\n\t\t\t\talignItems: \"center\",\n\t\t\t\tjustifyContent: \"center\",\n\t\t\t\tgap: 16,\n\t\t\t\tpadding: 16,\n\t\t\t}}\n\t\t>\n\t\t\t<IconError24 />\n\t\t\t<h3\n\t\t\t\tstyle={{\n\t\t\t\t\tcolor: colors.grey800,\n\t\t\t\t\tmargin: 0,\n\t\t\t\t}}\n\t\t\t>\n\t\t\t\t{i18n.t(\"Could not load visualization\")}\n\t\t\t</h3>\n\t\t\t<p style={{ margin: 0 }}>{error.message}</p>\n\t\t\t{resetErrorBoundary && (\n\t\t\t\t<Button onClick={resetErrorBoundary} small>\n\t\t\t\t\t{i18n.t(\"Try again\")}\n\t\t\t\t</Button>\n\t\t\t)}\n\t\t</div>\n\t);\n}\n\nexport const ScorecardContext = memo(\n\tfunction ScorecardContext({ config, children }: ScorecardContextProps) {\n\t\treturn (\n\t\t\t<ErrorBoundary\n\t\t\t\tresetKeys={[config]}\n\t\t\t\tFallbackComponent={ErrorFallback}\n\t\t\t>\n\t\t\t\t<ScorecardConfigProvider config={config}>\n\t\t\t\t\t<ScorecardMetaGetter>{children}</ScorecardMetaGetter>\n\t\t\t\t</ScorecardConfigProvider>\n\t\t\t</ErrorBoundary>\n\t\t);\n\t},\n\t(prevProps, nextProps) => {\n\t\treturn prevProps.config === nextProps.config;\n\t},\n);\n"]}
|