@dhis2/analytics 26.0.7 → 26.0.9

package/build/es/components/DimensionMenu.js

@@ -8,22 +8,18 @@ import { getAvailableAxes } from '../modules/layoutUiRules/index.js';
 import { DIMENSION_ID_DATA, getPredefinedDimensionProp, DIMENSION_PROP_NO_ITEMS } from '../modules/predefinedDimensions.js';
 import { getDisplayNameByVisType } from '../modules/visTypes.js';
 import { getLayoutTypeByVisType } from '../modules/visTypeToLayoutType.js';
-
 const getAxisItemLabel = (axisName, isDimensionInLayout) => isDimensionInLayout ? i18n.t('Move to {{axisName}}', {
   axisName
 }) : i18n.t('Add to {{axisName}}', {
   axisName
 });
-
 const getDividerItem = key => /*#__PURE__*/React.createElement(MenuDivider, {
   dense: true,
   key: key
 });
-
 const getUnavailableLabel = visType => i18n.t('Not available for {{visualizationType}}', {
   visualizationType: getDisplayNameByVisType(visType)
 });
-
 const DimensionMenu = _ref => {
   let {
     dimensionId,
@@ -39,28 +35,28 @@ const DimensionMenu = _ref => {
     dataTest
   } = _ref;
   const menuItems = [];
-  const isDimensionInLayout = !!currentAxisId; // add/move to axis item
+  const isDimensionInLayout = !!currentAxisId;
 
+  // add/move to axis item
   const availableAxisIds = getAvailableAxes(visType);
   const applicableAxisIds = availableAxisIds.filter(axisId => axisId !== currentAxisId);
   const assignedCategoriesAvailableDestinations = getAvailableAxes(visType).filter(axis => axis !== AXIS_ID_FILTERS);
   const assignedCategoriesItemLabel = isAssignedCategoriesInLayout ? i18n.t('Remove Assigned Categories') : i18n.t('Add Assigned Categories');
-
   const getRemoveMenuItem = onClick => /*#__PURE__*/React.createElement(MenuItem, {
     key: "remove-menu-item",
     onClick: onClick,
     label: i18n.t('Remove'),
-    dataTest: "".concat(dataTest, "-item-remove-").concat(dimensionId)
-  }); // Assigned categories
-
+    dataTest: `${dataTest}-item-remove-${dimensionId}`
+  });
 
+  // Assigned categories
   if (dimensionId === DIMENSION_ID_DATA && assignedCategoriesItemHandler) {
     if (assignedCategoriesAvailableDestinations.length) {
       if (!isAssignedCategoriesInLayout) {
         menuItems.push( /*#__PURE__*/React.createElement(MenuItem, {
           label: assignedCategoriesItemLabel,
-          key: "assigned-categories-item-".concat(dimensionId),
-          dataTest: "".concat(dataTest, "-item-co-menu")
+          key: `assigned-categories-item-${dimensionId}`,
+          dataTest: `${dataTest}-item-co-menu`
         }, assignedCategoriesAvailableDestinations.map(destination => /*#__PURE__*/React.createElement(MenuItem, {
           key: destination,
           onClick: () => {
@@ -68,22 +64,22 @@ const DimensionMenu = _ref => {
             onClose();
           },
           label: getAxisItemLabel(getAxisNameByLayoutType(destination, getLayoutTypeByVisType(visType))),
-          dataTest: "".concat(dataTest, "-item-action-co-to-").concat(destination)
+          dataTest: `${dataTest}-item-action-co-to-${destination}`
         }))));
       } else {
         menuItems.push( /*#__PURE__*/React.createElement(MenuItem, {
-          key: "assigned-categories-item-".concat(dimensionId),
+          key: `assigned-categories-item-${dimensionId}`,
           onClick: () => {
             assignedCategoriesItemHandler();
             onClose();
           },
           label: assignedCategoriesItemLabel,
-          dataTest: "".concat(dataTest, "-item-remove-co")
+          dataTest: `${dataTest}-item-remove-co`
         }));
       }
     } else {
       menuItems.push( /*#__PURE__*/React.createElement(Tooltip, {
-        key: "assigned-categories-item-".concat(dimensionId),
+        key: `assigned-categories-item-${dimensionId}`,
         content: getUnavailableLabel(visType),
         "aria-label": "disabled",
         classes: classes
@@ -91,15 +87,15 @@ const DimensionMenu = _ref => {
         disabled: true,
         dense: true,
         label: assignedCategoriesItemLabel,
-        dataTest: "".concat(dataTest, "-item-co-menu")
+        dataTest: `${dataTest}-item-co-menu`
       })));
     }
-  } // divider
-
+  }
 
