@oxy.so/services 11.2.0-oxy-one.2 → 11.2.0-oxy-one.4

package/src/ui/components/styles/shadow.tsx

@@ -7,7 +7,7 @@ const MD3_SHADOW_COLOR = '#000000';
 
 export default function shadow(
   elevation: number | Animated.Value = 0,
-  isV3 = false
+  isV3 = false,
 ): ViewStyle | ShadowStyleIOS {
   return isV3 ? v3Shadow(elevation) : v2Shadow(elevation);
 }
@@ -37,47 +37,47 @@ function v2Shadow(elevation: number | Animated.Value = 0): ViewStyle | ShadowSty
         }),
       } as unknown as ShadowStyleIOS;
     }
-      return {
-        elevation: elevation.interpolate({
-          inputRange,
-          outputRange: [0, 1, 2, 3, 8, 24],
-        }) as unknown as number,
-      };
+    return {
+      elevation: elevation.interpolate({
+        inputRange,
+        outputRange: [0, 1, 2, 3, 8, 24],
+      }) as unknown as number,
+    };
+  }
+  if (elevation === 0) {
+    return {};
   }
-    if (elevation === 0) {
-      return {};
-    }
 
-    let height: number;
-    let radius: number;
-    switch (elevation) {
-      case 1:
-        height = 0.5;
-        radius = 0.75;
-        break;
-      case 2:
-        height = 0.75;
-        radius = 1.5;
-        break;
-      default:
-        height = elevation - 1;
-        radius = elevation;
-    }
+  let height: number;
+  let radius: number;
+  switch (elevation) {
+    case 1:
+      height = 0.5;
+      radius = 0.75;
+      break;
+    case 2:
+      height = 0.75;
+      radius = 1.5;
+      break;
+    default:
+      height = elevation - 1;
+      radius = elevation;
+  }
 
-    if (Platform.OS === 'ios') {
-      return {
-        shadowColor: SHADOW_COLOR,
-        shadowOffset: {
-          width: 0,
-          height,
-        },
-        shadowOpacity: SHADOW_OPACITY,
-        shadowRadius: radius,
-      } as ShadowStyleIOS;
-    }
-      return {
-        elevation: elevation,
-      };
+  if (Platform.OS === 'ios') {
+    return {
+      shadowColor: SHADOW_COLOR,
+      shadowOffset: {
+        width: 0,
+        height,
+      },
+      shadowOpacity: SHADOW_OPACITY,
+      shadowRadius: radius,
+    } as ShadowStyleIOS;
+  }
+  return {
+    elevation: elevation,
+  };
 }
 
 function v3Shadow(elevation: number | Animated.Value = 0): ViewStyle | ShadowStyleIOS {
@@ -107,25 +107,25 @@ function v3Shadow(elevation: number | Animated.Value = 0): ViewStyle | ShadowSty
         }),
       } as unknown as ShadowStyleIOS;
     }
-      return {
-        elevation: elevation.interpolate({
-          inputRange,
-          outputRange: [0, 1, 2, 3, 4, 5],
-        }) as unknown as number,
-      };
+    return {
+      elevation: elevation.interpolate({
+        inputRange,
+        outputRange: [0, 1, 2, 3, 4, 5],
+      }) as unknown as number,
+    };
   }
-    if (Platform.OS === 'ios') {
-      return {
-        shadowColor: MD3_SHADOW_COLOR,
-        shadowOpacity: elevation ? MD3_SHADOW_OPACITY : 0,
-        shadowOffset: {
-          width: 0,
-          height: shadowHeight[elevation] || 0,
-        },
-        shadowRadius: shadowRadius[elevation] || 0,
-      } as ShadowStyleIOS;
-    }
-      return {
-        elevation: elevation || 0,
-      };
+  if (Platform.OS === 'ios') {
+    return {
+      shadowColor: MD3_SHADOW_COLOR,
+      shadowOpacity: elevation ? MD3_SHADOW_OPACITY : 0,
+      shadowOffset: {
+        width: 0,
+        height: shadowHeight[elevation] || 0,
+      },
+      shadowRadius: shadowRadius[elevation] || 0,
+    } as ShadowStyleIOS;
+  }
+  return {
+    elevation: elevation || 0,
+  };
 }

