@dhis2/analytics 21.0.0-alpha.3 → 21.0.2

package/build/es/components/PeriodDimension/utils/fixedPeriods.js

@@ -50,7 +50,7 @@ const getDailyPeriodType = (formatYyyyMmDd, fnFilter) => {
     const isFilter = config.filterFuturePeriods;
     const isReverse = config.reversePeriods;
     const year = new Date(Date.now()).getFullYear() + offset;
-    const date = new Date(`01 Jan ${year}`);
+    const date = new Date("01 Jan ".concat(year));
 
     while (date.getFullYear() === year) {
       const period = {};
@@ -99,14 +99,14 @@ const getWeeklyPeriodType = (formatYyyyMmDd, weekObj, fnFilter) => {
     while (date.getFullYear() <= year) {
       const period = {};
       period.startDate = formatYyyyMmDd(date);
-      period.iso = `${year}${weekObj.shortName}W${week}`;
+      period.iso = "".concat(year).concat(weekObj.shortName, "W").concat(week);
       period.id = period.iso;
       date.setDate(date.getDate() + 6);
       period.endDate = formatYyyyMmDd(date);
       const weekNumber = week;
-      period.name = `${i18n.t('Week {{weekNumber}}', {
+      period.name = "".concat(i18n.t('Week {{weekNumber}}', {
         weekNumber
-      })} - ${period.startDate} - ${period.endDate}`; // if end date is Jan 4th or later, week belongs to next year
+      }), " - ").concat(period.startDate, " - ").concat(period.endDate); // if end date is Jan 4th or later, week belongs to next year
 
       if (date.getFullYear() > year && date.getDate() >= 4) {
         break;
@@ -130,7 +130,7 @@ const getBiWeeklyPeriodType = (formatYyyyMmDd, fnFilter) => {
     const isFilter = config.filterFuturePeriods;
     const isReverse = config.reversePeriods;
     const year = new Date(Date.now()).getFullYear() + offset;
-    const date = new Date(`01 Jan ${year}`);
+    const date = new Date("01 Jan ".concat(year));
     const day = date.getDay();
     let biWeek = 1;
 
@@ -142,15 +142,15 @@ const getBiWeeklyPeriodType = (formatYyyyMmDd, fnFilter) => {
 
     while (date.getFullYear() <= year) {
       const period = {};
-      period.iso = `${year}BiW${biWeek}`;
+      period.iso = "".concat(year, "BiW").concat(biWeek);
       period.id = period.iso;
       period.startDate = formatYyyyMmDd(date);
       date.setDate(date.getDate() + 13);
       period.endDate = formatYyyyMmDd(date);
       const biWeekNumber = biWeek;
-      period.name = `${i18n.t('Bi-Week {{biWeekNumber}}', {
+      period.name = "".concat(i18n.t('Bi-Week {{biWeekNumber}}', {
         biWeekNumber
-      })} - ${period.startDate} - ${period.endDate}`; // if end date is Jan 4th or later, biweek belongs to next year
+      }), " - ").concat(period.startDate, " - ").concat(period.endDate); // if end date is Jan 4th or later, biweek belongs to next year
 
       if (date.getFullYear() > year && date.getDate() >= 4) {
         break;
@@ -171,7 +171,7 @@ const getMonthlyPeriodType = (formatYyyyMmDd, fnFilter) => {
   const formatIso = date => {
     const y = date.getFullYear();
     let m = String(date.getMonth() + 1);
-    m = m.length < 2 ? `0${m}` : m;
+    m = m.length < 2 ? "0".concat(m) : m;
     return y + m;
   };
 
@@ -181,7 +181,7 @@ const getMonthlyPeriodType = (formatYyyyMmDd, fnFilter) => {
     const isFilter = config.filterFuturePeriods;
     const isReverse = config.reversePeriods;
     const year = new Date(Date.now()).getFullYear() + offset;
-    const date = new Date(`31 Dec ${year}`);
+    const date = new Date("31 Dec ".concat(year));
 
     while (date.getFullYear() === year) {
       const period = {};
@@ -189,7 +189,7 @@ const getMonthlyPeriodType = (formatYyyyMmDd, fnFilter) => {
       date.setDate(1);
       period.startDate = formatYyyyMmDd(date);
       const monthName = getMonthName(date.getMonth());
-      period.name = `${monthName} ${year}`;
+      period.name = "".concat(monthName, " ").concat(year);
       period.iso = formatIso(date);
       period.id = period.iso;
       periods.push(period);
@@ -210,7 +210,7 @@ const getBiMonthlyPeriodType = (formatYyyyMmDd, fnFilter) => {
     const isFilter = config.filterFuturePeriods;
     const isReverse = config.reversePeriods;
     const year = new Date(Date.now()).getFullYear() + offset;
-    const date = new Date(`31 Dec ${year}`);
+    const date = new Date("31 Dec ".concat(year));
     let index = 6;
 
     while (date.getFullYear() === year) {
@@ -222,8 +222,8 @@ const getBiMonthlyPeriodType = (formatYyyyMmDd, fnFilter) => {
       const monthStart = getMonthName(date.getMonth());
       const monthEnd = getMonthName(date.getMonth() + 1);
       const fullYear = date.getFullYear();
-      period.name = `${monthStart} - ${monthEnd} ${fullYear}`;
-      period.iso = `${year}0${index}B`;
+      period.name = "".concat(monthStart, " - ").concat(monthEnd, " ").concat(fullYear);
+      period.iso = "".concat(year, "0").concat(index, "B");
       period.id = period.iso;
       periods.push(period);
       date.setDate(0);
@@ -244,7 +244,7 @@ const getQuarterlyPeriodType = (formatYyyyMmDd, fnFilter) => {
     const isFilter = config.filterFuturePeriods;
     const isReverse = config.reversePeriods;
     const year = new Date(Date.now()).getFullYear() + offset;
-    const date = new Date(`31 Dec ${year}`);
+    const date = new Date("31 Dec ".concat(year));
     let quarter = 4;
 
     while (date.getFullYear() === year) {
@@ -257,8 +257,8 @@ const getQuarterlyPeriodType = (formatYyyyMmDd, fnFilter) => {
       const monthStart = getMonthName(date.getMonth());
       const monthEnd = getMonthName(date.getMonth() + 2);
       const fullYear = date.getFullYear();
-      period.name = `${monthStart} - ${monthEnd} ${fullYear}`;
-      period.iso = `${year}Q${quarter}`;
+      period.name = "".concat(monthStart, " - ").concat(monthEnd, " ").concat(fullYear);
+      period.iso = "".concat(year, "Q").concat(quarter);
       period.id = period.iso;
       periods.push(period);
       date.setDate(0);
@@ -280,17 +280,17 @@ const getSixMonthlyPeriodType = fnFilter => {
     const isReverse = config.reversePeriods;
     const year = new Date(Date.now()).getFullYear() + offset;
     let period = {};
-    period.startDate = `${year}-01-01`;
-    period.endDate = `${year}-06-30`;
-    period.name = `${getMonthName(0)} - ${getMonthName(5)} ${year}`;
-    period.iso = `${year}S1`;
+    period.startDate = "".concat(year, "-01-01");
+    period.endDate = "".concat(year, "-06-30");
+    period.name = "".concat(getMonthName(0), " - ").concat(getMonthName(5), " ").concat(year);
+    period.iso = "".concat(year, "S1");
     period.id = period.iso;
     periods.push(period);
     period = {};
-    period.startDate = `${year}-07-01`;
-    period.endDate = `${year}-12-31`;
-    period.name = `${getMonthName(6)} - ${getMonthName(11)} ${year}`;
-    period.iso = `${year}S2`;
+    period.startDate = "".concat(year, "-07-01");
+    period.endDate = "".concat(year, "-12-31");
+    period.name = "".concat(getMonthName(6), " - ").concat(getMonthName(11), " ").concat(year);
+    period.iso = "".concat(year, "S2");
     period.id = period.iso;
     periods.push(period);
     periods = isFilter ? fnFilter(periods) : periods;
@@ -307,17 +307,17 @@ const getSixMonthlyAprilPeriodType = fnFilter => {
     const isReverse = config.reversePeriods;
     const year = new Date(Date.now()).getFullYear() + offset;
     let period = {};
-    period.startDate = `${year}-04-01`;
-    period.endDate = `${year}-09-30`;
-    period.name = `${getMonthName(3)} - ${getMonthName(8)} ${year}`;
-    period.iso = `${year}AprilS1`;
+    period.startDate = "".concat(year, "-04-01");
+    period.endDate = "".concat(year, "-09-30");
+    period.name = "".concat(getMonthName(3), " - ").concat(getMonthName(8), " ").concat(year);
+    period.iso = "".concat(year, "AprilS1");
     period.id = period.iso;
     periods.push(period);
     period = {};
-    period.startDate = `${year}-10-01`;
-    period.endDate = `${year + 1}-03-31`;
-    period.name = `${getMonthName(9)} ${year} - ${getMonthName(2)} ${year + 1}`;
-    period.iso = `${year}AprilS2`;
+    period.startDate = "".concat(year, "-10-01");
+    period.endDate = "".concat(year + 1, "-03-31");
+    period.name = "".concat(getMonthName(9), " ").concat(year, " - ").concat(getMonthName(2), " ").concat(year + 1);
+    period.iso = "".concat(year, "AprilS2");
     period.id = period.iso;
     periods.push(period);
     periods = isFilter ? fnFilter(periods) : periods;
@@ -333,7 +333,7 @@ const getYearlyPeriodType = (formatYyyyMmDd, fnFilter) => {
     const isFilter = config.filterFuturePeriods;
     const isReverse = config.reversePeriods;
     const year = new Date(Date.now()).getFullYear() + offset;
-    const date = new Date(`31 Dec ${year}`);
+    const date = new Date("31 Dec ".concat(year));
 
     while (year - date.getFullYear() < 10) {
       const period = {};
@@ -362,7 +362,7 @@ const getFinancialOctoberPeriodType = (formatYyyyMmDd, fnFilter) => {
     const isFilter = config.filterFuturePeriods;
     const isReverse = config.reversePeriods;
     const year = new Date(Date.now()).getFullYear() + offset;
-    const date = new Date(`30 Sep ${year + 1}`);
+    const date = new Date("30 Sep ".concat(year + 1));
 
     for (let i = 0; i < 10; i++) {
       const period = {};
@@ -372,8 +372,8 @@ const getFinancialOctoberPeriodType = (formatYyyyMmDd, fnFilter) => {
       period.startDate = formatYyyyMmDd(date);
       const yearStart = date.getFullYear();
       const yearEnd = date.getFullYear() + 1;
-      period.name = `${getMonthName(9)} ${yearStart} - ${getMonthName(8)} ${yearEnd}`;
-      period.id = `${date.getFullYear()}Oct`;
+      period.name = "".concat(getMonthName(9), " ").concat(yearStart, " - ").concat(getMonthName(8), " ").concat(yearEnd);
+      period.id = "".concat(date.getFullYear(), "Oct");
       periods.push(period);
       date.setDate(date.getDate() - 1);
     }
@@ -392,7 +392,7 @@ const getFinancialNovemberPeriodType = (formatYyyyMmDd, fnFilter) => {
     const isFilter = config.filterFuturePeriods;
     const isReverse = config.reversePeriods;
     const year = new Date(Date.now()).getFullYear() + offset;
-    const date = new Date(`31 Oct ${year + 1}`);
+    const date = new Date("31 Oct ".concat(year + 1));
 
     for (let i = 0; i < 10; i++) {
       const period = {};
@@ -402,8 +402,8 @@ const getFinancialNovemberPeriodType = (formatYyyyMmDd, fnFilter) => {
       period.startDate = formatYyyyMmDd(date);
       const yearStart = date.getFullYear();
       const yearEnd = date.getFullYear() + 1;
-      period.name = `${getMonthName(10)} ${yearStart} - ${getMonthName(9)} ${yearEnd}`;
-      period.id = `${date.getFullYear()}Nov`;
+      period.name = "".concat(getMonthName(10), " ").concat(yearStart, " - ").concat(getMonthName(9), " ").concat(yearEnd);
+      period.id = "".concat(date.getFullYear(), "Nov");
       periods.push(period);
       date.setDate(date.getDate() - 1);
     }
@@ -422,7 +422,7 @@ const getFinancialJulyPeriodType = (formatYyyyMmDd, fnFilter) => {
     const isFilter = config.filterFuturePeriods;
     const isReverse = config.reversePeriods;
     const year = new Date(Date.now()).getFullYear() + offset;
-    const date = new Date(`30 Jun ${year + 1}`);
+    const date = new Date("30 Jun ".concat(year + 1));
 
     for (let i = 0; i < 10; i++) {
       const period = {};
@@ -432,8 +432,8 @@ const getFinancialJulyPeriodType = (formatYyyyMmDd, fnFilter) => {
       period.startDate = formatYyyyMmDd(date);
       const yearStart = date.getFullYear();
       const yearEnd = date.getFullYear() + 1;
-      period.name = `${getMonthName(6)} ${yearStart} - ${getMonthName(5)} ${yearEnd}`;
-      period.id = `${date.getFullYear()}July`;
+      period.name = "".concat(getMonthName(6), " ").concat(yearStart, " - ").concat(getMonthName(5), " ").concat(yearEnd);
+      period.id = "".concat(date.getFullYear(), "July");
       periods.push(period);
       date.setDate(date.getDate() - 1);
     }
@@ -452,7 +452,7 @@ const getFinancialAprilPeriodType = (formatYyyyMmDd, fnFilter) => {
     const isFilter = config.filterFuturePeriods;
     const isReverse = config.reversePeriods;
     const year = new Date(Date.now()).getFullYear() + offset;
-    const date = new Date(`31 Mar ${year + 1}`);
+    const date = new Date("31 Mar ".concat(year + 1));
 
     for (let i = 0; i < 10; i++) {
       const period = {};
@@ -462,8 +462,8 @@ const getFinancialAprilPeriodType = (formatYyyyMmDd, fnFilter) => {
       period.startDate = formatYyyyMmDd(date);
       const yearStart = date.getFullYear();
       const yearEnd = date.getFullYear() + 1;
-      period.name = `${getMonthName(3)} ${yearStart} - ${getMonthName(2)} ${yearEnd}`;
-      period.id = `${date.getFullYear()}April`;
+      period.name = "".concat(getMonthName(3), " ").concat(yearStart, " - ").concat(getMonthName(2), " ").concat(yearEnd);
+      period.id = "".concat(date.getFullYear(), "April");
       periods.push(period);
       date.setDate(date.getDate() - 1);
     }
@@ -479,9 +479,9 @@ const formatYyyyMmDd = date => {
   const y = date.getFullYear();
   let m = String(date.getMonth() + 1);
   let d = String(date.getDate());
-  m = m.length < 2 ? `0${m}` : m;
-  d = d.length < 2 ? `0${d}` : d;
-  return `${y}-${m}-${d}`;
+  m = m.length < 2 ? "0".concat(m) : m;
+  d = d.length < 2 ? "0".concat(d) : d;
+  return "".concat(y, "-").concat(m, "-").concat(d);
 };
 
 const filterFuturePeriods = periods => {

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 { Tooltip } from '@dhis2/ui';
 import cx from 'classnames';
-import propTypes from 'prop-types';
+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';

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",
@@ -107,8 +124,7 @@
     "{{count}} levels_plural": "{{count}} levels",
     "{{count}} groups": "{{count}} group",
     "{{count}} groups_plural": "{{count}} groups",
-    "{{count}} user org units": "{{count}} user org unit",
-    "{{count}} user org units_plural": "{{count}} user org units",
+    "Selected: {{commaSeparatedListOfOrganisationUnits}}": "Selected: {{commaSeparatedListOfOrganisationUnits}}",
     "Nothing selected": "Nothing selected",
     "User organisation unit": "User organisation unit",
     "User sub-units": "User sub-units",

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;