@prosekit/react 0.6.9 → 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-react-autocomplete.d.ts +224 -17
  2. package/dist/prosekit-react-autocomplete.d.ts.map +1 -1
  3. package/dist/prosekit-react-autocomplete.js +216 -9
  4. package/dist/prosekit-react-autocomplete.js.map +1 -1
  5. package/dist/prosekit-react-block-handle.d.ts +208 -13
  6. package/dist/prosekit-react-block-handle.d.ts.map +1 -1
  7. package/dist/prosekit-react-block-handle.js +182 -7
  8. package/dist/prosekit-react-block-handle.js.map +1 -1
  9. package/dist/prosekit-react-drop-indicator.d.ts +25 -5
  10. package/dist/prosekit-react-drop-indicator.d.ts.map +1 -1
  11. package/dist/prosekit-react-drop-indicator.js +36 -3
  12. package/dist/prosekit-react-drop-indicator.js.map +1 -1
  13. package/dist/prosekit-react-inline-popover.d.ts +202 -7
  14. package/dist/prosekit-react-inline-popover.d.ts.map +1 -1
  15. package/dist/prosekit-react-inline-popover.js +128 -5
  16. package/dist/prosekit-react-inline-popover.js.map +1 -1
  17. package/dist/prosekit-react-menu.d.ts +287 -0
  18. package/dist/prosekit-react-menu.d.ts.map +1 -0
  19. package/dist/prosekit-react-menu.js +272 -0
  20. package/dist/prosekit-react-menu.js.map +1 -0
  21. package/dist/prosekit-react-popover.d.ts +225 -13
  22. package/dist/prosekit-react-popover.d.ts.map +1 -1
  23. package/dist/prosekit-react-popover.js +168 -7
  24. package/dist/prosekit-react-popover.js.map +1 -1
  25. package/dist/prosekit-react-resizable.d.ts +54 -11
  26. package/dist/prosekit-react-resizable.d.ts.map +1 -1
  27. package/dist/prosekit-react-resizable.js +78 -7
  28. package/dist/prosekit-react-resizable.js.map +1 -1
  29. package/dist/prosekit-react-table-handle.d.ts +445 -37
  30. package/dist/prosekit-react-table-handle.d.ts.map +1 -1
  31. package/dist/prosekit-react-table-handle.js +379 -19
  32. package/dist/prosekit-react-table-handle.js.map +1 -1
  33. package/dist/prosekit-react-tooltip.d.ts +209 -13
  34. package/dist/prosekit-react-tooltip.d.ts.map +1 -1
  35. package/dist/prosekit-react-tooltip.js +155 -7
  36. package/dist/prosekit-react-tooltip.js.map +1 -1
  37. package/package.json +29 -18
  38. package/src/components/autocomplete/autocomplete-empty.gen.ts +39 -31
  39. package/src/components/autocomplete/autocomplete-item.gen.ts +82 -31
  40. package/src/components/autocomplete/autocomplete-popup.gen.ts +78 -0
  41. package/src/components/autocomplete/autocomplete-positioner.gen.ts +151 -0
  42. package/src/components/autocomplete/autocomplete-root.gen.ts +107 -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 +57 -31
  46. package/src/components/block-handle/block-handle-draggable.gen.ts +57 -31
  47. package/src/components/block-handle/block-handle-popup.gen.ts +42 -0
  48. package/src/components/block-handle/block-handle-positioner.gen.ts +169 -0
  49. package/src/components/block-handle/block-handle-root.gen.ts +82 -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 +63 -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 +42 -0
  58. package/src/components/inline-popover/inline-popover-positioner.gen.ts +175 -0
  59. package/src/components/inline-popover/inline-popover-root.gen.ts +106 -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 +89 -0
  63. package/src/components/menu/menu-popup.gen.ts +56 -0
  64. package/src/components/menu/menu-positioner.gen.ts +176 -0
  65. package/src/components/menu/menu-root.gen.ts +86 -0
  66. package/src/components/menu/menu-submenu-root.gen.ts +42 -0
  67. package/src/components/menu/menu-submenu-trigger.gen.ts +42 -0
  68. package/src/components/menu/menu-trigger.gen.ts +77 -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 +42 -0
  72. package/src/components/popover/popover-positioner.gen.ts +176 -0
  73. package/src/components/popover/popover-root.gen.ts +90 -31
  74. package/src/components/popover/popover-trigger.gen.ts +90 -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 +52 -31
  78. package/src/components/resizable/resizable-root.gen.ts +88 -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 +64 -0
  82. package/src/components/table-handle/table-handle-column-menu-trigger.gen.ts +58 -0
  83. package/src/components/table-handle/table-handle-column-popup.gen.ts +42 -0
  84. package/src/components/table-handle/table-handle-column-positioner.gen.ts +199 -0
  85. package/src/components/table-handle/table-handle-drag-preview.gen.ts +55 -31
  86. package/src/components/table-handle/table-handle-drop-indicator.gen.ts +55 -31
  87. package/src/components/table-handle/table-handle-root.gen.ts +57 -31
  88. package/src/components/table-handle/table-handle-row-menu-root.gen.ts +64 -0
  89. package/src/components/table-handle/table-handle-row-menu-trigger.gen.ts +58 -0
  90. package/src/components/table-handle/table-handle-row-popup.gen.ts +42 -0
  91. package/src/components/table-handle/table-handle-row-positioner.gen.ts +199 -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 +42 -0
  95. package/src/components/tooltip/tooltip-positioner.gen.ts +176 -0
  96. package/src/components/tooltip/tooltip-root.gen.ts +83 -31
  97. package/src/components/tooltip/tooltip-trigger.gen.ts +61 -31
  98. package/src/extensions/react-node-view.spec.ts +150 -0
  99. package/dist/create-component.js +0 -94
  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 -137
  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
