Merge pull request #1392 from iviteb/feature/disable_unavail_select_o…

…ptions_dropdown Adding disabled attr to dropdown select options
vtex · Jun 16, 2021 · 9dcf3bd · 9dcf3bd · vercel · Jun 16, 2021
2 parents f829919 + 9fcd776
commit 9dcf3bd
Show file tree

Hide file tree

Showing 2 changed files with 6 additions and 1 deletion.
diff --git a/CHANGELOG.md b/CHANGELOG.md
@@ -11,6 +11,10 @@ and this project adheres to [Semantic Versioning](http://semver.org/spec/v2.0.0.
 
 - **Modal** sometimes not loading `window.scroll` polyfill after the browser hard refresh.
 
+### Added 
+
+- **Dropdown** `disabled` prop added to options
+
 ## [9.142.0] - 2021-05-19
 
 ### Added

diff --git a/react/components/Dropdown/index.js b/react/components/Dropdown/index.js
@@ -244,7 +244,7 @@ class Dropdown extends Component {
                 </option>
               )}
               {options.map(option => (
-                <option key={option.value} value={option.value}>
+                <option disabled={option.disabled} key={option.value} value={option.value}>
                   {option.label}
                 </option>
               ))}
@@ -290,6 +290,7 @@ Dropdown.propTypes = {
   /** Dropdown options list */
   options: PropTypes.arrayOf(
     PropTypes.shape({
+      disabled: PropTypes.bool,
       value: PropTypes.oneOfType([PropTypes.string, PropTypes.number])
         .isRequired,
       label: PropTypes.oneOfType([PropTypes.string, PropTypes.number])