@zag-js/tooltip 0.0.0-dev-20230710092359 → 0.0.0-dev-20230710134345

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (8) hide show
  1. package/dist/index.js +49 -20
  2. package/dist/index.js.map +1 -1
  3. package/dist/index.mjs +50 -21
  4. package/dist/index.mjs.map +1 -1
  5. package/package.json +9 -9
  6. package/src/tooltip.connect.ts +5 -5
  7. package/src/tooltip.machine.ts +43 -14
  8. package/src/tooltip.types.ts +5 -0
package/dist/index.js CHANGED
@@ -127,10 +127,10 @@ function connect(state, send, normalize) {
127
127
  send("POINTER_DOWN");
128
128
  }
129
129
  },
130
- onPointerMove() {
131
- if (isDisabled)
130
+ onPointerMove(event) {
131
+ if (isDisabled || event.pointerType === "touch")
132
132
  return;
133
- send("POINTER_ENTER");
133
+ send("POINTER_MOVE");
134
134
  },
135
135
  onPointerLeave() {
136
136
  if (isDisabled)
@@ -164,10 +164,10 @@ function connect(state, send, normalize) {
164
164
  id: hasAriaLabel ? void 0 : contentId,
165
165
  "data-placement": state.context.currentPlacement,
166
166
  onPointerEnter() {
167
- send("TOOLTIP_POINTER_ENTER");
167
+ send("CONTENT.POINTER_MOVE");
168
168
  },
169
169
  onPointerLeave() {
170
- send("TOOLTIP_POINTER_LEAVE");
170
+ send("CONTENT.POINTER_LEAVE");
171
171
  },
172
172
  style: {
173
173
  pointerEvents: state.context.interactive ? "auto" : "none"
@@ -189,6 +189,7 @@ var import_dom_event = require("@zag-js/dom-event");
189
189
  var import_dom_query3 = require("@zag-js/dom-query");
190
190
  var import_popper2 = require("@zag-js/popper");
191
191
  var import_utils = require("@zag-js/utils");
192
+ var { and, not } = import_core2.guards;
192
193
  function machine(userContext) {
193
194
  const ctx = (0, import_utils.compact)(userContext);
194
195
  return (0, import_core2.createMachine)(
@@ -203,6 +204,7 @@ function machine(userContext) {
203
204
  interactive: true,
204
205
  currentPlacement: void 0,
205
206
  ...ctx,
207
+ hasPointerMoveOpened: false,
206
208
  positioning: {
207
209
  placement: "bottom",
208
210
  ...ctx.positioning
@@ -225,12 +227,19 @@ function machine(userContext) {
225
227
  entry: ["clearGlobalId", "invokeOnClose"],
226
228
  on: {
227
229
  FOCUS: "open",
228
- POINTER_ENTER: [
230
+ POINTER_LEAVE: {
231
+ actions: ["clearPointerMoveOpened"]
232
+ },
233
+ POINTER_MOVE: [
229
234
  {
230
- guard: "noVisibleTooltip",
235
+ guard: and("noVisibleTooltip", not("hasPointerMoveOpened")),
231
236
  target: "opening"
232
237
  },
233
- { target: "open" }
238
+ {
239
+ guard: not("hasPointerMoveOpened"),
240
+ target: "open",
241
+ actions: ["setPointerMoveOpened"]
242
+ }
234
243
  ]
235
244
  }
236
245
  },
@@ -238,10 +247,16 @@ function machine(userContext) {
238
247
  tags: ["closed"],
239
248
  activities: ["trackScroll", "trackPointerlockChange"],
240
249
  after: {
241
- OPEN_DELAY: "open"
250
+ OPEN_DELAY: {
251
+ target: "open",
252
+ actions: ["setPointerMoveOpened"]
253
+ }
242
254
  },
243
255
  on: {
244
- POINTER_LEAVE: "closed",
256
+ POINTER_LEAVE: {
257
+ target: "closed",
258
+ actions: ["clearPointerMoveOpened"]
259
+ },
245
260
  BLUR: "closed",
246
261
  SCROLL: "closed",
247
262
  POINTER_LOCK_CHANGE: "closed",
@@ -265,15 +280,19 @@ function machine(userContext) {
265
280
  POINTER_LEAVE: [
266
281
  {
267
282
  guard: "isVisible",
268
- target: "closing"
283
+ target: "closing",
284
+ actions: ["clearPointerMoveOpened"]
269
285
  },
270
- { target: "closed" }
286
+ {
287
+ target: "closed",
288
+ actions: ["clearPointerMoveOpened"]
289
+ }
271
290
  ],
272
291
  BLUR: "closed",
273
292
  ESCAPE: "closed",
274
293
  SCROLL: "closed",
275
294
  POINTER_LOCK_CHANGE: "closed",
276
- TOOLTIP_POINTER_LEAVE: {
295
+ "CONTENT.POINTER_LEAVE": {
277
296
  guard: "isInteractive",
278
297
  target: "closing"
279
298
  },
@@ -295,8 +314,11 @@ function machine(userContext) {
295
314
  },
296
315
  on: {
297
316
  FORCE_CLOSE: "closed",
298
- POINTER_ENTER: "open",
299
- TOOLTIP_POINTER_ENTER: {
317
+ POINTER_MOVE: {
318
+ target: "open",
319
+ actions: ["setPointerMoveOpened"]
320
+ },
321
+ "CONTENT.POINTER_MOVE": {
300
322
  guard: "isInteractive",
301
323
  target: "open"
302
324
  }
@@ -375,7 +397,7 @@ function machine(userContext) {
375
397
  }
376
398
  },
377
399
  invokeOnOpen(ctx2, evt) {
378
- const omit = ["TOOLTIP_POINTER_ENTER", "POINTER_ENTER"];
400
+ const omit = ["CONTENT.POINTER_MOVE", "POINTER_MOVE"];
379
401
  if (!omit.includes(evt.type)) {
380
402
  ctx2.onOpen?.();
381
403
  }
@@ -384,9 +406,9 @@ function machine(userContext) {
384
406
  ctx2.onClose?.();
385
407
  },
386
408
  closeIfDisabled(ctx2, _evt, { send }) {
387
- if (ctx2.disabled) {
388
- send("CLOSE");
389
- }
409
+ if (!ctx2.disabled)
410
+ return;
411
+ send("CLOSE");
390
412
  },
391
413
  setPositioning(ctx2, evt) {
392
414
  const getPositionerEl = () => dom.getPositionerEl(ctx2);
@@ -399,13 +421,20 @@ function machine(userContext) {
399
421
  },
400
422
  toggleVisibility(ctx2, _evt, { send }) {
401
423
  send({ type: ctx2.open ? "OPEN" : "CLOSE", src: "controlled" });
424
+ },
425
+ setPointerMoveOpened(ctx2) {
426
+ ctx2.hasPointerMoveOpened = true;
427
+ },
428
+ clearPointerMoveOpened(ctx2) {
429
+ ctx2.hasPointerMoveOpened = false;
402
430
  }
403
431
  },
404
432
  guards: {
405
433
  closeOnPointerDown: (ctx2) => ctx2.closeOnPointerDown,
406
434
  noVisibleTooltip: () => store.id === null,
407
435
  isVisible: (ctx2) => ctx2.id === store.id,
408
- isInteractive: (ctx2) => ctx2.interactive
436
+ isInteractive: (ctx2) => ctx2.interactive,
437
+ hasPointerMoveOpened: (ctx2) => !!ctx2.hasPointerMoveOpened
409
438
  },
410
439
  delays: {
411
440
  OPEN_DELAY: (ctx2) => ctx2.openDelay,
package/dist/index.js.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"sources":["../src/index.ts","../src/tooltip.anatomy.ts","../src/tooltip.connect.ts","../src/tooltip.dom.ts","../src/tooltip.store.ts","../src/tooltip.machine.ts"],"sourcesContent":["export { anatomy } from \"./tooltip.anatomy\"\nexport { connect } from \"./tooltip.connect\"\nexport { machine } from \"./tooltip.machine\"\nexport type { UserDefinedContext as Context, Placement, PositioningOptions } from \"./tooltip.types\"\n","import { createAnatomy } from \"@zag-js/anatomy\"\n\nexport const anatomy = createAnatomy(\"tooltip\").parts(\"trigger\", \"arrow\", \"arrowTip\", \"positioner\", \"content\", \"label\")\nexport const parts = anatomy.build()\n","import { dataAttr } from \"@zag-js/dom-query\"\nimport { getPlacementStyles, PositioningOptions } from \"@zag-js/popper\"\nimport type { NormalizeProps, PropTypes } from \"@zag-js/types\"\nimport { visuallyHiddenStyle } from \"@zag-js/visually-hidden\"\nimport { parts } from \"./tooltip.anatomy\"\nimport { dom } from \"./tooltip.dom\"\nimport { store } from \"./tooltip.store\"\nimport type { Send, State } from \"./tooltip.types\"\n\nexport function connect<T extends PropTypes>(state: State, send: Send, normalize: NormalizeProps<T>) {\n const id = state.context.id\n const hasAriaLabel = state.context.hasAriaLabel\n\n const isOpen = state.hasTag(\"open\")\n\n const triggerId = dom.getTriggerId(state.context)\n const contentId = dom.getContentId(state.context)\n\n const isDisabled = state.context.disabled\n\n const popperStyles = getPlacementStyles({\n placement: state.context.currentPlacement,\n })\n\n return {\n /**\n * Whether the tooltip is open.\n */\n isOpen,\n /**\n * Function to open the tooltip.\n */\n open() {\n send(\"OPEN\")\n },\n /**\n * Function to close the tooltip.\n */\n close() {\n send(\"CLOSE\")\n },\n /**\n * Returns the animation state of the tooltip.\n */\n getAnimationState() {\n return {\n enter: store.prevId === null && id === store.id,\n exit: store.id === null,\n }\n },\n /**\n * Function to reposition the popover\n */\n setPositioning(options: Partial<PositioningOptions> = {}) {\n send({ type: \"SET_POSITIONING\", options })\n },\n\n triggerProps: normalize.button({\n ...parts.trigger.attrs,\n id: triggerId,\n \"data-expanded\": dataAttr(isOpen),\n \"aria-describedby\": isOpen ? contentId : undefined,\n onClick() {\n send(\"CLICK\")\n },\n onFocus() {\n send(\"FOCUS\")\n },\n onBlur() {\n if (id === store.id) {\n send(\"BLUR\")\n }\n },\n onPointerDown() {\n if (isDisabled) return\n if (id === store.id) {\n send(\"POINTER_DOWN\")\n }\n },\n onPointerMove() {\n if (isDisabled) return\n send(\"POINTER_ENTER\")\n },\n onPointerLeave() {\n if (isDisabled) return\n send(\"POINTER_LEAVE\")\n },\n onPointerCancel() {\n if (isDisabled) return\n send(\"POINTER_LEAVE\")\n },\n }),\n\n arrowProps: normalize.element({\n id: dom.getArrowId(state.context),\n ...parts.arrow.attrs,\n style: popperStyles.arrow,\n }),\n\n arrowTipProps: normalize.element({\n ...parts.arrowTip.attrs,\n style: popperStyles.arrowTip,\n }),\n\n positionerProps: normalize.element({\n id: dom.getPositionerId(state.context),\n ...parts.positioner.attrs,\n style: popperStyles.floating,\n }),\n\n contentProps: normalize.element({\n ...parts.content.attrs,\n hidden: !isOpen,\n role: hasAriaLabel ? undefined : \"tooltip\",\n id: hasAriaLabel ? undefined : contentId,\n \"data-placement\": state.context.currentPlacement,\n onPointerEnter() {\n send(\"TOOLTIP_POINTER_ENTER\")\n },\n onPointerLeave() {\n send(\"TOOLTIP_POINTER_LEAVE\")\n },\n style: {\n pointerEvents: state.context.interactive ? \"auto\" : \"none\",\n },\n }),\n\n labelProps: normalize.element({\n ...parts.label.attrs,\n id: contentId,\n role: \"tooltip\",\n style: visuallyHiddenStyle,\n children: state.context[\"aria-label\"],\n }),\n }\n}\n","import { createScope, getScrollParent } from \"@zag-js/dom-query\"\nimport type { MachineContext as Ctx } from \"./tooltip.types\"\n\nexport const dom = createScope({\n getTriggerId: (ctx: Ctx) => ctx.ids?.trigger ?? `tooltip:${ctx.id}:trigger`,\n getContentId: (ctx: Ctx) => ctx.ids?.content ?? `tooltip:${ctx.id}:content`,\n getArrowId: (ctx: Ctx) => ctx.ids?.arrow ?? `tooltip:${ctx.id}:arrow`,\n getPositionerId: (ctx: Ctx) => ctx.ids?.positioner ?? `tooltip:${ctx.id}:popper`,\n\n getTriggerEl: (ctx: Ctx) => dom.getById(ctx, dom.getTriggerId(ctx)),\n getContentEl: (ctx: Ctx) => dom.getById(ctx, dom.getContentId(ctx)),\n getPositionerEl: (ctx: Ctx) => dom.getById(ctx, dom.getPositionerId(ctx)),\n getArrowEl: (ctx: Ctx) => dom.getById(ctx, dom.getArrowId(ctx)),\n getScrollParent: (ctx: Ctx) => getScrollParent(dom.getTriggerEl(ctx)!),\n})\n","import { proxy } from \"@zag-js/core\"\n\ntype Id = string | null\n\ntype Store = {\n id: Id\n prevId: Id\n setId: (val: Id) => void\n}\n\nexport const store = proxy<Store>({\n id: null,\n prevId: null,\n setId(val) {\n this.prevId = this.id\n this.id = val\n },\n})\n","import { createMachine, subscribe } from \"@zag-js/core\"\nimport { addDomEvent } from \"@zag-js/dom-event\"\nimport { getScrollParents, isHTMLElement, isSafari } from \"@zag-js/dom-query\"\nimport { getPlacement } from \"@zag-js/popper\"\nimport { compact } from \"@zag-js/utils\"\nimport { dom } from \"./tooltip.dom\"\nimport { store } from \"./tooltip.store\"\nimport type { MachineContext, MachineState, UserDefinedContext } from \"./tooltip.types\"\n\nexport function machine(userContext: UserDefinedContext) {\n const ctx = compact(userContext)\n return createMachine<MachineContext, MachineState>(\n {\n id: \"tooltip\",\n initial: \"closed\",\n\n context: {\n openDelay: 1000,\n closeDelay: 500,\n closeOnPointerDown: true,\n closeOnEsc: true,\n interactive: true,\n currentPlacement: undefined,\n ...ctx,\n positioning: {\n placement: \"bottom\",\n ...ctx.positioning,\n },\n },\n\n computed: {\n hasAriaLabel: (ctx) => !!ctx[\"aria-label\"],\n },\n\n watch: {\n disabled: [\"closeIfDisabled\"],\n open: [\"toggleVisibility\"],\n },\n\n on: {\n OPEN: \"open\",\n CLOSE: \"closed\",\n },\n\n states: {\n closed: {\n tags: [\"closed\"],\n entry: [\"clearGlobalId\", \"invokeOnClose\"],\n on: {\n FOCUS: \"open\",\n POINTER_ENTER: [\n {\n guard: \"noVisibleTooltip\",\n target: \"opening\",\n },\n { target: \"open\" },\n ],\n },\n },\n\n opening: {\n tags: [\"closed\"],\n activities: [\"trackScroll\", \"trackPointerlockChange\"],\n after: {\n OPEN_DELAY: \"open\",\n },\n on: {\n POINTER_LEAVE: \"closed\",\n BLUR: \"closed\",\n SCROLL: \"closed\",\n POINTER_LOCK_CHANGE: \"closed\",\n POINTER_DOWN: {\n guard: \"closeOnPointerDown\",\n target: \"closed\",\n },\n },\n },\n\n open: {\n tags: [\"open\"],\n activities: [\n \"trackEscapeKey\",\n \"trackDisabledTriggerOnSafari\",\n \"trackScroll\",\n \"trackPointerlockChange\",\n \"trackPositioning\",\n ],\n entry: [\"setGlobalId\", \"invokeOnOpen\"],\n on: {\n POINTER_LEAVE: [\n {\n guard: \"isVisible\",\n target: \"closing\",\n },\n { target: \"closed\" },\n ],\n BLUR: \"closed\",\n ESCAPE: \"closed\",\n SCROLL: \"closed\",\n POINTER_LOCK_CHANGE: \"closed\",\n TOOLTIP_POINTER_LEAVE: {\n guard: \"isInteractive\",\n target: \"closing\",\n },\n POINTER_DOWN: {\n guard: \"closeOnPointerDown\",\n target: \"closed\",\n },\n CLICK: \"closed\",\n SET_POSITIONING: {\n actions: \"setPositioning\",\n },\n },\n },\n\n closing: {\n tags: [\"open\"],\n activities: [\"trackStore\", \"trackPositioning\"],\n after: {\n CLOSE_DELAY: \"closed\",\n },\n on: {\n FORCE_CLOSE: \"closed\",\n POINTER_ENTER: \"open\",\n TOOLTIP_POINTER_ENTER: {\n guard: \"isInteractive\",\n target: \"open\",\n },\n },\n },\n },\n },\n {\n activities: {\n trackPositioning(ctx) {\n ctx.currentPlacement = ctx.positioning.placement\n const getPositionerEl = () => dom.getPositionerEl(ctx)\n return getPlacement(dom.getTriggerEl(ctx), getPositionerEl, {\n ...ctx.positioning,\n defer: true,\n onComplete(data) {\n ctx.currentPlacement = data.placement\n },\n onCleanup() {\n ctx.currentPlacement = undefined\n },\n })\n },\n trackPointerlockChange(ctx, _evt, { send }) {\n const onChange = () => send(\"POINTER_LOCK_CHANGE\")\n return addDomEvent(dom.getDoc(ctx), \"pointerlockchange\", onChange, false)\n },\n trackScroll(ctx, _evt, { send }) {\n const trigger = dom.getTriggerEl(ctx)\n if (!trigger) return\n const cleanups = getScrollParents(trigger).map((el) => {\n const opts = { passive: true, capture: true } as const\n return addDomEvent(el, \"scroll\", () => send(\"SCROLL\"), opts)\n })\n return () => {\n cleanups.forEach((fn) => fn?.())\n }\n },\n trackStore(ctx, _evt, { send }) {\n return subscribe(store, () => {\n if (store.id !== ctx.id) {\n send(\"FORCE_CLOSE\")\n }\n })\n },\n trackDisabledTriggerOnSafari(ctx, _evt, { send }) {\n if (!isSafari()) return\n const doc = dom.getDoc(ctx)\n return addDomEvent(doc, \"pointermove\", (event) => {\n const selector = \"[data-part=trigger][data-expanded]\"\n if (isHTMLElement(event.target) && event.target.closest(selector)) return\n send(\"POINTER_LEAVE\")\n })\n },\n trackEscapeKey(ctx, _evt, { send }) {\n if (!ctx.closeOnEsc) return\n const doc = dom.getDoc(ctx)\n return addDomEvent(doc, \"keydown\", (event) => {\n if (event.key === \"Escape\") {\n send(\"ESCAPE\")\n }\n })\n },\n },\n actions: {\n setGlobalId(ctx) {\n store.setId(ctx.id)\n },\n clearGlobalId(ctx) {\n if (ctx.id === store.id) {\n store.setId(null)\n }\n },\n invokeOnOpen(ctx, evt) {\n const omit = [\"TOOLTIP_POINTER_ENTER\", \"POINTER_ENTER\"]\n if (!omit.includes(evt.type)) {\n ctx.onOpen?.()\n }\n },\n invokeOnClose(ctx) {\n ctx.onClose?.()\n },\n closeIfDisabled(ctx, _evt, { send }) {\n if (ctx.disabled) {\n send(\"CLOSE\")\n }\n },\n setPositioning(ctx, evt) {\n const getPositionerEl = () => dom.getPositionerEl(ctx)\n getPlacement(dom.getTriggerEl(ctx), getPositionerEl, {\n ...ctx.positioning,\n ...evt.options,\n defer: true,\n listeners: false,\n })\n },\n toggleVisibility(ctx, _evt, { send }) {\n send({ type: ctx.open ? \"OPEN\" : \"CLOSE\", src: \"controlled\" })\n },\n },\n guards: {\n closeOnPointerDown: (ctx) => ctx.closeOnPointerDown,\n noVisibleTooltip: () => store.id === null,\n isVisible: (ctx) => ctx.id === store.id,\n isInteractive: (ctx) => ctx.interactive,\n },\n delays: {\n OPEN_DELAY: (ctx) => ctx.openDelay,\n CLOSE_DELAY: (ctx) => ctx.closeDelay,\n },\n },\n )\n}\n"],"mappings":"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","names":["import_dom_query","import_core","import_dom_query","import_popper","ctx"]}
1
+ {"version":3,"sources":["../src/index.ts","../src/tooltip.anatomy.ts","../src/tooltip.connect.ts","../src/tooltip.dom.ts","../src/tooltip.store.ts","../src/tooltip.machine.ts"],"sourcesContent":["export { anatomy } from \"./tooltip.anatomy\"\nexport { connect } from \"./tooltip.connect\"\nexport { machine } from \"./tooltip.machine\"\nexport type { UserDefinedContext as Context, Placement, PositioningOptions } from \"./tooltip.types\"\n","import { createAnatomy } from \"@zag-js/anatomy\"\n\nexport const anatomy = createAnatomy(\"tooltip\").parts(\"trigger\", \"arrow\", \"arrowTip\", \"positioner\", \"content\", \"label\")\nexport const parts = anatomy.build()\n","import { dataAttr } from \"@zag-js/dom-query\"\nimport { getPlacementStyles, PositioningOptions } from \"@zag-js/popper\"\nimport type { NormalizeProps, PropTypes } from \"@zag-js/types\"\nimport { visuallyHiddenStyle } from \"@zag-js/visually-hidden\"\nimport { parts } from \"./tooltip.anatomy\"\nimport { dom } from \"./tooltip.dom\"\nimport { store } from \"./tooltip.store\"\nimport type { Send, State } from \"./tooltip.types\"\n\nexport function connect<T extends PropTypes>(state: State, send: Send, normalize: NormalizeProps<T>) {\n const id = state.context.id\n const hasAriaLabel = state.context.hasAriaLabel\n\n const isOpen = state.hasTag(\"open\")\n\n const triggerId = dom.getTriggerId(state.context)\n const contentId = dom.getContentId(state.context)\n\n const isDisabled = state.context.disabled\n\n const popperStyles = getPlacementStyles({\n placement: state.context.currentPlacement,\n })\n\n return {\n /**\n * Whether the tooltip is open.\n */\n isOpen,\n /**\n * Function to open the tooltip.\n */\n open() {\n send(\"OPEN\")\n },\n /**\n * Function to close the tooltip.\n */\n close() {\n send(\"CLOSE\")\n },\n /**\n * Returns the animation state of the tooltip.\n */\n getAnimationState() {\n return {\n enter: store.prevId === null && id === store.id,\n exit: store.id === null,\n }\n },\n /**\n * Function to reposition the popover\n */\n setPositioning(options: Partial<PositioningOptions> = {}) {\n send({ type: \"SET_POSITIONING\", options })\n },\n\n triggerProps: normalize.button({\n ...parts.trigger.attrs,\n id: triggerId,\n \"data-expanded\": dataAttr(isOpen),\n \"aria-describedby\": isOpen ? contentId : undefined,\n onClick() {\n send(\"CLICK\")\n },\n onFocus() {\n send(\"FOCUS\")\n },\n onBlur() {\n if (id === store.id) {\n send(\"BLUR\")\n }\n },\n onPointerDown() {\n if (isDisabled) return\n if (id === store.id) {\n send(\"POINTER_DOWN\")\n }\n },\n onPointerMove(event) {\n if (isDisabled || event.pointerType === \"touch\") return\n send(\"POINTER_MOVE\")\n },\n onPointerLeave() {\n if (isDisabled) return\n send(\"POINTER_LEAVE\")\n },\n onPointerCancel() {\n if (isDisabled) return\n send(\"POINTER_LEAVE\")\n },\n }),\n\n arrowProps: normalize.element({\n id: dom.getArrowId(state.context),\n ...parts.arrow.attrs,\n style: popperStyles.arrow,\n }),\n\n arrowTipProps: normalize.element({\n ...parts.arrowTip.attrs,\n style: popperStyles.arrowTip,\n }),\n\n positionerProps: normalize.element({\n id: dom.getPositionerId(state.context),\n ...parts.positioner.attrs,\n style: popperStyles.floating,\n }),\n\n contentProps: normalize.element({\n ...parts.content.attrs,\n hidden: !isOpen,\n role: hasAriaLabel ? undefined : \"tooltip\",\n id: hasAriaLabel ? undefined : contentId,\n \"data-placement\": state.context.currentPlacement,\n onPointerEnter() {\n send(\"CONTENT.POINTER_MOVE\")\n },\n onPointerLeave() {\n send(\"CONTENT.POINTER_LEAVE\")\n },\n style: {\n pointerEvents: state.context.interactive ? \"auto\" : \"none\",\n },\n }),\n\n labelProps: normalize.element({\n ...parts.label.attrs,\n id: contentId,\n role: \"tooltip\",\n style: visuallyHiddenStyle,\n children: state.context[\"aria-label\"],\n }),\n }\n}\n","import { createScope, getScrollParent } from \"@zag-js/dom-query\"\nimport type { MachineContext as Ctx } from \"./tooltip.types\"\n\nexport const dom = createScope({\n getTriggerId: (ctx: Ctx) => ctx.ids?.trigger ?? `tooltip:${ctx.id}:trigger`,\n getContentId: (ctx: Ctx) => ctx.ids?.content ?? `tooltip:${ctx.id}:content`,\n getArrowId: (ctx: Ctx) => ctx.ids?.arrow ?? `tooltip:${ctx.id}:arrow`,\n getPositionerId: (ctx: Ctx) => ctx.ids?.positioner ?? `tooltip:${ctx.id}:popper`,\n\n getTriggerEl: (ctx: Ctx) => dom.getById(ctx, dom.getTriggerId(ctx)),\n getContentEl: (ctx: Ctx) => dom.getById(ctx, dom.getContentId(ctx)),\n getPositionerEl: (ctx: Ctx) => dom.getById(ctx, dom.getPositionerId(ctx)),\n getArrowEl: (ctx: Ctx) => dom.getById(ctx, dom.getArrowId(ctx)),\n getScrollParent: (ctx: Ctx) => getScrollParent(dom.getTriggerEl(ctx)!),\n})\n","import { proxy } from \"@zag-js/core\"\n\ntype Id = string | null\n\ntype Store = {\n id: Id\n prevId: Id\n setId: (val: Id) => void\n}\n\nexport const store = proxy<Store>({\n id: null,\n prevId: null,\n setId(val) {\n this.prevId = this.id\n this.id = val\n },\n})\n","import { createMachine, subscribe, guards } from \"@zag-js/core\"\nimport { addDomEvent } from \"@zag-js/dom-event\"\nimport { getScrollParents, isHTMLElement, isSafari } from \"@zag-js/dom-query\"\nimport { getPlacement } from \"@zag-js/popper\"\nimport { compact } from \"@zag-js/utils\"\nimport { dom } from \"./tooltip.dom\"\nimport { store } from \"./tooltip.store\"\nimport type { MachineContext, MachineState, UserDefinedContext } from \"./tooltip.types\"\n\nconst { and, not } = guards\n\nexport function machine(userContext: UserDefinedContext) {\n const ctx = compact(userContext)\n return createMachine<MachineContext, MachineState>(\n {\n id: \"tooltip\",\n initial: \"closed\",\n\n context: {\n openDelay: 1000,\n closeDelay: 500,\n closeOnPointerDown: true,\n closeOnEsc: true,\n interactive: true,\n currentPlacement: undefined,\n ...ctx,\n hasPointerMoveOpened: false,\n positioning: {\n placement: \"bottom\",\n ...ctx.positioning,\n },\n },\n\n computed: {\n hasAriaLabel: (ctx) => !!ctx[\"aria-label\"],\n },\n\n watch: {\n disabled: [\"closeIfDisabled\"],\n open: [\"toggleVisibility\"],\n },\n\n on: {\n OPEN: \"open\",\n CLOSE: \"closed\",\n },\n\n states: {\n closed: {\n tags: [\"closed\"],\n entry: [\"clearGlobalId\", \"invokeOnClose\"],\n on: {\n FOCUS: \"open\",\n POINTER_LEAVE: {\n actions: [\"clearPointerMoveOpened\"],\n },\n POINTER_MOVE: [\n {\n guard: and(\"noVisibleTooltip\", not(\"hasPointerMoveOpened\")),\n target: \"opening\",\n },\n {\n guard: not(\"hasPointerMoveOpened\"),\n target: \"open\",\n actions: [\"setPointerMoveOpened\"],\n },\n ],\n },\n },\n\n opening: {\n tags: [\"closed\"],\n activities: [\"trackScroll\", \"trackPointerlockChange\"],\n after: {\n OPEN_DELAY: {\n target: \"open\",\n actions: [\"setPointerMoveOpened\"],\n },\n },\n on: {\n POINTER_LEAVE: {\n target: \"closed\",\n actions: [\"clearPointerMoveOpened\"],\n },\n BLUR: \"closed\",\n SCROLL: \"closed\",\n POINTER_LOCK_CHANGE: \"closed\",\n POINTER_DOWN: {\n guard: \"closeOnPointerDown\",\n target: \"closed\",\n },\n },\n },\n\n open: {\n tags: [\"open\"],\n activities: [\n \"trackEscapeKey\",\n \"trackDisabledTriggerOnSafari\",\n \"trackScroll\",\n \"trackPointerlockChange\",\n \"trackPositioning\",\n ],\n entry: [\"setGlobalId\", \"invokeOnOpen\"],\n on: {\n POINTER_LEAVE: [\n {\n guard: \"isVisible\",\n target: \"closing\",\n actions: [\"clearPointerMoveOpened\"],\n },\n {\n target: \"closed\",\n actions: [\"clearPointerMoveOpened\"],\n },\n ],\n BLUR: \"closed\",\n ESCAPE: \"closed\",\n SCROLL: \"closed\",\n POINTER_LOCK_CHANGE: \"closed\",\n \"CONTENT.POINTER_LEAVE\": {\n guard: \"isInteractive\",\n target: \"closing\",\n },\n POINTER_DOWN: {\n guard: \"closeOnPointerDown\",\n target: \"closed\",\n },\n CLICK: \"closed\",\n SET_POSITIONING: {\n actions: \"setPositioning\",\n },\n },\n },\n\n closing: {\n tags: [\"open\"],\n activities: [\"trackStore\", \"trackPositioning\"],\n after: {\n CLOSE_DELAY: \"closed\",\n },\n on: {\n FORCE_CLOSE: \"closed\",\n POINTER_MOVE: {\n target: \"open\",\n actions: [\"setPointerMoveOpened\"],\n },\n \"CONTENT.POINTER_MOVE\": {\n guard: \"isInteractive\",\n target: \"open\",\n },\n },\n },\n },\n },\n {\n activities: {\n trackPositioning(ctx) {\n ctx.currentPlacement = ctx.positioning.placement\n const getPositionerEl = () => dom.getPositionerEl(ctx)\n return getPlacement(dom.getTriggerEl(ctx), getPositionerEl, {\n ...ctx.positioning,\n defer: true,\n onComplete(data) {\n ctx.currentPlacement = data.placement\n },\n onCleanup() {\n ctx.currentPlacement = undefined\n },\n })\n },\n trackPointerlockChange(ctx, _evt, { send }) {\n const onChange = () => send(\"POINTER_LOCK_CHANGE\")\n return addDomEvent(dom.getDoc(ctx), \"pointerlockchange\", onChange, false)\n },\n trackScroll(ctx, _evt, { send }) {\n const trigger = dom.getTriggerEl(ctx)\n if (!trigger) return\n const cleanups = getScrollParents(trigger).map((el) => {\n const opts = { passive: true, capture: true } as const\n return addDomEvent(el, \"scroll\", () => send(\"SCROLL\"), opts)\n })\n return () => {\n cleanups.forEach((fn) => fn?.())\n }\n },\n trackStore(ctx, _evt, { send }) {\n return subscribe(store, () => {\n if (store.id !== ctx.id) {\n send(\"FORCE_CLOSE\")\n }\n })\n },\n trackDisabledTriggerOnSafari(ctx, _evt, { send }) {\n if (!isSafari()) return\n const doc = dom.getDoc(ctx)\n return addDomEvent(doc, \"pointermove\", (event) => {\n const selector = \"[data-part=trigger][data-expanded]\"\n if (isHTMLElement(event.target) && event.target.closest(selector)) return\n send(\"POINTER_LEAVE\")\n })\n },\n trackEscapeKey(ctx, _evt, { send }) {\n if (!ctx.closeOnEsc) return\n const doc = dom.getDoc(ctx)\n return addDomEvent(doc, \"keydown\", (event) => {\n if (event.key === \"Escape\") {\n send(\"ESCAPE\")\n }\n })\n },\n },\n actions: {\n setGlobalId(ctx) {\n store.setId(ctx.id)\n },\n clearGlobalId(ctx) {\n if (ctx.id === store.id) {\n store.setId(null)\n }\n },\n invokeOnOpen(ctx, evt) {\n const omit = [\"CONTENT.POINTER_MOVE\", \"POINTER_MOVE\"]\n if (!omit.includes(evt.type)) {\n ctx.onOpen?.()\n }\n },\n invokeOnClose(ctx) {\n ctx.onClose?.()\n },\n closeIfDisabled(ctx, _evt, { send }) {\n if (!ctx.disabled) return\n send(\"CLOSE\")\n },\n setPositioning(ctx, evt) {\n const getPositionerEl = () => dom.getPositionerEl(ctx)\n getPlacement(dom.getTriggerEl(ctx), getPositionerEl, {\n ...ctx.positioning,\n ...evt.options,\n defer: true,\n listeners: false,\n })\n },\n toggleVisibility(ctx, _evt, { send }) {\n send({ type: ctx.open ? \"OPEN\" : \"CLOSE\", src: \"controlled\" })\n },\n setPointerMoveOpened(ctx) {\n ctx.hasPointerMoveOpened = true\n },\n clearPointerMoveOpened(ctx) {\n ctx.hasPointerMoveOpened = false\n },\n },\n guards: {\n closeOnPointerDown: (ctx) => ctx.closeOnPointerDown,\n noVisibleTooltip: () => store.id === null,\n isVisible: (ctx) => ctx.id === store.id,\n isInteractive: (ctx) => ctx.interactive,\n hasPointerMoveOpened: (ctx) => !!ctx.hasPointerMoveOpened,\n },\n delays: {\n OPEN_DELAY: (ctx) => ctx.openDelay,\n CLOSE_DELAY: (ctx) => ctx.closeDelay,\n },\n },\n )\n}\n"],"mappings":"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","names":["import_dom_query","import_core","import_dom_query","import_popper","ctx"]}
package/dist/index.mjs CHANGED
@@ -99,10 +99,10 @@ function connect(state, send, normalize) {
99
99
  send("POINTER_DOWN");
100
100
  }
101
101
  },
102
- onPointerMove() {
103
- if (isDisabled)
102
+ onPointerMove(event) {
103
+ if (isDisabled || event.pointerType === "touch")
104
104
  return;
105
- send("POINTER_ENTER");
105
+ send("POINTER_MOVE");
106
106
  },
107
107
  onPointerLeave() {
108
108
  if (isDisabled)
@@ -136,10 +136,10 @@ function connect(state, send, normalize) {
136
136
  id: hasAriaLabel ? void 0 : contentId,
137
137
  "data-placement": state.context.currentPlacement,
138
138
  onPointerEnter() {
139
- send("TOOLTIP_POINTER_ENTER");
139
+ send("CONTENT.POINTER_MOVE");
140
140
  },
141
141
  onPointerLeave() {
142
- send("TOOLTIP_POINTER_LEAVE");
142
+ send("CONTENT.POINTER_LEAVE");
143
143
  },
144
144
  style: {
145
145
  pointerEvents: state.context.interactive ? "auto" : "none"
@@ -156,11 +156,12 @@ function connect(state, send, normalize) {
156
156
  }
157
157
 
158
158
  // src/tooltip.machine.ts
159
- import { createMachine, subscribe } from "@zag-js/core";
159
+ import { createMachine, subscribe, guards } from "@zag-js/core";
160
160
  import { addDomEvent } from "@zag-js/dom-event";
161
161
  import { getScrollParents, isHTMLElement, isSafari } from "@zag-js/dom-query";
162
162
  import { getPlacement } from "@zag-js/popper";
163
163
  import { compact } from "@zag-js/utils";
164
+ var { and, not } = guards;
164
165
  function machine(userContext) {
165
166
  const ctx = compact(userContext);
166
167
  return createMachine(
@@ -175,6 +176,7 @@ function machine(userContext) {
175
176
  interactive: true,
176
177
  currentPlacement: void 0,
177
178
  ...ctx,
179
+ hasPointerMoveOpened: false,
178
180
  positioning: {
179
181
  placement: "bottom",
180
182
  ...ctx.positioning
@@ -197,12 +199,19 @@ function machine(userContext) {
197
199
  entry: ["clearGlobalId", "invokeOnClose"],
198
200
  on: {
199
201
  FOCUS: "open",
200
- POINTER_ENTER: [
202
+ POINTER_LEAVE: {
203
+ actions: ["clearPointerMoveOpened"]
204
+ },
205
+ POINTER_MOVE: [
201
206
  {
202
- guard: "noVisibleTooltip",
207
+ guard: and("noVisibleTooltip", not("hasPointerMoveOpened")),
203
208
  target: "opening"
204
209
  },
205
- { target: "open" }
210
+ {
211
+ guard: not("hasPointerMoveOpened"),
212
+ target: "open",
213
+ actions: ["setPointerMoveOpened"]
214
+ }
206
215
  ]
207
216
  }
208
217
  },
@@ -210,10 +219,16 @@ function machine(userContext) {
210
219
  tags: ["closed"],
211
220
  activities: ["trackScroll", "trackPointerlockChange"],
212
221
  after: {
213
- OPEN_DELAY: "open"
222
+ OPEN_DELAY: {
223
+ target: "open",
224
+ actions: ["setPointerMoveOpened"]
225
+ }
214
226
  },
215
227
  on: {
216
- POINTER_LEAVE: "closed",
228
+ POINTER_LEAVE: {
229
+ target: "closed",
230
+ actions: ["clearPointerMoveOpened"]
231
+ },
217
232
  BLUR: "closed",
218
233
  SCROLL: "closed",
219
234
  POINTER_LOCK_CHANGE: "closed",
@@ -237,15 +252,19 @@ function machine(userContext) {
237
252
  POINTER_LEAVE: [
238
253
  {
239
254
  guard: "isVisible",
240
- target: "closing"
255
+ target: "closing",
256
+ actions: ["clearPointerMoveOpened"]
241
257
  },
242
- { target: "closed" }
258
+ {
259
+ target: "closed",
260
+ actions: ["clearPointerMoveOpened"]
261
+ }
243
262
  ],
244
263
  BLUR: "closed",
245
264
  ESCAPE: "closed",
246
265
  SCROLL: "closed",
247
266
  POINTER_LOCK_CHANGE: "closed",
248
- TOOLTIP_POINTER_LEAVE: {
267
+ "CONTENT.POINTER_LEAVE": {
249
268
  guard: "isInteractive",
250
269
  target: "closing"
251
270
  },
@@ -267,8 +286,11 @@ function machine(userContext) {
267
286
  },
268
287
  on: {
269
288
  FORCE_CLOSE: "closed",
270
- POINTER_ENTER: "open",
271
- TOOLTIP_POINTER_ENTER: {
289
+ POINTER_MOVE: {
290
+ target: "open",
291
+ actions: ["setPointerMoveOpened"]
292
+ },
293
+ "CONTENT.POINTER_MOVE": {
272
294
  guard: "isInteractive",
273
295
  target: "open"
274
296
  }
@@ -347,7 +369,7 @@ function machine(userContext) {
347
369
  }
348
370
  },
349
371
  invokeOnOpen(ctx2, evt) {
350
- const omit = ["TOOLTIP_POINTER_ENTER", "POINTER_ENTER"];
372
+ const omit = ["CONTENT.POINTER_MOVE", "POINTER_MOVE"];
351
373
  if (!omit.includes(evt.type)) {
352
374
  ctx2.onOpen?.();
353
375
  }
@@ -356,9 +378,9 @@ function machine(userContext) {
356
378
  ctx2.onClose?.();
357
379
  },
358
380
  closeIfDisabled(ctx2, _evt, { send }) {
359
- if (ctx2.disabled) {
360
- send("CLOSE");
361
- }
381
+ if (!ctx2.disabled)
382
+ return;
383
+ send("CLOSE");
362
384
  },
363
385
  setPositioning(ctx2, evt) {
364
386
  const getPositionerEl = () => dom.getPositionerEl(ctx2);
@@ -371,13 +393,20 @@ function machine(userContext) {
371
393
  },
372
394
  toggleVisibility(ctx2, _evt, { send }) {
373
395
  send({ type: ctx2.open ? "OPEN" : "CLOSE", src: "controlled" });
396
+ },
397
+ setPointerMoveOpened(ctx2) {
398
+ ctx2.hasPointerMoveOpened = true;
399
+ },
400
+ clearPointerMoveOpened(ctx2) {
401
+ ctx2.hasPointerMoveOpened = false;
374
402
  }
375
403
  },
376
404
  guards: {
377
405
  closeOnPointerDown: (ctx2) => ctx2.closeOnPointerDown,
378
406
  noVisibleTooltip: () => store.id === null,
379
407
  isVisible: (ctx2) => ctx2.id === store.id,
380
- isInteractive: (ctx2) => ctx2.interactive
408
+ isInteractive: (ctx2) => ctx2.interactive,
409
+ hasPointerMoveOpened: (ctx2) => !!ctx2.hasPointerMoveOpened
381
410
  },
382
411
  delays: {
383
412
  OPEN_DELAY: (ctx2) => ctx2.openDelay,
package/dist/index.mjs.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"sources":["../src/tooltip.anatomy.ts","../src/tooltip.connect.ts","../src/tooltip.dom.ts","../src/tooltip.store.ts","../src/tooltip.machine.ts"],"sourcesContent":["import { createAnatomy } from \"@zag-js/anatomy\"\n\nexport const anatomy = createAnatomy(\"tooltip\").parts(\"trigger\", \"arrow\", \"arrowTip\", \"positioner\", \"content\", \"label\")\nexport const parts = anatomy.build()\n","import { dataAttr } from \"@zag-js/dom-query\"\nimport { getPlacementStyles, PositioningOptions } from \"@zag-js/popper\"\nimport type { NormalizeProps, PropTypes } from \"@zag-js/types\"\nimport { visuallyHiddenStyle } from \"@zag-js/visually-hidden\"\nimport { parts } from \"./tooltip.anatomy\"\nimport { dom } from \"./tooltip.dom\"\nimport { store } from \"./tooltip.store\"\nimport type { Send, State } from \"./tooltip.types\"\n\nexport function connect<T extends PropTypes>(state: State, send: Send, normalize: NormalizeProps<T>) {\n const id = state.context.id\n const hasAriaLabel = state.context.hasAriaLabel\n\n const isOpen = state.hasTag(\"open\")\n\n const triggerId = dom.getTriggerId(state.context)\n const contentId = dom.getContentId(state.context)\n\n const isDisabled = state.context.disabled\n\n const popperStyles = getPlacementStyles({\n placement: state.context.currentPlacement,\n })\n\n return {\n /**\n * Whether the tooltip is open.\n */\n isOpen,\n /**\n * Function to open the tooltip.\n */\n open() {\n send(\"OPEN\")\n },\n /**\n * Function to close the tooltip.\n */\n close() {\n send(\"CLOSE\")\n },\n /**\n * Returns the animation state of the tooltip.\n */\n getAnimationState() {\n return {\n enter: store.prevId === null && id === store.id,\n exit: store.id === null,\n }\n },\n /**\n * Function to reposition the popover\n */\n setPositioning(options: Partial<PositioningOptions> = {}) {\n send({ type: \"SET_POSITIONING\", options })\n },\n\n triggerProps: normalize.button({\n ...parts.trigger.attrs,\n id: triggerId,\n \"data-expanded\": dataAttr(isOpen),\n \"aria-describedby\": isOpen ? contentId : undefined,\n onClick() {\n send(\"CLICK\")\n },\n onFocus() {\n send(\"FOCUS\")\n },\n onBlur() {\n if (id === store.id) {\n send(\"BLUR\")\n }\n },\n onPointerDown() {\n if (isDisabled) return\n if (id === store.id) {\n send(\"POINTER_DOWN\")\n }\n },\n onPointerMove() {\n if (isDisabled) return\n send(\"POINTER_ENTER\")\n },\n onPointerLeave() {\n if (isDisabled) return\n send(\"POINTER_LEAVE\")\n },\n onPointerCancel() {\n if (isDisabled) return\n send(\"POINTER_LEAVE\")\n },\n }),\n\n arrowProps: normalize.element({\n id: dom.getArrowId(state.context),\n ...parts.arrow.attrs,\n style: popperStyles.arrow,\n }),\n\n arrowTipProps: normalize.element({\n ...parts.arrowTip.attrs,\n style: popperStyles.arrowTip,\n }),\n\n positionerProps: normalize.element({\n id: dom.getPositionerId(state.context),\n ...parts.positioner.attrs,\n style: popperStyles.floating,\n }),\n\n contentProps: normalize.element({\n ...parts.content.attrs,\n hidden: !isOpen,\n role: hasAriaLabel ? undefined : \"tooltip\",\n id: hasAriaLabel ? undefined : contentId,\n \"data-placement\": state.context.currentPlacement,\n onPointerEnter() {\n send(\"TOOLTIP_POINTER_ENTER\")\n },\n onPointerLeave() {\n send(\"TOOLTIP_POINTER_LEAVE\")\n },\n style: {\n pointerEvents: state.context.interactive ? \"auto\" : \"none\",\n },\n }),\n\n labelProps: normalize.element({\n ...parts.label.attrs,\n id: contentId,\n role: \"tooltip\",\n style: visuallyHiddenStyle,\n children: state.context[\"aria-label\"],\n }),\n }\n}\n","import { createScope, getScrollParent } from \"@zag-js/dom-query\"\nimport type { MachineContext as Ctx } from \"./tooltip.types\"\n\nexport const dom = createScope({\n getTriggerId: (ctx: Ctx) => ctx.ids?.trigger ?? `tooltip:${ctx.id}:trigger`,\n getContentId: (ctx: Ctx) => ctx.ids?.content ?? `tooltip:${ctx.id}:content`,\n getArrowId: (ctx: Ctx) => ctx.ids?.arrow ?? `tooltip:${ctx.id}:arrow`,\n getPositionerId: (ctx: Ctx) => ctx.ids?.positioner ?? `tooltip:${ctx.id}:popper`,\n\n getTriggerEl: (ctx: Ctx) => dom.getById(ctx, dom.getTriggerId(ctx)),\n getContentEl: (ctx: Ctx) => dom.getById(ctx, dom.getContentId(ctx)),\n getPositionerEl: (ctx: Ctx) => dom.getById(ctx, dom.getPositionerId(ctx)),\n getArrowEl: (ctx: Ctx) => dom.getById(ctx, dom.getArrowId(ctx)),\n getScrollParent: (ctx: Ctx) => getScrollParent(dom.getTriggerEl(ctx)!),\n})\n","import { proxy } from \"@zag-js/core\"\n\ntype Id = string | null\n\ntype Store = {\n id: Id\n prevId: Id\n setId: (val: Id) => void\n}\n\nexport const store = proxy<Store>({\n id: null,\n prevId: null,\n setId(val) {\n this.prevId = this.id\n this.id = val\n },\n})\n","import { createMachine, subscribe } from \"@zag-js/core\"\nimport { addDomEvent } from \"@zag-js/dom-event\"\nimport { getScrollParents, isHTMLElement, isSafari } from \"@zag-js/dom-query\"\nimport { getPlacement } from \"@zag-js/popper\"\nimport { compact } from \"@zag-js/utils\"\nimport { dom } from \"./tooltip.dom\"\nimport { store } from \"./tooltip.store\"\nimport type { MachineContext, MachineState, UserDefinedContext } from \"./tooltip.types\"\n\nexport function machine(userContext: UserDefinedContext) {\n const ctx = compact(userContext)\n return createMachine<MachineContext, MachineState>(\n {\n id: \"tooltip\",\n initial: \"closed\",\n\n context: {\n openDelay: 1000,\n closeDelay: 500,\n closeOnPointerDown: true,\n closeOnEsc: true,\n interactive: true,\n currentPlacement: undefined,\n ...ctx,\n positioning: {\n placement: \"bottom\",\n ...ctx.positioning,\n },\n },\n\n computed: {\n hasAriaLabel: (ctx) => !!ctx[\"aria-label\"],\n },\n\n watch: {\n disabled: [\"closeIfDisabled\"],\n open: [\"toggleVisibility\"],\n },\n\n on: {\n OPEN: \"open\",\n CLOSE: \"closed\",\n },\n\n states: {\n closed: {\n tags: [\"closed\"],\n entry: [\"clearGlobalId\", \"invokeOnClose\"],\n on: {\n FOCUS: \"open\",\n POINTER_ENTER: [\n {\n guard: \"noVisibleTooltip\",\n target: \"opening\",\n },\n { target: \"open\" },\n ],\n },\n },\n\n opening: {\n tags: [\"closed\"],\n activities: [\"trackScroll\", \"trackPointerlockChange\"],\n after: {\n OPEN_DELAY: \"open\",\n },\n on: {\n POINTER_LEAVE: \"closed\",\n BLUR: \"closed\",\n SCROLL: \"closed\",\n POINTER_LOCK_CHANGE: \"closed\",\n POINTER_DOWN: {\n guard: \"closeOnPointerDown\",\n target: \"closed\",\n },\n },\n },\n\n open: {\n tags: [\"open\"],\n activities: [\n \"trackEscapeKey\",\n \"trackDisabledTriggerOnSafari\",\n \"trackScroll\",\n \"trackPointerlockChange\",\n \"trackPositioning\",\n ],\n entry: [\"setGlobalId\", \"invokeOnOpen\"],\n on: {\n POINTER_LEAVE: [\n {\n guard: \"isVisible\",\n target: \"closing\",\n },\n { target: \"closed\" },\n ],\n BLUR: \"closed\",\n ESCAPE: \"closed\",\n SCROLL: \"closed\",\n POINTER_LOCK_CHANGE: \"closed\",\n TOOLTIP_POINTER_LEAVE: {\n guard: \"isInteractive\",\n target: \"closing\",\n },\n POINTER_DOWN: {\n guard: \"closeOnPointerDown\",\n target: \"closed\",\n },\n CLICK: \"closed\",\n SET_POSITIONING: {\n actions: \"setPositioning\",\n },\n },\n },\n\n closing: {\n tags: [\"open\"],\n activities: [\"trackStore\", \"trackPositioning\"],\n after: {\n CLOSE_DELAY: \"closed\",\n },\n on: {\n FORCE_CLOSE: \"closed\",\n POINTER_ENTER: \"open\",\n TOOLTIP_POINTER_ENTER: {\n guard: \"isInteractive\",\n target: \"open\",\n },\n },\n },\n },\n },\n {\n activities: {\n trackPositioning(ctx) {\n ctx.currentPlacement = ctx.positioning.placement\n const getPositionerEl = () => dom.getPositionerEl(ctx)\n return getPlacement(dom.getTriggerEl(ctx), getPositionerEl, {\n ...ctx.positioning,\n defer: true,\n onComplete(data) {\n ctx.currentPlacement = data.placement\n },\n onCleanup() {\n ctx.currentPlacement = undefined\n },\n })\n },\n trackPointerlockChange(ctx, _evt, { send }) {\n const onChange = () => send(\"POINTER_LOCK_CHANGE\")\n return addDomEvent(dom.getDoc(ctx), \"pointerlockchange\", onChange, false)\n },\n trackScroll(ctx, _evt, { send }) {\n const trigger = dom.getTriggerEl(ctx)\n if (!trigger) return\n const cleanups = getScrollParents(trigger).map((el) => {\n const opts = { passive: true, capture: true } as const\n return addDomEvent(el, \"scroll\", () => send(\"SCROLL\"), opts)\n })\n return () => {\n cleanups.forEach((fn) => fn?.())\n }\n },\n trackStore(ctx, _evt, { send }) {\n return subscribe(store, () => {\n if (store.id !== ctx.id) {\n send(\"FORCE_CLOSE\")\n }\n })\n },\n trackDisabledTriggerOnSafari(ctx, _evt, { send }) {\n if (!isSafari()) return\n const doc = dom.getDoc(ctx)\n return addDomEvent(doc, \"pointermove\", (event) => {\n const selector = \"[data-part=trigger][data-expanded]\"\n if (isHTMLElement(event.target) && event.target.closest(selector)) return\n send(\"POINTER_LEAVE\")\n })\n },\n trackEscapeKey(ctx, _evt, { send }) {\n if (!ctx.closeOnEsc) return\n const doc = dom.getDoc(ctx)\n return addDomEvent(doc, \"keydown\", (event) => {\n if (event.key === \"Escape\") {\n send(\"ESCAPE\")\n }\n })\n },\n },\n actions: {\n setGlobalId(ctx) {\n store.setId(ctx.id)\n },\n clearGlobalId(ctx) {\n if (ctx.id === store.id) {\n store.setId(null)\n }\n },\n invokeOnOpen(ctx, evt) {\n const omit = [\"TOOLTIP_POINTER_ENTER\", \"POINTER_ENTER\"]\n if (!omit.includes(evt.type)) {\n ctx.onOpen?.()\n }\n },\n invokeOnClose(ctx) {\n ctx.onClose?.()\n },\n closeIfDisabled(ctx, _evt, { send }) {\n if (ctx.disabled) {\n send(\"CLOSE\")\n }\n },\n setPositioning(ctx, evt) {\n const getPositionerEl = () => dom.getPositionerEl(ctx)\n getPlacement(dom.getTriggerEl(ctx), getPositionerEl, {\n ...ctx.positioning,\n ...evt.options,\n defer: true,\n listeners: false,\n })\n },\n toggleVisibility(ctx, _evt, { send }) {\n send({ type: ctx.open ? \"OPEN\" : \"CLOSE\", src: \"controlled\" })\n },\n },\n guards: {\n closeOnPointerDown: (ctx) => ctx.closeOnPointerDown,\n noVisibleTooltip: () => store.id === null,\n isVisible: (ctx) => ctx.id === store.id,\n isInteractive: (ctx) => ctx.interactive,\n },\n delays: {\n OPEN_DELAY: (ctx) => ctx.openDelay,\n CLOSE_DELAY: (ctx) => ctx.closeDelay,\n },\n },\n )\n}\n"],"mappings":"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","names":["ctx"]}
1
+ {"version":3,"sources":["../src/tooltip.anatomy.ts","../src/tooltip.connect.ts","../src/tooltip.dom.ts","../src/tooltip.store.ts","../src/tooltip.machine.ts"],"sourcesContent":["import { createAnatomy } from \"@zag-js/anatomy\"\n\nexport const anatomy = createAnatomy(\"tooltip\").parts(\"trigger\", \"arrow\", \"arrowTip\", \"positioner\", \"content\", \"label\")\nexport const parts = anatomy.build()\n","import { dataAttr } from \"@zag-js/dom-query\"\nimport { getPlacementStyles, PositioningOptions } from \"@zag-js/popper\"\nimport type { NormalizeProps, PropTypes } from \"@zag-js/types\"\nimport { visuallyHiddenStyle } from \"@zag-js/visually-hidden\"\nimport { parts } from \"./tooltip.anatomy\"\nimport { dom } from \"./tooltip.dom\"\nimport { store } from \"./tooltip.store\"\nimport type { Send, State } from \"./tooltip.types\"\n\nexport function connect<T extends PropTypes>(state: State, send: Send, normalize: NormalizeProps<T>) {\n const id = state.context.id\n const hasAriaLabel = state.context.hasAriaLabel\n\n const isOpen = state.hasTag(\"open\")\n\n const triggerId = dom.getTriggerId(state.context)\n const contentId = dom.getContentId(state.context)\n\n const isDisabled = state.context.disabled\n\n const popperStyles = getPlacementStyles({\n placement: state.context.currentPlacement,\n })\n\n return {\n /**\n * Whether the tooltip is open.\n */\n isOpen,\n /**\n * Function to open the tooltip.\n */\n open() {\n send(\"OPEN\")\n },\n /**\n * Function to close the tooltip.\n */\n close() {\n send(\"CLOSE\")\n },\n /**\n * Returns the animation state of the tooltip.\n */\n getAnimationState() {\n return {\n enter: store.prevId === null && id === store.id,\n exit: store.id === null,\n }\n },\n /**\n * Function to reposition the popover\n */\n setPositioning(options: Partial<PositioningOptions> = {}) {\n send({ type: \"SET_POSITIONING\", options })\n },\n\n triggerProps: normalize.button({\n ...parts.trigger.attrs,\n id: triggerId,\n \"data-expanded\": dataAttr(isOpen),\n \"aria-describedby\": isOpen ? contentId : undefined,\n onClick() {\n send(\"CLICK\")\n },\n onFocus() {\n send(\"FOCUS\")\n },\n onBlur() {\n if (id === store.id) {\n send(\"BLUR\")\n }\n },\n onPointerDown() {\n if (isDisabled) return\n if (id === store.id) {\n send(\"POINTER_DOWN\")\n }\n },\n onPointerMove(event) {\n if (isDisabled || event.pointerType === \"touch\") return\n send(\"POINTER_MOVE\")\n },\n onPointerLeave() {\n if (isDisabled) return\n send(\"POINTER_LEAVE\")\n },\n onPointerCancel() {\n if (isDisabled) return\n send(\"POINTER_LEAVE\")\n },\n }),\n\n arrowProps: normalize.element({\n id: dom.getArrowId(state.context),\n ...parts.arrow.attrs,\n style: popperStyles.arrow,\n }),\n\n arrowTipProps: normalize.element({\n ...parts.arrowTip.attrs,\n style: popperStyles.arrowTip,\n }),\n\n positionerProps: normalize.element({\n id: dom.getPositionerId(state.context),\n ...parts.positioner.attrs,\n style: popperStyles.floating,\n }),\n\n contentProps: normalize.element({\n ...parts.content.attrs,\n hidden: !isOpen,\n role: hasAriaLabel ? undefined : \"tooltip\",\n id: hasAriaLabel ? undefined : contentId,\n \"data-placement\": state.context.currentPlacement,\n onPointerEnter() {\n send(\"CONTENT.POINTER_MOVE\")\n },\n onPointerLeave() {\n send(\"CONTENT.POINTER_LEAVE\")\n },\n style: {\n pointerEvents: state.context.interactive ? \"auto\" : \"none\",\n },\n }),\n\n labelProps: normalize.element({\n ...parts.label.attrs,\n id: contentId,\n role: \"tooltip\",\n style: visuallyHiddenStyle,\n children: state.context[\"aria-label\"],\n }),\n }\n}\n","import { createScope, getScrollParent } from \"@zag-js/dom-query\"\nimport type { MachineContext as Ctx } from \"./tooltip.types\"\n\nexport const dom = createScope({\n getTriggerId: (ctx: Ctx) => ctx.ids?.trigger ?? `tooltip:${ctx.id}:trigger`,\n getContentId: (ctx: Ctx) => ctx.ids?.content ?? `tooltip:${ctx.id}:content`,\n getArrowId: (ctx: Ctx) => ctx.ids?.arrow ?? `tooltip:${ctx.id}:arrow`,\n getPositionerId: (ctx: Ctx) => ctx.ids?.positioner ?? `tooltip:${ctx.id}:popper`,\n\n getTriggerEl: (ctx: Ctx) => dom.getById(ctx, dom.getTriggerId(ctx)),\n getContentEl: (ctx: Ctx) => dom.getById(ctx, dom.getContentId(ctx)),\n getPositionerEl: (ctx: Ctx) => dom.getById(ctx, dom.getPositionerId(ctx)),\n getArrowEl: (ctx: Ctx) => dom.getById(ctx, dom.getArrowId(ctx)),\n getScrollParent: (ctx: Ctx) => getScrollParent(dom.getTriggerEl(ctx)!),\n})\n","import { proxy } from \"@zag-js/core\"\n\ntype Id = string | null\n\ntype Store = {\n id: Id\n prevId: Id\n setId: (val: Id) => void\n}\n\nexport const store = proxy<Store>({\n id: null,\n prevId: null,\n setId(val) {\n this.prevId = this.id\n this.id = val\n },\n})\n","import { createMachine, subscribe, guards } from \"@zag-js/core\"\nimport { addDomEvent } from \"@zag-js/dom-event\"\nimport { getScrollParents, isHTMLElement, isSafari } from \"@zag-js/dom-query\"\nimport { getPlacement } from \"@zag-js/popper\"\nimport { compact } from \"@zag-js/utils\"\nimport { dom } from \"./tooltip.dom\"\nimport { store } from \"./tooltip.store\"\nimport type { MachineContext, MachineState, UserDefinedContext } from \"./tooltip.types\"\n\nconst { and, not } = guards\n\nexport function machine(userContext: UserDefinedContext) {\n const ctx = compact(userContext)\n return createMachine<MachineContext, MachineState>(\n {\n id: \"tooltip\",\n initial: \"closed\",\n\n context: {\n openDelay: 1000,\n closeDelay: 500,\n closeOnPointerDown: true,\n closeOnEsc: true,\n interactive: true,\n currentPlacement: undefined,\n ...ctx,\n hasPointerMoveOpened: false,\n positioning: {\n placement: \"bottom\",\n ...ctx.positioning,\n },\n },\n\n computed: {\n hasAriaLabel: (ctx) => !!ctx[\"aria-label\"],\n },\n\n watch: {\n disabled: [\"closeIfDisabled\"],\n open: [\"toggleVisibility\"],\n },\n\n on: {\n OPEN: \"open\",\n CLOSE: \"closed\",\n },\n\n states: {\n closed: {\n tags: [\"closed\"],\n entry: [\"clearGlobalId\", \"invokeOnClose\"],\n on: {\n FOCUS: \"open\",\n POINTER_LEAVE: {\n actions: [\"clearPointerMoveOpened\"],\n },\n POINTER_MOVE: [\n {\n guard: and(\"noVisibleTooltip\", not(\"hasPointerMoveOpened\")),\n target: \"opening\",\n },\n {\n guard: not(\"hasPointerMoveOpened\"),\n target: \"open\",\n actions: [\"setPointerMoveOpened\"],\n },\n ],\n },\n },\n\n opening: {\n tags: [\"closed\"],\n activities: [\"trackScroll\", \"trackPointerlockChange\"],\n after: {\n OPEN_DELAY: {\n target: \"open\",\n actions: [\"setPointerMoveOpened\"],\n },\n },\n on: {\n POINTER_LEAVE: {\n target: \"closed\",\n actions: [\"clearPointerMoveOpened\"],\n },\n BLUR: \"closed\",\n SCROLL: \"closed\",\n POINTER_LOCK_CHANGE: \"closed\",\n POINTER_DOWN: {\n guard: \"closeOnPointerDown\",\n target: \"closed\",\n },\n },\n },\n\n open: {\n tags: [\"open\"],\n activities: [\n \"trackEscapeKey\",\n \"trackDisabledTriggerOnSafari\",\n \"trackScroll\",\n \"trackPointerlockChange\",\n \"trackPositioning\",\n ],\n entry: [\"setGlobalId\", \"invokeOnOpen\"],\n on: {\n POINTER_LEAVE: [\n {\n guard: \"isVisible\",\n target: \"closing\",\n actions: [\"clearPointerMoveOpened\"],\n },\n {\n target: \"closed\",\n actions: [\"clearPointerMoveOpened\"],\n },\n ],\n BLUR: \"closed\",\n ESCAPE: \"closed\",\n SCROLL: \"closed\",\n POINTER_LOCK_CHANGE: \"closed\",\n \"CONTENT.POINTER_LEAVE\": {\n guard: \"isInteractive\",\n target: \"closing\",\n },\n POINTER_DOWN: {\n guard: \"closeOnPointerDown\",\n target: \"closed\",\n },\n CLICK: \"closed\",\n SET_POSITIONING: {\n actions: \"setPositioning\",\n },\n },\n },\n\n closing: {\n tags: [\"open\"],\n activities: [\"trackStore\", \"trackPositioning\"],\n after: {\n CLOSE_DELAY: \"closed\",\n },\n on: {\n FORCE_CLOSE: \"closed\",\n POINTER_MOVE: {\n target: \"open\",\n actions: [\"setPointerMoveOpened\"],\n },\n \"CONTENT.POINTER_MOVE\": {\n guard: \"isInteractive\",\n target: \"open\",\n },\n },\n },\n },\n },\n {\n activities: {\n trackPositioning(ctx) {\n ctx.currentPlacement = ctx.positioning.placement\n const getPositionerEl = () => dom.getPositionerEl(ctx)\n return getPlacement(dom.getTriggerEl(ctx), getPositionerEl, {\n ...ctx.positioning,\n defer: true,\n onComplete(data) {\n ctx.currentPlacement = data.placement\n },\n onCleanup() {\n ctx.currentPlacement = undefined\n },\n })\n },\n trackPointerlockChange(ctx, _evt, { send }) {\n const onChange = () => send(\"POINTER_LOCK_CHANGE\")\n return addDomEvent(dom.getDoc(ctx), \"pointerlockchange\", onChange, false)\n },\n trackScroll(ctx, _evt, { send }) {\n const trigger = dom.getTriggerEl(ctx)\n if (!trigger) return\n const cleanups = getScrollParents(trigger).map((el) => {\n const opts = { passive: true, capture: true } as const\n return addDomEvent(el, \"scroll\", () => send(\"SCROLL\"), opts)\n })\n return () => {\n cleanups.forEach((fn) => fn?.())\n }\n },\n trackStore(ctx, _evt, { send }) {\n return subscribe(store, () => {\n if (store.id !== ctx.id) {\n send(\"FORCE_CLOSE\")\n }\n })\n },\n trackDisabledTriggerOnSafari(ctx, _evt, { send }) {\n if (!isSafari()) return\n const doc = dom.getDoc(ctx)\n return addDomEvent(doc, \"pointermove\", (event) => {\n const selector = \"[data-part=trigger][data-expanded]\"\n if (isHTMLElement(event.target) && event.target.closest(selector)) return\n send(\"POINTER_LEAVE\")\n })\n },\n trackEscapeKey(ctx, _evt, { send }) {\n if (!ctx.closeOnEsc) return\n const doc = dom.getDoc(ctx)\n return addDomEvent(doc, \"keydown\", (event) => {\n if (event.key === \"Escape\") {\n send(\"ESCAPE\")\n }\n })\n },\n },\n actions: {\n setGlobalId(ctx) {\n store.setId(ctx.id)\n },\n clearGlobalId(ctx) {\n if (ctx.id === store.id) {\n store.setId(null)\n }\n },\n invokeOnOpen(ctx, evt) {\n const omit = [\"CONTENT.POINTER_MOVE\", \"POINTER_MOVE\"]\n if (!omit.includes(evt.type)) {\n ctx.onOpen?.()\n }\n },\n invokeOnClose(ctx) {\n ctx.onClose?.()\n },\n closeIfDisabled(ctx, _evt, { send }) {\n if (!ctx.disabled) return\n send(\"CLOSE\")\n },\n setPositioning(ctx, evt) {\n const getPositionerEl = () => dom.getPositionerEl(ctx)\n getPlacement(dom.getTriggerEl(ctx), getPositionerEl, {\n ...ctx.positioning,\n ...evt.options,\n defer: true,\n listeners: false,\n })\n },\n toggleVisibility(ctx, _evt, { send }) {\n send({ type: ctx.open ? \"OPEN\" : \"CLOSE\", src: \"controlled\" })\n },\n setPointerMoveOpened(ctx) {\n ctx.hasPointerMoveOpened = true\n },\n clearPointerMoveOpened(ctx) {\n ctx.hasPointerMoveOpened = false\n },\n },\n guards: {\n closeOnPointerDown: (ctx) => ctx.closeOnPointerDown,\n noVisibleTooltip: () => store.id === null,\n isVisible: (ctx) => ctx.id === store.id,\n isInteractive: (ctx) => ctx.interactive,\n hasPointerMoveOpened: (ctx) => !!ctx.hasPointerMoveOpened,\n },\n delays: {\n OPEN_DELAY: (ctx) => ctx.openDelay,\n CLOSE_DELAY: (ctx) => ctx.closeDelay,\n },\n },\n )\n}\n"],"mappings":"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","names":["ctx"]}
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@zag-js/tooltip",
3
- "version": "0.0.0-dev-20230710092359",
3
+ "version": "0.0.0-dev-20230710134345",
4
4
  "description": "Core logic for the tooltip widget implemented as a state machine",
5
5
  "keywords": [
6
6
  "js",
@@ -27,14 +27,14 @@
27
27
  "url": "https://github.com/chakra-ui/zag/issues"
28
28
  },
29
29
  "dependencies": {
30
- "@zag-js/anatomy": "0.0.0-dev-20230710092359",
31
- "@zag-js/core": "0.0.0-dev-20230710092359",
32
- "@zag-js/popper": "0.0.0-dev-20230710092359",
33
- "@zag-js/dom-query": "0.0.0-dev-20230710092359",
34
- "@zag-js/dom-event": "0.0.0-dev-20230710092359",
35
- "@zag-js/utils": "0.0.0-dev-20230710092359",
36
- "@zag-js/visually-hidden": "0.0.0-dev-20230710092359",
37
- "@zag-js/types": "0.0.0-dev-20230710092359"
30
+ "@zag-js/anatomy": "0.0.0-dev-20230710134345",
31
+ "@zag-js/core": "0.0.0-dev-20230710134345",
32
+ "@zag-js/popper": "0.0.0-dev-20230710134345",
33
+ "@zag-js/dom-query": "0.0.0-dev-20230710134345",
34
+ "@zag-js/dom-event": "0.0.0-dev-20230710134345",
35
+ "@zag-js/utils": "0.0.0-dev-20230710134345",
36
+ "@zag-js/visually-hidden": "0.0.0-dev-20230710134345",
37
+ "@zag-js/types": "0.0.0-dev-20230710134345"
38
38
  },
39
39
  "devDependencies": {
40
40
  "clean-package": "2.2.0"
package/src/tooltip.connect.ts CHANGED
@@ -77,9 +77,9 @@ export function connect<T extends PropTypes>(state: State, send: Send, normalize
77
77
  send("POINTER_DOWN")
78
78
  }
79
79
  },
80
- onPointerMove() {
81
- if (isDisabled) return
82
- send("POINTER_ENTER")
80
+ onPointerMove(event) {
81
+ if (isDisabled || event.pointerType === "touch") return
82
+ send("POINTER_MOVE")
83
83
  },
84
84
  onPointerLeave() {
85
85
  if (isDisabled) return
@@ -115,10 +115,10 @@ export function connect<T extends PropTypes>(state: State, send: Send, normalize
115
115
  id: hasAriaLabel ? undefined : contentId,
116
116
  "data-placement": state.context.currentPlacement,
117
117
  onPointerEnter() {
118
- send("TOOLTIP_POINTER_ENTER")
118
+ send("CONTENT.POINTER_MOVE")
119
119
  },
120
120
  onPointerLeave() {
121
- send("TOOLTIP_POINTER_LEAVE")
121
+ send("CONTENT.POINTER_LEAVE")
122
122
  },
123
123
  style: {
124
124
  pointerEvents: state.context.interactive ? "auto" : "none",
package/src/tooltip.machine.ts CHANGED
@@ -1,4 +1,4 @@
1
- import { createMachine, subscribe } from "@zag-js/core"
1
+ import { createMachine, subscribe, guards } from "@zag-js/core"
2
2
  import { addDomEvent } from "@zag-js/dom-event"
3
3
  import { getScrollParents, isHTMLElement, isSafari } from "@zag-js/dom-query"
4
4
  import { getPlacement } from "@zag-js/popper"
@@ -7,6 +7,8 @@ import { dom } from "./tooltip.dom"
7
7
  import { store } from "./tooltip.store"
8
8
  import type { MachineContext, MachineState, UserDefinedContext } from "./tooltip.types"
9
9
 
10
+ const { and, not } = guards
11
+
10
12
  export function machine(userContext: UserDefinedContext) {
11
13
  const ctx = compact(userContext)
12
14
  return createMachine<MachineContext, MachineState>(
@@ -22,6 +24,7 @@ export function machine(userContext: UserDefinedContext) {
22
24
  interactive: true,
23
25
  currentPlacement: undefined,
24
26
  ...ctx,
27
+ hasPointerMoveOpened: false,
25
28
  positioning: {
26
29
  placement: "bottom",
27
30
  ...ctx.positioning,
@@ -48,12 +51,19 @@ export function machine(userContext: UserDefinedContext) {
48
51
  entry: ["clearGlobalId", "invokeOnClose"],
49
52
  on: {
50
53
  FOCUS: "open",
51
- POINTER_ENTER: [
54
+ POINTER_LEAVE: {
55
+ actions: ["clearPointerMoveOpened"],
56
+ },
57
+ POINTER_MOVE: [
52
58
  {
53
- guard: "noVisibleTooltip",
59
+ guard: and("noVisibleTooltip", not("hasPointerMoveOpened")),
54
60
  target: "opening",
55
61
  },
56
- { target: "open" },
62
+ {
63
+ guard: not("hasPointerMoveOpened"),
64
+ target: "open",
65
+ actions: ["setPointerMoveOpened"],
66
+ },
57
67
  ],
58
68
  },
59
69
  },
@@ -62,10 +72,16 @@ export function machine(userContext: UserDefinedContext) {
62
72
  tags: ["closed"],
63
73
  activities: ["trackScroll", "trackPointerlockChange"],
64
74
  after: {
65
- OPEN_DELAY: "open",
75
+ OPEN_DELAY: {
76
+ target: "open",
77
+ actions: ["setPointerMoveOpened"],
78
+ },
66
79
  },
67
80
  on: {
68
- POINTER_LEAVE: "closed",
81
+ POINTER_LEAVE: {
82
+ target: "closed",
83
+ actions: ["clearPointerMoveOpened"],
84
+ },
69
85
  BLUR: "closed",
70
86
  SCROLL: "closed",
71
87
  POINTER_LOCK_CHANGE: "closed",
@@ -91,14 +107,18 @@ export function machine(userContext: UserDefinedContext) {
91
107
  {
92
108
  guard: "isVisible",
93
109
  target: "closing",
110
+ actions: ["clearPointerMoveOpened"],
111
+ },
112
+ {
113
+ target: "closed",
114
+ actions: ["clearPointerMoveOpened"],
94
115
  },
95
- { target: "closed" },
96
116
  ],
97
117
  BLUR: "closed",
98
118
  ESCAPE: "closed",
99
119
  SCROLL: "closed",
100
120
  POINTER_LOCK_CHANGE: "closed",
101
- TOOLTIP_POINTER_LEAVE: {
121
+ "CONTENT.POINTER_LEAVE": {
102
122
  guard: "isInteractive",
103
123
  target: "closing",
104
124
  },
@@ -121,8 +141,11 @@ export function machine(userContext: UserDefinedContext) {
121
141
  },
122
142
  on: {
123
143
  FORCE_CLOSE: "closed",
124
- POINTER_ENTER: "open",
125
- TOOLTIP_POINTER_ENTER: {
144
+ POINTER_MOVE: {
145
+ target: "open",
146
+ actions: ["setPointerMoveOpened"],
147
+ },
148
+ "CONTENT.POINTER_MOVE": {
126
149
  guard: "isInteractive",
127
150
  target: "open",
128
151
  },
@@ -197,7 +220,7 @@ export function machine(userContext: UserDefinedContext) {
197
220
  }
198
221
  },
199
222
  invokeOnOpen(ctx, evt) {
200
- const omit = ["TOOLTIP_POINTER_ENTER", "POINTER_ENTER"]
223
+ const omit = ["CONTENT.POINTER_MOVE", "POINTER_MOVE"]
201
224
  if (!omit.includes(evt.type)) {
202
225
  ctx.onOpen?.()
203
226
  }
@@ -206,9 +229,8 @@ export function machine(userContext: UserDefinedContext) {
206
229
  ctx.onClose?.()
207
230
  },
208
231
  closeIfDisabled(ctx, _evt, { send }) {
209
- if (ctx.disabled) {
210
- send("CLOSE")
211
- }
232
+ if (!ctx.disabled) return
233
+ send("CLOSE")
212
234
  },
213
235
  setPositioning(ctx, evt) {
214
236
  const getPositionerEl = () => dom.getPositionerEl(ctx)
@@ -222,12 +244,19 @@ export function machine(userContext: UserDefinedContext) {
222
244
  toggleVisibility(ctx, _evt, { send }) {
223
245
  send({ type: ctx.open ? "OPEN" : "CLOSE", src: "controlled" })
224
246
  },
247
+ setPointerMoveOpened(ctx) {
248
+ ctx.hasPointerMoveOpened = true
249
+ },
250
+ clearPointerMoveOpened(ctx) {
251
+ ctx.hasPointerMoveOpened = false
252
+ },
225
253
  },
226
254
  guards: {
227
255
  closeOnPointerDown: (ctx) => ctx.closeOnPointerDown,
228
256
  noVisibleTooltip: () => store.id === null,
229
257
  isVisible: (ctx) => ctx.id === store.id,
230
258
  isInteractive: (ctx) => ctx.interactive,
259
+ hasPointerMoveOpened: (ctx) => !!ctx.hasPointerMoveOpened,
231
260
  },
232
261
  delays: {
233
262
  OPEN_DELAY: (ctx) => ctx.openDelay,
package/src/tooltip.types.ts CHANGED
@@ -81,6 +81,11 @@ type PrivateContext = RootProperties & {
81
81
  * The computed placement of the tooltip.
82
82
  */
83
83
  currentPlacement?: Placement
84
+ /**
85
+ * @internal
86
+ * Whether the pointermove already opened the tooltip.
87
+ */
88
+ hasPointerMoveOpened?: boolean
84
89
  }
85
90
 
86
91
  export type MachineContext = PublicContext & ComputedContext & PrivateContext