@dhis2/analytics 29.3.3 → 29.4.0

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

@@ -29,7 +29,8 @@ const CalculationModal = ({
   onSave,
   onClose,
   onDelete,
-  displayNameProp
+  displayNameProp,
+  height
 }) => {
   const {
     show: showError
@@ -277,7 +278,8 @@ const CalculationModal = ({
     className: `jsx-${_CalculationModalStyle.default.__hash}` + " " + "left-section"
   }, /*#__PURE__*/_react.default.createElement(_DataElementSelector.default, {
     displayNameProp: displayNameProp,
-    onDoubleClick: addItem
+    onDoubleClick: addItem,
+    height: height
   }), /*#__PURE__*/_react.default.createElement(_MathOperatorSelector.default, {
     onDoubleClick: addItem
   })), /*#__PURE__*/_react.default.createElement("div", {
@@ -378,6 +380,7 @@ CalculationModal.propTypes = {
     expression: _propTypes.default.string,
     id: _propTypes.default.string,
     name: _propTypes.default.string
-  })
+  }),
+  height: _propTypes.default.string
 };
 var _default = exports.default = CalculationModal;

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

@@ -19,6 +19,7 @@ var _DataElementOption = _interopRequireDefault(require("./DataElementOption.js"
 var _DataElementSelectorStyle = _interopRequireDefault(require("./styles/DataElementSelector.style.js"));
 function _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r = new WeakMap(), n = new WeakMap(); return (_interopRequireWildcard = function (e, t) { if (!t && e && e.__esModule) return e; var o, i, f = { __proto__: null, default: e }; if (null === e || "object" != typeof e && "function" != typeof e) return f; if (o = t ? n : r) { if (o.has(e)) return o.get(e); o.set(e, f); } for (const t in e) "default" !== t && {}.hasOwnProperty.call(e, t) && ((i = (o = Object.defineProperty) && Object.getOwnPropertyDescriptor(e, t)) && (i.get || i.set) ? o(f, t, i) : f[t] = e[t]); return f; })(e, t); }
 function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
+const SCROLLBOX_HEIGHT = '337px';
 const getOptions = () => ({
   [_dataTypes.TOTALS]: _index.default.t('Totals only'),
   [_dataTypes.DETAIL]: _index.default.t('Details only')
@@ -97,7 +98,8 @@ DisaggregationSelector.propTypes = {
 };
 const DataElementSelector = ({
   displayNameProp,
-  onDoubleClick
+  onDoubleClick,
+  height = SCROLLBOX_HEIGHT
 }) => {
   const dataEngine = (0, _appRuntime.useDataEngine)();
   const [searchTerm, setSearchTerm] = (0, _react.useState)('');
@@ -223,6 +225,9 @@ const DataElementSelector = ({
     className: `jsx-${_DataElementSelectorStyle.default.__hash}` + " " + "dimension-list-overlay"
   }, /*#__PURE__*/_react.default.createElement(_ui.CircularLoader, null)), /*#__PURE__*/_react.default.createElement("div", {
     ref: rootRef,
+    style: {
+      height
+    },
     onScroll: () => {
       if (isSorting) {
         rootRef.current.scrollTo({
@@ -259,6 +264,7 @@ const DataElementSelector = ({
 };
 DataElementSelector.propTypes = {
   displayNameProp: _propTypes.default.string.isRequired,
-  onDoubleClick: _propTypes.default.func.isRequired
+  onDoubleClick: _propTypes.default.func.isRequired,
+  height: _propTypes.default.string
 };
 var _default = exports.default = DataElementSelector;

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

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

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

@@ -25,7 +25,10 @@ const DataDimension = ({
   enabledDataTypes,
   infoBoxMessage,
   onCalculationSave,
-  visType
+  visType,
+  height,
+  heightCalculation,
+  maxSelections
 }) => {
   const {
     serverVersion
@@ -101,7 +104,10 @@ const DataDimension = ({
     setCurrentCalculation: setCurrentCalculation,
     infoDataItem: infoDataItem,
     setInfoDataItem: setInfoDataItem,
-    onEditClick: onEditClick
+    onEditClick: onEditClick,
+    height: height,
+    heightCalculation: heightCalculation,
+    maxSelections: maxSelections
   }), currentDataItem && /*#__PURE__*/_react.default.createElement(_ItemOptionsSelector.ItemOptionsSelector, _extends({}, currentDataItem, {
     selectedItems: selectedItems,
     onSelect: onSelectItems,
@@ -111,7 +117,9 @@ const DataDimension = ({
     infoDataItem: infoDataItem,
     setInfoDataItem: setInfoDataItem,
     onClose: () => setCurrentDataItem(),
-    onEditClick: onEditClick
+    onEditClick: onEditClick,
+    height: height,
+    maxSelections: maxSelections
   })), infoDataItem && /*#__PURE__*/_react.default.createElement(_InfoPopover.InfoPopover, {
     dataTest: 'data-dimension-info',
     item: infoDataItem,
@@ -132,7 +140,10 @@ DataDimension.propTypes = {
   onSelect: _propTypes.default.func.isRequired,
   currentUser: _propTypes.default.object,
   enabledDataTypes: _propTypes.default.array,
+  height: _propTypes.default.string,
+  heightCalculation: _propTypes.default.string,
   infoBoxMessage: _propTypes.default.string,
+  maxSelections: _propTypes.default.number,
   visType: _propTypes.default.string,
   onCalculationSave: _propTypes.default.func
 };

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

@@ -47,7 +47,9 @@ const ItemOptionsSelector = ({
   onEditClick,
   onSelect,
   onClose,
-  dataTest
+  dataTest,
+  height = _dimensionSelectorHelper.TRANSFER_HEIGHT,
+  maxSelections
 }) => {
   var _state$filter;
   const [state, setState] = (0, _react.useState)({
@@ -189,8 +191,8 @@ const ItemOptionsSelector = ({
     rightHeader: /*#__PURE__*/_react.default.createElement("p", {
       className: `jsx-${_DimensionSelectorStyle.default.__hash} jsx-${_ItemOptionSelectorStyle.default.__hash}` + " " + "rightHeader"
     }, _index.default.t('Selected items')),
-    enableOrderChange: true,
-    height: _dimensionSelectorHelper.TRANSFER_HEIGHT,
+    enableOrderChange: !maxSelections || maxSelections > 1,
+    height: height,
     optionsWidth: _dimensionSelectorHelper.TRANSFER_OPTIONS_WIDTH,
     selectedWidth: _dimensionSelectorHelper.TRANSFER_SELECTED_WIDTH,
     selectedEmptyComponent: /*#__PURE__*/_react.default.createElement(_SelectedEmptyPlaceholder.SelectedEmptyPlaceholder, null),
@@ -215,6 +217,7 @@ const ItemOptionsSelector = ({
         /* eslint-enable react/prop-types */
       }));
     },
+    maxSelections: maxSelections,
     dataTest: `${dataTest}-option-view-mode-transfer`
   }), /*#__PURE__*/_react.default.createElement(_style.default, {
     id: _DimensionSelectorStyle.default.__hash
@@ -231,8 +234,10 @@ ItemOptionsSelector.propTypes = {
   onClose: _propTypes.default.func.isRequired,
   onSelect: _propTypes.default.func.isRequired,
   dataTest: _propTypes.default.string,
+  height: _propTypes.default.string,
   infoDataItem: _propTypes.default.object,
   itemsRef: _propTypes.default.object,
+  maxSelections: _propTypes.default.number,
   selectedItems: _propTypes.default.arrayOf(_propTypes.default.exact({
     label: _propTypes.default.string.isRequired,
     value: _propTypes.default.string.isRequired,

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

@@ -114,7 +114,10 @@ const ItemSelector = ({
   onEDISave,
   onEditClick,
   isOptionViewMode,
-  supportsEDI
+  supportsEDI,
+  height = _dimensionSelectorHelper.TRANSFER_HEIGHT,
+  heightCalculation,
+  maxSelections
 }) => {
   const [state, setState] = (0, _react.useState)({
     searchTerm: '',
@@ -342,8 +345,8 @@ const ItemSelector = ({
       onClick: () => setCurrentCalculation({}),
       small: true
     }, _index.default.t('Calculation'))) : undefined,
-    enableOrderChange: true,
-    height: _dimensionSelectorHelper.TRANSFER_HEIGHT,
+    enableOrderChange: !maxSelections || maxSelections > 1,
+    height: height,
     optionsWidth: _dimensionSelectorHelper.TRANSFER_OPTIONS_WIDTH,
     selectedWidth: _dimensionSelectorHelper.TRANSFER_SELECTED_WIDTH,
     selectedEmptyComponent: /*#__PURE__*/_react.default.createElement(_SelectedEmptyPlaceholder.SelectedEmptyPlaceholder, null),
@@ -370,13 +373,15 @@ const ItemSelector = ({
       })
       /* eslint-enable react/prop-types */
     })),
+    maxSelections: maxSelections,
     dataTest: `${dataTest}-transfer`
   }), currentCalculation && supportsEDI && /*#__PURE__*/_react.default.createElement(_CalculationModal.default, {
     calculation: currentCalculation,
     onSave: onSaveCalculation,
     onClose: () => setCurrentCalculation(),
     onDelete: onDeleteCalculation,
-    displayNameProp: displayNameProp
+    displayNameProp: displayNameProp,
+    height: heightCalculation
   }), /*#__PURE__*/_react.default.createElement(_style.default, {
     id: _DimensionSelectorStyle.default.__hash
   }, _DimensionSelectorStyle.default));
@@ -387,10 +392,13 @@ ItemSelector.propTypes = {
   currentCalculation: _propTypes.default.object,
   dataTest: _propTypes.default.string,
   dataTypes: _propTypes.default.array,
+  height: _propTypes.default.string,
+  heightCalculation: _propTypes.default.string,
   infoBoxMessage: _propTypes.default.string,
   infoDataItem: _propTypes.default.object,
   isOptionViewMode: _propTypes.default.bool,
   itemsRef: _propTypes.default.object,
+  maxSelections: _propTypes.default.number,
   noItemsMessage: _propTypes.default.string,
   rightFooter: _propTypes.default.node,
   selectedItems: _propTypes.default.arrayOf(_propTypes.default.exact({

package/build/es/components/DataDimension/Calculation/CalculationModal.js

@@ -21,7 +21,8 @@ const CalculationModal = ({
   onSave,
   onClose,
   onDelete,
-  displayNameProp
+  displayNameProp,
+  height
 }) => {
   const {
     show: showError
@@ -269,7 +270,8 @@ const CalculationModal = ({
     className: `jsx-${styles.__hash}` + " " + "left-section"
   }, /*#__PURE__*/React.createElement(DataElementSelector, {
     displayNameProp: displayNameProp,
-    onDoubleClick: addItem
+    onDoubleClick: addItem,
+    height: height
   }), /*#__PURE__*/React.createElement(MathOperatorSelector, {
     onDoubleClick: addItem
   })), /*#__PURE__*/React.createElement("div", {
@@ -370,6 +372,7 @@ CalculationModal.propTypes = {
     expression: PropTypes.string,
     id: PropTypes.string,
     name: PropTypes.string
-  })
+  }),
+  height: PropTypes.string
 };
 export default CalculationModal;

package/build/es/components/DataDimension/Calculation/DataElementSelector.js

@@ -11,6 +11,7 @@ import i18n from '../../../locales/index.js';
 import { TOTALS, DETAIL, DIMENSION_TYPE_ALL, DIMENSION_TYPE_DATA_ELEMENT, dataTypeMap as dataTypes } from '../../../modules/dataTypes.js';
 import DataElementOption from './DataElementOption.js';
 import styles from './styles/DataElementSelector.style.js';
+const SCROLLBOX_HEIGHT = '337px';
 const getOptions = () => ({
   [TOTALS]: i18n.t('Totals only'),
   [DETAIL]: i18n.t('Details only')
@@ -89,7 +90,8 @@ DisaggregationSelector.propTypes = {
 };
 const DataElementSelector = ({
   displayNameProp,
-  onDoubleClick
+  onDoubleClick,
+  height = SCROLLBOX_HEIGHT
 }) => {
   const dataEngine = useDataEngine();
   const [searchTerm, setSearchTerm] = useState('');
@@ -215,6 +217,9 @@ const DataElementSelector = ({
     className: `jsx-${styles.__hash}` + " " + "dimension-list-overlay"
   }, /*#__PURE__*/React.createElement(CircularLoader, null)), /*#__PURE__*/React.createElement("div", {
     ref: rootRef,
+    style: {
+      height
+    },
     onScroll: () => {
       if (isSorting) {
         rootRef.current.scrollTo({
@@ -251,6 +256,7 @@ const DataElementSelector = ({
 };
 DataElementSelector.propTypes = {
   displayNameProp: PropTypes.string.isRequired,
-  onDoubleClick: PropTypes.func.isRequired
+  onDoubleClick: PropTypes.func.isRequired,
+  height: PropTypes.string
 };
 export default DataElementSelector;

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

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

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

@@ -17,7 +17,10 @@ const DataDimension = ({
   enabledDataTypes,
   infoBoxMessage,
   onCalculationSave,
-  visType
+  visType,
+  height,
+  heightCalculation,
+  maxSelections
 }) => {
   const {
     serverVersion
@@ -93,7 +96,10 @@ const DataDimension = ({
     setCurrentCalculation: setCurrentCalculation,
     infoDataItem: infoDataItem,
     setInfoDataItem: setInfoDataItem,
-    onEditClick: onEditClick
+    onEditClick: onEditClick,
+    height: height,
+    heightCalculation: heightCalculation,
+    maxSelections: maxSelections
   }), currentDataItem && /*#__PURE__*/React.createElement(ItemOptionsSelector, _extends({}, currentDataItem, {
     selectedItems: selectedItems,
     onSelect: onSelectItems,
@@ -103,7 +109,9 @@ const DataDimension = ({
     infoDataItem: infoDataItem,
     setInfoDataItem: setInfoDataItem,
     onClose: () => setCurrentDataItem(),
-    onEditClick: onEditClick
+    onEditClick: onEditClick,
+    height: height,
+    maxSelections: maxSelections
   })), infoDataItem && /*#__PURE__*/React.createElement(InfoPopover, {
     dataTest: 'data-dimension-info',
     item: infoDataItem,
@@ -124,7 +132,10 @@ DataDimension.propTypes = {
   onSelect: PropTypes.func.isRequired,
   currentUser: PropTypes.object,
   enabledDataTypes: PropTypes.array,
+  height: PropTypes.string,
+  heightCalculation: PropTypes.string,
   infoBoxMessage: PropTypes.string,
+  maxSelections: PropTypes.number,
   visType: PropTypes.string,
   onCalculationSave: PropTypes.func
 };

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

@@ -39,7 +39,9 @@ export const ItemOptionsSelector = ({
   onEditClick,
   onSelect,
   onClose,
-  dataTest
+  dataTest,
+  height = TRANSFER_HEIGHT,
+  maxSelections
 }) => {
   var _state$filter;
   const [state, setState] = useState({
@@ -181,8 +183,8 @@ export const ItemOptionsSelector = ({
     rightHeader: /*#__PURE__*/React.createElement("p", {
       className: `jsx-${styles.__hash} jsx-${itemOptionSelectorStyles.__hash}` + " " + "rightHeader"
     }, i18n.t('Selected items')),
-    enableOrderChange: true,
-    height: TRANSFER_HEIGHT,
+    enableOrderChange: !maxSelections || maxSelections > 1,
+    height: height,
     optionsWidth: TRANSFER_OPTIONS_WIDTH,
     selectedWidth: TRANSFER_SELECTED_WIDTH,
     selectedEmptyComponent: /*#__PURE__*/React.createElement(SelectedEmptyPlaceholder, null),
@@ -207,6 +209,7 @@ export const ItemOptionsSelector = ({
         /* eslint-enable react/prop-types */
       }));
     },
+    maxSelections: maxSelections,
     dataTest: `${dataTest}-option-view-mode-transfer`
   }), /*#__PURE__*/React.createElement(_JSXStyle, {
     id: styles.__hash
@@ -222,8 +225,10 @@ ItemOptionsSelector.propTypes = {
   onClose: PropTypes.func.isRequired,
   onSelect: PropTypes.func.isRequired,
   dataTest: PropTypes.string,
+  height: PropTypes.string,
   infoDataItem: PropTypes.object,
   itemsRef: PropTypes.object,
+  maxSelections: PropTypes.number,
   selectedItems: PropTypes.arrayOf(PropTypes.exact({
     label: PropTypes.string.isRequired,
     value: PropTypes.string.isRequired,

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

@@ -106,7 +106,10 @@ const ItemSelector = ({
   onEDISave,
   onEditClick,
   isOptionViewMode,
-  supportsEDI
+  supportsEDI,
+  height = TRANSFER_HEIGHT,
+  heightCalculation,
+  maxSelections
 }) => {
   const [state, setState] = useState({
     searchTerm: '',
@@ -334,8 +337,8 @@ const ItemSelector = ({
       onClick: () => setCurrentCalculation({}),
       small: true
     }, i18n.t('Calculation'))) : undefined,
-    enableOrderChange: true,
-    height: TRANSFER_HEIGHT,
+    enableOrderChange: !maxSelections || maxSelections > 1,
+    height: height,
     optionsWidth: TRANSFER_OPTIONS_WIDTH,
     selectedWidth: TRANSFER_SELECTED_WIDTH,
     selectedEmptyComponent: /*#__PURE__*/React.createElement(SelectedEmptyPlaceholder, null),
@@ -362,13 +365,15 @@ const ItemSelector = ({
       })
       /* eslint-enable react/prop-types */
     })),
+    maxSelections: maxSelections,
     dataTest: `${dataTest}-transfer`
   }), currentCalculation && supportsEDI && /*#__PURE__*/React.createElement(CalculationModal, {
     calculation: currentCalculation,
     onSave: onSaveCalculation,
     onClose: () => setCurrentCalculation(),
     onDelete: onDeleteCalculation,
-    displayNameProp: displayNameProp
+    displayNameProp: displayNameProp,
+    height: heightCalculation
   }), /*#__PURE__*/React.createElement(_JSXStyle, {
     id: styles.__hash
   }, styles));
@@ -379,10 +384,13 @@ ItemSelector.propTypes = {
   currentCalculation: PropTypes.object,
   dataTest: PropTypes.string,
   dataTypes: PropTypes.array,
+  height: PropTypes.string,
+  heightCalculation: PropTypes.string,
   infoBoxMessage: PropTypes.string,
   infoDataItem: PropTypes.object,
   isOptionViewMode: PropTypes.bool,
   itemsRef: PropTypes.object,
+  maxSelections: PropTypes.number,
   noItemsMessage: PropTypes.string,
   rightFooter: PropTypes.node,
   selectedItems: PropTypes.arrayOf(PropTypes.exact({

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "@dhis2/analytics",
-    "version": "29.3.3",
+    "version": "29.4.0",
     "main": "./build/cjs/index.js",
     "module": "./build/es/index.js",
     "exports": {