HandsEditor

Import from @workspace/bridge-react/hand/editors/hands-editor.

Overview

HandsEditor is a self-contained hands editor that composes Board, PlayerSelector, and SelectedPlayerAlert. It follows the value/onChange pattern with no react-hook-form dependency.

import { HandsEditor } from '@workspace/bridge-react/hand/editors/hands-editor';

<HandsEditor
  hands={hands}
  selectedPlayer={selectedPlayer}
  onCardsChange={(player, suit, ranks) => updateHand(player, suit, ranks)}
  onSelectedPlayerChange={setSelectedPlayer}
/>

Composition

The editor is composed from:

Read-Only Mode

Pass readOnly to hide the player selector and disable hand editing:

<HandsEditor
  hands={hands}
  selectedPlayer="S"
  readOnly
/>

Props

Notes

• Wrapped with withBridgeContext — can be used outside a BridgeProvider
• Confirmation logic (e.g. warning when editing played suits) is the responsibility of the consuming wrapper