package/src/ui/components/surfaces/ActionSheetSurface.tsx

@@ -10,23 +10,23 @@ import { surfaces, type SurfaceControls } from '@oxy.so/bloom/surfaces';
  * resolves the surface with `value` when pressed.
  */
 export interface ActionSheetOption<T extends string> {
-    label: string;
-    value: T;
-    /** Render as a destructive (negative) button. */
-    destructive?: boolean;
+  label: string;
+  value: T;
+  /** Render as a destructive (negative) button. */
+  destructive?: boolean;
 }
 
 export interface ActionSheetSurfaceProps<T extends string> {
-    /** The presenting surface's controls (from `surfaces.present`). */
-    surface: SurfaceControls;
-    /** Headline. */
-    title: string;
-    /** Optional supporting copy. */
-    message?: string;
-    /** The choices; each dismisses the surface with its `value`. */
-    options: ActionSheetOption<T>[];
-    /** Cancel button label — dismisses with `undefined`. */
-    cancelLabel: string;
+  /** The presenting surface's controls (from `surfaces.present`). */
+  surface: SurfaceControls;
+  /** Headline. */
+  title: string;
+  /** Optional supporting copy. */
+  message?: string;
+  /** The choices; each dismisses the surface with its `value`. */
+  options: ActionSheetOption<T>[];
+  /** Cancel button label — dismisses with `undefined`. */
+  cancelLabel: string;
 }
 
 const TITLE_STYLE = { fontSize: 22, fontWeight: '600' as const, lineHeight: 30 };
@@ -40,51 +40,41 @@ const MESSAGE_STYLE = { fontSize: 16, lineHeight: 22 };
  * {@link presentActionSheet}.
  */
 export function ActionSheetSurface<T extends string>({
-    surface,
-    title,
-    message,
-    options,
-    cancelLabel,
+  surface,
+  title,
+  message,
+  options,
+  cancelLabel,
 }: ActionSheetSurfaceProps<T>): React.ReactElement {
-    const theme = useTheme();
+  const theme = useTheme();
 
-    return (
-        <View>
-            <Text
-                style={[
-                    TITLE_STYLE,
-                    { color: theme.colors.text, paddingBottom: message ? 4 : 16 },
-                ]}
-            >
-                {title}
-            </Text>
-            {message ? (
-                <Text
-                    style={[
-                        MESSAGE_STYLE,
-                        { color: theme.colors.textSecondary, paddingBottom: 16 },
-                    ]}
-                >
-                    {message}
-                </Text>
-            ) : null}
-            <View style={{ gap: 8 }}>
-                {options.map((option) => (
-                    <Button
-                        key={option.value}
-                        appearance="solid"
-                        tone={option.destructive ? 'danger' : 'accent'}
-                        onPress={() => surface.dismiss(option.value)}
-                    >
-                        {option.label}
-                    </Button>
-                ))}
-                <Button appearance="subtle" tone="neutral" onPress={() => surface.dismiss(undefined)}>
-                    {cancelLabel}
-                </Button>
-            </View>
-        </View>
-    );
+  return (
+    <View>
+      <Text style={[TITLE_STYLE, { color: theme.colors.text, paddingBottom: message ? 4 : 16 }]}>
+        {title}
+      </Text>
+      {message ? (
+        <Text style={[MESSAGE_STYLE, { color: theme.colors.textSecondary, paddingBottom: 16 }]}>
+          {message}
+        </Text>
+      ) : null}
+      <View style={{ gap: 8 }}>
+        {options.map((option) => (
+          <Button
+            key={option.value}
+            appearance="solid"
+            tone={option.destructive ? 'danger' : 'accent'}
+            onPress={() => surface.dismiss(option.value)}
+          >
+            {option.label}
+          </Button>
+        ))}
+        <Button appearance="subtle" tone="neutral" onPress={() => surface.dismiss(undefined)}>
+          {cancelLabel}
+        </Button>
+      </View>
+    </View>
+  );
 }
 
 /**
@@ -92,9 +82,9 @@ export function ActionSheetSurface<T extends string>({
  * chosen option `value`, or `undefined` if cancelled/dismissed.
  */
 export function presentActionSheet<T extends string>(
-    options: Omit<ActionSheetSurfaceProps<T>, 'surface'>,
+  options: Omit<ActionSheetSurfaceProps<T>, 'surface'>,
 ): Promise<T | undefined> {
-    return surfaces.present<T | undefined>((surface) => (
-        <ActionSheetSurface surface={surface} {...options} />
-    ));
+  return surfaces.present<T | undefined>((surface) => (
+    <ActionSheetSurface surface={surface} {...options} />
+  ));
 }

