@dhis2/analytics 21.0.0-alpha.3 → 21.0.0-alpha.4

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

@@ -38,14 +38,14 @@ const GroupsSelector = ({
     fetchGroups();
   }, [dataType]);
   return /*#__PURE__*/React.createElement("div", {
-    className: `jsx-${styles.__hash}` + " " + "container"
+    className: "jsx-".concat(styles.__hash) + " " + "container"
   }, /*#__PURE__*/React.createElement(_JSXStyle, {
     id: styles.__hash
   }, styles), /*#__PURE__*/React.createElement("div", {
-    className: `jsx-${styles.__hash}` + " " + "group-container"
+    className: "jsx-".concat(styles.__hash) + " " + "group-container"
   }, /*#__PURE__*/React.createElement(SingleSelectField, {
     label: (_dataTypes$dataType3 = dataTypes[dataType]) === null || _dataTypes$dataType3 === void 0 ? void 0 : _dataTypes$dataType3.getGroupLabel(),
-    dataTest: `${dataTest}-groups-select-field`,
+    dataTest: "".concat(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),
@@ -57,20 +57,20 @@ const GroupsSelector = ({
     value: defaultGroup.id,
     key: defaultGroup.id,
     label: defaultGroup.getName(),
-    dataTest: `${dataTest}-groups-select-field-option-${defaultGroup.id}`
+    dataTest: "".concat(dataTest, "-groups-select-field-option-").concat(defaultGroup.id)
   }) : null, !isLoading ? groups.map(item => /*#__PURE__*/React.createElement(SingleSelectOption, {
     value: item.id,
     key: item.id,
     label: item.name,
-    dataTest: `${dataTest}-groups-select-field-option-${item.id}`
+    dataTest: "".concat(dataTest, "-groups-select-field-option-").concat(item.id)
   })) : null)), subGroupType === SUB_GROUP_DETAIL && /*#__PURE__*/React.createElement(DetailSelector, {
     currentValue: currentSubGroup,
     onChange: onSubGroupChange,
-    dataTest: `${dataTest}-sub-group-select-field`
+    dataTest: "".concat(dataTest, "-sub-group-select-field")
   }), subGroupType === SUB_GROUP_METRIC && /*#__PURE__*/React.createElement(MetricSelector, {
     currentValue: currentSubGroup,
     onChange: onSubGroupChange,
-    dataTest: `${dataTest}-sub-group-select-field`
+    dataTest: "".concat(dataTest, "-sub-group-select-field")
   }));
 };
 

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

