Merge pull request #1411 from inplayer-org/add/disabled-option-in-dropdown

Add/disabled option in dropdown

Author: mustran

CHANGELOG.md

@@ -2,6 +2,11 @@
 
 All notable changes to this project will be documented in this file.
 
+# [2.5.28] - 29.09.2022
+
+## Added
+
+- Add `disabled` for Dropdown options
 # [2.5.27] - 04.08.2022
 
 ## Added

index.d.ts

@@ -514,6 +514,7 @@ export declare class DatePicker extends Component<DatePickerProps, DatePickerSta
 export interface Option extends AnalyticsProps {
   value: string;
   displayName: string;
+  disabled?: boolean;
 }
 
 export interface DefaultOption extends AnalyticsProps {

package.json

@@ -1,7 +1,7 @@
 {
   "name": "@inplayer-org/inplayer-ui",
   "sideEffects": false,
-  "version": "2.5.27",
+  "version": "2.5.28",
   "author": "InPlayer",
   "description": "InPlayer React UI Components",
   "main": "dist/inplayer-ui.cjs.js",

src/components/Dropdown/Dropdown.tsx

@@ -11,6 +11,7 @@ import {
 export type Option = {
   value: string;
   displayName: string;
+  disabled?: boolean;
 } & AnalyticsProps;
 
 type DefaultOption = {
@@ -87,8 +88,8 @@ const Dropdown: React.FC<Props> = ({
               {defaultOption.displayName}
             </option>
           )}
-          {options.map(({ value, displayName }) => (
-            <option value={value} key={value}>
+          {options.map(({ value, displayName, disabled = false }) => (
+            <option disabled={disabled} value={value} key={value}>
               {displayName}
             </option>
           ))}