feat: expose the closeMenuOnSelect option in dropdown component

Author: 12rambau

components/dash-core-components/src/components/Dropdown.react.js

@@ -145,6 +145,11 @@ Dropdown.propTypes = {
      */
     disabled: PropTypes.bool,
 
+    /**
+     * If false, the menu of the dropdown will not close once a value is selected.
+     */
+    closeMenuOnSelect: PropTypes.bool,
+
     /**
      * height of each option. Can be increased when label lengths would wrap around
      */
@@ -232,6 +237,7 @@ Dropdown.defaultProps = {
     searchable: true,
     optionHeight: 35,
     maxHeight: 200,
+    closeMenuOnSelect: true,
     persisted_props: ['value'],
     persistence_type: 'local',
 };

components/dash-core-components/src/fragments/Dropdown.react.js

@@ -33,6 +33,7 @@ const RDProps = [
     'maxHeight',
     'style',
     'className',
+    'closeMenuOnSelect'
 ];
 
 const Dropdown = props => {
@@ -46,6 +47,7 @@ const Dropdown = props => {
         style,
         loading_state,
         value,
+        closeMenuOnSelect,
     } = props;
     const [optionsCheck, setOptionsCheck] = useState(null);
     const persistentOptions = useRef(null);
@@ -158,6 +160,7 @@ const Dropdown = props => {
                 value={value}
                 onChange={onChange}
                 onInputChange={onInputChange}
+                closeMenuOnSelect={closeMenuOnSelect}
                 backspaceRemoves={clearable}
                 deleteRemoves={clearable}
                 inputProps={{autoComplete: 'off'}}