+  // divider
   menuItems.length && menuItems.push(getDividerItem('assigned-categories-divider'));
   menuItems.push(...applicableAxisIds.map(axisId => /*#__PURE__*/React.createElement(MenuItem, {
-    key: "".concat(dimensionId, "-to-").concat(axisId),
+    key: `${dimensionId}-to-${axisId}`,
     onClick: () => {
       axisItemHandler({
         dimensionId,
@@ -111,27 +107,25 @@ const DimensionMenu = _ref => {
       onClose();
     },
     label: getAxisItemLabel(getAxisNameByLayoutType(axisId, getLayoutTypeByVisType(visType)), isDimensionInLayout),
-    dataTest: "".concat(dataTest, "-item-action-").concat(dimensionId, "-to-").concat(axisId)
-  }))); // remove item
+    dataTest: `${dataTest}-item-action-${dimensionId}-to-${axisId}`
+  })));
 
+  // remove item
   if (isDimensionInLayout) {
     // divider
     if (applicableAxisIds.length) {
       menuItems.push(getDividerItem('remove-item-divider'));
     }
-
     menuItems.push(getRemoveMenuItem(() => {
       removeItemHandler(dimensionId);
       onClose();
     }));
   }
-
   return /*#__PURE__*/React.createElement(FlyoutMenu, {
     dense: true,
     dataTest: dataTest
   }, menuItems);
 };
