diff --git a/packages/ui/primitives/document-flow/add-fields.tsx b/packages/ui/primitives/document-flow/add-fields.tsx index 39139e29b..abbb67916 100644 --- a/packages/ui/primitives/document-flow/add-fields.tsx +++ b/packages/ui/primitives/document-flow/add-fields.tsx @@ -3,9 +3,8 @@ import { useCallback, useEffect, useMemo, useRef, useState } from 'react'; import { msg } from '@lingui/core/macro'; import { useLingui } from '@lingui/react'; import { Trans } from '@lingui/react/macro'; -import { Prisma } from '@prisma/client'; import type { Field, Recipient } from '@prisma/client'; -import { FieldType, RecipientRole, SendStatus } from '@prisma/client'; +import { FieldType, Prisma, RecipientRole, SendStatus } from '@prisma/client'; import { CalendarDays, Check, @@ -649,6 +648,8 @@ export const AddFieldsFormPartial = ({ passive={isFieldWithinBounds && !!selectedField} onFocus={() => setLastActiveField(field)} onBlur={() => setLastActiveField(null)} + onMouseEnter={() => setLastActiveField(field)} + onMouseLeave={() => setLastActiveField(null)} onResize={(options) => onFieldResize(options, index)} onMove={(options) => onFieldMove(options, index)} onRemove={() => remove(index)} diff --git a/packages/ui/primitives/document-flow/field-item.tsx b/packages/ui/primitives/document-flow/field-item.tsx index f96fd3aee..3a39a1d32 100644 --- a/packages/ui/primitives/document-flow/field-item.tsx +++ b/packages/ui/primitives/document-flow/field-item.tsx @@ -34,6 +34,8 @@ export type FieldItemProps = { onAdvancedSettings?: () => void; onFocus?: () => void; onBlur?: () => void; + onMouseEnter?: () => void; + onMouseLeave?: () => void; recipientIndex?: number; hideRecipients?: boolean; hasErrors?: boolean; @@ -227,6 +229,8 @@ export const FieldItem = ({ bounds={`${PDF_VIEWER_PAGE_SELECTOR}[data-page-number="${field.pageNumber}"]`} onDragStart={() => onFieldActivate?.()} onResizeStart={() => onFieldActivate?.()} + onMouseEnter={() => onFocus?.()} + onMouseLeave={() => onBlur?.()} enableResizing={!fixedSize} resizeHandleStyles={{ bottom: { bottom: -8, cursor: 'ns-resize' },