@dhis2/analytics 26.0.8 → 26.0.10

package/build/cjs/components/DataDimension/Calculation/FormulaField.js

@@ -4,45 +4,30 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = exports.LAST_DROPZONE_ID = exports.FORMULA_BOX_ID = void 0;
-
 var _style = _interopRequireDefault(require("styled-jsx/style"));
-
 var _d2I18n = _interopRequireDefault(require("@dhis2/d2-i18n"));
-
 var _ui = require("@dhis2/ui");
-
 var _core = require("@dnd-kit/core");
-
 var _sortable = require("@dnd-kit/sortable");
-
 var _propTypes = _interopRequireDefault(require("prop-types"));
-
 var _react = _interopRequireDefault(require("react"));
-
 var _FormulaIcon = _interopRequireDefault(require("../../../assets/FormulaIcon.js"));
-
 var _DropZone = _interopRequireDefault(require("./DropZone.js"));
-
 var _FormulaItem = _interopRequireDefault(require("./FormulaItem.js"));
-
 var _FormulaFieldStyle = _interopRequireDefault(require("./styles/FormulaField.style.js"));
-
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-
 const LAST_DROPZONE_ID = 'lastdropzone';
 exports.LAST_DROPZONE_ID = LAST_DROPZONE_ID;
 const FORMULA_BOX_ID = 'formulabox';
 exports.FORMULA_BOX_ID = FORMULA_BOX_ID;
-
 const Placeholder = () => /*#__PURE__*/_react.default.createElement("div", {
   "data-test": "placeholder",
-  className: "jsx-".concat(_FormulaFieldStyle.default.__hash) + " " + "placeholder"
+  className: `jsx-${_FormulaFieldStyle.default.__hash}` + " " + "placeholder"
 }, /*#__PURE__*/_react.default.createElement(_FormulaIcon.default, null), /*#__PURE__*/_react.default.createElement("span", {
-  className: "jsx-".concat(_FormulaFieldStyle.default.__hash) + " " + "help-text"
+  className: `jsx-${_FormulaFieldStyle.default.__hash}` + " " + "help-text"
 }, _d2I18n.default.t('Drag items here, or double click in the list, to start building a calculation formula')), /*#__PURE__*/_react.default.createElement(_style.default, {
   id: _FormulaFieldStyle.default.__hash
 }, _FormulaFieldStyle.default));