-
 DimensionMenu.propTypes = {
   axisItemHandler: PropTypes.func.isRequired,
   numberOfDimensionItems: PropTypes.number.isRequired,

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

@@ -1,33 +1,29 @@
-function _defineProperty(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
-
+function _defineProperty(obj, key, value) { key = _toPropertyKey(key); if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
+function _toPropertyKey(arg) { var key = _toPrimitive(arg, "string"); return typeof key === "symbol" ? key : String(key); }
+function _toPrimitive(input, hint) { if (typeof input !== "object" || input === null) return input; var prim = input[Symbol.toPrimitive]; if (prim !== undefined) { var res = prim.call(input, hint || "default"); if (typeof res !== "object") return res; throw new TypeError("@@toPrimitive must return a primitive value."); } return (hint === "string" ? String : Number)(input); }
 import PropTypes from 'prop-types';
 import React, { Component } from 'react';
 import i18n from '../../locales/index.js';
 import Filter from '../Filter/Filter.js';
 import DimensionList from './List/DimensionList.js';
 import { styles } from './styles/DimensionsPanel.style.js';
-
 class DimensionsPanel extends Component {
   constructor() {
     super(...arguments);
-
     _defineProperty(this, "state", {
       filterText: ''
     });
-
     _defineProperty(this, "onClearFilter", () => {
       this.setState({
         filterText: ''
       });
     });
-
     _defineProperty(this, "onFilterTextChange", filterText => {
       this.setState({
         filterText
       });
     });
   }
-
   render() {
     const {
       dimensions,
@@ -41,7 +37,8 @@ class DimensionsPanel extends Component {
       style
     } = this.props;
     return /*#__PURE__*/React.createElement("div", {
-      style: { ...styles.divContainer,
+      style: {
+        ...styles.divContainer,
         ...style
       }
     }, /*#__PURE__*/React.createElement(Filter, {
@@ -62,9 +59,7 @@ class DimensionsPanel extends Component {
       onDimensionDragStart: onDimensionDragStart
     }));
   }
-
 }
-
 DimensionsPanel.propTypes = {
   dimensions: PropTypes.array.isRequired,
   disabledDimension: PropTypes.func,

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

@@ -1,7 +1,7 @@
-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 _defineProperty(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
-
+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); }
+function _defineProperty(obj, key, value) { key = _toPropertyKey(key); if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
+function _toPropertyKey(arg) { var key = _toPrimitive(arg, "string"); return typeof key === "symbol" ? key : String(key); }
+function _toPrimitive(input, hint) { if (typeof input !== "object" || input === null) return input; var prim = input[Symbol.toPrimitive]; if (prim !== undefined) { var res = prim.call(input, hint || "default"); if (typeof res !== "object") return res; throw new TypeError("@@toPrimitive must return a primitive value."); } return (hint === "string" ? String : Number)(input); }
 import { IconLock16 } from '@dhis2/ui';
 import PropTypes from 'prop-types';
 import React, { Component, createRef } from 'react';
@@ -10,29 +10,23 @@ import { DIMENSION_PROP_NO_ITEMS, getPredefinedDimensionProp } from '../../../mo
 import OptionsButton from './OptionsButton.js';
 import RecommendedIcon from './RecommendedIcon.js';
 import { styles } from './styles/DimensionItem.style.js';
-
 class DimensionItem extends Component {
   constructor() {
     super(...arguments);
-
     _defineProperty(this, "state", {
       mouseOver: false
     });
-
     _defineProperty(this, "onOptionsClick", (id, ref) => event => this.props.onOptionsClick(event, id, ref));
-
     _defineProperty(this, "onMouseOver", () => {
       this.setState({
         mouseOver: true
       });
     });
-
     _defineProperty(this, "onMouseExit", () => {
       this.setState({
         mouseOver: false
       });
     });
-
     _defineProperty(this, "getDimensionIcon", () => {
       const Icon = getPredefinedDimensionProp(this.props.id, 'icon');
       return Icon ? /*#__PURE__*/React.createElement(Icon, {
@@ -41,7 +35,6 @@ class DimensionItem extends Component {
         style: styles.dynamicDimensionIcon
       });
     });
-
     _defineProperty(this, "getDimensionType", () => {
       const {
         id,
@@ -50,13 +43,13 @@ class DimensionItem extends Component {
       } = this.props;
       return /*#__PURE__*/React.createElement("span", {
         "data-dimensionid": id,
-        style: { ...styles.text,
+        style: {
+          ...styles.text,
           ...(isDeactivated ? styles.textDeactivated : {})
         }
       }, name);
     });
   }
-
   render() {
     const {
       id,
@@ -73,17 +66,16 @@ class DimensionItem extends Component {
     } = this.props;
     const Icon = this.getDimensionIcon();
     const Label = this.getDimensionType();
-    const itemStyle = isSelected && !isDeactivated ? { ...styles.item,
+    const itemStyle = isSelected && !isDeactivated ? {
+      ...styles.item,
       ...styles.selected
     } : styles.item;
     const optionsRef = /*#__PURE__*/createRef();
-
     const onLabelClick = () => {
       if (!isDeactivated && !getPredefinedDimensionProp(id, DIMENSION_PROP_NO_ITEMS)) {
         onClick(id);
       }
     };
-
     return /*#__PURE__*/React.createElement("li", _extends({
       onMouseOver: this.onMouseOver,
       onMouseLeave: this.onMouseExit,
@@ -95,28 +87,26 @@ class DimensionItem extends Component {
       className: "label",
       tabIndex: 0,
       style: styles.label,
-      "data-test": "".concat(dataTest, "-button-").concat(id)
+      "data-test": `${dataTest}-button-${id}`
     }, /*#__PURE__*/React.createElement("div", {
       style: styles.iconWrapper
     }, Icon), /*#__PURE__*/React.createElement("div", {
       style: styles.labelWrapper
     }, Label, /*#__PURE__*/React.createElement(RecommendedIcon, {
       isRecommended: isRecommended,
-      dataTest: "".concat(dataTest, "-recommended-icon")
+      dataTest: `${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": "".concat(dataTest, "-menu-").concat(id)
+      "data-test": `${dataTest}-menu-${id}`
     }, this.state.mouseOver && !isDeactivated && !isLocked ? /*#__PURE__*/React.createElement(OptionsButton, {
       style: styles.optionsButton,
       onClick: this.onOptionsClick(id, optionsRef)
     }) : null) : null);
   }
-
 }
-
 DimensionItem.propTypes = {
   id: PropTypes.string.isRequired,
   isSelected: PropTypes.bool.isRequired,

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

@@ -1,26 +1,20 @@
 import _JSXStyle from "styled-jsx/style";
-
-function _defineProperty(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
-
+function _defineProperty(obj, key, value) { key = _toPropertyKey(key); if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
+function _toPropertyKey(arg) { var key = _toPrimitive(arg, "string"); return typeof key === "symbol" ? key : String(key); }
+function _toPrimitive(input, hint) { if (typeof input !== "object" || input === null) return input; var prim = input[Symbol.toPrimitive]; if (prim !== undefined) { var res = prim.call(input, hint || "default"); if (typeof res !== "object") return res; throw new TypeError("@@toPrimitive must return a primitive value."); } return (hint === "string" ? String : Number)(input); }
 import PropTypes from 'prop-types';
 import React, { Component } from 'react';
 import i18n from '../../../locales/index.js';
 import { getPredefinedDimensions, getFixedDimensions } from '../../../modules/predefinedDimensions.js';
 import DimensionItem from './DimensionItem.js';
 import styles from './styles/DimensionList.style.js';
-
 class DimensionList extends Component {
   constructor() {
     super(...arguments);
-
     _defineProperty(this, "nameContainsFilterText", dimension => dimension.name.toLowerCase().includes(this.props.filterText.toLowerCase()));
-
     _defineProperty(this, "isDisabled", dimensionId => this.props.disabledDimension(dimensionId) || false);
-
     _defineProperty(this, "isRecommended", dimensionId => this.props.recommendedDimension(dimensionId) || false);
-
     _defineProperty(this, "isLocked", dimensionId => this.props.lockedDimension(dimensionId) || false);
-
     _defineProperty(this, "renderItem", dimension => /*#__PURE__*/React.createElement(DimensionItem, {
       id: dimension.id,
       key: dimension.id,
@@ -33,36 +27,32 @@ class DimensionList extends Component {
       onOptionsClick: this.props.onDimensionOptionsClick,
       onDragStart: this.props.onDimensionDragStart
     }));
-
     _defineProperty(this, "getDimensionItemsByFilter", filter => this.props.dimensions.filter(filter).filter(this.nameContainsFilterText).map(this.renderItem));
   }
-
   render() {
     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-".concat(styles.__hash) + " " + "container"
+      className: `jsx-${styles.__hash}` + " " + "container"
     }, /*#__PURE__*/React.createElement("div", {
-      className: "jsx-".concat(styles.__hash) + " " + "wrapper"
+      className: `jsx-${styles.__hash}` + " " + "wrapper"
     }, fixedDimensions !== null && fixedDimensions !== void 0 && fixedDimensions.length ? /*#__PURE__*/React.createElement("div", {
-      className: "jsx-".concat(styles.__hash) + " " + "section"
+      className: `jsx-${styles.__hash}` + " " + "section"
     }, /*#__PURE__*/React.createElement("h3", {
-      className: "jsx-".concat(styles.__hash) + " " + "header"
+      className: `jsx-${styles.__hash}` + " " + "header"
     }, i18n.t('Main dimensions')), /*#__PURE__*/React.createElement("ul", {
-      className: "jsx-".concat(styles.__hash) + " " + "list"
+      className: `jsx-${styles.__hash}` + " " + "list"
     }, fixedDimensions)) : null, nonPredefinedDimensions !== null && nonPredefinedDimensions !== void 0 && nonPredefinedDimensions.length ? /*#__PURE__*/React.createElement("div", {
-      className: "jsx-".concat(styles.__hash) + " " + "section"
+      className: `jsx-${styles.__hash}` + " " + "section"
     }, /*#__PURE__*/React.createElement("h3", {
-      className: "jsx-".concat(styles.__hash) + " " + "header"
+      className: `jsx-${styles.__hash}` + " " + "header"
     }, i18n.t('Your dimensions')), /*#__PURE__*/React.createElement("ul", {
-      className: "jsx-".concat(styles.__hash) + " " + "list"
+      className: `jsx-${styles.__hash}` + " " + "list"
     }, nonPredefinedDimensions)) : null), /*#__PURE__*/React.createElement(_JSXStyle, {
       id: styles.__hash
     }, styles));
   }
-
 }
-
 DimensionList.propTypes = {
   dimensions: PropTypes.array.isRequired,
   filterText: PropTypes.string.isRequired,

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

@@ -1,7 +1,6 @@
 import { IconMore16 } from '@dhis2/ui';
 import PropTypes from 'prop-types';
 import React from 'react';
-
 const OptionsButton = _ref => {
   let {
     style,
@@ -12,7 +11,6 @@ const OptionsButton = _ref => {
     onClick: onClick
   }, /*#__PURE__*/React.createElement(IconMore16, null));
 };
-
 OptionsButton.propTypes = {
   style: PropTypes.object,
   onClick: PropTypes.func

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

@@ -3,7 +3,6 @@ import PropTypes from 'prop-types';
 import React from 'react';
 import i18n from '../../../locales/index.js';
 import { styles } from './styles/RecommendedIcon.style.js';
-
 const RecommendedIcon = _ref => {
   let {
     isRecommended,
@@ -18,7 +17,6 @@ const RecommendedIcon = _ref => {
     "data-test": dataTest
   })) : null;
 };
-
 RecommendedIcon.propTypes = {
   isRecommended: PropTypes.bool.isRequired,
   dataTest: PropTypes.string

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

@@ -4,15 +4,12 @@ import DimensionItem from '../DimensionItem.js';
 describe('DimensionItem', () => {
   let props;
   let shallowItem;
-
   const dimensionItem = () => {
     if (!shallowItem) {
       shallowItem = shallow( /*#__PURE__*/React.createElement(DimensionItem, props));
     }
-
     return shallowItem;
   };
-
   beforeEach(() => {
     props = {
       id: 'pe',

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

@@ -1,7 +1,7 @@
 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:".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)
 // On the list, set position:absolute, width:100%, height:100%
+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};}`];
+_defaultExport.__hash = "2067921157";
 export default _defaultExport;

package/build/es/components/DimensionsPanel/__tests__/DimensionsPanel.spec.js

@@ -5,15 +5,12 @@ import DimensionList from '../List/DimensionList.js';
 describe('The Dimensions component ', () => {
   let shallowDimensions;
   let props;
-
   const dimensionsComponent = () => {
     if (!shallowDimensions) {
       shallowDimensions = shallow( /*#__PURE__*/React.createElement(DimensionsPanel, props));
     }
-
     return shallowDimensions;
   };
-
   beforeEach(() => {
     shallowDimensions = undefined;
     props = {

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 ".concat(colors.grey400),
+    border: `1px solid ${colors.grey400}`,
     borderRadius: '5px'
   }
 };

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

@@ -18,7 +18,6 @@ export const DynamicDimension = _ref => {
     displayNameProp
   } = _ref;
   const dataEngine = useDataEngine();
-
   const fetchItems = (page, searchTerm) => apiFetchItemsByDimension({
     dataEngine,
     dimensionId,
@@ -26,7 +25,6 @@ export const DynamicDimension = _ref => {
     page,
     nameProp: displayNameProp
   });
-
   const onSelectItems = newSelectedItems => onSelect({
     dimensionId,
     items: newSelectedItems.map(item => ({
@@ -34,9 +32,7 @@ export const DynamicDimension = _ref => {
       name: item.label
     }))
   });
-
   const allIsSelected = selectedItems.some(item => item.id === ALL_DYNAMIC_DIMENSION_ITEMS);
-
   const selectAutomatic = () => onSelect({
     dimensionId,
     items: [{
@@ -44,17 +40,15 @@ export const DynamicDimension = _ref => {
       name: i18n.t('All items')
     }, ...selectedItems]
   });
-
   const selectManual = () => onSelect({
     dimensionId,
     items: [...selectedItems.filter(item => item.id !== ALL_DYNAMIC_DIMENSION_ITEMS)]
   });
-
   return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(Field, {
     name: "dynamic-dimension-selection-type-selector",
     dense: true
   }, /*#__PURE__*/React.createElement("div", {
-    className: "jsx-".concat(styles.__hash) + " " + "automatic"
+    className: `jsx-${styles.__hash}` + " " + "automatic"
   }, /*#__PURE__*/React.createElement(Radio, {
     key: 'AUTOMATIC',
     label: i18n.t('Automatically include all items'),
@@ -63,11 +57,11 @@ export const DynamicDimension = _ref => {
     checked: allIsSelected,
     dataTest: 'dynamic-dimension-selection-type-automatic'
   }), /*#__PURE__*/React.createElement("p", {
-    className: "jsx-".concat(styles.__hash) + " " + "help-text"
+    className: `jsx-${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-".concat(styles.__hash) + " " + "manual"
+    className: `jsx-${styles.__hash}` + " " + "manual"
   }, /*#__PURE__*/React.createElement(Radio, {
     key: 'MANUAL',
     label: i18n.t('Manually select items...'),
@@ -86,7 +80,7 @@ export const DynamicDimension = _ref => {
     onFetch: fetchItems,
     onSelect: onSelectItems,
     rightFooter: rightFooter,
-    dataTest: "".concat(dimensionTitle.replace(/\s+/g, '-').toLowerCase(), "-dimension")
+    dataTest: `${dimensionTitle.replace(/\s+/g, '-').toLowerCase()}-dimension`
   }), /*#__PURE__*/React.createElement(_JSXStyle, {
     id: styles.__hash
   }, styles));