stream-chat-react-native-core 9.0.0-beta.36 → 9.0.0-beta.37

package/src/components/ChannelList/utils.ts

@@ -1,76 +0,0 @@
-import type { Channel, ChannelSort, StreamChat } from 'stream-chat';
-
-import { findLastPinnedChannelIndex, shouldConsiderPinnedChannels } from './hooks/utils';
-
-type MoveParameters = {
-  channels: Array<Channel>;
-  channelToMove: Channel;
-  /**
-   * If the index of the channel within `channels` list which is being moved upwards
-   * (`channelToMove`) is known, you can supply it to skip extra calculation.
-   */
-  channelToMoveIndexWithinChannels?: number;
-  sort?: ChannelSort;
-};
-
-export const moveChannelUp = ({
-  channels,
-  channelToMove,
-  channelToMoveIndexWithinChannels,
-  sort,
-}: MoveParameters) => {
-  // get index of channel to move up
-  const targetChannelIndex =
-    channelToMoveIndexWithinChannels ??
-    channels.findIndex((channel) => channel.cid === channelToMove.cid);
-
-  const targetChannelExistsWithinList = targetChannelIndex >= 0;
-  const targetChannelAlreadyAtTheTop = targetChannelIndex === 0;
-
-  // pinned channels should not move within the list based on recent activity, channels which
-  // receive messages and are not pinned should move upwards but only under the last pinned channel
-  // in the list
-  const considerPinnedChannels = shouldConsiderPinnedChannels(sort);
-
-  if (targetChannelAlreadyAtTheTop) {
-    return channels;
-  }
-
-  const newChannels = [...channels];
-
-  // target channel index is known, remove it from the list
-  if (targetChannelExistsWithinList) {
-    newChannels.splice(targetChannelIndex, 1);
-  }
-
-  // as position of pinned channels has to stay unchanged, we need to
-  // find last pinned channel in the list to move the target channel after
-  let lastPinnedChannelIndex: number | null = null;
-  if (considerPinnedChannels) {
-    lastPinnedChannelIndex = findLastPinnedChannelIndex({ channels: newChannels });
-  }
-
-  // re-insert it at the new place (to specific index if pinned channels are considered)
-  newChannels.splice(
-    typeof lastPinnedChannelIndex === 'number' ? lastPinnedChannelIndex + 1 : 0,
-    0,
-    channelToMove,
-  );
-
-  return newChannels;
-};
-
-type GetParameters = {
-  client: StreamChat;
-  id: string;
-  type: string;
-};
-
-export const getChannel = async ({ client, id, type }: GetParameters) => {
-  const channel = client.channel(type, id);
-  await channel.watch();
-  return channel;
-};
-
-export const DEFAULT_QUERY_CHANNELS_LIMIT = 10;
-export const MAX_QUERY_CHANNELS_LIMIT = 30;

package/src/components/KeyboardCompatibleView/KeyboardCompatibleViewFC.tsx

