@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.
Files changed (117) hide show
  1. package/dist/prosekit-preact-autocomplete.d.ts +226 -18
  2. package/dist/prosekit-preact-autocomplete.d.ts.map +1 -1
  3. package/dist/prosekit-preact-autocomplete.js +218 -9
  4. package/dist/prosekit-preact-autocomplete.js.map +1 -1
  5. package/dist/prosekit-preact-block-handle.d.ts +210 -14
  6. package/dist/prosekit-preact-block-handle.d.ts.map +1 -1
  7. package/dist/prosekit-preact-block-handle.js +184 -7
  8. package/dist/prosekit-preact-block-handle.js.map +1 -1
  9. package/dist/prosekit-preact-drop-indicator.d.ts +27 -6
  10. package/dist/prosekit-preact-drop-indicator.d.ts.map +1 -1
  11. package/dist/prosekit-preact-drop-indicator.js +38 -3
  12. package/dist/prosekit-preact-drop-indicator.js.map +1 -1
  13. package/dist/prosekit-preact-inline-popover.d.ts +204 -8
  14. package/dist/prosekit-preact-inline-popover.d.ts.map +1 -1
  15. package/dist/prosekit-preact-inline-popover.js +130 -5
  16. package/dist/prosekit-preact-inline-popover.js.map +1 -1
  17. package/dist/prosekit-preact-menu.d.ts +288 -0
  18. package/dist/prosekit-preact-menu.d.ts.map +1 -0
  19. package/dist/prosekit-preact-menu.js +274 -0
  20. package/dist/prosekit-preact-menu.js.map +1 -0
  21. package/dist/prosekit-preact-popover.d.ts +227 -14
  22. package/dist/prosekit-preact-popover.d.ts.map +1 -1
  23. package/dist/prosekit-preact-popover.js +170 -7
  24. package/dist/prosekit-preact-popover.js.map +1 -1
  25. package/dist/prosekit-preact-resizable.d.ts +56 -12
  26. package/dist/prosekit-preact-resizable.d.ts.map +1 -1
  27. package/dist/prosekit-preact-resizable.js +80 -7
  28. package/dist/prosekit-preact-resizable.js.map +1 -1
  29. package/dist/prosekit-preact-table-handle.d.ts +447 -38
  30. package/dist/prosekit-preact-table-handle.d.ts.map +1 -1
  31. package/dist/prosekit-preact-table-handle.js +381 -19
  32. package/dist/prosekit-preact-table-handle.js.map +1 -1
  33. package/dist/prosekit-preact-tooltip.d.ts +211 -14
  34. package/dist/prosekit-preact-tooltip.d.ts.map +1 -1
  35. package/dist/prosekit-preact-tooltip.js +157 -7
  36. package/dist/prosekit-preact-tooltip.js.map +1 -1
  37. package/package.json +27 -16
  38. package/src/components/autocomplete/autocomplete-empty.gen.ts +41 -31
  39. package/src/components/autocomplete/autocomplete-item.gen.ts +84 -31
  40. package/src/components/autocomplete/autocomplete-popup.gen.ts +80 -0
  41. package/src/components/autocomplete/autocomplete-positioner.gen.ts +153 -0
  42. package/src/components/autocomplete/autocomplete-root.gen.ts +109 -0
  43. package/src/components/autocomplete/index.gen.ts +12 -4
  44. package/src/components/autocomplete/index.ts +27 -0
  45. package/src/components/block-handle/block-handle-add.gen.ts +59 -31
  46. package/src/components/block-handle/block-handle-draggable.gen.ts +59 -31
  47. package/src/components/block-handle/block-handle-popup.gen.ts +44 -0
  48. package/src/components/block-handle/block-handle-positioner.gen.ts +171 -0
  49. package/src/components/block-handle/block-handle-root.gen.ts +84 -0
  50. package/src/components/block-handle/index.gen.ts +13 -3
  51. package/src/components/block-handle/index.ts +27 -0
  52. package/src/components/drop-indicator/drop-indicator.gen.ts +65 -31
  53. package/src/components/drop-indicator/index.gen.ts +5 -1
  54. package/src/components/drop-indicator/index.ts +14 -0
  55. package/src/components/inline-popover/index.gen.ts +11 -1
  56. package/src/components/inline-popover/index.ts +22 -0
  57. package/src/components/inline-popover/inline-popover-popup.gen.ts +44 -0
  58. package/src/components/inline-popover/inline-popover-positioner.gen.ts +177 -0
  59. package/src/components/inline-popover/inline-popover-root.gen.ts +108 -0
  60. package/src/components/menu/index.gen.ts +19 -0
  61. package/src/components/menu/index.ts +37 -0
  62. package/src/components/menu/menu-item.gen.ts +91 -0
  63. package/src/components/menu/menu-popup.gen.ts +58 -0
  64. package/src/components/menu/menu-positioner.gen.ts +178 -0
  65. package/src/components/menu/menu-root.gen.ts +88 -0
  66. package/src/components/menu/menu-submenu-root.gen.ts +44 -0
  67. package/src/components/menu/menu-submenu-trigger.gen.ts +44 -0
  68. package/src/components/menu/menu-trigger.gen.ts +79 -0
  69. package/src/components/popover/index.gen.ts +11 -3
  70. package/src/components/popover/index.ts +24 -0
  71. package/src/components/popover/popover-popup.gen.ts +44 -0
  72. package/src/components/popover/popover-positioner.gen.ts +178 -0
  73. package/src/components/popover/popover-root.gen.ts +92 -31
  74. package/src/components/popover/popover-trigger.gen.ts +92 -31
  75. package/src/components/resizable/index.gen.ts +8 -2
  76. package/src/components/resizable/index.ts +20 -0
  77. package/src/components/resizable/resizable-handle.gen.ts +54 -31
  78. package/src/components/resizable/resizable-root.gen.ts +90 -31
  79. package/src/components/table-handle/index.gen.ts +17 -9
  80. package/src/components/table-handle/index.ts +58 -0
  81. package/src/components/table-handle/table-handle-column-menu-root.gen.ts +66 -0
  82. package/src/components/table-handle/table-handle-column-menu-trigger.gen.ts +60 -0
  83. package/src/components/table-handle/table-handle-column-popup.gen.ts +44 -0
  84. package/src/components/table-handle/table-handle-column-positioner.gen.ts +201 -0
  85. package/src/components/table-handle/table-handle-drag-preview.gen.ts +57 -31
  86. package/src/components/table-handle/table-handle-drop-indicator.gen.ts +57 -31
  87. package/src/components/table-handle/table-handle-root.gen.ts +59 -31
  88. package/src/components/table-handle/table-handle-row-menu-root.gen.ts +66 -0
  89. package/src/components/table-handle/table-handle-row-menu-trigger.gen.ts +60 -0
  90. package/src/components/table-handle/table-handle-row-popup.gen.ts +44 -0
  91. package/src/components/table-handle/table-handle-row-positioner.gen.ts +201 -0
  92. package/src/components/tooltip/index.gen.ts +11 -3
  93. package/src/components/tooltip/index.ts +24 -0
  94. package/src/components/tooltip/tooltip-popup.gen.ts +44 -0
  95. package/src/components/tooltip/tooltip-positioner.gen.ts +178 -0
  96. package/src/components/tooltip/tooltip-root.gen.ts +85 -31
  97. package/src/components/tooltip/tooltip-trigger.gen.ts +63 -31
  98. package/src/extensions/preact-node-view.spec.ts +151 -0
  99. package/dist/create-component.js +0 -95
  100. package/dist/create-component.js.map +0 -1
  101. package/dist/create-props.d.ts +0 -6
  102. package/dist/create-props.d.ts.map +0 -1
  103. package/src/components/autocomplete/autocomplete-list.gen.ts +0 -34
  104. package/src/components/autocomplete/autocomplete-popover.gen.ts +0 -34
  105. package/src/components/block-handle/block-handle-popover.gen.ts +0 -34
  106. package/src/components/create-component.ts +0 -123
  107. package/src/components/create-props.ts +0 -13
  108. package/src/components/inline-popover/inline-popover.gen.ts +0 -34
  109. package/src/components/merge-refs.ts +0 -35
  110. package/src/components/popover/popover-content.gen.ts +0 -34
  111. package/src/components/table-handle/table-handle-column-root.gen.ts +0 -34
  112. package/src/components/table-handle/table-handle-column-trigger.gen.ts +0 -34
  113. package/src/components/table-handle/table-handle-popover-content.gen.ts +0 -34
  114. package/src/components/table-handle/table-handle-popover-item.gen.ts +0 -34
  115. package/src/components/table-handle/table-handle-row-root.gen.ts +0 -34
  116. package/src/components/table-handle/table-handle-row-trigger.gen.ts +0 -34
  117. package/src/components/tooltip/tooltip-content.gen.ts +0 -34
