@dhis2/analytics 26.0.8 → 26.0.10

package/build/es/components/DataDimension/DataDimension.js

@@ -3,7 +3,6 @@ import PropTypes from 'prop-types';
 import React from 'react';
 import { DIMENSION_ID_DATA } from '../../modules/predefinedDimensions.js';
 import ItemSelector from './ItemSelector.js';
-
 const DataDimension = _ref => {
   let {
     onSelect,
@@ -15,8 +14,7 @@ const DataDimension = _ref => {
   const {
     serverVersion
   } = useConfig();
-  const supportsEDI = "".concat(serverVersion.major, ".").concat(serverVersion.minor, ".").concat(serverVersion.patch || 0) >= '2.40.0';
-
+  const supportsEDI = `${serverVersion.major}.${serverVersion.minor}.${serverVersion.patch || 0}` >= '2.40.0';
   const onSelectItems = selectedItem => onSelect({
     dimensionId: DIMENSION_ID_DATA,
     items: selectedItem.map(item => ({
@@ -26,7 +24,6 @@ const DataDimension = _ref => {
       expression: item.expression
     }))
   });
-
   return /*#__PURE__*/React.createElement(ItemSelector, {
     selectedItems: selectedDimensions.map(item => ({
       value: item.id,
@@ -44,7 +41,6 @@ const DataDimension = _ref => {
     onEDISave: onCalculationSave
   });
 };
-
 DataDimension.propTypes = {
   displayNameProp: PropTypes.string.isRequired,
   selectedDimensions: PropTypes.arrayOf(PropTypes.shape({

package/build/es/components/DataDimension/DataTypeSelector.js

@@ -5,10 +5,8 @@ import React from 'react';
 import i18n from '../../locales/index.js';
 import { DIMENSION_TYPE_ALL, dataTypeMap as dataTypes, DIMENSION_TYPE_EXPRESSION_DIMENSION_ITEM } from '../../modules/dataTypes.js';
 import styles from './styles/DataTypeSelector.style.js';
-
 const DataTypeSelector = _ref => {
   var _dataTypes$currentDat;
-
   let {
     currentDataType,
     onChange,
@@ -16,7 +14,7 @@ const DataTypeSelector = _ref => {
     includeCalculations
   } = _ref;
   return /*#__PURE__*/React.createElement("div", {
-    className: "jsx-".concat(styles.__hash) + " " + "container"
+    className: `jsx-${styles.__hash}` + " " + "container"
   }, /*#__PURE__*/React.createElement(SingleSelectField, {
     label: i18n.t('Data Type'),
     dataTest: dataTest,
@@ -27,17 +25,16 @@ const DataTypeSelector = _ref => {
     value: DIMENSION_TYPE_ALL,
     key: DIMENSION_TYPE_ALL,
     label: i18n.t('All types'),
-    dataTest: "".concat(dataTest, "-option-all")
+    dataTest: `${dataTest}-option-all`
   }), Object.values(dataTypes).filter(type => type.id !== DIMENSION_TYPE_EXPRESSION_DIMENSION_ITEM || includeCalculations).map(type => /*#__PURE__*/React.createElement(SingleSelectOption, {
     value: type.id,
     key: type.id,
     label: type.getName(),
-    dataTest: "".concat(dataTest, "-option-").concat(type.id)
+    dataTest: `${dataTest}-option-${type.id}`
   }))), /*#__PURE__*/React.createElement(_JSXStyle, {
     id: styles.__hash
   }, styles));
 };
-
 DataTypeSelector.propTypes = {
   currentDataType: PropTypes.string.isRequired,
   onChange: PropTypes.func.isRequired,

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

@@ -5,12 +5,10 @@ import React from 'react';
 import i18n from '../../locales/index.js';
 import { TOTALS, DETAIL } from '../../modules/dataTypes.js';
 import styles from './styles/DetailSelector.style.js';
-
 const getOptions = () => ({
   [TOTALS]: i18n.t('Totals only'),
   [DETAIL]: i18n.t('Details only')
 });
-
 export const DetailSelector = _ref => {
   let {
     currentValue,
@@ -19,7 +17,7 @@ export const DetailSelector = _ref => {
   } = _ref;
   const options = getOptions();
   return /*#__PURE__*/React.createElement("div", {
-    className: "jsx-".concat(styles.__hash) + " " + "detail-container"
+    className: `jsx-${styles.__hash}` + " " + "detail-container"
   }, /*#__PURE__*/React.createElement(SingleSelectField, {
     dataTest: dataTest,
     label: i18n.t('Disaggregation'),
@@ -30,7 +28,7 @@ export 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.createElement(_JSXStyle, {
     id: styles.__hash
   }, styles));

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

@@ -9,10 +9,8 @@ import { dataTypeMap as dataTypes, SUB_GROUP_DETAIL, SUB_GROUP_METRIC } from '..
 import { DetailSelector } from './DetailSelector.js';
 import { MetricSelector } from './MetricSelector.js';
 import styles from './styles/GroupSelector.style.js';
-
 const GroupSelector = _ref => {
   var _dataTypes$dataType, _dataTypes$dataType2, _dataTypes$dataType3, _dataTypes$dataType4, _dataTypes$dataType5, _dataTypes$dataType6, _dataTypes$dataType7;
-
   let {
     dataType,
     currentGroup,
@@ -27,26 +25,24 @@ const GroupSelector = _ref => {
   const [isLoading, setIsLoading] = useState(true);
   const defaultGroup = (_dataTypes$dataType = dataTypes[dataType]) === null || _dataTypes$dataType === void 0 ? void 0 : _dataTypes$dataType.defaultGroup;
   const subGroupType = (_dataTypes$dataType2 = dataTypes[dataType]) === null || _dataTypes$dataType2 === void 0 ? void 0 : _dataTypes$dataType2.subGroup;
-
   const fetchGroups = async () => {
     setIsLoading(true);
     const result = await apiFetchGroups(dataEngine, dataType, displayNameProp);
     setGroups(result);
     setIsLoading(false);
   };
-
   useEffect(() => {
     fetchGroups();
   }, [dataType]);
   return /*#__PURE__*/React.createElement("div", {
-    className: "jsx-".concat(styles.__hash) + " " + "container"
+    className: `jsx-${styles.__hash}` + " " + "container"
   }, /*#__PURE__*/React.createElement(_JSXStyle, {
     id: styles.__hash
   }, styles), /*#__PURE__*/React.createElement("div", {
-    className: "jsx-".concat(styles.__hash) + " " + "group-container"
+    className: `jsx-${styles.__hash}` + " " + "group-container"
   }, /*#__PURE__*/React.createElement(SingleSelectField, {
     label: (_dataTypes$dataType3 = dataTypes[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[dataType]) !== null && _dataTypes$dataType4 !== void 0 && _dataTypes$dataType4.getPlaceholder ? dataTypes[dataType].getPlaceholder() : null,
     onChange: ref => onGroupChange(ref.selected),
@@ -58,23 +54,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.createElement(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 === SUB_GROUP_DETAIL && /*#__PURE__*/React.createElement(DetailSelector, {
     currentValue: currentSubGroup,
     onChange: onSubGroupChange,
-    dataTest: "".concat(dataTest, "-sub-group-select-field")
+    dataTest: `${dataTest}-sub-group-select-field`
   }), subGroupType === SUB_GROUP_METRIC && /*#__PURE__*/React.createElement(MetricSelector, {
     currentValue: currentSubGroup,
     onChange: onSubGroupChange,
-    dataTest: "".concat(dataTest, "-sub-group-select-field")
+    dataTest: `${dataTest}-sub-group-select-field`
   }));
 };
-
 GroupSelector.propTypes = {
   dataType: PropTypes.string.isRequired,
   displayNameProp: PropTypes.string.isRequired,

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

@@ -1,7 +1,5 @@
 import _JSXStyle from "styled-jsx/style";
-
-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); }
 import { useDataEngine } from '@dhis2/app-runtime';
 import { Transfer, InputField, IconInfo16, Button, IconAdd24 } from '@dhis2/ui';
 import PropTypes from 'prop-types';
@@ -18,7 +16,6 @@ import { TransferOption } from '../TransferOption.js';
 import CalculationModal from './Calculation/CalculationModal.js';
 import DataTypeSelector from './DataTypeSelector.js';
 import GroupSelector from './GroupSelector.js';
-
 const LeftHeader = _ref => {
   let {
     searchTerm,
@@ -34,7 +31,7 @@ const LeftHeader = _ref => {
     supportsEDI
   } = _ref;
   return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement("div", {
-    className: "jsx-".concat(styles.__hash) + " " + "leftHeader"
+    className: `jsx-${styles.__hash}` + " " + "leftHeader"
   }, /*#__PURE__*/React.createElement(InputField, {
     value: searchTerm,
     onChange: _ref2 => {
@@ -44,14 +41,14 @@ const LeftHeader = _ref => {
       return setSearchTerm(value);
     },
     placeholder: i18n.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.createElement(DataTypeSelector, {
     currentDataType: dataType,
     onChange: setDataType,
-    dataTest: "".concat(dataTest, "-data-types-select-field"),
+    dataTest: `${dataTest}-data-types-select-field`,
     includeCalculations: supportsEDI
   }), dataTypes[dataType] && dataType !== DIMENSION_TYPE_EXPRESSION_DIMENSION_ITEM && /*#__PURE__*/React.createElement(GroupSelector, {
     dataType: dataType,
@@ -65,7 +62,6 @@ const LeftHeader = _ref => {
     id: styles.__hash
   }, styles));
 };
-
 LeftHeader.propTypes = {
   dataTest: PropTypes.string,
   dataType: PropTypes.string,
@@ -79,34 +75,30 @@ LeftHeader.propTypes = {
   subGroup: PropTypes.string,
   supportsEDI: PropTypes.bool
 };
-
 const EmptySelection = () => /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement("p", {
-  className: "jsx-".concat(styles.__hash) + " " + "emptyList"
+  className: `jsx-${styles.__hash}` + " " + "emptyList"
 }, i18n.t('No items selected')), /*#__PURE__*/React.createElement(_JSXStyle, {
   id: styles.__hash
 }, styles));
-
 const RightHeader = _ref3 => {
   let {
     infoText
   } = _ref3;
   return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement("p", {
-    className: "jsx-".concat(styles.__hash) + " " + "rightHeader"
+    className: `jsx-${styles.__hash}` + " " + "rightHeader"
   }, i18n.t('Selected Items')), infoText && /*#__PURE__*/React.createElement("div", {
-    className: "jsx-".concat(styles.__hash) + " " + "info-container"
+    className: `jsx-${styles.__hash}` + " " + "info-container"
   }, /*#__PURE__*/React.createElement("div", {
-    className: "jsx-".concat(styles.__hash)
+    className: `jsx-${styles.__hash}`
   }, /*#__PURE__*/React.createElement(IconInfo16, null)), /*#__PURE__*/React.createElement("span", {
-    className: "jsx-".concat(styles.__hash) + " " + "info-text"
+    className: `jsx-${styles.__hash}` + " " + "info-text"
   }, infoText)), /*#__PURE__*/React.createElement(_JSXStyle, {
     id: styles.__hash
   }, styles));
 };
-
 RightHeader.propTypes = {
   infoText: PropTypes.string
 };
-
 const SourceEmptyPlaceholder = _ref4 => {
   let {
     loading,
@@ -117,7 +109,6 @@ const SourceEmptyPlaceholder = _ref4 => {
     dataTest
   } = _ref4;
   let message = '';
-
   if (!loading && !options.length && !searchTerm) {
     if (noItemsMessage) {
       message = noItemsMessage;
@@ -126,23 +117,18 @@ const SourceEmptyPlaceholder = _ref4 => {
         case DIMENSION_TYPE_INDICATOR:
           message = i18n.t('No indicators found');
           break;
-
         case DIMENSION_TYPE_DATA_ELEMENT:
           message = i18n.t('No data elements found');
           break;
-
         case DIMENSION_TYPE_DATA_SET:
           message = i18n.t('No data sets found');
           break;
-
         case DIMENSION_TYPE_EVENT_DATA_ITEM:
           message = i18n.t('No event data items found');
           break;
-
         case DIMENSION_TYPE_PROGRAM_INDICATOR:
           message = i18n.t('No program indicators found');
           break;
-
         default:
           message = i18n.t('No data');
           break;
@@ -155,31 +141,26 @@ const SourceEmptyPlaceholder = _ref4 => {
           searchTerm: searchTerm
         });
         break;
-
       case DIMENSION_TYPE_DATA_ELEMENT:
         message = i18n.t('No data elements found for "{{- searchTerm}}"', {
           searchTerm: searchTerm
         });
         break;
-
       case DIMENSION_TYPE_DATA_SET:
         message = i18n.t('No data sets found for "{{- searchTerm}}"', {
           searchTerm: searchTerm
         });
         break;
-
       case DIMENSION_TYPE_EVENT_DATA_ITEM:
         message = i18n.t('No event data items found for "{{- searchTerm}}"', {
           searchTerm: searchTerm
         });
         break;
-
       case DIMENSION_TYPE_PROGRAM_INDICATOR:
         message = i18n.t('No program indicators found for "{{- searchTerm}}"', {
           searchTerm: searchTerm
         });
         break;
-
       default:
         message = i18n.t('Nothing found for "{{- searchTerm}}"', {
           searchTerm: searchTerm
@@ -187,15 +168,13 @@ const SourceEmptyPlaceholder = _ref4 => {
         break;
     }
   }
-
   return message && /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement("p", {
     "data-test": dataTest,
-    className: "jsx-".concat(styles.__hash) + " " + "emptyList"
+    className: `jsx-${styles.__hash}` + " " + "emptyList"
   }, message), /*#__PURE__*/React.createElement(_JSXStyle, {
     id: styles.__hash
   }, styles));
 };
-
 SourceEmptyPlaceholder.propTypes = {
   dataTest: PropTypes.string,
   dataType: PropTypes.string,
@@ -204,7 +183,6 @@ SourceEmptyPlaceholder.propTypes = {
   options: PropTypes.array,
   searchTerm: PropTypes.string
 };
-
 const ItemSelector = _ref5 => {
   let {
     selectedItems,
@@ -228,21 +206,19 @@ const ItemSelector = _ref5 => {
   });
   const [currentCalculation, setCurrentCalculation] = useState();
   const dataEngine = 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 = useDebounce(state.searchTerm, 500);
-
   const fetchItems = async page => {
     var _result$dimensionItem;
-
-    setState(state => ({ ...state,
+    setState(state => ({
+      ...state,
       loading: true
     }));
     const result = await apiFetchOptions({
@@ -258,8 +234,8 @@ const ItemSelector = _ref5 => {
         if (state.filter.subGroup && state.filter.subGroup !== DIMENSION_TYPE_ALL) {
           const metric = 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
@@ -267,8 +243,8 @@ const ItemSelector = _ref5 => {
         } else {
           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
@@ -285,7 +261,8 @@ const ItemSelector = _ref5 => {
         });
       }
     });
-    setState(state => ({ ...state,
+    setState(state => ({
+      ...state,
       loading: false,
       options: page > 1 ? [...state.options, ...newOptions] : newOptions,
       nextPage: result.nextPage
@@ -299,20 +276,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);
     }
   };
-
   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);
@@ -326,24 +301,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,
@@ -356,12 +326,13 @@ const ItemSelector = _ref5 => {
       name,
       expression,
       type: 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, {
@@ -372,19 +343,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.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(Transfer, {
     onChange: _ref8 => {
       let {
@@ -402,13 +373,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.createElement(LeftHeader, {
       dataType: state.filter.dataType,
       setDataType: dataType => {
-        setFilter({ ...state.filter,
+        setFilter({
+          ...state.filter,
           dataType,
           group: null,
           subGroup: dataType === DIMENSION_TYPE_DATA_ELEMENT ? TOTALS : null
@@ -416,24 +388,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.createElement("div", {
-      className: "jsx-".concat(styles.__hash) + " " + "calculation-button"
+      className: `jsx-${styles.__hash}` + " " + "calculation-button"
     }, /*#__PURE__*/React.createElement(Button, {
       icon: /*#__PURE__*/React.createElement(IconAdd24, null),
       onClick: () => setCurrentCalculation({}),
@@ -450,27 +424,25 @@ const ItemSelector = _ref5 => {
     rightFooter: rightFooter,
     renderOption: props => {
       var _props$access;
-
       return /*#__PURE__*/React.createElement(TransferOption
-      /* eslint-disable react/prop-types */
-      , _extends({}, props, {
+      /* eslint-disable react/prop-types */, _extends({}, props, {
         active: isActive(props.value),
         icon: getIcon(getItemType(props.value)),
         tooltipText: getTooltipText({
           type: getItemType(props.value),
           expression: props.expression
         }),
-        dataTest: "".concat(dataTest, "-transfer-option"),
+        dataTest: `${dataTest}-transfer-option`,
         onEditClick: getItemType(props.value) === 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.createElement(CalculationModal, {
     calculation: currentCalculation,
     onSave: onSaveCalculation,
@@ -481,7 +453,6 @@ const ItemSelector = _ref5 => {
     id: styles.__hash
   }, styles));
 };
-
 ItemSelector.propTypes = {
   displayNameProp: PropTypes.string.isRequired,
   onSelect: PropTypes.func.isRequired,

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

@@ -13,7 +13,7 @@ export const MetricSelector = _ref => {
     dataTest
   } = _ref;
   return /*#__PURE__*/React.createElement("div", {
-    className: "jsx-".concat(styles.__hash) + " " + "metric-container"
+    className: `jsx-${styles.__hash}` + " " + "metric-container"
   }, /*#__PURE__*/React.createElement(SingleSelectField, {
     label: i18n.t('Metric type'),
     selected: currentValue || DIMENSION_TYPE_ALL,
@@ -24,12 +24,12 @@ export const MetricSelector = _ref => {
     value: DIMENSION_TYPE_ALL,
     key: DIMENSION_TYPE_ALL,
     label: i18n.t('All metrics'),
-    dataTest: "".concat(dataTest, "-option-").concat(DIMENSION_TYPE_ALL)
+    dataTest: `${dataTest}-option-${DIMENSION_TYPE_ALL}`
   }), DATA_SETS_CONSTANTS.map(option => /*#__PURE__*/React.createElement(SingleSelectOption, {
     value: option.id,
     key: option.id,
     label: option.getName(),
-    dataTest: "".concat(dataTest, "-option-").concat(option.id)
+    dataTest: `${dataTest}-option-${option.id}`
   }))), /*#__PURE__*/React.createElement(_JSXStyle, {
     id: styles.__hash
   }, styles));

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

@@ -1,4 +1,4 @@
 import { spacers } from '@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(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:${spacers.dp12} 0 0;}`];
 _defaultExport.__hash = "3368926978";
 export default _defaultExport;

package/build/es/components/DataDimension/styles/DetailSelector.style.js

@@ -1,4 +1,4 @@
 import { spacers } from '@dhis2/ui';
-const _defaultExport = [".detail-container.jsx-2733301753{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-flow:column;-ms-flex-flow:column;flex-flow:column;padding-left:".concat(spacers.dp4, ";width:40%;}")];
+const _defaultExport = [`.detail-container.jsx-2733301753{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-flow:column;-ms-flex-flow:column;flex-flow:column;padding-left:${spacers.dp4};width:40%;}`];
 _defaultExport.__hash = "2733301753";
 export default _defaultExport;

package/build/es/components/DataDimension/styles/GroupSelector.style.js

@@ -1,4 +1,4 @@
 import { spacers } from '@dhis2/ui';
-const _defaultExport = [".container.jsx-2205421678{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;min-height:53px;padding-left:".concat(spacers.dp16, ";margin-top:").concat(spacers.dp12, ";}"), ".group-container.jsx-2205421678{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;-webkit-box-flex:1;-webkit-flex-grow:1;-ms-flex-positive:1;flex-grow:1;}"];
+const _defaultExport = [`.container.jsx-2205421678{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;min-height:53px;padding-left:${spacers.dp16};margin-top:${spacers.dp12};}`, ".group-container.jsx-2205421678{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;-webkit-box-flex:1;-webkit-flex-grow:1;-ms-flex-positive:1;flex-grow:1;}"];
 _defaultExport.__hash = "2205421678";
 export default _defaultExport;

package/build/es/components/DataDimension/styles/MetricSelector.style.js

@@ -1,4 +1,4 @@
 import { spacers } from '@dhis2/ui';
-const _defaultExport = [".metric-container.jsx-3752467532{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-flow:column;-ms-flex-flow:column;flex-flow:column;padding-left:".concat(spacers.dp4, ";width:50%;}")];
+const _defaultExport = [`.metric-container.jsx-3752467532{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-flow:column;-ms-flex-flow:column;flex-flow:column;padding-left:${spacers.dp4};width:50%;}`];
 _defaultExport.__hash = "3752467532";
 export default _defaultExport;