@oxyhq/bloom 0.15.0 → 0.16.0

package/src/responsive-sheet/ResponsiveSheet.web.tsx

@@ -1,76 +0,0 @@
-import React from 'react';
-
-import { Dialog } from '../dialog/index.web';
-import {
-  BREAKPOINT_LG,
-  BREAKPOINT_MD,
-  BREAKPOINT_SM,
-  BREAKPOINT_XL,
-  DIALOG_SHEET_BACKDROP_TESTID,
-  type ResponsiveDialogPlacement,
-} from '../dialog/placement';
-import type { ResponsiveSheetProps } from './types';
-
-/**
- * @deprecated Use `<Dialog placement={{ base: 'bottom', md: 'left' }}>` instead.
- *
- * Web fork of the deprecated `ResponsiveSheet` wrapper. Identical delegation to
- * the default fork, but imports the web `Dialog` explicitly so non-Metro web
- * bundlers never follow the native (reanimated) `Dialog` sibling.
- */
-export function ResponsiveSheet({
-  open,
-  onClose,
-  side = 'left',
-  breakpoint = BREAKPOINT_MD,
-  width,
-  maxHeightRatio,
-  inset,
-  showHandle,
-  dismissOnBackdrop,
-  panelStyle,
-  panelClassName,
-  containerStyle,
-  containerClassName,
-  label,
-  children,
-}: ResponsiveSheetProps) {
-  return (
-    <Dialog
-      open={open}
-      onClose={onClose}
-      placement={placementForSide(side, breakpoint)}
-      width={width}
-      maxHeightRatio={maxHeightRatio}
-      inset={inset}
-      showHandle={showHandle}
-      dismissOnBackdrop={dismissOnBackdrop}
-      panelStyle={panelStyle}
-      panelClassName={panelClassName}
-      containerStyle={containerStyle}
-      containerClassName={containerClassName}
-      label={label}
-    >
-      {children}
-    </Dialog>
-  );
-}
-
-function placementForSide(
-  side: 'left' | 'right',
-  breakpoint: number,
-): ResponsiveDialogPlacement {
-  if (breakpoint <= BREAKPOINT_SM) return { base: 'bottom', sm: side };
-  if (breakpoint <= BREAKPOINT_MD) return { base: 'bottom', md: side };
-  if (breakpoint <= BREAKPOINT_LG) return { base: 'bottom', lg: side };
-  if (breakpoint <= BREAKPOINT_XL) return { base: 'bottom', xl: side };
-  return { base: 'bottom', xl: side };
-}
-
-/**
- * @deprecated Stable testID for the dimmed backdrop dismiss button — now
- * provided by the underlying `<Dialog>`'s side/bottom backdrop.
- */
-export const RESPONSIVE_SHEET_BACKDROP_TESTID = DIALOG_SHEET_BACKDROP_TESTID;
-
-export default ResponsiveSheet;

package/src/responsive-sheet/index.ts

@@ -1,6 +0,0 @@
-export { ResponsiveSheet, RESPONSIVE_SHEET_BACKDROP_TESTID } from './ResponsiveSheet';
-export type {
-  ResponsiveSheetProps,
-  ResponsiveSheetSide,
-  ResponsiveSheetInset,
-} from './types';

package/src/responsive-sheet/index.web.ts

@@ -1,14 +0,0 @@
-// Web variant of the `./responsive-sheet` barrel.
-//
-// `ResponsiveSheet` is now a deprecated thin wrapper over `<Dialog>`. The
-// default barrel (`./index.ts`) imports the default `Dialog`; THIS web barrel
-// re-exports from `./ResponsiveSheet.web`, which imports the web `Dialog`
-// explicitly so a non-Metro bundler never follows the native (reanimated)
-// `Dialog` sibling. Web bundlers select this file via the `"browser"` export
-// condition in `package.json`'s `exports['./responsive-sheet']`.
-export { ResponsiveSheet, RESPONSIVE_SHEET_BACKDROP_TESTID } from './ResponsiveSheet.web';
-export type {
-  ResponsiveSheetProps,
-  ResponsiveSheetSide,
-  ResponsiveSheetInset,
-} from './types';

package/src/responsive-sheet/types.ts

@@ -1,60 +0,0 @@
-import type { ReactNode } from 'react';
-import type { StyleProp, ViewStyle } from 'react-native';
-
-/** Edge a wide-screen side-sheet anchors to. */
-export type ResponsiveSheetSide = 'left' | 'right';
-
-/**
- * Inset (px) of the wide-screen side-sheet from its container edges. Lets a
- * host place the sheet "inside its own shell" — e.g. offset from the top by a
- * header, or from the left by a nav rail — with margins on every side.
- */
-export interface ResponsiveSheetInset {
-  top?: number;
-  bottom?: number;
-  left?: number;
-  right?: number;
-}
-
-/**
- * @deprecated Use `<Dialog placement={{ base: 'bottom', md: 'left' }}>` from
- * `@oxyhq/bloom/dialog` instead. `ResponsiveSheet` is now a thin wrapper over
- * `<Dialog>` retained for the migration window.
- *
- * A responsive overlay sheet: an anchored side-sheet on wide screens and a
- * bottom-sheet (with drag handle) on small screens, switching by viewport
- * width. It is a plain controlled component — the host drives `open`/`onClose`
- * from its own state.
- */
-export interface ResponsiveSheetProps {
-  /** Whether the sheet is open. Controlled by the host. */
-  open: boolean;
-  /** Fired when the sheet requests to close (backdrop tap, Escape on web). */
-  onClose: () => void;
-  /** Anchor edge on wide screens. Defaults to `'left'`. */
-  side?: ResponsiveSheetSide;
-  /** Viewport width (px) below which the sheet renders as a bottom-sheet. Defaults to `768`. */
-  breakpoint?: number;
-  /** Side-sheet width (px) on wide screens. Capped to fit. Defaults to `460`. */
-  width?: number;
-  /** Bottom-sheet max height as a fraction of the viewport height. Defaults to `0.9`. */
-  maxHeightRatio?: number;
-  /** Side-sheet inset (px) from the container edges. Defaults to `0` on all sides. */
-  inset?: ResponsiveSheetInset;
-  /** Whether to render the drag handle in bottom-sheet mode. Defaults to `true`. */
-  showHandle?: boolean;
-  /** Whether tapping the backdrop closes the sheet. Defaults to `true`. */
-  dismissOnBackdrop?: boolean;
-  /** Style for the panel surface (e.g. brand color). Composed after defaults. */
-  panelStyle?: StyleProp<ViewStyle>;
-  /** NativeWind classes for the panel surface. */
-  panelClassName?: string;
-  /** Style for the root overlay (theme-var scope, rail offset, etc.). */
-  containerStyle?: StyleProp<ViewStyle>;
-  /** NativeWind classes for the root overlay (e.g. `"md:left-[4.75rem]"`). */
-  containerClassName?: string;
-  /** Accessibility label for the sheet panel and the backdrop dismiss button. */
-  label?: string;
-  /** Sheet content. */
-  children: ReactNode;
-}