react-native-platform-components 1.3.0 → 1.5.0

package/src/index.web.tsx

@@ -1,200 +1,54 @@
 // index.web.tsx
-// Web stubs for react-native-platform-components
-// These components are native-only and render nothing/children on web.
-// This file is fully standalone to avoid importing native component specs.
-
-import React from 'react';
-import type { ReactNode } from 'react';
-import type { ColorValue, StyleProp, ViewStyle, ViewProps } from 'react-native';
-
-// ============================================================================
-// Shared Types (duplicated to avoid importing from files with native deps)
-// ============================================================================
-
-export type Visible = 'open' | 'closed';
-export type Presentation = 'modal' | 'embedded';
-export type AndroidMaterialMode = 'system' | 'm3';
-
-// ============================================================================
-// DatePicker
-// ============================================================================
-
-export type DatePickerProps = {
-  style?: StyleProp<ViewStyle>;
-  date: Date | null;
-  minDate?: Date | null;
-  maxDate?: Date | null;
-  locale?: string;
-
-  timeZoneName?: string;
-  mode?: 'date' | 'time' | 'dateAndTime' | 'countDownTimer';
-  presentation?: 'modal' | 'embedded';
-  visible?: boolean;
-  onConfirm?: (dateTime: Date) => void;
-  onClosed?: () => void;
-  testID?: string;
-  ios?: Record<string, unknown>;
-  android?: Record<string, unknown>;
-};
-
-export const DatePicker = (
-  _props: DatePickerProps
-): React.ReactElement | null => null;
-
-// ============================================================================
-// SelectionMenu
-// ============================================================================
-
-export type SelectionMenuOption = {
-  label: string;
-  data: string;
-};
-
-export interface SelectionMenuProps extends ViewProps {
-  options: readonly SelectionMenuOption[];
-  selected: string | null;
-  disabled?: boolean;
-  placeholder?: string;
-  presentation?: Presentation;
-  visible?: boolean;
-  onSelect?: (data: string, label: string, index: number) => void;
-  onRequestClose?: () => void;
-  ios?: Record<string, unknown>;
-  android?: Record<string, unknown>;
-}
-
-export const SelectionMenu = (
-  _props: SelectionMenuProps
-): React.ReactElement | null => null;
-
-// ============================================================================
-// ContextMenu
-// ============================================================================
-
-export interface ContextMenuActionAttributes {
-  destructive?: boolean;
-  disabled?: boolean;
-  hidden?: boolean;
-}
-
-export interface ContextMenuAction {
-  id: string;
-  title: string;
-  subtitle?: string;
-  image?: string;
-  imageColor?: string;
-  attributes?: ContextMenuActionAttributes;
-  state?: 'off' | 'on' | 'mixed';
-  subactions?: ContextMenuAction[];
-}
-
-export interface ContextMenuProps extends ViewProps {
-  title?: string;
-  actions: readonly ContextMenuAction[];
-  disabled?: boolean;
-  trigger?: 'longPress' | 'tap';
-  onPressAction?: (actionId: string, actionTitle: string) => void;
-  onMenuOpen?: () => void;
-  onMenuClose?: () => void;
-  ios?: Record<string, unknown>;
-  android?: Record<string, unknown>;
-  children?: ReactNode;
-}
-
-export const ContextMenu = ({
-  children,
-}: ContextMenuProps): React.ReactElement | null => {
-  return <>{children}</>;
-};
-
-// ============================================================================
-// SegmentedControl
-// ============================================================================
-
-export type SegmentedControlIconSource =
-  | string
-  | { type: 'sfSymbol'; name: string }
-  | { type: 'drawable'; name: string }
-  | { type: 'image'; source: unknown; tinted?: boolean };
-
-export type SegmentedControlIcon =
-  | SegmentedControlIconSource
-  | { ios?: SegmentedControlIconSource; android?: SegmentedControlIconSource };
-
-export type SegmentedControlLabelVisibility = 'auto' | 'labeled' | 'unlabeled';
-
-export interface SegmentedControlSegmentProps {
-  label: string;
-  value: string;
-  disabled?: boolean;
-  icon?: SegmentedControlIcon;
-  badge?: string | number;
-  accessibilityLabel?: string;
-}
-
-export interface SegmentedControlBadgeStyle {
-  backgroundColor?: string;
-  color?: string;
-}
-
-export interface SegmentedControlLabelStyle {
-  fontFamily?: string;
-  fontSize?: number;
-  fontWeight?: string | number;
-  fontStyle?: 'normal' | 'italic';
-}
-
-export interface SegmentedControlProps extends ViewProps {
-  segments: readonly SegmentedControlSegmentProps[];
-  selectedValue: string | null;
-  disabled?: boolean;
-  labelVisibility?: SegmentedControlLabelVisibility;
-  selectedSegmentColor?: string;
-  activeTintColor?: string;
-  inactiveTintColor?: string;
-  labelStyle?: SegmentedControlLabelStyle;
-  badgeStyle?: SegmentedControlBadgeStyle;
-  onSelect?: (value: string, index: number) => void;
-  onDeselect?: () => void;
-  ios?: Record<string, unknown>;
-  android?: Record<string, unknown>;
-}
-
-export const SegmentedControl = (
-  _props: SegmentedControlProps
-): React.ReactElement | null => null;
-
-// ============================================================================
-// LiquidGlass
-// ============================================================================
-
-export interface LiquidGlassProps extends ViewProps {
-  cornerRadius?: number;
-  ios?: Record<string, unknown>;
-  android?: Record<string, unknown>;
-  children?: ReactNode;
-}
-
-export const LiquidGlass = ({
-  children,
-}: LiquidGlassProps): React.ReactElement | null => {
-  return <>{children}</>;
-};
-
-export const isLiquidGlassSupported = false;
-
-// ============================================================================
-// Native theme
-// ============================================================================
-
-export type NativeTheme = {
-  colors: {
-    primary: ColorValue;
-  };
-};
-
-export const setNativeTheme = (_theme: NativeTheme | null): void => {};
-
-export const useNativeTheme = (
-  _theme: NativeTheme | null | undefined
-): void => {};
+//
+// Web entry point, for react-native-web. The components render the browser's
+// own controls (see src/web). Types come from the native modules as
+// type-only exports, which are erased at build time, so the native component
+// specs are never imported on web and the two entry points share one API.
+
+export type * from './DatePicker';
+export type * from './SelectionMenu';
+export type * from './ContextMenu';
+export type * from './SegmentedControl';
+export type * from './TabBar';
+export type * from './FloatingActionButton';
+export type * from './NavigationRail';
+export type * from './Button';
+export type * from './ButtonGroup';
+export type * from './SplitButton';
+export type * from './FloatingToolbar';
+export type * from './LiquidGlass';
+export type * from './LiquidGlassContainer';
+export type * from './TextField';
+export type * from './icons';
+export type * from './sharedTypes';
+export type * from './haptics';
+export type * from './NativeTheme';
+
+export * from './labelStyle';
+
+export type {
+  PlatformComponentsProviderProps,
+  WebComponents,
+  WebComponentProps,
+} from './webComponents';
+export { PlatformComponentsProvider } from './web/PlatformComponentsProvider';
+export {
+  Button,
+  ButtonGroup,
+  SplitButton,
+  ContextMenu,
+  DatePicker,
+  DateRangePicker,
+  FloatingActionButton,
+  FloatingToolbar,
+  LiquidGlass,
+  LiquidGlassContainer,
+  NavigationRail,
+  SegmentedControl,
+  SelectionMenu,
+  TabBar,
+  TextField,
+} from './web/components';
+export { isDateRangePickerSupported } from './web/DateRangePicker';
+export { isLiquidGlassSupported } from './web/containers';
+export { setNativeTheme, useNativeTheme } from './web/NativeTheme';