@dhis2/analytics 26.0.7 → 26.0.9

package/build/cjs/components/DataDimension/DetailSelector.js

@@ -4,28 +4,18 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = exports.DetailSelector = void 0;
-
 var _style = _interopRequireDefault(require("styled-jsx/style"));
-
 var _ui = require("@dhis2/ui");
-
 var _propTypes = _interopRequireDefault(require("prop-types"));
-
 var _react = _interopRequireDefault(require("react"));
-
 var _index = _interopRequireDefault(require("../../locales/index.js"));
-
 var _dataTypes = require("../../modules/dataTypes.js");
-
 var _DetailSelectorStyle = _interopRequireDefault(require("./styles/DetailSelector.style.js"));
-
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-
 const getOptions = () => ({
   [_dataTypes.TOTALS]: _index.default.t('Totals only'),
   [_dataTypes.DETAIL]: _index.default.t('Details only')
 });
-
 const DetailSelector = _ref => {
   let {
     currentValue,
@@ -34,7 +24,7 @@ const DetailSelector = _ref => {
   } = _ref;
   const options = getOptions();
   return /*#__PURE__*/_react.default.createElement("div", {
-    className: "jsx-".concat(_DetailSelectorStyle.default.__hash) + " " + "detail-container"
+    className: `jsx-${_DetailSelectorStyle.default.__hash}` + " " + "detail-container"
   }, /*#__PURE__*/_react.default.createElement(_ui.SingleSelectField, {
     dataTest: dataTest,
     label: _index.default.t('Disaggregation'),
@@ -45,12 +35,11 @@ const DetailSelector = _ref => {
     value: option[0],
     key: option[0],
     label: option[1],
-    dataTest: "".concat(dataTest, "-option-").concat(option[0])
+    dataTest: `${dataTest}-option-${option[0]}`
   }))), /*#__PURE__*/_react.default.createElement(_style.default, {
     id: _DetailSelectorStyle.default.__hash
   }, _DetailSelectorStyle.default));
 };
