fix: expose ref on ActionSheetProvider for statically invoking (#283)

This fixes an unknown breaking change from 4.0.0 where attempting to put a ref directly on `ActionSheetProvider` would error. For simplicity, the ref on that component will now return an object containing `showActionSheetWithOptions()`, but for backwards compatibility `getContext()` is also available.

Author: bradbyte

src/ActionSheetProvider.tsx

@@ -4,19 +4,18 @@ import * as React from 'react';
 import NativeActionSheet from './ActionSheet';
 import CustomActionSheet from './ActionSheet/CustomActionSheet';
 import { Provider } from './context';
-import { ActionSheetOptions } from './types';
+import { ActionSheetOptions, ActionSheetProviderRef } from './types';
 
 interface Props {
   children: React.ReactNode;
   useNativeDriver?: boolean;
   useCustomActionSheet?: boolean;
 }
 
-export default function ActionSheetProvider({
-  children,
-  useNativeDriver,
-  useCustomActionSheet = false,
-}: Props) {
+export default React.forwardRef<ActionSheetProviderRef, Props>(function ActionSheetProvider(
+  { children, useNativeDriver, useCustomActionSheet = false },
+  ref
+) {
   const actionSheetRef = React.useRef<NativeActionSheet>(null);
 
   const context = React.useMemo(
@@ -30,6 +29,16 @@ export default function ActionSheetProvider({
     [actionSheetRef]
   );
 
+  React.useImperativeHandle(
+    ref,
+    () => ({
+      // backwards compatible with 13.x before context was being passed right on the ref
+      getContext: () => context,
+      showActionSheetWithOptions: context.showActionSheetWithOptions,
+    }),
+    [context]
+  );
+
   const ActionSheet = React.useMemo(
     () => (useCustomActionSheet ? CustomActionSheet : NativeActionSheet),
     [useCustomActionSheet]
@@ -42,4 +51,4 @@ export default function ActionSheetProvider({
       </ActionSheet>
     </Provider>
   );
-}
+});

src/types.ts

@@ -8,6 +8,13 @@ export interface ActionSheetProps {
   ) => void;
 }
 
+export interface ActionSheetProviderRef extends ActionSheetProps {
+  /**
+   * @deprecated Simply call `showActionSheetWithOptions()` directly from the ref now
+   */
+  getContext: () => ActionSheetProps;
+}
+
 // for iOS
 export interface ActionSheetIOSOptions {
   options: string[];