157 lines
5.3 KiB
JavaScript
157 lines
5.3 KiB
JavaScript
|
/**
|
||
|
* Copyright (c) Meta Platforms, Inc. and affiliates.
|
||
|
*
|
||
|
* This source code is licensed under the MIT license found in the
|
||
|
* LICENSE file in the root directory of this source tree.
|
||
|
*
|
||
|
* @flow
|
||
|
* @format
|
||
|
*/
|
||
|
|
||
|
import type {ProcessedColorValue} from '../StyleSheet/processColor';
|
||
|
import type {ColorValue} from '../StyleSheet/StyleSheet';
|
||
|
|
||
|
import RCTActionSheetManager from './NativeActionSheetManager';
|
||
|
|
||
|
const processColor = require('../StyleSheet/processColor').default;
|
||
|
const invariant = require('invariant');
|
||
|
|
||
|
/**
|
||
|
* Display action sheets and share sheets on iOS.
|
||
|
*
|
||
|
* See https://reactnative.dev/docs/actionsheetios
|
||
|
*/
|
||
|
const ActionSheetIOS = {
|
||
|
/**
|
||
|
* Display an iOS action sheet.
|
||
|
*
|
||
|
* The `options` object must contain one or more of:
|
||
|
*
|
||
|
* - `options` (array of strings) - a list of button titles (required)
|
||
|
* - `cancelButtonIndex` (int) - index of cancel button in `options`
|
||
|
* - `destructiveButtonIndex` (int or array of ints) - index or indices of destructive buttons in `options`
|
||
|
* - `title` (string) - a title to show above the action sheet
|
||
|
* - `message` (string) - a message to show below the title
|
||
|
* - `disabledButtonIndices` (array of numbers) - a list of button indices which should be disabled
|
||
|
*
|
||
|
* The 'callback' function takes one parameter, the zero-based index
|
||
|
* of the selected item.
|
||
|
*
|
||
|
* See https://reactnative.dev/docs/actionsheetios#showactionsheetwithoptions
|
||
|
*/
|
||
|
showActionSheetWithOptions(
|
||
|
options: {|
|
||
|
+title?: ?string,
|
||
|
+message?: ?string,
|
||
|
+options: Array<string>,
|
||
|
+destructiveButtonIndex?: ?number | ?Array<number>,
|
||
|
+cancelButtonIndex?: ?number,
|
||
|
+anchor?: ?number,
|
||
|
+tintColor?: ColorValue | ProcessedColorValue,
|
||
|
+cancelButtonTintColor?: ColorValue | ProcessedColorValue,
|
||
|
+userInterfaceStyle?: string,
|
||
|
+disabledButtonIndices?: Array<number>,
|
||
|
|},
|
||
|
callback: (buttonIndex: number) => void,
|
||
|
) {
|
||
|
invariant(
|
||
|
typeof options === 'object' && options !== null,
|
||
|
'Options must be a valid object',
|
||
|
);
|
||
|
invariant(typeof callback === 'function', 'Must provide a valid callback');
|
||
|
invariant(RCTActionSheetManager, "ActionSheetManager doesn't exist");
|
||
|
|
||
|
const {
|
||
|
tintColor,
|
||
|
cancelButtonTintColor,
|
||
|
destructiveButtonIndex,
|
||
|
...remainingOptions
|
||
|
} = options;
|
||
|
let destructiveButtonIndices = null;
|
||
|
|
||
|
if (Array.isArray(destructiveButtonIndex)) {
|
||
|
destructiveButtonIndices = destructiveButtonIndex;
|
||
|
} else if (typeof destructiveButtonIndex === 'number') {
|
||
|
destructiveButtonIndices = [destructiveButtonIndex];
|
||
|
}
|
||
|
|
||
|
const processedTintColor = processColor(tintColor);
|
||
|
const processedCancelButtonTintColor = processColor(cancelButtonTintColor);
|
||
|
invariant(
|
||
|
processedTintColor == null || typeof processedTintColor === 'number',
|
||
|
'Unexpected color given for ActionSheetIOS.showActionSheetWithOptions tintColor',
|
||
|
);
|
||
|
invariant(
|
||
|
processedCancelButtonTintColor == null ||
|
||
|
typeof processedCancelButtonTintColor === 'number',
|
||
|
'Unexpected color given for ActionSheetIOS.showActionSheetWithOptions cancelButtonTintColor',
|
||
|
);
|
||
|
RCTActionSheetManager.showActionSheetWithOptions(
|
||
|
{
|
||
|
...remainingOptions,
|
||
|
tintColor: processedTintColor,
|
||
|
cancelButtonTintColor: processedCancelButtonTintColor,
|
||
|
destructiveButtonIndices,
|
||
|
},
|
||
|
callback,
|
||
|
);
|
||
|
},
|
||
|
|
||
|
/**
|
||
|
* Display the iOS share sheet. The `options` object should contain
|
||
|
* one or both of `message` and `url` and can additionally have
|
||
|
* a `subject` or `excludedActivityTypes`:
|
||
|
*
|
||
|
* - `url` (string) - a URL to share
|
||
|
* - `message` (string) - a message to share
|
||
|
* - `subject` (string) - a subject for the message
|
||
|
* - `excludedActivityTypes` (array) - the activities to exclude from
|
||
|
* the ActionSheet
|
||
|
* - `tintColor` (color) - tint color of the buttons
|
||
|
*
|
||
|
* The 'failureCallback' function takes one parameter, an error object.
|
||
|
* The only property defined on this object is an optional `stack` property
|
||
|
* of type `string`.
|
||
|
*
|
||
|
* The 'successCallback' function takes two parameters:
|
||
|
*
|
||
|
* - a boolean value signifying success or failure
|
||
|
* - a string that, in the case of success, indicates the method of sharing
|
||
|
*
|
||
|
* See https://reactnative.dev/docs/actionsheetios#showshareactionsheetwithoptions
|
||
|
*/
|
||
|
showShareActionSheetWithOptions(
|
||
|
options: Object,
|
||
|
failureCallback: Function,
|
||
|
successCallback: Function,
|
||
|
) {
|
||
|
invariant(
|
||
|
typeof options === 'object' && options !== null,
|
||
|
'Options must be a valid object',
|
||
|
);
|
||
|
invariant(
|
||
|
typeof failureCallback === 'function',
|
||
|
'Must provide a valid failureCallback',
|
||
|
);
|
||
|
invariant(
|
||
|
typeof successCallback === 'function',
|
||
|
'Must provide a valid successCallback',
|
||
|
);
|
||
|
invariant(RCTActionSheetManager, "ActionSheetManager doesn't exist");
|
||
|
RCTActionSheetManager.showShareActionSheetWithOptions(
|
||
|
{...options, tintColor: processColor(options.tintColor)},
|
||
|
failureCallback,
|
||
|
successCallback,
|
||
|
);
|
||
|
},
|
||
|
|
||
|
dismissActionSheet: () => {
|
||
|
invariant(RCTActionSheetManager, "ActionSheetManager doesn't exist");
|
||
|
if (typeof RCTActionSheetManager.dismissActionSheet === 'function') {
|
||
|
RCTActionSheetManager.dismissActionSheet();
|
||
|
}
|
||
|
},
|
||
|
};
|
||
|
|
||
|
module.exports = ActionSheetIOS;
|