@oxy.so/bloom 2.8.0 → 2.10.0

package/src/index.web.ts

@@ -298,28 +298,349 @@ export * from './card';
 export * from './badge';
 export { Rating, RatingBar } from './rating';
 export type { RatingBarProps, RatingCountStyle, RatingProps, RatingSize } from './rating';
+export {
+  ExplicitBadge,
+  formatDuration,
+  LikeButton,
+  NowPlayingIndicator,
+  PlayButton,
+  PlaybackProgress,
+  VolumeControl,
+} from './media-controls';
+export type {
+  ExplicitBadgeProps,
+  ExplicitBadgeSize,
+  LikeButtonProps,
+  LikeButtonSize,
+  NowPlayingIndicatorProps,
+  PlayButtonProps,
+  PlayButtonSize,
+  PlayButtonVariant,
+  PlaybackProgressProps,
+  PlaybackProgressTimes,
+  VolumeControlProps,
+  VolumeSliderVisibility,
+} from './media-controls';
+export {
+  AvatarPresence,
+  formatUnreadCount,
+  MessageStatus,
+  PresenceDot,
+  StoryRing,
+  TypingDots,
+  UnreadBadge,
+} from './chat-indicators';
+export type {
+  AvatarPresenceProps,
+  MessageDeliveryStatus,
+  MessageStatusProps,
+  MessageStatusSize,
+  PresenceDotProps,
+  PresenceDotSize,
+  PresenceStatus,
+  StoryRingProps,
+  StoryRingState,
+  TypingDotsProps,
+  UnreadBadgeProps,
+  UnreadBadgeSize,
+} from './chat-indicators';
+export {
+  AlbumCard,
+  ArtistCard,
+  AudiobookCard,
+  EpisodeCard,
+  EventCard,
+  FriendActivityCard,
+  GenreCard,
+  MediaCard,
+  MixCard,
+  PlaylistCard,
+  PodcastCard,
+  ProfileCard,
+  QuickAccessTile,
+  RecapCard,
+  ShareCard,
+  SongCard,
+} from './media-card';
+export type {
+  AlbumCardProps,
+  AlbumCardType,
+  ArtistCardProps,
+  AudiobookCardProps,
+  EpisodeCardProps,
+  EventCardProps,
+  FriendActivityCardProps,
+  GenreCardProps,
+  MediaCardArtworkProps,
+  MediaCardArtworkShape,
+  MediaCardCommonProps,
+  MediaCardLayout,
+  MediaCardMenuItem,
+  MediaCardPlayButton,
+  MediaCardProps,
+  MediaCardSize,
+  MixCardProps,
+  PlaylistCardProps,
+  PodcastCardProps,
+  ProfileCardProps,
+  QuickAccessTileProps,
+  RecapCardProps,
+  RecapHighlight,
+  ShareCardProps,
+  SongCardArtist,
+  SongCardProps,
+} from './media-card';
+export { FilterChips, Shelf, ShelfSkeleton, shelfGridColumns } from './media-shelf';
+export type {
+  FilterChipOption,
+  FilterChipsProps,
+  ShelfLayout,
+  ShelfProps,
+  ShelfSkeletonProps,
+} from './media-shelf';
+export {
+  DEFAULT_QUEUE_PANEL_LABELS,
+  moveQueueItem,
+  QUEUE_ROW_HEIGHT,
+  QueuePanel,
+  QueuePanelRow,
+  queueDragShift,
+  queueDragTarget,
+  RecentlyPlayedList,
+} from './queue-panel';
+export type {
+  QueuePanelLabels,
+  QueuePanelProps,
+  QueuePanelRowProps,
+  QueuePanelTab,
+  QueuePanelVariant,
+  QueueSection,
+  QueueTrack,
+  RecentlyPlayedListProps,
+} from './queue-panel';
+export {
+  activeLyricIndex,
+  LyricsPreviewCard,
+  lyricsScrollTarget,
+  LyricsView,
+  normalizeLyricLines,
+  resolveLyricsPalette,
+} from './lyrics';
+export type {
+  LyricLine,
+  LyricsPalette,
+  LyricsPreviewCardProps,
+  LyricsSize,
+  LyricsViewProps,
+} from './lyrics';
+export {
+  BrowseGrid,
+  filterLibraryItems,
+  LibraryItem,
+  LibraryPanel,
+  RecentSearches,
+  SearchField,
+  SearchResultTabs,
+  sortLibraryItems,
+  TopResultCard,
+} from './music-library';
+export type {
+  BrowseGridProps,
+  BrowseTile,
+  LibraryEntry,
+  LibraryFilter,
+  LibraryFilterState,
+  LibraryItemKind,
+  LibraryItemProps,
+  LibraryItemVariant,
+  LibraryKindLabels,
+  LibraryPanelLabels,
+  LibraryPanelProps,
+  LibrarySort,
+  LibraryView,
+  RecentSearchEntry,
+  RecentSearchesProps,
+  SearchFieldProps,
+  SearchResultTab,
+  SearchResultTabsProps,
+  TopResultCardProps,
+  TopResultKind,
+} from './music-library';
+export {
+  ConnectBanner,
+  DevicePicker,
+  FullScreenPlayer,
+  MiniPlayer,
+  nextRepeatMode,
+  NowPlayingBar,
+  PLAYBACK_RATES,
+  PlaybackSpeedMenu,
+  resolveArtworkTint,
+  SLEEP_TIMER_MINUTES,
+  SleepTimerMenu,
+  TransportControls,
+} from './media-player';
+export type {
+  ConnectBannerProps,
+  DevicePickerProps,
+  FullScreenPlayerLabels,
+  FullScreenPlayerProps,
+  LyricsPreview,
+  MediaArtist,
+  MediaPlayerTrack,
+  MiniPlayerProps,
+  NowPlayingBarLabels,
+  NowPlayingBarProps,
+  PlaybackDevice,
+  PlaybackDeviceKind,
+  PlaybackSpeedMenuProps,
+  RepeatMode,
+  SleepTimerMenuProps,
+  SleepTimerValue,
+  TransportControlsLabels,
+  TransportControlsProps,
+  TransportControlsSize,
+  TransportControlsVariant,
+} from './media-player';
+export {
+  ArtistAbout,
+  ArtistHero,
+  ArtistPick,
+  ArtistStats,
+  AudiobookHeader,
+  CollectionHeader,
+  DEFAULT_DISCOGRAPHY_OPTIONS,
+  DiscographyFilter,
+  DownloadButton,
+  EpisodeHeader,
+  FollowButton,
+  MediaActionBar,
+  MediaIconButton,
+  MediaMoreButton,
+  PodcastShowHeader,
+  PopularTracks,
+  ProfileHeader,
+  ShuffleButton,
+  StickyMediaTopBar,
+  TITLE_STEPS,
+  mediaHeaderScrollProgress,
+  resolveMediaHeaderPaint,
+  selectTitleVariant,
+  useMediaHeaderScroll,
+} from './media-header';
+export type {
+  ArtistAboutProps,
+  ArtistCity,
+  ArtistHeroProps,
+  ArtistPickProps,
+  ArtistStat,
+  ArtistStatsProps,
+  AudiobookHeaderProps,
+  CollectionHeaderProps,
+  CollectionHeaderVariant,
+  DiscographyFilterOption,
+  DiscographyFilterProps,
+  DownloadButtonProps,
+  DownloadState,
+  EpisodeHeaderProps,
+  FollowButtonProps,
+  LatestEpisode,
+  MediaActionBarProps,
+  MediaHeaderPaint,
+  MediaHeaderPerson,
+  MediaHeaderScrollOptions,
+  MediaIconButtonProps,
+  MediaImageSource,
+  MediaMoreButtonProps,
+  MediaViewMode,
+  PodcastShowHeaderProps,
+  PopularTrack,
+  PopularTracksProps,
+  ProfileHeaderProps,
+  ProfileStat,
+  ShuffleButtonProps,
+  StickyMediaTopBarProps,
+} from './media-header';
+export {
+  EpisodeList,
+  EpisodeRow,
+  SelectionBar,
+  TrackList,
+  TrackListEmpty,
+  TrackListHeader,
+  TrackRow,
+  TrackRowSkeleton,
+  resolveVisibleColumns,
+} from './track-list';
+export type {
+  Episode,
+  EpisodeListProps,
+  EpisodeRowLabels,
+  EpisodeRowProps,
+  SelectionBarAction,
+  SelectionBarPlacement,
+  SelectionBarProps,
+  Track,
+  TrackArtist,
+  TrackIconComponent,
+  TrackListColumn,
+  TrackListDensity,
+  TrackListEmptyProps,
+  TrackListGroup,
+  TrackListHeaderProps,
+  TrackListLabels,
+  TrackListProps,
+  TrackMenuItem,
+  TrackRowNavigation,
+  TrackRowPressEvent,
+  TrackRowProps,
+  TrackRowSkeletonProps,
+} from './track-list';
 export {
   AmenityFilter,
+  AreaRangeFilter,
+  AvailabilityFilter,
   CountFilter,
+  ENERGY_RATINGS,
+  EnergyRatingFilter,
+  FLOOR_OPTIONS,
+  FeatureFilter,
   FilterFooter,
   FilterSection,
   FilterTriggerButton,
+  FloorFilter,
+  HOUSING_FEATURE_OPTIONS,
+  PROPERTY_TYPE_OPTIONS,
   PriceHistogram,
   PriceRangeFilter,
+  PropertyTypeFilter,
   SegmentedFilter,
   SwitchFilterRow,
   ToggleChipGroup,
 } from './stay-filters';
 export type {
   AmenityFilterProps,
+  AreaRangeFilterProps,
+  AvailabilityFilterProps,
   CountFilterProps,
+  EnergyRating,
+  EnergyRatingFilterProps,
+  FeatureFilterProps,
   FilterFooterProps,
   FilterIconComponent,
   FilterOption,
   FilterSectionProps,
   FilterTriggerButtonProps,
+  FloorFilterProps,
+  FloorOption,
+  HousingFeature,
   PriceHistogramProps,
   PriceRangeFilterProps,
+  PriceScale,
+  PropertyType,
+  PropertyTypeFilterProps,
+  PropertyTypeOption,
+  PropertyTypeTilesProps,
   SegmentedFilterProps,
   SwitchFilterRowProps,
   ToggleChipGroupProps,
@@ -355,7 +676,46 @@ export type {
   StaySearchSegment,
   StaySearchStepProps,
 } from './stay-search';
+export {
+  BudgetPicker,
+  DEFAULT_BUDGET_PRESETS,
+  DEFAULT_CONTRACT_LENGTHS,
+  DEFAULT_HOME_SEARCH_MODE_LABELS,
+  HOME_SEARCH_MODES,
+  HOME_SEARCH_SEGMENTS,
+  HomeSearchBar,
+  MoveInPicker,
+  PropertyTypePicker,
+  SaveSearchButton,
+  SavedSearchCard,
+  SearchModeTabs,
+  homeSearchSegments,
+} from './home-search';
+export type {
+  BudgetPeriod,
+  BudgetPickerProps,
+  BudgetPreset,
+  HomeSearchBarProps,
+  HomeSearchMode,
+  HomeSearchSegment,
+  HomeSearchSegmentKeys,
+  HomeSearchSegmentOverrides,
+  MoveInOption,
+  MoveInPickerLabels,
+  MoveInPickerProps,
+  MoveInTiming,
+  MoveInValue,
+  PropertyTypePickerProps,
+  SavedSearchCardProps,
+  SavedSearchIcon,
+  SaveSearchButtonProps,
+  SearchModeTabsProps,
+} from './home-search';
 export * from './listing-details';
+export * from './property-insights';
+export * from './tenancy';
+export * from './eviction';
+export * from './place-reviews';
 export { BookingBar, BookingCard, PriceBreakdown, TRIP_STATUS, TripCard } from './booking';
 export type {
   BookingBarProps,
@@ -369,23 +729,126 @@ export type {
   TripCardProps,
   TripStatus,
 } from './booking';
+export {
+  APPLICATION_ITEM_STATUS,
+  ActionBar,
+  ApplicationChecklist,
+  EXCHANGE_MODE_LABELS,
+  ExchangeProposalCard,
+  MORTGAGE_TERM_OPTIONS,
+  MortgageCalculator,
+  RENTAL_STATUS,
+  RentalActionCard,
+  SALE_STATUS,
+  SaleActionCard,
+  ViewingScheduler,
+  computeMortgage,
+} from './listing-actions';
+export type {
+  ActionBarProps,
+  ApplicationChecklistProps,
+  ApplicationItem,
+  ApplicationItemStatus,
+  ExchangeHome,
+  ExchangeLayout,
+  ExchangeMode,
+  ExchangeProposalCardProps,
+  KeyFact,
+  MortgageCalculatorLabels,
+  MortgageCalculatorProps,
+  MortgageInput,
+  MortgageResult,
+  RentalActionCardProps,
+  RentalStatus,
+  SaleActionCardProps,
+  SaleStatus,
+  ViewingDay,
+  ViewingMode,
+  ViewingSchedulerProps,
+  ViewingSlot,
+} from './listing-actions';
 export { FavoriteButton, ListingCard, ListingCardGrid, WishlistCard } from './listing-card';
 export type {
   FavoriteButtonProps,
+  ListingCardDensity,
   ListingCardGridProps,
   ListingCardLayout,
   ListingCardProps,
+  ListingFact,
+  ListingFactIcon,
+  ListingPriceLine,
+  ListingStatus,
+  Offering,
   WishlistCardProps,
 } from './listing-card';
+export { OfferingBadge } from './offering-badge';
+export type {
+  OfferingBadgeIcon,
+  OfferingBadgeProps,
+  OfferingBadgeSize,
+  OfferingBadgeVariant,
+} from './offering-badge';
 export { CategoryBar } from './category-bar';
 export type { CategoryBarIcon, CategoryBarItem, CategoryBarProps } from './category-bar';
-export { MapClusterMarker, MapListingPreview, MapPriceMarker, MapSearchAreaButton } from './map-marker';
+export {
+  MapAreaCircle,
+  MapClusterMarker,
+  MapListingPreview,
+  MapPriceMarker,
+  MapSearchAreaButton,
+} from './map-marker';
+export { WizardFooter, WizardProgress } from './wizard';
+export type { WizardFooterProps, WizardProgressProps, WizardStep } from './wizard';
+export { SortablePhotoGrid } from './sortable-media';
+export type {
+  SortablePhoto,
+  SortablePhotoGridLabels,
+  SortablePhotoGridProps,
+  SortablePhotoStatus,
+} from './sortable-media';
+export {
+  AddressPrecisionPicker,
+  DEFAULT_ADDRESS_PRECISION_OPTIONS,
+  DEFAULT_PROPERTY_TYPES,
+  ListingPreviewPane,
+  ListingQualityMeter,
+  listingQualityScore,
+  OfferingEditor,
+  PrecisionMapPlaceholder,
+  PropertyTypeSelector,
+} from './listing-editor';
+export type {
+  AddressPrecision,
+  AddressPrecisionOption,
+  AddressPrecisionPickerProps,
+  ListingEditorIcon,
+  ListingPreviewData,
+  ListingPreviewMode,
+  ListingPreviewPaneProps,
+  ListingQualityItem,
+  ListingQualityMeterProps,
+  OfferingCardCopy,
+  OfferingEditorLabels,
+  OfferingEditorProps,
+  OfferingErrors,
+  OfferingField,
+  OfferingKind,
+  OfferingValue,
+  PropertyTypeSelectorProps,
+  RentOffering,
+  SaleOffering,
+  StayOffering,
+  SwapMode,
+  SwapOffering,
+} from './listing-editor';
 export type {
+  MapAreaCircleProps,
   MapClusterMarkerProps,
   MapListingPreviewLayout,
   MapListingPreviewProps,
   MapMarkerState,
   MapPriceMarkerProps,
+  MapPriceMarkerSize,
   MapSearchAreaButtonProps,
 } from './map-marker';
 export * from './chip';
@@ -438,3 +901,4 @@ export * as Code from './code';
 
 // Fonts
 export * as Fonts from './fonts/index.web';
+export * from './creator-studio';

package/src/listing-actions/ActionBar.tsx

@@ -0,0 +1,141 @@
+import React, { memo, useContext, useMemo } from 'react';
+import { View, type ViewStyle } from 'react-native';
+import { SafeAreaInsetsContext } from 'react-native-safe-area-context';
+
+import { BookingLink } from '../booking/BookingLink';
+import { BookingPrice } from '../booking/BookingPrice';
+import { resolveBookingPalette } from '../booking/shared';
+import { Button } from '../button';
+import { useTheme } from '../theme/use-theme';
+import { Text } from '../typography';
+import type { ActionBarProps } from './types';
+
+/**
+ * The phone-width action bar pinned under any listing — a stay, a rental, a
+ * home for sale, a swap. `BookingBar` is this bar with the stay wording.
+ *
+ *   bar        page background, 1px top hairline (neutral-200 / 700),
+ *              padding 12 above, 24 at the sides, 12 + the bottom inset below
+ *   left       price headline-semibold + unit body-regular (+ struck earlier
+ *              price); `subtitle` under it, body-2-medium — underlined, a
+ *              button, with `onPressSubtitle`
+ *   secondary  optional `Button` secondary large icon-only, 8 left of…
+ *   primary    `Button` primary large
+ */
+
+/** INTERNAL — the testID suffixes, so `BookingBar` keeps its `-dates` / `-reserve`. */
+export interface ActionBarIds {
+  subtitle: string;
+  primary: string;
+}
+
+const DEFAULT_IDS: ActionBarIds = { subtitle: 'subtitle', primary: 'primary' };
+
+/** INTERNAL — `ActionBar` with configurable testID parts. */
+export function ActionBarView({
+  price,
+  originalPrice,
+  priceUnit,
+  priceUnitPrefix,
+  priceAccessibilityLabel,
+  subtitle,
+  onPressSubtitle,
+  primaryLabel,
+  onPrimary,
+  primaryDisabled = false,
+  loading = false,
+  secondaryIcon,
+  secondaryLabel,
+  onSecondary,
+  bottomInset,
+  style,
+  testID,
+  ids = DEFAULT_IDS,
+}: ActionBarProps & { ids?: ActionBarIds }) {
+  const theme = useTheme();
+  const palette = useMemo(() => resolveBookingPalette(theme), [theme]);
+  const insets = useContext(SafeAreaInsetsContext);
+  const inset = bottomInset ?? insets?.bottom ?? 0;
+  const id = (part: string) => (testID ? `${testID}-${part}` : undefined);
+
+  const barStyle: ViewStyle = {
+    flexDirection: 'row',
+    alignItems: 'center',
+    gap: 16,
+    paddingTop: 12,
+    paddingBottom: 12 + inset,
+    paddingLeft: 24,
+    paddingRight: 24,
+    borderTopWidth: 1,
+    borderTopColor: palette.border,
+    backgroundColor: palette.page,
+  };
+
+  return (
+    <View testID={testID} style={[barStyle, style]}>
+      <View style={{ flex: 1, minWidth: 0, gap: 2 }}>
+        <BookingPrice
+          price={price}
+          originalPrice={originalPrice}
+          priceUnit={priceUnit}
+          priceUnitPrefix={priceUnitPrefix}
+          priceAccessibilityLabel={priceAccessibilityLabel}
+          priceVariant="headline-semibold"
+          unitVariant="body-regular"
+          testID={id('price')}
+        />
+        {subtitle ? (
+          onPressSubtitle ? (
+            <BookingLink
+              variant="body-2-medium"
+              numberOfLines={1}
+              onPress={onPressSubtitle}
+              testID={id(ids.subtitle)}
+            >
+              {subtitle}
+            </BookingLink>
+          ) : (
+            <Text
+              variant="body-2-medium"
+              numberOfLines={1}
+              testID={id(ids.subtitle)}
+              style={{ color: palette.text }}
+            >
+              {subtitle}
+            </Text>
+          )
+        ) : null}
+      </View>
+      <View style={{ flexDirection: 'row', alignItems: 'center', gap: 8 }}>
+        {secondaryIcon ? (
+          <Button
+            variant="secondary"
+            size="large"
+            iconOnly
+            icon={secondaryIcon}
+            accessibilityLabel={secondaryLabel}
+            onPress={onSecondary}
+            testID={id('secondary')}
+          />
+        ) : null}
+        <Button
+          variant="primary"
+          size="large"
+          onPress={onPrimary}
+          disabled={primaryDisabled}
+          loading={loading}
+          testID={id(ids.primary)}
+        >
+          {primaryLabel}
+        </Button>
+      </View>
+    </View>
+  );
+}
+
+function ActionBarComponent(props: ActionBarProps) {
+  return <ActionBarView {...props} />;
+}
+
+export const ActionBar = memo(ActionBarComponent);
+ActionBar.displayName = 'ActionBar';