@dhis2/analytics 26.0.7 → 26.0.9

package/build/es/components/OpenFileDialog/OpenFileDialog.js

@@ -13,7 +13,6 @@ import { styles } from './OpenFileDialog.styles.js';
 import { PaginationControls } from './PaginationControls.js';
 import { getTranslatedString, AOTypeMap } from './utils.js';
 import { VisTypeFilter } from './VisTypeFilter.js';
-
 const getQuery = type => ({
   files: {
     resource: AOTypeMap[type].apiEndpoint,
@@ -26,21 +25,18 @@ const getQuery = type => ({
       } = _ref;
       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 = "".concat(sortField, ":").concat(sortDirection);
+        queryParams.order = `${sortField}:${sortDirection}`;
       }
-
       return queryParams;
     }
   }
 });
-
 export const OpenFileDialog = _ref2 => {
   let {
     type,
@@ -63,7 +59,8 @@ export const OpenFileDialog = _ref2 => {
     sortField,
     sortDirection,
     filters
-  }, setState] = useReducer((state, newState) => ({ ...state,
+  }, setState] = useReducer((state, newState) => ({
+    ...state,
     ...newState
   }), {
     page: 1,
@@ -75,47 +72,38 @@ export const OpenFileDialog = _ref2 => {
   const [searchTimeout, setSearchTimeout] = useState(null);
   const formatFilters = useCallback(() => {
     const queryFilters = [];
-
     switch (filters.createdBy) {
       case CREATED_BY_ALL_BUT_CURRENT_USER:
-        queryFilters.push("user.id:!eq:".concat(currentUser.id));
+        queryFilters.push(`user.id:!eq:${currentUser.id}`);
         break;
-
       case CREATED_BY_CURRENT_USER:
-        queryFilters.push("user.id:eq:".concat(currentUser.id));
+        queryFilters.push(`user.id:eq:${currentUser.id}`);
         break;
-
       case CREATED_BY_ALL:
       default:
         break;
     }
-
     if (filters.visType) {
       switch (filters.visType) {
         case VIS_TYPE_GROUP_ALL:
           break;
-
         case VIS_TYPE_GROUP_CHARTS:
           queryFilters.push('type:!eq:PIVOT_TABLE');
           break;
-
         default:
-          queryFilters.push("type:eq:".concat(filters.visType));
+          queryFilters.push(`type:eq:${filters.visType}`);
           break;
       }
     }
-
     if (filters.searchTerm) {
-      queryFilters.push("identifiable:token:".concat(filters.searchTerm));
+      queryFilters.push(`identifiable:token:${filters.searchTerm}`);
     }
-
     return queryFilters;
   }, [currentUser, filters]);
   const formatSortDirection = useCallback(() => {
     if (sortField === 'displayName' && sortDirection !== 'default') {
-      return "i".concat(sortDirection);
+      return `i${sortDirection}`;
     }
-
     return sortDirection;
   }, [sortField, sortDirection]);
   const {
@@ -131,7 +119,6 @@ export const OpenFileDialog = _ref2 => {
       }
     }
   });
-
   const resetFilters = () => {
     setState({
       filters: defaultFilters,
@@ -139,11 +126,9 @@ export const OpenFileDialog = _ref2 => {
     });
     setNameFilterValue(defaultFilters.searchTerm);
   };
-
   const setPage = pageNum => setState({
     page: pageNum
   });
-
   const sortData = _ref3 => {
     let {
       name,
@@ -155,7 +140,6 @@ export const OpenFileDialog = _ref2 => {
       page: 1
     });
   };
-
   useEffect(() => {
     // only fetch data when the dialog is open
     if (open) {
@@ -180,7 +164,6 @@ export const OpenFileDialog = _ref2 => {
     label: i18n.t('Last updated'),
     width: '110px'
   }];
-
   if (filterVisTypes !== null && filterVisTypes !== void 0 && filterVisTypes.length) {
     headers.splice(1, 0, {
       field: 'type',
@@ -188,9 +171,7 @@ export const OpenFileDialog = _ref2 => {
       width: '60px'
     });
   }
-
   const getSortDirection = fieldName => fieldName === sortField ? sortDirection : 'default';
-
   const cypressSelector = 'open-file-dialog-modal';
   return /*#__PURE__*/React.createElement(Modal, {
     large: true,
@@ -201,40 +182,43 @@ export const OpenFileDialog = _ref2 => {
   }, /*#__PURE__*/React.createElement(ModalTitle, null, getTranslatedString(type, 'modalTitle')), /*#__PURE__*/React.createElement(ModalContent, null, /*#__PURE__*/React.createElement(Box, {
     minHeight: "496px"
   }, /*#__PURE__*/React.createElement("div", {
-    className: "jsx-".concat(styles.__hash) + " " + "search-and-filter-bar"
+    className: `jsx-${styles.__hash}` + " " + "search-and-filter-bar"
   }, /*#__PURE__*/React.createElement("div", {
-    className: "jsx-".concat(styles.__hash) + " " + "search-field-container"
+    className: `jsx-${styles.__hash}` + " " + "search-field-container"
   }, /*#__PURE__*/React.createElement(NameFilter, {
-    dataTest: "".concat(cypressSelector, "-name-filter"),
+    dataTest: `${cypressSelector}-name-filter`,
     value: nameFilterValue,
     onChange: value => {
       setNameFilterValue(value);
       clearTimeout(searchTimeout);
       setSearchTimeout(setTimeout(() => setState({
         page: 1,
-        filters: { ...filters,
+        filters: {
+          ...filters,
           searchTerm: value
         }
       }), 200));
     }
   })), (filterVisTypes === null || filterVisTypes === void 0 ? void 0 : filterVisTypes.length) && /*#__PURE__*/React.createElement("div", {
-    className: "jsx-".concat(styles.__hash) + " " + "type-field-container"
+    className: `jsx-${styles.__hash}` + " " + "type-field-container"
   }, /*#__PURE__*/React.createElement(VisTypeFilter, {
     visTypes: filterVisTypes,
     selected: filters.visType,
     onChange: value => setState({
       page: 1,
-      filters: { ...filters,
+      filters: {
+        ...filters,
         visType: value
       }
     })
   })), /*#__PURE__*/React.createElement("div", {
-    className: "jsx-".concat(styles.__hash) + " " + "created-by-field-container"
+    className: `jsx-${styles.__hash}` + " " + "created-by-field-container"
   }, /*#__PURE__*/React.createElement(CreatedByFilter, {
     selected: filters.createdBy,
     onChange: value => setState({
       page: 1,
-      filters: { ...filters,
+      filters: {
+        ...filters,
         createdBy: value
       }
     })
@@ -246,7 +230,7 @@ export const OpenFileDialog = _ref2 => {
     title: getTranslatedString(type, 'errorTitle'),
     warning: true
   }, getTranslatedString(type, 'errorText')) : /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement("div", {
-    className: "jsx-".concat(styles.__hash) + " " + "data-table-wrapper"
+    className: `jsx-${styles.__hash}` + " " + "data-table-wrapper"
   }, /*#__PURE__*/React.createElement(DataTable, {
     layout: "fixed"
   }, /*#__PURE__*/React.createElement(DataTableHead, null, /*#__PURE__*/React.createElement(DataTableRow, null, data !== null && data !== void 0 && data.files[AOTypeMap[type].apiEndpoint].length ? headers.map(_ref4 => {
@@ -269,25 +253,25 @@ export const OpenFileDialog = _ref2 => {
   }, /*#__PURE__*/React.createElement(Box, {
     height: "342px"
   }, /*#__PURE__*/React.createElement("div", {
-    className: "jsx-".concat(styles.__hash) + " " + "info-cell"
+    className: `jsx-${styles.__hash}` + " " + "info-cell"
   }, /*#__PURE__*/React.createElement(CircularLoader, {
     small: true
   }), /*#__PURE__*/React.createElement("span", {
-    className: "jsx-".concat(styles.__hash) + " " + "info-text"
+    className: `jsx-${styles.__hash}` + " " + "info-text"
   }, getTranslatedString(type, 'loadingText')))))), !loading && !(data !== null && data !== void 0 && data.files[AOTypeMap[type].apiEndpoint].length) > 0 && /*#__PURE__*/React.createElement(DataTableRow, null, /*#__PURE__*/React.createElement(DataTableCell, {
     large: true
   }, /*#__PURE__*/React.createElement(Box, {
     minHeight: "342px"
   }, /*#__PURE__*/React.createElement("div", {
-    className: "jsx-".concat(styles.__hash) + " " + "info-cell"
+    className: `jsx-${styles.__hash}` + " " + "info-cell"
   }, /*#__PURE__*/React.createElement("div", {
-    className: "jsx-".concat(styles.__hash) + " " + "info-container"
+    className: `jsx-${styles.__hash}` + " " + "info-container"
   }, !isEqual(filters, defaultFilters) ? /*#__PURE__*/React.createElement("span", {
-    className: "jsx-".concat(styles.__hash) + " " + "info-text"
+    className: `jsx-${styles.__hash}` + " " + "info-text"
   }, getTranslatedString(type, 'noFilteredDataText')) : /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement("div", {
-    className: "jsx-".concat(styles.__hash) + " " + "info-text"
+    className: `jsx-${styles.__hash}` + " " + "info-text"
   }, getTranslatedString(type, 'noDataText')), /*#__PURE__*/React.createElement("div", {
-    className: "jsx-".concat(styles.__hash) + " " + "info-button"
+    className: `jsx-${styles.__hash}` + " " + "info-button"
   }, /*#__PURE__*/React.createElement(Button, {
     onClick: () => {
       onNew();
@@ -298,7 +282,7 @@ export const OpenFileDialog = _ref2 => {
     onSelect: onFileSelect,
     showVisTypeColumn: Boolean(filterVisTypes === null || filterVisTypes === void 0 ? void 0 : filterVisTypes.length)
   })))), (data === null || data === void 0 ? void 0 : data.files[AOTypeMap[type].apiEndpoint].length) > 0 && /*#__PURE__*/React.createElement("div", {
-    className: "jsx-".concat(styles.__hash) + " " + "pagination-controls"
+    className: `jsx-${styles.__hash}` + " " + "pagination-controls"
   }, /*#__PURE__*/React.createElement(PaginationControls, {
     page: data.files.pager.page,
     pager: data.files.pager,

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

@@ -1,3 +1,3 @@
 import { colors, spacers } from '@dhis2/ui';
-export const styles = [".data-table-wrapper.jsx-3416632651{min-height:405px;}", ".data-table-body.jsx-3416632651{min-height:465px;}", ".pagination-controls.jsx-3416632651{width:100%;margin-top:".concat(spacers.dp12, ";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-3416632651{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;gap:".concat(spacers.dp4, ";-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;margin-bottom:").concat(spacers.dp8, ";}"), ".search-field-container.jsx-3416632651{min-width:220px;}", ".type-field-container.jsx-3416632651,.created-by-field-container.jsx-3416632651{min-width:180px;}", ".info-cell.jsx-3416632651{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;gap:".concat(spacers.dp8, ";margin:").concat(spacers.dp32, " 0;}"), ".info-container.jsx-3416632651{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-3416632651{text-align:center;font-size:14px;line-height:19px;color:".concat(colors.grey700, ";}"), ".info-button.jsx-3416632651{margin-top:".concat(spacers.dp12, ";}")];
+export const styles = [".data-table-wrapper.jsx-3416632651{min-height:405px;}", ".data-table-body.jsx-3416632651{min-height:465px;}", `.pagination-controls.jsx-3416632651{width:100%;margin-top:${spacers.dp12};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-3416632651{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;gap:${spacers.dp4};-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;margin-bottom:${spacers.dp8};}`, ".search-field-container.jsx-3416632651{min-width:220px;}", ".type-field-container.jsx-3416632651,.created-by-field-container.jsx-3416632651{min-width:180px;}", `.info-cell.jsx-3416632651{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;gap:${spacers.dp8};margin:${spacers.dp32} 0;}`, ".info-container.jsx-3416632651{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-3416632651{text-align:center;font-size:14px;line-height:19px;color:${colors.grey700};}`, `.info-button.jsx-3416632651{margin-top:${spacers.dp12};}`];
 styles.__hash = "3416632651";

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

@@ -1,4 +1,4 @@
 import { colors, spacers } from '@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:".concat(colors.grey900, ";padding:").concat(spacers.dp8, " ").concat(spacers.dp12, ";}"), "div.jsx-1267200705:hover{background-color:".concat(colors.grey200, ";}"), "div.jsx-1267200705:active,div.active.jsx-1267200705{background-color:".concat(colors.teal700, ";color:").concat(colors.white, ";cursor:auto;}"), "div.disabled.jsx-1267200705{color:".concat(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(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:${colors.grey900};padding:${spacers.dp8} ${spacers.dp12};}`, `div.jsx-1267200705:hover{background-color:${colors.grey200};}`, `div.jsx-1267200705:active,div.active.jsx-1267200705{background-color:${colors.teal700};color:${colors.white};cursor:auto;}`, `div.disabled.jsx-1267200705{color:${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:${spacers.dp8};}`];
 _defaultExport.__hash = "1267200705";
 export default _defaultExport;

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

@@ -3,7 +3,6 @@ import { ButtonStrip, Modal, ModalTitle, ModalContent, ModalActions, Button, Fie
 import PropTypes from 'prop-types';
 import React, { useState } from 'react';
 import { modalContent, tabSection, tabSectionTitle, tabSectionTitleMargin, tabSectionOption, tabSectionOptionItem, tabSectionOptionToggleable, tabSectionToggleableSubsection, tabSectionOptionComplexInline, tabSectionOptionText, tabBar, tabContent, tabSectionOptionIcon } from './styles/VisualizationOptions.style.js';
-
 const VisualizationOptions = _ref => {
   let {
     initiallyActiveTabKey,
@@ -12,7 +11,6 @@ const VisualizationOptions = _ref => {
     onUpdate
   } = _ref;
   const [activeTabKey, setActiveTabKey] = useState(initiallyActiveTabKey);
-
   const generateTabContent = sections => sections.map(_ref2 => {
     let {
       key,
@@ -27,7 +25,6 @@ const VisualizationOptions = _ref => {
       className: tabSectionTitle.className
     }, label)) : null, content, helpText ? /*#__PURE__*/React.createElement(Legend, null, /*#__PURE__*/React.createElement(Help, null, helpText)) : null));
   });
-
   const generateTabs = tabs => tabs.map(_ref3 => {
     let {
       key,
@@ -40,15 +37,12 @@ const VisualizationOptions = _ref => {
       content: generateTabContent(content)
     };
   });
-
   const getModalContent = () => {
     const tabs = generateTabs(optionsConfig);
     let activeTabIndex = tabs.findIndex(tab => tab.key === activeTabKey);
-
     if (activeTabIndex < 0) {
       activeTabIndex = 0;
     }
-
     return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement("div", {
       className: tabBar.className
     }, /*#__PURE__*/React.createElement(TabBar, {
@@ -67,7 +61,6 @@ const VisualizationOptions = _ref => {
       className: tabContent.className
     }, tabs[activeTabIndex].content, tabContent.styles, tabSection.styles, tabSectionTitle.styles, tabSectionTitleMargin.styles, tabSectionOption.styles, tabSectionOptionItem.styles, tabSectionOptionToggleable.styles, tabSectionToggleableSubsection.styles, tabSectionOptionComplexInline.styles, tabSectionOptionText.styles, tabSectionOptionIcon.styles));
   };
-
   return /*#__PURE__*/React.createElement(Modal, {
     onClose: onClose,
     position: "top",
@@ -90,7 +83,6 @@ const VisualizationOptions = _ref => {
     primary: true
   }, i18n.t('Update')))), modalContent.styles);
 };
-
 VisualizationOptions.propTypes = {
   optionsConfig: PropTypes.array.isRequired,
   initiallyActiveTabKey: PropTypes.string,

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

@@ -1,7 +1,6 @@
 import _JSXStyle from "styled-jsx/style";
 import { colors, spacers } from '@dhis2/ui';
-import React from 'react';
-/* eslint-disable-line no-unused-vars */
+import React from 'react'; /* eslint-disable-line no-unused-vars */
 
 export const modalContent = {
   styles: /*#__PURE__*/React.createElement(_JSXStyle, {
@@ -12,19 +11,19 @@ export const modalContent = {
 export const tabBar = {
   styles: /*#__PURE__*/React.createElement(_JSXStyle, {
     id: "3103009923"
-  }, ["div.jsx-3103009923{padding-right:".concat(spacers.dp24, ";}")]),
+  }, [`div.jsx-3103009923{padding-right:${spacers.dp24};}`]),
   className: "jsx-3103009923"
 };
 export const tabContent = {
   styles: /*#__PURE__*/React.createElement(_JSXStyle, {
     id: "2208787536"
-  }, ["div.jsx-2208787536{overflow:auto;padding-right:".concat(spacers.dp24, ";}")]),
+  }, [`div.jsx-2208787536{overflow:auto;padding-right:${spacers.dp24};}`]),
   className: "jsx-2208787536"
 };
 export const tabSection = {
   styles: /*#__PURE__*/React.createElement(_JSXStyle, {
     id: "1427514941"
-  }, ["div.jsx-1427514941{padding:".concat(spacers.dp16, " 0;}"), "div.jsx-1427514941:not(:last-child){border-bottom:1px solid ".concat(colors.grey300, ";margin-bottom:").concat(spacers.dp8, ";}")]),
+  }, [`div.jsx-1427514941{padding:${spacers.dp16} 0;}`, `div.jsx-1427514941:not(:last-child){border-bottom:1px solid ${colors.grey300};margin-bottom:${spacers.dp8};}`]),
   className: "jsx-1427514941"
 };
 export const tabSectionContent = {
@@ -36,37 +35,37 @@ export const tabSectionContent = {
 export const tabSectionTitle = {
   styles: /*#__PURE__*/React.createElement(_JSXStyle, {
     id: "3115295887"
-  }, ["span.jsx-3115295887{display:inline-block;padding-bottom:".concat(spacers.dp12, ";font-size:15px;color:").concat(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:${spacers.dp12};font-size:15px;color:${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"
 };
 export const tabSectionTitleMargin = {
   styles: /*#__PURE__*/React.createElement(_JSXStyle, {
     id: "642558349"
-  }, ["span.jsx-642558349{margin-top:".concat(spacers.dp8, ";}")]),
+  }, [`span.jsx-642558349{margin-top:${spacers.dp8};}`]),
   className: "jsx-642558349"
 };
 export const tabSectionOption = {
   styles: /*#__PURE__*/React.createElement(_JSXStyle, {
     id: "1665807213"
-  }, ["div.jsx-1665807213:not(:last-child):not(.inline){padding-bottom:".concat(spacers.dp16, ";}")]),
+  }, [`div.jsx-1665807213:not(:last-child):not(.inline){padding-bottom:${spacers.dp16};}`]),
   className: "jsx-1665807213"
 };
 export const tabSectionOptionItem = {
   styles: /*#__PURE__*/React.createElement(_JSXStyle, {
     id: "2983019948"
-  }, ["div.jsx-2983019948:not(:last-child){padding-bottom:".concat(spacers.dp8, ";}")]),
+  }, [`div.jsx-2983019948:not(:last-child){padding-bottom:${spacers.dp8};}`]),
   className: "jsx-2983019948"
 };
 export const tabSectionOptionText = {
   styles: /*#__PURE__*/React.createElement(_JSXStyle, {
     id: "3330936769"
-  }, ["p.jsx-3330936769{margin:0;padding-bottom:".concat(spacers.dp8, ";font-size:14px;line-height:19px;color:").concat(colors.grey700, ";}")]),
+  }, [`p.jsx-3330936769{margin:0;padding-bottom:${spacers.dp8};font-size:14px;line-height:19px;color:${colors.grey700};}`]),
   className: "jsx-3330936769"
 };
 export const tabSectionOptionToggleable = {
   styles: /*#__PURE__*/React.createElement(_JSXStyle, {
     id: "684239008"
-  }, ["div.jsx-684239008{margin:".concat(spacers.dp4, " 0 0 23px;}")]),
+  }, [`div.jsx-684239008{margin:${spacers.dp4} 0 0 23px;}`]),
   className: "jsx-684239008"
 };
 export const tabSectionToggleableSubsection = {
@@ -84,6 +83,6 @@ export const tabSectionOptionComplexInline = {
 export const tabSectionOptionIcon = {
   styles: /*#__PURE__*/React.createElement(_JSXStyle, {
     id: "112181591"
-  }, ["span.jsx-112181591{vertical-align:top;margin-right:".concat(spacers.dp4, ";color:").concat(colors.grey600, ";}")]),
+  }, [`span.jsx-112181591{vertical-align:top;margin-right:${spacers.dp4};color:${colors.grey600};}`]),
   className: "jsx-112181591"
 };

package/build/es/components/OrgUnitDimension/OrgUnitDimension.js

@@ -11,7 +11,6 @@ import { ouIdHelper, USER_ORG_UNIT, USER_ORG_UNIT_CHILDREN, USER_ORG_UNIT_GRANDC
 import { DIMENSION_ID_ORGUNIT } from '../../modules/predefinedDimensions.js';
 import styles from './styles/OrgUnitDimension.style.js';
 const DYNAMIC_ORG_UNITS = [USER_ORG_UNIT, USER_ORG_UNIT_CHILDREN, USER_ORG_UNIT_GRANDCHILDREN];
-
 const OrgUnitDimension = _ref => {
   let {
     roots,
@@ -25,7 +24,6 @@ const OrgUnitDimension = _ref => {
   const [ouLevels, setOuLevels] = useState([]);
   const [ouGroups, setOuGroups] = useState([]);
   const dataEngine = useDataEngine();
-
   const onSelectItems = selectedItem => {
     const {
       id,
@@ -34,7 +32,6 @@ const OrgUnitDimension = _ref => {
       path
     } = selectedItem;
     let result = [...selected];
-
     if (checked && DYNAMIC_ORG_UNITS.includes(id)) {
       result = [...result.filter(item => DYNAMIC_ORG_UNITS.includes(item.id)), {
         id,
@@ -49,34 +46,28 @@ const OrgUnitDimension = _ref => {
     } else {
       result = [...result.filter(item => item.id !== id)];
     }
-
     onSelect({
       dimensionId: DIMENSION_ID_ORGUNIT,
       items: result
     });
   };
-
   const clearSelection = () => onSelect({
     dimensionId: DIMENSION_ID_ORGUNIT,
     items: []
   });
-
   useEffect(() => {
     const doFetchOuLevels = async () => {
       const result = await apiFetchOrganisationUnitLevels(dataEngine);
       result.sort((a, b) => a.level > b.level ? 1 : -1);
       setOuLevels(result);
     };
-
     const doFetchOuGroups = async () => {
       const result = await apiFetchOrganisationUnitGroups(dataEngine);
       setOuGroups(result);
     };
-
     !hideLevelSelect && doFetchOuLevels();
     !hideGroupSelect && doFetchOuGroups();
   }, [dataEngine, hideLevelSelect, hideGroupSelect]);
-
   const onLevelChange = ids => {
     const items = ids.map(id => ({
       id: ouIdHelper.addLevelPrefix(id),
@@ -87,7 +78,6 @@ const OrgUnitDimension = _ref => {
       items: [...selected.filter(ou => !ouIdHelper.hasLevelPrefix(ou.id)), ...items]
     });
   };
-
   const onGroupChange = ids => {
     const items = ids.map(id => ({
       id: ouIdHelper.addGroupPrefix(id),
@@ -98,17 +88,14 @@ const OrgUnitDimension = _ref => {
       items: [...selected.filter(ou => !ouIdHelper.hasGroupPrefix(ou.id)), ...items]
     });
   };
-
   const getSummary = () => {
     let summary;
-
     if (selected.length) {
       const numberOfOrgUnits = selected.filter(item => !DYNAMIC_ORG_UNITS.includes(item.id) && !ouIdHelper.hasLevelPrefix(item.id) && !ouIdHelper.hasGroupPrefix(item.id)).length;
       const numberOfLevels = selected.filter(item => ouIdHelper.hasLevelPrefix(item.id)).length;
       const numberOfGroups = selected.filter(item => ouIdHelper.hasGroupPrefix(item.id)).length;
       const userOrgUnits = selected.filter(item => DYNAMIC_ORG_UNITS.includes(item.id));
       const parts = [];
-
       if (numberOfOrgUnits) {
         parts.push(i18n.t('{{count}} org units', {
           count: numberOfOrgUnits,
@@ -116,7 +103,6 @@ const OrgUnitDimension = _ref => {
           defaultValue_plural: '{{count}} org units'
         }));
       }
-
       if (numberOfLevels) {
         parts.push(i18n.t('{{count}} levels', {
           count: numberOfLevels,
@@ -124,7 +110,6 @@ const OrgUnitDimension = _ref => {
           defaultValue_plural: '{{count}} levels'
         }));
       }
-
       if (numberOfGroups) {
         parts.push(i18n.t('{{count}} groups', {
           count: numberOfGroups,
@@ -132,7 +117,6 @@ const OrgUnitDimension = _ref => {
           defaultValue_plural: '{{count}} groups'
         }));
       }
-
       userOrgUnits.forEach(orgUnit => {
         parts.push(orgUnit.name || orgUnit.displayName);
       });
@@ -144,14 +128,12 @@ const OrgUnitDimension = _ref => {
     } else {
       summary = i18n.t('Nothing selected');
     }
-
     return summary;
   };
-
   return /*#__PURE__*/React.createElement("div", {
-    className: "jsx-".concat(styles.__hash) + " " + "container"
+    className: `jsx-${styles.__hash}` + " " + "container"
   }, !hideUserOrgUnits && /*#__PURE__*/React.createElement("div", {
-    className: "jsx-".concat(styles.__hash) + " " + "userOrgUnitsWrapper"
+    className: `jsx-${styles.__hash}` + " " + "userOrgUnitsWrapper"
   }, /*#__PURE__*/React.createElement(Checkbox, {
     label: i18n.t('User organisation unit'),
     checked: selected.some(item => item.id === USER_ORG_UNIT),
@@ -195,17 +177,17 @@ const OrgUnitDimension = _ref => {
     },
     dense: true
   })), /*#__PURE__*/React.createElement("div", {
-    className: "jsx-".concat(styles.__hash) + " " + (cx('orgUnitTreeWrapper', {
+    className: `jsx-${styles.__hash}` + " " + (cx('orgUnitTreeWrapper', {
       disabled: selected.some(item => DYNAMIC_ORG_UNITS.includes(item.id))
     }) || "")
   }, /*#__PURE__*/React.createElement(OrganisationUnitTree, {
     roots: roots,
-    initiallyExpanded: [...(roots.length === 1 ? ["/".concat(roots[0])] : []), ...selected.filter(item => !DYNAMIC_ORG_UNITS.includes(item.id) && !ouIdHelper.hasLevelPrefix(item.id) && !ouIdHelper.hasGroupPrefix(item.id)).map(item => item.path.substring(0, item.path.lastIndexOf('/'))).filter(path => path)],
+    initiallyExpanded: [...(roots.length === 1 ? [`/${roots[0]}`] : []), ...selected.filter(item => !DYNAMIC_ORG_UNITS.includes(item.id) && !ouIdHelper.hasLevelPrefix(item.id) && !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.hasLevelPrefix(item.id) && !ouIdHelper.hasGroupPrefix(item.id)).map(item => item.path),
     onChange: onSelectItems,
     dataTest: 'org-unit-tree'
   })), /*#__PURE__*/React.createElement("div", {
-    className: "jsx-".concat(styles.__hash) + " " + (cx('selectsWrapper', {
+    className: `jsx-${styles.__hash}` + " " + (cx('selectsWrapper', {
       disabled: selected.some(item => DYNAMIC_ORG_UNITS.includes(item.id)),
       hidden: hideLevelSelect && hideGroupSelect
     }) || "")
@@ -225,7 +207,7 @@ const OrgUnitDimension = _ref => {
     key: level.id,
     value: level.id,
     label: level.displayName,
-    dataTest: "org-unit-level-select-option-".concat(level.id)
+    dataTest: `org-unit-level-select-option-${level.id}`
   }))), !hideGroupSelect && /*#__PURE__*/React.createElement(MultiSelect, {
     selected: ouGroups.length ? selected.filter(item => ouIdHelper.hasGroupPrefix(item.id)).map(item => ouIdHelper.removePrefix(item.id)) : [],
     onChange: _ref6 => {
@@ -242,19 +224,19 @@ const OrgUnitDimension = _ref => {
     key: group.id,
     value: group.id,
     label: group.displayName,
-    dataTest: "org-unit-group-select-option-".concat(group.id)
+    dataTest: `org-unit-group-select-option-${group.id}`
   })))), /*#__PURE__*/React.createElement("div", {
-    className: "jsx-".concat(styles.__hash) + " " + "summaryWrapper"
+    className: `jsx-${styles.__hash}` + " " + "summaryWrapper"
   }, warning ? /*#__PURE__*/React.createElement("div", {
-    className: "jsx-".concat(styles.__hash) + " " + "warningWrapper"
+    className: `jsx-${styles.__hash}` + " " + "warningWrapper"
   }, /*#__PURE__*/React.createElement(IconWarningFilled16, {
     color: colors.red500
   }), /*#__PURE__*/React.createElement("span", {
-    className: "jsx-".concat(styles.__hash) + " " + "warningText"
+    className: `jsx-${styles.__hash}` + " " + "warningText"
   }, warning)) : /*#__PURE__*/React.createElement("span", {
-    className: "jsx-".concat(styles.__hash) + " " + "summaryText"
+    className: `jsx-${styles.__hash}` + " " + "summaryText"
   }, getSummary()), /*#__PURE__*/React.createElement("div", {
-    className: "jsx-".concat(styles.__hash) + " " + "deselectButton"
+    className: `jsx-${styles.__hash}` + " " + "deselectButton"
   }, /*#__PURE__*/React.createElement(Button, {
     secondary: true,
     small: true,
@@ -264,7 +246,6 @@ const OrgUnitDimension = _ref => {
     id: styles.__hash
   }, styles));
 };
-
 OrgUnitDimension.defaultProps = {
   hideGroupSelect: false,
   hideLevelSelect: false,

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

@@ -1,4 +1,4 @@
 import { colors, spacers } from '@dhis2/ui';
-const _defaultExport = [".container.jsx-2348205733{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-2348205733{height:382px;-webkit-box-flex:1;-webkit-flex-grow:1;-ms-flex-positive:1;flex-grow:1;overflow:auto;}", ".orgUnitTreeWrapper.jsx-2348205733>*{-webkit-box-flex:1;-webkit-flex-grow:1;-ms-flex-positive:1;flex-grow:1;}", ".disabled.jsx-2348205733{cursor:not-allowed;opacity:0.5;}", ".disabled.jsx-2348205733>*{pointer-events:none;}", ".userOrgUnitsWrapper.jsx-2348205733{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;background:".concat(colors.grey200, ";padding:").concat(spacers.dp8, " ").concat(spacers.dp8, " ").concat(spacers.dp8, " ").concat(spacers.dp24, ";margin-bottom:").concat(spacers.dp12, ";}"), ".userOrgUnitsWrapper.jsx-2348205733>*{margin-right:".concat(spacers.dp48, ";}"), ".selectsWrapper.jsx-2348205733{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(spacers.dp8, ";margin-top:").concat(spacers.dp12, ";}"), ".selectsWrapper.hidden.jsx-2348205733{display:none;}", ".selectsWrapper.jsx-2348205733>*{width:50%;}", ".summaryWrapper.jsx-2348205733{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;margin-top:".concat(spacers.dp8, ";}"), ".warningWrapper.jsx-2348205733{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;}", ".warningText.jsx-2348205733{margin-left:".concat(spacers.dp8, ";font-size:14px;line-height:18px;color:").concat(colors.red600, ";}"), ".summaryText.jsx-2348205733{font-size:14px;line-height:18px;color:".concat(colors.grey700, ";}"), ".deselectButton.jsx-2348205733{display:inline-block;margin-left:".concat(spacers.dp8, ";}")];
+const _defaultExport = [".container.jsx-2348205733{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-2348205733{height:382px;-webkit-box-flex:1;-webkit-flex-grow:1;-ms-flex-positive:1;flex-grow:1;overflow:auto;}", ".orgUnitTreeWrapper.jsx-2348205733>*{-webkit-box-flex:1;-webkit-flex-grow:1;-ms-flex-positive:1;flex-grow:1;}", ".disabled.jsx-2348205733{cursor:not-allowed;opacity:0.5;}", ".disabled.jsx-2348205733>*{pointer-events:none;}", `.userOrgUnitsWrapper.jsx-2348205733{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;background:${colors.grey200};padding:${spacers.dp8} ${spacers.dp8} ${spacers.dp8} ${spacers.dp24};margin-bottom:${spacers.dp12};}`, `.userOrgUnitsWrapper.jsx-2348205733>*{margin-right:${spacers.dp48};}`, `.selectsWrapper.jsx-2348205733{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:${spacers.dp8};margin-top:${spacers.dp12};}`, ".selectsWrapper.hidden.jsx-2348205733{display:none;}", ".selectsWrapper.jsx-2348205733>*{width:50%;}", `.summaryWrapper.jsx-2348205733{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;margin-top:${spacers.dp8};}`, ".warningWrapper.jsx-2348205733{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;}", `.warningText.jsx-2348205733{margin-left:${spacers.dp8};font-size:14px;line-height:18px;color:${colors.red600};}`, `.summaryText.jsx-2348205733{font-size:14px;line-height:18px;color:${colors.grey700};}`, `.deselectButton.jsx-2348205733{display:inline-block;margin-left:${spacers.dp8};}`];
 _defaultExport.__hash = "2348205733";
 export default _defaultExport;