@zag-js/tooltip 0.69.0 → 0.71.0
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.
- package/dist/index.js +35 -81
- package/dist/index.mjs +11 -32
- package/package.json +10 -11
- package/dist/index.js.map +0 -1
- package/dist/index.mjs.map +0 -1
- package/src/index.ts +0 -13
- package/src/tooltip.anatomy.ts +0 -4
- package/src/tooltip.connect.ts +0 -136
- package/src/tooltip.dom.ts +0 -14
- package/src/tooltip.machine.ts +0 -318
- package/src/tooltip.props.ts +0 -25
- package/src/tooltip.store.ts +0 -18
- package/src/tooltip.types.ts +0 -161
package/dist/index.js
CHANGED
|
@@ -1,46 +1,18 @@
|
|
|
1
|
-
|
|
2
|
-
var __defProp = Object.defineProperty;
|
|
3
|
-
var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
|
|
4
|
-
var __getOwnPropNames = Object.getOwnPropertyNames;
|
|
5
|
-
var __hasOwnProp = Object.prototype.hasOwnProperty;
|
|
6
|
-
var __export = (target, all) => {
|
|
7
|
-
for (var name in all)
|
|
8
|
-
__defProp(target, name, { get: all[name], enumerable: true });
|
|
9
|
-
};
|
|
10
|
-
var __copyProps = (to, from, except, desc) => {
|
|
11
|
-
if (from && typeof from === "object" || typeof from === "function") {
|
|
12
|
-
for (let key of __getOwnPropNames(from))
|
|
13
|
-
if (!__hasOwnProp.call(to, key) && key !== except)
|
|
14
|
-
__defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
|
|
15
|
-
}
|
|
16
|
-
return to;
|
|
17
|
-
};
|
|
18
|
-
var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
|
|
1
|
+
'use strict';
|
|
19
2
|
|
|
20
|
-
|
|
21
|
-
var
|
|
22
|
-
|
|
23
|
-
|
|
24
|
-
|
|
25
|
-
|
|
26
|
-
|
|
27
|
-
|
|
28
|
-
});
|
|
29
|
-
module.exports = __toCommonJS(src_exports);
|
|
3
|
+
var anatomy$1 = require('@zag-js/anatomy');
|
|
4
|
+
var domQuery = require('@zag-js/dom-query');
|
|
5
|
+
var focusVisible = require('@zag-js/focus-visible');
|
|
6
|
+
var popper = require('@zag-js/popper');
|
|
7
|
+
var core = require('@zag-js/core');
|
|
8
|
+
var domEvent = require('@zag-js/dom-event');
|
|
9
|
+
var utils = require('@zag-js/utils');
|
|
10
|
+
var types = require('@zag-js/types');
|
|
30
11
|
|
|
31
12
|
// src/tooltip.anatomy.ts
|
|
32
|
-
var
|
|
33
|
-
var anatomy = (0, import_anatomy.createAnatomy)("tooltip").parts("trigger", "arrow", "arrowTip", "positioner", "content");
|
|
13
|
+
var anatomy = anatomy$1.createAnatomy("tooltip").parts("trigger", "arrow", "arrowTip", "positioner", "content");
|
|
34
14
|
var parts = anatomy.build();
|
|
35
|
-
|
|
36
|
-
// src/tooltip.connect.ts
|
|
37
|
-
var import_dom_query2 = require("@zag-js/dom-query");
|
|
38
|
-
var import_focus_visible = require("@zag-js/focus-visible");
|
|
39
|
-
var import_popper = require("@zag-js/popper");
|
|
40
|
-
|
|
41
|
-
// src/tooltip.dom.ts
|
|
42
|
-
var import_dom_query = require("@zag-js/dom-query");
|
|
43
|
-
var dom = (0, import_dom_query.createScope)({
|
|
15
|
+
var dom = domQuery.createScope({
|
|
44
16
|
getTriggerId: (ctx) => ctx.ids?.trigger ?? `tooltip:${ctx.id}:trigger`,
|
|
45
17
|
getContentId: (ctx) => ctx.ids?.content ?? `tooltip:${ctx.id}:content`,
|
|
46
18
|
getArrowId: (ctx) => ctx.ids?.arrow ?? `tooltip:${ctx.id}:arrow`,
|
|
@@ -50,10 +22,7 @@ var dom = (0, import_dom_query.createScope)({
|
|
|
50
22
|
getPositionerEl: (ctx) => dom.getById(ctx, dom.getPositionerId(ctx)),
|
|
51
23
|
getArrowEl: (ctx) => dom.getById(ctx, dom.getArrowId(ctx))
|
|
52
24
|
});
|
|
53
|
-
|
|
54
|
-
// src/tooltip.store.ts
|
|
55
|
-
var import_core = require("@zag-js/core");
|
|
56
|
-
var store = (0, import_core.proxy)({
|
|
25
|
+
var store = core.proxy({
|
|
57
26
|
id: null,
|
|
58
27
|
prevId: null,
|
|
59
28
|
setId(val) {
|
|
@@ -70,7 +39,7 @@ function connect(state, send, normalize) {
|
|
|
70
39
|
const triggerId = dom.getTriggerId(state.context);
|
|
71
40
|
const contentId = dom.getContentId(state.context);
|
|
72
41
|
const disabled = state.context.disabled;
|
|
73
|
-
const popperStyles =
|
|
42
|
+
const popperStyles = popper.getPlacementStyles({
|
|
74
43
|
...state.context.positioning,
|
|
75
44
|
placement: state.context.currentPlacement
|
|
76
45
|
});
|
|
@@ -88,7 +57,7 @@ function connect(state, send, normalize) {
|
|
|
88
57
|
...parts.trigger.attrs,
|
|
89
58
|
id: triggerId,
|
|
90
59
|
dir: state.context.dir,
|
|
91
|
-
"data-expanded":
|
|
60
|
+
"data-expanded": domQuery.dataAttr(open),
|
|
92
61
|
"data-state": open ? "open" : "closed",
|
|
93
62
|
"aria-describedby": open ? contentId : void 0,
|
|
94
63
|
onClick(event) {
|
|
@@ -101,7 +70,7 @@ function connect(state, send, normalize) {
|
|
|
101
70
|
if (event.defaultPrevented) return;
|
|
102
71
|
if (disabled) return;
|
|
103
72
|
if (state.event.src === "trigger.pointerdown") return;
|
|
104
|
-
if (!
|
|
73
|
+
if (!focusVisible.isFocusVisible()) return;
|
|
105
74
|
send({ type: "OPEN", src: "trigger.focus" });
|
|
106
75
|
},
|
|
107
76
|
onBlur(event) {
|
|
@@ -180,18 +149,10 @@ function connect(state, send, normalize) {
|
|
|
180
149
|
}
|
|
181
150
|
};
|
|
182
151
|
}
|
|
183
|
-
|
|
184
|
-
// src/tooltip.machine.ts
|
|
185
|
-
var import_core2 = require("@zag-js/core");
|
|
186
|
-
var import_dom_event = require("@zag-js/dom-event");
|
|
187
|
-
var import_dom_query3 = require("@zag-js/dom-query");
|
|
188
|
-
var import_focus_visible2 = require("@zag-js/focus-visible");
|
|
189
|
-
var import_popper2 = require("@zag-js/popper");
|
|
190
|
-
var import_utils = require("@zag-js/utils");
|
|
191
|
-
var { and, not } = import_core2.guards;
|
|
152
|
+
var { and, not } = core.guards;
|
|
192
153
|
function machine(userContext) {
|
|
193
|
-
const ctx =
|
|
194
|
-
return
|
|
154
|
+
const ctx = utils.compact(userContext);
|
|
155
|
+
return core.createMachine(
|
|
195
156
|
{
|
|
196
157
|
id: "tooltip",
|
|
197
158
|
initial: ctx.open ? "open" : "closed",
|
|
@@ -376,12 +337,12 @@ function machine(userContext) {
|
|
|
376
337
|
{
|
|
377
338
|
activities: {
|
|
378
339
|
trackFocusVisible(ctx2) {
|
|
379
|
-
return
|
|
340
|
+
return focusVisible.trackFocusVisible({ root: dom.getRootNode(ctx2) });
|
|
380
341
|
},
|
|
381
342
|
trackPositioning(ctx2) {
|
|
382
343
|
ctx2.currentPlacement = ctx2.positioning.placement;
|
|
383
344
|
const getPositionerEl = () => dom.getPositionerEl(ctx2);
|
|
384
|
-
return
|
|
345
|
+
return popper.getPlacement(dom.getTriggerEl(ctx2), getPositionerEl, {
|
|
385
346
|
...ctx2.positioning,
|
|
386
347
|
defer: true,
|
|
387
348
|
onComplete(data) {
|
|
@@ -391,25 +352,25 @@ function machine(userContext) {
|
|
|
391
352
|
},
|
|
392
353
|
trackPointerlockChange(ctx2, _evt, { send }) {
|
|
393
354
|
const onChange = () => send({ type: "CLOSE", src: "pointerlock:change" });
|
|
394
|
-
return
|
|
355
|
+
return domEvent.addDomEvent(dom.getDoc(ctx2), "pointerlockchange", onChange, false);
|
|
395
356
|
},
|
|
396
357
|
trackScroll(ctx2, _evt, { send }) {
|
|
397
358
|
if (!ctx2.closeOnScroll) return;
|
|
398
359
|
const triggerEl = dom.getTriggerEl(ctx2);
|
|
399
360
|
if (!triggerEl) return;
|
|
400
|
-
const overflowParents =
|
|
361
|
+
const overflowParents = domQuery.getOverflowAncestors(triggerEl);
|
|
401
362
|
const cleanups = overflowParents.map((overflowParent) => {
|
|
402
363
|
const onScroll = () => {
|
|
403
364
|
send({ type: "CLOSE", src: "scroll" });
|
|
404
365
|
};
|
|
405
|
-
return
|
|
366
|
+
return domEvent.addDomEvent(overflowParent, "scroll", onScroll, { passive: true, capture: true });
|
|
406
367
|
});
|
|
407
368
|
return () => {
|
|
408
369
|
cleanups.forEach((fn) => fn?.());
|
|
409
370
|
};
|
|
410
371
|
},
|
|
411
372
|
trackStore(ctx2, _evt, { send }) {
|
|
412
|
-
return
|
|
373
|
+
return core.subscribe(store, () => {
|
|
413
374
|
if (store.id !== ctx2.id) {
|
|
414
375
|
send({ type: "CLOSE", src: "id.change" });
|
|
415
376
|
}
|
|
@@ -418,12 +379,12 @@ function machine(userContext) {
|
|
|
418
379
|
trackEscapeKey(ctx2, _evt, { send }) {
|
|
419
380
|
if (!ctx2.closeOnEscape) return;
|
|
420
381
|
const onKeyDown = (event) => {
|
|
421
|
-
if (
|
|
382
|
+
if (domQuery.isComposingEvent(event)) return;
|
|
422
383
|
if (event.key !== "Escape") return;
|
|
423
384
|
event.stopPropagation();
|
|
424
385
|
send({ type: "CLOSE", src: "keydown.escape" });
|
|
425
386
|
};
|
|
426
|
-
return
|
|
387
|
+
return domEvent.addDomEvent(dom.getDoc(ctx2), "keydown", onKeyDown, true);
|
|
427
388
|
}
|
|
428
389
|
},
|
|
429
390
|
actions: {
|
|
@@ -447,7 +408,7 @@ function machine(userContext) {
|
|
|
447
408
|
},
|
|
448
409
|
reposition(ctx2, evt) {
|
|
449
410
|
const getPositionerEl = () => dom.getPositionerEl(ctx2);
|
|
450
|
-
|
|
411
|
+
popper.getPlacement(dom.getTriggerEl(ctx2), getPositionerEl, {
|
|
451
412
|
...ctx2.positioning,
|
|
452
413
|
...evt.options,
|
|
453
414
|
defer: true,
|
|
@@ -481,11 +442,7 @@ function machine(userContext) {
|
|
|
481
442
|
}
|
|
482
443
|
);
|
|
483
444
|
}
|
|
484
|
-
|
|
485
|
-
// src/tooltip.props.ts
|
|
486
|
-
var import_types = require("@zag-js/types");
|
|
487
|
-
var import_utils2 = require("@zag-js/utils");
|
|
488
|
-
var props = (0, import_types.createProps)()([
|
|
445
|
+
var props = types.createProps()([
|
|
489
446
|
"aria-label",
|
|
490
447
|
"closeDelay",
|
|
491
448
|
"closeOnEscape",
|
|
@@ -504,13 +461,10 @@ var props = (0, import_types.createProps)()([
|
|
|
504
461
|
"openDelay",
|
|
505
462
|
"positioning"
|
|
506
463
|
]);
|
|
507
|
-
var splitProps =
|
|
508
|
-
|
|
509
|
-
|
|
510
|
-
|
|
511
|
-
|
|
512
|
-
|
|
513
|
-
|
|
514
|
-
splitProps
|
|
515
|
-
});
|
|
516
|
-
//# sourceMappingURL=index.js.map
|
|
464
|
+
var splitProps = utils.createSplitProps(props);
|
|
465
|
+
|
|
466
|
+
exports.anatomy = anatomy;
|
|
467
|
+
exports.connect = connect;
|
|
468
|
+
exports.machine = machine;
|
|
469
|
+
exports.props = props;
|
|
470
|
+
exports.splitProps = splitProps;
|
package/dist/index.mjs
CHANGED
|
@@ -1,15 +1,15 @@
|
|
|
1
|
+
import { createAnatomy } from '@zag-js/anatomy';
|
|
2
|
+
import { createScope, dataAttr, getOverflowAncestors, isComposingEvent } from '@zag-js/dom-query';
|
|
3
|
+
import { isFocusVisible, trackFocusVisible } from '@zag-js/focus-visible';
|
|
4
|
+
import { getPlacementStyles, getPlacement } from '@zag-js/popper';
|
|
5
|
+
import { proxy, createMachine, subscribe, guards } from '@zag-js/core';
|
|
6
|
+
import { addDomEvent } from '@zag-js/dom-event';
|
|
7
|
+
import { createSplitProps, compact } from '@zag-js/utils';
|
|
8
|
+
import { createProps } from '@zag-js/types';
|
|
9
|
+
|
|
1
10
|
// src/tooltip.anatomy.ts
|
|
2
|
-
import { createAnatomy } from "@zag-js/anatomy";
|
|
3
11
|
var anatomy = createAnatomy("tooltip").parts("trigger", "arrow", "arrowTip", "positioner", "content");
|
|
4
12
|
var parts = anatomy.build();
|
|
5
|
-
|
|
6
|
-
// src/tooltip.connect.ts
|
|
7
|
-
import { dataAttr } from "@zag-js/dom-query";
|
|
8
|
-
import { isFocusVisible } from "@zag-js/focus-visible";
|
|
9
|
-
import { getPlacementStyles } from "@zag-js/popper";
|
|
10
|
-
|
|
11
|
-
// src/tooltip.dom.ts
|
|
12
|
-
import { createScope } from "@zag-js/dom-query";
|
|
13
13
|
var dom = createScope({
|
|
14
14
|
getTriggerId: (ctx) => ctx.ids?.trigger ?? `tooltip:${ctx.id}:trigger`,
|
|
15
15
|
getContentId: (ctx) => ctx.ids?.content ?? `tooltip:${ctx.id}:content`,
|
|
@@ -20,9 +20,6 @@ var dom = createScope({
|
|
|
20
20
|
getPositionerEl: (ctx) => dom.getById(ctx, dom.getPositionerId(ctx)),
|
|
21
21
|
getArrowEl: (ctx) => dom.getById(ctx, dom.getArrowId(ctx))
|
|
22
22
|
});
|
|
23
|
-
|
|
24
|
-
// src/tooltip.store.ts
|
|
25
|
-
import { proxy } from "@zag-js/core";
|
|
26
23
|
var store = proxy({
|
|
27
24
|
id: null,
|
|
28
25
|
prevId: null,
|
|
@@ -150,14 +147,6 @@ function connect(state, send, normalize) {
|
|
|
150
147
|
}
|
|
151
148
|
};
|
|
152
149
|
}
|
|
153
|
-
|
|
154
|
-
// src/tooltip.machine.ts
|
|
155
|
-
import { createMachine, guards, subscribe } from "@zag-js/core";
|
|
156
|
-
import { addDomEvent } from "@zag-js/dom-event";
|
|
157
|
-
import { getOverflowAncestors, isComposingEvent } from "@zag-js/dom-query";
|
|
158
|
-
import { trackFocusVisible } from "@zag-js/focus-visible";
|
|
159
|
-
import { getPlacement } from "@zag-js/popper";
|
|
160
|
-
import { compact } from "@zag-js/utils";
|
|
161
150
|
var { and, not } = guards;
|
|
162
151
|
function machine(userContext) {
|
|
163
152
|
const ctx = compact(userContext);
|
|
@@ -451,10 +440,6 @@ function machine(userContext) {
|
|
|
451
440
|
}
|
|
452
441
|
);
|
|
453
442
|
}
|
|
454
|
-
|
|
455
|
-
// src/tooltip.props.ts
|
|
456
|
-
import { createProps } from "@zag-js/types";
|
|
457
|
-
import { createSplitProps } from "@zag-js/utils";
|
|
458
443
|
var props = createProps()([
|
|
459
444
|
"aria-label",
|
|
460
445
|
"closeDelay",
|
|
@@ -475,11 +460,5 @@ var props = createProps()([
|
|
|
475
460
|
"positioning"
|
|
476
461
|
]);
|
|
477
462
|
var splitProps = createSplitProps(props);
|
|
478
|
-
|
|
479
|
-
|
|
480
|
-
connect,
|
|
481
|
-
machine,
|
|
482
|
-
props,
|
|
483
|
-
splitProps
|
|
484
|
-
};
|
|
485
|
-
//# sourceMappingURL=index.mjs.map
|
|
463
|
+
|
|
464
|
+
export { anatomy, connect, machine, props, splitProps };
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@zag-js/tooltip",
|
|
3
|
-
"version": "0.
|
|
3
|
+
"version": "0.71.0",
|
|
4
4
|
"description": "Core logic for the tooltip widget implemented as a state machine",
|
|
5
5
|
"keywords": [
|
|
6
6
|
"js",
|
|
@@ -17,8 +17,7 @@
|
|
|
17
17
|
"repository": "https://github.com/chakra-ui/zag/tree/main/packages/tooltip",
|
|
18
18
|
"sideEffects": false,
|
|
19
19
|
"files": [
|
|
20
|
-
"dist"
|
|
21
|
-
"src"
|
|
20
|
+
"dist"
|
|
22
21
|
],
|
|
23
22
|
"publishConfig": {
|
|
24
23
|
"access": "public"
|
|
@@ -27,14 +26,14 @@
|
|
|
27
26
|
"url": "https://github.com/chakra-ui/zag/issues"
|
|
28
27
|
},
|
|
29
28
|
"dependencies": {
|
|
30
|
-
"@zag-js/anatomy": "0.
|
|
31
|
-
"@zag-js/core": "0.
|
|
32
|
-
"@zag-js/popper": "0.
|
|
33
|
-
"@zag-js/focus-visible": "0.
|
|
34
|
-
"@zag-js/dom-query": "0.
|
|
35
|
-
"@zag-js/dom-event": "0.
|
|
36
|
-
"@zag-js/utils": "0.
|
|
37
|
-
"@zag-js/types": "0.
|
|
29
|
+
"@zag-js/anatomy": "0.71.0",
|
|
30
|
+
"@zag-js/core": "0.71.0",
|
|
31
|
+
"@zag-js/popper": "0.71.0",
|
|
32
|
+
"@zag-js/focus-visible": "0.71.0",
|
|
33
|
+
"@zag-js/dom-query": "0.71.0",
|
|
34
|
+
"@zag-js/dom-event": "0.71.0",
|
|
35
|
+
"@zag-js/utils": "0.71.0",
|
|
36
|
+
"@zag-js/types": "0.71.0"
|
|
38
37
|
},
|
|
39
38
|
"devDependencies": {
|
|
40
39
|
"clean-package": "2.2.0"
|
package/dist/index.js.map
DELETED
|
@@ -1 +0,0 @@
|
|
|
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","../src/tooltip.props.ts"],"sourcesContent":["export { anatomy } from \"./tooltip.anatomy\"\nexport { connect } from \"./tooltip.connect\"\nexport { machine } from \"./tooltip.machine\"\nexport * from \"./tooltip.props\"\nexport type {\n MachineApi as Api,\n UserDefinedContext as Context,\n ElementIds,\n OpenChangeDetails,\n Placement,\n PositioningOptions,\n Service,\n} from \"./tooltip.types\"\n","import { createAnatomy } from \"@zag-js/anatomy\"\n\nexport const anatomy = createAnatomy(\"tooltip\").parts(\"trigger\", \"arrow\", \"arrowTip\", \"positioner\", \"content\")\nexport const parts = anatomy.build()\n","import { dataAttr } from \"@zag-js/dom-query\"\nimport { isFocusVisible } from \"@zag-js/focus-visible\"\nimport { getPlacementStyles } from \"@zag-js/popper\"\nimport type { NormalizeProps, PropTypes } from \"@zag-js/types\"\nimport { parts } from \"./tooltip.anatomy\"\nimport { dom } from \"./tooltip.dom\"\nimport { store } from \"./tooltip.store\"\nimport type { MachineApi, Send, State } from \"./tooltip.types\"\n\nexport function connect<T extends PropTypes>(state: State, send: Send, normalize: NormalizeProps<T>): MachineApi<T> {\n const id = state.context.id\n const hasAriaLabel = state.context.hasAriaLabel\n\n const open = state.hasTag(\"open\")\n\n const triggerId = dom.getTriggerId(state.context)\n const contentId = dom.getContentId(state.context)\n\n const disabled = state.context.disabled\n\n const popperStyles = getPlacementStyles({\n ...state.context.positioning,\n placement: state.context.currentPlacement,\n })\n\n return {\n open: open,\n setOpen(nextOpen) {\n if (nextOpen === open) return\n send(nextOpen ? \"OPEN\" : \"CLOSE\")\n },\n reposition(options = {}) {\n send({ type: \"POSITIONING.SET\", options })\n },\n\n getTriggerProps() {\n return normalize.button({\n ...parts.trigger.attrs,\n id: triggerId,\n dir: state.context.dir,\n \"data-expanded\": dataAttr(open),\n \"data-state\": open ? \"open\" : \"closed\",\n \"aria-describedby\": open ? contentId : undefined,\n onClick(event) {\n if (event.defaultPrevented) return\n if (disabled) return\n if (!state.context.closeOnClick) return\n send({ type: \"CLOSE\", src: \"trigger.click\" })\n },\n onFocus(event) {\n if (event.defaultPrevented) return\n if (disabled) return\n if (state.event.src === \"trigger.pointerdown\") return\n if (!isFocusVisible()) return\n send({ type: \"OPEN\", src: \"trigger.focus\" })\n },\n onBlur(event) {\n if (event.defaultPrevented) return\n if (disabled) return\n if (id === store.id) {\n send({ type: \"CLOSE\", src: \"trigger.blur\" })\n }\n },\n onPointerDown(event) {\n if (event.defaultPrevented) return\n if (disabled) return\n if (!state.context.closeOnPointerDown) return\n if (id === store.id) {\n send({ type: \"CLOSE\", src: \"trigger.pointerdown\" })\n }\n },\n onPointerMove(event) {\n if (event.defaultPrevented) return\n if (disabled) return\n if (event.pointerType === \"touch\") return\n send(\"POINTER_MOVE\")\n },\n onPointerLeave() {\n if (disabled) return\n send(\"POINTER_LEAVE\")\n },\n onPointerCancel() {\n if (disabled) return\n send(\"POINTER_LEAVE\")\n },\n })\n },\n\n getArrowProps() {\n return normalize.element({\n id: dom.getArrowId(state.context),\n ...parts.arrow.attrs,\n dir: state.context.dir,\n style: popperStyles.arrow,\n })\n },\n\n getArrowTipProps() {\n return normalize.element({\n ...parts.arrowTip.attrs,\n dir: state.context.dir,\n style: popperStyles.arrowTip,\n })\n },\n\n getPositionerProps() {\n return normalize.element({\n id: dom.getPositionerId(state.context),\n ...parts.positioner.attrs,\n dir: state.context.dir,\n style: popperStyles.floating,\n })\n },\n\n getContentProps() {\n return normalize.element({\n ...parts.content.attrs,\n dir: state.context.dir,\n hidden: !open,\n \"data-state\": open ? \"open\" : \"closed\",\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 }\n}\n","import { createScope } 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})\n","import { proxy } from \"@zag-js/core\"\n\ntype Id = string | null\n\ninterface TooltipStore {\n id: Id\n prevId: Id\n setId: (val: Id) => void\n}\n\nexport const store = proxy<TooltipStore>({\n id: null,\n prevId: null,\n setId(val) {\n this.prevId = this.id\n this.id = val\n },\n})\n","import { createMachine, guards, subscribe } from \"@zag-js/core\"\nimport { addDomEvent } from \"@zag-js/dom-event\"\nimport { getOverflowAncestors, isComposingEvent } from \"@zag-js/dom-query\"\nimport { trackFocusVisible } from \"@zag-js/focus-visible\"\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: ctx.open ? \"open\" : \"closed\",\n\n activities: [\"trackFocusVisible\"],\n\n context: {\n openDelay: 1000,\n closeDelay: 500,\n closeOnPointerDown: true,\n closeOnEscape: true,\n interactive: false,\n closeOnScroll: true,\n closeOnClick: true,\n ...ctx,\n currentPlacement: undefined,\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 states: {\n closed: {\n tags: [\"closed\"],\n entry: [\"clearGlobalId\"],\n on: {\n \"CONTROLLED.OPEN\": \"open\",\n OPEN: {\n target: \"open\",\n actions: [\"invokeOnOpen\"],\n },\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\", \"invokeOnOpen\"],\n },\n ],\n },\n },\n\n opening: {\n tags: [\"closed\"],\n activities: [\"trackScroll\", \"trackPointerlockChange\"],\n after: {\n OPEN_DELAY: [\n {\n guard: \"isOpenControlled\",\n actions: [\"setPointerMoveOpened\", \"invokeOnOpen\"],\n },\n {\n target: \"open\",\n actions: [\"setPointerMoveOpened\", \"invokeOnOpen\"],\n },\n ],\n },\n on: {\n \"CONTROLLED.OPEN\": \"open\",\n \"CONTROLLED.CLOSE\": \"closed\",\n OPEN: [\n {\n guard: \"isOpenControlled\",\n actions: [\"invokeOnOpen\"],\n },\n {\n target: \"open\",\n actions: [\"invokeOnOpen\"],\n },\n ],\n POINTER_LEAVE: [\n {\n guard: \"isOpenControlled\",\n actions: [\"clearPointerMoveOpened\", \"invokeOnClose\"],\n },\n {\n target: \"closed\",\n actions: [\"clearPointerMoveOpened\", \"invokeOnClose\"],\n },\n ],\n CLOSE: {\n target: \"closed\",\n actions: [\"invokeOnClose\"],\n },\n },\n },\n\n open: {\n tags: [\"open\"],\n activities: [\"trackEscapeKey\", \"trackScroll\", \"trackPointerlockChange\", \"trackPositioning\"],\n entry: [\"setGlobalId\"],\n on: {\n \"CONTROLLED.CLOSE\": \"closed\",\n CLOSE: {\n target: \"closed\",\n actions: [\"invokeOnClose\"],\n },\n POINTER_LEAVE: [\n {\n guard: \"isVisible\",\n target: \"closing\",\n actions: [\"clearPointerMoveOpened\"],\n },\n // == group ==\n {\n guard: \"isOpenControlled\",\n actions: [\"clearPointerMoveOpened\", \"invokeOnClose\"],\n },\n {\n target: \"closed\",\n actions: [\"clearPointerMoveOpened\", \"invokeOnClose\"],\n },\n ],\n \"CONTENT.POINTER_LEAVE\": {\n guard: \"isInteractive\",\n target: \"closing\",\n },\n \"POSITIONING.SET\": {\n actions: \"reposition\",\n },\n },\n },\n\n closing: {\n tags: [\"open\"],\n activities: [\"trackStore\", \"trackPositioning\"],\n after: {\n CLOSE_DELAY: [\n {\n guard: \"isOpenControlled\",\n actions: [\"invokeOnClose\"],\n },\n {\n target: \"closed\",\n actions: [\"invokeOnClose\"],\n },\n ],\n },\n on: {\n \"CONTROLLED.CLOSE\": \"closed\",\n \"CONTROLLED.OPEN\": \"open\",\n CLOSE: [\n {\n guard: \"isOpenControlled\",\n actions: [\"invokeOnClose\"],\n },\n {\n target: \"closed\",\n actions: [\"invokeOnClose\"],\n },\n ],\n POINTER_MOVE: [\n {\n guard: \"isOpenControlled\",\n actions: [\"setPointerMoveOpened\", \"invokeOnOpen\"],\n },\n {\n target: \"open\",\n actions: [\"setPointerMoveOpened\", \"invokeOnOpen\"],\n },\n ],\n \"CONTENT.POINTER_MOVE\": {\n guard: \"isInteractive\",\n target: \"open\",\n },\n \"POSITIONING.SET\": {\n actions: \"reposition\",\n },\n },\n },\n },\n },\n {\n activities: {\n trackFocusVisible(ctx) {\n return trackFocusVisible({ root: dom.getRootNode(ctx) })\n },\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 })\n },\n trackPointerlockChange(ctx, _evt, { send }) {\n const onChange = () => send({ type: \"CLOSE\", src: \"pointerlock:change\" })\n return addDomEvent(dom.getDoc(ctx), \"pointerlockchange\", onChange, false)\n },\n trackScroll(ctx, _evt, { send }) {\n if (!ctx.closeOnScroll) return\n\n const triggerEl = dom.getTriggerEl(ctx)\n if (!triggerEl) return\n\n const overflowParents = getOverflowAncestors(triggerEl)\n\n const cleanups = overflowParents.map((overflowParent) => {\n const onScroll = () => {\n send({ type: \"CLOSE\", src: \"scroll\" })\n }\n return addDomEvent(overflowParent, \"scroll\", onScroll, { passive: true, capture: true })\n })\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({ type: \"CLOSE\", src: \"id.change\" })\n }\n })\n },\n trackEscapeKey(ctx, _evt, { send }) {\n if (!ctx.closeOnEscape) return\n\n const onKeyDown = (event: KeyboardEvent) => {\n if (isComposingEvent(event)) return\n if (event.key !== \"Escape\") return\n event.stopPropagation()\n send({ type: \"CLOSE\", src: \"keydown.escape\" })\n }\n\n return addDomEvent(dom.getDoc(ctx), \"keydown\", onKeyDown, true)\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) {\n ctx.onOpenChange?.({ open: true })\n },\n invokeOnClose(ctx) {\n ctx.onOpenChange?.({ open: false })\n },\n closeIfDisabled(ctx, _evt, { send }) {\n if (!ctx.disabled) return\n send({ type: \"CLOSE\", src: \"disabled.change\" })\n },\n reposition(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 onComplete(data) {\n ctx.currentPlacement = data.placement\n },\n })\n },\n toggleVisibility(ctx, evt, { send }) {\n send({ type: ctx.open ? \"CONTROLLED.OPEN\" : \"CONTROLLED.CLOSE\", previousEvent: evt })\n },\n setPointerMoveOpened(ctx) {\n ctx.hasPointerMoveOpened = true\n },\n clearPointerMoveOpened(ctx) {\n ctx.hasPointerMoveOpened = false\n },\n },\n guards: {\n noVisibleTooltip: () => store.id === null,\n isVisible: (ctx) => ctx.id === store.id,\n isInteractive: (ctx) => ctx.interactive,\n hasPointerMoveOpened: (ctx) => !!ctx.hasPointerMoveOpened,\n isOpenControlled: (ctx) => !!ctx[\"open.controlled\"],\n },\n delays: {\n OPEN_DELAY: (ctx) => ctx.openDelay,\n CLOSE_DELAY: (ctx) => ctx.closeDelay,\n },\n },\n )\n}\n","import { createProps } from \"@zag-js/types\"\nimport { createSplitProps } from \"@zag-js/utils\"\nimport type { UserDefinedContext } from \"./tooltip.types\"\n\nexport const props = createProps<UserDefinedContext>()([\n \"aria-label\",\n \"closeDelay\",\n \"closeOnEscape\",\n \"closeOnPointerDown\",\n \"closeOnScroll\",\n \"closeOnClick\",\n \"dir\",\n \"disabled\",\n \"getRootNode\",\n \"id\",\n \"ids\",\n \"interactive\",\n \"onOpenChange\",\n \"open.controlled\",\n \"open\",\n \"openDelay\",\n \"positioning\",\n])\n\nexport const splitProps = createSplitProps<Partial<UserDefinedContext>>(props)\n"],"mappings":"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","names":["import_dom_query","import_core","import_dom_query","import_focus_visible","import_popper","ctx","import_utils"]}
|
package/dist/index.mjs.map
DELETED
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"sources":["../src/tooltip.anatomy.ts","../src/tooltip.connect.ts","../src/tooltip.dom.ts","../src/tooltip.store.ts","../src/tooltip.machine.ts","../src/tooltip.props.ts"],"sourcesContent":["import { createAnatomy } from \"@zag-js/anatomy\"\n\nexport const anatomy = createAnatomy(\"tooltip\").parts(\"trigger\", \"arrow\", \"arrowTip\", \"positioner\", \"content\")\nexport const parts = anatomy.build()\n","import { dataAttr } from \"@zag-js/dom-query\"\nimport { isFocusVisible } from \"@zag-js/focus-visible\"\nimport { getPlacementStyles } from \"@zag-js/popper\"\nimport type { NormalizeProps, PropTypes } from \"@zag-js/types\"\nimport { parts } from \"./tooltip.anatomy\"\nimport { dom } from \"./tooltip.dom\"\nimport { store } from \"./tooltip.store\"\nimport type { MachineApi, Send, State } from \"./tooltip.types\"\n\nexport function connect<T extends PropTypes>(state: State, send: Send, normalize: NormalizeProps<T>): MachineApi<T> {\n const id = state.context.id\n const hasAriaLabel = state.context.hasAriaLabel\n\n const open = state.hasTag(\"open\")\n\n const triggerId = dom.getTriggerId(state.context)\n const contentId = dom.getContentId(state.context)\n\n const disabled = state.context.disabled\n\n const popperStyles = getPlacementStyles({\n ...state.context.positioning,\n placement: state.context.currentPlacement,\n })\n\n return {\n open: open,\n setOpen(nextOpen) {\n if (nextOpen === open) return\n send(nextOpen ? \"OPEN\" : \"CLOSE\")\n },\n reposition(options = {}) {\n send({ type: \"POSITIONING.SET\", options })\n },\n\n getTriggerProps() {\n return normalize.button({\n ...parts.trigger.attrs,\n id: triggerId,\n dir: state.context.dir,\n \"data-expanded\": dataAttr(open),\n \"data-state\": open ? \"open\" : \"closed\",\n \"aria-describedby\": open ? contentId : undefined,\n onClick(event) {\n if (event.defaultPrevented) return\n if (disabled) return\n if (!state.context.closeOnClick) return\n send({ type: \"CLOSE\", src: \"trigger.click\" })\n },\n onFocus(event) {\n if (event.defaultPrevented) return\n if (disabled) return\n if (state.event.src === \"trigger.pointerdown\") return\n if (!isFocusVisible()) return\n send({ type: \"OPEN\", src: \"trigger.focus\" })\n },\n onBlur(event) {\n if (event.defaultPrevented) return\n if (disabled) return\n if (id === store.id) {\n send({ type: \"CLOSE\", src: \"trigger.blur\" })\n }\n },\n onPointerDown(event) {\n if (event.defaultPrevented) return\n if (disabled) return\n if (!state.context.closeOnPointerDown) return\n if (id === store.id) {\n send({ type: \"CLOSE\", src: \"trigger.pointerdown\" })\n }\n },\n onPointerMove(event) {\n if (event.defaultPrevented) return\n if (disabled) return\n if (event.pointerType === \"touch\") return\n send(\"POINTER_MOVE\")\n },\n onPointerLeave() {\n if (disabled) return\n send(\"POINTER_LEAVE\")\n },\n onPointerCancel() {\n if (disabled) return\n send(\"POINTER_LEAVE\")\n },\n })\n },\n\n getArrowProps() {\n return normalize.element({\n id: dom.getArrowId(state.context),\n ...parts.arrow.attrs,\n dir: state.context.dir,\n style: popperStyles.arrow,\n })\n },\n\n getArrowTipProps() {\n return normalize.element({\n ...parts.arrowTip.attrs,\n dir: state.context.dir,\n style: popperStyles.arrowTip,\n })\n },\n\n getPositionerProps() {\n return normalize.element({\n id: dom.getPositionerId(state.context),\n ...parts.positioner.attrs,\n dir: state.context.dir,\n style: popperStyles.floating,\n })\n },\n\n getContentProps() {\n return normalize.element({\n ...parts.content.attrs,\n dir: state.context.dir,\n hidden: !open,\n \"data-state\": open ? \"open\" : \"closed\",\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 }\n}\n","import { createScope } 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})\n","import { proxy } from \"@zag-js/core\"\n\ntype Id = string | null\n\ninterface TooltipStore {\n id: Id\n prevId: Id\n setId: (val: Id) => void\n}\n\nexport const store = proxy<TooltipStore>({\n id: null,\n prevId: null,\n setId(val) {\n this.prevId = this.id\n this.id = val\n },\n})\n","import { createMachine, guards, subscribe } from \"@zag-js/core\"\nimport { addDomEvent } from \"@zag-js/dom-event\"\nimport { getOverflowAncestors, isComposingEvent } from \"@zag-js/dom-query\"\nimport { trackFocusVisible } from \"@zag-js/focus-visible\"\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: ctx.open ? \"open\" : \"closed\",\n\n activities: [\"trackFocusVisible\"],\n\n context: {\n openDelay: 1000,\n closeDelay: 500,\n closeOnPointerDown: true,\n closeOnEscape: true,\n interactive: false,\n closeOnScroll: true,\n closeOnClick: true,\n ...ctx,\n currentPlacement: undefined,\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 states: {\n closed: {\n tags: [\"closed\"],\n entry: [\"clearGlobalId\"],\n on: {\n \"CONTROLLED.OPEN\": \"open\",\n OPEN: {\n target: \"open\",\n actions: [\"invokeOnOpen\"],\n },\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\", \"invokeOnOpen\"],\n },\n ],\n },\n },\n\n opening: {\n tags: [\"closed\"],\n activities: [\"trackScroll\", \"trackPointerlockChange\"],\n after: {\n OPEN_DELAY: [\n {\n guard: \"isOpenControlled\",\n actions: [\"setPointerMoveOpened\", \"invokeOnOpen\"],\n },\n {\n target: \"open\",\n actions: [\"setPointerMoveOpened\", \"invokeOnOpen\"],\n },\n ],\n },\n on: {\n \"CONTROLLED.OPEN\": \"open\",\n \"CONTROLLED.CLOSE\": \"closed\",\n OPEN: [\n {\n guard: \"isOpenControlled\",\n actions: [\"invokeOnOpen\"],\n },\n {\n target: \"open\",\n actions: [\"invokeOnOpen\"],\n },\n ],\n POINTER_LEAVE: [\n {\n guard: \"isOpenControlled\",\n actions: [\"clearPointerMoveOpened\", \"invokeOnClose\"],\n },\n {\n target: \"closed\",\n actions: [\"clearPointerMoveOpened\", \"invokeOnClose\"],\n },\n ],\n CLOSE: {\n target: \"closed\",\n actions: [\"invokeOnClose\"],\n },\n },\n },\n\n open: {\n tags: [\"open\"],\n activities: [\"trackEscapeKey\", \"trackScroll\", \"trackPointerlockChange\", \"trackPositioning\"],\n entry: [\"setGlobalId\"],\n on: {\n \"CONTROLLED.CLOSE\": \"closed\",\n CLOSE: {\n target: \"closed\",\n actions: [\"invokeOnClose\"],\n },\n POINTER_LEAVE: [\n {\n guard: \"isVisible\",\n target: \"closing\",\n actions: [\"clearPointerMoveOpened\"],\n },\n // == group ==\n {\n guard: \"isOpenControlled\",\n actions: [\"clearPointerMoveOpened\", \"invokeOnClose\"],\n },\n {\n target: \"closed\",\n actions: [\"clearPointerMoveOpened\", \"invokeOnClose\"],\n },\n ],\n \"CONTENT.POINTER_LEAVE\": {\n guard: \"isInteractive\",\n target: \"closing\",\n },\n \"POSITIONING.SET\": {\n actions: \"reposition\",\n },\n },\n },\n\n closing: {\n tags: [\"open\"],\n activities: [\"trackStore\", \"trackPositioning\"],\n after: {\n CLOSE_DELAY: [\n {\n guard: \"isOpenControlled\",\n actions: [\"invokeOnClose\"],\n },\n {\n target: \"closed\",\n actions: [\"invokeOnClose\"],\n },\n ],\n },\n on: {\n \"CONTROLLED.CLOSE\": \"closed\",\n \"CONTROLLED.OPEN\": \"open\",\n CLOSE: [\n {\n guard: \"isOpenControlled\",\n actions: [\"invokeOnClose\"],\n },\n {\n target: \"closed\",\n actions: [\"invokeOnClose\"],\n },\n ],\n POINTER_MOVE: [\n {\n guard: \"isOpenControlled\",\n actions: [\"setPointerMoveOpened\", \"invokeOnOpen\"],\n },\n {\n target: \"open\",\n actions: [\"setPointerMoveOpened\", \"invokeOnOpen\"],\n },\n ],\n \"CONTENT.POINTER_MOVE\": {\n guard: \"isInteractive\",\n target: \"open\",\n },\n \"POSITIONING.SET\": {\n actions: \"reposition\",\n },\n },\n },\n },\n },\n {\n activities: {\n trackFocusVisible(ctx) {\n return trackFocusVisible({ root: dom.getRootNode(ctx) })\n },\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 })\n },\n trackPointerlockChange(ctx, _evt, { send }) {\n const onChange = () => send({ type: \"CLOSE\", src: \"pointerlock:change\" })\n return addDomEvent(dom.getDoc(ctx), \"pointerlockchange\", onChange, false)\n },\n trackScroll(ctx, _evt, { send }) {\n if (!ctx.closeOnScroll) return\n\n const triggerEl = dom.getTriggerEl(ctx)\n if (!triggerEl) return\n\n const overflowParents = getOverflowAncestors(triggerEl)\n\n const cleanups = overflowParents.map((overflowParent) => {\n const onScroll = () => {\n send({ type: \"CLOSE\", src: \"scroll\" })\n }\n return addDomEvent(overflowParent, \"scroll\", onScroll, { passive: true, capture: true })\n })\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({ type: \"CLOSE\", src: \"id.change\" })\n }\n })\n },\n trackEscapeKey(ctx, _evt, { send }) {\n if (!ctx.closeOnEscape) return\n\n const onKeyDown = (event: KeyboardEvent) => {\n if (isComposingEvent(event)) return\n if (event.key !== \"Escape\") return\n event.stopPropagation()\n send({ type: \"CLOSE\", src: \"keydown.escape\" })\n }\n\n return addDomEvent(dom.getDoc(ctx), \"keydown\", onKeyDown, true)\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) {\n ctx.onOpenChange?.({ open: true })\n },\n invokeOnClose(ctx) {\n ctx.onOpenChange?.({ open: false })\n },\n closeIfDisabled(ctx, _evt, { send }) {\n if (!ctx.disabled) return\n send({ type: \"CLOSE\", src: \"disabled.change\" })\n },\n reposition(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 onComplete(data) {\n ctx.currentPlacement = data.placement\n },\n })\n },\n toggleVisibility(ctx, evt, { send }) {\n send({ type: ctx.open ? \"CONTROLLED.OPEN\" : \"CONTROLLED.CLOSE\", previousEvent: evt })\n },\n setPointerMoveOpened(ctx) {\n ctx.hasPointerMoveOpened = true\n },\n clearPointerMoveOpened(ctx) {\n ctx.hasPointerMoveOpened = false\n },\n },\n guards: {\n noVisibleTooltip: () => store.id === null,\n isVisible: (ctx) => ctx.id === store.id,\n isInteractive: (ctx) => ctx.interactive,\n hasPointerMoveOpened: (ctx) => !!ctx.hasPointerMoveOpened,\n isOpenControlled: (ctx) => !!ctx[\"open.controlled\"],\n },\n delays: {\n OPEN_DELAY: (ctx) => ctx.openDelay,\n CLOSE_DELAY: (ctx) => ctx.closeDelay,\n },\n },\n )\n}\n","import { createProps } from \"@zag-js/types\"\nimport { createSplitProps } from \"@zag-js/utils\"\nimport type { UserDefinedContext } from \"./tooltip.types\"\n\nexport const props = createProps<UserDefinedContext>()([\n \"aria-label\",\n \"closeDelay\",\n \"closeOnEscape\",\n \"closeOnPointerDown\",\n \"closeOnScroll\",\n \"closeOnClick\",\n \"dir\",\n \"disabled\",\n \"getRootNode\",\n \"id\",\n \"ids\",\n \"interactive\",\n \"onOpenChange\",\n \"open.controlled\",\n \"open\",\n \"openDelay\",\n \"positioning\",\n])\n\nexport const splitProps = createSplitProps<Partial<UserDefinedContext>>(props)\n"],"mappings":"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","names":["ctx"]}
|
package/src/index.ts
DELETED
|
@@ -1,13 +0,0 @@
|
|
|
1
|
-
export { anatomy } from "./tooltip.anatomy"
|
|
2
|
-
export { connect } from "./tooltip.connect"
|
|
3
|
-
export { machine } from "./tooltip.machine"
|
|
4
|
-
export * from "./tooltip.props"
|
|
5
|
-
export type {
|
|
6
|
-
MachineApi as Api,
|
|
7
|
-
UserDefinedContext as Context,
|
|
8
|
-
ElementIds,
|
|
9
|
-
OpenChangeDetails,
|
|
10
|
-
Placement,
|
|
11
|
-
PositioningOptions,
|
|
12
|
-
Service,
|
|
13
|
-
} from "./tooltip.types"
|
package/src/tooltip.anatomy.ts
DELETED
package/src/tooltip.connect.ts
DELETED
|
@@ -1,136 +0,0 @@
|
|
|
1
|
-
import { dataAttr } from "@zag-js/dom-query"
|
|
2
|
-
import { isFocusVisible } from "@zag-js/focus-visible"
|
|
3
|
-
import { getPlacementStyles } from "@zag-js/popper"
|
|
4
|
-
import type { NormalizeProps, PropTypes } from "@zag-js/types"
|
|
5
|
-
import { parts } from "./tooltip.anatomy"
|
|
6
|
-
import { dom } from "./tooltip.dom"
|
|
7
|
-
import { store } from "./tooltip.store"
|
|
8
|
-
import type { MachineApi, Send, State } from "./tooltip.types"
|
|
9
|
-
|
|
10
|
-
export function connect<T extends PropTypes>(state: State, send: Send, normalize: NormalizeProps<T>): MachineApi<T> {
|
|
11
|
-
const id = state.context.id
|
|
12
|
-
const hasAriaLabel = state.context.hasAriaLabel
|
|
13
|
-
|
|
14
|
-
const open = state.hasTag("open")
|
|
15
|
-
|
|
16
|
-
const triggerId = dom.getTriggerId(state.context)
|
|
17
|
-
const contentId = dom.getContentId(state.context)
|
|
18
|
-
|
|
19
|
-
const disabled = state.context.disabled
|
|
20
|
-
|
|
21
|
-
const popperStyles = getPlacementStyles({
|
|
22
|
-
...state.context.positioning,
|
|
23
|
-
placement: state.context.currentPlacement,
|
|
24
|
-
})
|
|
25
|
-
|
|
26
|
-
return {
|
|
27
|
-
open: open,
|
|
28
|
-
setOpen(nextOpen) {
|
|
29
|
-
if (nextOpen === open) return
|
|
30
|
-
send(nextOpen ? "OPEN" : "CLOSE")
|
|
31
|
-
},
|
|
32
|
-
reposition(options = {}) {
|
|
33
|
-
send({ type: "POSITIONING.SET", options })
|
|
34
|
-
},
|
|
35
|
-
|
|
36
|
-
getTriggerProps() {
|
|
37
|
-
return normalize.button({
|
|
38
|
-
...parts.trigger.attrs,
|
|
39
|
-
id: triggerId,
|
|
40
|
-
dir: state.context.dir,
|
|
41
|
-
"data-expanded": dataAttr(open),
|
|
42
|
-
"data-state": open ? "open" : "closed",
|
|
43
|
-
"aria-describedby": open ? contentId : undefined,
|
|
44
|
-
onClick(event) {
|
|
45
|
-
if (event.defaultPrevented) return
|
|
46
|
-
if (disabled) return
|
|
47
|
-
if (!state.context.closeOnClick) return
|
|
48
|
-
send({ type: "CLOSE", src: "trigger.click" })
|
|
49
|
-
},
|
|
50
|
-
onFocus(event) {
|
|
51
|
-
if (event.defaultPrevented) return
|
|
52
|
-
if (disabled) return
|
|
53
|
-
if (state.event.src === "trigger.pointerdown") return
|
|
54
|
-
if (!isFocusVisible()) return
|
|
55
|
-
send({ type: "OPEN", src: "trigger.focus" })
|
|
56
|
-
},
|
|
57
|
-
onBlur(event) {
|
|
58
|
-
if (event.defaultPrevented) return
|
|
59
|
-
if (disabled) return
|
|
60
|
-
if (id === store.id) {
|
|
61
|
-
send({ type: "CLOSE", src: "trigger.blur" })
|
|
62
|
-
}
|
|
63
|
-
},
|
|
64
|
-
onPointerDown(event) {
|
|
65
|
-
if (event.defaultPrevented) return
|
|
66
|
-
if (disabled) return
|
|
67
|
-
if (!state.context.closeOnPointerDown) return
|
|
68
|
-
if (id === store.id) {
|
|
69
|
-
send({ type: "CLOSE", src: "trigger.pointerdown" })
|
|
70
|
-
}
|
|
71
|
-
},
|
|
72
|
-
onPointerMove(event) {
|
|
73
|
-
if (event.defaultPrevented) return
|
|
74
|
-
if (disabled) return
|
|
75
|
-
if (event.pointerType === "touch") return
|
|
76
|
-
send("POINTER_MOVE")
|
|
77
|
-
},
|
|
78
|
-
onPointerLeave() {
|
|
79
|
-
if (disabled) return
|
|
80
|
-
send("POINTER_LEAVE")
|
|
81
|
-
},
|
|
82
|
-
onPointerCancel() {
|
|
83
|
-
if (disabled) return
|
|
84
|
-
send("POINTER_LEAVE")
|
|
85
|
-
},
|
|
86
|
-
})
|
|
87
|
-
},
|
|
88
|
-
|
|
89
|
-
getArrowProps() {
|
|
90
|
-
return normalize.element({
|
|
91
|
-
id: dom.getArrowId(state.context),
|
|
92
|
-
...parts.arrow.attrs,
|
|
93
|
-
dir: state.context.dir,
|
|
94
|
-
style: popperStyles.arrow,
|
|
95
|
-
})
|
|
96
|
-
},
|
|
97
|
-
|
|
98
|
-
getArrowTipProps() {
|
|
99
|
-
return normalize.element({
|
|
100
|
-
...parts.arrowTip.attrs,
|
|
101
|
-
dir: state.context.dir,
|
|
102
|
-
style: popperStyles.arrowTip,
|
|
103
|
-
})
|
|
104
|
-
},
|
|
105
|
-
|
|
106
|
-
getPositionerProps() {
|
|
107
|
-
return normalize.element({
|
|
108
|
-
id: dom.getPositionerId(state.context),
|
|
109
|
-
...parts.positioner.attrs,
|
|
110
|
-
dir: state.context.dir,
|
|
111
|
-
style: popperStyles.floating,
|
|
112
|
-
})
|
|
113
|
-
},
|
|
114
|
-
|
|
115
|
-
getContentProps() {
|
|
116
|
-
return normalize.element({
|
|
117
|
-
...parts.content.attrs,
|
|
118
|
-
dir: state.context.dir,
|
|
119
|
-
hidden: !open,
|
|
120
|
-
"data-state": open ? "open" : "closed",
|
|
121
|
-
role: hasAriaLabel ? undefined : "tooltip",
|
|
122
|
-
id: hasAriaLabel ? undefined : contentId,
|
|
123
|
-
"data-placement": state.context.currentPlacement,
|
|
124
|
-
onPointerEnter() {
|
|
125
|
-
send("CONTENT.POINTER_MOVE")
|
|
126
|
-
},
|
|
127
|
-
onPointerLeave() {
|
|
128
|
-
send("CONTENT.POINTER_LEAVE")
|
|
129
|
-
},
|
|
130
|
-
style: {
|
|
131
|
-
pointerEvents: state.context.interactive ? "auto" : "none",
|
|
132
|
-
},
|
|
133
|
-
})
|
|
134
|
-
},
|
|
135
|
-
}
|
|
136
|
-
}
|
package/src/tooltip.dom.ts
DELETED
|
@@ -1,14 +0,0 @@
|
|
|
1
|
-
import { createScope } from "@zag-js/dom-query"
|
|
2
|
-
import type { MachineContext as Ctx } from "./tooltip.types"
|
|
3
|
-
|
|
4
|
-
export const dom = createScope({
|
|
5
|
-
getTriggerId: (ctx: Ctx) => ctx.ids?.trigger ?? `tooltip:${ctx.id}:trigger`,
|
|
6
|
-
getContentId: (ctx: Ctx) => ctx.ids?.content ?? `tooltip:${ctx.id}:content`,
|
|
7
|
-
getArrowId: (ctx: Ctx) => ctx.ids?.arrow ?? `tooltip:${ctx.id}:arrow`,
|
|
8
|
-
getPositionerId: (ctx: Ctx) => ctx.ids?.positioner ?? `tooltip:${ctx.id}:popper`,
|
|
9
|
-
|
|
10
|
-
getTriggerEl: (ctx: Ctx) => dom.getById(ctx, dom.getTriggerId(ctx)),
|
|
11
|
-
getContentEl: (ctx: Ctx) => dom.getById(ctx, dom.getContentId(ctx)),
|
|
12
|
-
getPositionerEl: (ctx: Ctx) => dom.getById(ctx, dom.getPositionerId(ctx)),
|
|
13
|
-
getArrowEl: (ctx: Ctx) => dom.getById(ctx, dom.getArrowId(ctx)),
|
|
14
|
-
})
|
package/src/tooltip.machine.ts
DELETED
|
@@ -1,318 +0,0 @@
|
|
|
1
|
-
import { createMachine, guards, subscribe } from "@zag-js/core"
|
|
2
|
-
import { addDomEvent } from "@zag-js/dom-event"
|
|
3
|
-
import { getOverflowAncestors, isComposingEvent } from "@zag-js/dom-query"
|
|
4
|
-
import { trackFocusVisible } from "@zag-js/focus-visible"
|
|
5
|
-
import { getPlacement } from "@zag-js/popper"
|
|
6
|
-
import { compact } from "@zag-js/utils"
|
|
7
|
-
import { dom } from "./tooltip.dom"
|
|
8
|
-
import { store } from "./tooltip.store"
|
|
9
|
-
import type { MachineContext, MachineState, UserDefinedContext } from "./tooltip.types"
|
|
10
|
-
|
|
11
|
-
const { and, not } = guards
|
|
12
|
-
|
|
13
|
-
export function machine(userContext: UserDefinedContext) {
|
|
14
|
-
const ctx = compact(userContext)
|
|
15
|
-
return createMachine<MachineContext, MachineState>(
|
|
16
|
-
{
|
|
17
|
-
id: "tooltip",
|
|
18
|
-
initial: ctx.open ? "open" : "closed",
|
|
19
|
-
|
|
20
|
-
activities: ["trackFocusVisible"],
|
|
21
|
-
|
|
22
|
-
context: {
|
|
23
|
-
openDelay: 1000,
|
|
24
|
-
closeDelay: 500,
|
|
25
|
-
closeOnPointerDown: true,
|
|
26
|
-
closeOnEscape: true,
|
|
27
|
-
interactive: false,
|
|
28
|
-
closeOnScroll: true,
|
|
29
|
-
closeOnClick: true,
|
|
30
|
-
...ctx,
|
|
31
|
-
currentPlacement: undefined,
|
|
32
|
-
hasPointerMoveOpened: false,
|
|
33
|
-
positioning: {
|
|
34
|
-
placement: "bottom",
|
|
35
|
-
...ctx.positioning,
|
|
36
|
-
},
|
|
37
|
-
},
|
|
38
|
-
|
|
39
|
-
computed: {
|
|
40
|
-
hasAriaLabel: (ctx) => !!ctx["aria-label"],
|
|
41
|
-
},
|
|
42
|
-
|
|
43
|
-
watch: {
|
|
44
|
-
disabled: ["closeIfDisabled"],
|
|
45
|
-
open: ["toggleVisibility"],
|
|
46
|
-
},
|
|
47
|
-
|
|
48
|
-
states: {
|
|
49
|
-
closed: {
|
|
50
|
-
tags: ["closed"],
|
|
51
|
-
entry: ["clearGlobalId"],
|
|
52
|
-
on: {
|
|
53
|
-
"CONTROLLED.OPEN": "open",
|
|
54
|
-
OPEN: {
|
|
55
|
-
target: "open",
|
|
56
|
-
actions: ["invokeOnOpen"],
|
|
57
|
-
},
|
|
58
|
-
POINTER_LEAVE: {
|
|
59
|
-
actions: ["clearPointerMoveOpened"],
|
|
60
|
-
},
|
|
61
|
-
POINTER_MOVE: [
|
|
62
|
-
{
|
|
63
|
-
guard: and("noVisibleTooltip", not("hasPointerMoveOpened")),
|
|
64
|
-
target: "opening",
|
|
65
|
-
},
|
|
66
|
-
{
|
|
67
|
-
guard: not("hasPointerMoveOpened"),
|
|
68
|
-
target: "open",
|
|
69
|
-
actions: ["setPointerMoveOpened", "invokeOnOpen"],
|
|
70
|
-
},
|
|
71
|
-
],
|
|
72
|
-
},
|
|
73
|
-
},
|
|
74
|
-
|
|
75
|
-
opening: {
|
|
76
|
-
tags: ["closed"],
|
|
77
|
-
activities: ["trackScroll", "trackPointerlockChange"],
|
|
78
|
-
after: {
|
|
79
|
-
OPEN_DELAY: [
|
|
80
|
-
{
|
|
81
|
-
guard: "isOpenControlled",
|
|
82
|
-
actions: ["setPointerMoveOpened", "invokeOnOpen"],
|
|
83
|
-
},
|
|
84
|
-
{
|
|
85
|
-
target: "open",
|
|
86
|
-
actions: ["setPointerMoveOpened", "invokeOnOpen"],
|
|
87
|
-
},
|
|
88
|
-
],
|
|
89
|
-
},
|
|
90
|
-
on: {
|
|
91
|
-
"CONTROLLED.OPEN": "open",
|
|
92
|
-
"CONTROLLED.CLOSE": "closed",
|
|
93
|
-
OPEN: [
|
|
94
|
-
{
|
|
95
|
-
guard: "isOpenControlled",
|
|
96
|
-
actions: ["invokeOnOpen"],
|
|
97
|
-
},
|
|
98
|
-
{
|
|
99
|
-
target: "open",
|
|
100
|
-
actions: ["invokeOnOpen"],
|
|
101
|
-
},
|
|
102
|
-
],
|
|
103
|
-
POINTER_LEAVE: [
|
|
104
|
-
{
|
|
105
|
-
guard: "isOpenControlled",
|
|
106
|
-
actions: ["clearPointerMoveOpened", "invokeOnClose"],
|
|
107
|
-
},
|
|
108
|
-
{
|
|
109
|
-
target: "closed",
|
|
110
|
-
actions: ["clearPointerMoveOpened", "invokeOnClose"],
|
|
111
|
-
},
|
|
112
|
-
],
|
|
113
|
-
CLOSE: {
|
|
114
|
-
target: "closed",
|
|
115
|
-
actions: ["invokeOnClose"],
|
|
116
|
-
},
|
|
117
|
-
},
|
|
118
|
-
},
|
|
119
|
-
|
|
120
|
-
open: {
|
|
121
|
-
tags: ["open"],
|
|
122
|
-
activities: ["trackEscapeKey", "trackScroll", "trackPointerlockChange", "trackPositioning"],
|
|
123
|
-
entry: ["setGlobalId"],
|
|
124
|
-
on: {
|
|
125
|
-
"CONTROLLED.CLOSE": "closed",
|
|
126
|
-
CLOSE: {
|
|
127
|
-
target: "closed",
|
|
128
|
-
actions: ["invokeOnClose"],
|
|
129
|
-
},
|
|
130
|
-
POINTER_LEAVE: [
|
|
131
|
-
{
|
|
132
|
-
guard: "isVisible",
|
|
133
|
-
target: "closing",
|
|
134
|
-
actions: ["clearPointerMoveOpened"],
|
|
135
|
-
},
|
|
136
|
-
// == group ==
|
|
137
|
-
{
|
|
138
|
-
guard: "isOpenControlled",
|
|
139
|
-
actions: ["clearPointerMoveOpened", "invokeOnClose"],
|
|
140
|
-
},
|
|
141
|
-
{
|
|
142
|
-
target: "closed",
|
|
143
|
-
actions: ["clearPointerMoveOpened", "invokeOnClose"],
|
|
144
|
-
},
|
|
145
|
-
],
|
|
146
|
-
"CONTENT.POINTER_LEAVE": {
|
|
147
|
-
guard: "isInteractive",
|
|
148
|
-
target: "closing",
|
|
149
|
-
},
|
|
150
|
-
"POSITIONING.SET": {
|
|
151
|
-
actions: "reposition",
|
|
152
|
-
},
|
|
153
|
-
},
|
|
154
|
-
},
|
|
155
|
-
|
|
156
|
-
closing: {
|
|
157
|
-
tags: ["open"],
|
|
158
|
-
activities: ["trackStore", "trackPositioning"],
|
|
159
|
-
after: {
|
|
160
|
-
CLOSE_DELAY: [
|
|
161
|
-
{
|
|
162
|
-
guard: "isOpenControlled",
|
|
163
|
-
actions: ["invokeOnClose"],
|
|
164
|
-
},
|
|
165
|
-
{
|
|
166
|
-
target: "closed",
|
|
167
|
-
actions: ["invokeOnClose"],
|
|
168
|
-
},
|
|
169
|
-
],
|
|
170
|
-
},
|
|
171
|
-
on: {
|
|
172
|
-
"CONTROLLED.CLOSE": "closed",
|
|
173
|
-
"CONTROLLED.OPEN": "open",
|
|
174
|
-
CLOSE: [
|
|
175
|
-
{
|
|
176
|
-
guard: "isOpenControlled",
|
|
177
|
-
actions: ["invokeOnClose"],
|
|
178
|
-
},
|
|
179
|
-
{
|
|
180
|
-
target: "closed",
|
|
181
|
-
actions: ["invokeOnClose"],
|
|
182
|
-
},
|
|
183
|
-
],
|
|
184
|
-
POINTER_MOVE: [
|
|
185
|
-
{
|
|
186
|
-
guard: "isOpenControlled",
|
|
187
|
-
actions: ["setPointerMoveOpened", "invokeOnOpen"],
|
|
188
|
-
},
|
|
189
|
-
{
|
|
190
|
-
target: "open",
|
|
191
|
-
actions: ["setPointerMoveOpened", "invokeOnOpen"],
|
|
192
|
-
},
|
|
193
|
-
],
|
|
194
|
-
"CONTENT.POINTER_MOVE": {
|
|
195
|
-
guard: "isInteractive",
|
|
196
|
-
target: "open",
|
|
197
|
-
},
|
|
198
|
-
"POSITIONING.SET": {
|
|
199
|
-
actions: "reposition",
|
|
200
|
-
},
|
|
201
|
-
},
|
|
202
|
-
},
|
|
203
|
-
},
|
|
204
|
-
},
|
|
205
|
-
{
|
|
206
|
-
activities: {
|
|
207
|
-
trackFocusVisible(ctx) {
|
|
208
|
-
return trackFocusVisible({ root: dom.getRootNode(ctx) })
|
|
209
|
-
},
|
|
210
|
-
trackPositioning(ctx) {
|
|
211
|
-
ctx.currentPlacement = ctx.positioning.placement
|
|
212
|
-
const getPositionerEl = () => dom.getPositionerEl(ctx)
|
|
213
|
-
return getPlacement(dom.getTriggerEl(ctx), getPositionerEl, {
|
|
214
|
-
...ctx.positioning,
|
|
215
|
-
defer: true,
|
|
216
|
-
onComplete(data) {
|
|
217
|
-
ctx.currentPlacement = data.placement
|
|
218
|
-
},
|
|
219
|
-
})
|
|
220
|
-
},
|
|
221
|
-
trackPointerlockChange(ctx, _evt, { send }) {
|
|
222
|
-
const onChange = () => send({ type: "CLOSE", src: "pointerlock:change" })
|
|
223
|
-
return addDomEvent(dom.getDoc(ctx), "pointerlockchange", onChange, false)
|
|
224
|
-
},
|
|
225
|
-
trackScroll(ctx, _evt, { send }) {
|
|
226
|
-
if (!ctx.closeOnScroll) return
|
|
227
|
-
|
|
228
|
-
const triggerEl = dom.getTriggerEl(ctx)
|
|
229
|
-
if (!triggerEl) return
|
|
230
|
-
|
|
231
|
-
const overflowParents = getOverflowAncestors(triggerEl)
|
|
232
|
-
|
|
233
|
-
const cleanups = overflowParents.map((overflowParent) => {
|
|
234
|
-
const onScroll = () => {
|
|
235
|
-
send({ type: "CLOSE", src: "scroll" })
|
|
236
|
-
}
|
|
237
|
-
return addDomEvent(overflowParent, "scroll", onScroll, { passive: true, capture: true })
|
|
238
|
-
})
|
|
239
|
-
|
|
240
|
-
return () => {
|
|
241
|
-
cleanups.forEach((fn) => fn?.())
|
|
242
|
-
}
|
|
243
|
-
},
|
|
244
|
-
trackStore(ctx, _evt, { send }) {
|
|
245
|
-
return subscribe(store, () => {
|
|
246
|
-
if (store.id !== ctx.id) {
|
|
247
|
-
send({ type: "CLOSE", src: "id.change" })
|
|
248
|
-
}
|
|
249
|
-
})
|
|
250
|
-
},
|
|
251
|
-
trackEscapeKey(ctx, _evt, { send }) {
|
|
252
|
-
if (!ctx.closeOnEscape) return
|
|
253
|
-
|
|
254
|
-
const onKeyDown = (event: KeyboardEvent) => {
|
|
255
|
-
if (isComposingEvent(event)) return
|
|
256
|
-
if (event.key !== "Escape") return
|
|
257
|
-
event.stopPropagation()
|
|
258
|
-
send({ type: "CLOSE", src: "keydown.escape" })
|
|
259
|
-
}
|
|
260
|
-
|
|
261
|
-
return addDomEvent(dom.getDoc(ctx), "keydown", onKeyDown, true)
|
|
262
|
-
},
|
|
263
|
-
},
|
|
264
|
-
actions: {
|
|
265
|
-
setGlobalId(ctx) {
|
|
266
|
-
store.setId(ctx.id)
|
|
267
|
-
},
|
|
268
|
-
clearGlobalId(ctx) {
|
|
269
|
-
if (ctx.id === store.id) {
|
|
270
|
-
store.setId(null)
|
|
271
|
-
}
|
|
272
|
-
},
|
|
273
|
-
invokeOnOpen(ctx) {
|
|
274
|
-
ctx.onOpenChange?.({ open: true })
|
|
275
|
-
},
|
|
276
|
-
invokeOnClose(ctx) {
|
|
277
|
-
ctx.onOpenChange?.({ open: false })
|
|
278
|
-
},
|
|
279
|
-
closeIfDisabled(ctx, _evt, { send }) {
|
|
280
|
-
if (!ctx.disabled) return
|
|
281
|
-
send({ type: "CLOSE", src: "disabled.change" })
|
|
282
|
-
},
|
|
283
|
-
reposition(ctx, evt) {
|
|
284
|
-
const getPositionerEl = () => dom.getPositionerEl(ctx)
|
|
285
|
-
getPlacement(dom.getTriggerEl(ctx), getPositionerEl, {
|
|
286
|
-
...ctx.positioning,
|
|
287
|
-
...evt.options,
|
|
288
|
-
defer: true,
|
|
289
|
-
listeners: false,
|
|
290
|
-
onComplete(data) {
|
|
291
|
-
ctx.currentPlacement = data.placement
|
|
292
|
-
},
|
|
293
|
-
})
|
|
294
|
-
},
|
|
295
|
-
toggleVisibility(ctx, evt, { send }) {
|
|
296
|
-
send({ type: ctx.open ? "CONTROLLED.OPEN" : "CONTROLLED.CLOSE", previousEvent: evt })
|
|
297
|
-
},
|
|
298
|
-
setPointerMoveOpened(ctx) {
|
|
299
|
-
ctx.hasPointerMoveOpened = true
|
|
300
|
-
},
|
|
301
|
-
clearPointerMoveOpened(ctx) {
|
|
302
|
-
ctx.hasPointerMoveOpened = false
|
|
303
|
-
},
|
|
304
|
-
},
|
|
305
|
-
guards: {
|
|
306
|
-
noVisibleTooltip: () => store.id === null,
|
|
307
|
-
isVisible: (ctx) => ctx.id === store.id,
|
|
308
|
-
isInteractive: (ctx) => ctx.interactive,
|
|
309
|
-
hasPointerMoveOpened: (ctx) => !!ctx.hasPointerMoveOpened,
|
|
310
|
-
isOpenControlled: (ctx) => !!ctx["open.controlled"],
|
|
311
|
-
},
|
|
312
|
-
delays: {
|
|
313
|
-
OPEN_DELAY: (ctx) => ctx.openDelay,
|
|
314
|
-
CLOSE_DELAY: (ctx) => ctx.closeDelay,
|
|
315
|
-
},
|
|
316
|
-
},
|
|
317
|
-
)
|
|
318
|
-
}
|
package/src/tooltip.props.ts
DELETED
|
@@ -1,25 +0,0 @@
|
|
|
1
|
-
import { createProps } from "@zag-js/types"
|
|
2
|
-
import { createSplitProps } from "@zag-js/utils"
|
|
3
|
-
import type { UserDefinedContext } from "./tooltip.types"
|
|
4
|
-
|
|
5
|
-
export const props = createProps<UserDefinedContext>()([
|
|
6
|
-
"aria-label",
|
|
7
|
-
"closeDelay",
|
|
8
|
-
"closeOnEscape",
|
|
9
|
-
"closeOnPointerDown",
|
|
10
|
-
"closeOnScroll",
|
|
11
|
-
"closeOnClick",
|
|
12
|
-
"dir",
|
|
13
|
-
"disabled",
|
|
14
|
-
"getRootNode",
|
|
15
|
-
"id",
|
|
16
|
-
"ids",
|
|
17
|
-
"interactive",
|
|
18
|
-
"onOpenChange",
|
|
19
|
-
"open.controlled",
|
|
20
|
-
"open",
|
|
21
|
-
"openDelay",
|
|
22
|
-
"positioning",
|
|
23
|
-
])
|
|
24
|
-
|
|
25
|
-
export const splitProps = createSplitProps<Partial<UserDefinedContext>>(props)
|
package/src/tooltip.store.ts
DELETED
|
@@ -1,18 +0,0 @@
|
|
|
1
|
-
import { proxy } from "@zag-js/core"
|
|
2
|
-
|
|
3
|
-
type Id = string | null
|
|
4
|
-
|
|
5
|
-
interface TooltipStore {
|
|
6
|
-
id: Id
|
|
7
|
-
prevId: Id
|
|
8
|
-
setId: (val: Id) => void
|
|
9
|
-
}
|
|
10
|
-
|
|
11
|
-
export const store = proxy<TooltipStore>({
|
|
12
|
-
id: null,
|
|
13
|
-
prevId: null,
|
|
14
|
-
setId(val) {
|
|
15
|
-
this.prevId = this.id
|
|
16
|
-
this.id = val
|
|
17
|
-
},
|
|
18
|
-
})
|
package/src/tooltip.types.ts
DELETED
|
@@ -1,161 +0,0 @@
|
|
|
1
|
-
import type { Machine, StateMachine as S } from "@zag-js/core"
|
|
2
|
-
import type { Placement, PositioningOptions } from "@zag-js/popper"
|
|
3
|
-
import type { CommonProperties, DirectionProperty, PropTypes, RequiredBy } from "@zag-js/types"
|
|
4
|
-
|
|
5
|
-
/* -----------------------------------------------------------------------------
|
|
6
|
-
* Callback details
|
|
7
|
-
* -----------------------------------------------------------------------------*/
|
|
8
|
-
|
|
9
|
-
export interface OpenChangeDetails {
|
|
10
|
-
open: boolean
|
|
11
|
-
}
|
|
12
|
-
|
|
13
|
-
/* -----------------------------------------------------------------------------
|
|
14
|
-
* Machine context
|
|
15
|
-
* -----------------------------------------------------------------------------*/
|
|
16
|
-
|
|
17
|
-
export type ElementIds = Partial<{
|
|
18
|
-
trigger: string
|
|
19
|
-
content: string
|
|
20
|
-
arrow: string
|
|
21
|
-
positioner: string
|
|
22
|
-
}>
|
|
23
|
-
|
|
24
|
-
interface PublicContext extends DirectionProperty, CommonProperties {
|
|
25
|
-
/**
|
|
26
|
-
* The ids of the elements in the tooltip. Useful for composition.
|
|
27
|
-
*/
|
|
28
|
-
ids?: ElementIds
|
|
29
|
-
/**
|
|
30
|
-
* The `id` of the tooltip.
|
|
31
|
-
*/
|
|
32
|
-
id: string
|
|
33
|
-
/**
|
|
34
|
-
* The open delay of the tooltip.
|
|
35
|
-
* @default 1000
|
|
36
|
-
*/
|
|
37
|
-
openDelay: number
|
|
38
|
-
/**
|
|
39
|
-
* The close delay of the tooltip.
|
|
40
|
-
* @default 500
|
|
41
|
-
*/
|
|
42
|
-
closeDelay: number
|
|
43
|
-
/**
|
|
44
|
-
* Whether to close the tooltip on pointerdown.
|
|
45
|
-
* @default true
|
|
46
|
-
*/
|
|
47
|
-
closeOnPointerDown: boolean
|
|
48
|
-
/**
|
|
49
|
-
* Whether to close the tooltip when the Escape key is pressed.
|
|
50
|
-
* @default true
|
|
51
|
-
*/
|
|
52
|
-
closeOnEscape?: boolean
|
|
53
|
-
/**
|
|
54
|
-
* Whether the tooltip should close on scroll
|
|
55
|
-
* @default true
|
|
56
|
-
*/
|
|
57
|
-
closeOnScroll?: boolean
|
|
58
|
-
/**
|
|
59
|
-
* Whether the tooltip should close on click
|
|
60
|
-
* @default true
|
|
61
|
-
*/
|
|
62
|
-
closeOnClick?: boolean
|
|
63
|
-
/**
|
|
64
|
-
* Whether the tooltip's content is interactive.
|
|
65
|
-
* In this mode, the tooltip will remain open when user hovers over the content.
|
|
66
|
-
* @see https://www.w3.org/TR/WCAG21/#content-on-hover-or-focus
|
|
67
|
-
*
|
|
68
|
-
* @default false
|
|
69
|
-
*/
|
|
70
|
-
interactive: boolean
|
|
71
|
-
/**
|
|
72
|
-
* Function called when the tooltip is opened.
|
|
73
|
-
*/
|
|
74
|
-
onOpenChange?(details: OpenChangeDetails): void
|
|
75
|
-
/**
|
|
76
|
-
* Custom label for the tooltip.
|
|
77
|
-
*/
|
|
78
|
-
"aria-label"?: string
|
|
79
|
-
/**
|
|
80
|
-
* The user provided options used to position the popover content
|
|
81
|
-
*/
|
|
82
|
-
positioning: PositioningOptions
|
|
83
|
-
/**
|
|
84
|
-
* Whether the tooltip is disabled
|
|
85
|
-
*/
|
|
86
|
-
disabled?: boolean
|
|
87
|
-
/**
|
|
88
|
-
* Whether the tooltip is open
|
|
89
|
-
*/
|
|
90
|
-
open?: boolean
|
|
91
|
-
/**
|
|
92
|
-
* Whether the tooltip is controlled by the user
|
|
93
|
-
*/
|
|
94
|
-
"open.controlled"?: boolean
|
|
95
|
-
}
|
|
96
|
-
|
|
97
|
-
export type UserDefinedContext = RequiredBy<PublicContext, "id">
|
|
98
|
-
|
|
99
|
-
type ComputedContext = Readonly<{
|
|
100
|
-
/**
|
|
101
|
-
* @computed Whether an `aria-label` is set.
|
|
102
|
-
*/
|
|
103
|
-
hasAriaLabel: boolean
|
|
104
|
-
}>
|
|
105
|
-
|
|
106
|
-
interface PrivateContext {
|
|
107
|
-
/**
|
|
108
|
-
* @internal
|
|
109
|
-
* The computed placement of the tooltip.
|
|
110
|
-
*/
|
|
111
|
-
currentPlacement?: Placement
|
|
112
|
-
/**
|
|
113
|
-
* @internal
|
|
114
|
-
* Whether the pointermove already opened the tooltip.
|
|
115
|
-
*/
|
|
116
|
-
hasPointerMoveOpened?: boolean
|
|
117
|
-
}
|
|
118
|
-
|
|
119
|
-
export interface MachineContext extends PublicContext, ComputedContext, PrivateContext {}
|
|
120
|
-
|
|
121
|
-
export interface MachineState {
|
|
122
|
-
value: "opening" | "open" | "closing" | "closed"
|
|
123
|
-
tags: "open" | "closed"
|
|
124
|
-
}
|
|
125
|
-
|
|
126
|
-
export type State = S.State<MachineContext, MachineState>
|
|
127
|
-
|
|
128
|
-
export type Send = S.Send<S.AnyEventObject>
|
|
129
|
-
|
|
130
|
-
export type Service = Machine<MachineContext, MachineState, S.AnyEventObject>
|
|
131
|
-
|
|
132
|
-
/* -----------------------------------------------------------------------------
|
|
133
|
-
* Component API
|
|
134
|
-
* -----------------------------------------------------------------------------*/
|
|
135
|
-
|
|
136
|
-
export interface MachineApi<T extends PropTypes = PropTypes> {
|
|
137
|
-
/**
|
|
138
|
-
* Whether the tooltip is open.
|
|
139
|
-
*/
|
|
140
|
-
open: boolean
|
|
141
|
-
/**
|
|
142
|
-
* Function to open the tooltip.
|
|
143
|
-
*/
|
|
144
|
-
setOpen(open: boolean): void
|
|
145
|
-
/**
|
|
146
|
-
* Function to reposition the popover
|
|
147
|
-
*/
|
|
148
|
-
reposition(options?: Partial<PositioningOptions>): void
|
|
149
|
-
|
|
150
|
-
getTriggerProps(): T["button"]
|
|
151
|
-
getArrowProps(): T["element"]
|
|
152
|
-
getArrowTipProps(): T["element"]
|
|
153
|
-
getPositionerProps(): T["element"]
|
|
154
|
-
getContentProps(): T["element"]
|
|
155
|
-
}
|
|
156
|
-
|
|
157
|
-
/* -----------------------------------------------------------------------------
|
|
158
|
-
* Re-exported types
|
|
159
|
-
* -----------------------------------------------------------------------------*/
|
|
160
|
-
|
|
161
|
-
export type { Placement, PositioningOptions }
|