@@ -1,27 +1,224 @@
1
- import { t as CreateProps } from "./create-props.js";
2
- import { ForwardRefExoticComponent, HTMLAttributes, RefAttributes } from "preact/compat";
3
- import { TooltipContentElement, TooltipContentEvents, TooltipContentProps as TooltipContentProps$1, TooltipRootElement, TooltipRootEvents, TooltipRootProps as TooltipRootProps$1, TooltipTriggerElement, TooltipTriggerEvents, TooltipTriggerProps as TooltipTriggerProps$1 } from "@prosekit/web/tooltip";
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-content.gen.d.ts
5
+ //#region src/components/tooltip/tooltip-popup.gen.d.ts
6
6
  /**
7
- * Props for the {@link TooltipContent} component.
7
+ * Props for the {@link TooltipPopup} Preact component.
8
+ *
9
+ * @public
8
10
  */
9
- interface TooltipContentProps extends Partial<CreateProps<TooltipContentProps$1, TooltipContentEvents>> {}
10
- declare const TooltipContent: ForwardRefExoticComponent<Partial<TooltipContentProps> & RefAttributes<TooltipContentElement> & HTMLAttributes<TooltipContentElement>>;
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
- interface TooltipRootProps extends Partial<CreateProps<TooltipRootProps$1, TooltipRootEvents>> {}
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
- interface TooltipTriggerProps extends Partial<CreateProps<TooltipTriggerProps$1, TooltipTriggerEvents>> {}
24
- declare const TooltipTrigger: ForwardRefExoticComponent<Partial<TooltipTriggerProps> & RefAttributes<TooltipTriggerElement> & HTMLAttributes<TooltipTriggerElement>>;
221
+ declare const TooltipTrigger: ForwardRefExoticComponent<TooltipTriggerProps & RefAttributes<TooltipTriggerElement>>;
25
222
  //#endregion
