@oxyhq/bloom 0.15.0 → 0.16.1

package/lib/typescript/module/index.web.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.web.d.ts","sourceRoot":"","sources":["../../../src/index.web.ts"],"names":[],"mappings":"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"}
+{"version":3,"file":"index.web.d.ts","sourceRoot":"","sources":["../../../src/index.web.ts"],"names":[],"mappings":"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"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@oxyhq/bloom",
-  "version": "0.15.0",
+  "version": "0.16.1",
   "description": "Bloom UI — Oxy ecosystem component library for React Native + Expo + Web",
   "main": "lib/commonjs/index.js",
   "module": "lib/module/index.js",
@@ -463,22 +463,6 @@
         "default": "./lib/commonjs/bottom-sheet/index.js"
       }
     },
-    "./responsive-sheet": {
-      "react-native": "./src/responsive-sheet/index.ts",
-      "browser": {
-        "types": "./lib/typescript/module/responsive-sheet/index.web.d.ts",
-        "import": "./lib/module/responsive-sheet/index.web.js",
-        "require": "./lib/commonjs/responsive-sheet/index.web.js"
-      },
-      "import": {
-        "types": "./lib/typescript/module/responsive-sheet/index.d.ts",
-        "default": "./lib/module/responsive-sheet/index.js"
-      },
-      "require": {
-        "types": "./lib/typescript/commonjs/responsive-sheet/index.d.ts",
-        "default": "./lib/commonjs/responsive-sheet/index.js"
-      }
-    },
     "./context-menu": {
       "react-native": "./src/context-menu/index.tsx",
       "browser": {
@@ -782,7 +766,6 @@
     "select",
     "context-menu",
     "bottom-sheet",
-    "responsive-sheet",
     "card",
     "badge",
     "chip",

package/src/__tests__/AlertDialog.test.tsx

@@ -0,0 +1,122 @@
+import React from 'react';
+import { act, fireEvent, render } from '@testing-library/react-native';
+
+import { AlertDialog } from '../alert-dialog';
+import { BloomThemeProvider } from '../theme/BloomThemeProvider';
+
+function renderWithTheme(ui: React.ReactElement) {
+  return render(
+    <BloomThemeProvider mode="light" colorPreset="teal">
+      {ui}
+    </BloomThemeProvider>,
+  );
+}
+
+// `AlertDialog` is now a thin wrapper over `<Dialog placement="center">`. These
+// tests assert the public-API contract it owns (controlled visibility, the
+// title/description copy, the confirm/cancel action row, and the
+// confirm/cancel/dismiss callbacks) holds on the native Dialog surface.
+describe('AlertDialog (built on Dialog)', () => {
+  it('renders nothing when not visible', () => {
+    const { queryByText } = renderWithTheme(
+      <AlertDialog
+        visible={false}
+        onClose={() => {}}
+        title="Delete app?"
+        description="This cannot be undone."
+      />,
+    );
+    expect(queryByText('Delete app?')).toBeNull();
+    expect(queryByText('This cannot be undone.')).toBeNull();
+  });
+
+  it('renders title, description and the confirm/cancel row when visible', () => {
+    const { getByText } = renderWithTheme(
+      <AlertDialog
+        visible
+        onClose={() => {}}
+        title="Delete app?"
+        description="This cannot be undone."
+        confirmLabel="Delete"
+        cancelLabel="Keep"
+      />,
+    );
+    expect(getByText('Delete app?')).toBeTruthy();
+    expect(getByText('This cannot be undone.')).toBeTruthy();
+    expect(getByText('Delete')).toBeTruthy();
+    expect(getByText('Keep')).toBeTruthy();
+  });
+
+  it('runs onConfirm then onClose when the confirm button is pressed', () => {
+    const onConfirm = jest.fn();
+    const onClose = jest.fn();
+    const { getByText } = renderWithTheme(
+      <AlertDialog
+        visible
+        onClose={onClose}
+        title="Confirm?"
+        confirmLabel="Yes"
+        onConfirm={onConfirm}
+      />,
+    );
+    act(() => {
+      fireEvent.press(getByText('Yes'));
+    });
+    expect(onConfirm).toHaveBeenCalledTimes(1);
+    expect(onClose).toHaveBeenCalledTimes(1);
+  });
+
+  it('runs onCancel then onClose when the cancel button is pressed', () => {
+    const onCancel = jest.fn();
+    const onClose = jest.fn();
+    const { getByText } = renderWithTheme(
+      <AlertDialog
+        visible
+        onClose={onClose}
+        title="Confirm?"
+        cancelLabel="No"
+        onCancel={onCancel}
+      />,
+    );
+    act(() => {
+      fireEvent.press(getByText('No'));
+    });
+    expect(onCancel).toHaveBeenCalledTimes(1);
+    expect(onClose).toHaveBeenCalledTimes(1);
+  });
+
+  it('hides the cancel button when hideCancel is set', () => {
+    const { queryByText, getByText } = renderWithTheme(
+      <AlertDialog
+        visible
+        onClose={() => {}}
+        title="Acknowledge"
+        confirmLabel="OK"
+        cancelLabel="Cancel"
+        hideCancel
+      />,
+    );
+    expect(getByText('OK')).toBeTruthy();
+    expect(queryByText('Cancel')).toBeNull();
+  });
+
+  it('renders a destructive confirm action', () => {
+    const onConfirm = jest.fn();
+    const { getByText } = renderWithTheme(
+      <AlertDialog
+        visible
+        onClose={() => {}}
+        title="Sign out everywhere?"
+        confirmLabel="Sign out"
+        destructive
+        onConfirm={onConfirm}
+      />,
+    );
+    const confirm = getByText('Sign out');
+    expect(confirm).toBeTruthy();
+    act(() => {
+      fireEvent.press(confirm);
+    });
+    expect(onConfirm).toHaveBeenCalledTimes(1);
+  });
+});

package/src/__tests__/BottomSheetGesture.test.tsx

@@ -0,0 +1,135 @@
+import React, { createRef } from 'react';
+import { Text } from 'react-native';
+import { act, render } from '@testing-library/react-native';
+
+import { BloomThemeProvider } from '../theme/BloomThemeProvider';
+import BottomSheet, { type BottomSheetRef } from '../bottom-sheet';
+
+/**
+ * Pan-to-dismiss is the whole point of routing the Dialog `bottom` placement
+ * through `BottomSheet` on BOTH platforms. These tests assert the pan gesture
+ * is actually wired (an `onEnd` worklet is registered) and that the
+ * dismiss-threshold logic inside it runs end-to-end — i.e. a fast/far downward
+ * swipe commits the close and fires `onDismiss`, while a small drag springs the
+ * sheet back without dismissing.
+ *
+ * This file overrides the default gesture-handler mock (which discards the
+ * registered callbacks) with a RECORDING mock that captures the pan gesture's
+ * handlers. Invoking the captured `onEnd` exercises the real threshold math
+ * from `bottom-sheet/index.tsx` — there is no `Platform.OS` gating around the
+ * `<GestureDetector>` or the pan builder, so this is the SAME code path web
+ * runs (drag-to-dismiss is active on web).
+ */
+
+interface PanEndEvent {
+  velocityY: number;
+  translationY: number;
+}
+
+interface RecordedGesture {
+  onEnd?: (event: PanEndEvent) => void;
+  onUpdate?: (event: { translationY: number }) => void;
+}
+
+// Recorded `Gesture.Pan()` instances from the most recent render. Must be
+// `mock`-prefixed so the hoisted `jest.mock` factory may reference it.
+const mockPanGestures: RecordedGesture[] = [];
+
+jest.mock('react-native-gesture-handler', () => {
+  const builder = (record?: RecordedGesture) => {
+    const self = {
+      enabled: () => self,
+      simultaneousWithExternalGesture: () => self,
+      withRef: () => self,
+      manualActivation: () => self,
+      activeOffsetY: () => self,
+      activeOffsetX: () => self,
+      onStart: () => self,
+      onUpdate: (fn: RecordedGesture['onUpdate']) => {
+        if (record) record.onUpdate = fn;
+        return self;
+      },
+      onEnd: (fn: RecordedGesture['onEnd']) => {
+        if (record) record.onEnd = fn;
+        return self;
+      },
+      onTouchesDown: () => self,
+      onTouchesMove: () => self,
+      onTouchesUp: () => self,
+      onTouchesCancelled: () => self,
+    };
+    return self;
+  };
+
+  return {
+    Gesture: {
+      Pan: () => {
+        const record: RecordedGesture = {};
+        mockPanGestures.push(record);
+        return builder(record);
+      },
+      Native: () => builder(),
+    },
+    GestureDetector: ({ children }: { children: React.ReactNode }) => children,
+    GestureHandlerRootView: ({ children }: { children: React.ReactNode }) => children,
+  };
+});
+
+function renderSheet(onDismiss: () => void) {
+  const ref = createRef<BottomSheetRef>();
+  const utils = render(
+    <BloomThemeProvider mode="light" colorPreset="teal">
+      <BottomSheet ref={ref} onDismiss={onDismiss}>
+        <Text>Body</Text>
+      </BottomSheet>
+    </BloomThemeProvider>,
+  );
+  // Present so the sheet mounts and the pan gesture is constructed.
+  act(() => {
+    ref.current?.present();
+  });
+  return utils;
+}
+
+describe('BottomSheet pan-to-dismiss gesture', () => {
+  beforeEach(() => {
+    mockPanGestures.length = 0;
+  });
+
+  it('wires a pan gesture with an onEnd handler (drag is active, not web-gated)', () => {
+    renderSheet(() => {});
+    // A pan gesture must have been constructed with an onEnd worklet — proof the
+    // drag pipeline is built unconditionally (the source has no
+    // `Platform.OS !== 'web'` guard around the GestureDetector or pan builder).
+    expect(mockPanGestures.length).toBeGreaterThan(0);
+    const bodyPan = mockPanGestures.find((g) => typeof g.onEnd === 'function');
+    expect(bodyPan).toBeDefined();
+    expect(typeof bodyPan?.onEnd).toBe('function');
+  });
+
+  it('dismisses when a fast downward swipe crosses the close threshold', () => {
+    const onDismiss = jest.fn();
+    renderSheet(onDismiss);
+    const bodyPan = mockPanGestures.find((g) => typeof g.onEnd === 'function');
+
+    // A high downward velocity is past `fastSwipeThreshold` (900) → the onEnd
+    // worklet commits the close, which (under the reanimated mock that runs
+    // withTiming callbacks synchronously) drains through to `onDismiss`.
+    act(() => {
+      bodyPan?.onEnd?.({ velocityY: 1500, translationY: 50 });
+    });
+    expect(onDismiss).toHaveBeenCalledTimes(1);
+  });
+
+  it('does not dismiss on a small, slow drag below the threshold', () => {
+    const onDismiss = jest.fn();
+    renderSheet(onDismiss);
+    const bodyPan = mockPanGestures.find((g) => typeof g.onEnd === 'function');
+
+    // Tiny translation + near-zero velocity → springs back, no close.
+    act(() => {
+      bodyPan?.onEnd?.({ velocityY: 10, translationY: 12 });
+    });
+    expect(onDismiss).not.toHaveBeenCalled();
+  });
+});

package/src/__tests__/Command.test.tsx

@@ -0,0 +1,107 @@
+import React from 'react';
+import { act, fireEvent, render } from '@testing-library/react-native';
+
+import { Command } from '../command';
+import type { CommandItem } from '../command';
+import { BloomThemeProvider } from '../theme/BloomThemeProvider';
+
+function renderWithTheme(ui: React.ReactElement) {
+  return render(
+    <BloomThemeProvider mode="light" colorPreset="teal">
+      {ui}
+    </BloomThemeProvider>,
+  );
+}
+
+function makeItems(onSelect: () => void): CommandItem[] {
+  return [
+    { id: 'profile', label: 'Go to profile', group: 'Navigation', onSelect },
+    { id: 'settings', label: 'Open settings', group: 'Navigation', onSelect },
+    {
+      id: 'new-app',
+      label: 'Create application',
+      description: 'Register a new OAuth client',
+      group: 'Actions',
+      keywords: ['oauth', 'client'],
+      onSelect,
+    },
+  ];
+}
+
+// `Command` is now a ⌘K palette built on `<Dialog placement="center">`. These
+// tests assert the public-API contract it owns (controlled visibility, the
+// grouped results list, query filtering, the empty state, and select →
+// onClose) holds on the native Dialog surface.
+describe('Command (built on Dialog)', () => {
+  it('renders nothing when not visible', () => {
+    const { queryByText } = renderWithTheme(
+      <Command visible={false} onClose={() => {}} items={makeItems(() => {})} />,
+    );
+    expect(queryByText('Go to profile')).toBeNull();
+  });
+
+  it('renders grouped items and their group headers when visible', () => {
+    const { getByText } = renderWithTheme(
+      <Command visible onClose={() => {}} items={makeItems(() => {})} />,
+    );
+    expect(getByText('Go to profile')).toBeTruthy();
+    expect(getByText('Open settings')).toBeTruthy();
+    expect(getByText('Create application')).toBeTruthy();
+    // Group headers are rendered above their items.
+    expect(getByText('Navigation')).toBeTruthy();
+    expect(getByText('Actions')).toBeTruthy();
+  });
+
+  it('filters items by a controlled query (label, description, keywords)', () => {
+    const { getByText, queryByText, rerender } = renderWithTheme(
+      <Command
+        visible
+        onClose={() => {}}
+        items={makeItems(() => {})}
+        query="settings"
+      />,
+    );
+    expect(getByText('Open settings')).toBeTruthy();
+    expect(queryByText('Go to profile')).toBeNull();
+
+    // A keyword on a different item matches that item.
+    rerender(
+      <BloomThemeProvider mode="light" colorPreset="teal">
+        <Command
+          visible
+          onClose={() => {}}
+          items={makeItems(() => {})}
+          query="oauth"
+        />
+      </BloomThemeProvider>,
+    );
+    expect(getByText('Create application')).toBeTruthy();
+    expect(queryByText('Open settings')).toBeNull();
+  });
+
+  it('shows the empty state when nothing matches', () => {
+    const { getByText } = renderWithTheme(
+      <Command
+        visible
+        onClose={() => {}}
+        items={makeItems(() => {})}
+        query="zzz-no-match"
+        emptyText="Nothing here"
+      />,
+    );
+    expect(getByText('Nothing here')).toBeTruthy();
+  });
+
+  it('invokes onSelect then onClose when an item is pressed', () => {
+    const onSelect = jest.fn();
+    const onClose = jest.fn();
+    const { getByText } = renderWithTheme(
+      <Command visible onClose={onClose} items={makeItems(onSelect)} />,
+    );
+    act(() => {
+      fireEvent.press(getByText('Open settings'));
+    });
+    expect(onSelect).toHaveBeenCalledTimes(1);
+    expect(onClose).toHaveBeenCalledTimes(1);
+  });
+});

package/src/__tests__/DialogBottomSheet.test.tsx

@@ -0,0 +1,130 @@
+import React, { createRef } from 'react';
+import { Text, type View } from 'react-native';
+import { act, fireEvent, render } from '@testing-library/react-native';
+
+import { Dialog, useDialogControl } from '../dialog';
+import { BloomThemeProvider } from '../theme/BloomThemeProvider';
+
+/**
+ * The Dialog `bottom` placement must delegate to the shared cross-platform
+ * `BottomSheet` (via `DialogBottomSheet`) — the SAME surface native and web use
+ * — instead of a bespoke CSS slide-up sheet. These tests pin that delegation:
+ * the declarative content renders through the sheet, the close lifecycle bridges
+ * `open`/`onClose` correctly, and brand theming (`panelStyle` surface paint +
+ * `containerStyle` theme scope) threads through to the sheet surface.
+ *
+ * The jest environment resolves `../dialog` to the native barrel (`Dialog.tsx`),
+ * which routes `bottom` through `DialogBottomSheet` → `BottomSheet`. The web
+ * fork (`Dialog.web.tsx`) routes through the EXACT same `DialogBottomSheet`, so
+ * this delegation is one shared code path across platforms.
+ */
+
+function renderWithTheme(ui: React.ReactElement) {
+  return render(
+    <BloomThemeProvider mode="light" colorPreset="teal">
+      {ui}
+    </BloomThemeProvider>,
+  );
+}
+
+function Harness({
+  children,
+}: {
+  children: (control: ReturnType<typeof useDialogControl>) => React.ReactNode;
+}) {
+  const control = useDialogControl();
+  return <>{children(control)}</>;
+}
+
+describe('Dialog bottom placement delegates to BottomSheet', () => {
+  it('does not render bottom-sheet content until opened', () => {
+    const { queryByText } = renderWithTheme(
+      <Harness>
+        {(control) => (
+          <Dialog control={control} placement="bottom" title="Sheet title">
+            <Text>Sheet body</Text>
+          </Dialog>
+        )}
+      </Harness>,
+    );
+    // BottomSheet keeps its subtree unmounted until present() — proof the bottom
+    // placement is the sheet, not an always-mounted CSS panel.
+    expect(queryByText('Sheet title')).toBeNull();
+    expect(queryByText('Sheet body')).toBeNull();
+  });
+
+  it('renders declarative title + description + actions through the sheet when opened', () => {
+    let control: ReturnType<typeof useDialogControl> | undefined;
+    const { getByText } = renderWithTheme(
+      <Harness>
+        {(c) => {
+          control = c;
+          return (
+            <Dialog
+              control={c}
+              placement="bottom"
+              title="Delete item?"
+              description="This cannot be undone."
+              actions={[{ label: 'Delete', color: 'destructive' }, { label: 'Cancel', color: 'cancel' }]}
+            />
+          );
+        }}
+      </Harness>,
+    );
+    act(() => {
+      control?.open();
+    });
+    expect(getByText('Delete item?')).toBeTruthy();
+    expect(getByText('This cannot be undone.')).toBeTruthy();
+    expect(getByText('Delete')).toBeTruthy();
+    expect(getByText('Cancel')).toBeTruthy();
+  });
+
+  it('requests close via onClose exactly once on action press in controlled mode (no double-fire)', () => {
+    const onClose = jest.fn();
+    const { getByText } = renderWithTheme(
+      <Dialog open onClose={onClose} placement="bottom" title="Confirm" actions={[{ label: 'Done' }]} />,
+    );
+    act(() => {
+      fireEvent.press(getByText('Done'));
+    });
+    // Controlled mode: the action's close() requests dismissal via onClose once;
+    // the host (not the dialog) then flips `open`. It must not fire the
+    // close-completion onClose a second time.
+    expect(onClose).toHaveBeenCalledTimes(1);
+  });
+
+  it('threads panelStyle (brand surface) and containerStyle (theme scope) onto the sheet content', () => {
+    let control: ReturnType<typeof useDialogControl> | undefined;
+    const panelRef = createRef<View>();
+    const { getByTestId } = renderWithTheme(
+      <Harness>
+        {(c) => {
+          control = c;
+          return (
+            <Dialog
+              control={c}
+              placement="bottom"
+              testID="brand-sheet"
+              panelStyle={{ backgroundColor: 'rebeccapurple' }}
+              containerStyle={{ paddingTop: 7 }}
+            >
+              <Text ref={panelRef}>Branded</Text>
+            </Dialog>
+          );
+        }}
+      </Harness>,
+    );
+    act(() => {
+      control?.open();
+    });
+    const content = getByTestId('brand-sheet');
+    const flattened = Array.isArray(content.props.style)
+      ? Object.assign({}, ...content.props.style.filter(Boolean))
+      : content.props.style;
+    // panelStyle paints the surface; containerStyle (theme-var scope) wraps the
+    // content subtree. Both land on the sheet content container.
+    expect(flattened.backgroundColor).toBe('rebeccapurple');
+    expect(flattened.paddingTop).toBe(7);
+  });
+});

package/src/alert-dialog/AlertDialog.tsx

@@ -2,28 +2,32 @@ import React, { memo, useCallback } from 'react';
 import { StyleSheet, View } from 'react-native';
 
 import { Button } from '../button';
+import type { DialogProps } from '../dialog';
 import { useTheme } from '../theme/use-theme';
 import { Text } from '../typography';
 import { fontSize, space } from '../styles/tokens';
-import type { CenteredDialogProps } from '../dialog';
 import type { AlertDialogProps } from './types';
 
-type CenteredDialogComponent = React.ComponentType<CenteredDialogProps>;
+type DialogComponent = React.ComponentType<DialogProps>;
+
+/** Centered alert-card max width (px). Matches the legacy AlertDialog card. */
+const ALERT_DIALOG_MAX_WIDTH = 440;
 
 /**
- * Build the `AlertDialog` component bound to a platform `CenteredDialog`.
+ * Build the `AlertDialog` component bound to a platform `Dialog`.
  *
- * `CenteredDialog` is platform-forked (native RN `Modal` vs pure-DOM web
- * overlay), and this repo never relies on implicit `.web` resolution — the
- * platform entry files (`index.ts` / `index.web.ts`) inject the correct
- * `CenteredDialog` here. The body below is single-source, no duplication.
+ * `Dialog` is platform-forked (native `BottomSheet`-backed surface vs pure-DOM
+ * web overlay) through its `./dialog` export conditions, and this repo never
+ * relies on implicit `.web` resolution — the platform entry files
+ * (`index.ts` / `index.web.ts`) inject the correct `Dialog` here. The body
+ * below is single-source, no duplication.
  *
- * `AlertDialog` is a thin wrapper over `CenteredDialog` that lays out a title,
- * description and a confirm/cancel action row. Reach for the imperative
- * `confirm()` helper + `<AlertDialogHost />` to trigger a confirm from an
- * event handler without owning visible state.
+ * `AlertDialog` is a thin wrapper over `<Dialog placement="center">` that lays
+ * out a title, description and a confirm/cancel action row. Reach for the
+ * imperative `confirm()` helper + `<AlertDialogHost />` to trigger a confirm
+ * from an event handler without owning visible state.
  */
-export function createAlertDialog(CenteredDialog: CenteredDialogComponent) {
+export function createAlertDialog(Dialog: DialogComponent) {
   const AlertDialogComponent = function AlertDialog({
     visible,
     onClose,
@@ -52,16 +56,31 @@ export function createAlertDialog(CenteredDialog: CenteredDialogComponent) {
     }, [onConfirm, onClose]);
 
     return (
-    <CenteredDialog
-      visible={visible}
-      onClose={dismissible ? onClose : () => {}}
-      dismissible={dismissible}
-      title={title}
-      showClose={false}
-      accessibilityLabel={title}
-      cardStyle={cardStyle}
-      testID={testID}
-      footer={
+      <Dialog
+        open={visible}
+        onClose={onClose}
+        placement="center"
+        // Alert dialogs are blocking by default — the backdrop only dismisses
+        // when the caller opts in via `dismissible`.
+        dismissOnBackdrop={dismissible}
+        maxWidth={ALERT_DIALOG_MAX_WIDTH}
+        title={title}
+        label={title}
+        style={cardStyle}
+        testID={testID}
+      >
+        {description ? (
+          <Text
+            style={{
+              fontSize: fontSize.md,
+              lineHeight: fontSize.md * 1.4,
+              color: theme.colors.textSecondary,
+              paddingBottom: space.lg,
+            }}
+          >
+            {description}
+          </Text>
+        ) : null}
         <View style={styles.actions}>
           {!hideCancel ? (
             <Button
@@ -69,7 +88,8 @@ export function createAlertDialog(CenteredDialog: CenteredDialogComponent) {
               size="medium"
               onPress={handleCancel}
               style={styles.action}
-              accessibilityLabel={cancelLabel}>
+              accessibilityLabel={cancelLabel}
+            >
               {cancelLabel}
             </Button>
           ) : null}
@@ -82,22 +102,12 @@ export function createAlertDialog(CenteredDialog: CenteredDialogComponent) {
               destructive && { backgroundColor: theme.colors.negative },
             ]}
             textStyle={destructive ? { color: theme.colors.negativeForeground } : undefined}
-            accessibilityLabel={confirmLabel}>
+            accessibilityLabel={confirmLabel}
+          >
             {confirmLabel}
           </Button>
         </View>
-      }>
-      {description ? (
-        <Text
-          style={{
-            fontSize: fontSize.md,
-            lineHeight: fontSize.md * 1.4,
-            color: theme.colors.textSecondary,
-          }}>
-          {description}
-        </Text>
-      ) : null}
-    </CenteredDialog>
+      </Dialog>
     );
   };