frey-ui 1.1.0 → 1.2.1
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/README.md +1 -1
- package/dist/cjs/Calendar/calendar.css +216 -0
- package/dist/cjs/Calendar/calendar.module.css.cjs +10 -0
- package/dist/cjs/Calendar/calendar.module.css.cjs.map +1 -0
- package/dist/cjs/Calendar/calendarInteractions.cjs +34 -0
- package/dist/cjs/Calendar/calendarInteractions.cjs.map +1 -0
- package/dist/cjs/Calendar/calendarModel.cjs +232 -0
- package/dist/cjs/Calendar/calendarModel.cjs.map +1 -0
- package/dist/cjs/Calendar/index.cjs +204 -0
- package/dist/cjs/Calendar/index.cjs.map +1 -0
- package/dist/cjs/DateField/DateFieldSegments.cjs +71 -0
- package/dist/cjs/DateField/DateFieldSegments.cjs.map +1 -0
- package/dist/cjs/DateField/DateSegmentInput.cjs +17 -0
- package/dist/cjs/DateField/DateSegmentInput.cjs.map +1 -0
- package/dist/cjs/DateField/dateFieldInteractions.cjs +205 -0
- package/dist/cjs/DateField/dateFieldInteractions.cjs.map +1 -0
- package/dist/cjs/DateField/dateFieldState.cjs +127 -0
- package/dist/cjs/DateField/dateFieldState.cjs.map +1 -0
- package/dist/cjs/DateField/datefield.css +134 -0
- package/dist/cjs/DateField/datefield.module.css.cjs +10 -0
- package/dist/cjs/DateField/datefield.module.css.cjs.map +1 -0
- package/dist/cjs/DateField/index.cjs +203 -0
- package/dist/cjs/DateField/index.cjs.map +1 -0
- package/dist/cjs/DatePicker/datepicker.css +24 -0
- package/dist/cjs/DatePicker/datepicker.module.css.cjs +10 -0
- package/dist/cjs/DatePicker/datepicker.module.css.cjs.map +1 -0
- package/dist/cjs/DatePicker/index.cjs +98 -0
- package/dist/cjs/DatePicker/index.cjs.map +1 -0
- package/dist/cjs/DropdownMenu/index.cjs +28 -55
- package/dist/cjs/DropdownMenu/index.cjs.map +1 -1
- package/dist/cjs/Icons/CalendarIcon.cjs +12 -0
- package/dist/cjs/Icons/CalendarIcon.cjs.map +1 -0
- package/dist/cjs/Popover/index.cjs +29 -52
- package/dist/cjs/Popover/index.cjs.map +1 -1
- package/dist/cjs/Tooltip/index.cjs +29 -34
- package/dist/cjs/Tooltip/index.cjs.map +1 -1
- package/dist/cjs/date/dateEngine.cjs +591 -0
- package/dist/cjs/date/dateEngine.cjs.map +1 -0
- package/dist/cjs/date/dateLocale.cjs +239 -0
- package/dist/cjs/date/dateLocale.cjs.map +1 -0
- package/dist/cjs/date/japaneseEraData.cjs +252 -0
- package/dist/cjs/date/japaneseEraData.cjs.map +1 -0
- package/dist/cjs/date/useDateLocale.cjs +24 -0
- package/dist/cjs/date/useDateLocale.cjs.map +1 -0
- package/dist/cjs/floating/FocusScope.cjs +195 -0
- package/dist/cjs/floating/FocusScope.cjs.map +1 -0
- package/dist/cjs/floating/autoUpdate.cjs +205 -0
- package/dist/cjs/floating/autoUpdate.cjs.map +1 -0
- package/dist/cjs/floating/dismissibleLayer.cjs +116 -0
- package/dist/cjs/floating/dismissibleLayer.cjs.map +1 -0
- package/dist/cjs/floating/geometry.cjs +160 -0
- package/dist/cjs/floating/geometry.cjs.map +1 -0
- package/dist/cjs/floating/platform.cjs +15 -0
- package/dist/cjs/floating/platform.cjs.map +1 -0
- package/dist/cjs/floating/pointerEvent.cjs +92 -0
- package/dist/cjs/floating/pointerEvent.cjs.map +1 -0
- package/dist/cjs/floating/tabbable.cjs +101 -0
- package/dist/cjs/floating/tabbable.cjs.map +1 -0
- package/dist/cjs/floating/useFloatingPosition.cjs +119 -0
- package/dist/cjs/floating/useFloatingPosition.cjs.map +1 -0
- package/dist/cjs/floating/useTooltipInteractions.cjs +136 -0
- package/dist/cjs/floating/useTooltipInteractions.cjs.map +1 -0
- package/dist/cjs/index.cjs +68 -60
- package/dist/cjs/index.cjs.map +1 -1
- package/dist/cjs/theme.css +14 -0
- package/dist/esm/Calendar/calendar.css +216 -0
- package/dist/esm/Calendar/calendar.module.css.mjs +6 -0
- package/dist/esm/Calendar/calendar.module.css.mjs.map +1 -0
- package/dist/esm/Calendar/calendarInteractions.mjs +32 -0
- package/dist/esm/Calendar/calendarInteractions.mjs.map +1 -0
- package/dist/esm/Calendar/calendarModel.mjs +224 -0
- package/dist/esm/Calendar/calendarModel.mjs.map +1 -0
- package/dist/esm/Calendar/index.mjs +200 -0
- package/dist/esm/Calendar/index.mjs.map +1 -0
- package/dist/esm/DateField/DateFieldSegments.mjs +69 -0
- package/dist/esm/DateField/DateFieldSegments.mjs.map +1 -0
- package/dist/esm/DateField/DateSegmentInput.mjs +15 -0
- package/dist/esm/DateField/DateSegmentInput.mjs.map +1 -0
- package/dist/esm/DateField/dateFieldInteractions.mjs +198 -0
- package/dist/esm/DateField/dateFieldInteractions.mjs.map +1 -0
- package/dist/esm/DateField/dateFieldState.mjs +119 -0
- package/dist/esm/DateField/dateFieldState.mjs.map +1 -0
- package/dist/esm/DateField/datefield.css +134 -0
- package/dist/esm/DateField/datefield.module.css.mjs +6 -0
- package/dist/esm/DateField/datefield.module.css.mjs.map +1 -0
- package/dist/esm/DateField/index.mjs +198 -0
- package/dist/esm/DateField/index.mjs.map +1 -0
- package/dist/esm/DatePicker/datepicker.css +24 -0
- package/dist/esm/DatePicker/datepicker.module.css.mjs +6 -0
- package/dist/esm/DatePicker/datepicker.module.css.mjs.map +1 -0
- package/dist/esm/DatePicker/index.mjs +94 -0
- package/dist/esm/DatePicker/index.mjs.map +1 -0
- package/dist/esm/DropdownMenu/index.mjs +29 -56
- package/dist/esm/DropdownMenu/index.mjs.map +1 -1
- package/dist/esm/Icons/CalendarIcon.mjs +10 -0
- package/dist/esm/Icons/CalendarIcon.mjs.map +1 -0
- package/dist/esm/Popover/index.mjs +30 -53
- package/dist/esm/Popover/index.mjs.map +1 -1
- package/dist/esm/Tooltip/index.mjs +29 -34
- package/dist/esm/Tooltip/index.mjs.map +1 -1
- package/dist/esm/date/dateEngine.mjs +573 -0
- package/dist/esm/date/dateEngine.mjs.map +1 -0
- package/dist/esm/date/dateLocale.mjs +226 -0
- package/dist/esm/date/dateLocale.mjs.map +1 -0
- package/dist/esm/date/japaneseEraData.mjs +250 -0
- package/dist/esm/date/japaneseEraData.mjs.map +1 -0
- package/dist/esm/date/useDateLocale.mjs +22 -0
- package/dist/esm/date/useDateLocale.mjs.map +1 -0
- package/dist/esm/floating/FocusScope.mjs +193 -0
- package/dist/esm/floating/FocusScope.mjs.map +1 -0
- package/dist/esm/floating/autoUpdate.mjs +202 -0
- package/dist/esm/floating/autoUpdate.mjs.map +1 -0
- package/dist/esm/floating/dismissibleLayer.mjs +114 -0
- package/dist/esm/floating/dismissibleLayer.mjs.map +1 -0
- package/dist/esm/floating/geometry.mjs +158 -0
- package/dist/esm/floating/geometry.mjs.map +1 -0
- package/dist/esm/floating/platform.mjs +12 -0
- package/dist/esm/floating/platform.mjs.map +1 -0
- package/dist/esm/floating/pointerEvent.mjs +89 -0
- package/dist/esm/floating/pointerEvent.mjs.map +1 -0
- package/dist/esm/floating/tabbable.mjs +99 -0
- package/dist/esm/floating/tabbable.mjs.map +1 -0
- package/dist/esm/floating/useFloatingPosition.mjs +117 -0
- package/dist/esm/floating/useFloatingPosition.mjs.map +1 -0
- package/dist/esm/floating/useTooltipInteractions.mjs +134 -0
- package/dist/esm/floating/useTooltipInteractions.mjs.map +1 -0
- package/dist/esm/index.mjs +4 -0
- package/dist/esm/index.mjs.map +1 -1
- package/dist/esm/theme.css +14 -0
- package/dist/index.d.ts +80 -3
- package/dist/types/src/Calendar/calendarInteractions.d.ts +9 -0
- package/dist/types/src/Calendar/calendarInteractions.d.ts.map +1 -0
- package/dist/types/src/Calendar/calendarModel.d.ts +81 -0
- package/dist/types/src/Calendar/calendarModel.d.ts.map +1 -0
- package/dist/types/src/Calendar/index.d.ts +26 -0
- package/dist/types/src/Calendar/index.d.ts.map +1 -0
- package/dist/types/src/DateField/DateFieldSegments.d.ts +28 -0
- package/dist/types/src/DateField/DateFieldSegments.d.ts.map +1 -0
- package/dist/types/src/DateField/DateSegmentInput.d.ts +23 -0
- package/dist/types/src/DateField/DateSegmentInput.d.ts.map +1 -0
- package/dist/types/src/DateField/dateFieldInteractions.d.ts +66 -0
- package/dist/types/src/DateField/dateFieldInteractions.d.ts.map +1 -0
- package/dist/types/src/DateField/dateFieldState.d.ts +32 -0
- package/dist/types/src/DateField/dateFieldState.d.ts.map +1 -0
- package/dist/types/src/DateField/index.d.ts +42 -0
- package/dist/types/src/DateField/index.d.ts.map +1 -0
- package/dist/types/src/DatePicker/index.d.ts +19 -0
- package/dist/types/src/DatePicker/index.d.ts.map +1 -0
- package/dist/types/src/DropdownMenu/index.d.ts.map +1 -1
- package/dist/types/src/Icons/CalendarIcon.d.ts +4 -0
- package/dist/types/src/Icons/CalendarIcon.d.ts.map +1 -0
- package/dist/types/src/Icons/index.d.ts +1 -0
- package/dist/types/src/Icons/index.d.ts.map +1 -1
- package/dist/types/src/Popover/index.d.ts +3 -1
- package/dist/types/src/Popover/index.d.ts.map +1 -1
- package/dist/types/src/Tooltip/index.d.ts.map +1 -1
- package/dist/types/src/date/dateEngine.d.ts +22 -0
- package/dist/types/src/date/dateEngine.d.ts.map +1 -0
- package/dist/types/src/date/dateLocale.d.ts +30 -0
- package/dist/types/src/date/dateLocale.d.ts.map +1 -0
- package/dist/types/src/date/japaneseEraData.d.ts +7 -0
- package/dist/types/src/date/japaneseEraData.d.ts.map +1 -0
- package/dist/types/src/date/types.d.ts +23 -0
- package/dist/types/src/date/types.d.ts.map +1 -0
- package/dist/types/src/date/useDateLocale.d.ts +2 -0
- package/dist/types/src/date/useDateLocale.d.ts.map +1 -0
- package/dist/types/src/floating/FocusScope.d.ts +11 -0
- package/dist/types/src/floating/FocusScope.d.ts.map +1 -0
- package/dist/types/src/floating/autoUpdate.d.ts +5 -0
- package/dist/types/src/floating/autoUpdate.d.ts.map +1 -0
- package/dist/types/src/floating/dismissibleLayer.d.ts +12 -0
- package/dist/types/src/floating/dismissibleLayer.d.ts.map +1 -0
- package/dist/types/src/floating/geometry.d.ts +27 -0
- package/dist/types/src/floating/geometry.d.ts.map +1 -0
- package/dist/types/src/floating/platform.d.ts +3 -0
- package/dist/types/src/floating/platform.d.ts.map +1 -0
- package/dist/types/src/floating/pointerEvent.d.ts +3 -0
- package/dist/types/src/floating/pointerEvent.d.ts.map +1 -0
- package/dist/types/src/floating/tabbable.d.ts +2 -0
- package/dist/types/src/floating/tabbable.d.ts.map +1 -0
- package/dist/types/src/floating/useFloatingPosition.d.ts +18 -0
- package/dist/types/src/floating/useFloatingPosition.d.ts.map +1 -0
- package/dist/types/src/floating/useTooltipInteractions.d.ts +9 -0
- package/dist/types/src/floating/useTooltipInteractions.d.ts.map +1 -0
- package/dist/types/src/index.d.ts +8 -1
- package/dist/types/src/index.d.ts.map +1 -1
- package/package.json +1 -2
- package/dist/cjs/hooks/floatingConfig.cjs +0 -24
- package/dist/cjs/hooks/floatingConfig.cjs.map +0 -1
- package/dist/esm/hooks/floatingConfig.mjs +0 -20
- package/dist/esm/hooks/floatingConfig.mjs.map +0 -1
- package/dist/types/src/hooks/floatingConfig.d.ts +0 -6
- package/dist/types/src/hooks/floatingConfig.d.ts.map +0 -1
|
@@ -0,0 +1,160 @@
|
|
|
1
|
+
'use client';
|
|
2
|
+
'use strict';
|
|
3
|
+
|
|
4
|
+
const oppositeSide = {
|
|
5
|
+
top: 'bottom',
|
|
6
|
+
right: 'left',
|
|
7
|
+
bottom: 'top',
|
|
8
|
+
left: 'right',
|
|
9
|
+
};
|
|
10
|
+
function getOppositeAlignment(alignment) {
|
|
11
|
+
return alignment === 'start' ? 'end' : 'start';
|
|
12
|
+
}
|
|
13
|
+
function getCandidates(side, alignment) {
|
|
14
|
+
const opposite = oppositeSide[side];
|
|
15
|
+
if (alignment === 'center') {
|
|
16
|
+
return [
|
|
17
|
+
{ side, alignment },
|
|
18
|
+
{ side: opposite, alignment },
|
|
19
|
+
];
|
|
20
|
+
}
|
|
21
|
+
const oppositeAlignment = getOppositeAlignment(alignment);
|
|
22
|
+
return [
|
|
23
|
+
{ side, alignment },
|
|
24
|
+
{ side, alignment: oppositeAlignment },
|
|
25
|
+
{ side: opposite, alignment },
|
|
26
|
+
{ side: opposite, alignment: oppositeAlignment },
|
|
27
|
+
];
|
|
28
|
+
}
|
|
29
|
+
function getVerticalSideX(referenceRect, floatingWidth, alignment, direction) {
|
|
30
|
+
if (alignment === 'center') {
|
|
31
|
+
return referenceRect.left + (referenceRect.width - floatingWidth) / 2;
|
|
32
|
+
}
|
|
33
|
+
const logicalStartIsLeft = direction === 'ltr';
|
|
34
|
+
const alignLeft = alignment === 'start' ? logicalStartIsLeft : !logicalStartIsLeft;
|
|
35
|
+
return alignLeft ? referenceRect.left : referenceRect.right - floatingWidth;
|
|
36
|
+
}
|
|
37
|
+
function getHorizontalSideY(referenceRect, floatingHeight, alignment) {
|
|
38
|
+
if (alignment === 'center') {
|
|
39
|
+
return referenceRect.top + (referenceRect.height - floatingHeight) / 2;
|
|
40
|
+
}
|
|
41
|
+
return alignment === 'start'
|
|
42
|
+
? referenceRect.top
|
|
43
|
+
: referenceRect.bottom - floatingHeight;
|
|
44
|
+
}
|
|
45
|
+
function getCandidateCoordinates(candidate, input) {
|
|
46
|
+
const { referenceRect, floatingSize, offset, direction } = input;
|
|
47
|
+
if (candidate.side === 'top' || candidate.side === 'bottom') {
|
|
48
|
+
return {
|
|
49
|
+
x: getVerticalSideX(referenceRect, floatingSize.width, candidate.alignment, direction),
|
|
50
|
+
y: candidate.side === 'top'
|
|
51
|
+
? referenceRect.top - floatingSize.height - offset
|
|
52
|
+
: referenceRect.bottom + offset,
|
|
53
|
+
};
|
|
54
|
+
}
|
|
55
|
+
return {
|
|
56
|
+
x: candidate.side === 'left'
|
|
57
|
+
? referenceRect.left - floatingSize.width - offset
|
|
58
|
+
: referenceRect.right + offset,
|
|
59
|
+
y: getHorizontalSideY(referenceRect, floatingSize.height, candidate.alignment),
|
|
60
|
+
};
|
|
61
|
+
}
|
|
62
|
+
function getOverflow(coordinates, input) {
|
|
63
|
+
const { floatingSize, clippingRect, collisionPadding } = input;
|
|
64
|
+
const minimumX = clippingRect.left + collisionPadding;
|
|
65
|
+
const maximumX = clippingRect.right - collisionPadding;
|
|
66
|
+
const minimumY = clippingRect.top + collisionPadding;
|
|
67
|
+
const maximumY = clippingRect.bottom - collisionPadding;
|
|
68
|
+
return {
|
|
69
|
+
top: minimumY - coordinates.y,
|
|
70
|
+
right: coordinates.x + floatingSize.width - maximumX,
|
|
71
|
+
bottom: coordinates.y + floatingSize.height - maximumY,
|
|
72
|
+
left: minimumX - coordinates.x,
|
|
73
|
+
};
|
|
74
|
+
}
|
|
75
|
+
function getOppositeOverflowSide(side) {
|
|
76
|
+
return oppositeSide[side];
|
|
77
|
+
}
|
|
78
|
+
function getRelevantOverflow(candidate, overflow, input) {
|
|
79
|
+
const verticalSide = candidate.side === 'top' || candidate.side === 'bottom';
|
|
80
|
+
let alignmentSide;
|
|
81
|
+
if (verticalSide) {
|
|
82
|
+
const alignmentUsesRightSide = input.direction === 'rtl'
|
|
83
|
+
? candidate.alignment === 'end'
|
|
84
|
+
: candidate.alignment === 'start';
|
|
85
|
+
alignmentSide = alignmentUsesRightSide ? 'right' : 'left';
|
|
86
|
+
if (input.referenceRect.width > input.floatingSize.width) {
|
|
87
|
+
alignmentSide = getOppositeOverflowSide(alignmentSide);
|
|
88
|
+
}
|
|
89
|
+
}
|
|
90
|
+
else {
|
|
91
|
+
alignmentSide = candidate.alignment === 'start' ? 'bottom' : 'top';
|
|
92
|
+
if (input.referenceRect.height > input.floatingSize.height) {
|
|
93
|
+
alignmentSide = getOppositeOverflowSide(alignmentSide);
|
|
94
|
+
}
|
|
95
|
+
}
|
|
96
|
+
return [
|
|
97
|
+
overflow[candidate.side],
|
|
98
|
+
overflow[alignmentSide],
|
|
99
|
+
overflow[getOppositeOverflowSide(alignmentSide)],
|
|
100
|
+
];
|
|
101
|
+
}
|
|
102
|
+
function fits(relevantOverflow) {
|
|
103
|
+
return relevantOverflow.every((value) => value <= 0);
|
|
104
|
+
}
|
|
105
|
+
function getOverflowScore(relevantOverflow) {
|
|
106
|
+
return relevantOverflow.reduce((total, value) => total + Math.max(0, value), 0);
|
|
107
|
+
}
|
|
108
|
+
function clamp(value, minimum, maximum) {
|
|
109
|
+
return Math.max(minimum, Math.min(value, maximum));
|
|
110
|
+
}
|
|
111
|
+
function shiftCrossAxis(position, input) {
|
|
112
|
+
const { floatingSize, clippingRect, collisionPadding } = input;
|
|
113
|
+
if (position.side === 'top' || position.side === 'bottom') {
|
|
114
|
+
return {
|
|
115
|
+
...position,
|
|
116
|
+
x: clamp(position.x, clippingRect.left + collisionPadding, clippingRect.right - collisionPadding - floatingSize.width),
|
|
117
|
+
};
|
|
118
|
+
}
|
|
119
|
+
return {
|
|
120
|
+
...position,
|
|
121
|
+
y: clamp(position.y, clippingRect.top + collisionPadding, clippingRect.bottom - collisionPadding - floatingSize.height),
|
|
122
|
+
};
|
|
123
|
+
}
|
|
124
|
+
function roundByDpr(value, devicePixelRatio) {
|
|
125
|
+
const dpr = devicePixelRatio > 0 ? devicePixelRatio : 1;
|
|
126
|
+
return Math.round(value * dpr) / dpr;
|
|
127
|
+
}
|
|
128
|
+
function computeFloatingPosition(input) {
|
|
129
|
+
const candidates = getCandidates(input.side, input.alignment);
|
|
130
|
+
const evaluations = [];
|
|
131
|
+
for (const candidate of candidates) {
|
|
132
|
+
const coordinates = getCandidateCoordinates(candidate, input);
|
|
133
|
+
const position = { ...coordinates, ...candidate };
|
|
134
|
+
const overflow = getOverflow(coordinates, input);
|
|
135
|
+
const relevantOverflow = getRelevantOverflow(candidate, overflow, input);
|
|
136
|
+
evaluations.push({ position, relevantOverflow });
|
|
137
|
+
if (fits(relevantOverflow)) {
|
|
138
|
+
const shifted = shiftCrossAxis(position, input);
|
|
139
|
+
return {
|
|
140
|
+
...shifted,
|
|
141
|
+
x: roundByDpr(shifted.x, input.devicePixelRatio),
|
|
142
|
+
y: roundByDpr(shifted.y, input.devicePixelRatio),
|
|
143
|
+
};
|
|
144
|
+
}
|
|
145
|
+
}
|
|
146
|
+
const mainAxisFit = evaluations
|
|
147
|
+
.filter(({ relevantOverflow }) => relevantOverflow[0] <= 0)
|
|
148
|
+
.sort((first, second) => first.relevantOverflow[1] - second.relevantOverflow[1])[0];
|
|
149
|
+
const bestFit = [...evaluations].sort((first, second) => getOverflowScore(first.relevantOverflow) -
|
|
150
|
+
getOverflowScore(second.relevantOverflow))[0];
|
|
151
|
+
const shifted = shiftCrossAxis((mainAxisFit ?? bestFit).position, input);
|
|
152
|
+
return {
|
|
153
|
+
...shifted,
|
|
154
|
+
x: roundByDpr(shifted.x, input.devicePixelRatio),
|
|
155
|
+
y: roundByDpr(shifted.y, input.devicePixelRatio),
|
|
156
|
+
};
|
|
157
|
+
}
|
|
158
|
+
|
|
159
|
+
exports.computeFloatingPosition = computeFloatingPosition;
|
|
160
|
+
//# sourceMappingURL=geometry.cjs.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"geometry.cjs","sources":["../../../src/floating/geometry.ts"],"sourcesContent":[null],"names":[],"mappings":"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"}
|
|
@@ -0,0 +1,15 @@
|
|
|
1
|
+
'use client';
|
|
2
|
+
'use strict';
|
|
3
|
+
|
|
4
|
+
function isWebKit(ownerWindow) {
|
|
5
|
+
const css = ownerWindow?.CSS;
|
|
6
|
+
return Boolean(css?.supports?.('-webkit-backdrop-filter', 'none') ?? false);
|
|
7
|
+
}
|
|
8
|
+
function isSafari(ownerWindow) {
|
|
9
|
+
return (isWebKit(ownerWindow) &&
|
|
10
|
+
ownerWindow?.navigator.vendor.includes('Apple') === true);
|
|
11
|
+
}
|
|
12
|
+
|
|
13
|
+
exports.isSafari = isSafari;
|
|
14
|
+
exports.isWebKit = isWebKit;
|
|
15
|
+
//# sourceMappingURL=platform.cjs.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"platform.cjs","sources":["../../../src/floating/platform.ts"],"sourcesContent":[null],"names":[],"mappings":";;;AAAM,SAAU,QAAQ,CAAC,WAA0B,EAAA;AACjD,IAAA,MAAM,GAAG,GACP,WAKD,EAAE,GAAG;AACN,IAAA,OAAO,OAAO,CAAC,GAAG,EAAE,QAAQ,GAAG,yBAAyB,EAAE,MAAM,CAAC,IAAI,KAAK,CAAC;AAC7E;AAEM,SAAU,QAAQ,CAAC,WAA0B,EAAA;AACjD,IAAA,QACE,QAAQ,CAAC,WAAW,CAAC;AACrB,QAAA,WAAW,EAAE,SAAS,CAAC,MAAM,CAAC,QAAQ,CAAC,OAAO,CAAC,KAAK,IAAI;AAE5D;;;;;"}
|
|
@@ -0,0 +1,92 @@
|
|
|
1
|
+
'use client';
|
|
2
|
+
'use strict';
|
|
3
|
+
|
|
4
|
+
const scrollableOverflow = /^(auto|overlay|scroll)$/;
|
|
5
|
+
function getEventPath(event) {
|
|
6
|
+
if (typeof event.composedPath === 'function')
|
|
7
|
+
return event.composedPath();
|
|
8
|
+
return event.target ? [event.target] : [];
|
|
9
|
+
}
|
|
10
|
+
function eventIsInside(event, element) {
|
|
11
|
+
if (!element)
|
|
12
|
+
return false;
|
|
13
|
+
const path = getEventPath(event);
|
|
14
|
+
if (path.includes(element))
|
|
15
|
+
return true;
|
|
16
|
+
return event.target instanceof Node && element.contains(event.target);
|
|
17
|
+
}
|
|
18
|
+
function isDocumentScrollbarTarget(event, ownerDocument) {
|
|
19
|
+
return (event.target === ownerDocument.documentElement ||
|
|
20
|
+
event.target === ownerDocument.body);
|
|
21
|
+
}
|
|
22
|
+
function isDocumentScrollbarPress(event, ownerDocument) {
|
|
23
|
+
const documentElement = ownerDocument.documentElement;
|
|
24
|
+
return (event.clientX > documentElement.clientWidth ||
|
|
25
|
+
event.clientY > documentElement.clientHeight);
|
|
26
|
+
}
|
|
27
|
+
function getPointerTargetContext(event, ownerDocument) {
|
|
28
|
+
const ownerWindow = ownerDocument.defaultView;
|
|
29
|
+
if (!ownerWindow)
|
|
30
|
+
return null;
|
|
31
|
+
const target = getEventPath(event).find((entry) => entry instanceof ownerWindow.HTMLElement);
|
|
32
|
+
return target ? { ownerWindow, target } : null;
|
|
33
|
+
}
|
|
34
|
+
function hasScrollbar(overflow, scrollSize, clientSize) {
|
|
35
|
+
return (scrollableOverflow.test(overflow) &&
|
|
36
|
+
(overflow === 'scroll' || scrollSize > clientSize));
|
|
37
|
+
}
|
|
38
|
+
function getElementScale(rectSize, layoutSize) {
|
|
39
|
+
return layoutSize > 0 ? rectSize / layoutSize : 1;
|
|
40
|
+
}
|
|
41
|
+
function getScrollbarPresence(target, style) {
|
|
42
|
+
return {
|
|
43
|
+
horizontal: hasScrollbar(style.overflowX, target.scrollWidth, target.clientWidth),
|
|
44
|
+
vertical: hasScrollbar(style.overflowY, target.scrollHeight, target.clientHeight),
|
|
45
|
+
};
|
|
46
|
+
}
|
|
47
|
+
function getScaledClientBounds(target) {
|
|
48
|
+
const rect = target.getBoundingClientRect();
|
|
49
|
+
const scaleX = getElementScale(rect.width, target.offsetWidth);
|
|
50
|
+
const scaleY = getElementScale(rect.height, target.offsetHeight);
|
|
51
|
+
const left = target.clientLeft * scaleX;
|
|
52
|
+
const top = target.clientTop * scaleY;
|
|
53
|
+
return {
|
|
54
|
+
bottom: top + target.clientHeight * scaleY,
|
|
55
|
+
left,
|
|
56
|
+
rectLeft: rect.left,
|
|
57
|
+
rectTop: rect.top,
|
|
58
|
+
right: left + target.clientWidth * scaleX,
|
|
59
|
+
};
|
|
60
|
+
}
|
|
61
|
+
function isVerticalScrollbarPress(pointerX, style, bounds, present) {
|
|
62
|
+
if (!present)
|
|
63
|
+
return false;
|
|
64
|
+
return style.direction === 'rtl'
|
|
65
|
+
? pointerX < bounds.left
|
|
66
|
+
: pointerX > bounds.right;
|
|
67
|
+
}
|
|
68
|
+
function isHorizontalScrollbarPress(pointerY, bounds, present) {
|
|
69
|
+
return present && pointerY > bounds.bottom;
|
|
70
|
+
}
|
|
71
|
+
function isElementScrollbarPress(event, { ownerWindow, target }) {
|
|
72
|
+
const style = ownerWindow.getComputedStyle(target);
|
|
73
|
+
const scrollbars = getScrollbarPresence(target, style);
|
|
74
|
+
if (!scrollbars.horizontal && !scrollbars.vertical)
|
|
75
|
+
return false;
|
|
76
|
+
const bounds = getScaledClientBounds(target);
|
|
77
|
+
const pointerX = event.clientX - bounds.rectLeft;
|
|
78
|
+
const pointerY = event.clientY - bounds.rectTop;
|
|
79
|
+
return (isVerticalScrollbarPress(pointerX, style, bounds, scrollbars.vertical) ||
|
|
80
|
+
isHorizontalScrollbarPress(pointerY, bounds, scrollbars.horizontal));
|
|
81
|
+
}
|
|
82
|
+
function isScrollbarPress(event, ownerDocument) {
|
|
83
|
+
if (isDocumentScrollbarTarget(event, ownerDocument)) {
|
|
84
|
+
return isDocumentScrollbarPress(event, ownerDocument);
|
|
85
|
+
}
|
|
86
|
+
const context = getPointerTargetContext(event, ownerDocument);
|
|
87
|
+
return context ? isElementScrollbarPress(event, context) : false;
|
|
88
|
+
}
|
|
89
|
+
|
|
90
|
+
exports.eventIsInside = eventIsInside;
|
|
91
|
+
exports.isScrollbarPress = isScrollbarPress;
|
|
92
|
+
//# sourceMappingURL=pointerEvent.cjs.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"pointerEvent.cjs","sources":["../../../src/floating/pointerEvent.ts"],"sourcesContent":[null],"names":[],"mappings":"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"}
|
|
@@ -0,0 +1,101 @@
|
|
|
1
|
+
'use client';
|
|
2
|
+
'use strict';
|
|
3
|
+
|
|
4
|
+
const focusableSelector = [
|
|
5
|
+
'a[href]',
|
|
6
|
+
'area[href]',
|
|
7
|
+
'button',
|
|
8
|
+
'input',
|
|
9
|
+
'select',
|
|
10
|
+
'textarea',
|
|
11
|
+
'iframe',
|
|
12
|
+
'object',
|
|
13
|
+
'embed',
|
|
14
|
+
'[contenteditable]:not([contenteditable="false"])',
|
|
15
|
+
'audio[controls]',
|
|
16
|
+
'video[controls]',
|
|
17
|
+
'summary',
|
|
18
|
+
'[tabindex]',
|
|
19
|
+
].join(',');
|
|
20
|
+
function isElementDisabled(element) {
|
|
21
|
+
return element.matches(':disabled') || element.closest('[inert]') !== null;
|
|
22
|
+
}
|
|
23
|
+
function isInsideClosedDetails(element) {
|
|
24
|
+
let current = element.parentElement;
|
|
25
|
+
while (current) {
|
|
26
|
+
if (current.tagName === 'DETAILS' && !current.hasAttribute('open')) {
|
|
27
|
+
const summary = [...current.children].find((child) => child.tagName === 'SUMMARY');
|
|
28
|
+
if (!summary?.contains(element))
|
|
29
|
+
return true;
|
|
30
|
+
}
|
|
31
|
+
current = current.parentElement;
|
|
32
|
+
}
|
|
33
|
+
return false;
|
|
34
|
+
}
|
|
35
|
+
function isElementVisible(element) {
|
|
36
|
+
if (isInsideClosedDetails(element))
|
|
37
|
+
return false;
|
|
38
|
+
let current = element;
|
|
39
|
+
while (current) {
|
|
40
|
+
if (current.hidden)
|
|
41
|
+
return false;
|
|
42
|
+
const style = current.ownerDocument.defaultView?.getComputedStyle(current);
|
|
43
|
+
if (style?.display === 'none' || style?.visibility === 'hidden') {
|
|
44
|
+
return false;
|
|
45
|
+
}
|
|
46
|
+
current = current.parentElement;
|
|
47
|
+
}
|
|
48
|
+
return true;
|
|
49
|
+
}
|
|
50
|
+
function isRadio(element) {
|
|
51
|
+
return (element.tagName === 'INPUT' &&
|
|
52
|
+
element.type === 'radio');
|
|
53
|
+
}
|
|
54
|
+
function filterRadioGroups(candidates) {
|
|
55
|
+
const radioGroups = [];
|
|
56
|
+
candidates.forEach((element) => {
|
|
57
|
+
if (!isRadio(element) || !element.name)
|
|
58
|
+
return;
|
|
59
|
+
const group = radioGroups.find(([radio]) => radio.name === element.name && radio.form === element.form);
|
|
60
|
+
if (group) {
|
|
61
|
+
group.push(element);
|
|
62
|
+
}
|
|
63
|
+
else {
|
|
64
|
+
radioGroups.push([element]);
|
|
65
|
+
}
|
|
66
|
+
});
|
|
67
|
+
const allowedRadios = new Set();
|
|
68
|
+
radioGroups.forEach((group) => {
|
|
69
|
+
allowedRadios.add(group.find((radio) => radio.checked) ?? group[0]);
|
|
70
|
+
});
|
|
71
|
+
return candidates.filter((element) => !isRadio(element) || !element.name || allowedRadios.has(element));
|
|
72
|
+
}
|
|
73
|
+
function sortByTabOrder(elements) {
|
|
74
|
+
return elements
|
|
75
|
+
.map((element, documentOrder) => ({ documentOrder, element }))
|
|
76
|
+
.sort((first, second) => {
|
|
77
|
+
const firstTabIndex = first.element.tabIndex;
|
|
78
|
+
const secondTabIndex = second.element.tabIndex;
|
|
79
|
+
if (firstTabIndex === secondTabIndex) {
|
|
80
|
+
return first.documentOrder - second.documentOrder;
|
|
81
|
+
}
|
|
82
|
+
if (firstTabIndex === 0)
|
|
83
|
+
return 1;
|
|
84
|
+
if (secondTabIndex === 0)
|
|
85
|
+
return -1;
|
|
86
|
+
return firstTabIndex - secondTabIndex;
|
|
87
|
+
})
|
|
88
|
+
.map(({ element }) => element);
|
|
89
|
+
}
|
|
90
|
+
function getTabbableElements(content) {
|
|
91
|
+
const candidates = [
|
|
92
|
+
...content.querySelectorAll(focusableSelector),
|
|
93
|
+
]
|
|
94
|
+
.filter((element) => element.tabIndex >= 0)
|
|
95
|
+
.filter((element) => !isElementDisabled(element))
|
|
96
|
+
.filter(isElementVisible);
|
|
97
|
+
return sortByTabOrder(filterRadioGroups(candidates));
|
|
98
|
+
}
|
|
99
|
+
|
|
100
|
+
exports.getTabbableElements = getTabbableElements;
|
|
101
|
+
//# sourceMappingURL=tabbable.cjs.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"tabbable.cjs","sources":["../../../src/floating/tabbable.ts"],"sourcesContent":[null],"names":[],"mappings":"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"}
|
|
@@ -0,0 +1,119 @@
|
|
|
1
|
+
'use client';
|
|
2
|
+
'use strict';
|
|
3
|
+
|
|
4
|
+
var React = require('react');
|
|
5
|
+
var autoUpdate = require('./autoUpdate.cjs');
|
|
6
|
+
var geometry = require('./geometry.cjs');
|
|
7
|
+
|
|
8
|
+
const COLLISION_PADDING = 8;
|
|
9
|
+
const useClientLayoutEffect = typeof document === 'undefined' ? React.useEffect : React.useLayoutEffect;
|
|
10
|
+
function getViewportRect(ownerWindow) {
|
|
11
|
+
const visualViewport = ownerWindow.visualViewport;
|
|
12
|
+
const left = visualViewport?.offsetLeft ?? 0;
|
|
13
|
+
const top = visualViewport?.offsetTop ?? 0;
|
|
14
|
+
const width = visualViewport?.width ?? ownerWindow.innerWidth;
|
|
15
|
+
const height = visualViewport?.height ?? ownerWindow.innerHeight;
|
|
16
|
+
return new DOMRect(left, top, width, height);
|
|
17
|
+
}
|
|
18
|
+
function intersectRects(first, second) {
|
|
19
|
+
const left = Math.max(first.left, second.left);
|
|
20
|
+
const top = Math.max(first.top, second.top);
|
|
21
|
+
const right = Math.min(first.right, second.right);
|
|
22
|
+
const bottom = Math.min(first.bottom, second.bottom);
|
|
23
|
+
return new DOMRect(left, top, Math.max(0, right - left), Math.max(0, bottom - top));
|
|
24
|
+
}
|
|
25
|
+
function getInnerClientRect(element) {
|
|
26
|
+
const rect = element.getBoundingClientRect();
|
|
27
|
+
if (!(element instanceof HTMLElement))
|
|
28
|
+
return rect;
|
|
29
|
+
const hasMeasuredWidth = element.offsetWidth > 0 || element.clientWidth > 0 || rect.width === 0;
|
|
30
|
+
const hasMeasuredHeight = element.offsetHeight > 0 || element.clientHeight > 0 || rect.height === 0;
|
|
31
|
+
if (!hasMeasuredWidth || !hasMeasuredHeight)
|
|
32
|
+
return rect;
|
|
33
|
+
const scaleX = element.offsetWidth > 0 ? rect.width / element.offsetWidth : 1;
|
|
34
|
+
const scaleY = element.offsetHeight > 0 ? rect.height / element.offsetHeight : 1;
|
|
35
|
+
return new DOMRect(rect.left + element.clientLeft * scaleX, rect.top + element.clientTop * scaleY, Math.max(0, element.clientWidth * scaleX), Math.max(0, element.clientHeight * scaleY));
|
|
36
|
+
}
|
|
37
|
+
function getClippingRect(reference, floating, ownerWindow) {
|
|
38
|
+
const clippingElements = new Set([
|
|
39
|
+
...autoUpdate.getOverflowElements(reference),
|
|
40
|
+
...autoUpdate.getOverflowElements(floating),
|
|
41
|
+
]);
|
|
42
|
+
let clippingRect = getViewportRect(ownerWindow);
|
|
43
|
+
clippingElements.forEach((element) => {
|
|
44
|
+
clippingRect = intersectRects(clippingRect, getInnerClientRect(element));
|
|
45
|
+
});
|
|
46
|
+
return clippingRect;
|
|
47
|
+
}
|
|
48
|
+
function measureFloating(element) {
|
|
49
|
+
const rect = element.getBoundingClientRect();
|
|
50
|
+
return {
|
|
51
|
+
width: element.offsetWidth || rect.width,
|
|
52
|
+
height: element.offsetHeight || rect.height,
|
|
53
|
+
};
|
|
54
|
+
}
|
|
55
|
+
function positionsMatch(first, second) {
|
|
56
|
+
const keys = ['x', 'y', 'side', 'alignment'];
|
|
57
|
+
for (const key of keys) {
|
|
58
|
+
if (first[key] !== second[key])
|
|
59
|
+
return false;
|
|
60
|
+
}
|
|
61
|
+
return true;
|
|
62
|
+
}
|
|
63
|
+
function useFloatingPosition({ open, side, alignment, offset, }) {
|
|
64
|
+
const referenceRef = React.useRef(null);
|
|
65
|
+
const floatingRef = React.useRef(null);
|
|
66
|
+
const [referenceNode, setReferenceNode] = React.useState(null);
|
|
67
|
+
const [floatingNode, setFloatingNode] = React.useState(null);
|
|
68
|
+
const [position, setPosition] = React.useState(() => ({
|
|
69
|
+
x: 0,
|
|
70
|
+
y: 0,
|
|
71
|
+
side,
|
|
72
|
+
alignment,
|
|
73
|
+
}));
|
|
74
|
+
const setReference = React.useCallback((node) => {
|
|
75
|
+
referenceRef.current = node;
|
|
76
|
+
setReferenceNode((current) => (current === node ? current : node));
|
|
77
|
+
}, []);
|
|
78
|
+
const setFloating = React.useCallback((node) => {
|
|
79
|
+
floatingRef.current = node;
|
|
80
|
+
setFloatingNode((current) => (current === node ? current : node));
|
|
81
|
+
}, []);
|
|
82
|
+
useClientLayoutEffect(() => {
|
|
83
|
+
if (!open || !referenceNode || !floatingNode)
|
|
84
|
+
return;
|
|
85
|
+
const update = () => {
|
|
86
|
+
const ownerWindow = referenceNode.ownerDocument.defaultView;
|
|
87
|
+
if (!ownerWindow)
|
|
88
|
+
return;
|
|
89
|
+
const nextPosition = geometry.computeFloatingPosition({
|
|
90
|
+
referenceRect: referenceNode.getBoundingClientRect(),
|
|
91
|
+
floatingSize: measureFloating(floatingNode),
|
|
92
|
+
side,
|
|
93
|
+
alignment,
|
|
94
|
+
offset,
|
|
95
|
+
clippingRect: getClippingRect(referenceNode, floatingNode, ownerWindow),
|
|
96
|
+
collisionPadding: COLLISION_PADDING,
|
|
97
|
+
direction: ownerWindow.getComputedStyle(referenceNode).direction === 'rtl'
|
|
98
|
+
? 'rtl'
|
|
99
|
+
: 'ltr',
|
|
100
|
+
devicePixelRatio: ownerWindow.devicePixelRatio,
|
|
101
|
+
});
|
|
102
|
+
setPosition((current) => positionsMatch(current, nextPosition) ? current : nextPosition);
|
|
103
|
+
};
|
|
104
|
+
return autoUpdate.autoUpdateFloating(referenceNode, floatingNode, update);
|
|
105
|
+
}, [alignment, floatingNode, offset, open, referenceNode, side]);
|
|
106
|
+
const floatingStyles = React.useMemo(() => ({ position: 'fixed', left: position.x, top: position.y }), [position.x, position.y]);
|
|
107
|
+
const resolvedPlacement = React.useMemo(() => ({ side: position.side, alignment: position.alignment }), [position.alignment, position.side]);
|
|
108
|
+
return {
|
|
109
|
+
referenceRef,
|
|
110
|
+
floatingRef,
|
|
111
|
+
setReference,
|
|
112
|
+
setFloating,
|
|
113
|
+
floatingStyles,
|
|
114
|
+
resolvedPlacement,
|
|
115
|
+
};
|
|
116
|
+
}
|
|
117
|
+
|
|
118
|
+
exports.useFloatingPosition = useFloatingPosition;
|
|
119
|
+
//# sourceMappingURL=useFloatingPosition.cjs.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"useFloatingPosition.cjs","sources":["../../../src/floating/useFloatingPosition.ts"],"sourcesContent":[null],"names":["getOverflowElements","computeFloatingPosition","autoUpdateFloating"],"mappings":"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"}
|
|
@@ -0,0 +1,136 @@
|
|
|
1
|
+
'use client';
|
|
2
|
+
'use strict';
|
|
3
|
+
|
|
4
|
+
var React = require('react');
|
|
5
|
+
|
|
6
|
+
const modalityManagers = new WeakMap();
|
|
7
|
+
const nonTypeableInputTypes = new Set([
|
|
8
|
+
'button',
|
|
9
|
+
'checkbox',
|
|
10
|
+
'color',
|
|
11
|
+
'file',
|
|
12
|
+
'hidden',
|
|
13
|
+
'image',
|
|
14
|
+
'radio',
|
|
15
|
+
'range',
|
|
16
|
+
'reset',
|
|
17
|
+
'submit',
|
|
18
|
+
]);
|
|
19
|
+
function subscribeToModality(ownerDocument) {
|
|
20
|
+
let manager = modalityManagers.get(ownerDocument);
|
|
21
|
+
if (!manager) {
|
|
22
|
+
let nextManager;
|
|
23
|
+
const handlePointerDown = () => {
|
|
24
|
+
nextManager.keyboard = false;
|
|
25
|
+
};
|
|
26
|
+
const handleKeyDown = (event) => {
|
|
27
|
+
if (!event.altKey && !event.ctrlKey && !event.metaKey) {
|
|
28
|
+
nextManager.keyboard = true;
|
|
29
|
+
}
|
|
30
|
+
};
|
|
31
|
+
const cleanup = () => {
|
|
32
|
+
ownerDocument.removeEventListener('pointerdown', handlePointerDown, true);
|
|
33
|
+
ownerDocument.removeEventListener('keydown', handleKeyDown, true);
|
|
34
|
+
};
|
|
35
|
+
nextManager = { keyboard: true, subscriptions: 0, cleanup };
|
|
36
|
+
ownerDocument.addEventListener('pointerdown', handlePointerDown, true);
|
|
37
|
+
ownerDocument.addEventListener('keydown', handleKeyDown, true);
|
|
38
|
+
manager = nextManager;
|
|
39
|
+
modalityManagers.set(ownerDocument, manager);
|
|
40
|
+
}
|
|
41
|
+
const activeManager = manager;
|
|
42
|
+
activeManager.subscriptions += 1;
|
|
43
|
+
return {
|
|
44
|
+
manager: activeManager,
|
|
45
|
+
cleanup: () => {
|
|
46
|
+
activeManager.subscriptions -= 1;
|
|
47
|
+
if (activeManager.subscriptions === 0) {
|
|
48
|
+
activeManager.cleanup();
|
|
49
|
+
modalityManagers.delete(ownerDocument);
|
|
50
|
+
}
|
|
51
|
+
},
|
|
52
|
+
};
|
|
53
|
+
}
|
|
54
|
+
function isFocusVisible(element, modalityManager) {
|
|
55
|
+
try {
|
|
56
|
+
return element.matches(':focus-visible');
|
|
57
|
+
}
|
|
58
|
+
catch {
|
|
59
|
+
const type = element.tagName === 'INPUT'
|
|
60
|
+
? element.type
|
|
61
|
+
: undefined;
|
|
62
|
+
const contentEditable = element.getAttribute('contenteditable');
|
|
63
|
+
const typeable = (type !== undefined && !nonTypeableInputTypes.has(type)) ||
|
|
64
|
+
element.tagName === 'TEXTAREA' ||
|
|
65
|
+
element.isContentEditable ||
|
|
66
|
+
(contentEditable !== null && contentEditable !== 'false');
|
|
67
|
+
return typeable || modalityManager?.keyboard !== false;
|
|
68
|
+
}
|
|
69
|
+
}
|
|
70
|
+
function useTooltipInteractions({ open, delay, reference, onOpenChange, }) {
|
|
71
|
+
const latestRef = React.useRef({ delay, onOpenChange, open });
|
|
72
|
+
latestRef.current = { delay, onOpenChange, open };
|
|
73
|
+
const openTimerRef = React.useRef(null);
|
|
74
|
+
const modalityManagerRef = React.useRef(null);
|
|
75
|
+
const clearOpenTimer = React.useCallback(() => {
|
|
76
|
+
if (openTimerRef.current === null)
|
|
77
|
+
return;
|
|
78
|
+
clearTimeout(openTimerRef.current);
|
|
79
|
+
openTimerRef.current = null;
|
|
80
|
+
}, []);
|
|
81
|
+
const openTooltip = React.useCallback(() => {
|
|
82
|
+
clearOpenTimer();
|
|
83
|
+
const current = latestRef.current;
|
|
84
|
+
if (current.open)
|
|
85
|
+
return;
|
|
86
|
+
if (current.delay <= 0) {
|
|
87
|
+
current.onOpenChange(true);
|
|
88
|
+
return;
|
|
89
|
+
}
|
|
90
|
+
openTimerRef.current = setTimeout(() => {
|
|
91
|
+
openTimerRef.current = null;
|
|
92
|
+
const latest = latestRef.current;
|
|
93
|
+
if (!latest.open)
|
|
94
|
+
latest.onOpenChange(true);
|
|
95
|
+
}, current.delay);
|
|
96
|
+
}, [clearOpenTimer]);
|
|
97
|
+
const closeTooltip = React.useCallback(() => {
|
|
98
|
+
clearOpenTimer();
|
|
99
|
+
latestRef.current.onOpenChange(false);
|
|
100
|
+
}, [clearOpenTimer]);
|
|
101
|
+
React.useEffect(() => {
|
|
102
|
+
if (!reference)
|
|
103
|
+
return;
|
|
104
|
+
const modalitySubscription = subscribeToModality(reference.ownerDocument);
|
|
105
|
+
modalityManagerRef.current = modalitySubscription.manager;
|
|
106
|
+
reference.addEventListener('mouseenter', openTooltip);
|
|
107
|
+
reference.addEventListener('mouseleave', closeTooltip);
|
|
108
|
+
return () => {
|
|
109
|
+
clearOpenTimer();
|
|
110
|
+
reference.removeEventListener('mouseenter', openTooltip);
|
|
111
|
+
reference.removeEventListener('mouseleave', closeTooltip);
|
|
112
|
+
modalitySubscription.cleanup();
|
|
113
|
+
modalityManagerRef.current = null;
|
|
114
|
+
};
|
|
115
|
+
}, [clearOpenTimer, closeTooltip, openTooltip, reference]);
|
|
116
|
+
React.useEffect(() => {
|
|
117
|
+
if (open)
|
|
118
|
+
clearOpenTimer();
|
|
119
|
+
}, [clearOpenTimer, open]);
|
|
120
|
+
React.useEffect(() => () => {
|
|
121
|
+
clearOpenTimer();
|
|
122
|
+
}, [clearOpenTimer]);
|
|
123
|
+
const handleFocus = React.useCallback((event) => {
|
|
124
|
+
if (isFocusVisible(event.currentTarget, modalityManagerRef.current)) {
|
|
125
|
+
clearOpenTimer();
|
|
126
|
+
latestRef.current.onOpenChange(true);
|
|
127
|
+
}
|
|
128
|
+
}, [clearOpenTimer]);
|
|
129
|
+
const handleBlur = React.useCallback(() => {
|
|
130
|
+
closeTooltip();
|
|
131
|
+
}, [closeTooltip]);
|
|
132
|
+
return React.useMemo(() => ({ onBlur: handleBlur, onFocus: handleFocus }), [handleBlur, handleFocus]);
|
|
133
|
+
}
|
|
134
|
+
|
|
135
|
+
exports.useTooltipInteractions = useTooltipInteractions;
|
|
136
|
+
//# sourceMappingURL=useTooltipInteractions.cjs.map
|