@@ -31,21 +31,21 @@ const LeftHeader = ({
   displayNameProp,
   dataTest
 }) => /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement("div", {
-  className: `jsx-${styles.__hash}` + " " + "leftHeader"
+  className: "jsx-".concat(styles.__hash) + " " + "leftHeader"
 }, /*#__PURE__*/React.createElement(InputField, {
   value: searchTerm,
   onChange: ({
     value
   }) => setSearchTerm(value),
   placeholder: i18n.t('Search by data item name'),
-  dataTest: `${dataTest}-filter-input-field`,
+  dataTest: "".concat(dataTest, "-filter-input-field"),
   dense: true,
   initialFocus: true,
   type: 'search'
 }), /*#__PURE__*/React.createElement(DataTypeSelector, {
   currentDataType: dataType,
   onChange: setDataType,
-  dataTest: `${dataTest}-data-types-select-field`
+  dataTest: "".concat(dataTest, "-data-types-select-field")
 }), dataTypes[dataType] && /*#__PURE__*/React.createElement(GroupSelector, {
   dataType: dataType,
   displayNameProp: displayNameProp,
@@ -72,7 +72,7 @@ LeftHeader.propTypes = {
 };
 
 const EmptySelection = () => /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement("p", {
-  className: `jsx-${styles.__hash}` + " " + "emptyList"
+  className: "jsx-".concat(styles.__hash) + " " + "emptyList"
 }, i18n.t('No items selected')), /*#__PURE__*/React.createElement(_JSXStyle, {
   id: styles.__hash
 }, styles));
@@ -80,13 +80,13 @@ const EmptySelection = () => /*#__PURE__*/React.createElement(React.Fragment, nu
 const RightHeader = ({
   infoText
 }) => /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement("p", {
-  className: `jsx-${styles.__hash}` + " " + "rightHeader"
+  className: "jsx-".concat(styles.__hash) + " " + "rightHeader"
 }, i18n.t('Selected Items')), infoText && /*#__PURE__*/React.createElement("div", {
-  className: `jsx-${styles.__hash}` + " " + "info-container"
+  className: "jsx-".concat(styles.__hash) + " " + "info-container"
 }, /*#__PURE__*/React.createElement("div", {
-  className: `jsx-${styles.__hash}`
+  className: "jsx-".concat(styles.__hash)
 }, /*#__PURE__*/React.createElement(IconInfo16, null)), /*#__PURE__*/React.createElement("span", {
-  className: `jsx-${styles.__hash}` + " " + "info-text"
+  className: "jsx-".concat(styles.__hash) + " " + "info-text"
 }, infoText)), /*#__PURE__*/React.createElement(_JSXStyle, {
   id: styles.__hash
 }, styles));
@@ -177,7 +177,7 @@ const SourceEmptyPlaceholder = ({
 
   return message && /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement("p", {
     "data-test": dataTest,
-    className: `jsx-${styles.__hash}` + " " + "emptyList"
+    className: "jsx-".concat(styles.__hash) + " " + "emptyList"
   }, message), /*#__PURE__*/React.createElement(_JSXStyle, {
     id: styles.__hash
   }, styles));
@@ -241,16 +241,16 @@ const ItemSelector = ({
         if (state.filter.subGroup && state.filter.subGroup !== ALL_ID) {
           const metric = DATA_SETS_CONSTANTS.find(item => item.id === state.filter.subGroup);
           newOptions.push({
-            label: `${item.name} - ${metric.getName()}`,
-            value: `${item.id}.${metric.id}`,
+            label: "".concat(item.name, " - ").concat(metric.getName()),
+            value: "".concat(item.id, ".").concat(metric.id),
             disabled: item.disabled,
             type: item.dimensionItemType
           });
         } else {
           DATA_SETS_CONSTANTS.forEach(metric => {
             newOptions.push({
-              label: `${item.name} - ${metric.getName()}`,
-              value: `${item.id}.${metric.id}`,
+              label: "".concat(item.name, " - ").concat(metric.getName()),
+              value: "".concat(item.id, ".").concat(metric.id),
               disabled: item.disabled,
               type: item.dimensionItemType
             });
@@ -379,7 +379,7 @@ const ItemSelector = ({
       options: state.options,
       noItemsMessage: noItemsMessage,
       dataType: state.filter.dataType,
-      dataTest: `${dataTest}-empty-source`
+      dataTest: "".concat(dataTest, "-empty-source")
     }),
     onEndReached: onEndReached,
     leftHeader: /*#__PURE__*/React.createElement(LeftHeader, {
@@ -406,7 +406,7 @@ const ItemSelector = ({
       searchTerm: state.searchTerm,
       setSearchTerm: setSearchTerm,
       displayNameProp: displayNameProp,
-      dataTest: `${dataTest}-left-header`
+      dataTest: "".concat(dataTest, "-left-header")
     }),
     enableOrderChange: true,
     height: TRANSFER_HEIGHT,
@@ -427,9 +427,9 @@ const ItemSelector = ({
       tooltipText: state.filter.dataType === ALL_ID ? getTooltipText(getItemType(props.value
       /* eslint-disable-line react/prop-types */
       )) : undefined,
-      dataTest: `${dataTest}-transfer-option`
+      dataTest: "".concat(dataTest, "-transfer-option")
     })),
-    dataTest: `${dataTest}-transfer`
+    dataTest: "".concat(dataTest, "-transfer")
   });
 };
 

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

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

package/build/es/components/DataDimension/styles/DataTypesSelector.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:${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:".concat(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:${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:".concat(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:${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;}"];
+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;}"];
 _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:${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:".concat(spacers.dp4, ";width:50%;}")];
 _defaultExport.__hash = "3752467532";
 export default _defaultExport;

package/build/es/components/DimensionMenu.js

@@ -49,7 +49,7 @@ const DimensionMenu = ({
     key: "remove-menu-item",
     onClick: onClick,
     label: i18n.t('Remove'),
-    dataTest: `${dataTest}-item-remove-${dimensionId}`
+    dataTest: "".concat(dataTest, "-item-remove-").concat(dimensionId)
   }); // Assigned categories
 
 
@@ -58,8 +58,8 @@ const DimensionMenu = ({
       if (!isAssignedCategoriesInLayout) {
         menuItems.push( /*#__PURE__*/React.createElement(MenuItem, {
           label: assignedCategoriesItemLabel,
-          key: `assigned-categories-item-${dimensionId}`,
-          dataTest: `${dataTest}-item-co-menu`
+          key: "assigned-categories-item-".concat(dimensionId),
+          dataTest: "".concat(dataTest, "-item-co-menu")
         }, assignedCategoriesAvailableDestinations.map(destination => /*#__PURE__*/React.createElement(MenuItem, {
           key: destination,
           onClick: () => {
@@ -67,22 +67,22 @@ const DimensionMenu = ({
             onClose();
           },
           label: getAxisItemLabel(getAxisNameByLayoutType(destination, getLayoutTypeByVisType(visType))),
-          dataTest: `${dataTest}-item-action-co-to-${destination}`
+          dataTest: "".concat(dataTest, "-item-action-co-to-").concat(destination)
         }))));
       } else {
         menuItems.push( /*#__PURE__*/React.createElement(MenuItem, {
-          key: `assigned-categories-item-${dimensionId}`,
+          key: "assigned-categories-item-".concat(dimensionId),
           onClick: () => {
             assignedCategoriesItemHandler();
             onClose();
           },
           label: assignedCategoriesItemLabel,
-          dataTest: `${dataTest}-item-remove-co`
+          dataTest: "".concat(dataTest, "-item-remove-co")
         }));
       }
     } else {
       menuItems.push( /*#__PURE__*/React.createElement(Tooltip, {
-        key: `assigned-categories-item-${dimensionId}`,
+        key: "assigned-categories-item-".concat(dimensionId),
         content: getUnavailableLabel(visType),
         "aria-label": "disabled",
         classes: classes
@@ -90,7 +90,7 @@ const DimensionMenu = ({
         disabled: true,
         dense: true,
         label: assignedCategoriesItemLabel,
-        dataTest: `${dataTest}-item-co-menu`
+        dataTest: "".concat(dataTest, "-item-co-menu")
       })));
     }
   } // divider
@@ -98,7 +98,7 @@ const DimensionMenu = ({
 
   menuItems.length && menuItems.push(getDividerItem('assigned-categories-divider'));
   menuItems.push(...applicableAxisIds.map(axisId => /*#__PURE__*/React.createElement(MenuItem, {
-    key: `${dimensionId}-to-${axisId}`,
+    key: "".concat(dimensionId, "-to-").concat(axisId),
     onClick: () => {
       axisItemHandler({
         dimensionId,
@@ -110,7 +110,7 @@ const DimensionMenu = ({
       onClose();
     },
     label: getAxisItemLabel(getAxisNameByLayoutType(axisId, getLayoutTypeByVisType(visType)), isDimensionInLayout),
-    dataTest: `${dataTest}-item-action-${dimensionId}-to-${axisId}`
+    dataTest: "".concat(dataTest, "-item-action-").concat(dimensionId, "-to-").concat(axisId)
   }))); // remove item
 
   if (isDimensionInLayout) {

package/build/es/components/DimensionsPanel/List/DimensionItem.js

@@ -88,20 +88,20 @@ class DimensionItem extends Component {
       id: id,
       isDeactivated: isDeactivated,
       onClick: onClick,
-      dataTest: `${dataTest}-button-${id}`
+      dataTest: "".concat(dataTest, "-button-").concat(id)
     }, /*#__PURE__*/React.createElement("div", {
       style: styles.iconWrapper
     }, Icon), /*#__PURE__*/React.createElement("div", {
       style: styles.labelWrapper
     }, Label, /*#__PURE__*/React.createElement(RecommendedIcon, {
       isRecommended: isRecommended,
-      dataTest: `${dataTest}-recommended-icon`
+      dataTest: "".concat(dataTest, "-recommended-icon")
     })), isLocked && /*#__PURE__*/React.createElement("div", {
       style: styles.iconWrapper
     }, /*#__PURE__*/React.createElement(IconLock16, null))), onOptionsClick ? /*#__PURE__*/React.createElement("div", {
       style: styles.optionsWrapper,
       ref: optionsRef,
-      "data-test": `${dataTest}-menu-${id}`
+      "data-test": "".concat(dataTest, "-menu-").concat(id)
     }, this.state.mouseOver && !isDeactivated && !isLocked ? /*#__PURE__*/React.createElement(OptionsButton, {
       style: styles.optionsButton,
       onClick: this.onOptionsClick(id, optionsRef)

package/build/es/components/DimensionsPanel/List/DimensionList.js

@@ -41,21 +41,21 @@ class DimensionList extends Component {
     const fixedDimensions = this.getDimensionItemsByFilter(dimension => Object.values(getFixedDimensions()).some(fixedDim => fixedDim.id === dimension.id));
     const nonPredefinedDimensions = this.getDimensionItemsByFilter(dimension => !Object.values(getPredefinedDimensions()).some(predefDim => predefDim.id === dimension.id));
     return /*#__PURE__*/React.createElement("div", {
-      className: `jsx-${styles.__hash}` + " " + "container"
+      className: "jsx-".concat(styles.__hash) + " " + "container"
     }, /*#__PURE__*/React.createElement("div", {
-      className: `jsx-${styles.__hash}` + " " + "wrapper"
+      className: "jsx-".concat(styles.__hash) + " " + "wrapper"
     }, fixedDimensions !== null && fixedDimensions !== void 0 && fixedDimensions.length ? /*#__PURE__*/React.createElement("div", {
-      className: `jsx-${styles.__hash}` + " " + "section"
+      className: "jsx-".concat(styles.__hash) + " " + "section"
     }, /*#__PURE__*/React.createElement("h3", {
-      className: `jsx-${styles.__hash}` + " " + "header"
+      className: "jsx-".concat(styles.__hash) + " " + "header"
     }, i18n.t('Main dimensions')), /*#__PURE__*/React.createElement("ul", {
-      className: `jsx-${styles.__hash}` + " " + "list"
+      className: "jsx-".concat(styles.__hash) + " " + "list"
     }, fixedDimensions)) : null, nonPredefinedDimensions !== null && nonPredefinedDimensions !== void 0 && nonPredefinedDimensions.length ? /*#__PURE__*/React.createElement("div", {
-      className: `jsx-${styles.__hash}` + " " + "section"
+      className: "jsx-".concat(styles.__hash) + " " + "section"
     }, /*#__PURE__*/React.createElement("h3", {
-      className: `jsx-${styles.__hash}` + " " + "header"
+      className: "jsx-".concat(styles.__hash) + " " + "header"
     }, i18n.t('Your dimensions')), /*#__PURE__*/React.createElement("ul", {
-      className: `jsx-${styles.__hash}` + " " + "list"
+      className: "jsx-".concat(styles.__hash) + " " + "list"
     }, nonPredefinedDimensions)) : null), /*#__PURE__*/React.createElement(_JSXStyle, {
       id: styles.__hash
     }, styles));

package/build/es/components/DimensionsPanel/List/styles/DimensionList.style.js

@@ -1,5 +1,5 @@
 import { colors, spacers } from '@dhis2/ui';
-const _defaultExport = [".container.jsx-2067921157{position:relative;-webkit-flex:1 1 0%;-ms-flex:1 1 0%;flex:1 1 0%;min-height:30vh;}", ".wrapper.jsx-2067921157{position:absolute;width:100%;height:100%;overflow:auto;margin-top:0;padding:0;}", ".list.jsx-2067921157{margin:0;padding:0;}", `.header.jsx-2067921157{text-transform:uppercase;font-size:11px;color:${colors.grey700};margin:5px 0;-webkit-letter-spacing:0.3px;-moz-letter-spacing:0.3px;-ms-letter-spacing:0.3px;letter-spacing:0.3px;}`, `.section.jsx-2067921157:not(:last-child){margin-bottom:${spacers.dp24};}`];
+const _defaultExport = [".container.jsx-2067921157{position:relative;-webkit-flex:1 1 0%;-ms-flex:1 1 0%;flex:1 1 0%;min-height:30vh;}", ".wrapper.jsx-2067921157{position:absolute;width:100%;height:100%;overflow:auto;margin-top:0;padding:0;}", ".list.jsx-2067921157{margin:0;padding:0;}", ".header.jsx-2067921157{text-transform:uppercase;font-size:11px;color:".concat(colors.grey700, ";margin:5px 0;-webkit-letter-spacing:0.3px;-moz-letter-spacing:0.3px;-ms-letter-spacing:0.3px;letter-spacing:0.3px;}"), ".section.jsx-2067921157:not(:last-child){margin-bottom:".concat(spacers.dp24, ";}")];
 _defaultExport.__hash = "2067921157";
 // Fix for vertical flex scrolling in Firefox/Safari:
 // Wrap the list in a div with position:relative (and flex:1 instead of on the list)

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

@@ -11,7 +11,7 @@ export const styles = {
   textField: {
     marginBottom: '6px',
     background: colors.white,
-    border: `1px solid ${colors.grey400}`,
+    border: "1px solid ".concat(colors.grey400),
     borderRadius: '5px'
   }
 };

package/build/es/components/DynamicDimension/DynamicDimension.js

@@ -53,7 +53,7 @@ export const DynamicDimension = ({
     name: "dynamic-dimension-selection-type-selector",
     dense: true
   }, /*#__PURE__*/React.createElement("div", {
-    className: `jsx-${styles.__hash}` + " " + "automatic"
+    className: "jsx-".concat(styles.__hash) + " " + "automatic"
   }, /*#__PURE__*/React.createElement(Radio, {
     key: 'AUTOMATIC',
     label: i18n.t('Automatically include all items'),
@@ -62,11 +62,11 @@ export const DynamicDimension = ({
     checked: allIsSelected,
     dataTest: 'dynamic-dimension-selection-type-automatic'
   }), /*#__PURE__*/React.createElement("p", {
-    className: `jsx-${styles.__hash}` + " " + "help-text"
+    className: "jsx-".concat(styles.__hash) + " " + "help-text"
   }, i18n.t('Select all {{- dimensionTitle}} items. With this option, new items added in the future will be automatically included.', {
     dimensionTitle
   }))), /*#__PURE__*/React.createElement("div", {
-    className: `jsx-${styles.__hash}` + " " + "manual"
+    className: "jsx-".concat(styles.__hash) + " " + "manual"
   }, /*#__PURE__*/React.createElement(Radio, {
     key: 'MANUAL',
     label: i18n.t('Manually select items...'),
@@ -85,7 +85,7 @@ export const DynamicDimension = ({
     onFetch: fetchItems,
     onSelect: onSelectItems,
     rightFooter: rightFooter,
-    dataTest: `${dimensionTitle.replace(/\s+/g, '-').toLowerCase()}-dimension`
+    dataTest: "".concat(dimensionTitle.replace(/\s+/g, '-').toLowerCase(), "-dimension")
   }), /*#__PURE__*/React.createElement(_JSXStyle, {
     id: styles.__hash
   }, styles));

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

@@ -16,7 +16,7 @@ const LeftHeader = ({
   filter,
   setFilter
 }) => /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement("div", {
-  className: `jsx-${styles.__hash}` + " " + "leftHeader"
+  className: "jsx-".concat(styles.__hash) + " " + "leftHeader"
 }, /*#__PURE__*/React.createElement(InputField, {
   value: filter,
   onChange: ({
@@ -35,13 +35,13 @@ LeftHeader.propTypes = {
 };
 
 const EmptySelection = () => /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement("p", {
-  className: `jsx-${styles.__hash}` + " " + "emptyList"
+  className: "jsx-".concat(styles.__hash) + " " + "emptyList"
 }, i18n.t('No items selected')), /*#__PURE__*/React.createElement(_JSXStyle, {
   id: styles.__hash
 }, styles));
 
 const RightHeader = () => /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement("p", {
-  className: `jsx-${styles.__hash}` + " " + "rightHeader"
+  className: "jsx-".concat(styles.__hash) + " " + "rightHeader"
 }, i18n.t('Selected Items')), /*#__PURE__*/React.createElement(_JSXStyle, {
   id: styles.__hash
 }, styles));
@@ -63,7 +63,7 @@ const SourceEmptyPlaceholder = ({
   }
 
   return message && /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement("p", {
-    className: `jsx-${styles.__hash}` + " " + "emptyList"
+    className: "jsx-".concat(styles.__hash) + " " + "emptyList"
   }, message), /*#__PURE__*/React.createElement(_JSXStyle, {
     id: styles.__hash
   }, styles));
@@ -173,9 +173,9 @@ const ItemSelector = ({
     rightFooter: rightFooter,
     renderOption: props => /*#__PURE__*/React.createElement(TransferOption, _extends({}, props, {
       icon: GenericIcon,
-      dataTest: `${dataTest}-transfer-option`
+      dataTest: "".concat(dataTest, "-transfer-option")
     })),
-    dataTest: `${dataTest}-transfer`
+    dataTest: "".concat(dataTest, "-transfer")
   });
 };
 

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

@@ -1,4 +1,4 @@
 import { spacers, colors } from '@dhis2/ui';
-const _defaultExport = [`.automatic.jsx-1315229031{margin-bottom:${spacers.dp12};}`, `.manual.jsx-1315229031{margin-bottom:${spacers.dp8};}`, `.help-text.jsx-1315229031{font-size:14px;padding-left:23px;color:${colors.grey700};margin:0;}`];
+const _defaultExport = [".automatic.jsx-1315229031{margin-bottom:".concat(spacers.dp12, ";}"), ".manual.jsx-1315229031{margin-bottom:".concat(spacers.dp8, ";}"), ".help-text.jsx-1315229031{font-size:14px;padding-left:23px;color:".concat(colors.grey700, ";margin:0;}")];
 _defaultExport.__hash = "1315229031";
 export default _defaultExport;

package/build/es/components/FileMenu/FileMenu.js

@@ -127,16 +127,16 @@ export const FileMenu = ({
   const iconInactiveColor = colors.grey500;
   return /*#__PURE__*/React.createElement("div", {
     onKeyDown: onKeyDown,
-    className: `jsx-${fileMenuStyles.__hash}`
+    className: "jsx-".concat(fileMenuStyles.__hash)
   }, /*#__PURE__*/React.createElement(_JSXStyle, {
     id: fileMenuStyles.__hash
   }, fileMenuStyles), /*#__PURE__*/React.createElement("div", {
     ref: buttonRef,
-    className: `jsx-${fileMenuStyles.__hash}`
+    className: "jsx-".concat(fileMenuStyles.__hash)
   }, /*#__PURE__*/React.createElement("button", {
     onClick: toggleMenu,
     "data-test": "file-menu-toggle",
-    className: `jsx-${fileMenuStyles.__hash}` + " " + "menu-toggle"
+    className: "jsx-".concat(fileMenuStyles.__hash) + " " + "menu-toggle"
   }, i18n.t('File'))), /*#__PURE__*/React.createElement(OpenFileDialog, {
     open: currentDialog === 'open',
     type: fileType,

package/build/es/components/FileMenu/FileMenu.styles.js

@@ -1,3 +1,3 @@
 import { colors } from '@dhis2/ui';
-export const fileMenuStyles = [`.menu-toggle.jsx-632952601{display:-webkit-inline-box;display:-webkit-inline-flex;display:-ms-inline-flexbox;display:inline-flex;position:relative;-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;font-size:15px;font-weight:400;text-transform:none;padding:6px 8px;color:${colors.grey900};min-width:64px;box-sizing:border-box;line-height:1.75;background:none;border:none;-webkit-transition:background-color 250ms cubic-bezier(0.4,0,0.2,1) 0ms;transition:background-color 250ms cubic-bezier(0.4,0,0.2,1) 0ms;cursor:pointer;}`, `.menu-toggle.jsx-632952601:hover.jsx-632952601:enabled{background-color:${colors.grey300};opacity:0.8;}`, `.menu-toggle.jsx-632952601:disabled{color:${colors.grey400};}`, ".menu-toggle.jsx-632952601:focus{outline:none;}"];
+export const fileMenuStyles = [".menu-toggle.jsx-632952601{display:-webkit-inline-box;display:-webkit-inline-flex;display:-ms-inline-flexbox;display:inline-flex;position:relative;-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;font-size:15px;font-weight:400;text-transform:none;padding:6px 8px;color:".concat(colors.grey900, ";min-width:64px;box-sizing:border-box;line-height:1.75;background:none;border:none;-webkit-transition:background-color 250ms cubic-bezier(0.4,0,0.2,1) 0ms;transition:background-color 250ms cubic-bezier(0.4,0,0.2,1) 0ms;cursor:pointer;}"), ".menu-toggle.jsx-632952601:hover.jsx-632952601:enabled{background-color:".concat(colors.grey300, ";opacity:0.8;}"), ".menu-toggle.jsx-632952601:disabled{color:".concat(colors.grey400, ";}"), ".menu-toggle.jsx-632952601:focus{outline:none;}"];
 fileMenuStyles.__hash = "632952601";

package/build/es/components/FileMenu/GetLinkDialog.js

@@ -13,7 +13,7 @@ export const GetLinkDialog = ({
     baseUrl
   } = useConfig(); // TODO simply use href from the visualization object?
 
-  const appUrl = new URL(`${baseUrl}/${appPathFor(type, id)}`, `${window.location.origin}${window.location.pathname}`);
+  const appUrl = new URL("".concat(baseUrl, "/").concat(appPathFor(type, id)), "".concat(window.location.origin).concat(window.location.pathname));
   return /*#__PURE__*/React.createElement(Modal, {
     onClose: onClose
   }, /*#__PURE__*/React.createElement(ModalContent, null, /*#__PURE__*/React.createElement("p", null, i18n.t('Open in this app')), /*#__PURE__*/React.createElement("a", {

package/build/es/components/FileMenu/__tests__/DeleteDialog.spec.js

@@ -27,7 +27,7 @@ describe('The FileMenu - DeleteDialog component', () => {
     expect(getDeleteDialogComponent(props).find(Modal)).toHaveLength(1);
   });
   it('renders a ModalTitle containing the type prop', () => {
-    expect(getDeleteDialogComponent(props).find(ModalTitle).childAt(0).text()).toEqual(`Delete ${props.type}`);
+    expect(getDeleteDialogComponent(props).find(ModalTitle).childAt(0).text()).toEqual("Delete ".concat(props.type));
   });
   it('calls the onClose callback when the Cancel button is clicked', () => {
     getDeleteDialogComponent(props).find(Button).first().simulate('click');

package/build/es/components/FileMenu/__tests__/RenameDialog.spec.js

@@ -29,7 +29,7 @@ describe('The FileMenu - RenameDialog component', () => {
     expect(getRenameDialogComponent(props).find(Modal)).toHaveLength(1);
   });
   it('renders a ModalTitle containing the type prop', () => {
-    expect(getRenameDialogComponent(props).find(ModalTitle).childAt(0).text()).toEqual(`Rename ${props.type}`);
+    expect(getRenameDialogComponent(props).find(ModalTitle).childAt(0).text()).toEqual("Rename ".concat(props.type));
   });
   it('renders a InputField for name', () => {
     expect(getRenameDialogComponent(props).findWhere(n => n.prop('label') === 'Name')).toHaveLength(1);

package/build/es/components/FileMenu/__tests__/SaveAsDialog.spec.js

@@ -32,7 +32,7 @@ describe('The FileMenu - SaveAsDialog component', () => {
     expect(getSaveAsDialogComponent(props).find(Modal)).toHaveLength(1);
   });
   it('renders a ModalTitle containing the type prop', () => {
-    expect(getSaveAsDialogComponent(props).find(ModalTitle).childAt(0).text()).toEqual(`Save ${props.type} as`);
+    expect(getSaveAsDialogComponent(props).find(ModalTitle).childAt(0).text()).toEqual("Save ".concat(props.type, " as"));
   });
   it('renders a InputField for name with prefilled value from the object prop', () => {
     const nameInputField = getSaveAsDialogComponent(props).findWhere(n => n.prop('label') === 'Name');

package/build/es/components/FileMenu/utils.js

@@ -4,16 +4,16 @@ export const endpointFromFileType = fileType => {
     case 'visualization':
     case 'map':
     default:
-      return `${fileType}s`;
+      return "".concat(fileType, "s");
   }
 };
 export const appPathFor = (fileType, id) => {
   switch (fileType) {
     case 'visualization':
-      return `dhis-web-data-visualizer/#/${id}`;
+      return "dhis-web-data-visualizer/#/".concat(id);
 
     case 'map':
-      return `dhis-web-maps/index.html?id=${id}`;
+      return "dhis-web-maps/index.html?id=".concat(id);
 
     default:
       return;

package/build/es/components/Filter/Filter.js

@@ -12,7 +12,7 @@ const Filter = ({
   type,
   dataTest
 }) => /*#__PURE__*/React.createElement("div", {
-  className: `jsx-${styles.__hash}` + " " + "container"
+  className: "jsx-".concat(styles.__hash) + " " + "container"
 }, /*#__PURE__*/React.createElement(InputField, {
   placeholder: placeholder,
   onChange: ref => ref.value.length ? onChange(ref.value) : onClear(),

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

@@ -1,4 +1,4 @@
 import { spacers } from '@dhis2/ui';
-const _defaultExport = [`.container.jsx-2445670963{margin-bottom:${spacers.dp16};}`];
+const _defaultExport = [".container.jsx-2445670963{margin-bottom:".concat(spacers.dp16, ";}")];
 _defaultExport.__hash = "2445670963";
 export default _defaultExport;

package/build/es/components/LegendKey/LegendKey.js

@@ -9,26 +9,26 @@ const LegendKey = ({
 }) => {
   return legendSets.length ? /*#__PURE__*/React.createElement("div", {
     "data-test": 'legend-key-container',
-    className: `jsx-${styles.__hash}` + " " + "container"
+    className: "jsx-".concat(styles.__hash) + " " + "container"
   }, legendSets.map((legendSet, index) => /*#__PURE__*/React.createElement("div", {
     key: legendSet.id,
-    "data-test": `legend-key-item-${legendSet.id}`,
-    className: `jsx-${styles.__hash}` + " " + (cx('legendSet', {
+    "data-test": "legend-key-item-".concat(legendSet.id),
+    className: "jsx-".concat(styles.__hash) + " " + (cx('legendSet', {
       divider: index > 0
     }) || "")
   }, legendSets.length > 1 && /*#__PURE__*/React.createElement("span", {
-    className: `jsx-${styles.__hash}` + " " + "legendSetName"
+    className: "jsx-".concat(styles.__hash) + " " + "legendSetName"
   }, legendSet.name), legendSet.legends.sort((a, b) => a.startValue - b.startValue).map(legend => /*#__PURE__*/React.createElement("div", {
     key: legend.startValue,
     style: {
-      borderLeft: `6px ${legend.color} solid`
+      borderLeft: "6px ".concat(legend.color, " solid")
     },
-    className: `jsx-${styles.__hash}` + " " + "legend"
+    className: "jsx-".concat(styles.__hash) + " " + "legend"
   }, /*#__PURE__*/React.createElement("span", {
-    className: `jsx-${styles.__hash}`
+    className: "jsx-".concat(styles.__hash)
   }, legend.name), /*#__PURE__*/React.createElement("span", {
-    className: `jsx-${styles.__hash}` + " " + "values"
-  }, `${legend.startValue}-<${legend.endValue}`))))), /*#__PURE__*/React.createElement(_JSXStyle, {
+    className: "jsx-".concat(styles.__hash) + " " + "values"
+  }, "".concat(legend.startValue, "-<").concat(legend.endValue)))))), /*#__PURE__*/React.createElement(_JSXStyle, {
     id: styles.__hash
   }, styles)) : null;
 };

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

@@ -1,4 +1,4 @@
 import { spacers, colors } from '@dhis2/ui';
-const _defaultExport = [`.container.jsx-3203773516{width:180px;background:${colors.white};padding:${spacers.dp8};border:1px solid ${colors.grey400};}`, `.legendSet.jsx-3203773516{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;margin-left:${spacers.dp4};}`, `.legendSetName.jsx-3203773516{display:inline-block;font-size:13px;color:${colors.grey700};margin-bottom:2px;}`, `.legend.jsx-3203773516{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;-webkit-flex-wrap:wrap;-ms-flex-wrap:wrap;flex-wrap:wrap;padding:${spacers.dp4} 0 ${spacers.dp4} 6px;white-space:break-spaces;text-align:left;font-size:13px;}`, `.values.jsx-3203773516{color:${colors.grey600};font-size:12px;padding-top:2px;}`, `.divider.jsx-3203773516{border-top:1px solid ${colors.grey400};padding-top:${spacers.dp8};margin-top:${spacers.dp8};}`];
+const _defaultExport = [".container.jsx-3203773516{width:180px;background:".concat(colors.white, ";padding:").concat(spacers.dp8, ";border:1px solid ").concat(colors.grey400, ";}"), ".legendSet.jsx-3203773516{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;margin-left:".concat(spacers.dp4, ";}"), ".legendSetName.jsx-3203773516{display:inline-block;font-size:13px;color:".concat(colors.grey700, ";margin-bottom:2px;}"), ".legend.jsx-3203773516{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;-webkit-flex-wrap:wrap;-ms-flex-wrap:wrap;flex-wrap:wrap;padding:".concat(spacers.dp4, " 0 ").concat(spacers.dp4, " 6px;white-space:break-spaces;text-align:left;font-size:13px;}"), ".values.jsx-3203773516{color:".concat(colors.grey600, ";font-size:12px;padding-top:2px;}"), ".divider.jsx-3203773516{border-top:1px solid ".concat(colors.grey400, ";padding-top:").concat(spacers.dp8, ";margin-top:").concat(spacers.dp8, ";}")];
 _defaultExport.__hash = "3203773516";
 export default _defaultExport;