@applicaster/quick-brick-core 16.0.0-rc.80 → 16.0.0-rc.81

package/App/NotificationToastRenderer/NotificationToastRenderer.tv.tsx

@@ -1,131 +1,10 @@
-import React, { useCallback, useEffect, useRef, useState } from "react";
-import { View, Text, Animated, StyleSheet, ViewStyle } from "react-native";
-import {
-  Directions,
-  FlingGestureHandler,
-  State,
-} from "react-native-gesture-handler";
-import { useTheme } from "@applicaster/zapp-react-native-utils/theme";
+import React from "react";
 
-import {
-  CONFIRMATION_TOAST_SOURCE,
-  notificationToastManager,
-} from "./NotificationToastManager";
-import { useNotificationToastState } from "./useNotificationToastState";
-import { useNotificationHeight } from "./useNotificationHeight";
-import { resolveConfirmationToastStyle } from "./resolveConfirmationToastStyle";
-
-const DEFAULT_TOAST_BACKGROUND_COLOR = "#000";
-const DEFAULT_TOAST_MESSAGE_COLOR = "#fff";
-
-const styles = StyleSheet.create({
-  notificationView: {
-    flex: 1,
-    position: "absolute",
-    alignItems: "center",
-    justifyContent: "center",
-    top: 0,
-    left: 0,
-    right: 0,
-  },
-});
-
-type NumberBoolean = 0 | 1;
+/**
+ * NotificationToastRenderer for TV platforms.
+ * Currently, it does not render anything except for the children passed to it.
+ */
 
 export const NotificationToastRenderer = ({ children }) => {
-  const { statusHeight, notificationHeight } = useNotificationHeight();
-  const theme = useTheme<BaseThemePropertiesMobile>();
-
-  const toast = useNotificationToastState();
-
-  const [notificationOpacity, setNotificationOpacity] =
-    useState<NumberBoolean>(0);
-
-  const yPosition = useRef(new Animated.Value(0)).current;
-
-  const resolvedStyle =
-    toast?.source === CONFIRMATION_TOAST_SOURCE
-      ? resolveConfirmationToastStyle(theme, toast.style)
-      : toast?.style;
-
-  const backgroundColor =
-    resolvedStyle?.backgroundColor ?? DEFAULT_TOAST_BACKGROUND_COLOR;
-
-  const color = resolvedStyle?.color ?? DEFAULT_TOAST_MESSAGE_COLOR;
-
-  const textStyles = {
-    color,
-    fontFamily: resolvedStyle?.fontFamily,
-    fontSize: resolvedStyle?.fontSize,
-    lineHeight: resolvedStyle?.lineHeight,
-    letterSpacing: resolvedStyle?.letterSpacing,
-  };
-
-  const animatedViewStyles: ViewStyle = {
-    ...styles.notificationView,
-    transform: [
-      {
-        translateY: yPosition.interpolate({
-          inputRange: [0, 1],
-          outputRange: [-notificationHeight, 0],
-        }),
-      },
-    ],
-    opacity: notificationOpacity,
-    height: notificationHeight,
-    width: "100%",
-
-    backgroundColor,
-  };
-
-  const onFlingStateChange = useCallback(({ nativeEvent }) => {
-    // Fling activates then ends; dismiss once the upward fling is recognized.
-    if (nativeEvent.oldState === State.ACTIVE) {
-      notificationToastManager.dismiss();
-    }
-  }, []);
-
-  useEffect(() => {
-    if (toast) {
-      setNotificationOpacity(1);
-
-      Animated.timing(yPosition, {
-        toValue: 1,
-        useNativeDriver: true,
-        duration: 300,
-      }).start();
-    } else {
-      Animated.timing(yPosition, {
-        toValue: 0,
-        useNativeDriver: true,
-        duration: 300,
-      }).start(() => setNotificationOpacity(0));
-    }
-  }, [toast]);
-
-  return (
-    <View
-      testID="NotificationToastRenderer"
-      style={StyleSheet.absoluteFill}
-      pointerEvents="box-none"
-    >
-      {children}
-      <FlingGestureHandler
-        enabled={!!toast}
-        direction={Directions.UP}
-        onHandlerStateChange={onFlingStateChange}
-      >
-        <Animated.View
-          testID="NotificationToastRenderer-fling"
-          pointerEvents={toast ? "auto" : "none"}
-          style={animatedViewStyles}
-        >
-          <View style={{ height: statusHeight, backgroundColor }} />
-          <Text testID="NotificationToastRenderer-message" style={textStyles}>
-            {toast?.message}
-          </Text>
-        </Animated.View>
-      </FlingGestureHandler>
-    </View>
-  );
+  return <>{children}</>;
 };

package/App/NotificationToastRenderer/index.tsx

@@ -6,6 +6,4 @@ export { CONFIRMATION_TOAST_SOURCE } from "./NotificationToastManager";
 
 export { NotificationToastRenderer } from "./NotificationToastRenderer";
 
-export { useNotificationHeight } from "./useNotificationHeight";
-
 export { resolveConfirmationToastStyle } from "./resolveConfirmationToastStyle";

package/App/NotificationToastRenderer/useNotificationHeight.tsx

@@ -1,6 +1,7 @@
 import { useSafeAreaInsets } from "react-native-safe-area-context";
 import { getNavbarHeight } from "@applicaster/zapp-react-native-utils/reactHooks/layout";
 
+/** Hook calculates the height of the notification area including the status bar and navigation bar, used only for mobile */
 export const useNotificationHeight = () => {
   const insets = useSafeAreaInsets();
 

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@applicaster/quick-brick-core",
-  "version": "16.0.0-rc.80",
+  "version": "16.0.0-rc.81",
   "description": "Core package for Applicaster's Quick Brick App",
   "main": "index.js",
   "types": "index.d.ts",
@@ -28,13 +28,13 @@
   },
   "homepage": "https://github.com/applicaster/quickbrick#readme",
   "dependencies": {
-    "@applicaster/applicaster-types": "16.0.0-rc.80",
-    "@applicaster/quick-brick-core-plugins": "16.0.0-rc.80",
-    "@applicaster/zapp-pipes-v2-client": "16.0.0-rc.80",
-    "@applicaster/zapp-react-native-bridge": "16.0.0-rc.80",
-    "@applicaster/zapp-react-native-redux": "16.0.0-rc.80",
-    "@applicaster/zapp-react-native-ui-components": "16.0.0-rc.80",
-    "@applicaster/zapp-react-native-utils": "16.0.0-rc.80",
+    "@applicaster/applicaster-types": "16.0.0-rc.81",
+    "@applicaster/quick-brick-core-plugins": "16.0.0-rc.81",
+    "@applicaster/zapp-pipes-v2-client": "16.0.0-rc.81",
+    "@applicaster/zapp-react-native-bridge": "16.0.0-rc.81",
+    "@applicaster/zapp-react-native-redux": "16.0.0-rc.81",
+    "@applicaster/zapp-react-native-ui-components": "16.0.0-rc.81",
+    "@applicaster/zapp-react-native-utils": "16.0.0-rc.81",
     "atob": "^2.1.2",
     "axios": "^0.28.0",
     "btoa": "^1.2.1",