@prosekit/preact 0.7.0-beta.0 → 0.7.0-beta.2
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,240 @@
|
|
|
1
|
-
import {
|
|
2
|
-
import { ForwardRefExoticComponent,
|
|
3
|
-
import {
|
|
1
|
+
import { HTMLAttributes } from "preact";
|
|
2
|
+
import { ForwardRefExoticComponent, RefAttributes } from "preact/compat";
|
|
3
|
+
import { OpenChangeEvent, PopoverPopupElement, PopoverPositionerElement, PopoverPositionerProps as PopoverPositionerProps$1, PopoverRootElement, PopoverRootEvents, PopoverRootProps as PopoverRootProps$1, PopoverTriggerElement, PopoverTriggerEvents, PopoverTriggerProps as PopoverTriggerProps$1 } from "@prosekit/web/popover";
|
|
4
4
|
|
|
5
|
-
//#region src/components/popover/popover-
|
|
5
|
+
//#region src/components/popover/popover-popup.gen.d.ts
|
|
6
6
|
/**
|
|
7
|
-
* Props for the {@link
|
|
7
|
+
* Props for the {@link PopoverPopup} Preact component.
|
|
8
|
+
*
|
|
9
|
+
* @public
|
|
8
10
|
*/
|
|
9
|
-
interface
|
|
10
|
-
|
|
11
|
+
interface PopoverPopupProps extends HTMLAttributes<PopoverPopupElement> {}
|
|
12
|
+
/**
|
|
13
|
+
* A Preact component that renders an `prosekit-popover-popup` custom element.
|
|
14
|
+
*
|
|
15
|
+
* @public
|
|
16
|
+
*/
|
|
17
|
+
declare const PopoverPopup: ForwardRefExoticComponent<PopoverPopupProps & RefAttributes<PopoverPopupElement>>;
|
|
18
|
+
//#endregion
|
|
19
|
+
//#region src/components/popover/popover-positioner.gen.d.ts
|
|
20
|
+
/**
|
|
21
|
+
* Props for the {@link PopoverPositioner} Preact component.
|
|
22
|
+
*
|
|
23
|
+
* @public
|
|
24
|
+
*/
|
|
25
|
+
interface PopoverPositionerProps extends HTMLAttributes<PopoverPositionerElement> {
|
|
26
|
+
/**
|
|
27
|
+
* The strategy to use for positioning
|
|
28
|
+
*
|
|
29
|
+
* @default "absolute"
|
|
30
|
+
*/
|
|
31
|
+
strategy?: PopoverPositionerProps$1['strategy'];
|
|
32
|
+
/**
|
|
33
|
+
* The initial placement of the floating element
|
|
34
|
+
*
|
|
35
|
+
* @default "top"
|
|
36
|
+
*/
|
|
37
|
+
placement?: PopoverPositionerProps$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?: PopoverPositionerProps$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?: PopoverPositionerProps$1['hoist'];
|
|
53
|
+
/**
|
|
54
|
+
* The distance between the reference and floating element.
|
|
55
|
+
*
|
|
56
|
+
* @default 6
|
|
57
|
+
*/
|
|
58
|
+
offset?: PopoverPositionerProps$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?: PopoverPositionerProps$1['flip'];
|
|
68
|
+
/**
|
|
69
|
+
* Whether the floating element should shift to keep it in view.
|
|
70
|
+
*
|
|
71
|
+
* @default true
|
|
72
|
+
*/
|
|
73
|
+
shift?: PopoverPositionerProps$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?: PopoverPositionerProps$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?: PopoverPositionerProps$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?: PopoverPositionerProps$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?: PopoverPositionerProps$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?: PopoverPositionerProps$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?: PopoverPositionerProps$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?: PopoverPositionerProps$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?: PopoverPositionerProps$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?: PopoverPositionerProps$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?: PopoverPositionerProps$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?: PopoverPositionerProps$1['altBoundary'];
|
|
153
|
+
}
|
|
154
|
+
/**
|
|
155
|
+
* A Preact component that renders an `prosekit-popover-positioner` custom element.
|
|
156
|
+
*
|
|
157
|
+
* @public
|
|
158
|
+
*/
|
|
159
|
+
declare const PopoverPositioner: ForwardRefExoticComponent<PopoverPositionerProps & RefAttributes<PopoverPositionerElement>>;
|
|
11
160
|
//#endregion
|
|
12
161
|
//#region src/components/popover/popover-root.gen.d.ts
|
|
13
162
|
/**
|
|
14
|
-
* Props for the {@link PopoverRoot} component.
|
|
163
|
+
* Props for the {@link PopoverRoot} Preact component.
|
|
164
|
+
*
|
|
165
|
+
* @public
|
|
166
|
+
*/
|
|
167
|
+
interface PopoverRootProps extends HTMLAttributes<PopoverRootElement> {
|
|
168
|
+
/**
|
|
169
|
+
* Whether the popover should be modal.
|
|
170
|
+
* When true, the popover will trap focus and prevent interaction with the rest of the page.
|
|
171
|
+
*
|
|
172
|
+
* @default false
|
|
173
|
+
*/
|
|
174
|
+
modal?: PopoverRootProps$1['modal'];
|
|
175
|
+
/**
|
|
176
|
+
* Whether the overlay is initially open.
|
|
177
|
+
* @default false
|
|
178
|
+
*/
|
|
179
|
+
defaultOpen?: PopoverRootProps$1['defaultOpen'];
|
|
180
|
+
/**
|
|
181
|
+
* Whether the overlay is currently open.
|
|
182
|
+
* @default null
|
|
183
|
+
*/
|
|
184
|
+
open?: PopoverRootProps$1['open'];
|
|
185
|
+
/**
|
|
186
|
+
* Whether the component should ignore user interaction.
|
|
187
|
+
* @default false
|
|
188
|
+
*/
|
|
189
|
+
disabled?: PopoverRootProps$1['disabled'];
|
|
190
|
+
/** Emitted when the popover is opened or closed. */
|
|
191
|
+
onOpenChange?: (event: PopoverRootEvents['openChange']) => void;
|
|
192
|
+
}
|
|
193
|
+
/**
|
|
194
|
+
* A Preact component that renders an `prosekit-popover-root` custom element.
|
|
195
|
+
*
|
|
196
|
+
* @public
|
|
15
197
|
*/
|
|
16
|
-
|
|
17
|
-
declare const PopoverRoot: ForwardRefExoticComponent<Partial<PopoverRootProps> & RefAttributes<PopoverRootElement> & HTMLAttributes<PopoverRootElement>>;
|
|
198
|
+
declare const PopoverRoot: ForwardRefExoticComponent<PopoverRootProps & RefAttributes<PopoverRootElement>>;
|
|
18
199
|
//#endregion
|
|
19
200
|
//#region src/components/popover/popover-trigger.gen.d.ts
|
|
20
201
|
/**
|
|
21
|
-
* Props for the {@link PopoverTrigger} component.
|
|
202
|
+
* Props for the {@link PopoverTrigger} Preact component.
|
|
203
|
+
*
|
|
204
|
+
* @public
|
|
205
|
+
*/
|
|
206
|
+
interface PopoverTriggerProps extends HTMLAttributes<PopoverTriggerElement> {
|
|
207
|
+
/**
|
|
208
|
+
* Whether the component should ignore user interaction.
|
|
209
|
+
* @default false
|
|
210
|
+
*/
|
|
211
|
+
disabled?: PopoverTriggerProps$1['disabled'];
|
|
212
|
+
/**
|
|
213
|
+
* Whether the popover should also open when the trigger is hovered.
|
|
214
|
+
* @default false
|
|
215
|
+
*/
|
|
216
|
+
openOnHover?: PopoverTriggerProps$1['openOnHover'];
|
|
217
|
+
/**
|
|
218
|
+
* The delay in milliseconds before opening the popover when hovering.
|
|
219
|
+
* Only applies when `openOnHover` is true.
|
|
220
|
+
* @default 300
|
|
221
|
+
*/
|
|
222
|
+
delay?: PopoverTriggerProps$1['delay'];
|
|
223
|
+
/**
|
|
224
|
+
* The delay in milliseconds before closing the popover when hover ends.
|
|
225
|
+
* Only applies when `openOnHover` is true.
|
|
226
|
+
* @default 0
|
|
227
|
+
*/
|
|
228
|
+
closeDelay?: PopoverTriggerProps$1['closeDelay'];
|
|
229
|
+
/** Emitted when the popover is opened or closed. */
|
|
230
|
+
onOpenChange?: (event: PopoverTriggerEvents['openChange']) => void;
|
|
231
|
+
}
|
|
232
|
+
/**
|
|
233
|
+
* A Preact component that renders an `prosekit-popover-trigger` custom element.
|
|
234
|
+
*
|
|
235
|
+
* @public
|
|
22
236
|
*/
|
|
23
|
-
|
|
24
|
-
declare const PopoverTrigger: ForwardRefExoticComponent<Partial<PopoverTriggerProps> & RefAttributes<PopoverTriggerElement> & HTMLAttributes<PopoverTriggerElement>>;
|
|
237
|
+
declare const PopoverTrigger: ForwardRefExoticComponent<PopoverTriggerProps & RefAttributes<PopoverTriggerElement>>;
|
|
25
238
|
//#endregion
|
|
26
|
-
export {
|
|
239
|
+
export { OpenChangeEvent, PopoverPopup, type PopoverPopupProps, PopoverPositioner, type PopoverPositionerProps, PopoverRoot, type PopoverRootEvents, type PopoverRootProps, PopoverTrigger, type PopoverTriggerEvents, type PopoverTriggerProps };
|
|
27
240
|
//# sourceMappingURL=prosekit-preact-popover.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"prosekit-preact-popover.d.ts","names":[],"sources":["../src/components/popover/popover-
|
|
1
|
+
{"version":3,"file":"prosekit-preact-popover.d.ts","names":[],"sources":["../src/components/popover/popover-popup.gen.ts","../src/components/popover/popover-positioner.gen.ts","../src/components/popover/popover-root.gen.ts","../src/components/popover/popover-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;EC5FD;;;;;;EDmGd,eAAA,GAAkB,wBAAA;EC/GsB;;;;;;;EDuHxC,cAAA,GAAiB,wBAAA;ECjGjB;;;;;;;EDyGA,WAAA,GAAc,wBAAA;AAAA;;;;;;cAoCH,iBAAA,EAAmB,yBAAA,CAA0B,sBAAA,GAAyB,aAAA,CAAc,wBAAA;;;;;;;ADtIjG;UE7BiB,gBAAA,SAAyB,cAAA,CAAe,kBAAA;;;;;;;EAOvD,KAAA,GAAQ,kBAAA;EFsBiB;;;;EEjBzB,WAAA,GAAc,kBAAA;EFiB0F;;;;EEZxG,IAAA,GAAO,kBAAA;EDjB+B;;;;ECsBtC,QAAA,GAAW,kBAAA;EDFE;ECIb,YAAA,IAAgB,KAAA,EAAO,iBAAA;AAAA;;;;;;cAsDZ,WAAA,EAAa,yBAAA,CAA0B,gBAAA,GAAmB,aAAA,CAAc,kBAAA;;;;;;;AFjDrF;UG7BiB,mBAAA,SAA4B,cAAA,CAAe,qBAAA;;;;;EAK1D,QAAA,GAAW,qBAAA;EHwBuC;;;;EGnBlD,WAAA,GAAc,qBAAA;EHmBuE;;;;;EGbrF,KAAA,GAAQ,qBAAA;EFhBO;;;;;EEsBf,UAAA,GAAa,qBAAA;EFFA;EEIb,YAAA,IAAgB,KAAA,EAAO,oBAAA;AAAA;;;;;;cAsDZ,cAAA,EAAgB,yBAAA,CAA0B,mBAAA,GAAsB,aAAA,CAAc,qBAAA"}
|
|
@@ -1,14 +1,177 @@
|
|
|
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, registerPopoverPopupElement, registerPopoverPositionerElement, registerPopoverRootElement, registerPopoverTriggerElement } from "@prosekit/web/popover";
|
|
5
|
+
//#region src/components/popover/popover-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 PopoverPopupComponent(props, forwardedRef) {
|
|
10
|
+
registerPopoverPopupElement();
|
|
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-popover-popup", {
|
|
19
|
+
...restProps,
|
|
20
|
+
ref: mergedRef,
|
|
21
|
+
suppressHydrationWarning: true
|
|
22
|
+
});
|
|
23
|
+
}
|
|
24
|
+
/**
|
|
25
|
+
* A Preact component that renders an `prosekit-popover-popup` custom element.
|
|
26
|
+
*
|
|
27
|
+
* @public
|
|
28
|
+
*/
|
|
29
|
+
const PopoverPopup = /* @__PURE__ */ forwardRef(PopoverPopupComponent);
|
|
30
|
+
//#endregion
|
|
31
|
+
//#region src/components/popover/popover-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 PopoverPositionerComponent(props, forwardedRef) {
|
|
36
|
+
registerPopoverPositionerElement();
|
|
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-popover-positioner", {
|
|
69
|
+
...restProps,
|
|
70
|
+
ref: mergedRef,
|
|
71
|
+
suppressHydrationWarning: true
|
|
72
|
+
});
|
|
73
|
+
}
|
|
74
|
+
/**
|
|
75
|
+
* A Preact component that renders an `prosekit-popover-positioner` custom element.
|
|
76
|
+
*
|
|
77
|
+
* @public
|
|
78
|
+
*/
|
|
79
|
+
const PopoverPositioner = /* @__PURE__ */ forwardRef(PopoverPositionerComponent);
|
|
5
80
|
//#endregion
|
|
6
81
|
//#region src/components/popover/popover-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 PopoverRootComponent(props, forwardedRef) {
|
|
86
|
+
registerPopoverRootElement();
|
|
87
|
+
const elementRef = useRef(null);
|
|
88
|
+
const handlersRef = useRef([]);
|
|
89
|
+
const { defaultOpen: p0, disabled: p1, modal: p2, open: p3, 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
|
+
modal: p2,
|
|
97
|
+
open: p3
|
|
98
|
+
});
|
|
99
|
+
handlersRef.current = [e0];
|
|
100
|
+
});
|
|
101
|
+
useLayoutEffect(() => {
|
|
102
|
+
const element = elementRef.current;
|
|
103
|
+
if (!element) return;
|
|
104
|
+
const ac = new AbortController();
|
|
105
|
+
for (const [index, eventName] of ["openChange"].entries()) element.addEventListener(eventName, (event) => {
|
|
106
|
+
handlersRef.current[index]?.(event);
|
|
107
|
+
}, { signal: ac.signal });
|
|
108
|
+
return () => ac.abort();
|
|
109
|
+
}, []);
|
|
110
|
+
const mergedRef = useCallback((element) => {
|
|
111
|
+
elementRef.current = element;
|
|
112
|
+
if (typeof forwardedRef === "function") forwardedRef(element);
|
|
113
|
+
else if (forwardedRef) forwardedRef.current = element;
|
|
114
|
+
}, [forwardedRef]);
|
|
115
|
+
return createElement("prosekit-popover-root", {
|
|
116
|
+
...restProps,
|
|
117
|
+
ref: mergedRef,
|
|
118
|
+
suppressHydrationWarning: true
|
|
119
|
+
});
|
|
120
|
+
}
|
|
121
|
+
/**
|
|
122
|
+
* A Preact component that renders an `prosekit-popover-root` custom element.
|
|
123
|
+
*
|
|
124
|
+
* @public
|
|
125
|
+
*/
|
|
126
|
+
const PopoverRoot = /* @__PURE__ */ forwardRef(PopoverRootComponent);
|
|
8
127
|
//#endregion
|
|
9
128
|
//#region src/components/popover/popover-trigger.gen.ts
|
|
10
|
-
|
|
129
|
+
/**
|
|
130
|
+
* This file is auto-generated by the "@aria-ui/cli" tool. Do not edit this file directly.
|
|
131
|
+
*/
|
|
132
|
+
function PopoverTriggerComponent(props, forwardedRef) {
|
|
133
|
+
registerPopoverTriggerElement();
|
|
134
|
+
const elementRef = useRef(null);
|
|
135
|
+
const handlersRef = useRef([]);
|
|
136
|
+
const { closeDelay: p0, delay: p1, disabled: p2, openOnHover: p3, onOpenChange: e0, ...restProps } = props;
|
|
137
|
+
useLayoutEffect(() => {
|
|
138
|
+
const element = elementRef.current;
|
|
139
|
+
if (!element) return;
|
|
140
|
+
Object.assign(element, {
|
|
141
|
+
closeDelay: p0,
|
|
142
|
+
delay: p1,
|
|
143
|
+
disabled: p2,
|
|
144
|
+
openOnHover: p3
|
|
145
|
+
});
|
|
146
|
+
handlersRef.current = [e0];
|
|
147
|
+
});
|
|
148
|
+
useLayoutEffect(() => {
|
|
149
|
+
const element = elementRef.current;
|
|
150
|
+
if (!element) return;
|
|
151
|
+
const ac = new AbortController();
|
|
152
|
+
for (const [index, eventName] of ["openChange"].entries()) element.addEventListener(eventName, (event) => {
|
|
153
|
+
handlersRef.current[index]?.(event);
|
|
154
|
+
}, { signal: ac.signal });
|
|
155
|
+
return () => ac.abort();
|
|
156
|
+
}, []);
|
|
157
|
+
const mergedRef = useCallback((element) => {
|
|
158
|
+
elementRef.current = element;
|
|
159
|
+
if (typeof forwardedRef === "function") forwardedRef(element);
|
|
160
|
+
else if (forwardedRef) forwardedRef.current = element;
|
|
161
|
+
}, [forwardedRef]);
|
|
162
|
+
return createElement("prosekit-popover-trigger", {
|
|
163
|
+
...restProps,
|
|
164
|
+
ref: mergedRef,
|
|
165
|
+
suppressHydrationWarning: true
|
|
166
|
+
});
|
|
167
|
+
}
|
|
168
|
+
/**
|
|
169
|
+
* A Preact component that renders an `prosekit-popover-trigger` custom element.
|
|
170
|
+
*
|
|
171
|
+
* @public
|
|
172
|
+
*/
|
|
173
|
+
const PopoverTrigger = /* @__PURE__ */ forwardRef(PopoverTriggerComponent);
|
|
11
174
|
//#endregion
|
|
12
|
-
export {
|
|
175
|
+
export { OpenChangeEvent, PopoverPopup, PopoverPositioner, PopoverRoot, PopoverTrigger };
|
|
13
176
|
|
|
14
177
|
//# sourceMappingURL=prosekit-preact-popover.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"prosekit-preact-popover.js","names":[],"sources":["../src/components/popover/popover-content.gen.ts","../src/components/popover/popover-root.gen.ts","../src/components/popover/popover-trigger.gen.ts"],"sourcesContent":["import {\n type PopoverContentElement,\n type PopoverContentProps as Props,\n type PopoverContentEvents as Events,\n popoverContentProps,\n popoverContentEvents,\n} from '@prosekit/web/popover'\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 PopoverContent} component.\n */\nexport interface PopoverContentProps extends Partial<CreateProps<Props, Events>> {}\n\nexport const PopoverContent: ForwardRefExoticComponent<\n Partial<PopoverContentProps> &\n RefAttributes<PopoverContentElement> &\n HTMLAttributes<PopoverContentElement>\n> = createComponent<\n PopoverContentProps,\n PopoverContentElement\n>(\n 'prosekit-popover-content',\n 'PopoverContent',\n Object.keys(popoverContentProps),\n Object.keys(popoverContentEvents),\n)\n","import {\n type PopoverRootElement,\n type PopoverRootProps as Props,\n type PopoverRootEvents as Events,\n popoverRootProps,\n popoverRootEvents,\n} from '@prosekit/web/popover'\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 PopoverRoot} component.\n */\nexport interface PopoverRootProps extends Partial<CreateProps<Props, Events>> {}\n\nexport const PopoverRoot: ForwardRefExoticComponent<\n Partial<PopoverRootProps> &\n RefAttributes<PopoverRootElement> &\n HTMLAttributes<PopoverRootElement>\n> = createComponent<\n PopoverRootProps,\n PopoverRootElement\n>(\n 'prosekit-popover-root',\n 'PopoverRoot',\n Object.keys(popoverRootProps),\n Object.keys(popoverRootEvents),\n)\n","import {\n type PopoverTriggerElement,\n type PopoverTriggerProps as Props,\n type PopoverTriggerEvents as Events,\n popoverTriggerProps,\n popoverTriggerEvents,\n} from '@prosekit/web/popover'\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 PopoverTrigger} component.\n */\nexport interface PopoverTriggerProps extends Partial<CreateProps<Props, Events>> {}\n\nexport const PopoverTrigger: ForwardRefExoticComponent<\n Partial<PopoverTriggerProps> &\n RefAttributes<PopoverTriggerElement> &\n HTMLAttributes<PopoverTriggerElement>\n> = createComponent<\n PopoverTriggerProps,\n PopoverTriggerElement\n>(\n 'prosekit-popover-trigger',\n 'PopoverTrigger',\n Object.keys(popoverTriggerProps),\n Object.keys(popoverTriggerEvents),\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-popover.js","names":[],"sources":["../src/components/popover/popover-popup.gen.ts","../src/components/popover/popover-positioner.gen.ts","../src/components/popover/popover-root.gen.ts","../src/components/popover/popover-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 { registerPopoverPopupElement, type PopoverPopupElement } from '@prosekit/web/popover';\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 PopoverPopup} Preact component.\n *\n * @public\n */\nexport interface PopoverPopupProps extends HTMLAttributes<PopoverPopupElement> {}\n\nfunction PopoverPopupComponent(props: PopoverPopupProps, forwardedRef: Ref<PopoverPopupElement>) {\n registerPopoverPopupElement();\n\n const elementRef = useRef<PopoverPopupElement>(null);\n\n const { ...restProps } = props;\n\n const mergedRef = useCallback(\n (element: PopoverPopupElement | 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-popover-popup', { ...restProps, ref: mergedRef, suppressHydrationWarning: true });\n}\n\n/**\n * A Preact component that renders an `prosekit-popover-popup` custom element.\n *\n * @public\n */\nexport const PopoverPopup: ForwardRefExoticComponent<PopoverPopupProps & RefAttributes<PopoverPopupElement>> = /* @__PURE__ */ forwardRef(PopoverPopupComponent);\n","/**\n * This file is auto-generated by the \"@aria-ui/cli\" tool. Do not edit this file directly.\n */\n\nimport { registerPopoverPositionerElement, type PopoverPositionerElement, type PopoverPositionerProps as PopoverPositionerElementProps } from '@prosekit/web/popover';\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 PopoverPositioner} Preact component.\n *\n * @public\n */\nexport interface PopoverPositionerProps extends HTMLAttributes<PopoverPositionerElement> {\n /**\n * The strategy to use for positioning\n *\n * @default \"absolute\"\n */\n strategy?: PopoverPositionerElementProps['strategy'];\n /**\n * The initial placement of the floating element\n *\n * @default \"top\"\n */\n placement?: PopoverPositionerElementProps['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?: PopoverPositionerElementProps['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?: PopoverPositionerElementProps['hoist'];\n /**\n * The distance between the reference and floating element.\n *\n * @default 6\n */\n offset?: PopoverPositionerElementProps['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?: PopoverPositionerElementProps['flip'];\n /**\n * Whether the floating element should shift to keep it in view.\n *\n * @default true\n */\n shift?: PopoverPositionerElementProps['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?: PopoverPositionerElementProps['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?: PopoverPositionerElementProps['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?: PopoverPositionerElementProps['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?: PopoverPositionerElementProps['sameHeight'];\n /**\n * Whether to improve positioning for inline reference elements that span over\n * multiple lines.\n *\n * @default false\n */\n inline?: PopoverPositionerElementProps['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?: PopoverPositionerElementProps['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?: PopoverPositionerElementProps['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?: PopoverPositionerElementProps['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?: PopoverPositionerElementProps['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?: PopoverPositionerElementProps['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?: PopoverPositionerElementProps['altBoundary'];\n}\n\nfunction PopoverPositionerComponent(props: PopoverPositionerProps, forwardedRef: Ref<PopoverPositionerElement>) {\n registerPopoverPositionerElement();\n\n const elementRef = useRef<PopoverPositionerElement>(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: PopoverPositionerElement | 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-popover-positioner', { ...restProps, ref: mergedRef, suppressHydrationWarning: true });\n}\n\n/**\n * A Preact component that renders an `prosekit-popover-positioner` custom element.\n *\n * @public\n */\nexport const PopoverPositioner: ForwardRefExoticComponent<PopoverPositionerProps & RefAttributes<PopoverPositionerElement>> = /* @__PURE__ */ forwardRef(PopoverPositionerComponent);\n","/**\n * This file is auto-generated by the \"@aria-ui/cli\" tool. Do not edit this file directly.\n */\n\nimport { registerPopoverRootElement, type PopoverRootElement, type PopoverRootProps as PopoverRootElementProps, type PopoverRootEvents } from '@prosekit/web/popover';\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 PopoverRoot} Preact component.\n *\n * @public\n */\nexport interface PopoverRootProps extends HTMLAttributes<PopoverRootElement> {\n /**\n * Whether the popover should be modal.\n * When true, the popover will trap focus and prevent interaction with the rest of the page.\n *\n * @default false\n */\n modal?: PopoverRootElementProps['modal'];\n /**\n * Whether the overlay is initially open.\n * @default false\n */\n defaultOpen?: PopoverRootElementProps['defaultOpen'];\n /**\n * Whether the overlay is currently open.\n * @default null\n */\n open?: PopoverRootElementProps['open'];\n /**\n * Whether the component should ignore user interaction.\n * @default false\n */\n disabled?: PopoverRootElementProps['disabled'];\n /** Emitted when the popover is opened or closed. */\n onOpenChange?: (event: PopoverRootEvents['openChange']) => void;\n}\n\nfunction PopoverRootComponent(props: PopoverRootProps, forwardedRef: Ref<PopoverRootElement>) {\n registerPopoverRootElement();\n\n const elementRef = useRef<PopoverRootElement>(null);\n const handlersRef = useRef<Array<((event: Event) => void) | undefined>>([]);\n\n const { defaultOpen: p0, disabled: p1, modal: p2, open: p3, 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, modal: p2, open: p3 });\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: PopoverRootElement | 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-popover-root', { ...restProps, ref: mergedRef, suppressHydrationWarning: true });\n}\n\n/**\n * A Preact component that renders an `prosekit-popover-root` custom element.\n *\n * @public\n */\nexport const PopoverRoot: ForwardRefExoticComponent<PopoverRootProps & RefAttributes<PopoverRootElement>> = /* @__PURE__ */ forwardRef(PopoverRootComponent);\n\nexport type { PopoverRootEvents };\n","/**\n * This file is auto-generated by the \"@aria-ui/cli\" tool. Do not edit this file directly.\n */\n\nimport { registerPopoverTriggerElement, type PopoverTriggerElement, type PopoverTriggerProps as PopoverTriggerElementProps, type PopoverTriggerEvents } from '@prosekit/web/popover';\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 PopoverTrigger} Preact component.\n *\n * @public\n */\nexport interface PopoverTriggerProps extends HTMLAttributes<PopoverTriggerElement> {\n /**\n * Whether the component should ignore user interaction.\n * @default false\n */\n disabled?: PopoverTriggerElementProps['disabled'];\n /**\n * Whether the popover should also open when the trigger is hovered.\n * @default false\n */\n openOnHover?: PopoverTriggerElementProps['openOnHover'];\n /**\n * The delay in milliseconds before opening the popover when hovering.\n * Only applies when `openOnHover` is true.\n * @default 300\n */\n delay?: PopoverTriggerElementProps['delay'];\n /**\n * The delay in milliseconds before closing the popover when hover ends.\n * Only applies when `openOnHover` is true.\n * @default 0\n */\n closeDelay?: PopoverTriggerElementProps['closeDelay'];\n /** Emitted when the popover is opened or closed. */\n onOpenChange?: (event: PopoverTriggerEvents['openChange']) => void;\n}\n\nfunction PopoverTriggerComponent(props: PopoverTriggerProps, forwardedRef: Ref<PopoverTriggerElement>) {\n registerPopoverTriggerElement();\n\n const elementRef = useRef<PopoverTriggerElement>(null);\n const handlersRef = useRef<Array<((event: Event) => void) | undefined>>([]);\n\n const { closeDelay: p0, delay: p1, disabled: p2, openOnHover: p3, 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, { closeDelay: p0, delay: p1, disabled: p2, openOnHover: p3 });\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: PopoverTriggerElement | 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-popover-trigger', { ...restProps, ref: mergedRef, suppressHydrationWarning: true });\n}\n\n/**\n * A Preact component that renders an `prosekit-popover-trigger` custom element.\n *\n * @public\n */\nexport const PopoverTrigger: ForwardRefExoticComponent<PopoverTriggerProps & RefAttributes<PopoverTriggerElement>> = /* @__PURE__ */ forwardRef(PopoverTriggerComponent);\n\nexport type { PopoverTriggerEvents };\n"],"mappings":"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"}
|
|
@@ -1,20 +1,64 @@
|
|
|
1
|
-
import {
|
|
2
|
-
import { ForwardRefExoticComponent,
|
|
3
|
-
import { ResizableHandleElement,
|
|
1
|
+
import { HTMLAttributes } from "preact";
|
|
2
|
+
import { ForwardRefExoticComponent, RefAttributes } from "preact/compat";
|
|
3
|
+
import { ResizableHandleElement, ResizableHandleProps as ResizableHandleProps$1, ResizableRootElement, ResizableRootEvents, ResizableRootProps as ResizableRootProps$1, ResizeEndEvent, ResizeStartEvent } from "@prosekit/web/resizable";
|
|
4
4
|
|
|
5
|
-
//#region src/components/resizable/resizable-
|
|
5
|
+
//#region src/components/resizable/resizable-root.gen.d.ts
|
|
6
|
+
/**
|
|
7
|
+
* Props for the {@link ResizableRoot} Preact component.
|
|
8
|
+
*
|
|
9
|
+
* @public
|
|
10
|
+
*/
|
|
11
|
+
interface ResizableRootProps extends HTMLAttributes<ResizableRootElement> {
|
|
12
|
+
/**
|
|
13
|
+
* The width of the resizable element.
|
|
14
|
+
*
|
|
15
|
+
* @default null
|
|
16
|
+
*/
|
|
17
|
+
width?: ResizableRootProps$1['width'];
|
|
18
|
+
/**
|
|
19
|
+
* The height of the resizable element.
|
|
20
|
+
*
|
|
21
|
+
* @default null
|
|
22
|
+
*/
|
|
23
|
+
height?: ResizableRootProps$1['height'];
|
|
24
|
+
/**
|
|
25
|
+
* The aspect ratio of the resizable element.
|
|
26
|
+
*
|
|
27
|
+
* @default null
|
|
28
|
+
*/
|
|
29
|
+
aspectRatio?: ResizableRootProps$1['aspectRatio'];
|
|
30
|
+
/** Emitted when a resize operation starts. */
|
|
31
|
+
onResizeStart?: (event: ResizableRootEvents['resizeStart']) => void;
|
|
32
|
+
/** Emitted when a resize operation ends. */
|
|
33
|
+
onResizeEnd?: (event: ResizableRootEvents['resizeEnd']) => void;
|
|
34
|
+
}
|
|
6
35
|
/**
|
|
7
|
-
*
|
|
36
|
+
* A Preact component that renders an `prosekit-resizable-root` custom element.
|
|
37
|
+
*
|
|
38
|
+
* @public
|
|
8
39
|
*/
|
|
9
|
-
|
|
10
|
-
declare const ResizableHandle: ForwardRefExoticComponent<Partial<ResizableHandleProps> & RefAttributes<ResizableHandleElement> & HTMLAttributes<ResizableHandleElement>>;
|
|
40
|
+
declare const ResizableRoot: ForwardRefExoticComponent<ResizableRootProps & RefAttributes<ResizableRootElement>>;
|
|
11
41
|
//#endregion
|
|
12
|
-
//#region src/components/resizable/resizable-
|
|
42
|
+
//#region src/components/resizable/resizable-handle.gen.d.ts
|
|
43
|
+
/**
|
|
44
|
+
* Props for the {@link ResizableHandle} Preact component.
|
|
45
|
+
*
|
|
46
|
+
* @public
|
|
47
|
+
*/
|
|
48
|
+
interface ResizableHandleProps extends HTMLAttributes<ResizableHandleElement> {
|
|
49
|
+
/**
|
|
50
|
+
* The position of the handle.
|
|
51
|
+
*
|
|
52
|
+
* @default "bottom-right"
|
|
53
|
+
*/
|
|
54
|
+
position?: ResizableHandleProps$1['position'];
|
|
55
|
+
}
|
|
13
56
|
/**
|
|
14
|
-
*
|
|
57
|
+
* A Preact component that renders an `prosekit-resizable-handle` custom element.
|
|
58
|
+
*
|
|
59
|
+
* @public
|
|
15
60
|
*/
|
|
16
|
-
|
|
17
|
-
declare const ResizableRoot: ForwardRefExoticComponent<Partial<ResizableRootProps> & RefAttributes<ResizableRootElement> & HTMLAttributes<ResizableRootElement>>;
|
|
61
|
+
declare const ResizableHandle: ForwardRefExoticComponent<ResizableHandleProps & RefAttributes<ResizableHandleElement>>;
|
|
18
62
|
//#endregion
|
|
19
|
-
export { ResizableHandle, type ResizableHandleProps, ResizableRoot, type ResizableRootProps };
|
|
63
|
+
export { ResizableHandle, type ResizableHandleProps, ResizableRoot, type ResizableRootEvents, type ResizableRootProps, ResizeEndEvent, ResizeStartEvent };
|
|
20
64
|
//# sourceMappingURL=prosekit-preact-resizable.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"prosekit-preact-resizable.d.ts","names":[],"sources":["../src/components/resizable/resizable-
|
|
1
|
+
{"version":3,"file":"prosekit-preact-resizable.d.ts","names":[],"sources":["../src/components/resizable/resizable-root.gen.ts","../src/components/resizable/resizable-handle.gen.ts"],"mappings":";;;;;;;;;;UAciB,kBAAA,SAA2B,cAAA,CAAe,oBAAA;EAoBjC;;;;;EAdxB,KAAA,GAAQ,oBAAA;EANiD;;;;;EAYzD,MAAA,GAAS,oBAAA;EAMK;;;;;EAAd,WAAA,GAAc,oBAAA;EAIC;EAFf,aAAA,IAAiB,KAAA,EAAO,mBAAA;EAE8B;EAAtD,WAAA,IAAe,KAAA,EAAO,mBAAA;AAAA;;;;;;cAsDX,aAAA,EAAe,yBAAA,CAA0B,kBAAA,GAAqB,aAAA,CAAc,oBAAA;;;;;;;;UC5ExE,oBAAA,SAA6B,cAAA,CAAe,sBAAA;EDoBnC;;;;;ECdxB,QAAA,GAAW,sBAAA;AAAA;;;;;;cAoCA,eAAA,EAAiB,yBAAA,CAA0B,oBAAA,GAAuB,aAAA,CAAc,sBAAA"}
|