package/src/ui/components/utils/hasTouchHandler.tsx

@@ -1,22 +1,12 @@
 import type { GestureResponderEvent } from 'react-native';
 
-const touchableEvents = [
-  'onPress',
-  'onLongPress',
-  'onPressIn',
-  'onPressOut',
-] as const;
+const touchableEvents = ['onPress', 'onLongPress', 'onPressIn', 'onPressOut'] as const;
 
 type TouchableEventObject = Partial<
-  Record<
-    (typeof touchableEvents)[number],
-    (event: GestureResponderEvent) => void
-  >
+  Record<(typeof touchableEvents)[number], (event: GestureResponderEvent) => void>
 >;
 
-export default function hasTouchHandler(
-  touchableEventObject: TouchableEventObject
-) {
+export default function hasTouchHandler(touchableEventObject: TouchableEventObject) {
   return touchableEvents.some((event) => {
     return Boolean(touchableEventObject[event]);
   });

package/src/ui/components/utils/roundLayoutSize.ts

@@ -1,2 +1 @@
-export const roundLayoutSize = (size: number): number =>
-  Math.round(size * 1000) / 1000;
+export const roundLayoutSize = (size: number): number => Math.round(size * 1000) / 1000;

package/src/ui/components/utils/splitStyles.ts

@@ -19,10 +19,7 @@ type Entry = [keyof ViewStyle, Style];
  * - After that there will be a style object for each filter you passed in the same order as the matching filters
  * - A style property will exist in a single style object, the first filter it matched
  */
-export function splitStyles<Tuple extends FiltersArray>(
-  styles: ViewStyle,
-  ...filters: Tuple
-) {
+export function splitStyles<Tuple extends FiltersArray>(styles: ViewStyle, ...filters: Tuple) {
   if (process.env.NODE_ENV !== 'production' && filters.length === 0) {
     console.error('No filters were passed when calling splitStyles');
   }
@@ -55,6 +52,6 @@ export function splitStyles<Tuple extends FiltersArray>(
   // Convert arrays of entries into objects
   return newStyles.map((styles) => Object.fromEntries(styles)) as unknown as [
     ViewStyle,
-    ...MappedTuple<Tuple>
+    ...MappedTuple<Tuple>,
   ];
 }

package/src/ui/constants/spacing.ts

@@ -27,19 +27,18 @@ export const HEADER_PADDING_TOP_SETTINGS = 40;
  * Use this for ScrollView contentContainerStyle to ensure consistent padding
  */
 export const screenContentStyle = {
-    paddingHorizontal: SCREEN_PADDING_HORIZONTAL,
-    paddingVertical: SCREEN_PADDING_VERTICAL,
-    paddingTop: SCREEN_PADDING_TOP,
-    paddingBottom: SCREEN_PADDING_VERTICAL,
+  paddingHorizontal: SCREEN_PADDING_HORIZONTAL,
+  paddingVertical: SCREEN_PADDING_VERTICAL,
+  paddingTop: SCREEN_PADDING_TOP,
+  paddingBottom: SCREEN_PADDING_VERTICAL,
 };
 
 /**
  * Reusable screen content style for screens that need custom top padding
  */
 export const createScreenContentStyle = (topPadding?: number) => ({
-    paddingHorizontal: SCREEN_PADDING_HORIZONTAL,
-    paddingVertical: SCREEN_PADDING_VERTICAL,
-    paddingTop: topPadding ?? SCREEN_PADDING_TOP,
-    paddingBottom: SCREEN_PADDING_VERTICAL,
+  paddingHorizontal: SCREEN_PADDING_HORIZONTAL,
+  paddingVertical: SCREEN_PADDING_VERTICAL,
+  paddingTop: topPadding ?? SCREEN_PADDING_TOP,
+  paddingBottom: SCREEN_PADDING_VERTICAL,
 });
-