-
 const FormulaField = _ref => {
   let {
     items = [],
@@ -62,13 +47,13 @@ const FormulaField = _ref => {
   const itemIds = items.map(item => item.id);
   const overLastDropZone = (over === null || over === void 0 ? void 0 : over.id) === LAST_DROPZONE_ID;
   return /*#__PURE__*/_react.default.createElement("div", {
-    className: "jsx-".concat(_FormulaFieldStyle.default.__hash) + " " + "container"
+    className: `jsx-${_FormulaFieldStyle.default.__hash}` + " " + "container"
   }, /*#__PURE__*/_react.default.createElement("div", {
-    className: "jsx-".concat(_FormulaFieldStyle.default.__hash) + " " + "border"
+    className: `jsx-${_FormulaFieldStyle.default.__hash}` + " " + "border"
   }), /*#__PURE__*/_react.default.createElement("div", {
     ref: setLastDropzoneRef,
     "data-test": "formula-field",
-    className: "jsx-".concat(_FormulaFieldStyle.default.__hash) + " " + "formula-field"
+    className: `jsx-${_FormulaFieldStyle.default.__hash}` + " " + "formula-field"
   }, loading && /*#__PURE__*/_react.default.createElement(_ui.Center, null, /*#__PURE__*/_react.default.createElement(_ui.CircularLoader, {
     small: true
   })), !loading && itemIds && /*#__PURE__*/_react.default.createElement(_sortable.SortableContext, {
@@ -102,7 +87,6 @@ const FormulaField = _ref => {
     id: _FormulaFieldStyle.default.__hash
   }, _FormulaFieldStyle.default));
 };
-
 FormulaField.propTypes = {
   onChange: _propTypes.default.func.isRequired,
   onClick: _propTypes.default.func.isRequired,

package/build/cjs/components/DataDimension/Calculation/FormulaItem.js

@@ -4,44 +4,26 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
-
 var _style = _interopRequireDefault(require("styled-jsx/style"));
-
 var _ui = require("@dhis2/ui");
-
 var _sortable = require("@dnd-kit/sortable");
-
 var _utilities = require("@dnd-kit/utilities");
-
 var _classnames = _interopRequireDefault(require("classnames"));
-
 var _propTypes = _interopRequireDefault(require("prop-types"));
-
 var _react = _interopRequireWildcard(require("react"));
-
 var _dataTypes = require("../../../modules/dataTypes.js");
-
 var _dimensionListItem = require("../../../modules/dimensionListItem.js");
-
 var _expressions = require("../../../modules/expressions.js");
-
 var _DragHandleIcon = _interopRequireDefault(require("./DragHandleIcon.js"));
-
 var _FormulaItemStyle = _interopRequireDefault(require("./styles/FormulaItem.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 }; }
-
-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 BEFORE = 'BEFORE';
 const AFTER = 'AFTER';
 const maxMsBetweenClicks = 300;
 const TAG_INPUT = 'INPUT';
-
 const FormulaItem = _ref => {
   let {
     id,
@@ -97,7 +79,6 @@ const FormulaItem = _ref => {
     transition
   } : undefined;
   let insertPosition;
-
   if ((over === null || over === void 0 ? void 0 : over.id) === id) {
     // This item is being hovered over by the item being dragged
     if (activeIndex === -1) {
@@ -113,7 +94,6 @@ const FormulaItem = _ref => {
   } else if (isLast && overLastDropZone) {
     insertPosition = AFTER;
   }
-
   const handleClick = e => {
     const tagname = e.target.tagName;
     clearTimeout(clickTimeoutId);
@@ -126,34 +106,30 @@ const FormulaItem = _ref => {
     }, maxMsBetweenClicks);
     setClickTimeoutId(to);
   };
-
   const handleDoubleClick = e => {
     clearTimeout(clickTimeoutId);
     setClickTimeoutId(null);
-
     if (e.target.tagName !== TAG_INPUT) {
       onDoubleClick(id);
     } else {
       inputRef.current && inputRef.current.focus();
     }
   };
-
   const handleChange = e => onChange({
     itemId: id,
     value: e.target.value
   });
-
   const getContent = () => {
     if (type === _expressions.EXPRESSION_TYPE_NUMBER) {
       return /*#__PURE__*/_react.default.createElement("div", {
-        className: "jsx-".concat(_FormulaItemStyle.default.__hash) + " " + ((0, _classnames.default)('content', 'number', {
+        className: `jsx-${_FormulaItemStyle.default.__hash}` + " " + ((0, _classnames.default)('content', 'number', {
           highlighted: isHighlighted
         }) || "")
       }, _DragHandleIcon.default, /*#__PURE__*/_react.default.createElement("span", {
-        className: "jsx-".concat(_FormulaItemStyle.default.__hash) + " " + "number-positioner"
+        className: `jsx-${_FormulaItemStyle.default.__hash}` + " " + "number-positioner"
       }, /*#__PURE__*/_react.default.createElement("span", {
         "aria-hidden": "true",
-        className: "jsx-".concat(_FormulaItemStyle.default.__hash) + " " + "number-width"
+        className: `jsx-${_FormulaItemStyle.default.__hash}` + " " + "number-width"
       }, value), /*#__PURE__*/_react.default.createElement("input", {
         id: id,
         name: label,
@@ -161,51 +137,48 @@ const FormulaItem = _ref => {
         value: value,
         type: "number",
         ref: inputRef,
-        className: "jsx-".concat(_FormulaItemStyle.default.__hash) + " " + "input"
+        className: `jsx-${_FormulaItemStyle.default.__hash}` + " " + "input"
       })), /*#__PURE__*/_react.default.createElement(_style.default, {
         id: _FormulaItemStyle.default.__hash
       }, _FormulaItemStyle.default));
     }
-
     if (type === _expressions.EXPRESSION_TYPE_DATA) {
       return /*#__PURE__*/_react.default.createElement(_ui.Tooltip, {
         content: label,
         placement: "bottom"
       }, /*#__PURE__*/_react.default.createElement("div", {
-        className: "jsx-".concat(_FormulaItemStyle.default.__hash) + " " + ((0, _classnames.default)('content', 'data', {
+        className: `jsx-${_FormulaItemStyle.default.__hash}` + " " + ((0, _classnames.default)('content', 'data', {
           highlighted: isHighlighted
         }) || "")
       }, /*#__PURE__*/_react.default.createElement("span", {
-        className: "jsx-".concat(_FormulaItemStyle.default.__hash) + " " + "icon"
+        className: `jsx-${_FormulaItemStyle.default.__hash}` + " " + "icon"
       }, (0, _dimensionListItem.getIcon)(_dataTypes.DIMENSION_TYPE_DATA_ELEMENT)), /*#__PURE__*/_react.default.createElement("span", {
-        className: "jsx-".concat(_FormulaItemStyle.default.__hash) + " " + "label"
+        className: `jsx-${_FormulaItemStyle.default.__hash}` + " " + "label"
       }, label), /*#__PURE__*/_react.default.createElement(_style.default, {
         id: _FormulaItemStyle.default.__hash
       }, _FormulaItemStyle.default)));
     }
-
     return /*#__PURE__*/_react.default.createElement("div", {
-      className: "jsx-".concat(_FormulaItemStyle.default.__hash) + " " + ((0, _classnames.default)('content', 'operator', {
+      className: `jsx-${_FormulaItemStyle.default.__hash}` + " " + ((0, _classnames.default)('content', 'operator', {
         highlighted: isHighlighted
       }) || "")
     }, /*#__PURE__*/_react.default.createElement("span", {
-      className: "jsx-".concat(_FormulaItemStyle.default.__hash) + " " + "label"
+      className: `jsx-${_FormulaItemStyle.default.__hash}` + " " + "label"
     }, label), /*#__PURE__*/_react.default.createElement(_style.default, {
       id: _FormulaItemStyle.default.__hash
     }, _FormulaItemStyle.default));
   };
-
   return /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement("div", {
     ref: setNodeRef,
     style: style,
-    className: "jsx-".concat(_FormulaItemStyle.default.__hash) + " " + ((0, _classnames.default)({
+    className: `jsx-${_FormulaItemStyle.default.__hash}` + " " + ((0, _classnames.default)({
       'last-item': isLast
     }) || "")
   }, /*#__PURE__*/_react.default.createElement("div", _extends({}, attributes, listeners, {
     onClick: handleClick,
     onDoubleClick: handleDoubleClick,
-    "data-test": "formula-item-".concat(id),
-    className: "jsx-".concat(_FormulaItemStyle.default.__hash) + " " + ((0, _classnames.default)('formula-item', {
+    "data-test": `formula-item-${id}`,
+    className: `jsx-${_FormulaItemStyle.default.__hash}` + " " + ((0, _classnames.default)('formula-item', {
       inactive: !isDragging,
       insertBefore: insertPosition === BEFORE,
       insertAfter: insertPosition === AFTER
@@ -214,7 +187,6 @@ const FormulaItem = _ref => {
     id: _FormulaItemStyle.default.__hash
   }, _FormulaItemStyle.default));
 };
-
 FormulaItem.propTypes = {
   id: _propTypes.default.string.isRequired,
   label: _propTypes.default.string.isRequired,

package/build/cjs/components/DataDimension/Calculation/MathOperatorSelector.js

@@ -4,34 +4,25 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
-
 var _style = _interopRequireDefault(require("styled-jsx/style"));
-
 var _propTypes = _interopRequireDefault(require("prop-types"));
-
 var _react = _interopRequireDefault(require("react"));
-
 var _index = _interopRequireDefault(require("../../../locales/index.js"));
-
 var _expressions = require("../../../modules/expressions.js");
-
 var _Operator = _interopRequireDefault(require("./Operator.js"));
-
 var _MathOperatorSelectorStyle = _interopRequireDefault(require("./styles/MathOperatorSelector.style.js"));
-
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-
 const MathOperatorSelector = _ref => {
   let {
     onDoubleClick
   } = _ref;
   return /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement("div", {
-    className: "jsx-".concat(_MathOperatorSelectorStyle.default.__hash) + " " + "wrapper"
+    className: `jsx-${_MathOperatorSelectorStyle.default.__hash}` + " " + "wrapper"
   }, /*#__PURE__*/_react.default.createElement("h4", {
-    className: "jsx-".concat(_MathOperatorSelectorStyle.default.__hash) + " " + "sub-header"
+    className: `jsx-${_MathOperatorSelectorStyle.default.__hash}` + " " + "sub-header"
   }, _index.default.t('Math operators')), /*#__PURE__*/_react.default.createElement("div", {
     "data-test": "operators-list",
-    className: "jsx-".concat(_MathOperatorSelectorStyle.default.__hash) + " " + "operators"
+    className: `jsx-${_MathOperatorSelectorStyle.default.__hash}` + " " + "operators"
   }, (0, _expressions.getOperators)().map((_ref2, index) => {
     let {
       label,
@@ -39,7 +30,7 @@ const MathOperatorSelector = _ref => {
       type
     } = _ref2;
     return /*#__PURE__*/_react.default.createElement(_Operator.default, {
-      key: "".concat(label, "-").concat(index),
+      key: `${label}-${index}`,
       label: label,
       value: value,
       type: type,
@@ -50,7 +41,6 @@ const MathOperatorSelector = _ref => {
     id: _MathOperatorSelectorStyle.default.__hash
   }, _MathOperatorSelectorStyle.default));
 };
-
 MathOperatorSelector.propTypes = {
   onDoubleClick: _propTypes.default.func.isRequired
 };

package/build/cjs/components/DataDimension/Calculation/Operator.js

@@ -4,29 +4,17 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
-
 var _style = _interopRequireDefault(require("styled-jsx/style"));
-
 var _sortable = require("@dnd-kit/sortable");
-
 var _utilities = require("@dnd-kit/utilities");
-
 var _classnames = _interopRequireDefault(require("classnames"));
-
 var _propTypes = _interopRequireDefault(require("prop-types"));
-
 var _react = _interopRequireDefault(require("react"));
-
 var _expressions = require("../../../modules/expressions.js");
-
 var _FormulaItemStyle = _interopRequireDefault(require("./styles/FormulaItem.style.js"));
-
 var _OperatorStyle = _interopRequireDefault(require("./styles/Operator.style.js"));
-
 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 Operator = _ref => {
   let {
     label,
@@ -45,7 +33,7 @@ const Operator = _ref => {
     setNodeRef,
     transform
   } = (0, _sortable.useSortable)({
-    id: "operator-".concat(label),
+    id: `operator-${label}`,
     data
   });
   const style = {
@@ -54,23 +42,22 @@ const Operator = _ref => {
   return /*#__PURE__*/_react.default.createElement("div", _extends({}, attributes, listeners, {
     ref: setNodeRef,
     style: style,
-    className: "jsx-".concat(_FormulaItemStyle.default.__hash, " jsx-").concat(_OperatorStyle.default.__hash) + " " + (listeners && listeners.className != null && listeners.className || attributes && attributes.className != null && attributes.className || "")
+    className: `jsx-${_FormulaItemStyle.default.__hash} jsx-${_OperatorStyle.default.__hash}` + " " + (listeners && listeners.className != null && listeners.className || attributes && attributes.className != null && attributes.className || "")
   }), /*#__PURE__*/_react.default.createElement("div", {
     "data-test": "operator",
     onDoubleClick: () => onDoubleClick(data),
-    className: "jsx-".concat(_FormulaItemStyle.default.__hash, " jsx-").concat(_OperatorStyle.default.__hash) + " " + ((0, _classnames.default)('content', {
+    className: `jsx-${_FormulaItemStyle.default.__hash} jsx-${_OperatorStyle.default.__hash}` + " " + ((0, _classnames.default)('content', {
       operator: type === _expressions.EXPRESSION_TYPE_OPERATOR,
       number: type === _expressions.EXPRESSION_TYPE_NUMBER
     }) || "")
   }, /*#__PURE__*/_react.default.createElement("span", {
-    className: "jsx-".concat(_FormulaItemStyle.default.__hash, " jsx-").concat(_OperatorStyle.default.__hash)
+    className: `jsx-${_FormulaItemStyle.default.__hash} jsx-${_OperatorStyle.default.__hash}`
   }, label)), /*#__PURE__*/_react.default.createElement(_style.default, {
     id: _FormulaItemStyle.default.__hash
   }, _FormulaItemStyle.default), /*#__PURE__*/_react.default.createElement(_style.default, {
     id: _OperatorStyle.default.__hash
   }, _OperatorStyle.default));
 };
-
 Operator.propTypes = {
   label: _propTypes.default.string.isRequired,
   type: _propTypes.default.string.isRequired,

package/build/cjs/components/DataDimension/Calculation/styles/CalculationModal.style.js

@@ -4,10 +4,8 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
-
 var _ui = require("@dhis2/ui");
-
-const _defaultExport = [".header.jsx-1005744271{background:".concat(_ui.colors.grey200, ";padding:").concat(_ui.spacers.dp16, ";font-weight:normal;}"), ".header-icon.jsx-1005744271{padding:0 ".concat(_ui.spacers.dp8, ";vertical-align:text-bottom;line-height:14px;}"), ".actions-wrapper.jsx-1005744271{margin-top:".concat(_ui.spacers.dp16, ";margin-bottom:").concat(_ui.spacers.dp16, ";margin-left:").concat(_ui.spacers.dp4, ";}"), ".button-container.jsx-1005744271{display:-webkit-inline-box;display:-webkit-inline-flex;display:-ms-inline-flexbox;display:inline-flex;}", ".validate-button.jsx-1005744271{margin-bottom:".concat(_ui.spacers.dp4, ";}"), ".remove-button.jsx-1005744271{margin-right:".concat(_ui.spacers.dp8, ";}"), ".delete-button.jsx-1005744271{margin-right:".concat(_ui.spacers.dp8, ";}"), ".content.jsx-1005744271{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;}", ".left-section.jsx-1005744271{width:45%;}", ".right-section.jsx-1005744271{width:55%;padding-left:".concat(_ui.spacers.dp8, ";font-size:14px;}"), ".validation-message.jsx-1005744271{margin-left:".concat(_ui.spacers.dp8, ";}"), ".validation-error.jsx-1005744271{color:".concat(_ui.colors.red500, ";}"), ".validation-success.jsx-1005744271{color:".concat(_ui.colors.green500, ";}"), ".name-input.jsx-1005744271{margin-top:".concat(_ui.spacers.dp12, ";}")];
+const _defaultExport = [`.header.jsx-1005744271{background:${_ui.colors.grey200};padding:${_ui.spacers.dp16};font-weight:normal;}`, `.header-icon.jsx-1005744271{padding:0 ${_ui.spacers.dp8};vertical-align:text-bottom;line-height:14px;}`, `.actions-wrapper.jsx-1005744271{margin-top:${_ui.spacers.dp16};margin-bottom:${_ui.spacers.dp16};margin-left:${_ui.spacers.dp4};}`, ".button-container.jsx-1005744271{display:-webkit-inline-box;display:-webkit-inline-flex;display:-ms-inline-flexbox;display:inline-flex;}", `.validate-button.jsx-1005744271{margin-bottom:${_ui.spacers.dp4};}`, `.remove-button.jsx-1005744271{margin-right:${_ui.spacers.dp8};}`, `.delete-button.jsx-1005744271{margin-right:${_ui.spacers.dp8};}`, ".content.jsx-1005744271{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;}", ".left-section.jsx-1005744271{width:45%;}", `.right-section.jsx-1005744271{width:55%;padding-left:${_ui.spacers.dp8};font-size:14px;}`, `.validation-message.jsx-1005744271{margin-left:${_ui.spacers.dp8};}`, `.validation-error.jsx-1005744271{color:${_ui.colors.red500};}`, `.validation-success.jsx-1005744271{color:${_ui.colors.green500};}`, `.name-input.jsx-1005744271{margin-top:${_ui.spacers.dp12};}`];
 _defaultExport.__hash = "1005744271";
 var _default = _defaultExport;
 exports.default = _default;

package/build/cjs/components/DataDimension/Calculation/styles/DataElementOption.style.js

@@ -4,10 +4,8 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
-
 var _ui = require("@dhis2/ui");
-
-const _defaultExport = [".wrapper.jsx-2286537164{margin-top:".concat(_ui.spacers.dp4, ";}"), ".wrapper.jsx-2286537164:last-child{margin-bottom:".concat(_ui.spacers.dp4, ";}"), ".draggable-item.jsx-2286537164{cursor:pointer;display:-webkit-inline-box;display:-webkit-inline-flex;display:-ms-inline-flexbox;display:inline-flex;}", ".chip.jsx-2286537164{display:-webkit-inline-box;display:-webkit-inline-flex;display:-ms-inline-flexbox;display:inline-flex;background:".concat(_ui.colors.grey200, ";font-size:14px;padding:2px ").concat(_ui.spacers.dp8, " 2px 2px;border-radius:3px;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;}"), ".chip.jsx-2286537164:hover{background:".concat(_ui.colors.grey300, ";}"), ".icon.jsx-2286537164,.label.jsx-2286537164{line-height:18px;}", ".icon.jsx-2286537164{margin-right:2px;display:-webkit-inline-box;display:-webkit-inline-flex;display:-ms-inline-flexbox;display:inline-flex;vertical-align:text-bottom;padding-top:1px;}"];
+const _defaultExport = [`.wrapper.jsx-2286537164{margin-top:${_ui.spacers.dp4};}`, `.wrapper.jsx-2286537164:last-child{margin-bottom:${_ui.spacers.dp4};}`, ".draggable-item.jsx-2286537164{cursor:pointer;display:-webkit-inline-box;display:-webkit-inline-flex;display:-ms-inline-flexbox;display:inline-flex;}", `.chip.jsx-2286537164{display:-webkit-inline-box;display:-webkit-inline-flex;display:-ms-inline-flexbox;display:inline-flex;background:${_ui.colors.grey200};font-size:14px;padding:2px ${_ui.spacers.dp8} 2px 2px;border-radius:3px;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;}`, `.chip.jsx-2286537164:hover{background:${_ui.colors.grey300};}`, ".icon.jsx-2286537164,.label.jsx-2286537164{line-height:18px;}", ".icon.jsx-2286537164{margin-right:2px;display:-webkit-inline-box;display:-webkit-inline-flex;display:-ms-inline-flexbox;display:inline-flex;vertical-align:text-bottom;padding-top:1px;}"];
 _defaultExport.__hash = "2286537164";
 var _default = _defaultExport;
 exports.default = _default;

package/build/cjs/components/DataDimension/Calculation/styles/DataElementSelector.style.js

@@ -4,10 +4,8 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
-
 var _ui = require("@dhis2/ui");
-
-const _defaultExport = [".dimension-list-container.jsx-4262244129{position:relative;}", ".dimension-list-scrollbox.jsx-4262244129{position:relative;width:100%;height:337px;overflow:hidden;overflow-y:auto;border:1px solid ".concat(_ui.colors.grey400, ";}"), ".dimension-list-scroller.jsx-4262244129{position:relative;min-height:1px;padding:0 ".concat(_ui.spacers.dp4, ";}"), ".dimension-list-scroller.loading.jsx-4262244129{-webkit-filter:blur(2px);filter:blur(2px);}", ".scroll-detector.jsx-4262244129{boxsizing:border-box;width:100%;height:100px;position:absolute;bottom:0;left:0;z-index:-1;}", ".dimension-list-overlay.jsx-4262244129{position:absolute;width:100%;height:100%;z-index:2;top:0;left:0;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-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;}", ".filter-wrapper.jsx-4262244129{padding:".concat(_ui.spacers.dp8, ";border:1px solid ").concat(_ui.colors.grey400, ";border-bottom:0;}"), ".selector-wrapper.jsx-4262244129{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;gap:".concat(_ui.spacers.dp4, ";}"), ".sub-header.jsx-4262244129{font-size:14px;font-weight:normal;margin:0 0 ".concat(_ui.spacers.dp4, ";}"), ".group-select.jsx-4262244129{width:50%;margin-top:".concat(_ui.spacers.dp4, ";}"), ".empty-list.jsx-4262244129{text-align:center;font-size:14px;line-height:16px;margin:".concat(_ui.spacers.dp24, " 0 0;color:").concat(_ui.colors.grey700, ";}")];
+const _defaultExport = [".dimension-list-container.jsx-4262244129{position:relative;}", `.dimension-list-scrollbox.jsx-4262244129{position:relative;width:100%;height:337px;overflow:hidden;overflow-y:auto;border:1px solid ${_ui.colors.grey400};}`, `.dimension-list-scroller.jsx-4262244129{position:relative;min-height:1px;padding:0 ${_ui.spacers.dp4};}`, ".dimension-list-scroller.loading.jsx-4262244129{-webkit-filter:blur(2px);filter:blur(2px);}", ".scroll-detector.jsx-4262244129{boxsizing:border-box;width:100%;height:100px;position:absolute;bottom:0;left:0;z-index:-1;}", ".dimension-list-overlay.jsx-4262244129{position:absolute;width:100%;height:100%;z-index:2;top:0;left:0;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-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;}", `.filter-wrapper.jsx-4262244129{padding:${_ui.spacers.dp8};border:1px solid ${_ui.colors.grey400};border-bottom:0;}`, `.selector-wrapper.jsx-4262244129{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;gap:${_ui.spacers.dp4};}`, `.sub-header.jsx-4262244129{font-size:14px;font-weight:normal;margin:0 0 ${_ui.spacers.dp4};}`, `.group-select.jsx-4262244129{width:50%;margin-top:${_ui.spacers.dp4};}`, `.empty-list.jsx-4262244129{text-align:center;font-size:14px;line-height:16px;margin:${_ui.spacers.dp24} 0 0;color:${_ui.colors.grey700};}`];
 _defaultExport.__hash = "4262244129";
 var _default = _defaultExport;
 exports.default = _default;

package/build/cjs/components/DataDimension/Calculation/styles/DraggingItem.style.js

@@ -4,10 +4,8 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
-
 var _ui = require("@dhis2/ui");
-
-const _defaultExport = [".dragging.jsx-2818590818{border:2px solid ".concat(_ui.colors.blue500, ";cursor:-webkit-grab;cursor:-moz-grab;cursor:grab;}"), ".number.jsx-2818590818{padding:0 ".concat(_ui.spacers.dp8, ";}")];
+const _defaultExport = [`.dragging.jsx-2818590818{border:2px solid ${_ui.colors.blue500};cursor:-webkit-grab;cursor:-moz-grab;cursor:grab;}`, `.number.jsx-2818590818{padding:0 ${_ui.spacers.dp8};}`];
 _defaultExport.__hash = "2818590818";
 var _default = _defaultExport;
 exports.default = _default;

package/build/cjs/components/DataDimension/Calculation/styles/DropZone.style.js

@@ -4,10 +4,8 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
-
 var _ui = require("@dhis2/ui");
-
-const _defaultExport = [".first-dropzone.jsx-3773517794{position:absolute;top:0;left:0;z-index:-1;width:24px;height:28px;background-color:transparent;}", ".dragging-over.jsx-3773517794{z-index:100;}", ".empty.jsx-3773517794{position:relative;-webkit-box-flex:1;-webkit-flex-grow:1;-ms-flex-positive:1;flex-grow:1;z-index:100;margin-left:-10px;margin-top:-4px;}", ".dragging-over.jsx-3773517794::before,.dragging-over.jsx-3773517794::after{content:'';position:absolute;}", ".dragging-over.jsx-3773517794::before{top:10px;width:4px;left:4px;height:18px;background-color:".concat(_ui.colors.blue500, ";}"), ".dragging-over.jsx-3773517794::after{top:0;left:0;width:12px;height:12px;border:4px solid ".concat(_ui.colors.blue500, ";background:transparent;border-radius:12px;}")];
+const _defaultExport = [".first-dropzone.jsx-3773517794{position:absolute;top:0;left:0;z-index:-1;width:24px;height:28px;background-color:transparent;}", ".dragging-over.jsx-3773517794{z-index:100;}", ".empty.jsx-3773517794{position:relative;-webkit-box-flex:1;-webkit-flex-grow:1;-ms-flex-positive:1;flex-grow:1;z-index:100;margin-left:-10px;margin-top:-4px;}", ".dragging-over.jsx-3773517794::before,.dragging-over.jsx-3773517794::after{content:'';position:absolute;}", `.dragging-over.jsx-3773517794::before{top:10px;width:4px;left:4px;height:18px;background-color:${_ui.colors.blue500};}`, `.dragging-over.jsx-3773517794::after{top:0;left:0;width:12px;height:12px;border:4px solid ${_ui.colors.blue500};background:transparent;border-radius:12px;}`];
 _defaultExport.__hash = "3773517794";
 var _default = _defaultExport;
 exports.default = _default;

package/build/cjs/components/DataDimension/Calculation/styles/FormulaField.style.js

@@ -4,10 +4,8 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
-
 var _ui = require("@dhis2/ui");
-
-const _defaultExport = [".formula-field.jsx-926760428{border-right:2px solid ".concat(_ui.colors.grey200, ";height:180px;overflow:auto;padding:6px 12px;position:relative;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-align-items:flex-start;-webkit-box-align:flex-start;-ms-flex-align:flex-start;align-items:flex-start;-webkit-align-content:flex-start;-ms-flex-line-pack:start;align-content:flex-start;-webkit-flex-wrap:wrap;-ms-flex-wrap:wrap;flex-wrap:wrap;gap:").concat(_ui.spacers.dp4, " ").concat(_ui.spacers.dp8, ";width:100%;}"), ".container.jsx-926760428{position:relative;}", ".border.jsx-926760428{position:absolute;top:0;left:6px;height:180px;width:calc(100% - 6px);border-left:2px solid ".concat(_ui.colors.grey200, ";border-top:2px solid ").concat(_ui.colors.grey200, ";border-bottom:2px solid ").concat(_ui.colors.grey200, ";}"), ".placeholder.jsx-926760428{height:100%;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;gap:".concat(_ui.spacers.dp8, ";-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;margin-top:-28px;padding:0 ").concat(_ui.spacers.dp32, ";}"), ".help-text.jsx-926760428{color:".concat(_ui.colors.grey600, ";font-size:14px;line-height:19px;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;}")];
+const _defaultExport = [`.formula-field.jsx-926760428{border-right:2px solid ${_ui.colors.grey200};height:180px;overflow:auto;padding:6px 12px;position:relative;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-align-items:flex-start;-webkit-box-align:flex-start;-ms-flex-align:flex-start;align-items:flex-start;-webkit-align-content:flex-start;-ms-flex-line-pack:start;align-content:flex-start;-webkit-flex-wrap:wrap;-ms-flex-wrap:wrap;flex-wrap:wrap;gap:${_ui.spacers.dp4} ${_ui.spacers.dp8};width:100%;}`, ".container.jsx-926760428{position:relative;}", `.border.jsx-926760428{position:absolute;top:0;left:6px;height:180px;width:calc(100% - 6px);border-left:2px solid ${_ui.colors.grey200};border-top:2px solid ${_ui.colors.grey200};border-bottom:2px solid ${_ui.colors.grey200};}`, `.placeholder.jsx-926760428{height:100%;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;gap:${_ui.spacers.dp8};-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;margin-top:-28px;padding:0 ${_ui.spacers.dp32};}`, `.help-text.jsx-926760428{color:${_ui.colors.grey600};font-size:14px;line-height:19px;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;}`];
 _defaultExport.__hash = "926760428";
 var _default = _defaultExport;
 exports.default = _default;

package/build/cjs/components/DataDimension/Calculation/styles/FormulaItem.style.js

@@ -4,10 +4,8 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
-
 var _ui = require("@dhis2/ui");
-
-const _defaultExport = [".formula-item.jsx-255634210{position:relative;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content;}", ".formula-item.jsx-255634210:not(.inactive){opacity:0.5;}", ".content.jsx-255634210{display:-webkit-inline-box;display:-webkit-inline-flex;display:-ms-inline-flexbox;display:inline-flex;-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;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;height:24px;font-size:14px;border-radius:3px;background:".concat(_ui.colors.grey200, ";}"), ".icon.jsx-255634210{display:-webkit-inline-box;display:-webkit-inline-flex;display:-ms-inline-flexbox;display:inline-flex;margin-right:2px;}", ".operator.jsx-255634210{padding:0;width:24px;}", ".data.jsx-255634210,.number.jsx-255634210{padding:0 ".concat(_ui.spacers.dp8, " 0 2px;}"), ".operator.jsx-255634210 .label.jsx-255634210{margin-bottom:1px;}", ".data.jsx-255634210 .label.jsx-255634210{max-width:280px;text-overflow:ellipsis;overflow:hidden;white-space:nowrap;}", ".number-positioner.jsx-255634210{position:relative;line-height:18px;}", ".number-width.jsx-255634210{padding:0 24px 0 0;visibility:hidden;}", ".input.jsx-255634210{position:absolute;width:100%;left:0;background-color:transparent;border:1px dashed #a0adba;padding:0 0 0 2px;}", ".input.jsx-255634210:hover,.input.jsx-255634210:focus{background:white;border:1px solid rgba(0,0,0,0.2);}", ".highlighted.jsx-255634210{background:".concat(_ui.theme.secondary800, ";color:").concat(_ui.colors.white, ";}"), ".highlighted.jsx-255634210 .input.jsx-255634210{color:".concat(_ui.colors.white, ";}"), ".highlighted.jsx-255634210 .input.jsx-255634210:hover,.highlighted.jsx-255634210 .input.jsx-255634210:active,.highlighted.jsx-255634210 .input.jsx-255634210:focus{color:".concat(_ui.colors.grey900, ";}"), ".highlighted.jsx-255634210 .icon path{fill:".concat(_ui.colors.white, ";}"), ".inactive.insertBefore.jsx-255634210 .content.jsx-255634210::before,.inactive.insertAfter.jsx-255634210 .content.jsx-255634210::before,.inactive.insertBefore.jsx-255634210 .content.jsx-255634210::after,.inactive.insertAfter.jsx-255634210 .content.jsx-255634210::after{content:'';position:absolute;z-index:100;}", ".content.jsx-255634210::before{top:6px;bottom:0;width:4px;background-color:".concat(_ui.colors.blue500, ";}"), ".content.jsx-255634210::after{top:-4px;width:12px;height:12px;border:4px solid ".concat(_ui.colors.blue500, ";background:transparent;border-radius:12px;}"), ".last-item.jsx-255634210{-webkit-flex:1;-ms-flex:1;flex:1;}", ".insertBefore.jsx-255634210 .content.jsx-255634210::before{left:-6px;}", ".insertBefore.jsx-255634210 .content.jsx-255634210::after{left:-10px;}", ".insertAfter.jsx-255634210 .content.jsx-255634210::before{right:-6px;}", ".insertAfter.jsx-255634210 .content.jsx-255634210::after{right:-10px;}"];
+const _defaultExport = [".formula-item.jsx-255634210{position:relative;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content;}", ".formula-item.jsx-255634210:not(.inactive){opacity:0.5;}", `.content.jsx-255634210{display:-webkit-inline-box;display:-webkit-inline-flex;display:-ms-inline-flexbox;display:inline-flex;-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;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;height:24px;font-size:14px;border-radius:3px;background:${_ui.colors.grey200};}`, ".icon.jsx-255634210{display:-webkit-inline-box;display:-webkit-inline-flex;display:-ms-inline-flexbox;display:inline-flex;margin-right:2px;}", ".operator.jsx-255634210{padding:0;width:24px;}", `.data.jsx-255634210,.number.jsx-255634210{padding:0 ${_ui.spacers.dp8} 0 2px;}`, ".operator.jsx-255634210 .label.jsx-255634210{margin-bottom:1px;}", ".data.jsx-255634210 .label.jsx-255634210{max-width:280px;text-overflow:ellipsis;overflow:hidden;white-space:nowrap;}", ".number-positioner.jsx-255634210{position:relative;line-height:18px;}", ".number-width.jsx-255634210{padding:0 24px 0 0;visibility:hidden;}", ".input.jsx-255634210{position:absolute;width:100%;left:0;background-color:transparent;border:1px dashed #a0adba;padding:0 0 0 2px;}", ".input.jsx-255634210:hover,.input.jsx-255634210:focus{background:white;border:1px solid rgba(0,0,0,0.2);}", `.highlighted.jsx-255634210{background:${_ui.theme.secondary800};color:${_ui.colors.white};}`, `.highlighted.jsx-255634210 .input.jsx-255634210{color:${_ui.colors.white};}`, `.highlighted.jsx-255634210 .input.jsx-255634210:hover,.highlighted.jsx-255634210 .input.jsx-255634210:active,.highlighted.jsx-255634210 .input.jsx-255634210:focus{color:${_ui.colors.grey900};}`, `.highlighted.jsx-255634210 .icon path{fill:${_ui.colors.white};}`, ".inactive.insertBefore.jsx-255634210 .content.jsx-255634210::before,.inactive.insertAfter.jsx-255634210 .content.jsx-255634210::before,.inactive.insertBefore.jsx-255634210 .content.jsx-255634210::after,.inactive.insertAfter.jsx-255634210 .content.jsx-255634210::after{content:'';position:absolute;z-index:100;}", `.content.jsx-255634210::before{top:6px;bottom:0;width:4px;background-color:${_ui.colors.blue500};}`, `.content.jsx-255634210::after{top:-4px;width:12px;height:12px;border:4px solid ${_ui.colors.blue500};background:transparent;border-radius:12px;}`, ".last-item.jsx-255634210{-webkit-flex:1;-ms-flex:1;flex:1;}", ".insertBefore.jsx-255634210 .content.jsx-255634210::before{left:-6px;}", ".insertBefore.jsx-255634210 .content.jsx-255634210::after{left:-10px;}", ".insertAfter.jsx-255634210 .content.jsx-255634210::before{right:-6px;}", ".insertAfter.jsx-255634210 .content.jsx-255634210::after{right:-10px;}"];
 _defaultExport.__hash = "255634210";
 var _default = _defaultExport;
 exports.default = _default;

package/build/cjs/components/DataDimension/Calculation/styles/MathOperatorSelector.style.js

@@ -4,10 +4,8 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
-
 var _ui = require("@dhis2/ui");
-
-const _defaultExport = [".wrapper.jsx-1314592703{border:1px solid ".concat(_ui.colors.grey400, ";margin-top:").concat(_ui.spacers.dp8, ";}"), ".operators.jsx-1314592703{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-wrap:wrap;-ms-flex-wrap:wrap;flex-wrap:wrap;gap:".concat(_ui.spacers.dp4, ";padding:").concat(_ui.spacers.dp4, ";border-top:1px solid ").concat(_ui.colors.grey400, ";}"), ".sub-header.jsx-1314592703{font-size:14px;font-weight:normal;margin:".concat(_ui.spacers.dp4, " ").concat(_ui.spacers.dp8, ";}")];
+const _defaultExport = [`.wrapper.jsx-1314592703{border:1px solid ${_ui.colors.grey400};margin-top:${_ui.spacers.dp8};}`, `.operators.jsx-1314592703{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-wrap:wrap;-ms-flex-wrap:wrap;flex-wrap:wrap;gap:${_ui.spacers.dp4};padding:${_ui.spacers.dp4};border-top:1px solid ${_ui.colors.grey400};}`, `.sub-header.jsx-1314592703{font-size:14px;font-weight:normal;margin:${_ui.spacers.dp4} ${_ui.spacers.dp8};}`];
 _defaultExport.__hash = "1314592703";
 var _default = _defaultExport;
 exports.default = _default;

package/build/cjs/components/DataDimension/Calculation/styles/Operator.style.js

@@ -4,10 +4,8 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
-
 var _ui = require("@dhis2/ui");
-
-const _defaultExport = [".number.jsx-2117397001{padding:0 ".concat(_ui.spacers.dp8, ";}"), ".operator.jsx-2117397001:hover,.number.jsx-2117397001:hover{background:".concat(_ui.colors.grey300, ";}")];
+const _defaultExport = [`.number.jsx-2117397001{padding:0 ${_ui.spacers.dp8};}`, `.operator.jsx-2117397001:hover,.number.jsx-2117397001:hover{background:${_ui.colors.grey300};}`];
 _defaultExport.__hash = "2117397001";
 var _default = _defaultExport;
 exports.default = _default;

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

@@ -4,19 +4,12 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
-
 var _appRuntime = require("@dhis2/app-runtime");
-
 var _propTypes = _interopRequireDefault(require("prop-types"));
-
 var _react = _interopRequireDefault(require("react"));
-
 var _predefinedDimensions = require("../../modules/predefinedDimensions.js");
-
 var _ItemSelector = _interopRequireDefault(require("./ItemSelector.js"));
-
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-
 const DataDimension = _ref => {
   let {
     onSelect,
@@ -28,8 +21,7 @@ const DataDimension = _ref => {
   const {
     serverVersion
   } = (0, _appRuntime.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: _predefinedDimensions.DIMENSION_ID_DATA,
     items: selectedItem.map(item => ({
@@ -39,7 +31,6 @@ const DataDimension = _ref => {
       expression: item.expression
     }))
   });
-
   return /*#__PURE__*/_react.default.createElement(_ItemSelector.default, {
     selectedItems: selectedDimensions.map(item => ({
       value: item.id,
@@ -57,7 +48,6 @@ const DataDimension = _ref => {
     onEDISave: onCalculationSave
   });
 };
-
 DataDimension.propTypes = {
   displayNameProp: _propTypes.default.string.isRequired,
   selectedDimensions: _propTypes.default.arrayOf(_propTypes.default.shape({

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

@@ -4,26 +4,16 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = 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 _DataTypeSelectorStyle = _interopRequireDefault(require("./styles/DataTypeSelector.style.js"));
-
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-
 const DataTypeSelector = _ref => {
   var _dataTypes$currentDat;
-
   let {
     currentDataType,
     onChange,
@@ -31,7 +21,7 @@ const DataTypeSelector = _ref => {
     includeCalculations
   } = _ref;
   return /*#__PURE__*/_react.default.createElement("div", {
-    className: "jsx-".concat(_DataTypeSelectorStyle.default.__hash) + " " + "container"
+    className: `jsx-${_DataTypeSelectorStyle.default.__hash}` + " " + "container"
   }, /*#__PURE__*/_react.default.createElement(_ui.SingleSelectField, {
     label: _index.default.t('Data Type'),
     dataTest: dataTest,
@@ -42,17 +32,16 @@ const DataTypeSelector = _ref => {
     value: _dataTypes.DIMENSION_TYPE_ALL,
     key: _dataTypes.DIMENSION_TYPE_ALL,
     label: _index.default.t('All types'),
-    dataTest: "".concat(dataTest, "-option-all")
+    dataTest: `${dataTest}-option-all`
   }), Object.values(_dataTypes.dataTypeMap).filter(type => type.id !== _dataTypes.DIMENSION_TYPE_EXPRESSION_DIMENSION_ITEM || includeCalculations).map(type => /*#__PURE__*/_react.default.createElement(_ui.SingleSelectOption, {
     value: type.id,
     key: type.id,
     label: type.getName(),
-    dataTest: "".concat(dataTest, "-option-").concat(type.id)
+    dataTest: `${dataTest}-option-${type.id}`
   }))), /*#__PURE__*/_react.default.createElement(_style.default, {
     id: _DataTypeSelectorStyle.default.__hash
   }, _DataTypeSelectorStyle.default));
 };
-
 DataTypeSelector.propTypes = {
   currentDataType: _propTypes.default.string.isRequired,
   onChange: _propTypes.default.func.isRequired,