chore(tooltip): expose open and close api

tbergman · Mar 21, 2022 · 02fff16 · 02fff16
1 parent a0df702
commit 02fff16
Show file tree

Hide file tree

Showing 2 changed files with 13 additions and 3 deletions.
diff --git a/packages/machines/tooltip/src/tooltip.connect.ts b/packages/machines/tooltip/src/tooltip.connect.ts
@@ -22,7 +22,12 @@ export function connect<T extends PropTypes = ReactPropTypes>(
   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
@@ -33,6 +33,11 @@ export const machine = createMachine<MachineContext, MachineState>(
       isPlacementComplete: (ctx) => !!ctx.currentPlacement,
     },
 
+    on: {
+      OPEN: "open",
+      CLOSE: "closed",
+    },
+
     states: {
       unknown: {
         on: {
@@ -65,12 +70,12 @@ export const machine = createMachine<MachineContext, MachineState>(
         on: {
           POINTER_LEAVE: "closed",
           BLUR: "closed",
+          SCROLL: "closed",
+          POINTER_LOCK_CHANGE: "closed",
           POINTER_DOWN: {
             guard: "closeOnPointerDown",
             target: "closed",
           },
-          SCROLL: "closed",
-          POINTER_LOCK_CHANGE: "closed",
         },
       },