26
- export { TooltipContent, type TooltipContentProps, TooltipRoot, type TooltipRootProps, TooltipTrigger, type TooltipTriggerProps };
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-content.gen.ts","../src/components/tooltip/tooltip-root.gen.ts","../src/components/tooltip/tooltip-trigger.gen.ts"],"mappings":";;;;;;;AAmBA;UAAiB,mBAAA,SAA4B,OAAA,CAAQ,WAAA,CAAY,qBAAA,EAAO,oBAAA;AAAA,cAE3D,cAAA,EAAgB,yBAAA,CAC3B,OAAA,CAAQ,mBAAA,IACR,aAAA,CAAc,qBAAA,IACd,cAAA,CAAe,qBAAA;;;;;AALjB;UCAiB,gBAAA,SAAyB,OAAA,CAAQ,WAAA,CAAY,kBAAA,EAAO,iBAAA;AAAA,cAExD,WAAA,EAAa,yBAAA,CACxB,OAAA,CAAQ,gBAAA,IACR,aAAA,CAAc,kBAAA,IACd,cAAA,CAAe,kBAAA;;;;;ADLjB;UEAiB,mBAAA,SAA4B,OAAA,CAAQ,WAAA,CAAY,qBAAA,EAAO,oBAAA;AAAA,cAE3D,cAAA,EAAgB,yBAAA,CAC3B,OAAA,CAAQ,mBAAA,IACR,aAAA,CAAc,qBAAA,IACd,cAAA,CAAe,qBAAA"}
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 { t as createComponent } from "./create-component.js";
2
- import { tooltipContentEvents, tooltipContentProps, tooltipRootEvents, tooltipRootProps, tooltipTriggerEvents, tooltipTriggerProps } from "@prosekit/web/tooltip";
3
- //#region src/components/tooltip/tooltip-content.gen.ts
4
- const TooltipContent = createComponent("prosekit-tooltip-content", "TooltipContent", Object.keys(tooltipContentProps), Object.keys(tooltipContentEvents));
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
- const TooltipRoot = createComponent("prosekit-tooltip-root", "TooltipRoot", Object.keys(tooltipRootProps), Object.keys(tooltipRootEvents));
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
- const TooltipTrigger = createComponent("prosekit-tooltip-trigger", "TooltipTrigger", Object.keys(tooltipTriggerProps), Object.keys(tooltipTriggerEvents));
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 { TooltipContent, TooltipRoot, TooltipTrigger };
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.6.8",
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.2",
72
- "@prosemirror-adapter/preact": "^0.5.2",
73
- "@prosekit/core": "^0.11.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.7.13"
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.0",
87
- "tsdown": "^0.21.4",
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.gen.ts",
100
- "prosekit-preact-block-handle": "./src/components/block-handle/index.gen.ts",
101
- "prosekit-preact-drop-indicator": "./src/components/drop-indicator/index.gen.ts",
102
- "prosekit-preact-inline-popover": "./src/components/inline-popover/index.gen.ts",
103
- "prosekit-preact-popover": "./src/components/popover/index.gen.ts",
104
- "prosekit-preact-resizable": "./src/components/resizable/index.gen.ts",
105
- "prosekit-preact-table-handle": "./src/components/table-handle/index.gen.ts",
106
- "prosekit-preact-tooltip": "./src/components/tooltip/index.gen.ts"
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
- import {
2
- type AutocompleteEmptyElement,
3
- type AutocompleteEmptyProps as Props,
4
- type AutocompleteEmptyEvents as Events,
5
- autocompleteEmptyProps,
6
- autocompleteEmptyEvents,
7
- } from '@prosekit/web/autocomplete'
8
- import type {
9
- ForwardRefExoticComponent,
10
- HTMLAttributes,
11
- RefAttributes,
12
- } from 'preact/compat'
13
-
14
- import { createComponent } from '../create-component.ts'
15
- import type { CreateProps } from '../create-props.ts'
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
- * Props for the {@link AutocompleteEmpty} component.
40
+ * A Preact component that renders an `prosekit-autocomplete-empty` custom element.
41
+ *
42
+ * @public
19
43
  */
20
- export interface AutocompleteEmptyProps extends Partial<CreateProps<Props, Events>> {}
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);