@dhis2/analytics 21.0.0-alpha.1 → 21.0.0

package/build/es/components/PivotTable/PivotTableCell.js

@@ -18,12 +18,12 @@ export const PivotTableCell = /*#__PURE__*/React.forwardRef(({
   const engine = usePivotTableEngine();
   style.width = style.minWidth = style.maxWidth = style.width;
   style.height = style.minHeight = style.maxHeight = style.height || engine.fontSize + engine.cellPadding * 2 + 2;
-  const className = classnames(classes, `fontsize-${engine.visualization.fontSize}`, `displaydensity-${engine.visualization.displayDensity}`);
+  const className = classnames(classes, "fontsize-".concat(engine.visualization.fontSize), "displaydensity-".concat(engine.visualization.displayDensity));
   return isHeader ? /*#__PURE__*/React.createElement("th", _extends({
     style: style,
     "data-test": dataTest
   }, props, {
-    className: `jsx-${cellStyle.__hash}` + " " + (props && props.className != null && props.className || className || "")
+    className: "jsx-".concat(cellStyle.__hash) + " " + (props && props.className != null && props.className || className || "")
   }), /*#__PURE__*/React.createElement(_JSXStyle, {
     id: cellStyle.__hash
   }, cellStyle), children) : /*#__PURE__*/React.createElement("td", _extends({
@@ -31,7 +31,7 @@ export const PivotTableCell = /*#__PURE__*/React.forwardRef(({
     style: style,
     "data-test": dataTest
   }, props, {
-    className: `jsx-${cellStyle.__hash}` + " " + (props && props.className != null && props.className || className || "")
+    className: "jsx-".concat(cellStyle.__hash) + " " + (props && props.className != null && props.className || className || "")
   }), /*#__PURE__*/React.createElement(_JSXStyle, {
     id: cellStyle.__hash
   }, cellStyle), children);

package/build/es/components/PivotTable/PivotTableColumnHeaderCell.js

@@ -52,10 +52,10 @@ export const PivotTableColumnHeaderCell = ({
       }, /*#__PURE__*/React.createElement(_JSXStyle, {
         id: cellStyle.__hash
       }, cellStyle), /*#__PURE__*/React.createElement("div", {
-        className: `jsx-${cellStyle.__hash}` + " " + "column-header-inner"
+        className: "jsx-".concat(cellStyle.__hash) + " " + "column-header-inner"
       }, /*#__PURE__*/React.createElement("span", {
         "data-test": "visualization-column-header",
-        className: `jsx-${cellStyle.__hash}` + " " + "column-header-label"
+        className: "jsx-".concat(cellStyle.__hash) + " " + "column-header-label"
       }, header.label), isSortable ? /*#__PURE__*/React.createElement(PivotTableSortIcon, {
         index: index,
         sortBy: sortBy

package/build/es/components/PivotTable/PivotTableContainer.js

@@ -17,11 +17,11 @@ export const PivotTableContainer = /*#__PURE__*/React.forwardRef(({
     },
     ref: ref,
     "data-test": "visualization-container",
-    className: `jsx-${tableStyle.__hash}` + " " + "pivot-table-container"
+    className: "jsx-".concat(tableStyle.__hash) + " " + "pivot-table-container"
   }, /*#__PURE__*/React.createElement(_JSXStyle, {
     id: tableStyle.__hash
   }, tableStyle), width === 0 || height === 0 ? null : /*#__PURE__*/React.createElement("table", {
-    className: `jsx-${tableStyle.__hash}` + " " + (classnames({
+    className: "jsx-".concat(tableStyle.__hash) + " " + (classnames({
       'fixed-headers': engine.options.fixColumnHeaders && engine.options.fixRowHeaders,
       'fixed-column-headers': engine.options.fixColumnHeaders && !engine.options.fixRowHeaders,
       'fixed-row-headers': engine.options.fixRowHeaders && !engine.options.fixColumnHeaders

package/build/es/components/PivotTable/PivotTableSortIcon.js

@@ -14,11 +14,11 @@ export const PivotTableSortIcon = ({
   const engine = usePivotTableEngine();
   const SortIcon = (sortBy === null || sortBy === void 0 ? void 0 : sortBy.column) === index ? sortBy.order === SORT_ORDER_ASCENDING ? SortIconAscending : SortIconDescending : SortIconIdle;
   return /*#__PURE__*/React.createElement("span", {
-    className: `jsx-${sortIconStyle.__hash}` + " " + `fontsize-${engine.visualization.fontSize}`
+    className: "jsx-".concat(sortIconStyle.__hash) + " " + "fontsize-".concat(engine.visualization.fontSize)
   }, /*#__PURE__*/React.createElement(_JSXStyle, {
     id: sortIconStyle.__hash
   }, sortIconStyle), /*#__PURE__*/React.createElement(SortIcon, {
-    className: `jsx-${sortIconStyle.__hash}`
+    className: "jsx-".concat(sortIconStyle.__hash)
   }));
 };
 PivotTableSortIcon.propTypes = {

package/build/es/components/PivotTable/PivotTableTitleRow.js

@@ -17,7 +17,7 @@ export const PivotTableTitleRow = ({
     setPosition(Math.max(0, Math.min(scrollPosition.x, totalWidth - containerWidth)));
   }, [containerWidth, scrollPosition.x, totalWidth]);
   return /*#__PURE__*/React.createElement("tr", {
-    className: `jsx-${cellStyle.__hash}`
+    className: "jsx-".concat(cellStyle.__hash)
   }, /*#__PURE__*/React.createElement(_JSXStyle, {
     id: cellStyle.__hash
   }, cellStyle), /*#__PURE__*/React.createElement(PivotTableCell, {
@@ -31,7 +31,7 @@ export const PivotTableTitleRow = ({
       textAlign: 'center'
     },
     "data-test": "visualization-title",
-    className: `jsx-${cellStyle.__hash}`
+    className: "jsx-".concat(cellStyle.__hash)
   }, title)));
 };
 PivotTableTitleRow.propTypes = {

package/build/es/components/PivotTable/styles/PivotTable.style.js

@@ -1,8 +1,8 @@
 import { colors } from '@dhis2/ui';
 import { BORDER_COLOR, DISPLAY_DENSITY_PADDING_COMPACT, DISPLAY_DENSITY_PADDING_NORMAL, DISPLAY_DENSITY_PADDING_COMFORTABLE, FONT_SIZE_SMALL, FONT_SIZE_NORMAL, FONT_SIZE_LARGE } from '../../../modules/pivotTable/pivotTableConstants';
-export const table = [`div.pivot-table-container{font-family:'Roboto',Arial,sans-serif;overflow:auto;color:${colors.grey900};}`, `table{border-spacing:0;white-space:nowrap;box-sizing:border-box;text-align:center;border:1px solid ${BORDER_COLOR};border-width:1px 1px 0 0;}`, "table.fixed-headers{border-width:0 0 0 1px;}", "table.fixed-headers tr th,table.fixed-headers tr td{border-width:0 1px 1px 0;}", "table.fixed-column-headers{border-width:0 1px 0 0;}", "table.fixed-column-headers tr th,table.fixed-column-headers tr td{border-width:0 0 1px 1px;}", `table.fixed-headers thead tr:first-of-type th,table.fixed-column-headers thead tr:first-of-type th{border-top:1px solid ${BORDER_COLOR};}`, "table.fixed-row-headers{border-width:0 0 1px 1px;}", "table.fixed-row-headers tr th,table.fixed-row-headers tr td{border-width:1px 1px 0 0;}"];
+export const table = ["div.pivot-table-container{font-family:'Roboto',Arial,sans-serif;overflow:auto;color:".concat(colors.grey900, ";}"), "table{border-spacing:0;white-space:nowrap;box-sizing:border-box;text-align:center;border:1px solid ".concat(BORDER_COLOR, ";border-width:1px 1px 0 0;}"), "table.fixed-headers{border-width:0 0 0 1px;}", "table.fixed-headers tr th,table.fixed-headers tr td{border-width:0 1px 1px 0;}", "table.fixed-column-headers{border-width:0 1px 0 0;}", "table.fixed-column-headers tr th,table.fixed-column-headers tr td{border-width:0 0 1px 1px;}", "table.fixed-headers thead tr:first-of-type th,table.fixed-column-headers thead tr:first-of-type th{border-top:1px solid ".concat(BORDER_COLOR, ";}"), "table.fixed-row-headers{border-width:0 0 1px 1px;}", "table.fixed-row-headers tr th,table.fixed-row-headers tr td{border-width:1px 1px 0 0;}"];
 table.__hash = "712241344";
-export const cell = [`td.jsx-1789008308,th.jsx-1789008308{box-sizing:border-box;font-weight:normal;overflow:hidden;text-overflow:ellipsis;border:1px solid ${BORDER_COLOR};border-width:0 0 1px 1px;cursor:default;}`, "th.fixed-header.jsx-1789008308{position:-webkit-sticky;position:sticky;z-index:1;top:0;left:0;}", `.fontsize-SMALL.jsx-1789008308{font-size:${FONT_SIZE_SMALL}px;line-height:${FONT_SIZE_SMALL}px;}`, `.fontsize-NORMAL.jsx-1789008308{font-size:${FONT_SIZE_NORMAL}px;line-height:${FONT_SIZE_NORMAL}px;}`, `.fontsize-LARGE.jsx-1789008308{font-size:${FONT_SIZE_LARGE}px;line-height:${FONT_SIZE_LARGE}px;}`, `.displaydensity-COMPACT.jsx-1789008308{padding:${DISPLAY_DENSITY_PADDING_COMPACT}px;}`, `.displaydensity-NORMAL.jsx-1789008308{padding:${DISPLAY_DENSITY_PADDING_NORMAL}px;}`, `.displaydensity-COMFORTABLE.jsx-1789008308{padding:${DISPLAY_DENSITY_PADDING_COMFORTABLE}px;}`, ".column-header.jsx-1789008308{background-color:#dae6f8;}", "div.column-header-inner.jsx-1789008308{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-direction:row;-ms-flex-direction:row;flex-direction:row;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;}", ".title.jsx-1789008308{font-weight:bold;background-color:#cddaed;}", ".row-header.jsx-1789008308{background-color:#dae6f8;}", ".row-header-hierarchy.jsx-1789008308{text-align:left;}", ".empty-header.jsx-1789008308{background-color:#cddaed;}", ".total-header.jsx-1789008308{background-color:#bac6d8;}", ".value.jsx-1789008308{background-color:#ffffff;}", ".TEXT.jsx-1789008308{text-align:left;}", ".NUMBER.jsx-1789008308{text-align:right;}", ".clickable.jsx-1789008308{cursor:pointer;}", ".value.jsx-1789008308:hover{background-color:#f3f3f3;}", ".subtotal.jsx-1789008308{background-color:#f4f4f4;}", ".total.jsx-1789008308{background-color:#d8d8d8;}", ".column-header-label.jsx-1789008308{overflow:hidden;text-overflow:ellipsis;}"];
+export const cell = ["td.jsx-1789008308,th.jsx-1789008308{box-sizing:border-box;font-weight:normal;overflow:hidden;text-overflow:ellipsis;border:1px solid ".concat(BORDER_COLOR, ";border-width:0 0 1px 1px;cursor:default;}"), "th.fixed-header.jsx-1789008308{position:-webkit-sticky;position:sticky;z-index:1;top:0;left:0;}", ".fontsize-SMALL.jsx-1789008308{font-size:".concat(FONT_SIZE_SMALL, "px;line-height:").concat(FONT_SIZE_SMALL, "px;}"), ".fontsize-NORMAL.jsx-1789008308{font-size:".concat(FONT_SIZE_NORMAL, "px;line-height:").concat(FONT_SIZE_NORMAL, "px;}"), ".fontsize-LARGE.jsx-1789008308{font-size:".concat(FONT_SIZE_LARGE, "px;line-height:").concat(FONT_SIZE_LARGE, "px;}"), ".displaydensity-COMPACT.jsx-1789008308{padding:".concat(DISPLAY_DENSITY_PADDING_COMPACT, "px;}"), ".displaydensity-NORMAL.jsx-1789008308{padding:".concat(DISPLAY_DENSITY_PADDING_NORMAL, "px;}"), ".displaydensity-COMFORTABLE.jsx-1789008308{padding:".concat(DISPLAY_DENSITY_PADDING_COMFORTABLE, "px;}"), ".column-header.jsx-1789008308{background-color:#dae6f8;}", "div.column-header-inner.jsx-1789008308{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-direction:row;-ms-flex-direction:row;flex-direction:row;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;}", ".title.jsx-1789008308{font-weight:bold;background-color:#cddaed;}", ".row-header.jsx-1789008308{background-color:#dae6f8;}", ".row-header-hierarchy.jsx-1789008308{text-align:left;}", ".empty-header.jsx-1789008308{background-color:#cddaed;}", ".total-header.jsx-1789008308{background-color:#bac6d8;}", ".value.jsx-1789008308{background-color:#ffffff;}", ".TEXT.jsx-1789008308{text-align:left;}", ".NUMBER.jsx-1789008308{text-align:right;}", ".clickable.jsx-1789008308{cursor:pointer;}", ".value.jsx-1789008308:hover{background-color:#f3f3f3;}", ".subtotal.jsx-1789008308{background-color:#f4f4f4;}", ".total.jsx-1789008308{background-color:#d8d8d8;}", ".column-header-label.jsx-1789008308{overflow:hidden;text-overflow:ellipsis;}"];
 cell.__hash = "1789008308";
-export const sortIcon = [`.fontsize-SMALL.jsx-2877616992{height:${FONT_SIZE_SMALL}px;margin-bottom:1px;margin-left:5px;}`, `.fontsize-NORMAL.jsx-2877616992{height:${FONT_SIZE_NORMAL}px;max-height:11px;margin-bottom:2px;margin-left:6px;}`, `.fontsize-LARGE.jsx-2877616992{height:${FONT_SIZE_LARGE}px;margin-bottom:2px;margin-left:7px;}`];
+export const sortIcon = [".fontsize-SMALL.jsx-2877616992{height:".concat(FONT_SIZE_SMALL, "px;margin-bottom:1px;margin-left:5px;}"), ".fontsize-NORMAL.jsx-2877616992{height:".concat(FONT_SIZE_NORMAL, "px;max-height:11px;margin-bottom:2px;margin-left:6px;}"), ".fontsize-LARGE.jsx-2877616992{height:".concat(FONT_SIZE_LARGE, "px;margin-bottom:2px;margin-left:7px;}")];
 sortIcon.__hash = "2877616992";

package/build/es/components/TransferOption.js

@@ -1,7 +1,7 @@
 import _JSXStyle from "styled-jsx/style";
-import propTypes from '@dhis2/prop-types';
 import { Tooltip } from '@dhis2/ui';
 import cx from 'classnames';
+import PropTypes from 'prop-types';
 import React from 'react';
 import styles from './styles/TransferOption.style';
 export const TransferOption = ({
@@ -32,17 +32,17 @@ export const TransferOption = ({
         value
       }, event);
     },
-    "data-test": `${dataTest}-content`,
-    className: `jsx-${styles.__hash}` + " " + (cx('chip', {
+    "data-test": "".concat(dataTest, "-content"),
+    className: "jsx-".concat(styles.__hash) + " " + (cx('chip', {
       highlighted,
       disabled,
       selected,
       inactive: active !== undefined && !active
     }) || "")
   }, /*#__PURE__*/React.createElement("span", {
-    className: `jsx-${styles.__hash}` + " " + "icon"
+    className: "jsx-".concat(styles.__hash) + " " + "icon"
   }, icon), /*#__PURE__*/React.createElement("span", {
-    className: `jsx-${styles.__hash}` + " " + "label"
+    className: "jsx-".concat(styles.__hash) + " " + "label"
   }, label), /*#__PURE__*/React.createElement(_JSXStyle, {
     id: styles.__hash
   }, styles));
@@ -52,7 +52,7 @@ export const TransferOption = ({
     "data-test": dataTest,
     className: "wrapper"
   }, tooltipText ? /*#__PURE__*/React.createElement(Tooltip, {
-    key: `${value}`,
+    key: "".concat(value),
     content: tooltipText,
     placement: 'top',
     openDelay: 750,
@@ -60,15 +60,15 @@ export const TransferOption = ({
   }, renderContent()) : renderContent());
 };
 TransferOption.propTypes = {
-  label: propTypes.string.isRequired,
-  value: propTypes.string.isRequired,
-  active: propTypes.bool,
-  dataTest: propTypes.string,
-  disabled: propTypes.bool,
-  highlighted: propTypes.bool,
-  icon: propTypes.node,
-  selected: propTypes.bool,
-  tooltipText: propTypes.string,
-  onClick: propTypes.func,
-  onDoubleClick: propTypes.func
+  label: PropTypes.string.isRequired,
+  value: PropTypes.string.isRequired,
+  active: PropTypes.bool,
+  dataTest: PropTypes.string,
+  disabled: PropTypes.bool,
+  highlighted: PropTypes.bool,
+  icon: PropTypes.node,
+  selected: PropTypes.bool,
+  tooltipText: PropTypes.string,
+  onClick: PropTypes.func,
+  onDoubleClick: PropTypes.func
 };

package/build/es/components/styles/DimensionSelector.style.js

@@ -1,4 +1,4 @@
 import { spacers, colors } from '@dhis2/ui';
-const _defaultExport = [`.filterContainer.jsx-2057111968{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;margin-bottom:${spacers.dp12};margin-top:${spacers.dp8};}`, `.emptyList.jsx-2057111968{text-align:center;font-size:14px;line-height:16px;margin:${spacers.dp24} 0 0;color:${colors.grey700};}`, ".rightHeader.jsx-2057111968{font-size:14px;font-weight:400;}", `.leftHeader.jsx-2057111968{padding:${spacers.dp12} ${spacers.dp4};}`, `.info-container.jsx-2057111968{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;margin-bottom:${spacers.dp8};padding:${spacers.dp8};background-color:${colors.grey200};border-radius:3px;}`, `.info-text.jsx-2057111968{padding-left:${spacers.dp8};color:${colors.grey900};font-size:12px;line-height:16px;}`];
+const _defaultExport = [".filterContainer.jsx-2057111968{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;margin-bottom:".concat(spacers.dp12, ";margin-top:").concat(spacers.dp8, ";}"), ".emptyList.jsx-2057111968{text-align:center;font-size:14px;line-height:16px;margin:".concat(spacers.dp24, " 0 0;color:").concat(colors.grey700, ";}"), ".rightHeader.jsx-2057111968{font-size:14px;font-weight:400;}", ".leftHeader.jsx-2057111968{padding:".concat(spacers.dp12, " ").concat(spacers.dp4, ";}"), ".info-container.jsx-2057111968{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;margin-bottom:".concat(spacers.dp8, ";padding:").concat(spacers.dp8, ";background-color:").concat(colors.grey200, ";border-radius:3px;}"), ".info-text.jsx-2057111968{padding-left:".concat(spacers.dp8, ";color:").concat(colors.grey900, ";font-size:12px;line-height:16px;}")];
 _defaultExport.__hash = "2057111968";
 export default _defaultExport;

package/build/es/components/styles/TransferOption.style.js

@@ -1,4 +1,4 @@
 import { colors, spacers, theme } from '@dhis2/ui';
-const _defaultExport = [`.wrapper.jsx-3199850788:last-child{margin-bottom:${spacers.dp4};}`, `.chip.jsx-3199850788{display:-webkit-inline-box;display:-webkit-inline-flex;display:-ms-inline-flexbox;display:inline-flex;background:${colors.grey200};font-size:14px;line-height:16px;padding:2px ${spacers.dp8} 2px ${spacers.dp4};margin:${spacers.dp4} ${spacers.dp8} 0 ${spacers.dp8};border-radius:3px;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;}`, `.chip.jsx-3199850788:hover{background:${colors.grey300};}`, `.selected.jsx-3199850788{background:${theme.secondary100};color:${theme.secondary900};}`, `.selected.jsx-3199850788 .icon path{fill:${theme.secondary700};}`, ".selected.jsx-3199850788:hover{background:#c9edeb;}", `.highlighted.jsx-3199850788,.highlighted.jsx-3199850788:hover{background:${theme.secondary800};color:${colors.white};}`, `.highlighted.jsx-3199850788 .icon path{fill:${colors.white};}`, ".disabled.jsx-3199850788{opacity:0.3;cursor:not-allowed;}", ".inactive.jsx-3199850788{opacity:0.3;}", ".icon.jsx-3199850788,.label.jsx-3199850788{line-height:18px;}", `.icon.jsx-3199850788{margin-right:${spacers.dp4};display:-webkit-inline-box;display:-webkit-inline-flex;display:-ms-inline-flexbox;display:inline-flex;vertical-align:text-bottom;padding-top:1px;}`, ".label.jsx-3199850788{font-size:14px;}"];
+const _defaultExport = [".wrapper.jsx-3199850788:last-child{margin-bottom:".concat(spacers.dp4, ";}"), ".chip.jsx-3199850788{display:-webkit-inline-box;display:-webkit-inline-flex;display:-ms-inline-flexbox;display:inline-flex;background:".concat(colors.grey200, ";font-size:14px;line-height:16px;padding:2px ").concat(spacers.dp8, " 2px ").concat(spacers.dp4, ";margin:").concat(spacers.dp4, " ").concat(spacers.dp8, " 0 ").concat(spacers.dp8, ";border-radius:3px;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;}"), ".chip.jsx-3199850788:hover{background:".concat(colors.grey300, ";}"), ".selected.jsx-3199850788{background:".concat(theme.secondary100, ";color:").concat(theme.secondary900, ";}"), ".selected.jsx-3199850788 .icon path{fill:".concat(theme.secondary700, ";}"), ".selected.jsx-3199850788:hover{background:#c9edeb;}", ".highlighted.jsx-3199850788,.highlighted.jsx-3199850788:hover{background:".concat(theme.secondary800, ";color:").concat(colors.white, ";}"), ".highlighted.jsx-3199850788 .icon path{fill:".concat(colors.white, ";}"), ".disabled.jsx-3199850788{opacity:0.3;cursor:not-allowed;}", ".inactive.jsx-3199850788{opacity:0.3;}", ".icon.jsx-3199850788,.label.jsx-3199850788{line-height:18px;}", ".icon.jsx-3199850788{margin-right:".concat(spacers.dp4, ";display:-webkit-inline-box;display:-webkit-inline-flex;display:-ms-inline-flexbox;display:inline-flex;vertical-align:text-bottom;padding-top:1px;}"), ".label.jsx-3199850788{font-size:14px;}"];
 _defaultExport.__hash = "3199850788";
 export default _defaultExport;

package/build/es/index.js

@@ -12,7 +12,8 @@ export { default as DimensionMenu } from './components/DimensionMenu';
 export { default as PivotTable } from './components/PivotTable/PivotTable';
 export { default as FileMenu } from './components/FileMenu/FileMenu';
 export { default as VisTypeIcon } from './components/VisTypeIcon';
-export { default as LegendKey } from './components/LegendKey/LegendKey'; // Api
+export { default as LegendKey } from './components/LegendKey/LegendKey';
+export { default as AboutAOUnit } from './components/AboutAOUnit/AboutAOUnit'; // Api
 
 export { default as Analytics } from './api/analytics/Analytics';
 export { apiFetchDimensions, apiFetchRecommendedIds } from './api/dimensions';
@@ -22,7 +23,7 @@ export { getAxisName, getAxisNameByLayoutType, hasCustomAxes } from './modules/a
 
 export { DIMENSION_ID_DATA, DIMENSION_ID_PERIOD, DIMENSION_ID_ORGUNIT, DIMENSION_ID_ASSIGNED_CATEGORIES, DIMENSION_PROP_NO_ITEMS, filterOutPredefinedDimensions, getPredefinedDimensionProp, getDimensionById, getPredefinedDimensions, getFixedDimensions, getDynamicDimensions } from './modules/predefinedDimensions'; // Modules: ou utils
 
-export { ouIdHelper } from './modules/ouIdHelper';
+export { ouIdHelper, USER_ORG_UNIT, USER_ORG_UNIT_CHILDREN, USER_ORG_UNIT_GRANDCHILDREN } from './modules/ouIdHelper';
 export { convertOuLevelsToUids } from './modules/ouLevelUtils'; // Modules: adapted ui layout
 
 export { getAdaptedUiLayoutByType } from './modules/getAdaptedUiLayoutByType'; // Modules: relativeItems

package/build/es/locales/en/translations.json

@@ -1,4 +1,21 @@
 {
+    "view only": "view only",
+    "view and edit": "view and edit",
+    "all users ({{accessLevel}})": "all users ({{accessLevel}})",
+    "{{userOrGroup}} ({{accessLevel}})": "{{userOrGroup}} ({{accessLevel}})",
+    "Shared with {{commaSeparatedListOfUsersAndGroups}}": "Shared with {{commaSeparatedListOfUsersAndGroups}}",
+    "Not shared with any users or groups": "Not shared with any users or groups",
+    "About this visualization": "About this visualization",
+    "No description": "No description",
+    "Last updated {{time}}": "Last updated {{time}}",
+    "Created {{time}} by {{author}}": "Created {{time}} by {{author}}",
+    "Viewed {{count}} times": "Viewed 1 time",
+    "Viewed {{count}} times_plural": "Viewed {{count}} times",
+    "Notifications": "Notifications",
+    "You're subscribed and getting updates about new interpretations.": "You're subscribed and getting updates about new interpretations.",
+    "Unsubscribe": "Unsubscribe",
+    "Subscribe to get updates about new interpretations.": "Subscribe to get updates about new interpretations.",
+    "Subscribe": "Subscribe",
     "Data Type": "Data Type",
     "All types": "All types",
     "Totals only": "Totals only",
@@ -101,11 +118,20 @@
     "Options": "Options",
     "Hide": "Hide",
     "Update": "Update",
+    "{{count}} org units": "{{count}} org unit",
+    "{{count}} org units_plural": "{{count}} org units",
+    "{{count}} levels": "{{count}} level",
+    "{{count}} levels_plural": "{{count}} levels",
+    "{{count}} groups": "{{count}} group",
+    "{{count}} groups_plural": "{{count}} groups",
+    "Selected: {{commaSeparatedListOfOrganisationUnits}}": "Selected: {{commaSeparatedListOfOrganisationUnits}}",
+    "Nothing selected": "Nothing selected",
     "User organisation unit": "User organisation unit",
     "User sub-units": "User sub-units",
     "User sub-x2-units": "User sub-x2-units",
     "Select a level": "Select a level",
     "Select a group": "Select a group",
+    "Deselect all": "Deselect all",
     "Period type": "Period type",
     "Year": "Year",
     "Select year": "Select year",

package/build/es/modules/axis.js

@@ -33,7 +33,7 @@ export const getAxisNameByLayoutType = (axisId, layoutType) => {
   const name = getAxisNamesByLayoutType(layoutType)[axisId];
 
   if (!name) {
-    throw new Error(`${axisId} is not a valid axis id`);
+    throw new Error("".concat(axisId, " is not a valid axis id"));
   }
 
   return name;

package/build/es/modules/layoutUiRules/rules.js

@@ -101,7 +101,7 @@ const getRulesByVisType = visType => {
   const rules = visTypeToRules[visType];
 
   if (!rules) {
-    throw new Error(`${visType} is not a known visualization type`);
+    throw new Error("".concat(visType, " is not a known visualization type"));
   }
 
   return rules;

package/build/es/modules/list.js

@@ -0,0 +1,13 @@
+import i18n from '../locales/index.js';
+export const formatList = items => {
+  // Wrap Intl.ListFormat in try/catch as DHIS2 locales are not always ISO 639 compliant
+  try {
+    const formatter = new Intl.ListFormat(i18n.language, {
+      style: 'long',
+      type: 'conjunction'
+    });
+    return formatter.format(items);
+  } catch (error) {
+    return items.join(', ');
+  }
+};

package/build/es/modules/ouIdHelper/index.js

@@ -15,8 +15,8 @@ const stripGroupPrefix = id => hasGroupPrefix(id) ? id.substr(GROUP_ID_PREFIX.le
 const removePrefix = id => stripGroupPrefix(stripLevelPrefix(id));
 
 export const ouIdHelper = Object.freeze({
-  addLevelPrefix: id => `${LEVEL_ID_PREFIX}-${removePrefix(id)}`,
-  addGroupPrefix: id => `${GROUP_ID_PREFIX}-${removePrefix(id)}`,
+  addLevelPrefix: id => "".concat(LEVEL_ID_PREFIX, "-").concat(removePrefix(id)),
+  addGroupPrefix: id => "".concat(GROUP_ID_PREFIX, "-").concat(removePrefix(id)),
   removePrefix,
   hasGroupPrefix,
   hasLevelPrefix

package/build/es/modules/pivotTable/PivotTableEngine.js

@@ -354,7 +354,7 @@ export class PivotTableEngine {
     }
 
     if (rowLevel === lastRowLevel && this.dimensionLookup.rows[lastRowLevel] && columnLevel === lastColumnLevel && this.dimensionLookup.columns[lastColumnLevel]) {
-      return `${this.dimensionLookup.rows[lastRowLevel].meta.name} / ${this.dimensionLookup.columns[lastColumnLevel].meta.name}`;
+      return "".concat(this.dimensionLookup.rows[lastRowLevel].meta.name, " / ").concat(this.dimensionLookup.columns[lastColumnLevel].meta.name);
     }
 
     if (lastRowLevel === -1) {
@@ -948,12 +948,12 @@ export class PivotTableEngine {
 
   sort(column, order) {
     if (order !== SORT_ORDER_ASCENDING && order !== SORT_ORDER_DESCENDING) {
-      console.warn(`Invalid sort order ${order}`);
+      console.warn("Invalid sort order ".concat(order));
       return;
     }
 
     if (!this.isSortable(column)) {
-      console.warn(`Invalid sort column ${column}`);
+      console.warn("Invalid sort column ".concat(column));
       return;
     }
 

package/build/es/modules/pivotTable/measureText.js

@@ -7,7 +7,7 @@ const getContext = fontSize => {
   }
 
   const ctx = canvas.getContext('2d');
-  ctx.font = `${fontSize}px Roboto, Arial, sans-serif`;
+  ctx.font = "".concat(fontSize, "px Roboto, Arial, sans-serif");
   return ctx;
 };
 

package/build/es/modules/visTypes.js

@@ -71,7 +71,7 @@ export const getDisplayNameByVisType = visType => {
   const displayName = visTypeDisplayNames[visType];
 
   if (!displayName) {
-    throw new Error(`${visType} is not a valid visualization type`);
+    throw new Error("".concat(visType, " is not a valid visualization type"));
   }
 
   return displayName;

package/build/es/visualizations/config/adapters/dhis_highcharts/addTrendLines.js

@@ -76,7 +76,7 @@ function getTwoCategoryTrendLines(layout, series, isStacked) {
     });
   } else {
     series.forEach(seriesObj => {
-      const trendlineSerieId = `trendline-${seriesObj.id}`;
+      const trendlineSerieId = "trendline-".concat(seriesObj.id);
       newSeries.push(seriesObj);
 
       if (!seriesObj.custom.isTwoCategoryFakeSerie) {

package/build/es/visualizations/config/adapters/dhis_highcharts/axis.js

@@ -18,7 +18,7 @@ const getPlotLineLabelStyle = fontStyle => ({
   y: -7,
   style: {
     color: fontStyle[FONT_STYLE_OPTION_TEXT_COLOR],
-    fontSize: `${fontStyle[FONT_STYLE_OPTION_FONT_SIZE]}px`,
+    fontSize: "".concat(fontStyle[FONT_STYLE_OPTION_FONT_SIZE], "px"),
     fontWeight: fontStyle[FONT_STYLE_OPTION_BOLD] ? FONT_STYLE_OPTION_BOLD : 'normal',
     fontStyle: fontStyle[FONT_STYLE_OPTION_ITALIC] ? FONT_STYLE_OPTION_ITALIC : 'normal'
   }
@@ -103,7 +103,7 @@ export const getLabels = axis => {
   return {
     style: {
       color: fontStyle[FONT_STYLE_OPTION_TEXT_COLOR],
-      fontSize: `${fontStyle[FONT_STYLE_OPTION_FONT_SIZE]}px`,
+      fontSize: "".concat(fontStyle[FONT_STYLE_OPTION_FONT_SIZE], "px"),
       fontWeight: fontStyle[FONT_STYLE_OPTION_BOLD] ? FONT_STYLE_OPTION_BOLD : 'normal',
       fontStyle: fontStyle[FONT_STYLE_OPTION_ITALIC] ? FONT_STYLE_OPTION_ITALIC : 'normal'
     },

package/build/es/visualizations/config/adapters/dhis_highcharts/getAxisTitle.js

@@ -8,7 +8,7 @@ const getTitleStyle = (fontStyle, titleType, visType) => fontStyle ? {
   margin: 15,
   style: {
     color: fontStyle[FONT_STYLE_OPTION_TEXT_COLOR],
-    fontSize: `${fontStyle[FONT_STYLE_OPTION_FONT_SIZE]}px`,
+    fontSize: "".concat(fontStyle[FONT_STYLE_OPTION_FONT_SIZE], "px"),
     fontWeight: fontStyle[FONT_STYLE_OPTION_BOLD] ? FONT_STYLE_OPTION_BOLD : 'normal',
     fontStyle: fontStyle[FONT_STYLE_OPTION_ITALIC] ? FONT_STYLE_OPTION_ITALIC : 'normal'
   }

package/build/es/visualizations/config/adapters/dhis_highcharts/legend.js

@@ -20,7 +20,7 @@ function getItemStyle(fontStyle, dashboard) {
       fontWeight: 'normal'
     }, dashboard ? DASHBOARD_ITEM_STYLE : {
       color: fontStyle[FONT_STYLE_OPTION_TEXT_COLOR],
-      fontSize: `${fontStyle[FONT_STYLE_OPTION_FONT_SIZE]}px`,
+      fontSize: "".concat(fontStyle[FONT_STYLE_OPTION_FONT_SIZE], "px"),
       fontWeight: fontStyle[FONT_STYLE_OPTION_BOLD] ? FONT_STYLE_OPTION_BOLD : 'normal',
       fontStyle: fontStyle[FONT_STYLE_OPTION_ITALIC] ? FONT_STYLE_OPTION_ITALIC : 'normal'
     })
@@ -71,33 +71,22 @@ const formatLabel = ({
 
   if ((!seriesId || seriesId.startsWith('trendline')) && seriesType === getType(VIS_TYPE_LINE).type) {
     // trendline
-    result.push(`<span style="height: ${fontStyle[FONT_STYLE_OPTION_FONT_SIZE] / 6.5}px; width: ${fontStyle[FONT_STYLE_OPTION_FONT_SIZE]}px; background-color: ${seriesColor}; display: inline-block;"></span>`);
-    result.push(`<span style="margin-left: 8px" class="data-test-series-key-item-name">${seriesName}</span>`);
+    result.push("<span style=\"height: ".concat(fontStyle[FONT_STYLE_OPTION_FONT_SIZE] / 6.5, "px; width: ").concat(fontStyle[FONT_STYLE_OPTION_FONT_SIZE], "px; background-color: ").concat(seriesColor, "; display: inline-block;\"></span>"));
+    result.push("<span style=\"margin-left: 8px\" class=\"data-test-series-key-item-name\">".concat(seriesName, "</span>"));
   } else if (legendSet !== null && legendSet !== void 0 && (_legendSet$legends = legendSet.legends) !== null && _legendSet$legends !== void 0 && _legendSet$legends.length && isLegendSetType(visType) && seriesType !== getType(VIS_TYPE_LINE).type) {
     // item with legend set
-    legendSet.legends.sort((a, b) => a.startValue - b.startValue).forEach((legend, index) => result.push(`<svg xmlns="http://www.w3.org/2000/svg" width="${fontStyle[FONT_STYLE_OPTION_FONT_SIZE]}" height="${fontStyle[FONT_STYLE_OPTION_FONT_SIZE]}" version="1.1"  style="margin-right:-5px; z-index: ${legendSet.legends.length - index}" class="data-test-series-key-item-bullet">
-                    <circle cx="${fontStyle[FONT_STYLE_OPTION_FONT_SIZE] / 2}" cy="${fontStyle[FONT_STYLE_OPTION_FONT_SIZE] / 2}" r="${fontStyle[FONT_STYLE_OPTION_FONT_SIZE] / 2}" fill="${legend.color}"></circle>
-                    </svg>`));
-    result.push(`<span style="margin-left: 8px" class="data-test-series-key-item-name">${seriesName}</span>`);
+    legendSet.legends.sort((a, b) => a.startValue - b.startValue).forEach((legend, index) => result.push("<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"".concat(fontStyle[FONT_STYLE_OPTION_FONT_SIZE], "\" height=\"").concat(fontStyle[FONT_STYLE_OPTION_FONT_SIZE], "\" version=\"1.1\"  style=\"margin-right:-5px; z-index: ").concat(legendSet.legends.length - index, "\" class=\"data-test-series-key-item-bullet\">\n                    <circle cx=\"").concat(fontStyle[FONT_STYLE_OPTION_FONT_SIZE] / 2, "\" cy=\"").concat(fontStyle[FONT_STYLE_OPTION_FONT_SIZE] / 2, "\" r=\"").concat(fontStyle[FONT_STYLE_OPTION_FONT_SIZE] / 2, "\" fill=\"").concat(legend.color, "\"></circle>\n                    </svg>")));
+    result.push("<span style=\"margin-left: 8px\" class=\"data-test-series-key-item-name\">".concat(seriesName, "</span>"));
   } else {
     // regular item (not a trendline, no applied legend set)
     if ((seriesColor === null || seriesColor === void 0 ? void 0 : seriesColor.patternIndex) !== undefined) {
       const pattern = colorSets[COLOR_SET_PATTERNS].patterns[seriesColor.patternIndex];
-      result.push(`<svg xmlns="http://www.w3.org/2000/svg" style="height: ${fontStyle[FONT_STYLE_OPTION_FONT_SIZE]}px; width: ${fontStyle[FONT_STYLE_OPTION_FONT_SIZE]}px; display: inline-block; margin-right:5px" class="data-test-series-key-item-bullet">
-                <defs>
-                  <pattern id="pattern${seriesColor.patternIndex}" patternUnits="userSpaceOnUse" width="${pattern.width}" height="${pattern.height}">
-                    <path stroke="${pattern.color}" d="${pattern.path}"/>
-                  </pattern>
-                </defs>
-                <circle cx="${fontStyle[FONT_STYLE_OPTION_FONT_SIZE] / 2}" cy="${fontStyle[FONT_STYLE_OPTION_FONT_SIZE] / 2}" r="${fontStyle[FONT_STYLE_OPTION_FONT_SIZE] / 2}" fill="url(#pattern${seriesColor.patternIndex})"/>
-              </svg>`);
+      result.push("<svg xmlns=\"http://www.w3.org/2000/svg\" style=\"height: ".concat(fontStyle[FONT_STYLE_OPTION_FONT_SIZE], "px; width: ").concat(fontStyle[FONT_STYLE_OPTION_FONT_SIZE], "px; display: inline-block; margin-right:5px\" class=\"data-test-series-key-item-bullet\">\n                <defs>\n                  <pattern id=\"pattern").concat(seriesColor.patternIndex, "\" patternUnits=\"userSpaceOnUse\" width=\"").concat(pattern.width, "\" height=\"").concat(pattern.height, "\">\n                    <path stroke=\"").concat(pattern.color, "\" d=\"").concat(pattern.path, "\"/>\n                  </pattern>\n                </defs>\n                <circle cx=\"").concat(fontStyle[FONT_STYLE_OPTION_FONT_SIZE] / 2, "\" cy=\"").concat(fontStyle[FONT_STYLE_OPTION_FONT_SIZE] / 2, "\" r=\"").concat(fontStyle[FONT_STYLE_OPTION_FONT_SIZE] / 2, "\" fill=\"url(#pattern").concat(seriesColor.patternIndex, ")\"/>\n              </svg>"));
     } else {
-      result.push(`<svg xmlns="http://www.w3.org/2000/svg" width="${fontStyle[FONT_STYLE_OPTION_FONT_SIZE]}" height="${fontStyle[FONT_STYLE_OPTION_FONT_SIZE]}" version="1.1"  style="margin-right:5px" class="data-test-series-key-item-bullet">
-                    <circle cx="${fontStyle[FONT_STYLE_OPTION_FONT_SIZE] / 2}" cy="${fontStyle[FONT_STYLE_OPTION_FONT_SIZE] / 2}" r="${fontStyle[FONT_STYLE_OPTION_FONT_SIZE] / 2}" fill="${seriesColor}"></circle>
-                    </svg>`);
+      result.push("<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"".concat(fontStyle[FONT_STYLE_OPTION_FONT_SIZE], "\" height=\"").concat(fontStyle[FONT_STYLE_OPTION_FONT_SIZE], "\" version=\"1.1\"  style=\"margin-right:5px\" class=\"data-test-series-key-item-bullet\">\n                    <circle cx=\"").concat(fontStyle[FONT_STYLE_OPTION_FONT_SIZE] / 2, "\" cy=\"").concat(fontStyle[FONT_STYLE_OPTION_FONT_SIZE] / 2, "\" r=\"").concat(fontStyle[FONT_STYLE_OPTION_FONT_SIZE] / 2, "\" fill=\"").concat(seriesColor, "\"></circle>\n                    </svg>"));
     }
 
-    result.push(`<span class="data-test-series-key-item-name">${seriesName}</span>`);
+    result.push("<span class=\"data-test-series-key-item-name\">".concat(seriesName, "</span>"));
   }
 
   result.push('</div>');

package/build/es/visualizations/config/adapters/dhis_highcharts/legendSet.js

@@ -28,6 +28,6 @@ export const applyLegendSet = (seriesObj = {}, legendSet) => !seriesObj.type ? {
 };
 export const getLegendSetTooltip = () => ({
   pointFormatter: function () {
-    return `<span style="color:${this.color}">●</span> ${this.series.name}: <b>${this.y}</b><br>` + (this.legend ? `${this.legendSet}: <b>${this.legend}</b>` : `${i18n.t('No legend for this series')}`);
+    return "<span style=\"color:".concat(this.color, "\">\u25CF</span> ").concat(this.series.name, ": <b>").concat(this.y, "</b><br>") + (this.legend ? "".concat(this.legendSet, ": <b>").concat(this.legend, "</b>") : "".concat(i18n.t('No legend for this series')));
   }
 });

package/build/es/visualizations/config/adapters/dhis_highcharts/plotOptions.js

@@ -29,7 +29,7 @@ export default (({
       }));
     }
 
-    return `${labels.map(label => `<b>${label}</b><br>`).join('')}${yAxisName}: ${y}<br>${xAxisName}: ${x}`;
+    return "".concat(labels.map(label => "<b>".concat(label, "</b><br>")).join('')).concat(yAxisName, ": ").concat(y, "<br>").concat(xAxisName, ": ").concat(x);
   };
 
   switch (visType) {

package/build/es/visualizations/config/adapters/dhis_highcharts/subtitle/index.js

@@ -58,7 +58,7 @@ export default function (series, layout, metaData, dashboard) {
     style: {
       // DHIS2-578: dynamically truncate subtitle when it's taking more than 1 line
       color: fontStyle[FONT_STYLE_OPTION_TEXT_COLOR],
-      fontSize: `${fontStyle[FONT_STYLE_OPTION_FONT_SIZE]}px`,
+      fontSize: "".concat(fontStyle[FONT_STYLE_OPTION_FONT_SIZE], "px"),
       fontWeight: fontStyle[FONT_STYLE_OPTION_BOLD] ? FONT_STYLE_OPTION_BOLD : 'normal',
       fontStyle: fontStyle[FONT_STYLE_OPTION_ITALIC] ? FONT_STYLE_OPTION_ITALIC : 'normal',
       whiteSpace: 'nowrap',

package/build/es/visualizations/config/adapters/dhis_highcharts/title/index.js

@@ -61,7 +61,7 @@ export default function (layout, metaData, dashboard) {
     align: getTextAlignOption(fontStyle[FONT_STYLE_OPTION_TEXT_ALIGN], FONT_STYLE_VISUALIZATION_TITLE, isVerticalType(layout.type)),
     style: {
       color: fontStyle[FONT_STYLE_OPTION_TEXT_COLOR],
-      fontSize: `${fontStyle[FONT_STYLE_OPTION_FONT_SIZE]}px`,
+      fontSize: "".concat(fontStyle[FONT_STYLE_OPTION_FONT_SIZE], "px"),
       fontWeight: fontStyle[FONT_STYLE_OPTION_BOLD] ? FONT_STYLE_OPTION_BOLD : 'normal',
       fontStyle: fontStyle[FONT_STYLE_OPTION_ITALIC] ? FONT_STYLE_OPTION_ITALIC : 'normal',
       whiteSpace: 'nowrap',

package/build/es/visualizations/config/adapters/dhis_highcharts/title/scatter.js

@@ -4,6 +4,6 @@ export default function (layout, metaData, dashboard) {
 
   if ((_layout$rows = layout.rows) !== null && _layout$rows !== void 0 && _layout$rows.length && (_layout$columns = layout.columns) !== null && _layout$columns !== void 0 && _layout$columns.length && !dashboard) {
     const columns = getFilterText(layout.columns, metaData).split(', ');
-    return `${getFilterText(layout.rows, metaData)}: ${columns[0]} - ${columns[1]}`;
+    return "".concat(getFilterText(layout.rows, metaData), ": ").concat(columns[0], " - ").concat(columns[1]);
   }
 }

package/build/es/visualizations/config/adapters/dhis_highcharts/xAxis/index.js

@@ -23,7 +23,7 @@ export const getLabels = axis => {
   return {
     style: {
       color: fontStyle[FONT_STYLE_OPTION_TEXT_COLOR],
-      fontSize: `${fontStyle[FONT_STYLE_OPTION_FONT_SIZE]}px`,
+      fontSize: "".concat(fontStyle[FONT_STYLE_OPTION_FONT_SIZE], "px"),
       fontWeight: fontStyle[FONT_STYLE_OPTION_BOLD] ? FONT_STYLE_OPTION_BOLD : 'normal',
       fontStyle: fontStyle[FONT_STYLE_OPTION_ITALIC] ? FONT_STYLE_OPTION_ITALIC : 'normal'
     },

package/build/es/visualizations/config/adapters/dhis_highcharts/yAxis/gauge.js

@@ -47,12 +47,12 @@ function getPlotLine(regressionLine = {}, defaultLabel) {
     color: fontStyle[FONT_STYLE_OPTION_TEXT_COLOR] || '#000',
     ...(label && {
       label: {
-        text: `${label}: ${value}`,
+        text: "".concat(label, ": ").concat(value),
         verticalAlign,
         y,
         style: {
           color: fontStyle[FONT_STYLE_OPTION_TEXT_COLOR],
-          fontSize: `${fontStyle[FONT_STYLE_OPTION_FONT_SIZE]}px`,
+          fontSize: "".concat(fontStyle[FONT_STYLE_OPTION_FONT_SIZE], "px"),
           fontWeight: fontStyle[FONT_STYLE_OPTION_BOLD] ? FONT_STYLE_OPTION_BOLD : 'normal',
           fontStyle: fontStyle[FONT_STYLE_OPTION_ITALIC] ? FONT_STYLE_OPTION_ITALIC : 'normal'
         }
@@ -69,7 +69,7 @@ const getLabels = axis => {
     y: parseInt(fontStyle[FONT_STYLE_OPTION_FONT_SIZE], 10) + 7,
     style: {
       color: fontStyle[FONT_STYLE_OPTION_TEXT_COLOR],
-      fontSize: `${fontStyle[FONT_STYLE_OPTION_FONT_SIZE]}px`,
+      fontSize: "".concat(fontStyle[FONT_STYLE_OPTION_FONT_SIZE], "px"),
       fontWeight: fontStyle[FONT_STYLE_OPTION_BOLD] ? FONT_STYLE_OPTION_BOLD : 'normal',
       fontStyle: fontStyle[FONT_STYLE_OPTION_ITALIC] ? FONT_STYLE_OPTION_ITALIC : 'normal'
     }

package/build/es/visualizations/config/adapters/dhis_highcharts/yAxis/index.js

@@ -52,9 +52,9 @@ function getDefault(layout, series, extraOptions) {
           var _axis$title;
 
           rl.title = { ...rl.title,
-            text: `${rl.title.text} - ${((_axis$title = axis.title) === null || _axis$title === void 0 ? void 0 : _axis$title.text) || i18n.t('Axis {{axisId}}', {
+            text: "".concat(rl.title.text, " - ").concat(((_axis$title = axis.title) === null || _axis$title === void 0 ? void 0 : _axis$title.text) || i18n.t('Axis {{axisId}}', {
               axisId: axis.index + 1
-            })}`
+            }))
           };
         }
       });