@oxy.so/services 11.2.0-oxy-one.3 → 11.2.0-oxy-one.5

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>,
   ];
 }