@@ -0,0 +1,199 @@
1
+ /**
2
+ * This file is auto-generated by the "@aria-ui/cli" tool. Do not edit this file directly.
3
+ */
4
+
5
+ import { registerTableHandleRowPositionerElement, type TableHandleRowPositionerElement, type TableHandleRowPositionerProps as TableHandleRowPositionerElementProps } from '@prosekit/web/table-handle';
6
+ import { createElement, forwardRef, useCallback, useRef, type ForwardedRef, type ForwardRefExoticComponent, type HTMLAttributes, type RefAttributes, useLayoutEffect } from 'react';
7
+
8
+ import { useEditorContext } from '../../contexts/editor-context.ts';
9
+
10
+ /**
11
+ * Props for the {@link TableHandleRowPositioner} React component.
12
+ *
13
+ * @public
14
+ */
15
+ export interface TableHandleRowPositionerProps extends HTMLAttributes<TableHandleRowPositionerElement> {
16
+ /**
17
+ * The placement of the popover, relative to the hovered table cell.
18
+ *
19
+ * @default "left"
20
+ */
21
+ placement?: TableHandleRowPositionerElementProps['placement'];
22
+ /**
23
+ * The strategy to use for positioning
24
+ *
25
+ * @default "absolute"
26
+ */
27
+ strategy?: TableHandleRowPositionerElementProps['strategy'];
28
+ /**
29
+ * Options to activate auto-update listeners
30
+ *
31
+ * @see https://floating-ui.com/docs/autoUpdate
32
+ *
33
+ * @default true
34
+ */
35
+ autoUpdate?: TableHandleRowPositionerElementProps['autoUpdate'];
36
+ /**
37
+ * Whether to use the browser [Popover API](https://developer.mozilla.org/en-US/docs/Web/API/Popover_API)
38
+ * to place the floating element on top of other page content.
39
+ *
40
+ * @default false
41
+ */
42
+ hoist?: TableHandleRowPositionerElementProps['hoist'];
43
+ /**
44
+ * @default 0
45
+ * @hidden
46
+ */
47
+ offset?: TableHandleRowPositionerElementProps['offset'];
48
+ /**
49
+ * @default false
50
+ * @hidden
51
+ */
52
+ flip?: TableHandleRowPositionerElementProps['flip'];
53
+ /**
54
+ * @default false
55
+ * @hidden
56
+ */
57
+ shift?: TableHandleRowPositionerElementProps['shift'];
58
+ /**
59
+ * Whether the floating element can overlap the reference element to keep it
60
+ * in view.
61
+ *
62
+ * @default false
63
+ */
64
+ overlap?: TableHandleRowPositionerElementProps['overlap'];
65
+ /**
66
+ * Whether to constrain the floating element's width and height to not exceed
67
+ * the viewport.
68
+ *
69
+ * @default false
70
+ */
71
+ fitViewport?: TableHandleRowPositionerElementProps['fitViewport'];
72
+ /**
73
+ * Whether to constrain the floating element's width so that it matches the
74
+ * reference element.
75
+ *
76
+ * @default false
77
+ */
78
+ sameWidth?: TableHandleRowPositionerElementProps['sameWidth'];
79
+ /**
80
+ * Whether to constrain the floating element's height so that it matches the
81
+ * reference element.
82
+ *
83
+ * @default false
84
+ */
85
+ sameHeight?: TableHandleRowPositionerElementProps['sameHeight'];
86
+ /**
87
+ * Whether to improve positioning for inline reference elements that span over
88
+ * multiple lines.
89
+ *
90
+ * @default false
91
+ */
92
+ inline?: TableHandleRowPositionerElementProps['inline'];
93
+ /**
94
+ * @default true
95
+ * @hidden
96
+ */
97
+ hide?: TableHandleRowPositionerElementProps['hide'];
98
+ /**
99
+ * Describes the clipping element(s) or area that overflow will be checked relative to.
100
+ * Please see https://floating-ui.com/docs/detectoverflow#boundary for more information.
101
+ *
102
+ * @default 'clippingAncestors'
103
+ */
104
+ boundary?: TableHandleRowPositionerElementProps['boundary'];
105
+ /**
106
+ * Describes the root boundary that the element will be checked for overflow relative to.
107
+ * Please see https://floating-ui.com/docs/detectoverflow#rootboundary for more information.
108
+ *
109
+ * @default 'viewport'
110
+ */
111
+ rootBoundary?: TableHandleRowPositionerElementProps['rootBoundary'];
112
+ /**
113
+ * Describes the virtual padding around the boundary to check for overflow.
114
+ * Please see https://floating-ui.com/docs/detectoverflow#padding for more information.
115
+ *
116
+ * @default 4
117
+ */
118
+ overflowPadding?: TableHandleRowPositionerElementProps['overflowPadding'];
119
+ /**
120
+ * The element that will be used to check for overflow. Please see
121
+ * https://floating-ui.com/docs/detectoverflow#elementcontext for more
122
+ * information.
123
+ *
124
+ * @default 'floating'
125
+ */
126
+ elementContext?: TableHandleRowPositionerElementProps['elementContext'];
127
+ /**
128
+ * Whether to check the alternate elementContext's boundary. Please see
129
+ * https://floating-ui.com/docs/detectoverflow#altboundary for more
130
+ * information.
131
+ *
132
+ * @default false
133
+ */
134
+ altBoundary?: TableHandleRowPositionerElementProps['altBoundary'];
135
+ /**
136
+ * The ProseKit editor instance.
137
+ *
138
+ * @default null
139
+ * @hidden
140
+ */
141
+ editor?: TableHandleRowPositionerElementProps['editor'];
142
+ }
143
+
144
+ function TableHandleRowPositionerComponent(props: TableHandleRowPositionerProps, forwardedRef: ForwardedRef<TableHandleRowPositionerElement>) {
145
+ registerTableHandleRowPositionerElement();
146
+
147
+ const elementRef = useRef<TableHandleRowPositionerElement>(null);
148
+
149
+ const p3Fallback = useEditorContext();
150
+
151
+ const { altBoundary: p0, autoUpdate: p1, boundary: p2, editor: p3, elementContext: p4, fitViewport: p5, flip: p6, hide: p7, hoist: p8, inline: p9, offset: p10, overflowPadding: p11, overlap: p12, placement: p13, rootBoundary: p14, sameHeight: p15, sameWidth: p16, shift: p17, strategy: p18, ...restProps } = props;
152
+
153
+ useLayoutEffect(() => {
154
+ const element = elementRef.current as Record<string, unknown> | null;
155
+ if (!element) return;
156
+ Object.assign(element, {
157
+ altBoundary: p0,
158
+ autoUpdate: p1,
159
+ boundary: p2,
160
+ editor: p3 ?? p3Fallback,
161
+ elementContext: p4,
162
+ fitViewport: p5,
163
+ flip: p6,
164
+ hide: p7,
165
+ hoist: p8,
166
+ inline: p9,
167
+ offset: p10,
168
+ overflowPadding: p11,
169
+ overlap: p12,
170
+ placement: p13,
171
+ rootBoundary: p14,
172
+ sameHeight: p15,
173
+ sameWidth: p16,
174
+ shift: p17,
175
+ strategy: p18,
176
+ });
177
+ });
178
+
179
+ const mergedRef = useCallback(
180
+ (element: TableHandleRowPositionerElement | null) => {
181
+ elementRef.current = element;
182
+ if (typeof forwardedRef === 'function') {
183
+ forwardedRef(element);
184
+ } else if (forwardedRef) {
185
+ forwardedRef.current = element;
186
+ }
187
+ },
188
+ [forwardedRef],
189
+ );
190
+
191
+ return createElement('prosekit-table-handle-row-positioner', { ...restProps, ref: mergedRef, suppressHydrationWarning: true });
192
+ }
193
+
194
+ /**
195
+ * A React component that renders an `prosekit-table-handle-row-positioner` custom element.
196
+ *
197
+ * @public
198
+ */
199
+ export const TableHandleRowPositioner: ForwardRefExoticComponent<TableHandleRowPositionerProps & RefAttributes<TableHandleRowPositionerElement>> = /* @__PURE__ */ forwardRef(TableHandleRowPositionerComponent);
@@ -1,5 +1,13 @@
1
- export { TooltipContent, type TooltipContentProps } from './tooltip-content.gen.ts'
1
+ /**
2
+ * This file is auto-generated by the "@aria-ui/cli" tool. Do not edit this file directly.
3
+ */
2
4
 
