@dhis2/analytics 21.0.0-alpha.2 → 21.0.1

package/build/cjs/components/OpenFileDialog/OpenFileDialog.js

@@ -33,9 +33,9 @@ var _utils = require("./utils");
 
 var _VisTypeFilter = require("./VisTypeFilter");
 
-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 _getRequireWildcardCache() { if (typeof WeakMap !== "function") return null; var cache = new WeakMap(); _getRequireWildcardCache = function () { return cache; }; return cache; }
 
-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 _interopRequireWildcard(obj) { if (obj && obj.__esModule) { return obj; } if (obj === null || typeof obj !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (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 }; }
 
@@ -50,14 +50,14 @@ const getQuery = type => ({
     }) => {
       const queryParams = {
         filter: filters,
-        fields: `id,type,displayName,title,displayDescription,created,lastUpdated,user,access,href`,
+        fields: "id,type,displayName,title,displayDescription,created,lastUpdated,user,access,href",
         paging: true,
         pageSize: 8,
         page
       };
 
       if (sortDirection !== 'default') {
-        queryParams.order = `${sortField}:${sortDirection}`;
+        queryParams.order = "".concat(sortField, ":").concat(sortDirection);
       }
 
       return queryParams;
@@ -96,11 +96,11 @@ const OpenFileDialog = ({
 
     switch (filters.createdBy) {
       case _CreatedByFilter.CREATED_BY_ALL_BUT_CURRENT_USER:
-        queryFilters.push(`user.id:!eq:${currentUser.id}`);
+        queryFilters.push("user.id:!eq:".concat(currentUser.id));
         break;
 
       case _CreatedByFilter.CREATED_BY_CURRENT_USER:
-        queryFilters.push(`user.id:eq:${currentUser.id}`);
+        queryFilters.push("user.id:eq:".concat(currentUser.id));
         break;
 
       case _CreatedByFilter.CREATED_BY_ALL:
@@ -117,12 +117,12 @@ const OpenFileDialog = ({
         break;
 
       default:
-        queryFilters.push(`type:eq:${filters.visType}`);
+        queryFilters.push("type:eq:".concat(filters.visType));
         break;
     }
 
     if (filters.searchTerm) {
-      queryFilters.push(`name:ilike:${filters.searchTerm}`);
+      queryFilters.push("name:ilike:".concat(filters.searchTerm));
     } // for ER 2.38 only show line list ER types
 
 
@@ -200,11 +200,11 @@ const OpenFileDialog = ({
   }, /*#__PURE__*/_react.default.createElement(_ui.ModalTitle, null, (0, _utils.getTranslatedString)(type, 'modalTitle')), /*#__PURE__*/_react.default.createElement(_ui.ModalContent, null, /*#__PURE__*/_react.default.createElement(_ui.Box, {
     minHeight: "496px"
   }, /*#__PURE__*/_react.default.createElement("div", {
-    className: `jsx-${_OpenFileDialog.styles.__hash}` + " " + "search-and-filter-bar"
+    className: "jsx-".concat(_OpenFileDialog.styles.__hash) + " " + "search-and-filter-bar"
   }, /*#__PURE__*/_react.default.createElement("div", {
-    className: `jsx-${_OpenFileDialog.styles.__hash}` + " " + "search-field-container"
+    className: "jsx-".concat(_OpenFileDialog.styles.__hash) + " " + "search-field-container"
   }, /*#__PURE__*/_react.default.createElement(_NameFilter.NameFilter, {
-    dataTest: `${cypressSelector}-name-filter`,
+    dataTest: "".concat(cypressSelector, "-name-filter"),
     value: nameFilterValue,
     onChange: value => {
       setNameFilterValue(value);
@@ -214,14 +214,14 @@ const OpenFileDialog = ({
       }), 200));
     }
   })), type === _utils.AO_TYPE_VISUALIZATION && /*#__PURE__*/_react.default.createElement("div", {
-    className: `jsx-${_OpenFileDialog.styles.__hash}` + " " + "type-field-container"
+    className: "jsx-".concat(_OpenFileDialog.styles.__hash) + " " + "type-field-container"
   }, /*#__PURE__*/_react.default.createElement(_VisTypeFilter.VisTypeFilter, {
     selected: filters.visType,
     onChange: value => setFilters({ ...filters,
       visType: value
     })
   })), /*#__PURE__*/_react.default.createElement("div", {
-    className: `jsx-${_OpenFileDialog.styles.__hash}` + " " + "created-by-field-container"
+    className: "jsx-".concat(_OpenFileDialog.styles.__hash) + " " + "created-by-field-container"
   }, /*#__PURE__*/_react.default.createElement(_CreatedByFilter.CreatedByFilter, {
     selected: filters.createdBy,
     onChange: value => setFilters({ ...filters,
@@ -259,25 +259,25 @@ const OpenFileDialog = ({
   }, /*#__PURE__*/_react.default.createElement(_ui.Box, {
     height: "384px"
   }, /*#__PURE__*/_react.default.createElement("div", {
-    className: `jsx-${_OpenFileDialog.styles.__hash}` + " " + "info-cell"
+    className: "jsx-".concat(_OpenFileDialog.styles.__hash) + " " + "info-cell"
   }, /*#__PURE__*/_react.default.createElement(_ui.CircularLoader, {
     small: true
   }), /*#__PURE__*/_react.default.createElement("span", {
-    className: `jsx-${_OpenFileDialog.styles.__hash}` + " " + "info-text"
+    className: "jsx-".concat(_OpenFileDialog.styles.__hash) + " " + "info-text"
   }, (0, _utils.getTranslatedString)(type, 'loadingText')))))), !loading && !(data !== null && data !== void 0 && data.files[_utils.AOTypeMap[type].apiEndpoint].length) > 0 && /*#__PURE__*/_react.default.createElement(_ui.DataTableRow, null, /*#__PURE__*/_react.default.createElement(_ui.DataTableCell, {
     large: true
   }, /*#__PURE__*/_react.default.createElement(_ui.Box, {
     minHeight: "384px"
   }, /*#__PURE__*/_react.default.createElement("div", {
-    className: `jsx-${_OpenFileDialog.styles.__hash}` + " " + "info-cell"
+    className: "jsx-".concat(_OpenFileDialog.styles.__hash) + " " + "info-cell"
   }, /*#__PURE__*/_react.default.createElement("div", {
-    className: `jsx-${_OpenFileDialog.styles.__hash}` + " " + "info-container"
+    className: "jsx-".concat(_OpenFileDialog.styles.__hash) + " " + "info-container"
   }, !(0, _isEqual.default)(filters, defaultFilters) ? /*#__PURE__*/_react.default.createElement("span", {
-    className: `jsx-${_OpenFileDialog.styles.__hash}` + " " + "info-text"
+    className: "jsx-".concat(_OpenFileDialog.styles.__hash) + " " + "info-text"
   }, (0, _utils.getTranslatedString)(type, 'noFilteredDataText')) : /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement("div", {
-    className: `jsx-${_OpenFileDialog.styles.__hash}` + " " + "info-text"
+    className: "jsx-".concat(_OpenFileDialog.styles.__hash) + " " + "info-text"
   }, (0, _utils.getTranslatedString)(type, 'noDataText')), /*#__PURE__*/_react.default.createElement("div", {
-    className: `jsx-${_OpenFileDialog.styles.__hash}` + " " + "info-button"
+    className: "jsx-".concat(_OpenFileDialog.styles.__hash) + " " + "info-button"
   }, /*#__PURE__*/_react.default.createElement(_ui.Button, {
     onClick: () => {
       onNew();
@@ -290,7 +290,7 @@ const OpenFileDialog = ({
   }))), (data === null || data === void 0 ? void 0 : data.files[_utils.AOTypeMap[type].apiEndpoint].length) > 0 && /*#__PURE__*/_react.default.createElement(_ui.DataTableToolbar, {
     position: "bottom"
   }, /*#__PURE__*/_react.default.createElement("div", {
-    className: `jsx-${_OpenFileDialog.styles.__hash}` + " " + "pagination-controls"
+    className: "jsx-".concat(_OpenFileDialog.styles.__hash) + " " + "pagination-controls"
   }, /*#__PURE__*/_react.default.createElement(_PaginationControls.PaginationControls, {
     page: page,
     pager: data.files.pager,

package/build/cjs/components/OpenFileDialog/OpenFileDialog.styles.js

@@ -7,6 +7,6 @@ exports.styles = void 0;
 
 var _ui = require("@dhis2/ui");
 
-const styles = [".data-table-body.jsx-2890213967{min-height:465px;}", ".pagination-controls.jsx-2890213967{width:100%;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-pack:end;-webkit-justify-content:flex-end;-ms-flex-pack:end;justify-content:flex-end;}", `.search-and-filter-bar.jsx-2890213967{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;margin-bottom:${_ui.spacers.dp8};}`, ".search-field-container.jsx-2890213967{min-width:220px;}", ".type-field-container.jsx-2890213967,.created-by-field-container.jsx-2890213967{min-width:180px;}", `.info-cell.jsx-2890213967{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;margin:${_ui.spacers.dp32} 0;}`, ".info-container.jsx-2890213967{max-width:400px;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;-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;}", `.info-text.jsx-2890213967{text-align:center;font-size:14px;line-height:19px;color:${_ui.colors.grey700};}`, `.info-button.jsx-2890213967{margin-top:${_ui.spacers.dp12};}`];
+const styles = [".data-table-body.jsx-2890213967{min-height:465px;}", ".pagination-controls.jsx-2890213967{width:100%;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-pack:end;-webkit-justify-content:flex-end;-ms-flex-pack:end;justify-content:flex-end;}", ".search-and-filter-bar.jsx-2890213967{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;margin-bottom:".concat(_ui.spacers.dp8, ";}"), ".search-field-container.jsx-2890213967{min-width:220px;}", ".type-field-container.jsx-2890213967,.created-by-field-container.jsx-2890213967{min-width:180px;}", ".info-cell.jsx-2890213967{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;margin:".concat(_ui.spacers.dp32, " 0;}"), ".info-container.jsx-2890213967{max-width:400px;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;-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;}", ".info-text.jsx-2890213967{text-align:center;font-size:14px;line-height:19px;color:".concat(_ui.colors.grey700, ";}"), ".info-button.jsx-2890213967{margin-top:".concat(_ui.spacers.dp12, ";}")];
 exports.styles = styles;
 styles.__hash = "2890213967";

package/build/cjs/components/OpenFileDialog/styles/CustomSelectOption.style.js

@@ -7,7 +7,7 @@ exports.default = void 0;
 
 var _ui = require("@dhis2/ui");
 
-const _defaultExport = [`div.jsx-1267200705{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;cursor:pointer;font-size:14px;-webkit-text-decoration:none;text-decoration:none;color:${_ui.colors.grey900};padding:${_ui.spacers.dp8} ${_ui.spacers.dp12};}`, `div.jsx-1267200705:hover{background-color:${_ui.colors.grey200};}`, `div.jsx-1267200705:active,div.active.jsx-1267200705{background-color:${_ui.colors.teal700};color:${_ui.colors.white};cursor:auto;}`, `div.disabled.jsx-1267200705{color:${_ui.colors.grey500};cursor:not-allowed;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;}`, "div.disabled.jsx-1267200705:hover{background-color:initial;}", `span.label.jsx-1267200705{margin-left:${_ui.spacers.dp8};}`];
+const _defaultExport = ["div.jsx-1267200705{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;cursor:pointer;font-size:14px;-webkit-text-decoration:none;text-decoration:none;color:".concat(_ui.colors.grey900, ";padding:").concat(_ui.spacers.dp8, " ").concat(_ui.spacers.dp12, ";}"), "div.jsx-1267200705:hover{background-color:".concat(_ui.colors.grey200, ";}"), "div.jsx-1267200705:active,div.active.jsx-1267200705{background-color:".concat(_ui.colors.teal700, ";color:").concat(_ui.colors.white, ";cursor:auto;}"), "div.disabled.jsx-1267200705{color:".concat(_ui.colors.grey500, ";cursor:not-allowed;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;}"), "div.disabled.jsx-1267200705:hover{background-color:initial;}", "span.label.jsx-1267200705{margin-left:".concat(_ui.spacers.dp8, ";}")];
 _defaultExport.__hash = "1267200705";
 var _default = _defaultExport;
 exports.default = _default;

package/build/cjs/components/Options/VisualizationOptions.js

@@ -15,9 +15,9 @@ var _react = _interopRequireWildcard(require("react"));
 
 var _VisualizationOptionsStyle = require("./styles/VisualizationOptions.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 _getRequireWildcardCache() { if (typeof WeakMap !== "function") return null; var cache = new WeakMap(); _getRequireWildcardCache = function () { return cache; }; return cache; }
 
-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 _interopRequireWildcard(obj) { if (obj && obj.__esModule) { return obj; } if (obj === null || typeof obj !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (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 }; }
 

package/build/cjs/components/Options/styles/VisualizationOptions.style.js

@@ -23,21 +23,21 @@ exports.modalContent = modalContent;
 const tabBar = {
   styles: /*#__PURE__*/_react.default.createElement(_style.default, {
     id: "3103009923"
-  }, [`div.jsx-3103009923{padding-right:${_ui.spacers.dp24};}`]),
+  }, ["div.jsx-3103009923{padding-right:".concat(_ui.spacers.dp24, ";}")]),
   className: "jsx-3103009923"
 };
 exports.tabBar = tabBar;
 const tabContent = {
   styles: /*#__PURE__*/_react.default.createElement(_style.default, {
     id: "2208787536"
-  }, [`div.jsx-2208787536{overflow:auto;padding-right:${_ui.spacers.dp24};}`]),
+  }, ["div.jsx-2208787536{overflow:auto;padding-right:".concat(_ui.spacers.dp24, ";}")]),
   className: "jsx-2208787536"
 };
 exports.tabContent = tabContent;
 const tabSection = {
   styles: /*#__PURE__*/_react.default.createElement(_style.default, {
     id: "1427514941"
-  }, [`div.jsx-1427514941{padding:${_ui.spacers.dp16} 0;}`, `div.jsx-1427514941:not(:last-child){border-bottom:1px solid ${_ui.colors.grey300};margin-bottom:${_ui.spacers.dp8};}`]),
+  }, ["div.jsx-1427514941{padding:".concat(_ui.spacers.dp16, " 0;}"), "div.jsx-1427514941:not(:last-child){border-bottom:1px solid ".concat(_ui.colors.grey300, ";margin-bottom:").concat(_ui.spacers.dp8, ";}")]),
   className: "jsx-1427514941"
 };
 exports.tabSection = tabSection;
@@ -51,42 +51,42 @@ exports.tabSectionContent = tabSectionContent;
 const tabSectionTitle = {
   styles: /*#__PURE__*/_react.default.createElement(_style.default, {
     id: "3115295887"
-  }, [`span.jsx-3115295887{display:inline-block;padding-bottom:${_ui.spacers.dp12};font-size:15px;color:${_ui.colors.grey900};font-weight:500;-webkit-letter-spacing:0.2px;-moz-letter-spacing:0.2px;-ms-letter-spacing:0.2px;letter-spacing:0.2px;}`]),
+  }, ["span.jsx-3115295887{display:inline-block;padding-bottom:".concat(_ui.spacers.dp12, ";font-size:15px;color:").concat(_ui.colors.grey900, ";font-weight:500;-webkit-letter-spacing:0.2px;-moz-letter-spacing:0.2px;-ms-letter-spacing:0.2px;letter-spacing:0.2px;}")]),
   className: "jsx-3115295887"
 };
 exports.tabSectionTitle = tabSectionTitle;
 const tabSectionTitleMargin = {
   styles: /*#__PURE__*/_react.default.createElement(_style.default, {
     id: "642558349"
-  }, [`span.jsx-642558349{margin-top:${_ui.spacers.dp8};}`]),
+  }, ["span.jsx-642558349{margin-top:".concat(_ui.spacers.dp8, ";}")]),
   className: "jsx-642558349"
 };
 exports.tabSectionTitleMargin = tabSectionTitleMargin;
 const tabSectionOption = {
   styles: /*#__PURE__*/_react.default.createElement(_style.default, {
     id: "1665807213"
-  }, [`div.jsx-1665807213:not(:last-child):not(.inline){padding-bottom:${_ui.spacers.dp16};}`]),
+  }, ["div.jsx-1665807213:not(:last-child):not(.inline){padding-bottom:".concat(_ui.spacers.dp16, ";}")]),
   className: "jsx-1665807213"
 };
 exports.tabSectionOption = tabSectionOption;
 const tabSectionOptionItem = {
   styles: /*#__PURE__*/_react.default.createElement(_style.default, {
     id: "2983019948"
-  }, [`div.jsx-2983019948:not(:last-child){padding-bottom:${_ui.spacers.dp8};}`]),
+  }, ["div.jsx-2983019948:not(:last-child){padding-bottom:".concat(_ui.spacers.dp8, ";}")]),
   className: "jsx-2983019948"
 };
 exports.tabSectionOptionItem = tabSectionOptionItem;
 const tabSectionOptionText = {
   styles: /*#__PURE__*/_react.default.createElement(_style.default, {
     id: "3330936769"
-  }, [`p.jsx-3330936769{margin:0;padding-bottom:${_ui.spacers.dp8};font-size:14px;line-height:19px;color:${_ui.colors.grey700};}`]),
+  }, ["p.jsx-3330936769{margin:0;padding-bottom:".concat(_ui.spacers.dp8, ";font-size:14px;line-height:19px;color:").concat(_ui.colors.grey700, ";}")]),
   className: "jsx-3330936769"
 };
 exports.tabSectionOptionText = tabSectionOptionText;
 const tabSectionOptionToggleable = {
   styles: /*#__PURE__*/_react.default.createElement(_style.default, {
     id: "684239008"
-  }, [`div.jsx-684239008{margin:${_ui.spacers.dp4} 0 0 23px;}`]),
+  }, ["div.jsx-684239008{margin:".concat(_ui.spacers.dp4, " 0 0 23px;}")]),
   className: "jsx-684239008"
 };
 exports.tabSectionOptionToggleable = tabSectionOptionToggleable;
@@ -107,7 +107,7 @@ exports.tabSectionOptionComplexInline = tabSectionOptionComplexInline;
 const tabSectionOptionIcon = {
   styles: /*#__PURE__*/_react.default.createElement(_style.default, {
     id: "112181591"
-  }, [`span.jsx-112181591{vertical-align:top;margin-right:${_ui.spacers.dp4};color:${_ui.colors.grey600};}`]),
+  }, ["span.jsx-112181591{vertical-align:top;margin-right:".concat(_ui.spacers.dp4, ";color:").concat(_ui.colors.grey600, ";}")]),
   className: "jsx-112181591"
 };
 exports.tabSectionOptionIcon = tabSectionOptionIcon;

package/build/cjs/components/OrgUnitDimension/OrgUnitDimension.js

@@ -21,22 +21,24 @@ var _organisationUnits = require("../../api/organisationUnits");
 
 var _index = _interopRequireDefault(require("../../locales/index.js"));
 
+var _list = require("../../modules/list");
+
 var _ouIdHelper = require("../../modules/ouIdHelper");
 
 var _predefinedDimensions = require("../../modules/predefinedDimensions");
 
 var _OrgUnitDimension = _interopRequireDefault(require("./styles/OrgUnitDimension.style"));
 
-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 _getRequireWildcardCache() { if (typeof WeakMap !== "function") return null; var cache = new WeakMap(); _getRequireWildcardCache = function () { return cache; }; return cache; }
 
-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 _interopRequireWildcard(obj) { if (obj && obj.__esModule) { return obj; } if (obj === null || typeof obj !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
 
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 
 const DYNAMIC_ORG_UNITS = [_ouIdHelper.USER_ORG_UNIT, _ouIdHelper.USER_ORG_UNIT_CHILDREN, _ouIdHelper.USER_ORG_UNIT_GRANDCHILDREN];
 
 const OrgUnitDimension = ({
-  root,
+  roots,
   selected,
   onSelect
 }) => {
@@ -54,7 +56,7 @@ const OrgUnitDimension = ({
     let result = [...selected];
 
     if (checked && DYNAMIC_ORG_UNITS.includes(id)) {
-      result = [...result.filter(item => DYNAMIC_ORG_UNITS.includes(item.id)), {
+      result = [...result.filter(item => DYNAMIC_ORG_UNITS.includes(item.id) || _ouIdHelper.ouIdHelper.hasLevelPrefix(item.id) || _ouIdHelper.ouIdHelper.hasGroupPrefix(item.id)), {
         id,
         displayName
       }];
@@ -68,12 +70,17 @@ const OrgUnitDimension = ({
       result = [...result.filter(item => item.id !== id)];
     }
 
-    return onSelect({
+    onSelect({
       dimensionId: _predefinedDimensions.DIMENSION_ID_ORGUNIT,
       items: result
     });
   };
 
+  const clearSelection = () => onSelect({
+    dimensionId: _predefinedDimensions.DIMENSION_ID_ORGUNIT,
+    items: []
+  });
+
   (0, _react.useEffect)(() => {
     const doFetchOuLevels = async () => {
       const result = await (0, _organisationUnits.apiFetchOrganisationUnitLevels)(dataEngine);
@@ -112,10 +119,59 @@ const OrgUnitDimension = ({
     });
   };
 
+  const getSummary = () => {
+    let summary;
+
+    if (selected.length) {
+      const numberOfOrgUnits = selected.filter(item => !DYNAMIC_ORG_UNITS.includes(item.id) && !_ouIdHelper.ouIdHelper.hasLevelPrefix(item.id) && !_ouIdHelper.ouIdHelper.hasGroupPrefix(item.id)).length;
+      const numberOfLevels = selected.filter(item => _ouIdHelper.ouIdHelper.hasLevelPrefix(item.id)).length;
+      const numberOfGroups = selected.filter(item => _ouIdHelper.ouIdHelper.hasGroupPrefix(item.id)).length;
+      const userOrgUnits = selected.filter(item => DYNAMIC_ORG_UNITS.includes(item.id));
+      const parts = [];
+
+      if (numberOfOrgUnits) {
+        parts.push(_index.default.t('{{count}} org units', {
+          count: numberOfOrgUnits,
+          defaultValue: '{{count}} org unit',
+          defaultValue_plural: '{{count}} org units'
+        }));
+      }
+
+      if (numberOfLevels) {
+        parts.push(_index.default.t('{{count}} levels', {
+          count: numberOfLevels,
+          defaultValue: '{{count}} level',
+          defaultValue_plural: '{{count}} levels'
+        }));
+      }
+
+      if (numberOfGroups) {
+        parts.push(_index.default.t('{{count}} groups', {
+          count: numberOfGroups,
+          defaultValue: '{{count}} group',
+          defaultValue_plural: '{{count}} groups'
+        }));
+      }
+
+      userOrgUnits.forEach(orgUnit => {
+        parts.push(orgUnit.name || orgUnit.displayName);
+      });
+      summary = _index.default.t('Selected: {{commaSeparatedListOfOrganisationUnits}}', {
+        keySeparator: '>',
+        nsSeparator: '|',
+        commaSeparatedListOfOrganisationUnits: (0, _list.formatList)(parts)
+      });
+    } else {
+      summary = _index.default.t('Nothing selected');
+    }
+
+    return summary;
+  };
+
   return /*#__PURE__*/_react.default.createElement("div", {
-    className: `jsx-${_OrgUnitDimension.default.__hash}` + " " + "container"
+    className: "jsx-".concat(_OrgUnitDimension.default.__hash) + " " + "container"
   }, /*#__PURE__*/_react.default.createElement("div", {
-    className: `jsx-${_OrgUnitDimension.default.__hash}` + " " + "userOrgUnitsWrapper"
+    className: "jsx-".concat(_OrgUnitDimension.default.__hash) + " " + "userOrgUnitsWrapper"
   }, /*#__PURE__*/_react.default.createElement(_ui.Checkbox, {
     label: _index.default.t('User organisation unit'),
     checked: selected.some(item => item.id === _ouIdHelper.USER_ORG_UNIT),
@@ -150,19 +206,17 @@ const OrgUnitDimension = ({
     }),
     dense: true
   })), /*#__PURE__*/_react.default.createElement("div", {
-    className: `jsx-${_OrgUnitDimension.default.__hash}` + " " + ((0, _classnames.default)('orgUnitTreeWrapper', {
+    className: "jsx-".concat(_OrgUnitDimension.default.__hash) + " " + ((0, _classnames.default)('orgUnitTreeWrapper', {
       disabled: selected.some(item => DYNAMIC_ORG_UNITS.includes(item.id))
     }) || "")
   }, /*#__PURE__*/_react.default.createElement(_ui.OrganisationUnitTree, {
-    roots: root,
-    initiallyExpanded: [root, ...selected.filter(item => !DYNAMIC_ORG_UNITS.includes(item.id) && !_ouIdHelper.ouIdHelper.hasLevelPrefix(item.id) && !_ouIdHelper.ouIdHelper.hasGroupPrefix(item.id)).map(item => item.path)],
+    roots: roots,
+    initiallyExpanded: [...(roots.length === 1 ? ["/".concat(roots[0])] : []), ...selected.filter(item => !DYNAMIC_ORG_UNITS.includes(item.id) && !_ouIdHelper.ouIdHelper.hasLevelPrefix(item.id) && !_ouIdHelper.ouIdHelper.hasGroupPrefix(item.id)).map(item => item.path.substring(0, item.path.lastIndexOf('/'))).filter(path => path)],
     selected: selected.filter(item => !DYNAMIC_ORG_UNITS.includes(item.id) && !_ouIdHelper.ouIdHelper.hasLevelPrefix(item.id) && !_ouIdHelper.ouIdHelper.hasGroupPrefix(item.id)).map(item => item.path),
     onChange: onSelectItems,
     dataTest: 'org-unit-tree'
   })), /*#__PURE__*/_react.default.createElement("div", {
-    className: `jsx-${_OrgUnitDimension.default.__hash}` + " " + ((0, _classnames.default)('selectsWrapper', {
-      disabled: selected.some(item => DYNAMIC_ORG_UNITS.includes(item.id))
-    }) || "")
+    className: "jsx-".concat(_OrgUnitDimension.default.__hash) + " " + "selectsWrapper"
   }, /*#__PURE__*/_react.default.createElement(_ui.MultiSelect, {
     selected: ouLevels.length ? selected.filter(item => _ouIdHelper.ouIdHelper.hasLevelPrefix(item.id)).map(item => _ouIdHelper.ouIdHelper.removePrefix(item.id)) : [],
     onChange: ({
@@ -176,7 +230,7 @@ const OrgUnitDimension = ({
     key: level.id,
     value: level.id,
     label: level.displayName,
-    dataTest: `org-unit-level-select-option-${level.id}`
+    dataTest: "org-unit-level-select-option-".concat(level.id)
   }))), /*#__PURE__*/_react.default.createElement(_ui.MultiSelect, {
     selected: ouGroups.length ? selected.filter(item => _ouIdHelper.ouIdHelper.hasGroupPrefix(item.id)).map(item => _ouIdHelper.ouIdHelper.removePrefix(item.id)) : [],
     onChange: ({
@@ -190,14 +244,25 @@ const OrgUnitDimension = ({
     key: group.id,
     value: group.id,
     label: group.displayName,
-    dataTest: `org-unit-group-select-option-${group.id}`
-  })))), /*#__PURE__*/_react.default.createElement(_style.default, {
+    dataTest: "org-unit-group-select-option-".concat(group.id)
+  })))), /*#__PURE__*/_react.default.createElement("div", {
+    className: "jsx-".concat(_OrgUnitDimension.default.__hash) + " " + "summaryWrapper"
+  }, /*#__PURE__*/_react.default.createElement("span", {
+    className: "jsx-".concat(_OrgUnitDimension.default.__hash) + " " + "summaryText"
+  }, getSummary()), /*#__PURE__*/_react.default.createElement("div", {
+    className: "jsx-".concat(_OrgUnitDimension.default.__hash) + " " + "deselectButton"
+  }, /*#__PURE__*/_react.default.createElement(_ui.Button, {
+    secondary: true,
+    small: true,
+    onClick: clearSelection,
+    disabled: !selected.length
+  }, _index.default.t('Deselect all')))), /*#__PURE__*/_react.default.createElement(_style.default, {
     id: _OrgUnitDimension.default.__hash
   }, _OrgUnitDimension.default));
 };
 
 OrgUnitDimension.propTypes = {
-  root: _propTypes.default.string,
+  roots: _propTypes.default.arrayOf(_propTypes.default.string),
   selected: _propTypes.default.arrayOf(_propTypes.default.shape({
     id: _propTypes.default.string.isRequired,
     name: _propTypes.default.string.isRequired,

package/build/cjs/components/OrgUnitDimension/styles/OrgUnitDimension.style.js

@@ -7,7 +7,7 @@ exports.default = void 0;
 
 var _ui = require("@dhis2/ui");
 
-const _defaultExport = [".container.jsx-1731397832{height:100%;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;}", ".orgUnitTreeWrapper.jsx-1731397832{height:418px;-webkit-box-flex:1;-webkit-flex-grow:1;-ms-flex-positive:1;flex-grow:1;overflow:auto;}", ".orgUnitTreeWrapper.jsx-1731397832>*{-webkit-box-flex:1;-webkit-flex-grow:1;-ms-flex-positive:1;flex-grow:1;}", ".disabled.jsx-1731397832{cursor:not-allowed;opacity:0.5;}", ".disabled.jsx-1731397832>*{pointer-events:none;}", `.userOrgUnitsWrapper.jsx-1731397832{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;background:${_ui.colors.grey200};padding:${_ui.spacers.dp8} ${_ui.spacers.dp8} ${_ui.spacers.dp8} ${_ui.spacers.dp24};margin-bottom:${_ui.spacers.dp12};}`, `.userOrgUnitsWrapper.jsx-1731397832>*{margin-right:${_ui.spacers.dp48};}`, `.selectsWrapper.jsx-1731397832{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;gap:${_ui.spacers.dp12};margin-top:${_ui.spacers.dp12};}`, ".selectsWrapper.jsx-1731397832>*{width:50%;}"];
-_defaultExport.__hash = "1731397832";
+const _defaultExport = [".container.jsx-3879278432{height:100%;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;}", ".orgUnitTreeWrapper.jsx-3879278432{height:382px;-webkit-box-flex:1;-webkit-flex-grow:1;-ms-flex-positive:1;flex-grow:1;overflow:auto;}", ".orgUnitTreeWrapper.jsx-3879278432>*{-webkit-box-flex:1;-webkit-flex-grow:1;-ms-flex-positive:1;flex-grow:1;}", ".disabled.jsx-3879278432{cursor:not-allowed;opacity:0.5;}", ".disabled.jsx-3879278432>*{pointer-events:none;}", ".userOrgUnitsWrapper.jsx-3879278432{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;background:".concat(_ui.colors.grey200, ";padding:").concat(_ui.spacers.dp8, " ").concat(_ui.spacers.dp8, " ").concat(_ui.spacers.dp8, " ").concat(_ui.spacers.dp24, ";margin-bottom:").concat(_ui.spacers.dp12, ";}"), ".userOrgUnitsWrapper.jsx-3879278432>*{margin-right:".concat(_ui.spacers.dp48, ";}"), ".selectsWrapper.jsx-3879278432{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;gap:".concat(_ui.spacers.dp8, ";margin-top:").concat(_ui.spacers.dp12, ";}"), ".selectsWrapper.jsx-3879278432>*{width:50%;}", ".summaryWrapper.jsx-3879278432{margin-top:".concat(_ui.spacers.dp8, ";}"), ".summaryText.jsx-3879278432{font-size:14px;line-height:18px;color:".concat(_ui.colors.grey700, ";}"), ".deselectButton.jsx-3879278432{display:inline-block;margin-left:".concat(_ui.spacers.dp8, ";}")];
+_defaultExport.__hash = "3879278432";
 var _default = _defaultExport;
 exports.default = _default;

package/build/cjs/components/PeriodDimension/FixedPeriodFilter.js

@@ -34,7 +34,7 @@ const FixedPeriodFilter = ({
 }) => {
   const onlyAllowedTypeIsSelected = Array.isArray(allowedPeriodTypes) && allowedPeriodTypes.length === 1 && allowedPeriodTypes[0] === currentPeriodType;
   return /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement("div", {
-    className: `jsx-${_PeriodFilter.default.__hash}` + " " + "leftSection"
+    className: "jsx-".concat(_PeriodFilter.default.__hash) + " " + "leftSection"
   }, /*#__PURE__*/_react.default.createElement(_ui.SingleSelectField, {
     label: _index.default.t('Period type'),
     onChange: ({
@@ -44,14 +44,14 @@ const FixedPeriodFilter = ({
     selected: currentPeriodType,
     disabled: onlyAllowedTypeIsSelected,
     className: "filterElement",
-    dataTest: `${dataTest}-period-type`
+    dataTest: "".concat(dataTest, "-period-type")
   }, (allowedPeriodTypes ? (0, _fixedPeriods.getFixedPeriodsOptions)().filter(option => allowedPeriodTypes.some(type => type === option.id)) : (0, _index2.filterPeriodTypesById)((0, _fixedPeriods.getFixedPeriodsOptions)(), excludedPeriodTypes)).map(option => /*#__PURE__*/_react.default.createElement(_ui.SingleSelectOption, {
     key: option.id,
     value: option.id,
     label: option.name,
-    dataTest: `${dataTest}-period-type-option-${option.id}`
+    dataTest: "".concat(dataTest, "-period-type-option-").concat(option.id)
   })))), /*#__PURE__*/_react.default.createElement("div", {
-    className: `jsx-${_PeriodFilter.default.__hash}` + " " + "rightSection"
+    className: "jsx-".concat(_PeriodFilter.default.__hash) + " " + "rightSection"
   }, /*#__PURE__*/_react.default.createElement(_ui.InputField, {
     label: _index.default.t('Year'),
     className: "filterElement",
@@ -62,7 +62,7 @@ const FixedPeriodFilter = ({
       value
     }) => onSelectYear(value),
     dense: true,
-    dataTest: `${dataTest}-year`
+    dataTest: "".concat(dataTest, "-year")
   })), /*#__PURE__*/_react.default.createElement(_style.default, {
     id: _PeriodFilter.default.__hash
   }, _PeriodFilter.default));

package/build/cjs/components/PeriodDimension/FixedPeriodSelect.js

@@ -21,9 +21,9 @@ var _FixedPeriodSelectStyle = _interopRequireDefault(require("./styles/FixedPeri
 
 var _fixedPeriods = require("./utils/fixedPeriods.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 _getRequireWildcardCache() { if (typeof WeakMap !== "function") return null; var cache = new WeakMap(); _getRequireWildcardCache = function () { return cache; }; return cache; }
 
-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 _interopRequireWildcard(obj) { if (obj && obj.__esModule) { return obj; } if (obj === null || typeof obj !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (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 }; }
 
@@ -92,9 +92,9 @@ class FixedPeriodSelect extends _react.Component {
   render() {
     return /*#__PURE__*/_react.default.createElement("div", {
       "data-test": this.props.dataTest,
-      className: `jsx-${_FixedPeriodSelectStyle.default.__hash}` + " " + (this.props.className || "")
+      className: "jsx-".concat(_FixedPeriodSelectStyle.default.__hash) + " " + (this.props.className || "")
     }, /*#__PURE__*/_react.default.createElement("div", {
-      className: `jsx-${_FixedPeriodSelectStyle.default.__hash}` + " " + "row"
+      className: "jsx-".concat(_FixedPeriodSelectStyle.default.__hash) + " " + "row"
     }, /*#__PURE__*/_react.default.createElement(_FixedPeriodFilter.default, {
       allowedPeriodTypes: this.props.allowedPeriodTypes,
       currentPeriodType: this.state.periodType,

package/build/cjs/components/PeriodDimension/PeriodTransfer.js

@@ -33,9 +33,9 @@ var _index2 = require("./utils/index.js");
 
 var _relativePeriods = require("./utils/relativePeriods");
 
-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 _getRequireWildcardCache() { if (typeof WeakMap !== "function") return null; var cache = new WeakMap(); _getRequireWildcardCache = function () { return cache; }; return cache; }
 
-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 _interopRequireWildcard(obj) { if (obj && obj.__esModule) { return obj; } if (obj === null || typeof obj !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (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 }; }
 
@@ -79,13 +79,13 @@ const PeriodTransfer = ({
   const renderLeftHeader = () => /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement(_ui.TabBar, null, /*#__PURE__*/_react.default.createElement(_ui.Tab, {
     selected: isRelative,
     onClick: () => onIsRelativeClick(true),
-    dataTest: `${dataTest}-relative-periods-button`
+    dataTest: "".concat(dataTest, "-relative-periods-button")
   }, _index.default.t('Relative periods')), /*#__PURE__*/_react.default.createElement(_ui.Tab, {
     selected: !isRelative,
     onClick: () => onIsRelativeClick(false),
-    dataTest: `${dataTest}-fixed-periods-button`
+    dataTest: "".concat(dataTest, "-fixed-periods-button")
   }, _index.default.t('Fixed periods'))), /*#__PURE__*/_react.default.createElement("div", {
-    className: `jsx-${_DimensionSelector.default.__hash}` + " " + "filterContainer"
+    className: "jsx-".concat(_DimensionSelector.default.__hash) + " " + "filterContainer"
   }, isRelative ? /*#__PURE__*/_react.default.createElement(_RelativePeriodFilter.default, {
     currentFilter: relativeFilter.periodType,
     onSelectFilter: filter => {
@@ -94,7 +94,7 @@ const PeriodTransfer = ({
       });
       setAllPeriods((0, _relativePeriods.getRelativePeriodsOptionsById)(filter).getPeriods());
     },
-    dataTest: `${dataTest}-relative-period-filter`,
+    dataTest: "".concat(dataTest, "-relative-period-filter"),
     excludedPeriodTypes: excludedPeriodTypes
   }) : /*#__PURE__*/_react.default.createElement(_FixedPeriodFilter.default, {
     currentPeriodType: fixedFilter.periodType,
@@ -111,14 +111,14 @@ const PeriodTransfer = ({
         year
       });
     },
-    dataTest: `${dataTest}-fixed-period-filter`,
+    dataTest: "".concat(dataTest, "-fixed-period-filter"),
     excludedPeriodTypes: excludedPeriodTypes
   })), /*#__PURE__*/_react.default.createElement(_style.default, {
     id: _DimensionSelector.default.__hash
   }, _DimensionSelector.default));
 
   const renderRightHeader = () => /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement("p", {
-    className: `jsx-${_DimensionSelector.default.__hash}` + " " + "rightHeader"
+    className: "jsx-".concat(_DimensionSelector.default.__hash) + " " + "rightHeader"
   }, _index.default.t('Selected Periods')), /*#__PURE__*/_react.default.createElement(_style.default, {
     id: _DimensionSelector.default.__hash
   }, _DimensionSelector.default));
@@ -129,7 +129,7 @@ const PeriodTransfer = ({
   };
 
   const renderEmptySelection = () => /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement("p", {
-    className: `jsx-${_DimensionSelector.default.__hash}` + " " + "emptyList"
+    className: "jsx-".concat(_DimensionSelector.default.__hash) + " " + "emptyList"
   }, _index.default.t('No periods selected')), /*#__PURE__*/_react.default.createElement(_style.default, {
     id: _DimensionSelector.default.__hash
   }, _DimensionSelector.default));
@@ -163,9 +163,9 @@ const PeriodTransfer = ({
     })),
     renderOption: props => /*#__PURE__*/_react.default.createElement(_TransferOption.TransferOption, _extends({}, props, {
       icon: _PeriodIcon.default,
-      dataTest: `${dataTest}-transfer-option`
+      dataTest: "".concat(dataTest, "-transfer-option")
     })),
-    dataTest: `${dataTest}-transfer`
+    dataTest: "".concat(dataTest, "-transfer")
   });
 };
 

package/build/cjs/components/PeriodDimension/RelativePeriodFilter.js

@@ -29,7 +29,7 @@ const RelativePeriodFilter = ({
   dataTest,
   excludedPeriodTypes
 }) => /*#__PURE__*/_react.default.createElement("div", {
-  className: `jsx-${_PeriodFilter.default.__hash}` + " " + "leftSection"
+  className: "jsx-".concat(_PeriodFilter.default.__hash) + " " + "leftSection"
 }, /*#__PURE__*/_react.default.createElement(_ui.SingleSelectField, {
   label: _index.default.t('Period type'),
   onChange: ({
@@ -43,7 +43,7 @@ const RelativePeriodFilter = ({
   key: option.id,
   value: option.id,
   label: option.name,
-  dataTest: `${dataTest}-option-${option.id}`
+  dataTest: "".concat(dataTest, "-option-").concat(option.id)
 }))), /*#__PURE__*/_react.default.createElement(_style.default, {
   id: _PeriodFilter.default.__hash
 }, _PeriodFilter.default));