@@ -1,248 +0,0 @@
-import React, { useEffect, useRef, useState } from 'react';
-import {
-  AppState,
-  AppStateStatus,
-  EmitterSubscription,
-  Keyboard,
-  KeyboardAvoidingViewProps,
-  KeyboardEvent,
-  KeyboardEventListener,
-  KeyboardMetrics,
-  LayoutAnimation,
-  LayoutChangeEvent,
-  LayoutRectangle,
-  Platform,
-  StyleSheet,
-  View,
-} from 'react-native';
-
-import { KeyboardProvider } from '../../contexts/keyboardContext/KeyboardContext';
-
-/**
- * View that moves out of the way when the keyboard appears by automatically
- * adjusting its height, position, or bottom padding.
- *
- * Following piece of code has been mostly copied from KeyboardAvoidingView component, with few additional tweaks.
- */
-export const KeyboardCompatibleView = ({
-  behavior = Platform.OS === 'ios' ? 'padding' : 'position',
-  children,
-  contentContainerStyle,
-  enabled = true,
-  keyboardVerticalOffset = Platform.OS === 'ios' ? 86.5 : -300,
-  style,
-  ...props
-}: KeyboardAvoidingViewProps) => {
-  const frame = useRef<LayoutRectangle>(undefined);
-  const initialFrameHeight = useRef(0);
-  const keyboardEvent = useRef<KeyboardEvent>(undefined);
-  const subscriptions = useRef<EmitterSubscription[]>([]);
-  const viewRef = useRef<View | null>(null);
-
-  const [appState, setAppState] = useState<AppStateStatus>(AppState.currentState);
-  const [bottom, setBottom] = useState(0);
-  const [isKeyboardOpen, setIsKeyboardOpen] = useState(false);
-
-  useEffect(() => {
-    const handleAppStateChange = (nextAppState: AppStateStatus) => {
-      if (appState.match(/inactive|background/) && nextAppState === 'active') {
-        setKeyboardListeners();
-      }
-
-      if (nextAppState.match(/inactive|background/)) {
-        unsetKeyboardListeners();
-      }
-
-      setAppState(nextAppState);
-    };
-
-    const onKeyboardChange: KeyboardEventListener = (event) => {
-      keyboardEvent.current = event;
-    };
-
-    const setKeyboardListeners = () => {
-      if (Platform.OS === 'ios') {
-        subscriptions.current = [
-          Keyboard.addListener('keyboardWillChangeFrame', onKeyboardChange),
-          Keyboard.addListener('keyboardDidHide', () => {
-            setIsKeyboardOpen(false);
-          }),
-          Keyboard.addListener('keyboardDidShow', () => {
-            setIsKeyboardOpen(true);
-          }),
-        ];
-      } else {
-        subscriptions.current = [
-          Keyboard.addListener('keyboardDidHide', (event) => {
-            onKeyboardChange(event);
-            setIsKeyboardOpen(false);
-          }),
-          Keyboard.addListener('keyboardDidShow', (event) => {
-            onKeyboardChange(event);
-            setIsKeyboardOpen(true);
-          }),
-        ];
-      }
-    };
-
-    const unsetKeyboardListeners = () => {
-      subscriptions.current = subscriptions.current.filter((subscription) => {
-        subscription.remove();
-        return false;
-      });
-    };
-
-    const subscription = AppState.addEventListener('change', handleAppStateChange);
-    setKeyboardListeners();
-
-    return () => {
-      // Following if-else condition to avoid deprecated warning coming RN 0.65
-      if (subscription?.remove) {
-        subscription?.remove();
-      }
-      // @ts-ignore
-      else if (AppState.removeEventListener) {
-        // @ts-ignore
-        AppState.removeEventListener('change', handleAppStateChange);
-      }
-
-      unsetKeyboardListeners();
-    };
-    // eslint-disable-next-line react-hooks/exhaustive-deps
-  }, []);
-
-  useEffect(() => {
-    updateBottomIfNecessary();
-    // eslint-disable-next-line react-hooks/exhaustive-deps
-  }, [keyboardEvent.current]);
-
-  const dismissKeyboard: () => Promise<void> | undefined = () => {
-    if (!isKeyboardOpen) {
-      return;
-    }
-
-    return new Promise((resolve) => {
-      const subscription = Keyboard.addListener('keyboardDidHide', () => {
-        resolve();
-        subscription.remove();
-      });
-
-      Keyboard.dismiss();
-    });
-  };
-
-  const onLayout: (event: LayoutChangeEvent) => void = (event) => {
-    frame.current = event.nativeEvent.layout;
-    if (!initialFrameHeight.current) {
-      // save the initial frame height, before the keyboard is visible
-      initialFrameHeight.current = frame.current.height;
-    }
-
-    updateBottomIfNecessary();
-  };
-
-  const relativeKeyboardHeight = (keyboardFrame: KeyboardMetrics) => {
-    if (!frame.current || !keyboardFrame) {
-      return 0;
-    }
-
-    const keyboardY = keyboardFrame.screenY - keyboardVerticalOffset;
-
-    // Calculate the displacement needed for the view such that it
-    // no longer overlaps with the keyboard
-    return Math.max(frame.current.y + frame.current.height - keyboardY, 0);
-  };
-
-  const updateBottomIfNecessary = () => {
-    if (!keyboardEvent.current) {
-      setBottom(0);
-      return;
-    }
-
-    const { duration, easing, endCoordinates } = keyboardEvent.current;
-    const height = relativeKeyboardHeight(endCoordinates);
-
-    if (bottom === height) {
-      return;
-    }
-
-    if (duration && easing) {
-      LayoutAnimation.configureNext({
-        // We have to pass the duration equal to minimal accepted duration defined here: RCTLayoutAnimation.m
-        duration: duration > 10 ? duration : 10,
-        update: {
-          duration: duration > 10 ? duration : 10,
-          type: LayoutAnimation.Types[easing] || 'keyboard',
-        },
-      });
-    }
-    setBottom(height);
-  };
-
-  const bottomHeight = enabled ? bottom : 0;
-  switch (behavior) {
-    case 'height':
-      // eslint-disable-next-line no-case-declarations
-      let heightStyle;
-      if (frame.current && bottom > 0) {
-        // Note that we only apply a height change when there is keyboard present,
-        // i.e. this.state.bottom is greater than 0. If we remove that condition,
-        // this.frame.height will never go back to its original value.
-        // When height changes, we need to disable flex.
-        heightStyle = {
-          flex: 0,
-          height: initialFrameHeight.current - bottomHeight,
-        };
-      }
-      return (
-        <KeyboardProvider value={{ dismissKeyboard }}>
-          <View
-            onLayout={onLayout}
-            ref={viewRef}
-            style={StyleSheet.compose(style, heightStyle)}
-            {...props}
-          >
-            {children}
-          </View>
-        </KeyboardProvider>
-      );
-
-    case 'position':
-      return (
-        <KeyboardProvider value={{ dismissKeyboard }}>
-          <View onLayout={onLayout} ref={viewRef} style={style} {...props}>
-            <View
-              style={StyleSheet.compose(contentContainerStyle, {
-                bottom: bottomHeight,
-              })}
-            >
-              {children}
-            </View>
-          </View>
-        </KeyboardProvider>
-      );
-
-    case 'padding':
-      return (
-        <KeyboardProvider value={{ dismissKeyboard }}>
-          <View
-            onLayout={onLayout}
-            ref={viewRef}
-            style={StyleSheet.compose(style, { paddingBottom: bottomHeight })}
-            {...props}
-          >
-            {children}
-          </View>
-        </KeyboardProvider>
-      );
-
-    default:
-      return (
-        <KeyboardProvider value={{ dismissKeyboard }}>
-          <View onLayout={onLayout} ref={viewRef} style={style} {...props}>
-            {children}
-          </View>
-        </KeyboardProvider>
-      );
-  }
-};

package/src/components/MessageInput/components/NativeAttachmentPicker.tsx

@@ -1,12 +0,0 @@
-import { LayoutRectangle } from 'react-native';
-
-type NativeAttachmentPickerProps = {
-  onRequestedClose: () => void;
-  attachButtonLayoutRectangle?: LayoutRectangle;
-};
-
-// eslint-disable-next-line @typescript-eslint/no-unused-vars
-export const NativeAttachmentPicker = (_props: NativeAttachmentPickerProps) => {
-  // TODO: V9: Temporarily removed, will delete the entire component later
-  return null;
-};

package/src/components/MessageList/utils/getLastReceivedMessageFlashList.ts

@@ -1,20 +0,0 @@
-import { LocalMessage } from 'stream-chat';
-
-import { MessageStatusTypes } from '../../../utils/utils';
-
-export const getLastReceivedMessageFlashList = (messages: LocalMessage[]) => {
-  /**
-   * There are no status on dates so they will be skipped
-   */
-  for (let i = messages.length - 1; i >= 0; i--) {
-    const message = messages[i];
-    if (
-      message?.status === MessageStatusTypes.RECEIVED ||
-      message?.status === MessageStatusTypes.SENDING
-    ) {
-      return message;
-    }
-  }
-
-  return;
-};