3
- export { TooltipRoot, type TooltipRootProps } from './tooltip-root.gen.ts'
5
+ export { TooltipPopup, type TooltipPopupProps } from './tooltip-popup.gen.ts';
4
6
 
5
- export { TooltipTrigger, type TooltipTriggerProps } from './tooltip-trigger.gen.ts'
7
+ export { TooltipPositioner, type TooltipPositionerProps } from './tooltip-positioner.gen.ts';
8
+
9
+ export { TooltipRoot, type TooltipRootProps, type TooltipRootEvents } from './tooltip-root.gen.ts';
10
+
11
+ export { TooltipTrigger, type TooltipTriggerProps } from './tooltip-trigger.gen.ts';
12
+
13
+ export { OpenChangeEvent } from '@prosekit/web/tooltip';
@@ -0,0 +1,24 @@
1
+ /**
2
+
3
+ @module
4
+
5
+ ## Anatomy
6
+
7
+ ```jsx
8
+ import {
9
+ TooltipPopup,
10
+ TooltipPositioner,
11
+ TooltipRoot,
12
+ TooltipTrigger,
13
+ } from 'prosekit/react/tooltip'
14
+
15
+ <TooltipRoot>
16
+ <TooltipTrigger>...</TooltipTrigger>
17
+ <TooltipPositioner>
18
+ <TooltipPopup>...</TooltipPopup>
19
+ </TooltipPositioner>
20
+ </TooltipRoot>
21
+ ```
22
+ */
23
+
24
+ export * from './index.gen.ts'
@@ -0,0 +1,42 @@
1
+ /**
2
+ * This file is auto-generated by the "@aria-ui/cli" tool. Do not edit this file directly.
3
+ */
4
+
5
+ import { registerTooltipPopupElement, type TooltipPopupElement } from '@prosekit/web/tooltip';
6
+ import { createElement, forwardRef, useCallback, useRef, type ForwardedRef, type ForwardRefExoticComponent, type HTMLAttributes, type RefAttributes } from 'react';
7
+
8
+ /**
9
+ * Props for the {@link TooltipPopup} React component.
10
+ *
11
+ * @public
12
+ */
13
+ export interface TooltipPopupProps extends HTMLAttributes<TooltipPopupElement> {}
14
+
15
+ function TooltipPopupComponent(props: TooltipPopupProps, forwardedRef: ForwardedRef<TooltipPopupElement>) {
16
+ registerTooltipPopupElement();
17
+
18
+ const elementRef = useRef<TooltipPopupElement>(null);
19
+
20
+ const { ...restProps } = props;
21
+
22
+ const mergedRef = useCallback(
23
+ (element: TooltipPopupElement | null) => {
24
+ elementRef.current = element;
25
+ if (typeof forwardedRef === 'function') {
26
+ forwardedRef(element);
27
+ } else if (forwardedRef) {
28
+ forwardedRef.current = element;
29
+ }
30
+ },
31
+ [forwardedRef],
32
+ );
33
+
34
+ return createElement('prosekit-tooltip-popup', { ...restProps, ref: mergedRef, suppressHydrationWarning: true });
35
+ }
36
+
37
+ /**
38
+ * A React component that renders an `prosekit-tooltip-popup` custom element.
39
+ *
40
+ * @public
41
+ */
42
+ export const TooltipPopup: ForwardRefExoticComponent<TooltipPopupProps & RefAttributes<TooltipPopupElement>> = /* @__PURE__ */ forwardRef(TooltipPopupComponent);
@@ -0,0 +1,176 @@
1
+ /**
2
+ * This file is auto-generated by the "@aria-ui/cli" tool. Do not edit this file directly.
3
+ */
4
+
5
+ import { registerTooltipPositionerElement, type TooltipPositionerElement, type TooltipPositionerProps as TooltipPositionerElementProps } from '@prosekit/web/tooltip';
6
+ import { createElement, forwardRef, useCallback, useRef, type ForwardedRef, type ForwardRefExoticComponent, type HTMLAttributes, type RefAttributes, useLayoutEffect } from 'react';
7
+
8
+ /**
9
+ * Props for the {@link TooltipPositioner} React component.
10
+ *
11
+ * @public
12
+ */
13
+ export interface TooltipPositionerProps extends HTMLAttributes<TooltipPositionerElement> {
14
+ /**
15
+ * The strategy to use for positioning
16
+ *
17
+ * @default "absolute"
18
+ */
19
+ strategy?: TooltipPositionerElementProps['strategy'];
20
+ /**
21
+ * The initial placement of the floating element
22
+ *
23
+ * @default "top"
24
+ */
25
+ placement?: TooltipPositionerElementProps['placement'];
26
+ /**
27
+ * Options to activate auto-update listeners
28
+ *
29
+ * @see https://floating-ui.com/docs/autoUpdate
30
+ *
31
+ * @default true
32
+ */
33
+ autoUpdate?: TooltipPositionerElementProps['autoUpdate'];
34
+ /**
35
+ * Whether to use the browser Popover API to place the floating element on
36
+ * top of other page content.
37
+ *
38
+ * @default true
39
+ */
40
+ hoist?: TooltipPositionerElementProps['hoist'];
41
+ /**
42
+ * The distance between the reference and floating element.
43
+ *
44
+ * @default 6
45
+ */
46
+ offset?: TooltipPositionerElementProps['offset'];
47
+ /**
48
+ * Whether to flip the `placement` in order to keep it in view when the
49
+ * preferred placement(s) will overflow the clipping boundary. You can also
50
+ * provide an array of placements to try sequentially if the preferred
51
+ * `placement` does not fit.
52
+ *
53
+ * @default true
54
+ */
55
+ flip?: TooltipPositionerElementProps['flip'];
56
+ /**
57
+ * Whether the floating element should shift to keep it in view.
58
+ *
59
+ * @default true
60
+ */
61
+ shift?: TooltipPositionerElementProps['shift'];
62
+ /**
63
+ * Whether the floating element can overlap the reference element to keep it
64
+ * in view.
65
+ *
66
+ * @default false
67
+ */
68
+ overlap?: TooltipPositionerElementProps['overlap'];
69
+ /**
70
+ * Whether to constrain the floating element's width and height to not exceed
71
+ * the viewport.
72
+ *
73
+ * @default false
74
+ */
75
+ fitViewport?: TooltipPositionerElementProps['fitViewport'];
76
+ /**
77
+ * Whether to constrain the floating element's width so that it matches the
78
+ * reference element.
79
+ *
80
+ * @default false
81
+ */
82
+ sameWidth?: TooltipPositionerElementProps['sameWidth'];
83
+ /**
84
+ * Whether to constrain the floating element's height so that it matches the
85
+ * reference element.
86
+ *
87
+ * @default false
88
+ */
89
+ sameHeight?: TooltipPositionerElementProps['sameHeight'];
90
+ /**
91
+ * Whether to improve positioning for inline reference elements that span over
92
+ * multiple lines.
93
+ *
94
+ * @default false
95
+ */
96
+ inline?: TooltipPositionerElementProps['inline'];
97
+ /**
98
+ * Whether to hide the floating element when the reference element or the
99
+ * floating element is fully clipped.
100
+ *
101
+ * @default false
102
+ */
103
+ hide?: TooltipPositionerElementProps['hide'];
104
+ /**
105
+ * Describes the clipping element(s) or area that overflow will be checked relative to.
106
+ * Please see https://floating-ui.com/docs/detectoverflow#boundary for more information.
107
+ *
108
+ * @default 'clippingAncestors'
109
+ */
110
+ boundary?: TooltipPositionerElementProps['boundary'];
111
+ /**
112
+ * Describes the root boundary that the element will be checked for overflow relative to.
113
+ * Please see https://floating-ui.com/docs/detectoverflow#rootboundary for more information.
114
+ *
115
+ * @default 'viewport'
116
+ */
117
+ rootBoundary?: TooltipPositionerElementProps['rootBoundary'];
118
+ /**
119
+ * Describes the virtual padding around the boundary to check for overflow.
120
+ * Please see https://floating-ui.com/docs/detectoverflow#padding for more information.
121
+ *
122
+ * @default 4
123
+ */
124
+ overflowPadding?: TooltipPositionerElementProps['overflowPadding'];
125
+ /**
126
+ * The element that will be used to check for overflow. Please see
127
+ * https://floating-ui.com/docs/detectoverflow#elementcontext for more
128
+ * information.
129
+ *
130
+ * @default 'floating'
131
+ */
132
+ elementContext?: TooltipPositionerElementProps['elementContext'];
133
+ /**
134
+ * Whether to check the alternate elementContext's boundary. Please see
135
+ * https://floating-ui.com/docs/detectoverflow#altboundary for more
136
+ * information.
137
+ *
138
+ * @default false
139
+ */
140
+ altBoundary?: TooltipPositionerElementProps['altBoundary'];
141
+ }
142
+
143
+ function TooltipPositionerComponent(props: TooltipPositionerProps, forwardedRef: ForwardedRef<TooltipPositionerElement>) {
144
+ registerTooltipPositionerElement();
145
+
146
+ const elementRef = useRef<TooltipPositionerElement>(null);
147
+
148
+ 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;
149
+
150
+ useLayoutEffect(() => {
151
+ const element = elementRef.current as Record<string, unknown> | null;
152
+ if (!element) return;
153
+ 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 });
154
+ });
155
+
156
+ const mergedRef = useCallback(
157
+ (element: TooltipPositionerElement | null) => {
158
+ elementRef.current = element;
159
+ if (typeof forwardedRef === 'function') {
160
+ forwardedRef(element);
161
+ } else if (forwardedRef) {
162
+ forwardedRef.current = element;
163
+ }
164
+ },
165
+ [forwardedRef],
166
+ );
167
+
168
+ return createElement('prosekit-tooltip-positioner', { ...restProps, ref: mergedRef, suppressHydrationWarning: true });
169
+ }
170
+
171
+ /**
172
+ * A React component that renders an `prosekit-tooltip-positioner` custom element.
173
+ *
174
+ * @public
175
+ */
176
+ export const TooltipPositioner: ForwardRefExoticComponent<TooltipPositionerProps & RefAttributes<TooltipPositionerElement>> = /* @__PURE__ */ forwardRef(TooltipPositionerComponent);
@@ -1,34 +1,86 @@
1
- import {
2
- type TooltipRootElement,
3
- type TooltipRootProps as Props,
4
- type TooltipRootEvents as Events,
5
- tooltipRootProps,
6
- tooltipRootEvents,
7
- } from '@prosekit/web/tooltip'
8
- import type {
9
- ForwardRefExoticComponent,
10
- HTMLAttributes,
11
- RefAttributes,
12
- } from 'react'
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 { registerTooltipRootElement, type TooltipRootElement, type TooltipRootProps as TooltipRootElementProps, type TooltipRootEvents } from '@prosekit/web/tooltip';
6
+ import { createElement, forwardRef, useCallback, useRef, type ForwardedRef, type ForwardRefExoticComponent, type HTMLAttributes, type RefAttributes, useLayoutEffect } from 'react';
7
+
8
+ /**
9
+ * Props for the {@link TooltipRoot} React component.
10
+ *
11
+ * @public
12
+ */
13
+ export interface TooltipRootProps extends HTMLAttributes<TooltipRootElement> {
14
+ /**
15
+ * Whether the overlay is initially open.
16
+ * @default false
17
+ */
18
+ defaultOpen?: TooltipRootElementProps['defaultOpen'];
19
+ /**
20
+ * Whether the overlay is currently open.
21
+ * @default null
22
+ */
23
+ open?: TooltipRootElementProps['open'];
24
+ /**
25
+ * Whether the component should ignore user interaction.
26
+ * @default false
27
+ */
28
+ disabled?: TooltipRootElementProps['disabled'];
29
+ /** Emitted when the tooltip is opened or closed. */
30
+ onOpenChange?: (event: TooltipRootEvents['openChange']) => void;
31
+ }
32
+
33
+ function TooltipRootComponent(props: TooltipRootProps, forwardedRef: ForwardedRef<TooltipRootElement>) {
34
+ registerTooltipRootElement();
35
+
36
+ const elementRef = useRef<TooltipRootElement>(null);
37
+ const handlersRef = useRef<Array<((event: Event) => void) | undefined>>([]);
38
+
39
+ const { defaultOpen: p0, disabled: p1, open: p2, onOpenChange: e0, ...restProps } = props;
40
+
41
+ useLayoutEffect(() => {
42
+ const element = elementRef.current as Record<string, unknown> | null;
43
+ if (!element) return;
44
+ Object.assign(element, { defaultOpen: p0, disabled: p1, open: p2 });
45
+ handlersRef.current = [e0] as Array<((event: Event) => void) | undefined>;
46
+ });
47
+
48
+ useLayoutEffect(() => {
49
+ const element = elementRef.current;
50
+ if (!element) return;
51
+ const ac = new AbortController();
52
+ for (const [index, eventName] of ['openChange'].entries()) {
53
+ element.addEventListener(
54
+ eventName,
55
+ (event: Event) => {
56
+ handlersRef.current[index]?.(event);
57
+ },
58
+ { signal: ac.signal },
59
+ );
60
+ }
61
+ return () => ac.abort();
62
+ }, []);
63
+
64
+ const mergedRef = useCallback(
65
+ (element: TooltipRootElement | null) => {
66
+ elementRef.current = element;
67
+ if (typeof forwardedRef === 'function') {
68
+ forwardedRef(element);
69
+ } else if (forwardedRef) {
70
+ forwardedRef.current = element;
71
+ }
72
+ },
73
+ [forwardedRef],
74
+ );
75
+
76
+ return createElement('prosekit-tooltip-root', { ...restProps, ref: mergedRef, suppressHydrationWarning: true });
77
+ }
16
78
 