-
 exports.DetailSelector = DetailSelector;
 DetailSelector.propTypes = {
   currentValue: _propTypes.default.string.isRequired,

package/build/cjs/components/DataDimension/GroupSelector.js

@@ -4,38 +4,22 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
-
 var _style = _interopRequireDefault(require("styled-jsx/style"));
-
 var _appRuntime = require("@dhis2/app-runtime");
-
 var _ui = require("@dhis2/ui");
-
 var _propTypes = _interopRequireDefault(require("prop-types"));
-
 var _react = _interopRequireWildcard(require("react"));
-
 var _dimensions = require("../../api/dimensions.js");
-
 var _index = _interopRequireDefault(require("../../locales/index.js"));
-
 var _dataTypes = require("../../modules/dataTypes.js");
-
 var _DetailSelector = require("./DetailSelector.js");
-
 var _MetricSelector = require("./MetricSelector.js");
-
 var _GroupSelectorStyle = _interopRequireDefault(require("./styles/GroupSelector.style.js"));
-
 function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function (nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
-
 function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || typeof obj !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
-
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-
 const GroupSelector = _ref => {
   var _dataTypes$dataType, _dataTypes$dataType2, _dataTypes$dataType3, _dataTypes$dataType4, _dataTypes$dataType5, _dataTypes$dataType6, _dataTypes$dataType7;
-
   let {
     dataType,
     currentGroup,
@@ -50,26 +34,24 @@ const GroupSelector = _ref => {
   const [isLoading, setIsLoading] = (0, _react.useState)(true);
   const defaultGroup = (_dataTypes$dataType = _dataTypes.dataTypeMap[dataType]) === null || _dataTypes$dataType === void 0 ? void 0 : _dataTypes$dataType.defaultGroup;
   const subGroupType = (_dataTypes$dataType2 = _dataTypes.dataTypeMap[dataType]) === null || _dataTypes$dataType2 === void 0 ? void 0 : _dataTypes$dataType2.subGroup;
-
   const fetchGroups = async () => {
     setIsLoading(true);
     const result = await (0, _dimensions.apiFetchGroups)(dataEngine, dataType, displayNameProp);
     setGroups(result);
     setIsLoading(false);
   };
-
   (0, _react.useEffect)(() => {
     fetchGroups();
   }, [dataType]);
   return /*#__PURE__*/_react.default.createElement("div", {
-    className: "jsx-".concat(_GroupSelectorStyle.default.__hash) + " " + "container"
+    className: `jsx-${_GroupSelectorStyle.default.__hash}` + " " + "container"
   }, /*#__PURE__*/_react.default.createElement(_style.default, {
     id: _GroupSelectorStyle.default.__hash
   }, _GroupSelectorStyle.default), /*#__PURE__*/_react.default.createElement("div", {
-    className: "jsx-".concat(_GroupSelectorStyle.default.__hash) + " " + "group-container"
+    className: `jsx-${_GroupSelectorStyle.default.__hash}` + " " + "group-container"
   }, /*#__PURE__*/_react.default.createElement(_ui.SingleSelectField, {
     label: (_dataTypes$dataType3 = _dataTypes.dataTypeMap[dataType]) === null || _dataTypes$dataType3 === void 0 ? void 0 : _dataTypes$dataType3.getGroupLabel(),
-    dataTest: "".concat(dataTest, "-groups-select-field"),
+    dataTest: `${dataTest}-groups-select-field`,
     selected: currentGroup || defaultGroup.id,
     placeholder: !currentGroup && (_dataTypes$dataType4 = _dataTypes.dataTypeMap[dataType]) !== null && _dataTypes$dataType4 !== void 0 && _dataTypes$dataType4.getPlaceholder ? _dataTypes.dataTypeMap[dataType].getPlaceholder() : null,
     onChange: ref => onGroupChange(ref.selected),
@@ -81,23 +63,22 @@ const GroupSelector = _ref => {
     value: defaultGroup.id,
     key: defaultGroup.id,
     label: defaultGroup.getName(),
-    dataTest: "".concat(dataTest, "-groups-select-field-option-").concat(defaultGroup.id)
+    dataTest: `${dataTest}-groups-select-field-option-${defaultGroup.id}`
   }) : null, !isLoading ? groups.map(item => /*#__PURE__*/_react.default.createElement(_ui.SingleSelectOption, {
     value: item.id,
     key: item.id,
     label: item.name,
-    dataTest: "".concat(dataTest, "-groups-select-field-option-").concat(item.id)
+    dataTest: `${dataTest}-groups-select-field-option-${item.id}`
   })) : null)), subGroupType === _dataTypes.SUB_GROUP_DETAIL && /*#__PURE__*/_react.default.createElement(_DetailSelector.DetailSelector, {
     currentValue: currentSubGroup,
     onChange: onSubGroupChange,
-    dataTest: "".concat(dataTest, "-sub-group-select-field")
+    dataTest: `${dataTest}-sub-group-select-field`
   }), subGroupType === _dataTypes.SUB_GROUP_METRIC && /*#__PURE__*/_react.default.createElement(_MetricSelector.MetricSelector, {
     currentValue: currentSubGroup,
     onChange: onSubGroupChange,
-    dataTest: "".concat(dataTest, "-sub-group-select-field")
+    dataTest: `${dataTest}-sub-group-select-field`
   }));
 };
-
 GroupSelector.propTypes = {
   dataType: _propTypes.default.string.isRequired,
   displayNameProp: _propTypes.default.string.isRequired,

package/build/cjs/components/DataDimension/ItemSelector.js

@@ -4,49 +4,27 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
-
 var _style = _interopRequireDefault(require("styled-jsx/style"));
-
 var _appRuntime = require("@dhis2/app-runtime");
-
 var _ui = require("@dhis2/ui");
-
 var _propTypes = _interopRequireDefault(require("prop-types"));
-
 var _react = _interopRequireWildcard(require("react"));
-
 var _dimensions = require("../../api/dimensions.js");
-
 var _index = _interopRequireDefault(require("../../locales/index.js"));
-
 var _dataSets = require("../../modules/dataSets.js");
-
 var _dataTypes = require("../../modules/dataTypes.js");
-
 var _dimensionListItem = require("../../modules/dimensionListItem.js");
-
 var _dimensionSelectorHelper = require("../../modules/dimensionSelectorHelper.js");
-
 var _utils = require("../../modules/utils.js");
-
 var _DimensionSelectorStyle = _interopRequireDefault(require("../styles/DimensionSelector.style.js"));
-
 var _TransferOption = require("../TransferOption.js");
-
 var _CalculationModal = _interopRequireDefault(require("./Calculation/CalculationModal.js"));
-
 var _DataTypeSelector = _interopRequireDefault(require("./DataTypeSelector.js"));
-
 var _GroupSelector = _interopRequireDefault(require("./GroupSelector.js"));
-
 function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function (nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
-
 function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || typeof obj !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
-
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-
-function _extends() { _extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
-
+function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
 const LeftHeader = _ref => {
   let {
     searchTerm,
@@ -62,7 +40,7 @@ const LeftHeader = _ref => {
     supportsEDI
   } = _ref;
   return /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement("div", {
-    className: "jsx-".concat(_DimensionSelectorStyle.default.__hash) + " " + "leftHeader"
+    className: `jsx-${_DimensionSelectorStyle.default.__hash}` + " " + "leftHeader"
   }, /*#__PURE__*/_react.default.createElement(_ui.InputField, {
     value: searchTerm,
     onChange: _ref2 => {
@@ -72,14 +50,14 @@ const LeftHeader = _ref => {
       return setSearchTerm(value);
     },
     placeholder: _index.default.t('Search by data item name'),
-    dataTest: "".concat(dataTest, "-filter-input-field"),
+    dataTest: `${dataTest}-filter-input-field`,
     dense: true,
     initialFocus: true,
     type: 'search'
   }), /*#__PURE__*/_react.default.createElement(_DataTypeSelector.default, {
     currentDataType: dataType,
     onChange: setDataType,
-    dataTest: "".concat(dataTest, "-data-types-select-field"),
+    dataTest: `${dataTest}-data-types-select-field`,
     includeCalculations: supportsEDI
   }), _dataTypes.dataTypeMap[dataType] && dataType !== _dataTypes.DIMENSION_TYPE_EXPRESSION_DIMENSION_ITEM && /*#__PURE__*/_react.default.createElement(_GroupSelector.default, {
     dataType: dataType,
@@ -93,7 +71,6 @@ const LeftHeader = _ref => {
     id: _DimensionSelectorStyle.default.__hash
   }, _DimensionSelectorStyle.default));
 };
-
 LeftHeader.propTypes = {
   dataTest: _propTypes.default.string,
   dataType: _propTypes.default.string,
@@ -107,34 +84,30 @@ LeftHeader.propTypes = {
   subGroup: _propTypes.default.string,
   supportsEDI: _propTypes.default.bool
 };
-
 const EmptySelection = () => /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement("p", {
-  className: "jsx-".concat(_DimensionSelectorStyle.default.__hash) + " " + "emptyList"
+  className: `jsx-${_DimensionSelectorStyle.default.__hash}` + " " + "emptyList"
 }, _index.default.t('No items selected')), /*#__PURE__*/_react.default.createElement(_style.default, {
   id: _DimensionSelectorStyle.default.__hash
 }, _DimensionSelectorStyle.default));
-
 const RightHeader = _ref3 => {
   let {
     infoText
   } = _ref3;
   return /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement("p", {
-    className: "jsx-".concat(_DimensionSelectorStyle.default.__hash) + " " + "rightHeader"
+    className: `jsx-${_DimensionSelectorStyle.default.__hash}` + " " + "rightHeader"
   }, _index.default.t('Selected Items')), infoText && /*#__PURE__*/_react.default.createElement("div", {
-    className: "jsx-".concat(_DimensionSelectorStyle.default.__hash) + " " + "info-container"
+    className: `jsx-${_DimensionSelectorStyle.default.__hash}` + " " + "info-container"
   }, /*#__PURE__*/_react.default.createElement("div", {
-    className: "jsx-".concat(_DimensionSelectorStyle.default.__hash)
+    className: `jsx-${_DimensionSelectorStyle.default.__hash}`
   }, /*#__PURE__*/_react.default.createElement(_ui.IconInfo16, null)), /*#__PURE__*/_react.default.createElement("span", {
-    className: "jsx-".concat(_DimensionSelectorStyle.default.__hash) + " " + "info-text"
+    className: `jsx-${_DimensionSelectorStyle.default.__hash}` + " " + "info-text"
   }, infoText)), /*#__PURE__*/_react.default.createElement(_style.default, {
     id: _DimensionSelectorStyle.default.__hash
   }, _DimensionSelectorStyle.default));
 };
-
 RightHeader.propTypes = {
   infoText: _propTypes.default.string
 };
-
 const SourceEmptyPlaceholder = _ref4 => {
   let {
     loading,
@@ -145,7 +118,6 @@ const SourceEmptyPlaceholder = _ref4 => {
     dataTest
   } = _ref4;
   let message = '';
-
   if (!loading && !options.length && !searchTerm) {
     if (noItemsMessage) {
       message = noItemsMessage;
@@ -154,23 +126,18 @@ const SourceEmptyPlaceholder = _ref4 => {
         case _dataTypes.DIMENSION_TYPE_INDICATOR:
           message = _index.default.t('No indicators found');
           break;
-
         case _dataTypes.DIMENSION_TYPE_DATA_ELEMENT:
           message = _index.default.t('No data elements found');
           break;
-
         case _dataTypes.DIMENSION_TYPE_DATA_SET:
           message = _index.default.t('No data sets found');
           break;
-
         case _dataTypes.DIMENSION_TYPE_EVENT_DATA_ITEM:
           message = _index.default.t('No event data items found');
           break;
-
         case _dataTypes.DIMENSION_TYPE_PROGRAM_INDICATOR:
           message = _index.default.t('No program indicators found');
           break;
-
         default:
           message = _index.default.t('No data');
           break;
@@ -183,31 +150,26 @@ const SourceEmptyPlaceholder = _ref4 => {
           searchTerm: searchTerm
         });
         break;
-
       case _dataTypes.DIMENSION_TYPE_DATA_ELEMENT:
         message = _index.default.t('No data elements found for "{{- searchTerm}}"', {
           searchTerm: searchTerm
         });
         break;
-
       case _dataTypes.DIMENSION_TYPE_DATA_SET:
         message = _index.default.t('No data sets found for "{{- searchTerm}}"', {
           searchTerm: searchTerm
         });
         break;
-
       case _dataTypes.DIMENSION_TYPE_EVENT_DATA_ITEM:
         message = _index.default.t('No event data items found for "{{- searchTerm}}"', {
           searchTerm: searchTerm
         });
         break;
-
       case _dataTypes.DIMENSION_TYPE_PROGRAM_INDICATOR:
         message = _index.default.t('No program indicators found for "{{- searchTerm}}"', {
           searchTerm: searchTerm
         });
         break;
-
       default:
         message = _index.default.t('Nothing found for "{{- searchTerm}}"', {
           searchTerm: searchTerm
@@ -215,15 +177,13 @@ const SourceEmptyPlaceholder = _ref4 => {
         break;
     }
   }
-
   return message && /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement("p", {
     "data-test": dataTest,
-    className: "jsx-".concat(_DimensionSelectorStyle.default.__hash) + " " + "emptyList"
+    className: `jsx-${_DimensionSelectorStyle.default.__hash}` + " " + "emptyList"
   }, message), /*#__PURE__*/_react.default.createElement(_style.default, {
     id: _DimensionSelectorStyle.default.__hash
   }, _DimensionSelectorStyle.default));
 };
-
 SourceEmptyPlaceholder.propTypes = {
   dataTest: _propTypes.default.string,
   dataType: _propTypes.default.string,
@@ -232,7 +192,6 @@ SourceEmptyPlaceholder.propTypes = {
   options: _propTypes.default.array,
   searchTerm: _propTypes.default.string
 };
-
 const ItemSelector = _ref5 => {
   let {
     selectedItems,
@@ -256,21 +215,19 @@ const ItemSelector = _ref5 => {
   });
   const [currentCalculation, setCurrentCalculation] = (0, _react.useState)();
   const dataEngine = (0, _appRuntime.useDataEngine)();
-
-  const setSearchTerm = searchTerm => setState(state => ({ ...state,
+  const setSearchTerm = searchTerm => setState(state => ({
+    ...state,
     searchTerm
   }));
-
-  const setFilter = filter => setState(state => ({ ...state,
+  const setFilter = filter => setState(state => ({
+    ...state,
     filter
   }));
-
   const debouncedSearchTerm = (0, _utils.useDebounce)(state.searchTerm, 500);
-
   const fetchItems = async page => {
     var _result$dimensionItem;
-
-    setState(state => ({ ...state,
+    setState(state => ({
+      ...state,
       loading: true
     }));
     const result = await (0, _dimensions.apiFetchOptions)({
@@ -285,10 +242,9 @@ const ItemSelector = _ref5 => {
       if (item.dimensionItemType === _dataSets.REPORTING_RATE) {
         if (state.filter.subGroup && state.filter.subGroup !== _dataTypes.DIMENSION_TYPE_ALL) {
           const metric = _dataSets.DATA_SETS_CONSTANTS.find(item => item.id === state.filter.subGroup);
-
           newOptions.push({
-            label: "".concat(item.name, " - ").concat(metric.getName()),
-            value: "".concat(item.id, ".").concat(metric.id),
+            label: `${item.name} - ${metric.getName()}`,
+            value: `${item.id}.${metric.id}`,
             disabled: item.disabled,
             type: item.dimensionItemType,
             expression: item.expression
@@ -296,8 +252,8 @@ const ItemSelector = _ref5 => {
         } else {
           _dataSets.DATA_SETS_CONSTANTS.forEach(metric => {
             newOptions.push({
-              label: "".concat(item.name, " - ").concat(metric.getName()),
-              value: "".concat(item.id, ".").concat(metric.id),
+              label: `${item.name} - ${metric.getName()}`,
+              value: `${item.id}.${metric.id}`,
               disabled: item.disabled,
               type: item.dimensionItemType,
               expression: item.expression
@@ -314,7 +270,8 @@ const ItemSelector = _ref5 => {
         });
       }
     });
-    setState(state => ({ ...state,
+    setState(state => ({
+      ...state,
       loading: false,
       options: page > 1 ? [...state.options, ...newOptions] : newOptions,
       nextPage: result.nextPage
@@ -328,20 +285,18 @@ const ItemSelector = _ref5 => {
         IF there is a next page AND some options were just fetched AND you have the same or more
         selected items than fetched items AND all fetched items are already selected -> fetch more!
     */
-
     if (result.nextPage && newOptions.length && selectedItems.length >= newOptions.length && newOptions.every(newOption => selectedItems.find(selectedItem => selectedItem.value === newOption.value))) {
       fetchItems(result.nextPage);
     }
   };
-
   (0, _utils.useDidUpdateEffect)(() => {
-    setState(state => ({ ...state,
+    setState(state => ({
+      ...state,
       loading: true,
       nextPage: 1
     }));
     fetchItems(1);
   }, [debouncedSearchTerm, state.filter]);
-
   const onChange = newSelected => {
     onSelect(newSelected.map(value => {
       const matchingItem = [...state.options, ...selectedItems].find(item => item.value === value);
@@ -355,24 +310,19 @@ const ItemSelector = _ref5 => {
       };
     }));
   };
-
   const onEndReached = () => {
     if (state.nextPage) {
       fetchItems(state.nextPage);
     }
   };
-
   const isActive = value => {
     const item = selectedItems.find(item => item.value === value);
     return !item || item.isActive;
   };
-
   const getItemType = value => {
     var _find;
-
     return (_find = [...state.options, ...selectedItems].find(item => item.value === value)) === null || _find === void 0 ? void 0 : _find.type;
   };
-
   const onSaveCalculation = async _ref6 => {
     let {
       id,
@@ -385,12 +335,13 @@ const ItemSelector = _ref5 => {
       name,
       expression,
       type: _dataTypes.DIMENSION_TYPE_EXPRESSION_DIMENSION_ITEM
-    }); // close the modal
+    });
 
-    setCurrentCalculation(); // reload the list of options
+    // close the modal
+    setCurrentCalculation();
 
+    // reload the list of options
     fetchItems(1);
-
     if (isNew) {
       // select the new calculation
       onSelect([...selectedItems, {
@@ -401,19 +352,19 @@ const ItemSelector = _ref5 => {
       }]);
     }
   };
-
   const onDeleteCalculation = _ref7 => {
     let {
       id
     } = _ref7;
     // close the modal
-    setCurrentCalculation(); // reload the list of options
+    setCurrentCalculation();
 
-    fetchItems(1); // unselect the deleted calculation
+    // reload the list of options
+    fetchItems(1);
 
+    // unselect the deleted calculation
     onSelect([...selectedItems.filter(item => item.value !== id)]);
   };
-
   return /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement(_ui.Transfer, {
     onChange: _ref8 => {
       let {
@@ -431,13 +382,14 @@ const ItemSelector = _ref5 => {
       options: state.options,
       noItemsMessage: noItemsMessage,
       dataType: state.filter.dataType,
-      dataTest: "".concat(dataTest, "-empty-source")
+      dataTest: `${dataTest}-empty-source`
     }),
     onEndReached: onEndReached,
     leftHeader: /*#__PURE__*/_react.default.createElement(LeftHeader, {
       dataType: state.filter.dataType,
       setDataType: dataType => {
-        setFilter({ ...state.filter,
+        setFilter({
+          ...state.filter,
           dataType,
           group: null,
           subGroup: dataType === _dataTypes.DIMENSION_TYPE_DATA_ELEMENT ? _dataTypes.TOTALS : null
@@ -445,24 +397,26 @@ const ItemSelector = _ref5 => {
       },
       group: state.filter.group,
       setGroup: group => {
-        setFilter({ ...state.filter,
+        setFilter({
+          ...state.filter,
           group
         });
       },
       subGroup: state.filter.subGroup,
       setSubGroup: subGroup => {
-        setFilter({ ...state.filter,
+        setFilter({
+          ...state.filter,
           subGroup
         });
       },
       searchTerm: state.searchTerm,
       setSearchTerm: setSearchTerm,
       displayNameProp: displayNameProp,
-      dataTest: "".concat(dataTest, "-left-header"),
+      dataTest: `${dataTest}-left-header`,
       supportsEDI: supportsEDI
     }),
     leftFooter: supportsEDI ? /*#__PURE__*/_react.default.createElement("div", {
-      className: "jsx-".concat(_DimensionSelectorStyle.default.__hash) + " " + "calculation-button"
+      className: `jsx-${_DimensionSelectorStyle.default.__hash}` + " " + "calculation-button"
     }, /*#__PURE__*/_react.default.createElement(_ui.Button, {
       icon: /*#__PURE__*/_react.default.createElement(_ui.IconAdd24, null),
       onClick: () => setCurrentCalculation({}),
@@ -479,27 +433,25 @@ const ItemSelector = _ref5 => {
     rightFooter: rightFooter,
     renderOption: props => {
       var _props$access;
-
       return /*#__PURE__*/_react.default.createElement(_TransferOption.TransferOption
-      /* eslint-disable react/prop-types */
-      , _extends({}, props, {
+      /* eslint-disable react/prop-types */, _extends({}, props, {
         active: isActive(props.value),
         icon: (0, _dimensionListItem.getIcon)(getItemType(props.value)),
         tooltipText: (0, _dimensionListItem.getTooltipText)({
           type: getItemType(props.value),
           expression: props.expression
         }),
-        dataTest: "".concat(dataTest, "-transfer-option"),
+        dataTest: `${dataTest}-transfer-option`,
         onEditClick: getItemType(props.value) === _dataTypes.DIMENSION_TYPE_EXPRESSION_DIMENSION_ITEM && !(((_props$access = props.access) === null || _props$access === void 0 ? void 0 : _props$access.write) === false) && supportsEDI ? () => setCurrentCalculation({
           id: props.value,
           name: props.label,
           expression: props.expression
         }) : undefined
         /* eslint-enable react/prop-types */
-
       }));
     },
-    dataTest: "".concat(dataTest, "-transfer")
+
+    dataTest: `${dataTest}-transfer`
   }), currentCalculation && supportsEDI && /*#__PURE__*/_react.default.createElement(_CalculationModal.default, {
     calculation: currentCalculation,
     onSave: onSaveCalculation,
@@ -510,7 +462,6 @@ const ItemSelector = _ref5 => {
     id: _DimensionSelectorStyle.default.__hash
   }, _DimensionSelectorStyle.default));
 };
-
 ItemSelector.propTypes = {
   displayNameProp: _propTypes.default.string.isRequired,
   onSelect: _propTypes.default.func.isRequired,

package/build/cjs/components/DataDimension/MetricSelector.js

@@ -4,25 +4,15 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = exports.MetricSelector = void 0;
-
 var _style = _interopRequireDefault(require("styled-jsx/style"));
-
 var _ui = require("@dhis2/ui");
-
 var _propTypes = _interopRequireDefault(require("prop-types"));
-
 var _react = _interopRequireDefault(require("react"));
-
 var _index = _interopRequireDefault(require("../../locales/index.js"));
-
 var _dataSets = require("../../modules/dataSets.js");
-
 var _dataTypes = require("../../modules/dataTypes.js");
-
 var _MetricSelectorStyle = _interopRequireDefault(require("./styles/MetricSelector.style.js"));
-
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-
 const MetricSelector = _ref => {
   let {
     currentValue,
@@ -30,7 +20,7 @@ const MetricSelector = _ref => {
     dataTest
   } = _ref;
   return /*#__PURE__*/_react.default.createElement("div", {
-    className: "jsx-".concat(_MetricSelectorStyle.default.__hash) + " " + "metric-container"
+    className: `jsx-${_MetricSelectorStyle.default.__hash}` + " " + "metric-container"
   }, /*#__PURE__*/_react.default.createElement(_ui.SingleSelectField, {
     label: _index.default.t('Metric type'),
     selected: currentValue || _dataTypes.DIMENSION_TYPE_ALL,
@@ -41,17 +31,16 @@ const MetricSelector = _ref => {
     value: _dataTypes.DIMENSION_TYPE_ALL,
     key: _dataTypes.DIMENSION_TYPE_ALL,
     label: _index.default.t('All metrics'),
-    dataTest: "".concat(dataTest, "-option-").concat(_dataTypes.DIMENSION_TYPE_ALL)
+    dataTest: `${dataTest}-option-${_dataTypes.DIMENSION_TYPE_ALL}`
   }), _dataSets.DATA_SETS_CONSTANTS.map(option => /*#__PURE__*/_react.default.createElement(_ui.SingleSelectOption, {
     value: option.id,
     key: option.id,
     label: option.getName(),
-    dataTest: "".concat(dataTest, "-option-").concat(option.id)
+    dataTest: `${dataTest}-option-${option.id}`
   }))), /*#__PURE__*/_react.default.createElement(_style.default, {
     id: _MetricSelectorStyle.default.__hash
   }, _MetricSelectorStyle.default));
 };
-
 exports.MetricSelector = MetricSelector;
 MetricSelector.propTypes = {
   onChange: _propTypes.default.func.isRequired,

package/build/cjs/components/DataDimension/styles/DataTypeSelector.style.js

@@ -4,10 +4,8 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
-
 var _ui = require("@dhis2/ui");
-
-const _defaultExport = [".container.jsx-3368926978{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-flow:column;-ms-flex-flow:column;flex-flow:column;border-bottom:0;padding:".concat(_ui.spacers.dp12, " 0 0;}")];
+const _defaultExport = [`.container.jsx-3368926978{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-flow:column;-ms-flex-flow:column;flex-flow:column;border-bottom:0;padding:${_ui.spacers.dp12} 0 0;}`];
 _defaultExport.__hash = "3368926978";
 var _default = _defaultExport;
 exports.default = _default;