diff --git a/package.json b/package.json index b8f175e9fb..bf3d08718f 100644 --- a/package.json +++ b/package.json @@ -52,7 +52,7 @@ "@dhis2/app-runtime": "^3.14.5", "@dhis2/data-engine": "^3.17.0", "@dhis2/multi-calendar-dates": "^2.1.2", - "@dhis2/ui": "^10.16.1", + "@dhis2/ui": "^10.17.0", "@dhis2/ui-forms": "7.16.3", "@tanstack/react-query": "^4.36.1", "@tanstack/react-query-devtools": "^4.36.1", @@ -82,5 +82,8 @@ "engines": { "node": ">=14.0.0" }, + "resolutions": { + "@dhis2/ui": "^10.17.0" + }, "packageManager": "yarn@1.22.22+sha512.a6b2f7906b721bba3d67d4aff083df04dad64c399707841b7acf00f6b133b7ac24255f2652fa22ae3534329dc6180534e98d17432037ff6fd140556e2bb3137e" } diff --git a/src/data-workspace/inputs/option-set.jsx b/src/data-workspace/inputs/option-set.jsx index 3e872372c2..09d3d26dac 100644 --- a/src/data-workspace/inputs/option-set.jsx +++ b/src/data-workspace/inputs/option-set.jsx @@ -18,6 +18,8 @@ import styles from './inputs.module.css' import { InputPropTypes } from './utils.js' const MULTI_TEXT_SEPARATOR = ',' +const SELECT_MENU_MIN_WIDTH = '350px' +const SELECT_MENU_MAX_WIDTH = '450px' const parse = ({ value, multi, sortByOptionsOrder }) => { if (multi) { @@ -119,6 +121,8 @@ export const OptionSet = ({