feat: add maxSelections to DataDimension

Author: BRaimbault

src/components/DataDimension/DataDimension.js

@@ -33,6 +33,7 @@ const DataDimension = ({
     visType,
     height,
     heightCalculation,
+    maxSelections,
 }) => {
     const { serverVersion } = useConfig()
 
@@ -134,6 +135,7 @@ const DataDimension = ({
                 onEditClick={onEditClick}
                 height={height}
                 heightCalculation={heightCalculation}
+                maxSelections={maxSelections}
             />
             {currentDataItem && (
                 <ItemOptionsSelector
@@ -148,6 +150,7 @@ const DataDimension = ({
                     onClose={() => setCurrentDataItem()}
                     onEditClick={onEditClick}
                     height={height}
+                    maxSelections={maxSelections}
                 />
             )}
             {infoDataItem && (
@@ -180,6 +183,7 @@ DataDimension.propTypes = {
     height: PropTypes.string,
     heightCalculation: PropTypes.string,
     infoBoxMessage: PropTypes.string,
+    maxSelections: PropTypes.number,
     visType: PropTypes.string,
     onCalculationSave: PropTypes.func,
 }

src/components/DataDimension/ItemOptionsSelector/ItemOptionsSelector.js

@@ -55,6 +55,7 @@ export const ItemOptionsSelector = ({
     onClose,
     dataTest,
     height = TRANSFER_HEIGHT,
+    maxSelections,
 }) => {
     const [state, setState] = useState({
         searchTerm: '',
@@ -236,7 +237,7 @@ export const ItemOptionsSelector = ({
                 rightHeader={
                     <p className="rightHeader">{i18n.t('Selected items')}</p>
                 }
-                enableOrderChange
+                enableOrderChange={!maxSelections || maxSelections > 1}
                 height={height}
                 optionsWidth={TRANSFER_OPTIONS_WIDTH}
                 selectedWidth={TRANSFER_SELECTED_WIDTH}
@@ -267,6 +268,7 @@ export const ItemOptionsSelector = ({
                         />
                     )
                 }}
+                maxSelections={maxSelections}
                 dataTest={`${dataTest}-option-view-mode-transfer`}
             />
             <style jsx>{styles}</style>
@@ -286,6 +288,7 @@ ItemOptionsSelector.propTypes = {
     height: PropTypes.string,
     infoDataItem: PropTypes.object,
     itemsRef: PropTypes.object,
+    maxSelections: PropTypes.number,
     selectedItems: PropTypes.arrayOf(
         PropTypes.exact({
             label: PropTypes.string.isRequired,

src/components/DataDimension/ItemSelector/ItemSelector.js

@@ -138,6 +138,7 @@ const ItemSelector = ({
     supportsEDI,
     height = TRANSFER_HEIGHT,
     heightCalculation,
+    maxSelections,
 }) => {
     const [state, setState] = useState({
         searchTerm: '',
@@ -413,7 +414,7 @@ const ItemSelector = ({
                         </div>
                     ) : undefined
                 }
-                enableOrderChange
+                enableOrderChange={!maxSelections || maxSelections > 1}
                 height={height}
                 optionsWidth={TRANSFER_OPTIONS_WIDTH}
                 selectedWidth={TRANSFER_SELECTED_WIDTH}
@@ -444,6 +445,7 @@ const ItemSelector = ({
                         /* eslint-enable react/prop-types */
                     />
                 )}
+                maxSelections={maxSelections}
                 dataTest={`${dataTest}-transfer`}
             />
             {currentCalculation && supportsEDI && (
@@ -473,6 +475,7 @@ ItemSelector.propTypes = {
     infoDataItem: PropTypes.object,
     isOptionViewMode: PropTypes.bool,
     itemsRef: PropTypes.object,
+    maxSelections: PropTypes.number,
     noItemsMessage: PropTypes.string,
     rightFooter: PropTypes.node,
     selectedItems: PropTypes.arrayOf(