@dhis2/analytics 26.8.7 → 26.9.3

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 (484) hide show
  1. package/build/cjs/__demo__/CalculationModal.stories.js +38 -16
  2. package/build/cjs/__demo__/DimensionsPanel.stories.js +65 -27
  3. package/build/cjs/__demo__/DynamicDimension.stories.js +30 -12
  4. package/build/cjs/__demo__/FileMenu.stories.js +27 -10
  5. package/build/cjs/__demo__/Filter.stories.js +20 -10
  6. package/build/cjs/__demo__/FixedPeriodSelect.stories.js +35 -17
  7. package/build/cjs/__demo__/InterpretationsUnit.stories.js +22 -11
  8. package/build/cjs/__demo__/OpenFileDialog.stories.js +44 -27
  9. package/build/cjs/__demo__/OrgUnitDimension.stories.js +103 -54
  10. package/build/cjs/__demo__/PeriodDimension.stories.js +64 -23
  11. package/build/cjs/__demo__/PivotTable.stories.js +413 -210
  12. package/build/cjs/__demo__/SingleValue.stories.js +684 -0
  13. package/build/cjs/__demo__/Toolbar.stories.js +44 -34
  14. package/build/cjs/__fixtures__/fixtures.js +2 -3
  15. package/build/cjs/api/analytics/Analytics.js +2 -3
  16. package/build/cjs/api/analytics/AnalyticsAggregate.js +2 -3
  17. package/build/cjs/api/analytics/AnalyticsBase.js +2 -3
  18. package/build/cjs/api/analytics/AnalyticsEnrollments.js +2 -3
  19. package/build/cjs/api/analytics/AnalyticsEvents.js +2 -3
  20. package/build/cjs/api/analytics/AnalyticsRequest.js +2 -3
  21. package/build/cjs/api/analytics/AnalyticsRequestBase.js +2 -3
  22. package/build/cjs/api/analytics/AnalyticsRequestDimensionsMixin.js +2 -3
  23. package/build/cjs/api/analytics/AnalyticsRequestFiltersMixin.js +2 -3
  24. package/build/cjs/api/analytics/AnalyticsRequestPropertiesMixin.js +2 -3
  25. package/build/cjs/api/analytics/AnalyticsResponse.js +2 -4
  26. package/build/cjs/api/analytics/AnalyticsResponseHeader.js +1 -2
  27. package/build/cjs/api/analytics/AnalyticsTrackedEntities.js +2 -3
  28. package/build/cjs/api/analytics/__tests__/Analytics.spec.js +1 -1
  29. package/build/cjs/api/analytics/__tests__/AnalyticsAggregate.spec.js +1 -1
  30. package/build/cjs/api/analytics/__tests__/AnalyticsBase.spec.js +2 -2
  31. package/build/cjs/api/analytics/__tests__/AnalyticsEnrollments.spec.js +1 -1
  32. package/build/cjs/api/analytics/__tests__/AnalyticsEvents.spec.js +1 -1
  33. package/build/cjs/api/analytics/__tests__/AnalyticsRequest.spec.js +1 -1
  34. package/build/cjs/api/analytics/__tests__/AnalyticsRequestBase.spec.js +1 -1
  35. package/build/cjs/api/analytics/__tests__/AnalyticsResponse.spec.js +1 -1
  36. package/build/cjs/api/analytics/__tests__/AnalyticsResponseHeader.spec.js +1 -1
  37. package/build/cjs/api/dimensions.js +11 -21
  38. package/build/cjs/api/expression.js +5 -9
  39. package/build/cjs/assets/AssignedCategoriesIcon.js +2 -3
  40. package/build/cjs/assets/DimensionItemIcons/CalculationIcon.js +3 -4
  41. package/build/cjs/assets/DimensionItemIcons/DataElementIcon.js +3 -4
  42. package/build/cjs/assets/DimensionItemIcons/GenericIcon.js +3 -4
  43. package/build/cjs/assets/DimensionItemIcons/PeriodIcon.js +3 -4
  44. package/build/cjs/assets/DynamicDimensionIcon.js +2 -3
  45. package/build/cjs/assets/FormulaIcon.js +2 -3
  46. package/build/cjs/components/AboutAOUnit/AboutAOUnit.js +4 -5
  47. package/build/cjs/components/AboutAOUnit/styles/AboutAOUnit.style.js +1 -2
  48. package/build/cjs/components/AboutAOUnit/utils.js +7 -13
  49. package/build/cjs/components/CachedDataQueryProvider.js +3 -3
  50. package/build/cjs/components/DataDimension/Calculation/CalculationModal.js +4 -5
  51. package/build/cjs/components/DataDimension/Calculation/DataElementOption.js +3 -4
  52. package/build/cjs/components/DataDimension/Calculation/DataElementSelector.js +4 -5
  53. package/build/cjs/components/DataDimension/Calculation/DndContext.js +8 -10
  54. package/build/cjs/components/DataDimension/Calculation/DragHandleIcon.js +3 -4
  55. package/build/cjs/components/DataDimension/Calculation/DraggingItem.js +2 -3
  56. package/build/cjs/components/DataDimension/Calculation/DropZone.js +2 -3
  57. package/build/cjs/components/DataDimension/Calculation/FormulaField.js +4 -7
  58. package/build/cjs/components/DataDimension/Calculation/FormulaItem.js +5 -6
  59. package/build/cjs/components/DataDimension/Calculation/MathOperatorSelector.js +2 -3
  60. package/build/cjs/components/DataDimension/Calculation/Operator.js +3 -4
  61. package/build/cjs/components/DataDimension/Calculation/styles/CalculationModal.style.js +1 -2
  62. package/build/cjs/components/DataDimension/Calculation/styles/DataElementOption.style.js +1 -2
  63. package/build/cjs/components/DataDimension/Calculation/styles/DataElementSelector.style.js +1 -2
  64. package/build/cjs/components/DataDimension/Calculation/styles/DraggingItem.style.js +1 -2
  65. package/build/cjs/components/DataDimension/Calculation/styles/DropZone.style.js +1 -2
  66. package/build/cjs/components/DataDimension/Calculation/styles/FormulaField.style.js +1 -2
  67. package/build/cjs/components/DataDimension/Calculation/styles/FormulaItem.style.js +1 -2
  68. package/build/cjs/components/DataDimension/Calculation/styles/MathOperatorSelector.style.js +1 -2
  69. package/build/cjs/components/DataDimension/Calculation/styles/Operator.style.js +1 -2
  70. package/build/cjs/components/DataDimension/DataDimension.js +4 -5
  71. package/build/cjs/components/DataDimension/DataTypeSelector.js +2 -3
  72. package/build/cjs/components/DataDimension/DetailSelector.js +2 -3
  73. package/build/cjs/components/DataDimension/GroupSelector.js +4 -5
  74. package/build/cjs/components/DataDimension/ItemSelector.js +5 -7
  75. package/build/cjs/components/DataDimension/MetricSelector.js +2 -3
  76. package/build/cjs/components/DataDimension/styles/DataTypeSelector.style.js +1 -2
  77. package/build/cjs/components/DataDimension/styles/DetailSelector.style.js +1 -2
  78. package/build/cjs/components/DataDimension/styles/GroupSelector.style.js +1 -2
  79. package/build/cjs/components/DataDimension/styles/MetricSelector.style.js +1 -2
  80. package/build/cjs/components/DimensionMenu.js +5 -6
  81. package/build/cjs/components/DimensionsPanel/DimensionsPanel.js +7 -8
  82. package/build/cjs/components/DimensionsPanel/List/DimensionItem.js +8 -9
  83. package/build/cjs/components/DimensionsPanel/List/DimensionList.js +7 -8
  84. package/build/cjs/components/DimensionsPanel/List/OptionsButton.js +2 -3
  85. package/build/cjs/components/DimensionsPanel/List/RecommendedIcon.js +2 -3
  86. package/build/cjs/components/DimensionsPanel/List/__tests__/DimensionItem.spec.js +2 -2
  87. package/build/cjs/components/DimensionsPanel/List/styles/DimensionItem.style.js +1 -2
  88. package/build/cjs/components/DimensionsPanel/List/styles/DimensionList.style.js +1 -2
  89. package/build/cjs/components/DimensionsPanel/List/styles/RecommendedIcon.style.js +2 -3
  90. package/build/cjs/components/DimensionsPanel/__tests__/DimensionsPanel.spec.js +2 -2
  91. package/build/cjs/components/DimensionsPanel/styles/DimensionsPanel.style.js +2 -3
  92. package/build/cjs/components/DynamicDimension/DynamicDimension.js +3 -5
  93. package/build/cjs/components/DynamicDimension/ItemSelector.js +5 -7
  94. package/build/cjs/components/DynamicDimension/styles/DynamicDimension.style.js +1 -2
  95. package/build/cjs/components/FileMenu/DeleteDialog.js +3 -3
  96. package/build/cjs/components/FileMenu/FileMenu.js +4 -5
  97. package/build/cjs/components/FileMenu/FileMenu.styles.js +2 -4
  98. package/build/cjs/components/FileMenu/GetLinkDialog.js +1 -1
  99. package/build/cjs/components/FileMenu/GetLinkDialog.styles.js +1 -2
  100. package/build/cjs/components/FileMenu/RenameDialog.js +3 -3
  101. package/build/cjs/components/FileMenu/SaveAsDialog.js +3 -3
  102. package/build/cjs/components/FileMenu/__tests__/DeleteDialog.spec.js +2 -2
  103. package/build/cjs/components/FileMenu/__tests__/FileMenu.spec.js +2 -2
  104. package/build/cjs/components/FileMenu/__tests__/GetLinkDialog.spec.js +2 -2
  105. package/build/cjs/components/FileMenu/__tests__/RenameDialog.spec.js +2 -2
  106. package/build/cjs/components/FileMenu/__tests__/SaveAsDialog.spec.js +2 -2
  107. package/build/cjs/components/FileMenu/utils.js +6 -11
  108. package/build/cjs/components/Filter/Filter.js +2 -3
  109. package/build/cjs/components/Filter/__tests__/Filter.spec.js +2 -2
  110. package/build/cjs/components/Filter/styles/Filter.style.js +1 -2
  111. package/build/cjs/components/Interpretations/InterpretationModal/Comment.js +3 -3
  112. package/build/cjs/components/Interpretations/InterpretationModal/CommentAddForm.js +3 -3
  113. package/build/cjs/components/Interpretations/InterpretationModal/CommentDeleteButton.js +3 -3
  114. package/build/cjs/components/Interpretations/InterpretationModal/CommentUpdateForm.js +3 -3
  115. package/build/cjs/components/Interpretations/InterpretationModal/InterpretationModal.js +3 -3
  116. package/build/cjs/components/Interpretations/InterpretationModal/InterpretationThread.js +3 -3
  117. package/build/cjs/components/Interpretations/InterpretationsUnit/InterpretationForm.js +3 -3
  118. package/build/cjs/components/Interpretations/InterpretationsUnit/InterpretationList.js +1 -1
  119. package/build/cjs/components/Interpretations/InterpretationsUnit/InterpretationsUnit.js +4 -5
  120. package/build/cjs/components/Interpretations/common/Interpretation/Interpretation.js +3 -3
  121. package/build/cjs/components/Interpretations/common/Interpretation/InterpretationDeleteButton.js +1 -1
  122. package/build/cjs/components/Interpretations/common/Interpretation/InterpretationSharingLink.js +3 -3
  123. package/build/cjs/components/Interpretations/common/Interpretation/InterpretationUpdateForm.js +3 -3
  124. package/build/cjs/components/Interpretations/common/Message/Message.js +1 -1
  125. package/build/cjs/components/Interpretations/common/Message/MessageButtonStrip.js +1 -1
  126. package/build/cjs/components/Interpretations/common/Message/MessageEditorContainer.js +1 -1
  127. package/build/cjs/components/Interpretations/common/Message/MessageIconButton.js +1 -1
  128. package/build/cjs/components/Interpretations/common/Message/MessageInput.js +5 -6
  129. package/build/cjs/components/Interpretations/common/Message/MessageStatsBar.js +1 -1
  130. package/build/cjs/components/LegendKey/LegendKey.js +2 -3
  131. package/build/cjs/components/LegendKey/styles/LegendKey.style.js +1 -2
  132. package/build/cjs/components/OfflineTooltip.js +1 -1
  133. package/build/cjs/components/OpenFileDialog/CreatedByFilter.js +5 -9
  134. package/build/cjs/components/OpenFileDialog/CustomSelectOption.js +2 -3
  135. package/build/cjs/components/OpenFileDialog/DateField.js +2 -3
  136. package/build/cjs/components/OpenFileDialog/FileList.js +2 -3
  137. package/build/cjs/components/OpenFileDialog/NameFilter.js +2 -3
  138. package/build/cjs/components/OpenFileDialog/OpenFileDialog.js +4 -5
  139. package/build/cjs/components/OpenFileDialog/OpenFileDialog.styles.js +1 -2
  140. package/build/cjs/components/OpenFileDialog/PaginationControls.js +2 -3
  141. package/build/cjs/components/OpenFileDialog/VisTypeFilter.js +2 -3
  142. package/build/cjs/components/OpenFileDialog/styles/CustomSelectOption.style.js +1 -2
  143. package/build/cjs/components/OpenFileDialog/utils.js +5 -9
  144. package/build/cjs/components/Options/VisualizationOptions.js +4 -5
  145. package/build/cjs/components/Options/styles/VisualizationOptions.style.js +17 -32
  146. package/build/cjs/components/OrgUnitDimension/OrgUnitDimension.js +6 -10
  147. package/build/cjs/components/OrgUnitDimension/__tests__/OrgUnitDimension.spec.js +60 -0
  148. package/build/cjs/components/OrgUnitDimension/__tests__/__snapshots__/OrgUnitDimension.spec.js.snap +94 -0
  149. package/build/cjs/components/OrgUnitDimension/styles/OrgUnitDimension.style.js +1 -2
  150. package/build/cjs/components/PeriodDimension/FixedPeriodFilter.js +2 -3
  151. package/build/cjs/components/PeriodDimension/FixedPeriodSelect.js +7 -8
  152. package/build/cjs/components/PeriodDimension/PeriodDimension.js +2 -3
  153. package/build/cjs/components/PeriodDimension/PeriodTransfer.js +5 -6
  154. package/build/cjs/components/PeriodDimension/RelativePeriodFilter.js +2 -3
  155. package/build/cjs/components/PeriodDimension/__tests__/FixedPeriodSingleSelect.spec.js +2 -2
  156. package/build/cjs/components/PeriodDimension/__tests__/PeriodDimension.spec.js +2 -2
  157. package/build/cjs/components/PeriodDimension/__tests__/PeriodSelector.spec.js +2 -2
  158. package/build/cjs/components/PeriodDimension/styles/FixedPeriodSelect.style.js +1 -2
  159. package/build/cjs/components/PeriodDimension/styles/PeriodFilter.style.js +1 -2
  160. package/build/cjs/components/PeriodDimension/utils/fixedPeriods.js +1 -2
  161. package/build/cjs/components/PeriodDimension/utils/index.js +19 -38
  162. package/build/cjs/components/PeriodDimension/utils/relativePeriods.js +1 -1
  163. package/build/cjs/components/PivotTable/PivotTable.js +4 -5
  164. package/build/cjs/components/PivotTable/PivotTableBody.js +1 -1
  165. package/build/cjs/components/PivotTable/PivotTableCell.js +3 -4
  166. package/build/cjs/components/PivotTable/PivotTableClippedAxis.js +1 -1
  167. package/build/cjs/components/PivotTable/PivotTableColumnHeaderCell.js +1 -1
  168. package/build/cjs/components/PivotTable/PivotTableColumnHeaders.js +1 -1
  169. package/build/cjs/components/PivotTable/PivotTableContainer.js +2 -3
  170. package/build/cjs/components/PivotTable/PivotTableDimensionLabelCell.js +1 -1
  171. package/build/cjs/components/PivotTable/PivotTableEmptyCell.js +3 -4
  172. package/build/cjs/components/PivotTable/PivotTableEmptyRow.js +1 -1
  173. package/build/cjs/components/PivotTable/PivotTableEngineContext.js +4 -5
  174. package/build/cjs/components/PivotTable/PivotTableHead.js +1 -1
  175. package/build/cjs/components/PivotTable/PivotTableHeaderCell.js +1 -1
  176. package/build/cjs/components/PivotTable/PivotTableRow.js +1 -1
  177. package/build/cjs/components/PivotTable/PivotTableRowHeaderCell.js +1 -1
  178. package/build/cjs/components/PivotTable/PivotTableSortIcon.js +1 -1
  179. package/build/cjs/components/PivotTable/PivotTableTitleRow.js +3 -3
  180. package/build/cjs/components/PivotTable/PivotTableTitleRows.js +1 -1
  181. package/build/cjs/components/PivotTable/PivotTableValueCell.js +3 -3
  182. package/build/cjs/components/PivotTable/icons/SortIconAscending.js +1 -1
  183. package/build/cjs/components/PivotTable/icons/SortIconDescending.js +1 -1
  184. package/build/cjs/components/PivotTable/icons/SortIconIdle.js +1 -1
  185. package/build/cjs/components/PivotTable/styles/PivotTable.style.js +3 -6
  186. package/build/cjs/components/RichText/Editor/Editor.js +4 -5
  187. package/build/cjs/components/RichText/Editor/__tests__/Editor.spec.js +2 -2
  188. package/build/cjs/components/RichText/Editor/markdownHandler.js +9 -18
  189. package/build/cjs/components/RichText/Editor/styles/Editor.style.js +4 -8
  190. package/build/cjs/components/RichText/Parser/MdParser.js +1 -1
  191. package/build/cjs/components/RichText/Parser/Parser.js +3 -3
  192. package/build/cjs/components/RichText/Parser/__tests__/Parser.spec.js +2 -2
  193. package/build/cjs/components/Toolbar/HoverMenuBar/HoverMenuBar.js +3 -3
  194. package/build/cjs/components/Toolbar/HoverMenuBar/HoverMenuDropdown.js +3 -3
  195. package/build/cjs/components/Toolbar/HoverMenuBar/HoverMenuList.js +3 -3
  196. package/build/cjs/components/Toolbar/HoverMenuBar/HoverMenuListItem.js +4 -4
  197. package/build/cjs/components/Toolbar/HoverMenuBar/HoverMenuListItem.styles.js +1 -2
  198. package/build/cjs/components/Toolbar/HoverMenuBar/__tests__/HoverMenuBar.spec.js +4 -4
  199. package/build/cjs/components/Toolbar/HoverMenuBar/__tests__/HoverMenuDropdown.spec.js +3 -3
  200. package/build/cjs/components/Toolbar/HoverMenuBar/__tests__/HoverMenuList.spec.js +7 -7
  201. package/build/cjs/components/Toolbar/HoverMenuBar/__tests__/HoverMenuListItem.spec.js +5 -5
  202. package/build/cjs/components/Toolbar/InterpretationsAndDetailsToggler.js +1 -1
  203. package/build/cjs/components/Toolbar/MenuButton.styles.js +1 -2
  204. package/build/cjs/components/Toolbar/Toolbar.js +1 -1
  205. package/build/cjs/components/Toolbar/ToolbarSidebar.js +1 -1
  206. package/build/cjs/components/Toolbar/UpdateButton.js +2 -2
  207. package/build/cjs/components/Toolbar/__tests__/InterpretationsAndDetailsToggler.spec.js +6 -6
  208. package/build/cjs/components/Toolbar/__tests__/Toolbar.spec.js +3 -3
  209. package/build/cjs/components/Toolbar/__tests__/ToolbarSidebar.spec.js +4 -4
  210. package/build/cjs/components/Toolbar/__tests__/UpdateButton.spec.js +5 -5
  211. package/build/cjs/components/TransferOption.js +1 -1
  212. package/build/cjs/components/TranslationDialog/TranslationModal/LocalesSelect.js +1 -1
  213. package/build/cjs/components/TranslationDialog/TranslationModal/TranslationForm.js +3 -3
  214. package/build/cjs/components/TranslationDialog/TranslationModal/TranslationModal.js +3 -3
  215. package/build/cjs/components/TranslationDialog/TranslationModal/TranslationModalActions.js +1 -1
  216. package/build/cjs/components/TranslationDialog/TranslationModal/useTranslationsResults.js +1 -1
  217. package/build/cjs/components/UserMention/UserList.js +1 -1
  218. package/build/cjs/components/UserMention/UserMentionWrapper.js +3 -4
  219. package/build/cjs/components/UserMention/styles/UserMentionWrapper.style.js +4 -6
  220. package/build/cjs/components/UserMention/useUserSearchResults.js +1 -1
  221. package/build/cjs/components/VisTypeIcon.js +2 -3
  222. package/build/cjs/components/styles/DimensionSelector.style.js +1 -2
  223. package/build/cjs/components/styles/DimensionsPanel.style.js +2 -3
  224. package/build/cjs/components/styles/OfflineTooltip.style.js +1 -2
  225. package/build/cjs/components/styles/TransferOption.style.js +1 -2
  226. package/build/cjs/index.js +3 -3
  227. package/build/cjs/locales/index.js +2 -3
  228. package/build/cjs/locales/lo/translations.json +16 -12
  229. package/build/cjs/locales/pt/translations.json +251 -242
  230. package/build/cjs/locales/vi/translations.json +16 -12
  231. package/build/cjs/locales/zh/translations.json +2 -0
  232. package/build/cjs/modules/__tests__/getOuLevelAndGroupText.spec.js +9 -0
  233. package/build/cjs/modules/axis.js +1 -1
  234. package/build/cjs/modules/dataSets.js +8 -14
  235. package/build/cjs/modules/dataTypes.js +24 -47
  236. package/build/cjs/modules/dimensionListItem.js +1 -1
  237. package/build/cjs/modules/dimensionSelectorHelper.js +3 -6
  238. package/build/cjs/modules/expressions.js +6 -11
  239. package/build/cjs/modules/fontStyle.js +19 -37
  240. package/build/cjs/modules/getAdaptedUiLayoutByType.js +1 -1
  241. package/build/cjs/modules/getOuLevelAndGroupText.js +5 -2
  242. package/build/cjs/modules/hash.js +1 -1
  243. package/build/cjs/modules/layout/axis.js +10 -16
  244. package/build/cjs/modules/layout/dimension.js +11 -19
  245. package/build/cjs/modules/layout/item.js +5 -7
  246. package/build/cjs/modules/layout/layout.js +3 -4
  247. package/build/cjs/modules/layout/testResources.js +39 -71
  248. package/build/cjs/modules/layoutTypes.js +8 -16
  249. package/build/cjs/modules/layoutUiRules/rules.js +4 -7
  250. package/build/cjs/modules/legends.js +4 -8
  251. package/build/cjs/modules/list.js +1 -1
  252. package/build/cjs/modules/ouIdHelper/index.js +5 -9
  253. package/build/cjs/modules/outliers/index.js +13 -25
  254. package/build/cjs/modules/outliers/iqr.js +5 -9
  255. package/build/cjs/modules/outliers/modZScore.js +2 -3
  256. package/build/cjs/modules/outliers/normalization.js +2 -2
  257. package/build/cjs/modules/outliers/zScore.js +2 -3
  258. package/build/cjs/modules/pivotTable/AdaptiveClippingController.js +3 -3
  259. package/build/cjs/modules/pivotTable/PivotTableEngine.js +4 -4
  260. package/build/cjs/modules/pivotTable/clipAxis.js +1 -1
  261. package/build/cjs/modules/pivotTable/pivotTableConstants.js +32 -62
  262. package/build/cjs/modules/pivotTable/useParentSize.js +1 -1
  263. package/build/cjs/modules/pivotTable/useScrollPosition.js +1 -1
  264. package/build/cjs/modules/pivotTable/useSortableColumns.js +0 -1
  265. package/build/cjs/modules/predefinedDimensions.js +6 -11
  266. package/build/cjs/modules/valueTypes.js +21 -42
  267. package/build/cjs/modules/visTypes.js +24 -47
  268. package/build/cjs/visualizations/config/adapters/dhis_highcharts/addTrendLines.js +1 -1
  269. package/build/cjs/visualizations/config/adapters/dhis_highcharts/axis.js +1 -1
  270. package/build/cjs/visualizations/config/adapters/dhis_highcharts/chart/default.js +26 -0
  271. package/build/cjs/visualizations/config/adapters/dhis_highcharts/chart/index.js +18 -0
  272. package/build/cjs/visualizations/config/adapters/dhis_highcharts/chart/singleValue.js +19 -0
  273. package/build/cjs/visualizations/config/adapters/dhis_highcharts/customAxes.js +2 -4
  274. package/build/cjs/visualizations/config/adapters/dhis_highcharts/customSVGOptions/index.js +36 -0
  275. package/build/cjs/visualizations/config/adapters/dhis_highcharts/customSVGOptions/singleValue/getSingleValueBackgroundColor.js +12 -0
  276. package/build/cjs/visualizations/config/adapters/{dhis_dhis/value/index.js → dhis_highcharts/customSVGOptions/singleValue/getSingleValueFormattedValue.js} +7 -6
  277. package/build/cjs/visualizations/config/adapters/dhis_highcharts/customSVGOptions/singleValue/getSingleValueLegendColor.js +11 -0
  278. package/build/cjs/visualizations/config/adapters/dhis_highcharts/customSVGOptions/singleValue/getSingleValueSubtext.js +11 -0
  279. package/build/cjs/visualizations/config/adapters/dhis_highcharts/customSVGOptions/singleValue/getSingleValueTextColor.js +20 -0
  280. package/build/cjs/visualizations/config/adapters/dhis_highcharts/customSVGOptions/singleValue/getSingleValueTitleColor.js +26 -0
  281. package/build/cjs/visualizations/config/adapters/dhis_highcharts/customSVGOptions/singleValue/index.js +31 -0
  282. package/build/cjs/visualizations/config/adapters/dhis_highcharts/events/index.js +24 -0
  283. package/build/cjs/visualizations/config/adapters/dhis_highcharts/events/loadCustomSVG/index.js +18 -0
  284. package/build/cjs/visualizations/config/adapters/dhis_highcharts/events/loadCustomSVG/singleValue/addIconElement.js +34 -0
  285. package/build/cjs/visualizations/config/adapters/dhis_highcharts/events/loadCustomSVG/singleValue/checkIfFitsWithinContainer.js +19 -0
  286. package/build/cjs/visualizations/config/adapters/dhis_highcharts/events/loadCustomSVG/singleValue/computeLayoutRect.js +39 -0
  287. package/build/cjs/visualizations/config/adapters/dhis_highcharts/events/loadCustomSVG/singleValue/computeSpacingTop.js +21 -0
  288. package/build/cjs/visualizations/config/adapters/dhis_highcharts/events/loadCustomSVG/singleValue/constants.js +10 -0
  289. package/build/cjs/visualizations/config/adapters/dhis_highcharts/events/loadCustomSVG/singleValue/getAvailableSpace.js +14 -0
  290. package/build/cjs/visualizations/config/adapters/dhis_highcharts/events/loadCustomSVG/singleValue/index.js +47 -0
  291. package/build/cjs/visualizations/config/adapters/dhis_highcharts/events/loadCustomSVG/singleValue/positionElements.js +46 -0
  292. package/build/cjs/visualizations/config/adapters/dhis_highcharts/events/loadCustomSVG/singleValue/styles.js +107 -0
  293. package/build/cjs/visualizations/config/adapters/dhis_highcharts/exporting.js +30 -0
  294. package/build/cjs/visualizations/config/adapters/dhis_highcharts/getAxisTitle.js +1 -1
  295. package/build/cjs/visualizations/config/adapters/dhis_highcharts/getCategories.js +1 -1
  296. package/build/cjs/visualizations/config/adapters/dhis_highcharts/getCumulativeData.js +1 -1
  297. package/build/cjs/visualizations/config/adapters/dhis_highcharts/getFormatter.js +1 -1
  298. package/build/cjs/visualizations/config/adapters/dhis_highcharts/getSortedConfig.js +1 -1
  299. package/build/cjs/visualizations/config/adapters/dhis_highcharts/getSteps.js +1 -1
  300. package/build/cjs/visualizations/config/adapters/dhis_highcharts/getTrimmedConfig.js +1 -1
  301. package/build/cjs/visualizations/config/adapters/dhis_highcharts/index.js +36 -26
  302. package/build/cjs/visualizations/config/adapters/dhis_highcharts/lang.js +17 -0
  303. package/build/cjs/visualizations/config/adapters/dhis_highcharts/legendSet.js +1 -1
  304. package/build/cjs/visualizations/config/adapters/dhis_highcharts/pane/index.js +1 -1
  305. package/build/cjs/visualizations/config/adapters/dhis_highcharts/plotOptions.js +2 -2
  306. package/build/cjs/visualizations/config/adapters/dhis_highcharts/series/index.js +6 -2
  307. package/build/cjs/visualizations/config/adapters/dhis_highcharts/series/scatter.js +1 -1
  308. package/build/cjs/visualizations/config/adapters/dhis_highcharts/subtitle/__tests__/singleValue.spec.js +61 -0
  309. package/build/cjs/visualizations/config/adapters/dhis_highcharts/subtitle/gauge.js +1 -1
  310. package/build/cjs/visualizations/config/adapters/dhis_highcharts/subtitle/index.js +58 -24
  311. package/build/cjs/visualizations/config/adapters/dhis_highcharts/subtitle/singleValue.js +27 -0
  312. package/build/cjs/visualizations/config/adapters/dhis_highcharts/title/__tests__/singleValue.spec.js +44 -0
  313. package/build/cjs/visualizations/config/adapters/dhis_highcharts/title/index.js +51 -23
  314. package/build/cjs/visualizations/config/adapters/dhis_highcharts/title/scatter.js +1 -1
  315. package/build/cjs/visualizations/config/adapters/dhis_highcharts/title/singleValue.js +31 -0
  316. package/build/cjs/visualizations/config/adapters/dhis_highcharts/title/yearOverYear.js +3 -3
  317. package/build/cjs/visualizations/config/adapters/dhis_highcharts/type.js +2 -0
  318. package/build/cjs/visualizations/config/adapters/dhis_highcharts/xAxis/index.js +2 -1
  319. package/build/cjs/visualizations/config/adapters/dhis_highcharts/xAxis/radar.js +1 -1
  320. package/build/cjs/visualizations/config/adapters/dhis_highcharts/xAxis/scatter.js +1 -1
  321. package/build/cjs/visualizations/config/adapters/dhis_highcharts/xAxis/twoCategory.js +1 -1
  322. package/build/cjs/visualizations/config/adapters/dhis_highcharts/xAxis/yearOnYear.js +1 -1
  323. package/build/cjs/visualizations/config/adapters/dhis_highcharts/yAxis/gauge.js +1 -1
  324. package/build/cjs/visualizations/config/adapters/dhis_highcharts/yAxis/index.js +7 -8
  325. package/build/cjs/visualizations/config/adapters/index.js +5 -8
  326. package/build/cjs/visualizations/config/generators/highcharts/index.js +5 -1
  327. package/build/cjs/visualizations/config/generators/index.js +5 -8
  328. package/build/cjs/visualizations/config/index.js +1 -1
  329. package/build/cjs/visualizations/config/validators/index.js +3 -4
  330. package/build/cjs/visualizations/index.js +2 -3
  331. package/build/cjs/visualizations/store/adapters/dhis_highcharts/index.js +4 -1
  332. package/build/cjs/visualizations/store/adapters/dhis_highcharts/singleValue.js +10 -0
  333. package/build/cjs/visualizations/store/adapters/dhis_highcharts/twoCategory.js +1 -1
  334. package/build/cjs/visualizations/store/adapters/index.js +5 -8
  335. package/build/cjs/visualizations/store/index.js +1 -1
  336. package/build/cjs/visualizations/store/validators/dhis/index.js +1 -1
  337. package/build/cjs/visualizations/store/validators/index.js +3 -4
  338. package/build/cjs/visualizations/util/__tests__/getFilterText.spec.js +1 -1
  339. package/build/cjs/visualizations/util/colors/colorSets.js +11 -20
  340. package/build/cjs/visualizations/util/colors/themes.js +3 -5
  341. package/build/cjs/visualizations/util/shouldUseContrastColor.js +24 -0
  342. package/build/es/__demo__/CalculationModal.stories.js +20 -6
  343. package/build/es/__demo__/DimensionsPanel.stories.js +43 -17
  344. package/build/es/__demo__/DynamicDimension.stories.js +18 -7
  345. package/build/es/__demo__/FileMenu.stories.js +15 -5
  346. package/build/es/__demo__/Filter.stories.js +8 -3
  347. package/build/es/__demo__/FixedPeriodSelect.stories.js +18 -7
  348. package/build/es/__demo__/InterpretationsUnit.stories.js +10 -5
  349. package/build/es/__demo__/OpenFileDialog.stories.js +34 -26
  350. package/build/es/__demo__/OrgUnitDimension.stories.js +61 -26
  351. package/build/es/__demo__/PeriodDimension.stories.js +44 -13
  352. package/build/es/__demo__/PivotTable.stories.js +249 -99
  353. package/build/es/__demo__/SingleValue.stories.js +675 -0
  354. package/build/es/__demo__/Toolbar.stories.js +8 -3
  355. package/build/es/api/analytics/AnalyticsResponse.js +0 -1
  356. package/build/es/components/DataDimension/Calculation/DataElementOption.js +1 -1
  357. package/build/es/components/DataDimension/Calculation/DndContext.js +3 -3
  358. package/build/es/components/DataDimension/Calculation/FormulaItem.js +1 -1
  359. package/build/es/components/DataDimension/Calculation/Operator.js +1 -1
  360. package/build/es/components/DataDimension/ItemSelector.js +1 -2
  361. package/build/es/components/DimensionMenu.js +3 -3
  362. package/build/es/components/DimensionsPanel/DimensionsPanel.js +3 -3
  363. package/build/es/components/DimensionsPanel/List/DimensionItem.js +4 -4
  364. package/build/es/components/DimensionsPanel/List/DimensionList.js +3 -3
  365. package/build/es/components/DimensionsPanel/List/__tests__/DimensionItem.spec.js +1 -1
  366. package/build/es/components/DimensionsPanel/__tests__/DimensionsPanel.spec.js +1 -1
  367. package/build/es/components/DynamicDimension/ItemSelector.js +1 -2
  368. package/build/es/components/FileMenu/__tests__/DeleteDialog.spec.js +1 -1
  369. package/build/es/components/FileMenu/__tests__/FileMenu.spec.js +1 -1
  370. package/build/es/components/FileMenu/__tests__/GetLinkDialog.spec.js +1 -1
  371. package/build/es/components/FileMenu/__tests__/RenameDialog.spec.js +1 -1
  372. package/build/es/components/FileMenu/__tests__/SaveAsDialog.spec.js +1 -1
  373. package/build/es/components/Filter/__tests__/Filter.spec.js +1 -1
  374. package/build/es/components/Interpretations/common/Message/MessageInput.js +1 -1
  375. package/build/es/components/OrgUnitDimension/OrgUnitDimension.js +2 -5
  376. package/build/es/components/OrgUnitDimension/__tests__/OrgUnitDimension.spec.js +57 -0
  377. package/build/es/components/OrgUnitDimension/__tests__/__snapshots__/OrgUnitDimension.spec.js.snap +94 -0
  378. package/build/es/components/PeriodDimension/FixedPeriodSelect.js +3 -3
  379. package/build/es/components/PeriodDimension/PeriodTransfer.js +1 -1
  380. package/build/es/components/PeriodDimension/__tests__/FixedPeriodSingleSelect.spec.js +1 -1
  381. package/build/es/components/PeriodDimension/__tests__/PeriodDimension.spec.js +1 -1
  382. package/build/es/components/PeriodDimension/__tests__/PeriodSelector.spec.js +1 -1
  383. package/build/es/components/PeriodDimension/utils/fixedPeriods.js +0 -1
  384. package/build/es/components/PivotTable/PivotTableCell.js +1 -1
  385. package/build/es/components/PivotTable/PivotTableEmptyCell.js +1 -1
  386. package/build/es/components/RichText/Editor/__tests__/Editor.spec.js +1 -1
  387. package/build/es/components/RichText/Parser/__tests__/Parser.spec.js +1 -1
  388. package/build/es/components/Toolbar/HoverMenuBar/HoverMenuListItem.js +1 -1
  389. package/build/es/components/Toolbar/HoverMenuBar/__tests__/HoverMenuBar.spec.js +3 -3
  390. package/build/es/components/Toolbar/HoverMenuBar/__tests__/HoverMenuDropdown.spec.js +2 -2
  391. package/build/es/components/Toolbar/HoverMenuBar/__tests__/HoverMenuList.spec.js +6 -6
  392. package/build/es/components/Toolbar/HoverMenuBar/__tests__/HoverMenuListItem.spec.js +4 -4
  393. package/build/es/components/Toolbar/UpdateButton.js +1 -1
  394. package/build/es/components/Toolbar/__tests__/InterpretationsAndDetailsToggler.spec.js +5 -5
  395. package/build/es/components/Toolbar/__tests__/Toolbar.spec.js +2 -2
  396. package/build/es/components/Toolbar/__tests__/ToolbarSidebar.spec.js +3 -3
  397. package/build/es/components/Toolbar/__tests__/UpdateButton.spec.js +4 -4
  398. package/build/es/components/UserMention/UserMentionWrapper.js +0 -1
  399. package/build/es/locales/lo/translations.json +16 -12
  400. package/build/es/locales/pt/translations.json +251 -242
  401. package/build/es/locales/vi/translations.json +16 -12
  402. package/build/es/locales/zh/translations.json +2 -0
  403. package/build/es/modules/__tests__/getOuLevelAndGroupText.spec.js +9 -0
  404. package/build/es/modules/getOuLevelAndGroupText.js +4 -1
  405. package/build/es/modules/pivotTable/AdaptiveClippingController.js +3 -3
  406. package/build/es/modules/pivotTable/PivotTableEngine.js +3 -3
  407. package/build/es/modules/pivotTable/useSortableColumns.js +0 -1
  408. package/build/es/visualizations/config/adapters/dhis_highcharts/chart/default.js +19 -0
  409. package/build/es/visualizations/config/adapters/dhis_highcharts/chart/index.js +11 -0
  410. package/build/es/visualizations/config/adapters/dhis_highcharts/chart/singleValue.js +12 -0
  411. package/build/es/visualizations/config/adapters/dhis_highcharts/customSVGOptions/index.js +29 -0
  412. package/build/es/visualizations/config/adapters/dhis_highcharts/customSVGOptions/singleValue/getSingleValueBackgroundColor.js +6 -0
  413. package/build/es/visualizations/config/adapters/{dhis_dhis/value/index.js → dhis_highcharts/customSVGOptions/singleValue/getSingleValueFormattedValue.js} +4 -4
  414. package/build/es/visualizations/config/adapters/dhis_highcharts/customSVGOptions/singleValue/getSingleValueLegendColor.js +5 -0
  415. package/build/es/visualizations/config/adapters/dhis_highcharts/customSVGOptions/singleValue/getSingleValueSubtext.js +5 -0
  416. package/build/es/visualizations/config/adapters/dhis_highcharts/customSVGOptions/singleValue/getSingleValueTextColor.js +14 -0
  417. package/build/es/visualizations/config/adapters/dhis_highcharts/customSVGOptions/singleValue/getSingleValueTitleColor.js +20 -0
  418. package/build/es/visualizations/config/adapters/dhis_highcharts/customSVGOptions/singleValue/index.js +25 -0
  419. package/build/es/visualizations/config/adapters/dhis_highcharts/events/index.js +16 -0
  420. package/build/es/visualizations/config/adapters/dhis_highcharts/events/loadCustomSVG/index.js +11 -0
  421. package/build/es/visualizations/config/adapters/dhis_highcharts/events/loadCustomSVG/singleValue/addIconElement.js +28 -0
  422. package/build/es/visualizations/config/adapters/dhis_highcharts/events/loadCustomSVG/singleValue/checkIfFitsWithinContainer.js +13 -0
  423. package/build/es/visualizations/config/adapters/dhis_highcharts/events/loadCustomSVG/singleValue/computeLayoutRect.js +33 -0
  424. package/build/es/visualizations/config/adapters/dhis_highcharts/events/loadCustomSVG/singleValue/computeSpacingTop.js +15 -0
  425. package/build/es/visualizations/config/adapters/dhis_highcharts/events/loadCustomSVG/singleValue/constants.js +4 -0
  426. package/build/es/visualizations/config/adapters/dhis_highcharts/events/loadCustomSVG/singleValue/getAvailableSpace.js +8 -0
  427. package/build/es/visualizations/config/adapters/dhis_highcharts/events/loadCustomSVG/singleValue/index.js +41 -0
  428. package/build/es/visualizations/config/adapters/dhis_highcharts/events/loadCustomSVG/singleValue/positionElements.js +40 -0
  429. package/build/es/visualizations/config/adapters/dhis_highcharts/events/loadCustomSVG/singleValue/styles.js +100 -0
  430. package/build/es/visualizations/config/adapters/dhis_highcharts/exporting.js +23 -0
  431. package/build/es/visualizations/config/adapters/dhis_highcharts/index.js +23 -13
  432. package/build/es/visualizations/config/adapters/dhis_highcharts/lang.js +11 -0
  433. package/build/es/visualizations/config/adapters/dhis_highcharts/plotOptions.js +3 -3
  434. package/build/es/visualizations/config/adapters/dhis_highcharts/series/index.js +6 -2
  435. package/build/es/visualizations/config/adapters/dhis_highcharts/series/scatter.js +2 -2
  436. package/build/es/visualizations/config/adapters/dhis_highcharts/subtitle/__tests__/singleValue.spec.js +58 -0
  437. package/build/es/visualizations/config/adapters/dhis_highcharts/subtitle/index.js +56 -24
  438. package/build/es/visualizations/config/adapters/dhis_highcharts/subtitle/singleValue.js +14 -0
  439. package/build/es/visualizations/config/adapters/dhis_highcharts/title/__tests__/singleValue.spec.js +42 -0
  440. package/build/es/visualizations/config/adapters/dhis_highcharts/title/index.js +52 -24
  441. package/build/es/visualizations/config/adapters/dhis_highcharts/title/singleValue.js +18 -0
  442. package/build/es/visualizations/config/adapters/dhis_highcharts/title/yearOverYear.js +1 -1
  443. package/build/es/visualizations/config/adapters/dhis_highcharts/type.js +3 -1
  444. package/build/es/visualizations/config/adapters/dhis_highcharts/xAxis/index.js +2 -1
  445. package/build/es/visualizations/config/adapters/dhis_highcharts/xAxis/radar.js +2 -2
  446. package/build/es/visualizations/config/adapters/dhis_highcharts/yAxis/index.js +6 -7
  447. package/build/es/visualizations/config/adapters/index.js +1 -3
  448. package/build/es/visualizations/config/generators/highcharts/index.js +4 -0
  449. package/build/es/visualizations/config/generators/index.js +1 -3
  450. package/build/es/visualizations/store/adapters/dhis_highcharts/index.js +4 -1
  451. package/build/es/visualizations/store/adapters/dhis_highcharts/singleValue.js +4 -0
  452. package/build/es/visualizations/store/adapters/index.js +1 -3
  453. package/build/es/visualizations/util/shouldUseContrastColor.js +17 -0
  454. package/package.json +13 -11
  455. package/build/cjs/visualizations/config/adapters/dhis_dhis/index.js +0 -39
  456. package/build/cjs/visualizations/config/adapters/dhis_dhis/subtitle/__tests__/index.spec.js +0 -49
  457. package/build/cjs/visualizations/config/adapters/dhis_dhis/subtitle/__tests__/singleValue.spec.js +0 -15
  458. package/build/cjs/visualizations/config/adapters/dhis_dhis/subtitle/index.js +0 -34
  459. package/build/cjs/visualizations/config/adapters/dhis_dhis/subtitle/singleValue.js +0 -11
  460. package/build/cjs/visualizations/config/adapters/dhis_dhis/title/__tests__/index.spec.js +0 -39
  461. package/build/cjs/visualizations/config/adapters/dhis_dhis/title/__tests__/singleValue.spec.js +0 -17
  462. package/build/cjs/visualizations/config/adapters/dhis_dhis/title/index.js +0 -31
  463. package/build/cjs/visualizations/config/adapters/dhis_dhis/title/singleValue.js +0 -18
  464. package/build/cjs/visualizations/config/adapters/dhis_dhis/type.js +0 -19
  465. package/build/cjs/visualizations/config/adapters/dhis_highcharts/chart.js +0 -39
  466. package/build/cjs/visualizations/config/generators/dhis/index.js +0 -28
  467. package/build/cjs/visualizations/config/generators/dhis/singleValue.js +0 -359
  468. package/build/cjs/visualizations/store/adapters/dhis_dhis/index.js +0 -83
  469. package/build/cjs/visualizations/store/adapters/dhis_dhis/singleValue.js +0 -10
  470. package/build/es/visualizations/config/adapters/dhis_dhis/index.js +0 -30
  471. package/build/es/visualizations/config/adapters/dhis_dhis/subtitle/__tests__/index.spec.js +0 -46
  472. package/build/es/visualizations/config/adapters/dhis_dhis/subtitle/__tests__/singleValue.spec.js +0 -12
  473. package/build/es/visualizations/config/adapters/dhis_dhis/subtitle/index.js +0 -27
  474. package/build/es/visualizations/config/adapters/dhis_dhis/subtitle/singleValue.js +0 -4
  475. package/build/es/visualizations/config/adapters/dhis_dhis/title/__tests__/index.spec.js +0 -36
  476. package/build/es/visualizations/config/adapters/dhis_dhis/title/__tests__/singleValue.spec.js +0 -14
  477. package/build/es/visualizations/config/adapters/dhis_dhis/title/index.js +0 -24
  478. package/build/es/visualizations/config/adapters/dhis_dhis/title/singleValue.js +0 -11
  479. package/build/es/visualizations/config/adapters/dhis_dhis/type.js +0 -13
  480. package/build/es/visualizations/config/adapters/dhis_highcharts/chart.js +0 -32
  481. package/build/es/visualizations/config/generators/dhis/index.js +0 -21
  482. package/build/es/visualizations/config/generators/dhis/singleValue.js +0 -353
  483. package/build/es/visualizations/store/adapters/dhis_dhis/index.js +0 -76
  484. package/build/es/visualizations/store/adapters/dhis_dhis/singleValue.js +0 -4
