Add disableIndexes support to ActionSheetIOS for parity w/ `Actio…

…nSheetCustom` + clean-up

README.md

@@ -221,6 +221,12 @@ https://github.com/alessiocancian/react-native-actionsheet/blob/master/lib/optio
         <td></td>
         <td></td>
     </tr>
+    <tr>
+        <td>disabledIndexes</td>
+        <td>number[]</td>
+        <td></td>
+        <td></td>
+    </tr>
     <tr>
         <td>onPress</td>
         <td>function</td>

lib/ActionSheetCustom.js

@@ -141,14 +141,11 @@ class ActionSheet extends React.Component {
   _createButton (title, index) {
     const styles = getMergedStyles(this.props.styles)
     const { buttonUnderlayColor, cancelButtonIndex, destructiveButtonIndex, disabledIndexes, disabledColor } = this.props
+    const isDisabled = disabledIndexes.indexOf(index) !== -1
     const tintColor = this.props.tintColor || (this._isDarkMode() ? "#4793FF" : "#007AFF")
-    const fontColor = destructiveButtonIndex === index ? WARN_COLOR : tintColor
+    const fontColor = isDisabled ? disabledColor : (destructiveButtonIndex === index ? WARN_COLOR : tintColor)
     const isCancel = cancelButtonIndex === index
     const buttonBoxStyle = isCancel ? styles.cancelButtonBox : styles.buttonBox
-    const isDisabled = disabledIndexes.indexOf(index) !== -1
-    if (isDisabled) {
-      fontColor = disabledColor
-    }
     return (
       <TouchableHighlight
         key={index}

lib/ActionSheetIOS.js

@@ -22,6 +22,11 @@ class ActionSheet extends React.Component {
         options[name] = value
       }
     })
+    const disabledIndexes = options.disabledIndexes
+    if (typeof disabledIndexes !== 'undefined') {
+      options['disabledButtonIndices'] = disabledIndexes
+    }
+    delete options.disabledIndexes
     const callback = options.onPress
     delete options.onPress
     ActionSheetIOS.showActionSheetWithOptions(options, callback)

lib/options.js

@@ -23,6 +23,12 @@ export default [
    */
   'destructiveButtonIndex',
 
+  /**
+   * a list of disabled button indices (optional)
+   * @type int[]
+   */
+  'disabledIndexes',
+
   /**
    * a title to show above the action sheet
    * @type string

lib/ts/index.d.ts

@@ -9,6 +9,8 @@ type Props = {
 	tintColor?: string;
 	cancelButtonIndex?: number;
 	destructiveButtonIndex?: number;
+	disabledIndexes?: number[];
+
 	/**
 	 * Only for Android or ActionSheetCustom
 	 */
@@ -77,4 +79,4 @@ type ActionSheetCustomProps = Props | {
 
 export class ActionSheetCustom extends Component<ActionSheetCustomProps> {
 	public show: () => void;
-}
+}