feat: openStorybook method & remove async storage & add expo dev menu item

[michalziolkowski]

openStorybook method

If user is using withStorybook hoc they can use openStorybook method from anywhere in the app to enter Storybook mode, they can do it by using the useSherlo hook

const App = () => {
    const { openStorybook } = useSherlo();

    return (
      <View>
        <Text style={{ textAlign: 'center' }}>
          {'Open Dev Menu and select "Toggle Storybook" \nor click the button below'}
        </Text>
        <Button title="Open Storybook" onPress={openStorybook} />
      </View>
    );
  };

remove async storage

We no more require from users to install @react-native-async-storage/async-storage along with sherlo dependencies. We used this storage to hold state if the storybook mode is enabled or not. Now we rely on methods provided by user when configuring Storybook itself - storage, if they provide storage methods the functionality of holding state between restart of the app will be supported

import { withSherlo } from '@sherlo/react-native-storybook';
import { view } from './storybook.requires';
import AsyncStorage from '@react-native-async-storage/async-storage';

const StorybookUIRoot = withSherlo(view, {
storage: {
  getItem: AsyncStorage.getItem,
  setItem: AsyncStorage.setItem,
},
});

export default StorybookUIRoot;

expo dev menu item

This is only available in development builds right now but user can open their dev menu and select "Toggle Storybook" list item to control visibility of Storybook, just like bare React Native user can do it from RN Dev menu