feat: add height property to DataDimension

Author: BRaimbault

src/components/DataDimension/DataDimension.js

@@ -31,6 +31,7 @@ const DataDimension = ({
     infoBoxMessage,
     onCalculationSave,
     visType,
+    height,
 }) => {
     const { serverVersion } = useConfig()
 
@@ -130,6 +131,7 @@ const DataDimension = ({
                 infoDataItem={infoDataItem}
                 setInfoDataItem={setInfoDataItem}
                 onEditClick={onEditClick}
+                height={height}
             />
             {currentDataItem && (
                 <ItemOptionsSelector
@@ -143,6 +145,7 @@ const DataDimension = ({
                     setInfoDataItem={setInfoDataItem}
                     onClose={() => setCurrentDataItem()}
                     onEditClick={onEditClick}
+                    height={height}
                 />
             )}
             {infoDataItem && (
@@ -172,6 +175,7 @@ DataDimension.propTypes = {
     onSelect: PropTypes.func.isRequired,
     currentUser: PropTypes.object,
     enabledDataTypes: PropTypes.array,
+    height: PropTypes.string,
     infoBoxMessage: PropTypes.string,
     visType: PropTypes.string,
     onCalculationSave: PropTypes.func,

src/components/DataDimension/ItemOptionsSelector/ItemOptionsSelector.js

@@ -54,6 +54,7 @@ export const ItemOptionsSelector = ({
     onSelect,
     onClose,
     dataTest,
+    height = TRANSFER_HEIGHT,
 }) => {
     const [state, setState] = useState({
         searchTerm: '',
@@ -236,7 +237,7 @@ export const ItemOptionsSelector = ({
                     <p className="rightHeader">{i18n.t('Selected items')}</p>
                 }
                 enableOrderChange
-                height={TRANSFER_HEIGHT}
+                height={height}
                 optionsWidth={TRANSFER_OPTIONS_WIDTH}
                 selectedWidth={TRANSFER_SELECTED_WIDTH}
                 selectedEmptyComponent={<SelectedEmptyPlaceholder />}
@@ -282,6 +283,7 @@ ItemOptionsSelector.propTypes = {
     onClose: PropTypes.func.isRequired,
     onSelect: PropTypes.func.isRequired,
     dataTest: PropTypes.string,
+    height: PropTypes.string,
     infoDataItem: PropTypes.object,
     itemsRef: PropTypes.object,
     selectedItems: PropTypes.arrayOf(

src/components/DataDimension/ItemSelector/ItemSelector.js

@@ -136,6 +136,7 @@ const ItemSelector = ({
     onEditClick,
     isOptionViewMode,
     supportsEDI,
+    height = TRANSFER_HEIGHT,
 }) => {
     const [state, setState] = useState({
         searchTerm: '',
@@ -412,7 +413,7 @@ const ItemSelector = ({
                     ) : undefined
                 }
                 enableOrderChange
-                height={TRANSFER_HEIGHT}
+                height={height}
                 optionsWidth={TRANSFER_OPTIONS_WIDTH}
                 selectedWidth={TRANSFER_SELECTED_WIDTH}
                 selectedEmptyComponent={<SelectedEmptyPlaceholder />}
@@ -464,6 +465,7 @@ ItemSelector.propTypes = {
     currentCalculation: PropTypes.object,
     dataTest: PropTypes.string,
     dataTypes: PropTypes.array,
+    height: PropTypes.string,
     infoBoxMessage: PropTypes.string,
     infoDataItem: PropTypes.object,
     isOptionViewMode: PropTypes.bool,