@dhis2/analytics 20.6.2 → 21.0.0-alpha.1

package/build/es/components/PeriodDimension/PeriodTransfer.js

@@ -55,13 +55,13 @@ const PeriodTransfer = ({
   const renderLeftHeader = () => /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(TabBar, null, /*#__PURE__*/React.createElement(Tab, {
     selected: isRelative,
     onClick: () => onIsRelativeClick(true),
-    dataTest: "".concat(dataTest, "-relative-periods-button")
+    dataTest: `${dataTest}-relative-periods-button`
   }, i18n.t('Relative periods')), /*#__PURE__*/React.createElement(Tab, {
     selected: !isRelative,
     onClick: () => onIsRelativeClick(false),
-    dataTest: "".concat(dataTest, "-fixed-periods-button")
+    dataTest: `${dataTest}-fixed-periods-button`
   }, i18n.t('Fixed periods'))), /*#__PURE__*/React.createElement("div", {
-    className: "jsx-".concat(styles.__hash) + " " + "filterContainer"
+    className: `jsx-${styles.__hash}` + " " + "filterContainer"
   }, isRelative ? /*#__PURE__*/React.createElement(RelativePeriodFilter, {
     currentFilter: relativeFilter.periodType,
     onSelectFilter: filter => {
@@ -70,7 +70,7 @@ const PeriodTransfer = ({
       });
       setAllPeriods(getRelativePeriodsOptionsById(filter).getPeriods());
     },
-    dataTest: "".concat(dataTest, "-relative-period-filter"),
+    dataTest: `${dataTest}-relative-period-filter`,
     excludedPeriodTypes: excludedPeriodTypes
   }) : /*#__PURE__*/React.createElement(FixedPeriodFilter, {
     currentPeriodType: fixedFilter.periodType,
@@ -87,14 +87,14 @@ const PeriodTransfer = ({
         year
       });
     },
-    dataTest: "".concat(dataTest, "-fixed-period-filter"),
+    dataTest: `${dataTest}-fixed-period-filter`,
     excludedPeriodTypes: excludedPeriodTypes
   })), /*#__PURE__*/React.createElement(_JSXStyle, {
     id: styles.__hash
   }, styles));
 
   const renderRightHeader = () => /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement("p", {
-    className: "jsx-".concat(styles.__hash) + " " + "rightHeader"
+    className: `jsx-${styles.__hash}` + " " + "rightHeader"
   }, i18n.t('Selected Periods')), /*#__PURE__*/React.createElement(_JSXStyle, {
     id: styles.__hash
   }, styles));
@@ -105,7 +105,7 @@ const PeriodTransfer = ({
   };
 
   const renderEmptySelection = () => /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement("p", {
-    className: "jsx-".concat(styles.__hash) + " " + "emptyList"
+    className: `jsx-${styles.__hash}` + " " + "emptyList"
   }, i18n.t('No periods selected')), /*#__PURE__*/React.createElement(_JSXStyle, {
     id: styles.__hash
   }, styles));
@@ -139,9 +139,9 @@ const PeriodTransfer = ({
     })),
     renderOption: props => /*#__PURE__*/React.createElement(TransferOption, _extends({}, props, {
       icon: PeriodIcon,
-      dataTest: "".concat(dataTest, "-transfer-option")
+      dataTest: `${dataTest}-transfer-option`
     })),
-    dataTest: "".concat(dataTest, "-transfer")
+    dataTest: `${dataTest}-transfer`
   });
 };
 

package/build/es/components/PeriodDimension/RelativePeriodFilter.js

