From 02fff16adfb243def9a5fd3f515d257284685740 Mon Sep 17 00:00:00 2001 From: Segun Adebayo Date: Mon, 21 Mar 2022 21:28:28 +0400 Subject: [PATCH] chore(tooltip): expose open and close api --- packages/machines/tooltip/src/tooltip.connect.ts | 7 ++++++- packages/machines/tooltip/src/tooltip.machine.ts | 9 +++++++-- 2 files changed, 13 insertions(+), 3 deletions(-) diff --git a/packages/machines/tooltip/src/tooltip.connect.ts b/packages/machines/tooltip/src/tooltip.connect.ts index 1ac3bcfbec..86f2112d78 100644 --- a/packages/machines/tooltip/src/tooltip.connect.ts +++ b/packages/machines/tooltip/src/tooltip.connect.ts @@ -22,7 +22,12 @@ export function connect( return { isVisible, hasAriaLabel: state.context.hasAriaLabel, - + open() { + send("OPEN") + }, + close() { + send("CLOSE") + }, getAnimationState() { return { enter: store.prevId === null && id === store.id, diff --git a/packages/machines/tooltip/src/tooltip.machine.ts b/packages/machines/tooltip/src/tooltip.machine.ts index 643739f415..4dbb537e01 100644 --- a/packages/machines/tooltip/src/tooltip.machine.ts +++ b/packages/machines/tooltip/src/tooltip.machine.ts @@ -33,6 +33,11 @@ export const machine = createMachine( isPlacementComplete: (ctx) => !!ctx.currentPlacement, }, + on: { + OPEN: "open", + CLOSE: "closed", + }, + states: { unknown: { on: { @@ -65,12 +70,12 @@ export const machine = createMachine( on: { POINTER_LEAVE: "closed", BLUR: "closed", + SCROLL: "closed", + POINTER_LOCK_CHANGE: "closed", POINTER_DOWN: { guard: "closeOnPointerDown", target: "closed", }, - SCROLL: "closed", - POINTER_LOCK_CHANGE: "closed", }, },