made-refine 0.2.8 → 0.2.10
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/index.d.mts +15 -7
- package/dist/index.d.ts +15 -7
- package/dist/index.js +1554 -1142
- package/dist/index.js.map +1 -1
- package/dist/index.mjs +1563 -1138
- package/dist/index.mjs.map +1 -1
- package/dist/styles.css +1 -1
- package/dist/utils.js +1 -1
- package/dist/utils.js.map +1 -1
- package/dist/utils.mjs +1 -1
- package/dist/utils.mjs.map +1 -1
- package/package.json +1 -1
package/dist/index.d.mts
CHANGED
|
@@ -74,6 +74,7 @@ interface DirectEditActionsContextValue {
|
|
|
74
74
|
y: number;
|
|
75
75
|
}) => void;
|
|
76
76
|
updateCommentText: (id: string, text: string) => void;
|
|
77
|
+
submitCommentDraft: (id: string, text: string) => string | null;
|
|
77
78
|
addCommentReply: (id: string, text: string) => void;
|
|
78
79
|
deleteComment: (id: string) => void;
|
|
79
80
|
exportComment: (id: string) => Promise<boolean>;
|
|
@@ -99,6 +100,7 @@ interface DirectEditActionsContextValue {
|
|
|
99
100
|
zoomCanvasTo100: () => void;
|
|
100
101
|
}
|
|
101
102
|
interface DirectEditStateContextValue extends DirectEditState {
|
|
103
|
+
agentAvailable: boolean;
|
|
102
104
|
sessionEditCount: number;
|
|
103
105
|
}
|
|
104
106
|
interface DirectEditContextValue extends DirectEditStateContextValue, DirectEditActionsContextValue {
|
|
@@ -176,9 +178,10 @@ interface DirectEditPanelInnerProps {
|
|
|
176
178
|
onSelectSelectionColorTarget?: (color: ColorValue) => void;
|
|
177
179
|
onUpdateTypography: (key: TypographyPropertyKey, value: CSSPropertyValue | string) => void;
|
|
178
180
|
onReset: () => void;
|
|
179
|
-
onExportEdits
|
|
180
|
-
onSendToAgent
|
|
181
|
+
onExportEdits?: () => Promise<boolean>;
|
|
182
|
+
onSendToAgent?: () => Promise<boolean>;
|
|
181
183
|
canSendToAgent?: boolean;
|
|
184
|
+
showSendButton?: boolean;
|
|
182
185
|
className?: string;
|
|
183
186
|
style?: React.CSSProperties;
|
|
184
187
|
panelRef?: React.RefObject<HTMLDivElement>;
|
|
@@ -188,7 +191,7 @@ interface DirectEditPanelInnerProps {
|
|
|
188
191
|
onHeaderPointerUp?: (e: React.PointerEvent) => void;
|
|
189
192
|
onHeaderPointerCancel?: (e: React.PointerEvent) => void;
|
|
190
193
|
}
|
|
191
|
-
declare function DirectEditPanelInner({ elementInfo, computedSpacing, computedBorderRadius, computedBorder, computedFlex, computedSizing, computedColor, selectionColors, computedBoxShadow, borderStyleControlPreference, computedTypography, pendingStyles, onClose, onSelectParent, onSelectChild, onUpdateSpacing, onUpdateBorderRadius, onUpdateBorder, onBatchUpdateBorder, onSetCSS, onUpdateFlex, onToggleFlex, onUpdateSizing, onUpdateColor, onReplaceSelectionColor, onSelectSelectionColorTarget, onUpdateTypography, onReset, onExportEdits, onSendToAgent, canSendToAgent, className, style, panelRef, isDragging, onHeaderPointerDown, onHeaderPointerMove, onHeaderPointerUp, onHeaderPointerCancel, }: DirectEditPanelInnerProps): react_jsx_runtime.JSX.Element;
|
|
194
|
+
declare function DirectEditPanelInner({ elementInfo, computedSpacing, computedBorderRadius, computedBorder, computedFlex, computedSizing, computedColor, selectionColors, computedBoxShadow, borderStyleControlPreference, computedTypography, pendingStyles, onClose, onSelectParent, onSelectChild, onUpdateSpacing, onUpdateBorderRadius, onUpdateBorder, onBatchUpdateBorder, onSetCSS, onUpdateFlex, onToggleFlex, onUpdateSizing, onUpdateColor, onReplaceSelectionColor, onSelectSelectionColorTarget, onUpdateTypography, onReset, onExportEdits, onSendToAgent, canSendToAgent, showSendButton, className, style, panelRef, isDragging, onHeaderPointerDown, onHeaderPointerMove, onHeaderPointerUp, onHeaderPointerCancel, }: DirectEditPanelInnerProps): react_jsx_runtime.JSX.Element;
|
|
192
195
|
declare function DirectEditPanel(): react_jsx_runtime.JSX.Element | null;
|
|
193
196
|
|
|
194
197
|
interface DirectEditToolbarInnerProps {
|
|
@@ -204,6 +207,7 @@ interface DirectEditToolbarInnerProps {
|
|
|
204
207
|
onGetSessionItems?: () => SessionItem[];
|
|
205
208
|
onExportAllEdits?: () => Promise<boolean>;
|
|
206
209
|
onSendAllToAgents?: () => Promise<boolean>;
|
|
210
|
+
agentAvailable?: boolean;
|
|
207
211
|
onClearSessionEdits?: () => void;
|
|
208
212
|
onRemoveSessionEdit?: (element: HTMLElement) => void;
|
|
209
213
|
onDeleteComment?: (id: string) => void;
|
|
@@ -215,7 +219,7 @@ interface DirectEditToolbarInnerProps {
|
|
|
215
219
|
onZoomTo100?: () => void;
|
|
216
220
|
onFitToViewport?: () => void;
|
|
217
221
|
}
|
|
218
|
-
declare function DirectEditToolbarInner({ editModeActive, onToggleEditMode, rulersVisible, onToggleRulers, activeTool, onSetActiveTool, theme, onSetTheme, sessionEditCount, onGetSessionItems, onExportAllEdits, onSendAllToAgents, onClearSessionEdits, onRemoveSessionEdit, onDeleteComment, className, canvasActive, canvasZoom, onToggleCanvas, onSetCanvasZoom, onZoomTo100, onFitToViewport, }: DirectEditToolbarInnerProps): react_jsx_runtime.JSX.Element;
|
|
222
|
+
declare function DirectEditToolbarInner({ editModeActive, onToggleEditMode, rulersVisible, onToggleRulers, activeTool: _activeTool, onSetActiveTool: _onSetActiveTool, theme, onSetTheme, sessionEditCount, onGetSessionItems, onExportAllEdits, onSendAllToAgents, agentAvailable, onClearSessionEdits, onRemoveSessionEdit, onDeleteComment, className, canvasActive, canvasZoom, onToggleCanvas, onSetCanvasZoom, onZoomTo100, onFitToViewport, }: DirectEditToolbarInnerProps): react_jsx_runtime.JSX.Element;
|
|
219
223
|
declare function DirectEditToolbar(): react_jsx_runtime.JSX.Element | null;
|
|
220
224
|
|
|
221
225
|
interface UseMeasurementResult {
|
|
@@ -238,6 +242,9 @@ declare function MeasurementOverlay({ selectedElement, hoveredElement, measureme
|
|
|
238
242
|
|
|
239
243
|
interface SelectionOverlayProps {
|
|
240
244
|
selectedElement: HTMLElement;
|
|
245
|
+
pageFrameElement?: HTMLElement | null;
|
|
246
|
+
pageFrameLabel?: string | null;
|
|
247
|
+
canvasZoom?: number;
|
|
241
248
|
draggedElement?: HTMLElement | null;
|
|
242
249
|
isDragging: boolean;
|
|
243
250
|
ghostPosition?: {
|
|
@@ -251,10 +258,11 @@ interface SelectionOverlayProps {
|
|
|
251
258
|
onDoubleClick?: (clientX: number, clientY: number) => void;
|
|
252
259
|
onHoverElement?: (element: HTMLElement | null) => void;
|
|
253
260
|
onClickThrough?: (clientX: number, clientY: number) => void;
|
|
261
|
+
onSelectPageFrame?: (element: HTMLElement) => void;
|
|
254
262
|
enableResizeHandles?: boolean;
|
|
255
263
|
onResizeSizingChange?: (changes: Partial<Record<SizingPropertyKey, SizingValue>>, options?: SizingChangeOptions) => void;
|
|
256
264
|
}
|
|
257
|
-
declare function SelectionOverlay({ selectedElement, draggedElement, isDragging, ghostPosition, onMoveStart, showMoveHandle,
|
|
265
|
+
declare function SelectionOverlay({ selectedElement, pageFrameElement, pageFrameLabel, canvasZoom, draggedElement, isDragging, ghostPosition, onMoveStart, showMoveHandle, isTextEditing, onDoubleClick, onHoverElement, onClickThrough, onSelectPageFrame, enableResizeHandles, onResizeSizingChange, }: SelectionOverlayProps): react_jsx_runtime.JSX.Element;
|
|
258
266
|
|
|
259
267
|
interface MoveOverlayProps {
|
|
260
268
|
dropIndicator: DropIndicator | null;
|
|
@@ -294,11 +302,11 @@ interface CommentOverlayProps {
|
|
|
294
302
|
comments: Comment[];
|
|
295
303
|
activeCommentId: string | null;
|
|
296
304
|
onSetActiveComment: (id: string | null) => void;
|
|
297
|
-
onUpdateText
|
|
305
|
+
onUpdateText?: (id: string, text: string) => void;
|
|
298
306
|
onAddReply: (id: string, text: string) => void;
|
|
299
307
|
onDelete: (id: string) => void;
|
|
300
308
|
onExport?: (id: string) => Promise<boolean>;
|
|
301
|
-
onSendToAgent
|
|
309
|
+
onSendToAgent?: (id: string) => Promise<boolean>;
|
|
302
310
|
attentionRequest?: {
|
|
303
311
|
commentId: string;
|
|
304
312
|
nonce: number;
|
package/dist/index.d.ts
CHANGED
|
@@ -74,6 +74,7 @@ interface DirectEditActionsContextValue {
|
|
|
74
74
|
y: number;
|
|
75
75
|
}) => void;
|
|
76
76
|
updateCommentText: (id: string, text: string) => void;
|
|
77
|
+
submitCommentDraft: (id: string, text: string) => string | null;
|
|
77
78
|
addCommentReply: (id: string, text: string) => void;
|
|
78
79
|
deleteComment: (id: string) => void;
|
|
79
80
|
exportComment: (id: string) => Promise<boolean>;
|
|
@@ -99,6 +100,7 @@ interface DirectEditActionsContextValue {
|
|
|
99
100
|
zoomCanvasTo100: () => void;
|
|
100
101
|
}
|
|
101
102
|
interface DirectEditStateContextValue extends DirectEditState {
|
|
103
|
+
agentAvailable: boolean;
|
|
102
104
|
sessionEditCount: number;
|
|
103
105
|
}
|
|
104
106
|
interface DirectEditContextValue extends DirectEditStateContextValue, DirectEditActionsContextValue {
|
|
@@ -176,9 +178,10 @@ interface DirectEditPanelInnerProps {
|
|
|
176
178
|
onSelectSelectionColorTarget?: (color: ColorValue) => void;
|
|
177
179
|
onUpdateTypography: (key: TypographyPropertyKey, value: CSSPropertyValue | string) => void;
|
|
178
180
|
onReset: () => void;
|
|
179
|
-
onExportEdits
|
|
180
|
-
onSendToAgent
|
|
181
|
+
onExportEdits?: () => Promise<boolean>;
|
|
182
|
+
onSendToAgent?: () => Promise<boolean>;
|
|
181
183
|
canSendToAgent?: boolean;
|
|
184
|
+
showSendButton?: boolean;
|
|
182
185
|
className?: string;
|
|
183
186
|
style?: React.CSSProperties;
|
|
184
187
|
panelRef?: React.RefObject<HTMLDivElement>;
|
|
@@ -188,7 +191,7 @@ interface DirectEditPanelInnerProps {
|
|
|
188
191
|
onHeaderPointerUp?: (e: React.PointerEvent) => void;
|
|
189
192
|
onHeaderPointerCancel?: (e: React.PointerEvent) => void;
|
|
190
193
|
}
|
|
191
|
-
declare function DirectEditPanelInner({ elementInfo, computedSpacing, computedBorderRadius, computedBorder, computedFlex, computedSizing, computedColor, selectionColors, computedBoxShadow, borderStyleControlPreference, computedTypography, pendingStyles, onClose, onSelectParent, onSelectChild, onUpdateSpacing, onUpdateBorderRadius, onUpdateBorder, onBatchUpdateBorder, onSetCSS, onUpdateFlex, onToggleFlex, onUpdateSizing, onUpdateColor, onReplaceSelectionColor, onSelectSelectionColorTarget, onUpdateTypography, onReset, onExportEdits, onSendToAgent, canSendToAgent, className, style, panelRef, isDragging, onHeaderPointerDown, onHeaderPointerMove, onHeaderPointerUp, onHeaderPointerCancel, }: DirectEditPanelInnerProps): react_jsx_runtime.JSX.Element;
|
|
194
|
+
declare function DirectEditPanelInner({ elementInfo, computedSpacing, computedBorderRadius, computedBorder, computedFlex, computedSizing, computedColor, selectionColors, computedBoxShadow, borderStyleControlPreference, computedTypography, pendingStyles, onClose, onSelectParent, onSelectChild, onUpdateSpacing, onUpdateBorderRadius, onUpdateBorder, onBatchUpdateBorder, onSetCSS, onUpdateFlex, onToggleFlex, onUpdateSizing, onUpdateColor, onReplaceSelectionColor, onSelectSelectionColorTarget, onUpdateTypography, onReset, onExportEdits, onSendToAgent, canSendToAgent, showSendButton, className, style, panelRef, isDragging, onHeaderPointerDown, onHeaderPointerMove, onHeaderPointerUp, onHeaderPointerCancel, }: DirectEditPanelInnerProps): react_jsx_runtime.JSX.Element;
|
|
192
195
|
declare function DirectEditPanel(): react_jsx_runtime.JSX.Element | null;
|
|
193
196
|
|
|
194
197
|
interface DirectEditToolbarInnerProps {
|
|
@@ -204,6 +207,7 @@ interface DirectEditToolbarInnerProps {
|
|
|
204
207
|
onGetSessionItems?: () => SessionItem[];
|
|
205
208
|
onExportAllEdits?: () => Promise<boolean>;
|
|
206
209
|
onSendAllToAgents?: () => Promise<boolean>;
|
|
210
|
+
agentAvailable?: boolean;
|
|
207
211
|
onClearSessionEdits?: () => void;
|
|
208
212
|
onRemoveSessionEdit?: (element: HTMLElement) => void;
|
|
209
213
|
onDeleteComment?: (id: string) => void;
|
|
@@ -215,7 +219,7 @@ interface DirectEditToolbarInnerProps {
|
|
|
215
219
|
onZoomTo100?: () => void;
|
|
216
220
|
onFitToViewport?: () => void;
|
|
217
221
|
}
|
|
218
|
-
declare function DirectEditToolbarInner({ editModeActive, onToggleEditMode, rulersVisible, onToggleRulers, activeTool, onSetActiveTool, theme, onSetTheme, sessionEditCount, onGetSessionItems, onExportAllEdits, onSendAllToAgents, onClearSessionEdits, onRemoveSessionEdit, onDeleteComment, className, canvasActive, canvasZoom, onToggleCanvas, onSetCanvasZoom, onZoomTo100, onFitToViewport, }: DirectEditToolbarInnerProps): react_jsx_runtime.JSX.Element;
|
|
222
|
+
declare function DirectEditToolbarInner({ editModeActive, onToggleEditMode, rulersVisible, onToggleRulers, activeTool: _activeTool, onSetActiveTool: _onSetActiveTool, theme, onSetTheme, sessionEditCount, onGetSessionItems, onExportAllEdits, onSendAllToAgents, agentAvailable, onClearSessionEdits, onRemoveSessionEdit, onDeleteComment, className, canvasActive, canvasZoom, onToggleCanvas, onSetCanvasZoom, onZoomTo100, onFitToViewport, }: DirectEditToolbarInnerProps): react_jsx_runtime.JSX.Element;
|
|
219
223
|
declare function DirectEditToolbar(): react_jsx_runtime.JSX.Element | null;
|
|
220
224
|
|
|
221
225
|
interface UseMeasurementResult {
|
|
@@ -238,6 +242,9 @@ declare function MeasurementOverlay({ selectedElement, hoveredElement, measureme
|
|
|
238
242
|
|
|
239
243
|
interface SelectionOverlayProps {
|
|
240
244
|
selectedElement: HTMLElement;
|
|
245
|
+
pageFrameElement?: HTMLElement | null;
|
|
246
|
+
pageFrameLabel?: string | null;
|
|
247
|
+
canvasZoom?: number;
|
|
241
248
|
draggedElement?: HTMLElement | null;
|
|
242
249
|
isDragging: boolean;
|
|
243
250
|
ghostPosition?: {
|
|
@@ -251,10 +258,11 @@ interface SelectionOverlayProps {
|
|
|
251
258
|
onDoubleClick?: (clientX: number, clientY: number) => void;
|
|
252
259
|
onHoverElement?: (element: HTMLElement | null) => void;
|
|
253
260
|
onClickThrough?: (clientX: number, clientY: number) => void;
|
|
261
|
+
onSelectPageFrame?: (element: HTMLElement) => void;
|
|
254
262
|
enableResizeHandles?: boolean;
|
|
255
263
|
onResizeSizingChange?: (changes: Partial<Record<SizingPropertyKey, SizingValue>>, options?: SizingChangeOptions) => void;
|
|
256
264
|
}
|
|
257
|
-
declare function SelectionOverlay({ selectedElement, draggedElement, isDragging, ghostPosition, onMoveStart, showMoveHandle,
|
|
265
|
+
declare function SelectionOverlay({ selectedElement, pageFrameElement, pageFrameLabel, canvasZoom, draggedElement, isDragging, ghostPosition, onMoveStart, showMoveHandle, isTextEditing, onDoubleClick, onHoverElement, onClickThrough, onSelectPageFrame, enableResizeHandles, onResizeSizingChange, }: SelectionOverlayProps): react_jsx_runtime.JSX.Element;
|
|
258
266
|
|
|
259
267
|
interface MoveOverlayProps {
|
|
260
268
|
dropIndicator: DropIndicator | null;
|
|
@@ -294,11 +302,11 @@ interface CommentOverlayProps {
|
|
|
294
302
|
comments: Comment[];
|
|
295
303
|
activeCommentId: string | null;
|
|
296
304
|
onSetActiveComment: (id: string | null) => void;
|
|
297
|
-
onUpdateText
|
|
305
|
+
onUpdateText?: (id: string, text: string) => void;
|
|
298
306
|
onAddReply: (id: string, text: string) => void;
|
|
299
307
|
onDelete: (id: string) => void;
|
|
300
308
|
onExport?: (id: string) => Promise<boolean>;
|
|
301
|
-
onSendToAgent
|
|
309
|
+
onSendToAgent?: (id: string) => Promise<boolean>;
|
|
302
310
|
attentionRequest?: {
|
|
303
311
|
commentId: string;
|
|
304
312
|
nonce: number;
|