@prosekit/preact 0.6.8 → 0.7.0-beta.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/dist/prosekit-preact-autocomplete.d.ts +226 -18
- package/dist/prosekit-preact-autocomplete.d.ts.map +1 -1
- package/dist/prosekit-preact-autocomplete.js +218 -9
- package/dist/prosekit-preact-autocomplete.js.map +1 -1
- package/dist/prosekit-preact-block-handle.d.ts +210 -14
- package/dist/prosekit-preact-block-handle.d.ts.map +1 -1
- package/dist/prosekit-preact-block-handle.js +184 -7
- package/dist/prosekit-preact-block-handle.js.map +1 -1
- package/dist/prosekit-preact-drop-indicator.d.ts +27 -6
- package/dist/prosekit-preact-drop-indicator.d.ts.map +1 -1
- package/dist/prosekit-preact-drop-indicator.js +38 -3
- package/dist/prosekit-preact-drop-indicator.js.map +1 -1
- package/dist/prosekit-preact-inline-popover.d.ts +204 -8
- package/dist/prosekit-preact-inline-popover.d.ts.map +1 -1
- package/dist/prosekit-preact-inline-popover.js +130 -5
- package/dist/prosekit-preact-inline-popover.js.map +1 -1
- package/dist/prosekit-preact-menu.d.ts +288 -0
- package/dist/prosekit-preact-menu.d.ts.map +1 -0
- package/dist/prosekit-preact-menu.js +274 -0
- package/dist/prosekit-preact-menu.js.map +1 -0
- package/dist/prosekit-preact-popover.d.ts +227 -14
- package/dist/prosekit-preact-popover.d.ts.map +1 -1
- package/dist/prosekit-preact-popover.js +170 -7
- package/dist/prosekit-preact-popover.js.map +1 -1
- package/dist/prosekit-preact-resizable.d.ts +56 -12
- package/dist/prosekit-preact-resizable.d.ts.map +1 -1
- package/dist/prosekit-preact-resizable.js +80 -7
- package/dist/prosekit-preact-resizable.js.map +1 -1
- package/dist/prosekit-preact-table-handle.d.ts +447 -38
- package/dist/prosekit-preact-table-handle.d.ts.map +1 -1
- package/dist/prosekit-preact-table-handle.js +381 -19
- package/dist/prosekit-preact-table-handle.js.map +1 -1
- package/dist/prosekit-preact-tooltip.d.ts +211 -14
- package/dist/prosekit-preact-tooltip.d.ts.map +1 -1
- package/dist/prosekit-preact-tooltip.js +157 -7
- package/dist/prosekit-preact-tooltip.js.map +1 -1
- package/package.json +27 -16
- package/src/components/autocomplete/autocomplete-empty.gen.ts +41 -31
- package/src/components/autocomplete/autocomplete-item.gen.ts +84 -31
- package/src/components/autocomplete/autocomplete-popup.gen.ts +80 -0
- package/src/components/autocomplete/autocomplete-positioner.gen.ts +153 -0
- package/src/components/autocomplete/autocomplete-root.gen.ts +109 -0
- package/src/components/autocomplete/index.gen.ts +12 -4
- package/src/components/autocomplete/index.ts +27 -0
- package/src/components/block-handle/block-handle-add.gen.ts +59 -31
- package/src/components/block-handle/block-handle-draggable.gen.ts +59 -31
- package/src/components/block-handle/block-handle-popup.gen.ts +44 -0
- package/src/components/block-handle/block-handle-positioner.gen.ts +171 -0
- package/src/components/block-handle/block-handle-root.gen.ts +84 -0
- package/src/components/block-handle/index.gen.ts +13 -3
- package/src/components/block-handle/index.ts +27 -0
- package/src/components/drop-indicator/drop-indicator.gen.ts +65 -31
- package/src/components/drop-indicator/index.gen.ts +5 -1
- package/src/components/drop-indicator/index.ts +14 -0
- package/src/components/inline-popover/index.gen.ts +11 -1
- package/src/components/inline-popover/index.ts +22 -0
- package/src/components/inline-popover/inline-popover-popup.gen.ts +44 -0
- package/src/components/inline-popover/inline-popover-positioner.gen.ts +177 -0
- package/src/components/inline-popover/inline-popover-root.gen.ts +108 -0
- package/src/components/menu/index.gen.ts +19 -0
- package/src/components/menu/index.ts +37 -0
- package/src/components/menu/menu-item.gen.ts +91 -0
- package/src/components/menu/menu-popup.gen.ts +58 -0
- package/src/components/menu/menu-positioner.gen.ts +178 -0
- package/src/components/menu/menu-root.gen.ts +88 -0
- package/src/components/menu/menu-submenu-root.gen.ts +44 -0
- package/src/components/menu/menu-submenu-trigger.gen.ts +44 -0
- package/src/components/menu/menu-trigger.gen.ts +79 -0
- package/src/components/popover/index.gen.ts +11 -3
- package/src/components/popover/index.ts +24 -0
- package/src/components/popover/popover-popup.gen.ts +44 -0
- package/src/components/popover/popover-positioner.gen.ts +178 -0
- package/src/components/popover/popover-root.gen.ts +92 -31
- package/src/components/popover/popover-trigger.gen.ts +92 -31
- package/src/components/resizable/index.gen.ts +8 -2
- package/src/components/resizable/index.ts +20 -0
- package/src/components/resizable/resizable-handle.gen.ts +54 -31
- package/src/components/resizable/resizable-root.gen.ts +90 -31
- package/src/components/table-handle/index.gen.ts +17 -9
- package/src/components/table-handle/index.ts +58 -0
- package/src/components/table-handle/table-handle-column-menu-root.gen.ts +66 -0
- package/src/components/table-handle/table-handle-column-menu-trigger.gen.ts +60 -0
- package/src/components/table-handle/table-handle-column-popup.gen.ts +44 -0
- package/src/components/table-handle/table-handle-column-positioner.gen.ts +201 -0
- package/src/components/table-handle/table-handle-drag-preview.gen.ts +57 -31
- package/src/components/table-handle/table-handle-drop-indicator.gen.ts +57 -31
- package/src/components/table-handle/table-handle-root.gen.ts +59 -31
- package/src/components/table-handle/table-handle-row-menu-root.gen.ts +66 -0
- package/src/components/table-handle/table-handle-row-menu-trigger.gen.ts +60 -0
- package/src/components/table-handle/table-handle-row-popup.gen.ts +44 -0
- package/src/components/table-handle/table-handle-row-positioner.gen.ts +201 -0
- package/src/components/tooltip/index.gen.ts +11 -3
- package/src/components/tooltip/index.ts +24 -0
- package/src/components/tooltip/tooltip-popup.gen.ts +44 -0
- package/src/components/tooltip/tooltip-positioner.gen.ts +178 -0
- package/src/components/tooltip/tooltip-root.gen.ts +85 -31
- package/src/components/tooltip/tooltip-trigger.gen.ts +63 -31
- package/src/extensions/preact-node-view.spec.ts +151 -0
- package/dist/create-component.js +0 -95
- package/dist/create-component.js.map +0 -1
- package/dist/create-props.d.ts +0 -6
- package/dist/create-props.d.ts.map +0 -1
- package/src/components/autocomplete/autocomplete-list.gen.ts +0 -34
- package/src/components/autocomplete/autocomplete-popover.gen.ts +0 -34
- package/src/components/block-handle/block-handle-popover.gen.ts +0 -34
- package/src/components/create-component.ts +0 -123
- package/src/components/create-props.ts +0 -13
- package/src/components/inline-popover/inline-popover.gen.ts +0 -34
- package/src/components/merge-refs.ts +0 -35
- package/src/components/popover/popover-content.gen.ts +0 -34
- package/src/components/table-handle/table-handle-column-root.gen.ts +0 -34
- package/src/components/table-handle/table-handle-column-trigger.gen.ts +0 -34
- package/src/components/table-handle/table-handle-popover-content.gen.ts +0 -34
- package/src/components/table-handle/table-handle-popover-item.gen.ts +0 -34
- package/src/components/table-handle/table-handle-row-root.gen.ts +0 -34
- package/src/components/table-handle/table-handle-row-trigger.gen.ts +0 -34
- package/src/components/tooltip/tooltip-content.gen.ts +0 -34
|
@@ -1,27 +1,224 @@
|
|
|
1
|
-
import {
|
|
2
|
-
import { ForwardRefExoticComponent,
|
|
3
|
-
import {
|
|
1
|
+
import { HTMLAttributes } from "preact";
|
|
2
|
+
import { ForwardRefExoticComponent, RefAttributes } from "preact/compat";
|
|
3
|
+
import { OpenChangeEvent, TooltipPopupElement, TooltipPositionerElement, TooltipPositionerProps as TooltipPositionerProps$1, TooltipRootElement, TooltipRootEvents, TooltipRootProps as TooltipRootProps$1, TooltipTriggerElement, TooltipTriggerProps as TooltipTriggerProps$1 } from "@prosekit/web/tooltip";
|
|
4
4
|
|
|
5
|
-
//#region src/components/tooltip/tooltip-
|
|
5
|
+
//#region src/components/tooltip/tooltip-popup.gen.d.ts
|
|
6
6
|
/**
|
|
7
|
-
* Props for the {@link
|
|
7
|
+
* Props for the {@link TooltipPopup} Preact component.
|
|
8
|
+
*
|
|
9
|
+
* @public
|
|
8
10
|
*/
|
|
9
|
-
interface
|
|
10
|
-
|
|
11
|
+
interface TooltipPopupProps extends HTMLAttributes<TooltipPopupElement> {}
|
|
12
|
+
/**
|
|
13
|
+
* A Preact component that renders an `prosekit-tooltip-popup` custom element.
|
|
14
|
+
*
|
|
15
|
+
* @public
|
|
16
|
+
*/
|
|
17
|
+
declare const TooltipPopup: ForwardRefExoticComponent<TooltipPopupProps & RefAttributes<TooltipPopupElement>>;
|
|
18
|
+
//#endregion
|
|
19
|
+
//#region src/components/tooltip/tooltip-positioner.gen.d.ts
|
|
20
|
+
/**
|
|
21
|
+
* Props for the {@link TooltipPositioner} Preact component.
|
|
22
|
+
*
|
|
23
|
+
* @public
|
|
24
|
+
*/
|
|
25
|
+
interface TooltipPositionerProps extends HTMLAttributes<TooltipPositionerElement> {
|
|
26
|
+
/**
|
|
27
|
+
* The strategy to use for positioning
|
|
28
|
+
*
|
|
29
|
+
* @default "absolute"
|
|
30
|
+
*/
|
|
31
|
+
strategy?: TooltipPositionerProps$1['strategy'];
|
|
32
|
+
/**
|
|
33
|
+
* The initial placement of the floating element
|
|
34
|
+
*
|
|
35
|
+
* @default "top"
|
|
36
|
+
*/
|
|
37
|
+
placement?: TooltipPositionerProps$1['placement'];
|
|
38
|
+
/**
|
|
39
|
+
* Options to activate auto-update listeners
|
|
40
|
+
*
|
|
41
|
+
* @see https://floating-ui.com/docs/autoUpdate
|
|
42
|
+
*
|
|
43
|
+
* @default true
|
|
44
|
+
*/
|
|
45
|
+
autoUpdate?: TooltipPositionerProps$1['autoUpdate'];
|
|
46
|
+
/**
|
|
47
|
+
* Whether to use the browser Popover API to place the floating element on
|
|
48
|
+
* top of other page content.
|
|
49
|
+
*
|
|
50
|
+
* @default true
|
|
51
|
+
*/
|
|
52
|
+
hoist?: TooltipPositionerProps$1['hoist'];
|
|
53
|
+
/**
|
|
54
|
+
* The distance between the reference and floating element.
|
|
55
|
+
*
|
|
56
|
+
* @default 6
|
|
57
|
+
*/
|
|
58
|
+
offset?: TooltipPositionerProps$1['offset'];
|
|
59
|
+
/**
|
|
60
|
+
* Whether to flip the `placement` in order to keep it in view when the
|
|
61
|
+
* preferred placement(s) will overflow the clipping boundary. You can also
|
|
62
|
+
* provide an array of placements to try sequentially if the preferred
|
|
63
|
+
* `placement` does not fit.
|
|
64
|
+
*
|
|
65
|
+
* @default true
|
|
66
|
+
*/
|
|
67
|
+
flip?: TooltipPositionerProps$1['flip'];
|
|
68
|
+
/**
|
|
69
|
+
* Whether the floating element should shift to keep it in view.
|
|
70
|
+
*
|
|
71
|
+
* @default true
|
|
72
|
+
*/
|
|
73
|
+
shift?: TooltipPositionerProps$1['shift'];
|
|
74
|
+
/**
|
|
75
|
+
* Whether the floating element can overlap the reference element to keep it
|
|
76
|
+
* in view.
|
|
77
|
+
*
|
|
78
|
+
* @default false
|
|
79
|
+
*/
|
|
80
|
+
overlap?: TooltipPositionerProps$1['overlap'];
|
|
81
|
+
/**
|
|
82
|
+
* Whether to constrain the floating element's width and height to not exceed
|
|
83
|
+
* the viewport.
|
|
84
|
+
*
|
|
85
|
+
* @default false
|
|
86
|
+
*/
|
|
87
|
+
fitViewport?: TooltipPositionerProps$1['fitViewport'];
|
|
88
|
+
/**
|
|
89
|
+
* Whether to constrain the floating element's width so that it matches the
|
|
90
|
+
* reference element.
|
|
91
|
+
*
|
|
92
|
+
* @default false
|
|
93
|
+
*/
|
|
94
|
+
sameWidth?: TooltipPositionerProps$1['sameWidth'];
|
|
95
|
+
/**
|
|
96
|
+
* Whether to constrain the floating element's height so that it matches the
|
|
97
|
+
* reference element.
|
|
98
|
+
*
|
|
99
|
+
* @default false
|
|
100
|
+
*/
|
|
101
|
+
sameHeight?: TooltipPositionerProps$1['sameHeight'];
|
|
102
|
+
/**
|
|
103
|
+
* Whether to improve positioning for inline reference elements that span over
|
|
104
|
+
* multiple lines.
|
|
105
|
+
*
|
|
106
|
+
* @default false
|
|
107
|
+
*/
|
|
108
|
+
inline?: TooltipPositionerProps$1['inline'];
|
|
109
|
+
/**
|
|
110
|
+
* Whether to hide the floating element when the reference element or the
|
|
111
|
+
* floating element is fully clipped.
|
|
112
|
+
*
|
|
113
|
+
* @default false
|
|
114
|
+
*/
|
|
115
|
+
hide?: TooltipPositionerProps$1['hide'];
|
|
116
|
+
/**
|
|
117
|
+
* Describes the clipping element(s) or area that overflow will be checked relative to.
|
|
118
|
+
* Please see https://floating-ui.com/docs/detectoverflow#boundary for more information.
|
|
119
|
+
*
|
|
120
|
+
* @default 'clippingAncestors'
|
|
121
|
+
*/
|
|
122
|
+
boundary?: TooltipPositionerProps$1['boundary'];
|
|
123
|
+
/**
|
|
124
|
+
* Describes the root boundary that the element will be checked for overflow relative to.
|
|
125
|
+
* Please see https://floating-ui.com/docs/detectoverflow#rootboundary for more information.
|
|
126
|
+
*
|
|
127
|
+
* @default 'viewport'
|
|
128
|
+
*/
|
|
129
|
+
rootBoundary?: TooltipPositionerProps$1['rootBoundary'];
|
|
130
|
+
/**
|
|
131
|
+
* Describes the virtual padding around the boundary to check for overflow.
|
|
132
|
+
* Please see https://floating-ui.com/docs/detectoverflow#padding for more information.
|
|
133
|
+
*
|
|
134
|
+
* @default 4
|
|
135
|
+
*/
|
|
136
|
+
overflowPadding?: TooltipPositionerProps$1['overflowPadding'];
|
|
137
|
+
/**
|
|
138
|
+
* The element that will be used to check for overflow. Please see
|
|
139
|
+
* https://floating-ui.com/docs/detectoverflow#elementcontext for more
|
|
140
|
+
* information.
|
|
141
|
+
*
|
|
142
|
+
* @default 'floating'
|
|
143
|
+
*/
|
|
144
|
+
elementContext?: TooltipPositionerProps$1['elementContext'];
|
|
145
|
+
/**
|
|
146
|
+
* Whether to check the alternate elementContext's boundary. Please see
|
|
147
|
+
* https://floating-ui.com/docs/detectoverflow#altboundary for more
|
|
148
|
+
* information.
|
|
149
|
+
*
|
|
150
|
+
* @default false
|
|
151
|
+
*/
|
|
152
|
+
altBoundary?: TooltipPositionerProps$1['altBoundary'];
|
|
153
|
+
}
|
|
154
|
+
/**
|
|
155
|
+
* A Preact component that renders an `prosekit-tooltip-positioner` custom element.
|
|
156
|
+
*
|
|
157
|
+
* @public
|
|
158
|
+
*/
|
|
159
|
+
declare const TooltipPositioner: ForwardRefExoticComponent<TooltipPositionerProps & RefAttributes<TooltipPositionerElement>>;
|
|
11
160
|
//#endregion
|
|
12
161
|
//#region src/components/tooltip/tooltip-root.gen.d.ts
|
|
13
162
|
/**
|
|
14
|
-
* Props for the {@link TooltipRoot} component.
|
|
163
|
+
* Props for the {@link TooltipRoot} Preact component.
|
|
164
|
+
*
|
|
165
|
+
* @public
|
|
166
|
+
*/
|
|
167
|
+
interface TooltipRootProps extends HTMLAttributes<TooltipRootElement> {
|
|
168
|
+
/**
|
|
169
|
+
* Whether the overlay is initially open.
|
|
170
|
+
* @default false
|
|
171
|
+
*/
|
|
172
|
+
defaultOpen?: TooltipRootProps$1['defaultOpen'];
|
|
173
|
+
/**
|
|
174
|
+
* Whether the overlay is currently open.
|
|
175
|
+
* @default null
|
|
176
|
+
*/
|
|
177
|
+
open?: TooltipRootProps$1['open'];
|
|
178
|
+
/**
|
|
179
|
+
* Whether the component should ignore user interaction.
|
|
180
|
+
* @default false
|
|
181
|
+
*/
|
|
182
|
+
disabled?: TooltipRootProps$1['disabled'];
|
|
183
|
+
/** Emitted when the tooltip is opened or closed. */
|
|
184
|
+
onOpenChange?: (event: TooltipRootEvents['openChange']) => void;
|
|
185
|
+
}
|
|
186
|
+
/**
|
|
187
|
+
* A Preact component that renders an `prosekit-tooltip-root` custom element.
|
|
188
|
+
*
|
|
189
|
+
* @public
|
|
15
190
|
*/
|
|
16
|
-
|
|
17
|
-
declare const TooltipRoot: ForwardRefExoticComponent<Partial<TooltipRootProps> & RefAttributes<TooltipRootElement> & HTMLAttributes<TooltipRootElement>>;
|
|
191
|
+
declare const TooltipRoot: ForwardRefExoticComponent<TooltipRootProps & RefAttributes<TooltipRootElement>>;
|
|
18
192
|
//#endregion
|
|
19
193
|
//#region src/components/tooltip/tooltip-trigger.gen.d.ts
|
|
20
194
|
/**
|
|
21
|
-
* Props for the {@link TooltipTrigger} component.
|
|
195
|
+
* Props for the {@link TooltipTrigger} Preact component.
|
|
196
|
+
*
|
|
197
|
+
* @public
|
|
198
|
+
*/
|
|
199
|
+
interface TooltipTriggerProps extends HTMLAttributes<TooltipTriggerElement> {
|
|
200
|
+
/**
|
|
201
|
+
* Whether the component should ignore user interaction.
|
|
202
|
+
* @default false
|
|
203
|
+
*/
|
|
204
|
+
disabled?: TooltipTriggerProps$1['disabled'];
|
|
205
|
+
/**
|
|
206
|
+
* The delay in milliseconds before opening the tooltip on hover.
|
|
207
|
+
* @default 600
|
|
208
|
+
*/
|
|
209
|
+
openDelay?: TooltipTriggerProps$1['openDelay'];
|
|
210
|
+
/**
|
|
211
|
+
* The delay in milliseconds before closing the tooltip when hover/focus ends.
|
|
212
|
+
* @default 0
|
|
213
|
+
*/
|
|
214
|
+
closeDelay?: TooltipTriggerProps$1['closeDelay'];
|
|
215
|
+
}
|
|
216
|
+
/**
|
|
217
|
+
* A Preact component that renders an `prosekit-tooltip-trigger` custom element.
|
|
218
|
+
*
|
|
219
|
+
* @public
|
|
22
220
|
*/
|
|
23
|
-
|
|
24
|
-
declare const TooltipTrigger: ForwardRefExoticComponent<Partial<TooltipTriggerProps> & RefAttributes<TooltipTriggerElement> & HTMLAttributes<TooltipTriggerElement>>;
|
|
221
|
+
declare const TooltipTrigger: ForwardRefExoticComponent<TooltipTriggerProps & RefAttributes<TooltipTriggerElement>>;
|
|
25
222
|
//#endregion
|
|
26
|
-
export {
|
|
223
|
+
export { OpenChangeEvent, TooltipPopup, type TooltipPopupProps, TooltipPositioner, type TooltipPositionerProps, TooltipRoot, type TooltipRootEvents, type TooltipRootProps, TooltipTrigger, type TooltipTriggerProps };
|
|
27
224
|
//# sourceMappingURL=prosekit-preact-tooltip.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"prosekit-preact-tooltip.d.ts","names":[],"sources":["../src/components/tooltip/tooltip-
|
|
1
|
+
{"version":3,"file":"prosekit-preact-tooltip.d.ts","names":[],"sources":["../src/components/tooltip/tooltip-popup.gen.ts","../src/components/tooltip/tooltip-positioner.gen.ts","../src/components/tooltip/tooltip-root.gen.ts","../src/components/tooltip/tooltip-trigger.gen.ts"],"mappings":";;;;;;;;;AA2CA;UA7BiB,iBAAA,SAA0B,cAAA,CAAe,mBAAA;;;;;;cA6B7C,YAAA,EAAc,yBAAA,CAA0B,iBAAA,GAAoB,aAAA,CAAc,mBAAA;;;;;;;AAAvF;UC7BiB,sBAAA,SAA+B,cAAA,CAAe,wBAAA;;;;;;EAM7D,QAAA,GAAW,wBAAA;EDuBuC;;;;;ECjBlD,SAAA,GAAY,wBAAA;EDiB4F;;;;AC7B1G;;;EAoBE,UAAA,GAAa,wBAAA;EAdF;;;;;;EAqBX,KAAA,GAAQ,wBAAA;EA4BE;;;;;EAtBV,MAAA,GAAS,wBAAA;EAgEE;;;;;;;;EAvDX,IAAA,GAAO,wBAAA;EA1CsD;;;;;EAgD7D,KAAA,GAAQ,wBAAA;EA5BK;;;;;;EAmCb,OAAA,GAAU,wBAAA;EAPV;;;;;;EAcA,WAAA,GAAc,wBAAA;EAOF;;;;;;EAAZ,SAAA,GAAY,wBAAA;EA4BZ;;;;;;EArBA,UAAA,GAAa,wBAAA;EA2CI;;;;;AA4CnB;EAhFE,MAAA,GAAS,wBAAA;;;;;;;EAOT,IAAA,GAAO,wBAAA;EAyEuB;;;;;;EAlE9B,QAAA,GAAW,wBAAA;;;ACjGb;;;;EDwGE,YAAA,GAAe,wBAAA;EC9FR;;;;;;EDqGP,eAAA,GAAkB,wBAAA;EC/GqC;;;;;;;EDuHvD,cAAA,GAAiB,wBAAA;ECtGM;;;;AAsDzB;;;EDwDE,WAAA,GAAc,wBAAA;AAAA;;;;;;cAoCH,iBAAA,EAAmB,yBAAA,CAA0B,sBAAA,GAAyB,aAAA,CAAc,wBAAA;;;;;;;ADtIjG;UE7BiB,gBAAA,SAAyB,cAAA,CAAe,kBAAA;;;;;EAKvD,WAAA,GAAc,kBAAA;EFwBoC;;;;EEnBlD,IAAA,GAAO,kBAAA;EFmB8E;;;;EEdrF,QAAA,GAAW,kBAAA;;EAEX,YAAA,IAAgB,KAAA,EAAO,iBAAA;AAAA;;;;;;cAsDZ,WAAA,EAAa,yBAAA,CAA0B,gBAAA,GAAmB,aAAA,CAAc,kBAAA;;;;;;;AF1CrF;UG7BiB,mBAAA,SAA4B,cAAA,CAAe,qBAAA;;;;;EAK1D,QAAA,GAAW,qBAAA;EHwBuC;;;;EGnBlD,SAAA,GAAY,qBAAA;EHmByE;;;;EGdrF,UAAA,GAAa,qBAAA;AAAA;AFff;;;;;AAAA,cEmDa,cAAA,EAAgB,yBAAA,CAA0B,mBAAA,GAAsB,aAAA,CAAc,qBAAA"}
|
|
@@ -1,14 +1,164 @@
|
|
|
1
|
-
import {
|
|
2
|
-
import {
|
|
3
|
-
|
|
4
|
-
|
|
1
|
+
import { createElement } from "preact";
|
|
2
|
+
import { useCallback, useLayoutEffect, useRef } from "preact/hooks";
|
|
3
|
+
import { forwardRef } from "preact/compat";
|
|
4
|
+
import { OpenChangeEvent, registerTooltipPopupElement, registerTooltipPositionerElement, registerTooltipRootElement, registerTooltipTriggerElement } from "@prosekit/web/tooltip";
|
|
5
|
+
//#region src/components/tooltip/tooltip-popup.gen.ts
|
|
6
|
+
/**
|
|
7
|
+
* This file is auto-generated by the "@aria-ui/cli" tool. Do not edit this file directly.
|
|
8
|
+
*/
|
|
9
|
+
function TooltipPopupComponent(props, forwardedRef) {
|
|
10
|
+
registerTooltipPopupElement();
|
|
11
|
+
const elementRef = useRef(null);
|
|
12
|
+
const { ...restProps } = props;
|
|
13
|
+
const mergedRef = useCallback((element) => {
|
|
14
|
+
elementRef.current = element;
|
|
15
|
+
if (typeof forwardedRef === "function") forwardedRef(element);
|
|
16
|
+
else if (forwardedRef) forwardedRef.current = element;
|
|
17
|
+
}, [forwardedRef]);
|
|
18
|
+
return createElement("prosekit-tooltip-popup", {
|
|
19
|
+
...restProps,
|
|
20
|
+
ref: mergedRef,
|
|
21
|
+
suppressHydrationWarning: true
|
|
22
|
+
});
|
|
23
|
+
}
|
|
24
|
+
/**
|
|
25
|
+
* A Preact component that renders an `prosekit-tooltip-popup` custom element.
|
|
26
|
+
*
|
|
27
|
+
* @public
|
|
28
|
+
*/
|
|
29
|
+
const TooltipPopup = /* @__PURE__ */ forwardRef(TooltipPopupComponent);
|
|
30
|
+
//#endregion
|
|
31
|
+
//#region src/components/tooltip/tooltip-positioner.gen.ts
|
|
32
|
+
/**
|
|
33
|
+
* This file is auto-generated by the "@aria-ui/cli" tool. Do not edit this file directly.
|
|
34
|
+
*/
|
|
35
|
+
function TooltipPositionerComponent(props, forwardedRef) {
|
|
36
|
+
registerTooltipPositionerElement();
|
|
37
|
+
const elementRef = useRef(null);
|
|
38
|
+
const { altBoundary: p0, autoUpdate: p1, boundary: p2, elementContext: p3, fitViewport: p4, flip: p5, hide: p6, hoist: p7, inline: p8, offset: p9, overflowPadding: p10, overlap: p11, placement: p12, rootBoundary: p13, sameHeight: p14, sameWidth: p15, shift: p16, strategy: p17, ...restProps } = props;
|
|
39
|
+
useLayoutEffect(() => {
|
|
40
|
+
const element = elementRef.current;
|
|
41
|
+
if (!element) return;
|
|
42
|
+
Object.assign(element, {
|
|
43
|
+
altBoundary: p0,
|
|
44
|
+
autoUpdate: p1,
|
|
45
|
+
boundary: p2,
|
|
46
|
+
elementContext: p3,
|
|
47
|
+
fitViewport: p4,
|
|
48
|
+
flip: p5,
|
|
49
|
+
hide: p6,
|
|
50
|
+
hoist: p7,
|
|
51
|
+
inline: p8,
|
|
52
|
+
offset: p9,
|
|
53
|
+
overflowPadding: p10,
|
|
54
|
+
overlap: p11,
|
|
55
|
+
placement: p12,
|
|
56
|
+
rootBoundary: p13,
|
|
57
|
+
sameHeight: p14,
|
|
58
|
+
sameWidth: p15,
|
|
59
|
+
shift: p16,
|
|
60
|
+
strategy: p17
|
|
61
|
+
});
|
|
62
|
+
});
|
|
63
|
+
const mergedRef = useCallback((element) => {
|
|
64
|
+
elementRef.current = element;
|
|
65
|
+
if (typeof forwardedRef === "function") forwardedRef(element);
|
|
66
|
+
else if (forwardedRef) forwardedRef.current = element;
|
|
67
|
+
}, [forwardedRef]);
|
|
68
|
+
return createElement("prosekit-tooltip-positioner", {
|
|
69
|
+
...restProps,
|
|
70
|
+
ref: mergedRef,
|
|
71
|
+
suppressHydrationWarning: true
|
|
72
|
+
});
|
|
73
|
+
}
|
|
74
|
+
/**
|
|
75
|
+
* A Preact component that renders an `prosekit-tooltip-positioner` custom element.
|
|
76
|
+
*
|
|
77
|
+
* @public
|
|
78
|
+
*/
|
|
79
|
+
const TooltipPositioner = /* @__PURE__ */ forwardRef(TooltipPositionerComponent);
|
|
5
80
|
//#endregion
|
|
6
81
|
//#region src/components/tooltip/tooltip-root.gen.ts
|
|
7
|
-
|
|
82
|
+
/**
|
|
83
|
+
* This file is auto-generated by the "@aria-ui/cli" tool. Do not edit this file directly.
|
|
84
|
+
*/
|
|
85
|
+
function TooltipRootComponent(props, forwardedRef) {
|
|
86
|
+
registerTooltipRootElement();
|
|
87
|
+
const elementRef = useRef(null);
|
|
88
|
+
const handlersRef = useRef([]);
|
|
89
|
+
const { defaultOpen: p0, disabled: p1, open: p2, onOpenChange: e0, ...restProps } = props;
|
|
90
|
+
useLayoutEffect(() => {
|
|
91
|
+
const element = elementRef.current;
|
|
92
|
+
if (!element) return;
|
|
93
|
+
Object.assign(element, {
|
|
94
|
+
defaultOpen: p0,
|
|
95
|
+
disabled: p1,
|
|
96
|
+
open: p2
|
|
97
|
+
});
|
|
98
|
+
handlersRef.current = [e0];
|
|
99
|
+
});
|
|
100
|
+
useLayoutEffect(() => {
|
|
101
|
+
const element = elementRef.current;
|
|
102
|
+
if (!element) return;
|
|
103
|
+
const ac = new AbortController();
|
|
104
|
+
for (const [index, eventName] of ["openChange"].entries()) element.addEventListener(eventName, (event) => {
|
|
105
|
+
handlersRef.current[index]?.(event);
|
|
106
|
+
}, { signal: ac.signal });
|
|
107
|
+
return () => ac.abort();
|
|
108
|
+
}, []);
|
|
109
|
+
const mergedRef = useCallback((element) => {
|
|
110
|
+
elementRef.current = element;
|
|
111
|
+
if (typeof forwardedRef === "function") forwardedRef(element);
|
|
112
|
+
else if (forwardedRef) forwardedRef.current = element;
|
|
113
|
+
}, [forwardedRef]);
|
|
114
|
+
return createElement("prosekit-tooltip-root", {
|
|
115
|
+
...restProps,
|
|
116
|
+
ref: mergedRef,
|
|
117
|
+
suppressHydrationWarning: true
|
|
118
|
+
});
|
|
119
|
+
}
|
|
120
|
+
/**
|
|
121
|
+
* A Preact component that renders an `prosekit-tooltip-root` custom element.
|
|
122
|
+
*
|
|
123
|
+
* @public
|
|
124
|
+
*/
|
|
125
|
+
const TooltipRoot = /* @__PURE__ */ forwardRef(TooltipRootComponent);
|
|
8
126
|
//#endregion
|
|
9
127
|
//#region src/components/tooltip/tooltip-trigger.gen.ts
|
|
10
|
-
|
|
128
|
+
/**
|
|
129
|
+
* This file is auto-generated by the "@aria-ui/cli" tool. Do not edit this file directly.
|
|
130
|
+
*/
|
|
131
|
+
function TooltipTriggerComponent(props, forwardedRef) {
|
|
132
|
+
registerTooltipTriggerElement();
|
|
133
|
+
const elementRef = useRef(null);
|
|
134
|
+
const { closeDelay: p0, disabled: p1, openDelay: p2, ...restProps } = props;
|
|
135
|
+
useLayoutEffect(() => {
|
|
136
|
+
const element = elementRef.current;
|
|
137
|
+
if (!element) return;
|
|
138
|
+
Object.assign(element, {
|
|
139
|
+
closeDelay: p0,
|
|
140
|
+
disabled: p1,
|
|
141
|
+
openDelay: p2
|
|
142
|
+
});
|
|
143
|
+
});
|
|
144
|
+
const mergedRef = useCallback((element) => {
|
|
145
|
+
elementRef.current = element;
|
|
146
|
+
if (typeof forwardedRef === "function") forwardedRef(element);
|
|
147
|
+
else if (forwardedRef) forwardedRef.current = element;
|
|
148
|
+
}, [forwardedRef]);
|
|
149
|
+
return createElement("prosekit-tooltip-trigger", {
|
|
150
|
+
...restProps,
|
|
151
|
+
ref: mergedRef,
|
|
152
|
+
suppressHydrationWarning: true
|
|
153
|
+
});
|
|
154
|
+
}
|
|
155
|
+
/**
|
|
156
|
+
* A Preact component that renders an `prosekit-tooltip-trigger` custom element.
|
|
157
|
+
*
|
|
158
|
+
* @public
|
|
159
|
+
*/
|
|
160
|
+
const TooltipTrigger = /* @__PURE__ */ forwardRef(TooltipTriggerComponent);
|
|
11
161
|
//#endregion
|
|
12
|
-
export {
|
|
162
|
+
export { OpenChangeEvent, TooltipPopup, TooltipPositioner, TooltipRoot, TooltipTrigger };
|
|
13
163
|
|
|
14
164
|
//# sourceMappingURL=prosekit-preact-tooltip.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"prosekit-preact-tooltip.js","names":[],"sources":["../src/components/tooltip/tooltip-content.gen.ts","../src/components/tooltip/tooltip-root.gen.ts","../src/components/tooltip/tooltip-trigger.gen.ts"],"sourcesContent":["import {\n type TooltipContentElement,\n type TooltipContentProps as Props,\n type TooltipContentEvents as Events,\n tooltipContentProps,\n tooltipContentEvents,\n} from '@prosekit/web/tooltip'\nimport type {\n ForwardRefExoticComponent,\n HTMLAttributes,\n RefAttributes,\n} from 'preact/compat'\n\nimport { createComponent } from '../create-component.ts'\nimport type { CreateProps } from '../create-props.ts'\n\n/**\n * Props for the {@link TooltipContent} component.\n */\nexport interface TooltipContentProps extends Partial<CreateProps<Props, Events>> {}\n\nexport const TooltipContent: ForwardRefExoticComponent<\n Partial<TooltipContentProps> &\n RefAttributes<TooltipContentElement> &\n HTMLAttributes<TooltipContentElement>\n> = createComponent<\n TooltipContentProps,\n TooltipContentElement\n>(\n 'prosekit-tooltip-content',\n 'TooltipContent',\n Object.keys(tooltipContentProps),\n Object.keys(tooltipContentEvents),\n)\n","import {\n type TooltipRootElement,\n type TooltipRootProps as Props,\n type TooltipRootEvents as Events,\n tooltipRootProps,\n tooltipRootEvents,\n} from '@prosekit/web/tooltip'\nimport type {\n ForwardRefExoticComponent,\n HTMLAttributes,\n RefAttributes,\n} from 'preact/compat'\n\nimport { createComponent } from '../create-component.ts'\nimport type { CreateProps } from '../create-props.ts'\n\n/**\n * Props for the {@link TooltipRoot} component.\n */\nexport interface TooltipRootProps extends Partial<CreateProps<Props, Events>> {}\n\nexport const TooltipRoot: ForwardRefExoticComponent<\n Partial<TooltipRootProps> &\n RefAttributes<TooltipRootElement> &\n HTMLAttributes<TooltipRootElement>\n> = createComponent<\n TooltipRootProps,\n TooltipRootElement\n>(\n 'prosekit-tooltip-root',\n 'TooltipRoot',\n Object.keys(tooltipRootProps),\n Object.keys(tooltipRootEvents),\n)\n","import {\n type TooltipTriggerElement,\n type TooltipTriggerProps as Props,\n type TooltipTriggerEvents as Events,\n tooltipTriggerProps,\n tooltipTriggerEvents,\n} from '@prosekit/web/tooltip'\nimport type {\n ForwardRefExoticComponent,\n HTMLAttributes,\n RefAttributes,\n} from 'preact/compat'\n\nimport { createComponent } from '../create-component.ts'\nimport type { CreateProps } from '../create-props.ts'\n\n/**\n * Props for the {@link TooltipTrigger} component.\n */\nexport interface TooltipTriggerProps extends Partial<CreateProps<Props, Events>> {}\n\nexport const TooltipTrigger: ForwardRefExoticComponent<\n Partial<TooltipTriggerProps> &\n RefAttributes<TooltipTriggerElement> &\n HTMLAttributes<TooltipTriggerElement>\n> = createComponent<\n TooltipTriggerProps,\n TooltipTriggerElement\n>(\n 'prosekit-tooltip-trigger',\n 'TooltipTrigger',\n Object.keys(tooltipTriggerProps),\n Object.keys(tooltipTriggerEvents),\n)\n"],"mappings":";;;AAqBA,MAAa,iBAIT,gBAIF,4BACA,kBACA,OAAO,KAAK,oBAAoB,EAChC,OAAO,KAAK,qBAAqB,CAClC;;;ACZD,MAAa,cAIT,gBAIF,yBACA,eACA,OAAO,KAAK,iBAAiB,EAC7B,OAAO,KAAK,kBAAkB,CAC/B;;;ACZD,MAAa,iBAIT,gBAIF,4BACA,kBACA,OAAO,KAAK,oBAAoB,EAChC,OAAO,KAAK,qBAAqB,CAClC"}
|
|
1
|
+
{"version":3,"file":"prosekit-preact-tooltip.js","names":[],"sources":["../src/components/tooltip/tooltip-popup.gen.ts","../src/components/tooltip/tooltip-positioner.gen.ts","../src/components/tooltip/tooltip-root.gen.ts","../src/components/tooltip/tooltip-trigger.gen.ts"],"sourcesContent":["/**\n * This file is auto-generated by the \"@aria-ui/cli\" tool. Do not edit this file directly.\n */\n\nimport { registerTooltipPopupElement, type TooltipPopupElement } from '@prosekit/web/tooltip';\nimport { createElement, type HTMLAttributes, type Ref } from 'preact';\nimport { forwardRef, type ForwardRefExoticComponent, type RefAttributes } from 'preact/compat';\nimport { useCallback, useRef } from 'preact/hooks';\n\n/**\n * Props for the {@link TooltipPopup} Preact component.\n *\n * @public\n */\nexport interface TooltipPopupProps extends HTMLAttributes<TooltipPopupElement> {}\n\nfunction TooltipPopupComponent(props: TooltipPopupProps, forwardedRef: Ref<TooltipPopupElement>) {\n registerTooltipPopupElement();\n\n const elementRef = useRef<TooltipPopupElement>(null);\n\n const { ...restProps } = props;\n\n const mergedRef = useCallback(\n (element: TooltipPopupElement | null) => {\n elementRef.current = element;\n if (typeof forwardedRef === 'function') {\n forwardedRef(element);\n } else if (forwardedRef) {\n forwardedRef.current = element;\n }\n },\n [forwardedRef],\n );\n\n return createElement('prosekit-tooltip-popup', { ...restProps, ref: mergedRef, suppressHydrationWarning: true });\n}\n\n/**\n * A Preact component that renders an `prosekit-tooltip-popup` custom element.\n *\n * @public\n */\nexport const TooltipPopup: ForwardRefExoticComponent<TooltipPopupProps & RefAttributes<TooltipPopupElement>> = /* @__PURE__ */ forwardRef(TooltipPopupComponent);\n","/**\n * This file is auto-generated by the \"@aria-ui/cli\" tool. Do not edit this file directly.\n */\n\nimport { registerTooltipPositionerElement, type TooltipPositionerElement, type TooltipPositionerProps as TooltipPositionerElementProps } from '@prosekit/web/tooltip';\nimport { createElement, type HTMLAttributes, type Ref } from 'preact';\nimport { forwardRef, type ForwardRefExoticComponent, type RefAttributes } from 'preact/compat';\nimport { useCallback, useRef, useLayoutEffect } from 'preact/hooks';\n\n/**\n * Props for the {@link TooltipPositioner} Preact component.\n *\n * @public\n */\nexport interface TooltipPositionerProps extends HTMLAttributes<TooltipPositionerElement> {\n /**\n * The strategy to use for positioning\n *\n * @default \"absolute\"\n */\n strategy?: TooltipPositionerElementProps['strategy'];\n /**\n * The initial placement of the floating element\n *\n * @default \"top\"\n */\n placement?: TooltipPositionerElementProps['placement'];\n /**\n * Options to activate auto-update listeners\n *\n * @see https://floating-ui.com/docs/autoUpdate\n *\n * @default true\n */\n autoUpdate?: TooltipPositionerElementProps['autoUpdate'];\n /**\n * Whether to use the browser Popover API to place the floating element on\n * top of other page content.\n *\n * @default true\n */\n hoist?: TooltipPositionerElementProps['hoist'];\n /**\n * The distance between the reference and floating element.\n *\n * @default 6\n */\n offset?: TooltipPositionerElementProps['offset'];\n /**\n * Whether to flip the `placement` in order to keep it in view when the\n * preferred placement(s) will overflow the clipping boundary. You can also\n * provide an array of placements to try sequentially if the preferred\n * `placement` does not fit.\n *\n * @default true\n */\n flip?: TooltipPositionerElementProps['flip'];\n /**\n * Whether the floating element should shift to keep it in view.\n *\n * @default true\n */\n shift?: TooltipPositionerElementProps['shift'];\n /**\n * Whether the floating element can overlap the reference element to keep it\n * in view.\n *\n * @default false\n */\n overlap?: TooltipPositionerElementProps['overlap'];\n /**\n * Whether to constrain the floating element's width and height to not exceed\n * the viewport.\n *\n * @default false\n */\n fitViewport?: TooltipPositionerElementProps['fitViewport'];\n /**\n * Whether to constrain the floating element's width so that it matches the\n * reference element.\n *\n * @default false\n */\n sameWidth?: TooltipPositionerElementProps['sameWidth'];\n /**\n * Whether to constrain the floating element's height so that it matches the\n * reference element.\n *\n * @default false\n */\n sameHeight?: TooltipPositionerElementProps['sameHeight'];\n /**\n * Whether to improve positioning for inline reference elements that span over\n * multiple lines.\n *\n * @default false\n */\n inline?: TooltipPositionerElementProps['inline'];\n /**\n * Whether to hide the floating element when the reference element or the\n * floating element is fully clipped.\n *\n * @default false\n */\n hide?: TooltipPositionerElementProps['hide'];\n /**\n * Describes the clipping element(s) or area that overflow will be checked relative to.\n * Please see https://floating-ui.com/docs/detectoverflow#boundary for more information.\n *\n * @default 'clippingAncestors'\n */\n boundary?: TooltipPositionerElementProps['boundary'];\n /**\n * Describes the root boundary that the element will be checked for overflow relative to.\n * Please see https://floating-ui.com/docs/detectoverflow#rootboundary for more information.\n *\n * @default 'viewport'\n */\n rootBoundary?: TooltipPositionerElementProps['rootBoundary'];\n /**\n * Describes the virtual padding around the boundary to check for overflow.\n * Please see https://floating-ui.com/docs/detectoverflow#padding for more information.\n *\n * @default 4\n */\n overflowPadding?: TooltipPositionerElementProps['overflowPadding'];\n /**\n * The element that will be used to check for overflow. Please see\n * https://floating-ui.com/docs/detectoverflow#elementcontext for more\n * information.\n *\n * @default 'floating'\n */\n elementContext?: TooltipPositionerElementProps['elementContext'];\n /**\n * Whether to check the alternate elementContext's boundary. Please see\n * https://floating-ui.com/docs/detectoverflow#altboundary for more\n * information.\n *\n * @default false\n */\n altBoundary?: TooltipPositionerElementProps['altBoundary'];\n}\n\nfunction TooltipPositionerComponent(props: TooltipPositionerProps, forwardedRef: Ref<TooltipPositionerElement>) {\n registerTooltipPositionerElement();\n\n const elementRef = useRef<TooltipPositionerElement>(null);\n\n const { altBoundary: p0, autoUpdate: p1, boundary: p2, elementContext: p3, fitViewport: p4, flip: p5, hide: p6, hoist: p7, inline: p8, offset: p9, overflowPadding: p10, overlap: p11, placement: p12, rootBoundary: p13, sameHeight: p14, sameWidth: p15, shift: p16, strategy: p17, ...restProps } = props;\n\n useLayoutEffect(() => {\n const element = elementRef.current as Record<string, unknown> | null;\n if (!element) return;\n Object.assign(element, { altBoundary: p0, autoUpdate: p1, boundary: p2, elementContext: p3, fitViewport: p4, flip: p5, hide: p6, hoist: p7, inline: p8, offset: p9, overflowPadding: p10, overlap: p11, placement: p12, rootBoundary: p13, sameHeight: p14, sameWidth: p15, shift: p16, strategy: p17 });\n });\n\n const mergedRef = useCallback(\n (element: TooltipPositionerElement | null) => {\n elementRef.current = element;\n if (typeof forwardedRef === 'function') {\n forwardedRef(element);\n } else if (forwardedRef) {\n forwardedRef.current = element;\n }\n },\n [forwardedRef],\n );\n\n return createElement('prosekit-tooltip-positioner', { ...restProps, ref: mergedRef, suppressHydrationWarning: true });\n}\n\n/**\n * A Preact component that renders an `prosekit-tooltip-positioner` custom element.\n *\n * @public\n */\nexport const TooltipPositioner: ForwardRefExoticComponent<TooltipPositionerProps & RefAttributes<TooltipPositionerElement>> = /* @__PURE__ */ forwardRef(TooltipPositionerComponent);\n","/**\n * This file is auto-generated by the \"@aria-ui/cli\" tool. Do not edit this file directly.\n */\n\nimport { registerTooltipRootElement, type TooltipRootElement, type TooltipRootProps as TooltipRootElementProps, type TooltipRootEvents } from '@prosekit/web/tooltip';\nimport { createElement, type HTMLAttributes, type Ref } from 'preact';\nimport { forwardRef, type ForwardRefExoticComponent, type RefAttributes } from 'preact/compat';\nimport { useCallback, useRef, useLayoutEffect } from 'preact/hooks';\n\n/**\n * Props for the {@link TooltipRoot} Preact component.\n *\n * @public\n */\nexport interface TooltipRootProps extends HTMLAttributes<TooltipRootElement> {\n /**\n * Whether the overlay is initially open.\n * @default false\n */\n defaultOpen?: TooltipRootElementProps['defaultOpen'];\n /**\n * Whether the overlay is currently open.\n * @default null\n */\n open?: TooltipRootElementProps['open'];\n /**\n * Whether the component should ignore user interaction.\n * @default false\n */\n disabled?: TooltipRootElementProps['disabled'];\n /** Emitted when the tooltip is opened or closed. */\n onOpenChange?: (event: TooltipRootEvents['openChange']) => void;\n}\n\nfunction TooltipRootComponent(props: TooltipRootProps, forwardedRef: Ref<TooltipRootElement>) {\n registerTooltipRootElement();\n\n const elementRef = useRef<TooltipRootElement>(null);\n const handlersRef = useRef<Array<((event: Event) => void) | undefined>>([]);\n\n const { defaultOpen: p0, disabled: p1, open: p2, onOpenChange: e0, ...restProps } = props;\n\n useLayoutEffect(() => {\n const element = elementRef.current as Record<string, unknown> | null;\n if (!element) return;\n Object.assign(element, { defaultOpen: p0, disabled: p1, open: p2 });\n handlersRef.current = [e0] as Array<((event: Event) => void) | undefined>;\n });\n\n useLayoutEffect(() => {\n const element = elementRef.current;\n if (!element) return;\n const ac = new AbortController();\n for (const [index, eventName] of ['openChange'].entries()) {\n element.addEventListener(\n eventName,\n (event: Event) => {\n handlersRef.current[index]?.(event);\n },\n { signal: ac.signal },\n );\n }\n return () => ac.abort();\n }, []);\n\n const mergedRef = useCallback(\n (element: TooltipRootElement | null) => {\n elementRef.current = element;\n if (typeof forwardedRef === 'function') {\n forwardedRef(element);\n } else if (forwardedRef) {\n forwardedRef.current = element;\n }\n },\n [forwardedRef],\n );\n\n return createElement('prosekit-tooltip-root', { ...restProps, ref: mergedRef, suppressHydrationWarning: true });\n}\n\n/**\n * A Preact component that renders an `prosekit-tooltip-root` custom element.\n *\n * @public\n */\nexport const TooltipRoot: ForwardRefExoticComponent<TooltipRootProps & RefAttributes<TooltipRootElement>> = /* @__PURE__ */ forwardRef(TooltipRootComponent);\n\nexport type { TooltipRootEvents };\n","/**\n * This file is auto-generated by the \"@aria-ui/cli\" tool. Do not edit this file directly.\n */\n\nimport { registerTooltipTriggerElement, type TooltipTriggerElement, type TooltipTriggerProps as TooltipTriggerElementProps } from '@prosekit/web/tooltip';\nimport { createElement, type HTMLAttributes, type Ref } from 'preact';\nimport { forwardRef, type ForwardRefExoticComponent, type RefAttributes } from 'preact/compat';\nimport { useCallback, useRef, useLayoutEffect } from 'preact/hooks';\n\n/**\n * Props for the {@link TooltipTrigger} Preact component.\n *\n * @public\n */\nexport interface TooltipTriggerProps extends HTMLAttributes<TooltipTriggerElement> {\n /**\n * Whether the component should ignore user interaction.\n * @default false\n */\n disabled?: TooltipTriggerElementProps['disabled'];\n /**\n * The delay in milliseconds before opening the tooltip on hover.\n * @default 600\n */\n openDelay?: TooltipTriggerElementProps['openDelay'];\n /**\n * The delay in milliseconds before closing the tooltip when hover/focus ends.\n * @default 0\n */\n closeDelay?: TooltipTriggerElementProps['closeDelay'];\n}\n\nfunction TooltipTriggerComponent(props: TooltipTriggerProps, forwardedRef: Ref<TooltipTriggerElement>) {\n registerTooltipTriggerElement();\n\n const elementRef = useRef<TooltipTriggerElement>(null);\n\n const { closeDelay: p0, disabled: p1, openDelay: p2, ...restProps } = props;\n\n useLayoutEffect(() => {\n const element = elementRef.current as Record<string, unknown> | null;\n if (!element) return;\n Object.assign(element, { closeDelay: p0, disabled: p1, openDelay: p2 });\n });\n\n const mergedRef = useCallback(\n (element: TooltipTriggerElement | null) => {\n elementRef.current = element;\n if (typeof forwardedRef === 'function') {\n forwardedRef(element);\n } else if (forwardedRef) {\n forwardedRef.current = element;\n }\n },\n [forwardedRef],\n );\n\n return createElement('prosekit-tooltip-trigger', { ...restProps, ref: mergedRef, suppressHydrationWarning: true });\n}\n\n/**\n * A Preact component that renders an `prosekit-tooltip-trigger` custom element.\n *\n * @public\n */\nexport const TooltipTrigger: ForwardRefExoticComponent<TooltipTriggerProps & RefAttributes<TooltipTriggerElement>> = /* @__PURE__ */ forwardRef(TooltipTriggerComponent);\n"],"mappings":"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"}
|
package/package.json
CHANGED
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@prosekit/preact",
|
|
3
3
|
"type": "module",
|
|
4
|
-
"version": "0.
|
|
4
|
+
"version": "0.7.0-beta.1",
|
|
5
5
|
"private": false,
|
|
6
6
|
"description": "Preact components and utilities for ProseKit",
|
|
7
7
|
"author": {
|
|
@@ -46,6 +46,10 @@
|
|
|
46
46
|
"types": "./dist/prosekit-preact-inline-popover.d.ts",
|
|
47
47
|
"default": "./dist/prosekit-preact-inline-popover.js"
|
|
48
48
|
},
|
|
49
|
+
"./menu": {
|
|
50
|
+
"types": "./dist/prosekit-preact-menu.d.ts",
|
|
51
|
+
"default": "./dist/prosekit-preact-menu.js"
|
|
52
|
+
},
|
|
49
53
|
"./popover": {
|
|
50
54
|
"types": "./dist/prosekit-preact-popover.d.ts",
|
|
51
55
|
"default": "./dist/prosekit-preact-popover.js"
|
|
@@ -68,11 +72,11 @@
|
|
|
68
72
|
"src"
|
|
69
73
|
],
|
|
70
74
|
"dependencies": {
|
|
71
|
-
"@prosemirror-adapter/core": "^0.5.
|
|
72
|
-
"@prosemirror-adapter/preact": "^0.5.
|
|
73
|
-
"@prosekit/core": "^0.
|
|
75
|
+
"@prosemirror-adapter/core": "^0.5.3",
|
|
76
|
+
"@prosemirror-adapter/preact": "^0.5.3",
|
|
77
|
+
"@prosekit/core": "^0.12.0-beta.0",
|
|
74
78
|
"@prosekit/pm": "^0.1.15",
|
|
75
|
-
"@prosekit/web": "^0.
|
|
79
|
+
"@prosekit/web": "^0.8.0-beta.1"
|
|
76
80
|
},
|
|
77
81
|
"peerDependencies": {
|
|
78
82
|
"preact": ">= 10.11.0"
|
|
@@ -83,12 +87,15 @@
|
|
|
83
87
|
}
|
|
84
88
|
},
|
|
85
89
|
"devDependencies": {
|
|
86
|
-
"preact": "^10.29.
|
|
87
|
-
"tsdown": "^0.21.
|
|
90
|
+
"preact": "^10.29.1",
|
|
91
|
+
"tsdown": "^0.21.7",
|
|
88
92
|
"typescript": "~5.9.3",
|
|
93
|
+
"vitest": "^4.1.4",
|
|
94
|
+
"vitest-browser-preact": "^1.0.0",
|
|
89
95
|
"@prosekit/config-ts": "0.0.0",
|
|
90
96
|
"@prosekit/config-tsdown": "0.0.0",
|
|
91
|
-
"@prosekit/config-vitest": "0.0.0"
|
|
97
|
+
"@prosekit/config-vitest": "0.0.0",
|
|
98
|
+
"@prosekit/testing": "0.0.0"
|
|
92
99
|
},
|
|
93
100
|
"publishConfig": {
|
|
94
101
|
"dev": {}
|
|
@@ -96,14 +103,15 @@
|
|
|
96
103
|
"dev": {
|
|
97
104
|
"entry": {
|
|
98
105
|
"prosekit-preact": "./src/index.ts",
|
|
99
|
-
"prosekit-preact-autocomplete": "./src/components/autocomplete/index.
|
|
100
|
-
"prosekit-preact-block-handle": "./src/components/block-handle/index.
|
|
101
|
-
"prosekit-preact-drop-indicator": "./src/components/drop-indicator/index.
|
|
102
|
-
"prosekit-preact-inline-popover": "./src/components/inline-popover/index.
|
|
103
|
-
"prosekit-preact-
|
|
104
|
-
"prosekit-preact-
|
|
105
|
-
"prosekit-preact-
|
|
106
|
-
"prosekit-preact-
|
|
106
|
+
"prosekit-preact-autocomplete": "./src/components/autocomplete/index.ts",
|
|
107
|
+
"prosekit-preact-block-handle": "./src/components/block-handle/index.ts",
|
|
108
|
+
"prosekit-preact-drop-indicator": "./src/components/drop-indicator/index.ts",
|
|
109
|
+
"prosekit-preact-inline-popover": "./src/components/inline-popover/index.ts",
|
|
110
|
+
"prosekit-preact-menu": "./src/components/menu/index.ts",
|
|
111
|
+
"prosekit-preact-popover": "./src/components/popover/index.ts",
|
|
112
|
+
"prosekit-preact-resizable": "./src/components/resizable/index.ts",
|
|
113
|
+
"prosekit-preact-table-handle": "./src/components/table-handle/index.ts",
|
|
114
|
+
"prosekit-preact-tooltip": "./src/components/tooltip/index.ts"
|
|
107
115
|
}
|
|
108
116
|
},
|
|
109
117
|
"scripts": {
|
|
@@ -128,6 +136,9 @@
|
|
|
128
136
|
"inline-popover": [
|
|
129
137
|
"./dist/prosekit-preact-inline-popover.d.ts"
|
|
130
138
|
],
|
|
139
|
+
"menu": [
|
|
140
|
+
"./dist/prosekit-preact-menu.d.ts"
|
|
141
|
+
],
|
|
131
142
|
"popover": [
|
|
132
143
|
"./dist/prosekit-preact-popover.d.ts"
|
|
133
144
|
],
|
|
@@ -1,34 +1,44 @@
|
|
|
1
|
-
|
|
2
|
-
|
|
3
|
-
|
|
4
|
-
|
|
5
|
-
|
|
6
|
-
|
|
7
|
-
} from '
|
|
8
|
-
import
|
|
9
|
-
|
|
10
|
-
|
|
11
|
-
|
|
12
|
-
|
|
13
|
-
|
|
14
|
-
|
|
15
|
-
|
|
1
|
+
/**
|
|
2
|
+
* This file is auto-generated by the "@aria-ui/cli" tool. Do not edit this file directly.
|
|
3
|
+
*/
|
|
4
|
+
|
|
5
|
+
import { registerAutocompleteEmptyElement, type AutocompleteEmptyElement } from '@prosekit/web/autocomplete';
|
|
6
|
+
import { createElement, type HTMLAttributes, type Ref } from 'preact';
|
|
7
|
+
import { forwardRef, type ForwardRefExoticComponent, type RefAttributes } from 'preact/compat';
|
|
8
|
+
import { useCallback, useRef } from 'preact/hooks';
|
|
9
|
+
|
|
10
|
+
/**
|
|
11
|
+
* Props for the {@link AutocompleteEmpty} Preact component.
|
|
12
|
+
*
|
|
13
|
+
* @public
|
|
14
|
+
*/
|
|
15
|
+
export interface AutocompleteEmptyProps extends HTMLAttributes<AutocompleteEmptyElement> {}
|
|
16
|
+
|
|
17
|
+
function AutocompleteEmptyComponent(props: AutocompleteEmptyProps, forwardedRef: Ref<AutocompleteEmptyElement>) {
|
|
18
|
+
registerAutocompleteEmptyElement();
|
|
19
|
+
|
|
20
|
+
const elementRef = useRef<AutocompleteEmptyElement>(null);
|
|
21
|
+
|
|
22
|
+
const { ...restProps } = props;
|
|
23
|
+
|
|
24
|
+
const mergedRef = useCallback(
|
|
25
|
+
(element: AutocompleteEmptyElement | null) => {
|
|
26
|
+
elementRef.current = element;
|
|
27
|
+
if (typeof forwardedRef === 'function') {
|
|
28
|
+
forwardedRef(element);
|
|
29
|
+
} else if (forwardedRef) {
|
|
30
|
+
forwardedRef.current = element;
|
|
31
|
+
}
|
|
32
|
+
},
|
|
33
|
+
[forwardedRef],
|
|
34
|
+
);
|
|
35
|
+
|
|
36
|
+
return createElement('prosekit-autocomplete-empty', { ...restProps, ref: mergedRef, suppressHydrationWarning: true });
|
|
37
|
+
}
|
|
16
38
|
|
|
17
39
|
/**
|
|
18
|
-
*
|
|
40
|
+
* A Preact component that renders an `prosekit-autocomplete-empty` custom element.
|
|
41
|
+
*
|
|
42
|
+
* @public
|
|
19
43
|
*/
|
|
20
|
-
export
|
|
21
|
-
|
|
22
|
-
export const AutocompleteEmpty: ForwardRefExoticComponent<
|
|
23
|
-
Partial<AutocompleteEmptyProps> &
|
|
24
|
-
RefAttributes<AutocompleteEmptyElement> &
|
|
25
|
-
HTMLAttributes<AutocompleteEmptyElement>
|
|
26
|
-
> = createComponent<
|
|
27
|
-
AutocompleteEmptyProps,
|
|
28
|
-
AutocompleteEmptyElement
|
|
29
|
-
>(
|
|
30
|
-
'prosekit-autocomplete-empty',
|
|
31
|
-
'AutocompleteEmpty',
|
|
32
|
-
Object.keys(autocompleteEmptyProps),
|
|
33
|
-
Object.keys(autocompleteEmptyEvents),
|
|
34
|
-
)
|
|
44
|
+
export const AutocompleteEmpty: ForwardRefExoticComponent<AutocompleteEmptyProps & RefAttributes<AutocompleteEmptyElement>> = /* @__PURE__ */ forwardRef(AutocompleteEmptyComponent);
|