@@ -1,359 +0,0 @@
1
- "use strict";
2
-
3
- Object.defineProperty(exports, "__esModule", {
4
- value: true
5
- });
6
- exports.default = _default;
7
- var _ui = require("@dhis2/ui");
8
- var _fontStyle = require("../../../../modules/fontStyle.js");
9
- var _legends = require("../../../../modules/legends.js");
10
- const svgNS = 'http://www.w3.org/2000/svg';
11
-
12
- // multiply text width with this factor
13
- // to get very close to actual text width
14
- // nb: dependent on viewbox etc
15
- const ACTUAL_TEXT_WIDTH_FACTOR = 0.9;
16
-
17
- // multiply value text size with this factor
18
- // to get very close to the actual number height
19
- // as numbers don't go below the baseline like e.g. "j" and "g"
20
- const ACTUAL_NUMBER_HEIGHT_FACTOR = 0.67;
21
-
22
- // do not allow text width to exceed this threshold
23
- // a threshold >1 does not really make sense but text width vs viewbox is complicated
24
- const TEXT_WIDTH_CONTAINER_WIDTH_FACTOR = 1.3;
25
-
26
- // do not allow text size to exceed this
27
- const TEXT_SIZE_CONTAINER_HEIGHT_FACTOR = 0.6;
28
- const TEXT_SIZE_MAX_THRESHOLD = 400;
29
-
30
- // multiply text size with this factor
31
- // to get an appropriate letter spacing
32
- const LETTER_SPACING_TEXT_SIZE_FACTOR = 1 / 35 * -1;
33
- const LETTER_SPACING_MIN_THRESHOLD = -6;
34
- const LETTER_SPACING_MAX_THRESHOLD = -1;
35
-
36
- // fixed top margin above title/subtitle
37
- const TOP_MARGIN_FIXED = 16;
38
-
39
- // multiply text size with this factor
40
- // to get an appropriate sub text size
41
- const SUB_TEXT_SIZE_FACTOR = 0.5;
42
- const SUB_TEXT_SIZE_MIN_THRESHOLD = 26;
43
- const SUB_TEXT_SIZE_MAX_THRESHOLD = 40;
44
-
45
- // multiply text size with this factor
46
- // to get an appropriate icon padding
47
- const ICON_PADDING_FACTOR = 0.3;
48
-
49
- // Compute text width before rendering
50
- // Not exactly precise but close enough
51
- const getTextWidth = (text, font) => {
52
- const canvas = document.createElement('canvas');
53
- const context = canvas.getContext('2d');
54
- context.font = font;
55
- return Math.round(context.measureText(text).width * ACTUAL_TEXT_WIDTH_FACTOR);
56
- };
57
- const getTextHeightForNumbers = textSize => textSize * ACTUAL_NUMBER_HEIGHT_FACTOR;
58
- const getIconPadding = textSize => Math.round(textSize * ICON_PADDING_FACTOR);
59
- const getTextSize = (formattedValue, containerWidth, containerHeight, showIcon) => {
60
- let size = Math.min(Math.round(containerHeight * TEXT_SIZE_CONTAINER_HEIGHT_FACTOR), TEXT_SIZE_MAX_THRESHOLD);
61
- const widthThreshold = Math.round(containerWidth * TEXT_WIDTH_CONTAINER_WIDTH_FACTOR);
62
- const textWidth = getTextWidth(formattedValue, `${size}px Roboto`) + (showIcon ? getIconPadding(size) : 0);
63
- if (textWidth > widthThreshold) {
64
- size = Math.round(size * (widthThreshold / textWidth));
65
- }
66
- return size;
67
- };
68
- const generateValueSVG = _ref => {
69
- let {
70
- formattedValue,
71
- subText,
72
- valueColor,
73
- textColor,
74
- icon,
75
- noData,
76
- containerWidth,
77
- containerHeight,
78
- topMargin = 0
79
- } = _ref;
80
- const showIcon = icon && formattedValue !== noData.text;
81
- const textSize = getTextSize(formattedValue, containerWidth, containerHeight, showIcon);
82
- const textWidth = getTextWidth(formattedValue, `${textSize}px Roboto`);
83
- const iconSize = textSize;
84
- const subTextSize = textSize * SUB_TEXT_SIZE_FACTOR > SUB_TEXT_SIZE_MAX_THRESHOLD ? SUB_TEXT_SIZE_MAX_THRESHOLD : textSize * SUB_TEXT_SIZE_FACTOR < SUB_TEXT_SIZE_MIN_THRESHOLD ? SUB_TEXT_SIZE_MIN_THRESHOLD : textSize * SUB_TEXT_SIZE_FACTOR;
85
- const svgValue = document.createElementNS(svgNS, 'svg');
86
- svgValue.setAttribute('viewBox', `0 0 ${containerWidth} ${containerHeight}`);
87
- svgValue.setAttribute('width', '50%');
88
- svgValue.setAttribute('height', '50%');
89
- svgValue.setAttribute('x', '50%');
90
- svgValue.setAttribute('y', '50%');
91
- svgValue.setAttribute('style', 'overflow: visible');
92
- let fillColor = _ui.colors.grey900;
93
- if (valueColor) {
94
- fillColor = valueColor;
95
- } else if (formattedValue === noData.text) {
96
- fillColor = _ui.colors.grey600;
97
- }
98
-
99
- // show icon if configured in maintenance app
100
- if (showIcon) {
101
- // embed icon to allow changing color
102
- // (elements with fill need to use "currentColor" for this to work)
103
- const iconSvgNode = document.createElementNS(svgNS, 'svg');
104
- iconSvgNode.setAttribute('viewBox', '0 0 48 48');
105
- iconSvgNode.setAttribute('width', iconSize);
106
- iconSvgNode.setAttribute('height', iconSize);
107
- iconSvgNode.setAttribute('y', (iconSize / 2 - topMargin / 2) * -1);
108
- iconSvgNode.setAttribute('x', `-${(iconSize + getIconPadding(textSize) + textWidth) / 2}`);
109
- iconSvgNode.setAttribute('style', `color: ${fillColor}`);
110
- iconSvgNode.setAttribute('data-test', 'visualization-icon');
111
- const parser = new DOMParser();
112
- const svgIconDocument = parser.parseFromString(icon, 'image/svg+xml');
113
- Array.from(svgIconDocument.documentElement.children).forEach(node => iconSvgNode.appendChild(node));
114
- svgValue.appendChild(iconSvgNode);
115
- }
116
- const letterSpacing = Math.round(textSize * LETTER_SPACING_TEXT_SIZE_FACTOR);
117
- const textNode = document.createElementNS(svgNS, 'text');
118
- textNode.setAttribute('font-size', textSize);
119
- textNode.setAttribute('font-weight', '300');
120
- textNode.setAttribute('letter-spacing', letterSpacing < LETTER_SPACING_MIN_THRESHOLD ? LETTER_SPACING_MIN_THRESHOLD : letterSpacing > LETTER_SPACING_MAX_THRESHOLD ? LETTER_SPACING_MAX_THRESHOLD : letterSpacing);
121
- textNode.setAttribute('text-anchor', 'middle');
122
- textNode.setAttribute('x', showIcon ? `${(iconSize + getIconPadding(textSize)) / 2}` : 0);
123
- textNode.setAttribute('y', topMargin / 2 + getTextHeightForNumbers(textSize) / 2);
124
- textNode.setAttribute('fill', fillColor);
125
- textNode.setAttribute('data-test', 'visualization-primary-value');
126
- textNode.appendChild(document.createTextNode(formattedValue));
127
- svgValue.appendChild(textNode);
128
- if (subText) {
129
- const subTextNode = document.createElementNS(svgNS, 'text');
130
- subTextNode.setAttribute('text-anchor', 'middle');
131
- subTextNode.setAttribute('font-size', subTextSize);
132
- subTextNode.setAttribute('y', iconSize / 2 + topMargin / 2);
133
- subTextNode.setAttribute('dy', subTextSize * 1.7);
134
- subTextNode.setAttribute('fill', textColor);
135
- subTextNode.appendChild(document.createTextNode(subText));
136
- svgValue.appendChild(subTextNode);
137
- }
138
- return svgValue;
139
- };
140
- const generateDashboardItem = (config, _ref2) => {
141
- let {
142
- svgContainer,
143
- width,
144
- height,
145
- valueColor,
146
- titleColor,
147
- backgroundColor,
148
- noData,
149
- icon
150
- } = _ref2;
151
- svgContainer.appendChild(generateValueSVG({
152
- formattedValue: config.formattedValue,
153
- subText: config.subText,
154
- valueColor,
155
- textColor: titleColor,
156
- noData,
157
- icon,
158
- containerWidth: width,
159
- containerHeight: height
160
- }));
161
- const container = document.createElement('div');
162
- container.setAttribute('style', `display: flex; flex-direction: column; align-items: center; justify-content: center; width: 100%; height: 100%; padding-top: 8px; ${backgroundColor ? `background-color:${backgroundColor};` : ''}`);
163
- const titleStyle = `padding: 0 8px; text-align: center; font-size: 12px; color: ${titleColor || '#666'};`;
164
- const title = document.createElement('span');
165
- title.setAttribute('style', titleStyle);
166
- if (config.title) {
167
- title.appendChild(document.createTextNode(config.title));
168
- container.appendChild(title);
169
- }
170
- if (config.subtitle) {
171
- const subtitle = document.createElement('span');
172
- subtitle.setAttribute('style', titleStyle + ' margin-top: 4px;');
173
- subtitle.appendChild(document.createTextNode(config.subtitle));
174
- container.appendChild(subtitle);
175
- }
176
- container.appendChild(svgContainer);
177
- return container;
178
- };
179
- const getTextAnchorFromTextAlign = textAlign => {
180
- switch (textAlign) {
181
- default:
182
- case _fontStyle.TEXT_ALIGN_LEFT:
183
- return 'start';
184
- case _fontStyle.TEXT_ALIGN_CENTER:
185
- return 'middle';
186
- case _fontStyle.TEXT_ALIGN_RIGHT:
187
- return 'end';
188
- }
189
- };
190
- const getXFromTextAlign = textAlign => {
191
- switch (textAlign) {
192
- default:
193
- case _fontStyle.TEXT_ALIGN_LEFT:
194
- return '1%';
195
- case _fontStyle.TEXT_ALIGN_CENTER:
196
- return '50%';
197
- case _fontStyle.TEXT_ALIGN_RIGHT:
198
- return '99%';
199
- }
200
- };
201
- const generateDVItem = (config, _ref3) => {
202
- let {
203
- svgContainer,
204
- width,
205
- height,
206
- valueColor,
207
- noData,
208
- backgroundColor,
209
- titleColor,
210
- fontStyle,
211
- icon
212
- } = _ref3;
213
- if (backgroundColor) {
214
- svgContainer.setAttribute('style', `background-color: ${backgroundColor};`);
215
- const background = document.createElementNS(svgNS, 'rect');
216
- background.setAttribute('width', '100%');
217
- background.setAttribute('height', '100%');
218
- background.setAttribute('fill', backgroundColor);
219
- svgContainer.appendChild(background);
220
- }
221
- const svgWrapper = document.createElementNS(svgNS, 'svg');
222
-
223
- // title
224
- const title = document.createElementNS(svgNS, 'text');
225
- const titleFontStyle = (0, _fontStyle.mergeFontStyleWithDefault)(fontStyle && fontStyle[_fontStyle.FONT_STYLE_VISUALIZATION_TITLE], _fontStyle.FONT_STYLE_VISUALIZATION_TITLE);
226
- const titleYPosition = TOP_MARGIN_FIXED + parseInt(titleFontStyle[_fontStyle.FONT_STYLE_OPTION_FONT_SIZE]) + 'px';
227
- const titleAttributes = {
228
- x: getXFromTextAlign(titleFontStyle[_fontStyle.FONT_STYLE_OPTION_TEXT_ALIGN]),
229
- y: titleYPosition,
230
- 'text-anchor': getTextAnchorFromTextAlign(titleFontStyle[_fontStyle.FONT_STYLE_OPTION_TEXT_ALIGN]),
231
- 'font-size': `${titleFontStyle[_fontStyle.FONT_STYLE_OPTION_FONT_SIZE]}px`,
232
- 'font-weight': titleFontStyle[_fontStyle.FONT_STYLE_OPTION_BOLD] ? _fontStyle.FONT_STYLE_OPTION_BOLD : 'normal',
233
- 'font-style': titleFontStyle[_fontStyle.FONT_STYLE_OPTION_ITALIC] ? _fontStyle.FONT_STYLE_OPTION_ITALIC : 'normal',
234
- 'data-test': 'visualization-title',
235
- fill: titleColor && titleFontStyle[_fontStyle.FONT_STYLE_OPTION_TEXT_COLOR] === _fontStyle.defaultFontStyle[_fontStyle.FONT_STYLE_VISUALIZATION_TITLE][_fontStyle.FONT_STYLE_OPTION_TEXT_COLOR] ? titleColor : titleFontStyle[_fontStyle.FONT_STYLE_OPTION_TEXT_COLOR]
236
- };
237
- Object.entries(titleAttributes).forEach(_ref4 => {
238
- let [key, value] = _ref4;
239
- return title.setAttribute(key, value);
240
- });
241
- if (config.title) {
242
- title.appendChild(document.createTextNode(config.title));
243
- svgWrapper.appendChild(title);
244
- }
245
-
246
- // subtitle
247
- const subtitle = document.createElementNS(svgNS, 'text');
248
- const subtitleFontStyle = (0, _fontStyle.mergeFontStyleWithDefault)(fontStyle && fontStyle[_fontStyle.FONT_STYLE_VISUALIZATION_SUBTITLE], _fontStyle.FONT_STYLE_VISUALIZATION_SUBTITLE);
249
- const subtitleAttributes = {
250
- x: getXFromTextAlign(subtitleFontStyle[_fontStyle.FONT_STYLE_OPTION_TEXT_ALIGN]),
251
- y: titleYPosition,
252
- dy: `${subtitleFontStyle[_fontStyle.FONT_STYLE_OPTION_FONT_SIZE] + 10}`,
253
- 'text-anchor': getTextAnchorFromTextAlign(subtitleFontStyle[_fontStyle.FONT_STYLE_OPTION_TEXT_ALIGN]),
254
- 'font-size': `${subtitleFontStyle[_fontStyle.FONT_STYLE_OPTION_FONT_SIZE]}px`,
255
- 'font-weight': subtitleFontStyle[_fontStyle.FONT_STYLE_OPTION_BOLD] ? _fontStyle.FONT_STYLE_OPTION_BOLD : 'normal',
256
- 'font-style': subtitleFontStyle[_fontStyle.FONT_STYLE_OPTION_ITALIC] ? _fontStyle.FONT_STYLE_OPTION_ITALIC : 'normal',
257
- fill: titleColor && subtitleFontStyle[_fontStyle.FONT_STYLE_OPTION_TEXT_COLOR] === _fontStyle.defaultFontStyle[_fontStyle.FONT_STYLE_VISUALIZATION_SUBTITLE][_fontStyle.FONT_STYLE_OPTION_TEXT_COLOR] ? titleColor : subtitleFontStyle[_fontStyle.FONT_STYLE_OPTION_TEXT_COLOR],
258
- 'data-test': 'visualization-subtitle'
259
- };
260
- Object.entries(subtitleAttributes).forEach(_ref5 => {
261
- let [key, value] = _ref5;
262
- return subtitle.setAttribute(key, value);
263
- });
264
- if (config.subtitle) {
265
- subtitle.appendChild(document.createTextNode(config.subtitle));
266
- svgWrapper.appendChild(subtitle);
267
- }
268
- svgContainer.appendChild(svgWrapper);
269
- svgContainer.appendChild(generateValueSVG({
270
- formattedValue: config.formattedValue,
271
- subText: config.subText,
272
- valueColor,
273
- textColor: titleColor,
274
- noData,
275
- icon,
276
- containerWidth: width,
277
- containerHeight: height,
278
- topMargin: TOP_MARGIN_FIXED + ((config.title ? parseInt(title.getAttribute('font-size')) : 0) + (config.subtitle ? parseInt(subtitle.getAttribute('font-size')) : 0)) * 2.5
279
- }));
280
- return svgContainer;
281
- };
282
- const shouldUseContrastColor = function () {
283
- let inputColor = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : '';
284
- // based on https://stackoverflow.com/questions/3942878/how-to-decide-font-color-in-white-or-black-depending-on-background-color
285
- var color = inputColor.charAt(0) === '#' ? inputColor.substring(1, 7) : inputColor;
286
- var r = parseInt(color.substring(0, 2), 16); // hexToR
287
- var g = parseInt(color.substring(2, 4), 16); // hexToG
288
- var b = parseInt(color.substring(4, 6), 16); // hexToB
289
- var uicolors = [r / 255, g / 255, b / 255];
290
- var c = uicolors.map(col => {
291
- if (col <= 0.03928) {
292
- return col / 12.92;
293
- }
294
- return Math.pow((col + 0.055) / 1.055, 2.4);
295
- });
296
- var L = 0.2126 * c[0] + 0.7152 * c[1] + 0.0722 * c[2];
297
- return L <= 0.179;
298
- };
299
- function _default(config, parentEl, _ref6) {
300
- let {
301
- dashboard,
302
- legendSets,
303
- fontStyle,
304
- noData,
305
- legendOptions,
306
- icon
307
- } = _ref6;
308
- const legendSet = legendOptions && legendSets[0];
309
- const legendColor = legendSet && (0, _legends.getColorByValueFromLegendSet)(legendSet, config.value);
310
- let valueColor, titleColor, backgroundColor;
311
- if (legendColor) {
312
- if (legendOptions.style === _legends.LEGEND_DISPLAY_STYLE_FILL) {
313
- backgroundColor = legendColor;
314
- valueColor = titleColor = shouldUseContrastColor(legendColor) && _ui.colors.white;
315
- } else {
316
- valueColor = legendColor;
317
- }
318
- }
319
- parentEl.style.overflow = 'hidden';
320
- parentEl.style.display = 'flex';
321
- parentEl.style.justifyContent = 'center';
322
- const parentElBBox = parentEl.getBoundingClientRect();
323
- const width = parentElBBox.width;
324
- const height = parentElBBox.height;
325
- const svgContainer = document.createElementNS(svgNS, 'svg');
326
- svgContainer.setAttribute('xmlns', svgNS);
327
- svgContainer.setAttribute('viewBox', `0 0 ${width} ${height}`);
328
- svgContainer.setAttribute('width', dashboard ? '100%' : width);
329
- svgContainer.setAttribute('height', dashboard ? '100%' : height);
330
- svgContainer.setAttribute('data-test', 'visualization-container');
331
- if (dashboard) {
332
- parentEl.style.borderRadius = '3px';
333
- return generateDashboardItem(config, {
334
- svgContainer,
335
- width,
336
- height,
337
- valueColor,
338
- backgroundColor,
339
- noData,
340
- icon,
341
- ...(legendOptions.style === _legends.LEGEND_DISPLAY_STYLE_FILL && legendColor && shouldUseContrastColor(legendColor) ? {
342
- titleColor: _ui.colors.white
343
- } : {})
344
- });
345
- } else {
346
- parentEl.style.height = `100%`;
347
- return generateDVItem(config, {
348
- svgContainer,
349
- width,
350
- height,
351
- valueColor,
352
- backgroundColor,
353
- titleColor,
354
- noData,
355
- icon,
356
- fontStyle
357
- });
358
- }
359
- }
@@ -1,83 +0,0 @@
1
- "use strict";
2
-
3
- Object.defineProperty(exports, "__esModule", {
4
- value: true
5
- });
6
- exports.default = _default;
7
- var _visTypes = require("../../../../modules/visTypes.js");
8
- var _singleValue = _interopRequireDefault(require("./singleValue.js"));
9
- function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
10
- const VALUE_ID = 'value';
11
- function getHeaderIdIndexMap(headers) {
12
- const map = new Map();
13
- headers.forEach((header, index) => {
14
- map.set(header.name, index);
15
- });
16
- return map;
17
- }
18
- function getPrefixedId(row, header) {
19
- return (header.isPrefix ? header.name + '_' : '') + row[header.index];
20
- }
21
- function getIdValueMap(rows, seriesHeader, categoryHeader, valueIndex) {
22
- const map = new Map();
23
- let key;
24
- let value;
25
- rows.forEach(row => {
26
- key = [...(seriesHeader ? [getPrefixedId(row, seriesHeader)] : []), ...(categoryHeader ? [getPrefixedId(row, categoryHeader)] : [])].join('-');
27
- value = row[valueIndex];
28
- map.set(key, value);
29
- });
30
- return map;
31
- }
32
- function getDefault(acc, seriesIds, categoryIds, idValueMap, metaData) {
33
- seriesIds.forEach(seriesId => {
34
- const serieData = [];
35
- categoryIds.forEach(categoryId => {
36
- const value = idValueMap.get(`${seriesId}-${categoryId}`);
37
-
38
- // DHIS2-1261: 0 is a valid value
39
- // undefined value means the key was not found within the rows
40
- // in that case null is returned as value in the serie
41
- serieData.push(value === undefined ? null : parseFloat(value));
42
- });
43
- acc.push({
44
- id: seriesId,
45
- name: metaData.items[seriesId].name,
46
- data: serieData
47
- });
48
- });
49
- return acc;
50
- }
51
- function getValueFunction(type) {
52
- switch (type) {
53
- case _visTypes.VIS_TYPE_SINGLE_VALUE:
54
- return _singleValue.default;
55
- default:
56
- return getDefault;
57
- }
58
- }
59
- function _default(_ref) {
60
- let {
61
- type,
62
- data,
63
- seriesId,
64
- categoryId
65
- } = _ref;
66
- const valueFunction = getValueFunction(type);
67
- return data.reduce((acc, res) => {
68
- const headers = res.headers;
69
- const metaData = res.metaData;
70
- const rows = res.rows;
71
- const headerIdIndexMap = getHeaderIdIndexMap(headers);
72
- const seriesIndex = headerIdIndexMap.get(seriesId);
73
- const categoryIndex = headerIdIndexMap.get(categoryId);
74
- const valueIndex = headerIdIndexMap.get(VALUE_ID);
75
- const seriesHeader = headers[seriesIndex];
76
- const categoryHeader = headers[categoryIndex];
77
- const idValueMap = getIdValueMap(rows, seriesHeader, categoryHeader, valueIndex);
78
- const seriesIds = metaData.dimensions[seriesId];
79
- const categoryIds = metaData.dimensions[categoryId];
80
- valueFunction(acc, seriesIds, categoryIds, idValueMap, metaData);
81
- return acc;
82
- }, []);
83
- }
@@ -1,10 +0,0 @@
1
- "use strict";
2
-
3
- Object.defineProperty(exports, "__esModule", {
4
- value: true
5
- });
6
- exports.default = _default;
7
- function _default(acc, seriesIds, categoryIds, idValueMap) {
8
- const seriesId = seriesIds[0];
9
- acc.push(idValueMap.get(seriesId));
10
- }
@@ -1,30 +0,0 @@
1
- import getSubtitle from './subtitle/index.js';
2
- import getTitle from './title/index.js';
3
- import getValue from './value/index.js';
4
- export const INDICATOR_FACTOR_100 = 100;
5
- export default function (_ref) {
6
- let {
7
- store,
8
- layout,
9
- extraOptions
10
- } = _ref;
11
- const data = store.generateData({
12
- type: layout.type,
13
- seriesId: layout.columns && layout.columns.length ? layout.columns[0].dimension : null,
14
- categoryId: layout.rows && layout.rows.length ? layout.rows[0].dimension : null
15
- });
16
- const metaData = store.data[0].metaData;
17
- const config = {
18
- value: data[0],
19
- formattedValue: data[0] === undefined ? extraOptions.noData.text : getValue(data[0], layout, metaData),
20
- title: getTitle(layout, metaData, extraOptions.dashboard),
21
- subtitle: getSubtitle(layout, metaData, extraOptions.dashboard)
22
- };
23
- const indicatorType = metaData.items[metaData.dimensions.dx[0]].indicatorType;
24
-
25
- // Use % symbol for factor 100 and the full string for others
26
- if ((indicatorType === null || indicatorType === void 0 ? void 0 : indicatorType.factor) !== INDICATOR_FACTOR_100) {
27
- config.subText = indicatorType === null || indicatorType === void 0 ? void 0 : indicatorType.displayName;
28
- }
29
- return config;
30
- }
@@ -1,46 +0,0 @@
1
- import { VIS_TYPE_SINGLE_VALUE } from '../../../../../../modules/visTypes.js';
2
- import getSubtitle from '../index.js';
3
- jest.mock('../singleValue', () => () => 'The sv filter title');
4
- jest.mock('../../../../../util/getFilterText', () => () => 'The default filter text');
5
- describe('getSubtitle', () => {
6
- it('returns empty subtitle when flag hideSubtitle exists', () => {
7
- expect(getSubtitle({
8
- hideSubtitle: true
9
- })).toEqual('');
10
- });
11
- it('returns the subtitle provided in the layout', () => {
12
- const subtitle = 'The subtitle was already set';
13
- expect(getSubtitle({
14
- subtitle
15
- })).toEqual(subtitle);
16
- });
17
- it('returns subtitle for single value vis', () => {
18
- expect(getSubtitle({
19
- type: VIS_TYPE_SINGLE_VALUE
20
- })).toEqual('The sv filter title');
21
- });
22
- describe('not dashboard', () => {
23
- describe('layout does not include title', () => {
24
- it('returns empty subtitle', () => {
25
- expect(getSubtitle({
26
- filters: {}
27
- }, {}, false)).toEqual('');
28
- });
29
- });
30
- describe('layout includes title', () => {
31
- it('returns filter title as subtitle', () => {
32
- expect(getSubtitle({
33
- filters: {},
34
- title: 'Chart title'
35
- }, {}, false)).toEqual('The default filter text');
36
- });
37
- });
38
- });
39
- describe('dashboard', () => {
40
- it('returns filter title as subtitle', () => {
41
- expect(getSubtitle({
42
- filters: {}
43
- }, {}, true)).toEqual('The default filter text');
44
- });
45
- });
46
- });
@@ -1,12 +0,0 @@
1
- import getSingleValueSubtitle from '../singleValue.js';
2
- jest.mock('../../../../../util/getFilterText', () => () => 'The filter text');
3
- describe('getSingleValueSubtitle', () => {
4
- it('returns null when layout does not have filters', () => {
5
- expect(getSingleValueSubtitle({})).toEqual('');
6
- });
7
- it('returns the filter text', () => {
8
- expect(getSingleValueSubtitle({
9
- filters: []
10
- })).toEqual('The filter text');
11
- });
12
- });
@@ -1,27 +0,0 @@
1
- import { VIS_TYPE_SINGLE_VALUE } from '../../../../../modules/visTypes.js';
2
- import getFilterText from '../../../../util/getFilterText.js';
3
- import getSingleValueTitle from './singleValue.js';
4
- function getDefault(layout, dashboard, metaData) {
5
- if (dashboard || typeof layout.title === 'string') {
6
- return getFilterText(layout.filters, metaData);
7
- }
8
- return '';
9
- }
10
- export default function (layout, metaData, dashboard) {
11
- if (layout.hideSubtitle) {
12
- return '';
13
- }
14
- if (typeof layout.subtitle === 'string' && layout.subtitle.length) {
15
- return layout.subtitle;
16
- } else {
17
- let subtitle;
18
- switch (layout.type) {
19
- case VIS_TYPE_SINGLE_VALUE:
20
- subtitle = getSingleValueTitle(layout, metaData);
21
- break;
22
- default:
23
- subtitle = getDefault(layout, dashboard, metaData);
24
- }
25
- return subtitle;
26
- }
27
- }
@@ -1,4 +0,0 @@
1
- import getFilterText from '../../../../util/getFilterText.js';
2
- export default function (layout, metaData) {
3
- return layout.filters ? getFilterText(layout.filters, metaData) : '';
4
- }
@@ -1,36 +0,0 @@
1
- import { VIS_TYPE_SINGLE_VALUE } from '../../../../../../modules/visTypes.js';
2
- import getTitle from '../index.js';
3
- jest.mock('../singleValue', () => () => 'The sv filter title');
4
- jest.mock('../../../../../util/getFilterText', () => () => 'The filter text');
5
- describe('getTitle', () => {
6
- it('returns empty title when flag hideTitle exists', () => {
7
- expect(getTitle({
8
- hideTitle: true
9
- })).toEqual('');
10
- });
11
- it('returns the title provided in the layout', () => {
12
- const title = 'The title was already set';
13
- expect(getTitle({
14
- title
15
- })).toEqual(title);
16
- });
17
- it('returns title for single value vis', () => {
18
- expect(getTitle({
19
- type: VIS_TYPE_SINGLE_VALUE
20
- })).toEqual('The sv filter title');
21
- });
22
- describe('not dashboard', () => {
23
- it('returns filter text as title', () => {
24
- expect(getTitle({
25
- filters: {}
26
- }, {}, false)).toEqual('The filter text');
27
- });
28
- });
29
- describe('dashboard', () => {
30
- it('returns empty string', () => {
31
- expect(getTitle({
32
- filters: {}
33
- }, {}, true)).toEqual('');
34
- });
35
- });
36
- });
@@ -1,14 +0,0 @@
1
- import getSingleValueTitle from '../singleValue.js';
2
- jest.mock('../../../../../util/getFilterText', () => () => 'The filter text');
3
- describe('getSingleValueTitle', () => {
4
- it('returns null when layout does not have columns', () => {
5
- expect(getSingleValueTitle({})).toEqual('');
6
- });
7
- it('returns the filter text based on column items', () => {
8
- expect(getSingleValueTitle({
9
- columns: [{
10
- items: [{}]
11
- }]
12
- })).toEqual('The filter text');
13
- });
14
- });
@@ -1,24 +0,0 @@
1
- import { VIS_TYPE_SINGLE_VALUE } from '../../../../../modules/visTypes.js';
2
- import getFilterText from '../../../../util/getFilterText.js';
3
- import getSingleValueTitle from './singleValue.js';
4
- function getDefault(layout, metaData, dashboard) {
5
- return layout.filters && !dashboard ? getFilterText(layout.filters, metaData) : '';
6
- }
7
- export default function (layout, metaData, dashboard) {
8
- if (layout.hideTitle) {
9
- return '';
10
- }
11
- if (typeof layout.title === 'string' && layout.title.length) {
12
- return layout.title;
13
- } else {
14
- let title;
15
- switch (layout.type) {
16
- case VIS_TYPE_SINGLE_VALUE:
17
- title = getSingleValueTitle(layout, metaData);
18
- break;
19
- default:
20
- title = getDefault(layout, metaData, dashboard);
21
- }
22
- return title;
23
- }
24
- }
@@ -1,11 +0,0 @@
1
- import getFilterText from '../../../../util/getFilterText.js';
2
- export default function (layout, metaData) {
3
- if (layout.columns) {
4
- const firstItem = layout.columns[0].items[0];
5
- const column = Object.assign({}, layout.columns[0], {
6
- items: [firstItem]
7
- });
8
- return getFilterText([column], metaData);
9
- }
10
- return '';
11
- }