17
79
  /**
18
- * Props for the {@link TooltipRoot} component.
80
+ * A React component that renders an `prosekit-tooltip-root` custom element.
81
+ *
82
+ * @public
19
83
  */
20
- export interface TooltipRootProps extends Partial<CreateProps<Props, Events>> {}
21
-
22
- export const TooltipRoot: ForwardRefExoticComponent<
23
- TooltipRootProps &
24
- RefAttributes<TooltipRootElement> &
25
- HTMLAttributes<TooltipRootElement>
26
- > = createComponent<
27
- TooltipRootProps,
28
- TooltipRootElement
29
- >(
30
- 'prosekit-tooltip-root',
31
- 'TooltipRoot',
32
- Object.keys(tooltipRootProps),
33
- Object.keys(tooltipRootEvents),
34
- )
84
+ export const TooltipRoot: ForwardRefExoticComponent<TooltipRootProps & RefAttributes<TooltipRootElement>> = /* @__PURE__ */ forwardRef(TooltipRootComponent);
85
+
86
+ export type { TooltipRootEvents };
@@ -1,34 +1,64 @@
1
- import {
2
- type TooltipTriggerElement,
3
- type TooltipTriggerProps as Props,
4
- type TooltipTriggerEvents as Events,
5
- tooltipTriggerProps,
6
- tooltipTriggerEvents,
7
- } from '@prosekit/web/tooltip'
8
- import type {
9
- ForwardRefExoticComponent,
10
- HTMLAttributes,
11
- RefAttributes,
12
- } from 'react'
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 { registerTooltipTriggerElement, type TooltipTriggerElement, type TooltipTriggerProps as TooltipTriggerElementProps } from '@prosekit/web/tooltip';
6
+ import { createElement, forwardRef, useCallback, useRef, type ForwardedRef, type ForwardRefExoticComponent, type HTMLAttributes, type RefAttributes, useLayoutEffect } from 'react';
7
+
8
+ /**
9
+ * Props for the {@link TooltipTrigger} React component.
10
+ *
11
+ * @public
12
+ */
13
+ export interface TooltipTriggerProps extends HTMLAttributes<TooltipTriggerElement> {
14
+ /**
15
+ * Whether the component should ignore user interaction.
16
+ * @default false
17
+ */
18
+ disabled?: TooltipTriggerElementProps['disabled'];
19
+ /**
20
+ * The delay in milliseconds before opening the tooltip on hover.
21
+ * @default 600
22
+ */
23
+ openDelay?: TooltipTriggerElementProps['openDelay'];
24
+ /**
25
+ * The delay in milliseconds before closing the tooltip when hover/focus ends.
26
+ * @default 0
27
+ */
28
+ closeDelay?: TooltipTriggerElementProps['closeDelay'];
29
+ }
30
+
31
+ function TooltipTriggerComponent(props: TooltipTriggerProps, forwardedRef: ForwardedRef<TooltipTriggerElement>) {
32
+ registerTooltipTriggerElement();
33
+
34
+ const elementRef = useRef<TooltipTriggerElement>(null);
35
+
36
+ const { closeDelay: p0, disabled: p1, openDelay: p2, ...restProps } = props;
37
+
38
+ useLayoutEffect(() => {
39
+ const element = elementRef.current as Record<string, unknown> | null;
40
+ if (!element) return;
41
+ Object.assign(element, { closeDelay: p0, disabled: p1, openDelay: p2 });
42
+ });
43
+
44
+ const mergedRef = useCallback(
45
+ (element: TooltipTriggerElement | null) => {
46
+ elementRef.current = element;
47
+ if (typeof forwardedRef === 'function') {
48
+ forwardedRef(element);
49
+ } else if (forwardedRef) {
50
+ forwardedRef.current = element;
51
+ }
52
+ },
53
+ [forwardedRef],
54
+ );
55
+
56
+ return createElement('prosekit-tooltip-trigger', { ...restProps, ref: mergedRef, suppressHydrationWarning: true });
57
+ }
16
58
 
17
59
  /**
18
- * Props for the {@link TooltipTrigger} component.
60
+ * A React component that renders an `prosekit-tooltip-trigger` custom element.
61
+ *
62
+ * @public
19
63
  */
20
- export interface TooltipTriggerProps extends Partial<CreateProps<Props, Events>> {}
21
-
22
- export const TooltipTrigger: ForwardRefExoticComponent<
23
- TooltipTriggerProps &
24
- RefAttributes<TooltipTriggerElement> &
25
- HTMLAttributes<TooltipTriggerElement>
26
- > = createComponent<
27
- TooltipTriggerProps,
28
- TooltipTriggerElement
29
- >(
30
- 'prosekit-tooltip-trigger',
31
- 'TooltipTrigger',
32
- Object.keys(tooltipTriggerProps),
33
- Object.keys(tooltipTriggerEvents),
34
- )
64
+ export const TooltipTrigger: ForwardRefExoticComponent<TooltipTriggerProps & RefAttributes<TooltipTriggerElement>> = /* @__PURE__ */ forwardRef(TooltipTriggerComponent);