@@ -13,7 +13,7 @@ const RelativePeriodFilter = ({
   dataTest,
   excludedPeriodTypes
 }) => /*#__PURE__*/React.createElement("div", {
-  className: "jsx-".concat(styles.__hash) + " " + "leftSection"
+  className: `jsx-${styles.__hash}` + " " + "leftSection"
 }, /*#__PURE__*/React.createElement(SingleSelectField, {
   label: i18n.t('Period type'),
   onChange: ({
@@ -27,7 +27,7 @@ const RelativePeriodFilter = ({
   key: option.id,
   value: option.id,
   label: option.name,
-  dataTest: "".concat(dataTest, "-option-").concat(option.id)
+  dataTest: `${dataTest}-option-${option.id}`
 }))), /*#__PURE__*/React.createElement(_JSXStyle, {
   id: styles.__hash
 }, styles));

package/build/es/components/PeriodDimension/styles/FixedPeriodSelect.style.js

@@ -1,4 +1,4 @@
 import { spacers } from '@dhis2/ui';
-const _defaultExport = [".row.jsx-86888579{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;margin-bottom:".concat(spacers.dp8, ";}")];
+const _defaultExport = [`.row.jsx-86888579{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;margin-bottom:${spacers.dp8};}`];
 _defaultExport.__hash = "86888579";
 export default _defaultExport;

package/build/es/components/PeriodDimension/styles/PeriodFilter.style.js

@@ -1,4 +1,4 @@
 import { spacers } from '@dhis2/ui';
-const _defaultExport = [".leftSection.jsx-2872988609{-webkit-box-flex:1;-webkit-flex-grow:1;-ms-flex-positive:1;flex-grow:1;}", ".leftSection.jsx-2872988609>.filterElement,.rightSection.jsx-2872988609>.filterElement{margin:0;}", ".rightSection.jsx-2872988609{width:120px;margin-left:".concat(spacers.dp8, ";}")];
+const _defaultExport = [".leftSection.jsx-2872988609{-webkit-box-flex:1;-webkit-flex-grow:1;-ms-flex-positive:1;flex-grow:1;}", ".leftSection.jsx-2872988609>.filterElement,.rightSection.jsx-2872988609>.filterElement{margin:0;}", `.rightSection.jsx-2872988609{width:120px;margin-left:${spacers.dp8};}`];
 _defaultExport.__hash = "2872988609";
 export default _defaultExport;

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 ".concat(year));
+    const date = new Date(`01 Jan ${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 = "".concat(year).concat(weekObj.shortName, "W").concat(week);
+      period.iso = `${year}${weekObj.shortName}W${week}`;
       period.id = period.iso;
       date.setDate(date.getDate() + 6);
       period.endDate = formatYyyyMmDd(date);
       const weekNumber = week;
-      period.name = "".concat(i18n.t('Week {{weekNumber}}', {
+      period.name = `${i18n.t('Week {{weekNumber}}', {
         weekNumber
-      }), " - ").concat(period.startDate, " - ").concat(period.endDate); // if end date is Jan 4th or later, week belongs to next year
+      })} - ${period.startDate} - ${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 ".concat(year));
+    const date = new Date(`01 Jan ${year}`);
     const day = date.getDay();
     let biWeek = 1;
 
@@ -142,15 +142,15 @@ const getBiWeeklyPeriodType = (formatYyyyMmDd, fnFilter) => {
 
     while (date.getFullYear() <= year) {
       const period = {};
-      period.iso = "".concat(year, "BiW").concat(biWeek);
+      period.iso = `${year}BiW${biWeek}`;
       period.id = period.iso;
       period.startDate = formatYyyyMmDd(date);
       date.setDate(date.getDate() + 13);
       period.endDate = formatYyyyMmDd(date);
       const biWeekNumber = biWeek;
-      period.name = "".concat(i18n.t('Bi-Week {{biWeekNumber}}', {
+      period.name = `${i18n.t('Bi-Week {{biWeekNumber}}', {
         biWeekNumber
-      }), " - ").concat(period.startDate, " - ").concat(period.endDate); // if end date is Jan 4th or later, biweek belongs to next year
+      })} - ${period.startDate} - ${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".concat(m) : m;
+    m = m.length < 2 ? `0${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 ".concat(year));
+    const date = new Date(`31 Dec ${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 = "".concat(monthName, " ").concat(year);
+      period.name = `${monthName} ${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 ".concat(year));
+    const date = new Date(`31 Dec ${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 = "".concat(monthStart, " - ").concat(monthEnd, " ").concat(fullYear);
-      period.iso = "".concat(year, "0").concat(index, "B");
+      period.name = `${monthStart} - ${monthEnd} ${fullYear}`;
+      period.iso = `${year}0${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 ".concat(year));
+    const date = new Date(`31 Dec ${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 = "".concat(monthStart, " - ").concat(monthEnd, " ").concat(fullYear);
-      period.iso = "".concat(year, "Q").concat(quarter);
+      period.name = `${monthStart} - ${monthEnd} ${fullYear}`;
+      period.iso = `${year}Q${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 = "".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.startDate = `${year}-01-01`;
+    period.endDate = `${year}-06-30`;
+    period.name = `${getMonthName(0)} - ${getMonthName(5)} ${year}`;
+    period.iso = `${year}S1`;
     period.id = period.iso;
     periods.push(period);
     period = {};
-    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.startDate = `${year}-07-01`;
+    period.endDate = `${year}-12-31`;
+    period.name = `${getMonthName(6)} - ${getMonthName(11)} ${year}`;
+    period.iso = `${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 = "".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.startDate = `${year}-04-01`;
+    period.endDate = `${year}-09-30`;
+    period.name = `${getMonthName(3)} - ${getMonthName(8)} ${year}`;
+    period.iso = `${year}AprilS1`;
     period.id = period.iso;
     periods.push(period);
     period = {};
-    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.startDate = `${year}-10-01`;
+    period.endDate = `${year + 1}-03-31`;
+    period.name = `${getMonthName(9)} ${year} - ${getMonthName(2)} ${year + 1}`;
+    period.iso = `${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 ".concat(year));
+    const date = new Date(`31 Dec ${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 ".concat(year + 1));
+    const date = new Date(`30 Sep ${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 = "".concat(getMonthName(9), " ").concat(yearStart, " - ").concat(getMonthName(8), " ").concat(yearEnd);
-      period.id = "".concat(date.getFullYear(), "Oct");
+      period.name = `${getMonthName(9)} ${yearStart} - ${getMonthName(8)} ${yearEnd}`;
+      period.id = `${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 ".concat(year + 1));
+    const date = new Date(`31 Oct ${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 = "".concat(getMonthName(10), " ").concat(yearStart, " - ").concat(getMonthName(9), " ").concat(yearEnd);
-      period.id = "".concat(date.getFullYear(), "Nov");
+      period.name = `${getMonthName(10)} ${yearStart} - ${getMonthName(9)} ${yearEnd}`;
+      period.id = `${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 ".concat(year + 1));
+    const date = new Date(`30 Jun ${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 = "".concat(getMonthName(6), " ").concat(yearStart, " - ").concat(getMonthName(5), " ").concat(yearEnd);
-      period.id = "".concat(date.getFullYear(), "July");
+      period.name = `${getMonthName(6)} ${yearStart} - ${getMonthName(5)} ${yearEnd}`;
+      period.id = `${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 ".concat(year + 1));
+    const date = new Date(`31 Mar ${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 = "".concat(getMonthName(3), " ").concat(yearStart, " - ").concat(getMonthName(2), " ").concat(yearEnd);
-      period.id = "".concat(date.getFullYear(), "April");
+      period.name = `${getMonthName(3)} ${yearStart} - ${getMonthName(2)} ${yearEnd}`;
+      period.id = `${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".concat(m) : m;
-  d = d.length < 2 ? "0".concat(d) : d;
-  return "".concat(y, "-").concat(m, "-").concat(d);
+  m = m.length < 2 ? `0${m}` : m;
+  d = d.length < 2 ? `0${d}` : d;
+  return `${y}-${m}-${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-".concat(engine.visualization.fontSize), "displaydensity-".concat(engine.visualization.displayDensity));
+  const className = classnames(classes, `fontsize-${engine.visualization.fontSize}`, `displaydensity-${engine.visualization.displayDensity}`);
   return isHeader ? /*#__PURE__*/React.createElement("th", _extends({
     style: style,
     "data-test": dataTest
   }, props, {
-    className: "jsx-".concat(cellStyle.__hash) + " " + (props && props.className != null && props.className || className || "")
+    className: `jsx-${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-".concat(cellStyle.__hash) + " " + (props && props.className != null && props.className || className || "")
+    className: `jsx-${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-".concat(cellStyle.__hash) + " " + "column-header-inner"
+        className: `jsx-${cellStyle.__hash}` + " " + "column-header-inner"
       }, /*#__PURE__*/React.createElement("span", {
         "data-test": "visualization-column-header",
-        className: "jsx-".concat(cellStyle.__hash) + " " + "column-header-label"
+        className: `jsx-${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-".concat(tableStyle.__hash) + " " + "pivot-table-container"
+    className: `jsx-${tableStyle.__hash}` + " " + "pivot-table-container"
   }, /*#__PURE__*/React.createElement(_JSXStyle, {
     id: tableStyle.__hash
   }, tableStyle), width === 0 || height === 0 ? null : /*#__PURE__*/React.createElement("table", {
-    className: "jsx-".concat(tableStyle.__hash) + " " + (classnames({
+    className: `jsx-${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-".concat(sortIconStyle.__hash) + " " + "fontsize-".concat(engine.visualization.fontSize)
+    className: `jsx-${sortIconStyle.__hash}` + " " + `fontsize-${engine.visualization.fontSize}`
   }, /*#__PURE__*/React.createElement(_JSXStyle, {
     id: sortIconStyle.__hash
   }, sortIconStyle), /*#__PURE__*/React.createElement(SortIcon, {
-    className: "jsx-".concat(sortIconStyle.__hash)
+    className: `jsx-${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-".concat(cellStyle.__hash)
+    className: `jsx-${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-".concat(cellStyle.__hash)
+    className: `jsx-${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:".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;}"];
+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;}"];
 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 ".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;}"];
+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;}"];
 cell.__hash = "1789008308";
-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;}")];
+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;}`];
 sortIcon.__hash = "2877616992";

package/build/es/components/TransferOption.js

@@ -32,17 +32,17 @@ export const TransferOption = ({
         value
       }, event);
     },
-    "data-test": "".concat(dataTest, "-content"),
-    className: "jsx-".concat(styles.__hash) + " " + (cx('chip', {
+    "data-test": `${dataTest}-content`,
+    className: `jsx-${styles.__hash}` + " " + (cx('chip', {
       highlighted,
       disabled,
       selected,
       inactive: active !== undefined && !active
     }) || "")
   }, /*#__PURE__*/React.createElement("span", {
-    className: "jsx-".concat(styles.__hash) + " " + "icon"
+    className: `jsx-${styles.__hash}` + " " + "icon"
   }, icon), /*#__PURE__*/React.createElement("span", {
-    className: "jsx-".concat(styles.__hash) + " " + "label"
+    className: `jsx-${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: "".concat(value),
+    key: `${value}`,
     content: tooltipText,
     placement: 'top',
     openDelay: 750,

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:".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;}")];
+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;}`];
 _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:".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;}"];
+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;}"];
 _defaultExport.__hash = "3199850788";
 export default _defaultExport;

package/build/es/index.js

@@ -16,7 +16,7 @@ export { default as LegendKey } from './components/LegendKey/LegendKey'; // Api
 
 export { default as Analytics } from './api/analytics/Analytics';
 export { apiFetchDimensions, apiFetchRecommendedIds } from './api/dimensions';
-export { apiFetchOrganisationUnitLevels, apiFetchOrganisationUnitRoots, apiFetchOrganisationUnit } from './api/organisationUnits-dataEngine'; // Modules: axis
+export { apiFetchOrganisationUnitLevels, apiFetchOrganisationUnitRoots, apiFetchOrganisationUnit } from './api/organisationUnits'; // Modules: axis
 
 export { getAxisName, getAxisNameByLayoutType, hasCustomAxes } from './modules/axis'; // Modules: predefined dimensions
 

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

@@ -101,6 +101,11 @@
     "Options": "Options",
     "Hide": "Hide",
     "Update": "Update",
+    "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",
     "Period type": "Period type",
     "Year": "Year",
     "Select year": "Select year",

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

@@ -129,7 +129,7 @@
     "Weekly (Start Thursday)": "",
     "Weekly (Start Saturday)": "",
     "Weekly (Start Sunday)": "",
-    "Bi-weekly": "",
+    "Bi-weekly": "Quincenal",
     "Monthly": "Mensual",
     "Bi-monthly": "Bimestral",
     "Quarterly": "Trimestral",
@@ -155,9 +155,9 @@
     "Last 12 weeks": "Últimas 12 semanas",
     "Last 52 weeks": "Últimas 52 semanas",
     "Weeks this year": "Semanas de este año",
-    "This bi-week": "",
-    "Last bi-week": "",
-    "Last 4 bi-weeks": "",
+    "This bi-week": "Esta quincena",
+    "Last bi-week": "Última quincena",
+    "Last 4 bi-weeks": "Últimas 4 quincenas",
     "This month": "Este mes",
     "Last month": "Mes anterior",
     "Last 3 months": "Últimos 3 meses",
@@ -167,7 +167,7 @@
     "This bi-month": "Este bimestre",
     "Last bi-month": "Bimestre anterior",
     "Last 6 bi-months": "Últimos 6 bimestres",
-    "Bi-months this year": "",
+    "Bi-months this year": "Bimestres de este año",
     "This quarter": "Este trimestre",
     "Last quarter": "El trimestre pasado",
     "Last 4 quarters": "Últimos 4 trimestres",
@@ -184,7 +184,7 @@
     "Last 10 years": "",
     "Days": "Días",
     "Weeks": "Semanas",
-    "Bi-weeks": "",
+    "Bi-weeks": "Quincenales",
     "Months": "Meses",
     "Bi-months": "Bimestres",
     "Quarters": "Trimestral",

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

@@ -76,7 +76,7 @@
     "There was a problem loading items. Try again or contact your system administrator.": "",
     "No items found. Create a new to get started.": "",
     "No items found. Try adjusting your search or filter options to find what you're looking for.": "",
-    "Create new": "",
+    "Create new": "Создать новый",
     "Open a visualization": "",
     "Loading visualizations": "",
     "Couldn't load visualizations": "",