@pixerate/editor-react 0.15.0 → 0.17.0
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/README.md +6 -2
- package/dist/canvas/index.cjs +484 -119
- package/dist/canvas/index.cjs.map +1 -1
- package/dist/canvas/index.d.cts +122 -3
- package/dist/canvas/index.d.ts +122 -3
- package/dist/canvas/index.js +380 -0
- package/dist/canvas/index.js.map +1 -1
- package/dist/chunk-I3E4KSA2.js +515 -0
- package/dist/chunk-I3E4KSA2.js.map +1 -0
- package/dist/chunk-JR5ZBDR7.js +2012 -0
- package/dist/chunk-JR5ZBDR7.js.map +1 -0
- package/dist/chunk-XWFU2CSG.js +167 -0
- package/dist/chunk-XWFU2CSG.js.map +1 -0
- package/dist/chunk-ZU54BMDC.js +2128 -0
- package/dist/chunk-ZU54BMDC.js.map +1 -0
- package/dist/generation/index.cjs +525 -0
- package/dist/generation/index.cjs.map +1 -0
- package/dist/generation/index.d.cts +124 -0
- package/dist/generation/index.d.ts +124 -0
- package/dist/generation/index.js +19 -0
- package/dist/generation/index.js.map +1 -0
- package/dist/image-editor/index.cjs +988 -337
- package/dist/image-editor/index.cjs.map +1 -1
- package/dist/image-editor/index.d.cts +92 -2
- package/dist/image-editor/index.d.ts +92 -2
- package/dist/image-editor/index.js +17 -3
- package/dist/index.cjs +3628 -754
- package/dist/index.cjs.map +1 -1
- package/dist/index.d.cts +226 -5
- package/dist/index.d.ts +226 -5
- package/dist/index.js +868 -77
- package/dist/index.js.map +1 -1
- package/dist/persistence/index.cjs +191 -0
- package/dist/persistence/index.cjs.map +1 -0
- package/dist/persistence/index.d.cts +77 -0
- package/dist/persistence/index.d.ts +77 -0
- package/dist/persistence/index.js +9 -0
- package/dist/persistence/index.js.map +1 -0
- package/dist/spreadsheet/index.cjs +949 -111
- package/dist/spreadsheet/index.cjs.map +1 -1
- package/dist/spreadsheet/index.d.cts +121 -7
- package/dist/spreadsheet/index.d.ts +121 -7
- package/dist/spreadsheet/index.js +11 -1
- package/dist/tokens/index.cjs +395 -0
- package/dist/tokens/index.cjs.map +1 -0
- package/dist/tokens/index.d.cts +54 -0
- package/dist/tokens/index.d.ts +54 -0
- package/dist/tokens/index.js +375 -0
- package/dist/tokens/index.js.map +1 -0
- package/package.json +26 -2
- package/dist/chunk-LPFZMZ3L.js +0 -1461
- package/dist/chunk-LPFZMZ3L.js.map +0 -1
- package/dist/chunk-QVQYYHJ5.js +0 -1161
- package/dist/chunk-QVQYYHJ5.js.map +0 -1
package/dist/index.d.cts
CHANGED
|
@@ -1,18 +1,22 @@
|
|
|
1
1
|
import * as _tiptap_core from '@tiptap/core';
|
|
2
2
|
import { Editor } from '@tiptap/core';
|
|
3
|
-
import { Template, ColorGradient, FileImportOptions, RichTextPresetOptions, RichClipboardOptions, HistoryState, HistoryManager, HistoryEntry, Command, MergedExecutionOptions, HistoryMark, HistoryManagerOptions, DirtyTrackerOptions, DirtyTracker, FileImportState, FileImportController, FileImportControllerOptions, PromptValues, OutlineSnapshot, OutlineHeading, EditorSlotsMap, CommentStoreSnapshot, CommentStore, TrackChangesSnapshot, TrackedChange, ReviewAuthor } from '@pixerate/editor';
|
|
4
|
-
export { BindDirtyToHistoryOptions, ColorGradient, Command, DirtyTracker, DirtyTrackerOptions, HistoryDirtyBinding, HistoryEntry, HistoryManager, HistoryManagerOptions, HistoryMark, HistoryState, MergedExecutionOptions, OutlineHeading, OutlineSnapshot, OutlineTreeItem, PromptDiagnostic, PromptValues, RichTextPresetOptions, Template, TemplateVersion, Token, TokenType, VariableFormField, bindDirtyToHistory, createDirtyTracker, createHistoryManager, defaultIsEqual, withoutDirty } from '@pixerate/editor';
|
|
3
|
+
import { Template, ColorGradient, FileImportOptions, RichTextPresetOptions, RichClipboardOptions, HistoryState, HistoryManager, HistoryEntry, Command, MergedExecutionOptions, HistoryMark, HistoryManagerOptions, DirtyTrackerOptions, DirtyTracker, FileImportState, ImportStructureSummary, FileImportController, FileImportControllerOptions, PromptValues, ParseDataSourceOptions, MergeRecordsOptions, MergeRecordsResult, MergeDataSource, MergeRecord, OutlineSnapshot, OutlineHeading, ParagraphStylesSnapshot, StyleRegistry, StyleDefinition, CreateStyleFromSelectionOptions, EditorSlotsMap, CommentStoreSnapshot, CommentStore, TrackChangesSnapshot, TrackedChange, ReviewAuthor, CompareSummary, CompareSource, EditorCompareOptions, FindReplaceSnapshot, FindReplaceMode, FindOptions } from '@pixerate/editor';
|
|
4
|
+
export { BindDirtyToHistoryOptions, ColorGradient, Command, CompareSource, CompareSummary, DirtyTracker, DirtyTrackerOptions, EditorCompareOptions, HistoryDirtyBinding, HistoryEntry, HistoryManager, HistoryManagerOptions, HistoryMark, HistoryState, MergeDataSource, MergeOutput, MergeRecord, MergeRecordsResult, MergedExecutionOptions, OutlineHeading, OutlineSnapshot, OutlineTreeItem, ParagraphStylesSnapshot, PromptDiagnostic, PromptValues, RichTextPresetOptions, StyleDefinition, Template, TemplateVersion, Token, TokenType, VariableFormField, bindDirtyToHistory, createDirtyTracker, createHistoryManager, defaultIsEqual, withoutDirty } from '@pixerate/editor';
|
|
5
5
|
import { UseEditorOptions, EditorContentProps as EditorContentProps$1 } from '@tiptap/react';
|
|
6
6
|
import { HistoryManager as HistoryManager$1 } from '@pixerate/editor/history';
|
|
7
7
|
import { ToolRegistry, AgentToolProvider } from '@pixerate/editor/agent';
|
|
8
8
|
import React__default from 'react';
|
|
9
9
|
import { BubbleMenuPluginProps } from '@tiptap/extension-bubble-menu';
|
|
10
|
-
export { FormulaHints, FormulaHintsProps, SpreadsheetContextMenu, SpreadsheetContextMenuProps, SpreadsheetEditor, SpreadsheetEditorProps, SpreadsheetGroupRow, SpreadsheetGroupRowProps, useFillHandle, useSpreadsheetClipboard, useSpreadsheetEditor } from './spreadsheet/index.cjs';
|
|
11
|
-
export { ImageEditor, ImageEditorProps, UseImageEditorReturn, useImageEditor } from './image-editor/index.cjs';
|
|
10
|
+
export { FormulaHints, FormulaHintsProps, NameManager, NameManagerProps, SheetTabs, SheetTabsProps, SpreadsheetConditionalFormatPanel, SpreadsheetContextMenu, SpreadsheetContextMenuProps, SpreadsheetDataValidationPanel, SpreadsheetEditor, SpreadsheetEditorProps, SpreadsheetGroupRow, SpreadsheetGroupRowProps, SpreadsheetRulePanelProps, SpreadsheetValidationDialog, SpreadsheetValidationDialogProps, useFillHandle, useSpreadsheetClipboard, useSpreadsheetEditor } from './spreadsheet/index.cjs';
|
|
11
|
+
export { AdjustmentLayersPanel, AdjustmentLayersPanelProps, ControlSlider, ControlSliderProps, CurvesEditor, CurvesEditorProps, Histogram, HistogramProps, ImageEditor, ImageEditorProps, RefineEdgePanel, RefineEdgePanelProps, SelectionOptionsBar, SelectionOptionsBarProps, UseImageEditorReturn, useImageEditor, useImageHistogram } from './image-editor/index.cjs';
|
|
12
12
|
export { CommandPalette, CommandPaletteProps, UseCommandPaletteOptions, UseCommandPaletteResult, UseCommandShortcutsOptions, useCommandPalette, useCommandShortcuts, useRegisterCommands } from './commands/index.cjs';
|
|
13
|
+
export { RecoveryPrompt, RecoveryPromptProps, UseAutosaveOptions, UseAutosaveResult, useAutosave } from './persistence/index.cjs';
|
|
14
|
+
export { AssetMentionChips, AssetMentionChipsProps, GenerationHistory, GenerationHistoryProps, GenerationSettings, GenerationSettingsProps, JobProgress, JobProgressProps, UseGenerationRecordsResult, UseJobProgressOptions, useGenerationPlan, useGenerationRecords, useJobProgress } from './generation/index.cjs';
|
|
13
15
|
import '@pixerate/editor/spreadsheet';
|
|
14
16
|
import '@pixerate/editor/image-editor';
|
|
15
17
|
import '@pixerate/editor/commands';
|
|
18
|
+
import '@pixerate/editor/persistence';
|
|
19
|
+
import '@pixerate/editor/generation';
|
|
16
20
|
|
|
17
21
|
interface UsePromptEditorProps {
|
|
18
22
|
/**
|
|
@@ -221,6 +225,13 @@ interface HistoryShortcutsOptions {
|
|
|
221
225
|
declare function useHistoryShortcuts(manager: HistoryManager$1, options?: HistoryShortcutsOptions): void;
|
|
222
226
|
|
|
223
227
|
interface UseFileImportResult extends FileImportState {
|
|
228
|
+
/**
|
|
229
|
+
* Structures detected in the last import (headings, lists, tables, columns),
|
|
230
|
+
* or `null` when no adapter reported any (only structure-aware adapters such
|
|
231
|
+
* as PDF do). Turn PDF detection off with
|
|
232
|
+
* `useFileImport(editor, { adapterOptions: { pdf: { structure: false } } })`.
|
|
233
|
+
*/
|
|
234
|
+
structureSummary: ImportStructureSummary | null;
|
|
224
235
|
/** Value for `<input type="file" accept={…}>`. */
|
|
225
236
|
accept: string;
|
|
226
237
|
/** Opens the browser file picker and imports the chosen files at the selection. */
|
|
@@ -313,6 +324,82 @@ interface VariableFormProps {
|
|
|
313
324
|
*/
|
|
314
325
|
declare const VariableForm: React__default.FC<VariableFormProps>;
|
|
315
326
|
|
|
327
|
+
interface MergePreviewProps {
|
|
328
|
+
/** The prompt merged with each record. */
|
|
329
|
+
content: string;
|
|
330
|
+
templates?: Template[];
|
|
331
|
+
bindings?: Record<string, string>;
|
|
332
|
+
templateColorMap?: Map<string, ColorGradient>;
|
|
333
|
+
/** Initial CSV / TSV / JSON data source text. */
|
|
334
|
+
defaultSource?: string;
|
|
335
|
+
parseOptions?: ParseDataSourceOptions;
|
|
336
|
+
/** Drop records matching this condition (e.g. `"status=void"`) when merging. */
|
|
337
|
+
skipIf?: MergeRecordsOptions["skipIf"];
|
|
338
|
+
/** Separator between merged outputs (default a blank line; `"none"` for nothing). */
|
|
339
|
+
separator?: string;
|
|
340
|
+
maxOutputs?: number;
|
|
341
|
+
/** Called after "Merge all". */
|
|
342
|
+
onMerge?: (result: MergeRecordsResult) => void;
|
|
343
|
+
/** Base file name for downloads (default `merged`). */
|
|
344
|
+
downloadName?: string;
|
|
345
|
+
className?: string;
|
|
346
|
+
}
|
|
347
|
+
/**
|
|
348
|
+
* Mail-merge preview: paste or pick a CSV / JSON data source, check the
|
|
349
|
+
* automatic field mapping, step through records with the resolved prompt
|
|
350
|
+
* shown by `TemplateRenderer`, and merge every record into text or JSON.
|
|
351
|
+
*/
|
|
352
|
+
declare const MergePreview: React__default.FC<MergePreviewProps>;
|
|
353
|
+
|
|
354
|
+
interface UseMergePreviewOptions {
|
|
355
|
+
/** The prompt merged with each record. */
|
|
356
|
+
template: string;
|
|
357
|
+
templates?: Template[];
|
|
358
|
+
bindings?: Record<string, string>;
|
|
359
|
+
/** Initial CSV / TSV / JSON text. */
|
|
360
|
+
initialSource?: string;
|
|
361
|
+
/** How to read the data source text. */
|
|
362
|
+
parseOptions?: ParseDataSourceOptions;
|
|
363
|
+
/** Passed to `mergeRecords` by `merge()`. */
|
|
364
|
+
skipIf?: MergeRecordsOptions["skipIf"];
|
|
365
|
+
separator?: string;
|
|
366
|
+
maxOutputs?: number;
|
|
367
|
+
}
|
|
368
|
+
interface MergePreviewState {
|
|
369
|
+
sourceText: string;
|
|
370
|
+
setSourceText: (text: string) => void;
|
|
371
|
+
/** Reads a picked file (CSV, TSV or JSON) into `sourceText`. */
|
|
372
|
+
loadFile: (file: Blob) => Promise<void>;
|
|
373
|
+
source: MergeDataSource;
|
|
374
|
+
/** Variable names the template uses, in order. */
|
|
375
|
+
variables: string[];
|
|
376
|
+
/** Variable → field: automatic matches with the user's overrides applied. */
|
|
377
|
+
mapping: Record<string, string | null>;
|
|
378
|
+
setFieldMapping: (variable: string, field: string | null) => void;
|
|
379
|
+
resetMapping: () => void;
|
|
380
|
+
/** 0-based index of the previewed record. */
|
|
381
|
+
index: number;
|
|
382
|
+
count: number;
|
|
383
|
+
setIndex: (index: number) => void;
|
|
384
|
+
next: () => void;
|
|
385
|
+
prev: () => void;
|
|
386
|
+
record: MergeRecord | undefined;
|
|
387
|
+
/** Prompt values for the previewed record. */
|
|
388
|
+
values: PromptValues;
|
|
389
|
+
/** Merges every record with the current mapping and stores the result. */
|
|
390
|
+
merge: () => MergeRecordsResult;
|
|
391
|
+
result: MergeRecordsResult | null;
|
|
392
|
+
/** The last merge's outputs as text or JSON. */
|
|
393
|
+
serialize: (format: "text" | "json") => string;
|
|
394
|
+
}
|
|
395
|
+
/**
|
|
396
|
+
* Headless state for a mail-merge preview (the counterpart of Svelte's
|
|
397
|
+
* `createMergePreview`): parses a pasted or loaded data source, matches its
|
|
398
|
+
* fields to the template's variables (editable), steps through records and
|
|
399
|
+
* merges them all with `mergeRecords`.
|
|
400
|
+
*/
|
|
401
|
+
declare function useMergePreview(options: UseMergePreviewOptions): MergePreviewState;
|
|
402
|
+
|
|
316
403
|
/**
|
|
317
404
|
* Subscribes to an editor's heading outline. Returns the headings (flat and
|
|
318
405
|
* nested) and the id of the heading whose section contains the selection.
|
|
@@ -349,6 +436,58 @@ interface OutlinePanelProps {
|
|
|
349
436
|
*/
|
|
350
437
|
declare const OutlinePanel: React__default.FC<OutlinePanelProps>;
|
|
351
438
|
|
|
439
|
+
interface UseParagraphStylesResult extends ParagraphStylesSnapshot {
|
|
440
|
+
registry: StyleRegistry | null;
|
|
441
|
+
/** The style of the block at the selection. */
|
|
442
|
+
currentStyle: StyleDefinition | null;
|
|
443
|
+
/** Applies a paragraph style to the selected blocks. */
|
|
444
|
+
apply: (id: string) => boolean;
|
|
445
|
+
/** Resets the selected blocks to Normal. */
|
|
446
|
+
clear: () => boolean;
|
|
447
|
+
/** Updates a style (default: the current one) to the formatting at the selection. */
|
|
448
|
+
updateFromSelection: (id?: string) => boolean;
|
|
449
|
+
/** Creates (and applies) a style from the formatting at the selection; returns its id. */
|
|
450
|
+
createFromSelection: (name: string, options?: CreateStyleFromSelectionOptions) => string | null;
|
|
451
|
+
/** Applies a character style to the selection. */
|
|
452
|
+
applyCharacterStyle: (id: string) => boolean;
|
|
453
|
+
}
|
|
454
|
+
/**
|
|
455
|
+
* Subscribes to an editor's paragraph styles (`ParagraphStyles` extension):
|
|
456
|
+
* the gallery, all styles and the style at the selection, with commands.
|
|
457
|
+
* Re-renders only when the styles or the current style change.
|
|
458
|
+
*/
|
|
459
|
+
declare function useParagraphStyles(editor: Editor | null | undefined): UseParagraphStylesResult;
|
|
460
|
+
|
|
461
|
+
interface StylesGalleryProps {
|
|
462
|
+
editor: Editor | null;
|
|
463
|
+
/**
|
|
464
|
+
* `dropdown` (default): a button showing the current style that opens the
|
|
465
|
+
* list. `gallery`: the styles are always shown, in a row.
|
|
466
|
+
*/
|
|
467
|
+
variant?: "dropdown" | "gallery";
|
|
468
|
+
/** List every available paragraph style instead of the gallery (quick) styles. */
|
|
469
|
+
showAllStyles?: boolean;
|
|
470
|
+
/** Show the "Update to match selection" and "New style from selection" actions. Defaults to `true`. */
|
|
471
|
+
showActions?: boolean;
|
|
472
|
+
/** Preview each style's font, weight, style and color in its entry. Defaults to `true`. */
|
|
473
|
+
preview?: boolean;
|
|
474
|
+
className?: string;
|
|
475
|
+
itemClassName?: string;
|
|
476
|
+
activeItemClassName?: string;
|
|
477
|
+
/** Called after a style is applied, updated or created. */
|
|
478
|
+
onChange?: (event: {
|
|
479
|
+
type: "apply" | "update" | "create";
|
|
480
|
+
id: string;
|
|
481
|
+
}) => void;
|
|
482
|
+
}
|
|
483
|
+
/**
|
|
484
|
+
* Paragraph styles picker (Word's Styles gallery): shows the style at the
|
|
485
|
+
* selection, applies a style on click, updates the current style to match
|
|
486
|
+
* the selection and creates a new style from the selection. Needs the
|
|
487
|
+
* `ParagraphStyles` extension (`richTextOptions: { paragraphStyles: true }`).
|
|
488
|
+
*/
|
|
489
|
+
declare const StylesGallery: React__default.FC<StylesGalleryProps>;
|
|
490
|
+
|
|
352
491
|
interface EditorSlotsProviderProps {
|
|
353
492
|
slots?: Partial<EditorSlotsMap>;
|
|
354
493
|
children: React__default.ReactNode;
|
|
@@ -380,6 +519,12 @@ interface UseTrackChangesResult extends TrackChangesSnapshot {
|
|
|
380
519
|
rejectAll: () => void;
|
|
381
520
|
next: () => void;
|
|
382
521
|
previous: () => void;
|
|
522
|
+
/** Selects a change in the editor. */
|
|
523
|
+
select: (id: string) => void;
|
|
524
|
+
/** Accepts a tracked move (both ends). */
|
|
525
|
+
acceptMove: (id: string) => void;
|
|
526
|
+
/** Rejects a tracked move (both ends). */
|
|
527
|
+
rejectMove: (id: string) => void;
|
|
383
528
|
}
|
|
384
529
|
/**
|
|
385
530
|
* Subscribes to the tracked-change state of an editor using the
|
|
@@ -436,4 +581,80 @@ interface CommentButtonProps {
|
|
|
436
581
|
*/
|
|
437
582
|
declare const CommentButton: React__default.FC<CommentButtonProps>;
|
|
438
583
|
|
|
439
|
-
|
|
584
|
+
interface UseDocumentCompareResult {
|
|
585
|
+
/** Summary of the last comparison, or `null`. */
|
|
586
|
+
summary: CompareSummary | null;
|
|
587
|
+
/**
|
|
588
|
+
* Replaces the editor content with the comparison of two versions (nodes,
|
|
589
|
+
* JSON or HTML) as tracked changes, ready to review with `ReviewToolbar`.
|
|
590
|
+
* Returns the summary, or `null` without an editor.
|
|
591
|
+
*/
|
|
592
|
+
compare: (original: CompareSource, revised: CompareSource, options?: EditorCompareOptions) => CompareSummary | null;
|
|
593
|
+
/** Forgets the last summary. */
|
|
594
|
+
clear: () => void;
|
|
595
|
+
}
|
|
596
|
+
/**
|
|
597
|
+
* Compare two document versions into an editor using `TrackChanges`.
|
|
598
|
+
* `options` are defaults for every comparison.
|
|
599
|
+
*/
|
|
600
|
+
declare function useDocumentCompare(editor: Editor | null | undefined, options?: EditorCompareOptions): UseDocumentCompareResult;
|
|
601
|
+
|
|
602
|
+
interface TrackedChangesListProps {
|
|
603
|
+
editor: Editor | null;
|
|
604
|
+
className?: string;
|
|
605
|
+
itemClassName?: string;
|
|
606
|
+
activeItemClassName?: string;
|
|
607
|
+
/** Content shown when there are no changes. */
|
|
608
|
+
emptyState?: React__default.ReactNode;
|
|
609
|
+
}
|
|
610
|
+
/**
|
|
611
|
+
* Lists the document's tracked changes (insertions, deletions, moves,
|
|
612
|
+
* formatting and block changes) with their author and description, and
|
|
613
|
+
* accepts or rejects each one. A move is one entry: accepting or rejecting
|
|
614
|
+
* it resolves both its source and its destination. Clicking an entry
|
|
615
|
+
* selects the change in the editor.
|
|
616
|
+
*/
|
|
617
|
+
declare const TrackedChangesList: React__default.FC<TrackedChangesListProps>;
|
|
618
|
+
|
|
619
|
+
interface UseFindReplaceResult extends FindReplaceSnapshot {
|
|
620
|
+
/** Whether the editor has the `FindReplace` extension. */
|
|
621
|
+
available: boolean;
|
|
622
|
+
matchCount: number;
|
|
623
|
+
open: boolean;
|
|
624
|
+
show: (mode?: FindReplaceMode) => void;
|
|
625
|
+
close: () => void;
|
|
626
|
+
setQuery: (query: string) => void;
|
|
627
|
+
setReplacement: (replacement: string) => void;
|
|
628
|
+
setOptions: (options: Partial<FindOptions>) => void;
|
|
629
|
+
toggleOption: (option: keyof FindOptions) => void;
|
|
630
|
+
next: () => void;
|
|
631
|
+
previous: () => void;
|
|
632
|
+
replace: () => void;
|
|
633
|
+
replaceAll: () => void;
|
|
634
|
+
clear: () => void;
|
|
635
|
+
}
|
|
636
|
+
/**
|
|
637
|
+
* Subscribes to an editor's Find and Replace state (`FindReplace` extension)
|
|
638
|
+
* and exposes its commands.
|
|
639
|
+
*/
|
|
640
|
+
declare function useFindReplace(editor: Editor | null | undefined): UseFindReplaceResult;
|
|
641
|
+
|
|
642
|
+
interface FindReplaceBarProps {
|
|
643
|
+
editor: Editor | null;
|
|
644
|
+
className?: string;
|
|
645
|
+
/** Render even while the find state is closed (default: only after Mod+F / Mod+H / `openFindReplace`). */
|
|
646
|
+
alwaysOpen?: boolean;
|
|
647
|
+
/** Show the "More options" toggle (prefix, suffix, ignore punctuation/white space, literal). Default `true`. */
|
|
648
|
+
showMoreOptions?: boolean;
|
|
649
|
+
/** Called after the bar closes (Escape or the close button). */
|
|
650
|
+
onClose?: () => void;
|
|
651
|
+
}
|
|
652
|
+
/**
|
|
653
|
+
* Word-style find bar for an editor using the `FindReplace` extension: find
|
|
654
|
+
* and replace fields, option toggles, "3 of 12" counter, previous/next,
|
|
655
|
+
* Replace and Replace All. Enter / Shift+Enter step through matches, Enter in
|
|
656
|
+
* the replace field replaces, Mod+Enter replaces all, Escape closes.
|
|
657
|
+
*/
|
|
658
|
+
declare const FindReplaceBar: React__default.FC<FindReplaceBarProps>;
|
|
659
|
+
|
|
660
|
+
export { BubbleMenu, type BubbleMenuProps, CommentButton, type CommentButtonProps, CommentsPanel, type CommentsPanelProps, EditorContent, type EditorContentProps, EditorSlotsProvider, type EditorSlotsProviderProps, FindReplaceBar, type FindReplaceBarProps, type HistoryShortcutsOptions, MergePreview, type MergePreviewProps, type MergePreviewState, OutlinePanel, type OutlinePanelProps, ReviewToolbar, type ReviewToolbarProps, StylesGallery, type StylesGalleryProps, TemplateRenderer, type TemplateRendererProps, TrackedChangesList, type TrackedChangesListProps, type UseCommentsResult, type UseDismissGuardOptions, type UseDismissGuardReturn, type UseDocumentCompareResult, type UseFileImportResult, type UseFindReplaceResult, type UseHistoryDirtyOptions, type UseHistoryDirtyResult, type UseHistoryResult, type UseMergePreviewOptions, type UseNavigationGuardOptions, type UseNavigationGuardReturn, type UseParagraphStylesResult, type UsePromptEditorProps, type UseRichEditorProps, type UseTrackChangesResult, VariableForm, type VariableFormProps, useAgentToolProvider, useComments, useDismissGuard, useDocumentCompare, useEditor, useEditorSlots, useFileImport, useFindReplace, useHistory, useHistoryDirty, useHistoryShortcuts, useMergePreview, useNavigationGuard, useOutline, useParagraphStyles, usePromptEditor, useTrackChanges };
|
package/dist/index.d.ts
CHANGED
|
@@ -1,18 +1,22 @@
|
|
|
1
1
|
import * as _tiptap_core from '@tiptap/core';
|
|
2
2
|
import { Editor } from '@tiptap/core';
|
|
3
|
-
import { Template, ColorGradient, FileImportOptions, RichTextPresetOptions, RichClipboardOptions, HistoryState, HistoryManager, HistoryEntry, Command, MergedExecutionOptions, HistoryMark, HistoryManagerOptions, DirtyTrackerOptions, DirtyTracker, FileImportState, FileImportController, FileImportControllerOptions, PromptValues, OutlineSnapshot, OutlineHeading, EditorSlotsMap, CommentStoreSnapshot, CommentStore, TrackChangesSnapshot, TrackedChange, ReviewAuthor } from '@pixerate/editor';
|
|
4
|
-
export { BindDirtyToHistoryOptions, ColorGradient, Command, DirtyTracker, DirtyTrackerOptions, HistoryDirtyBinding, HistoryEntry, HistoryManager, HistoryManagerOptions, HistoryMark, HistoryState, MergedExecutionOptions, OutlineHeading, OutlineSnapshot, OutlineTreeItem, PromptDiagnostic, PromptValues, RichTextPresetOptions, Template, TemplateVersion, Token, TokenType, VariableFormField, bindDirtyToHistory, createDirtyTracker, createHistoryManager, defaultIsEqual, withoutDirty } from '@pixerate/editor';
|
|
3
|
+
import { Template, ColorGradient, FileImportOptions, RichTextPresetOptions, RichClipboardOptions, HistoryState, HistoryManager, HistoryEntry, Command, MergedExecutionOptions, HistoryMark, HistoryManagerOptions, DirtyTrackerOptions, DirtyTracker, FileImportState, ImportStructureSummary, FileImportController, FileImportControllerOptions, PromptValues, ParseDataSourceOptions, MergeRecordsOptions, MergeRecordsResult, MergeDataSource, MergeRecord, OutlineSnapshot, OutlineHeading, ParagraphStylesSnapshot, StyleRegistry, StyleDefinition, CreateStyleFromSelectionOptions, EditorSlotsMap, CommentStoreSnapshot, CommentStore, TrackChangesSnapshot, TrackedChange, ReviewAuthor, CompareSummary, CompareSource, EditorCompareOptions, FindReplaceSnapshot, FindReplaceMode, FindOptions } from '@pixerate/editor';
|
|
4
|
+
export { BindDirtyToHistoryOptions, ColorGradient, Command, CompareSource, CompareSummary, DirtyTracker, DirtyTrackerOptions, EditorCompareOptions, HistoryDirtyBinding, HistoryEntry, HistoryManager, HistoryManagerOptions, HistoryMark, HistoryState, MergeDataSource, MergeOutput, MergeRecord, MergeRecordsResult, MergedExecutionOptions, OutlineHeading, OutlineSnapshot, OutlineTreeItem, ParagraphStylesSnapshot, PromptDiagnostic, PromptValues, RichTextPresetOptions, StyleDefinition, Template, TemplateVersion, Token, TokenType, VariableFormField, bindDirtyToHistory, createDirtyTracker, createHistoryManager, defaultIsEqual, withoutDirty } from '@pixerate/editor';
|
|
5
5
|
import { UseEditorOptions, EditorContentProps as EditorContentProps$1 } from '@tiptap/react';
|
|
6
6
|
import { HistoryManager as HistoryManager$1 } from '@pixerate/editor/history';
|
|
7
7
|
import { ToolRegistry, AgentToolProvider } from '@pixerate/editor/agent';
|
|
8
8
|
import React__default from 'react';
|
|
9
9
|
import { BubbleMenuPluginProps } from '@tiptap/extension-bubble-menu';
|
|
10
|
-
export { FormulaHints, FormulaHintsProps, SpreadsheetContextMenu, SpreadsheetContextMenuProps, SpreadsheetEditor, SpreadsheetEditorProps, SpreadsheetGroupRow, SpreadsheetGroupRowProps, useFillHandle, useSpreadsheetClipboard, useSpreadsheetEditor } from './spreadsheet/index.js';
|
|
11
|
-
export { ImageEditor, ImageEditorProps, UseImageEditorReturn, useImageEditor } from './image-editor/index.js';
|
|
10
|
+
export { FormulaHints, FormulaHintsProps, NameManager, NameManagerProps, SheetTabs, SheetTabsProps, SpreadsheetConditionalFormatPanel, SpreadsheetContextMenu, SpreadsheetContextMenuProps, SpreadsheetDataValidationPanel, SpreadsheetEditor, SpreadsheetEditorProps, SpreadsheetGroupRow, SpreadsheetGroupRowProps, SpreadsheetRulePanelProps, SpreadsheetValidationDialog, SpreadsheetValidationDialogProps, useFillHandle, useSpreadsheetClipboard, useSpreadsheetEditor } from './spreadsheet/index.js';
|
|
11
|
+
export { AdjustmentLayersPanel, AdjustmentLayersPanelProps, ControlSlider, ControlSliderProps, CurvesEditor, CurvesEditorProps, Histogram, HistogramProps, ImageEditor, ImageEditorProps, RefineEdgePanel, RefineEdgePanelProps, SelectionOptionsBar, SelectionOptionsBarProps, UseImageEditorReturn, useImageEditor, useImageHistogram } from './image-editor/index.js';
|
|
12
12
|
export { CommandPalette, CommandPaletteProps, UseCommandPaletteOptions, UseCommandPaletteResult, UseCommandShortcutsOptions, useCommandPalette, useCommandShortcuts, useRegisterCommands } from './commands/index.js';
|
|
13
|
+
export { RecoveryPrompt, RecoveryPromptProps, UseAutosaveOptions, UseAutosaveResult, useAutosave } from './persistence/index.js';
|
|
14
|
+
export { AssetMentionChips, AssetMentionChipsProps, GenerationHistory, GenerationHistoryProps, GenerationSettings, GenerationSettingsProps, JobProgress, JobProgressProps, UseGenerationRecordsResult, UseJobProgressOptions, useGenerationPlan, useGenerationRecords, useJobProgress } from './generation/index.js';
|
|
13
15
|
import '@pixerate/editor/spreadsheet';
|
|
14
16
|
import '@pixerate/editor/image-editor';
|
|
15
17
|
import '@pixerate/editor/commands';
|
|
18
|
+
import '@pixerate/editor/persistence';
|
|
19
|
+
import '@pixerate/editor/generation';
|
|
16
20
|
|
|
17
21
|
interface UsePromptEditorProps {
|
|
18
22
|
/**
|
|
@@ -221,6 +225,13 @@ interface HistoryShortcutsOptions {
|
|
|
221
225
|
declare function useHistoryShortcuts(manager: HistoryManager$1, options?: HistoryShortcutsOptions): void;
|
|
222
226
|
|
|
223
227
|
interface UseFileImportResult extends FileImportState {
|
|
228
|
+
/**
|
|
229
|
+
* Structures detected in the last import (headings, lists, tables, columns),
|
|
230
|
+
* or `null` when no adapter reported any (only structure-aware adapters such
|
|
231
|
+
* as PDF do). Turn PDF detection off with
|
|
232
|
+
* `useFileImport(editor, { adapterOptions: { pdf: { structure: false } } })`.
|
|
233
|
+
*/
|
|
234
|
+
structureSummary: ImportStructureSummary | null;
|
|
224
235
|
/** Value for `<input type="file" accept={…}>`. */
|
|
225
236
|
accept: string;
|
|
226
237
|
/** Opens the browser file picker and imports the chosen files at the selection. */
|
|
@@ -313,6 +324,82 @@ interface VariableFormProps {
|
|
|
313
324
|
*/
|
|
314
325
|
declare const VariableForm: React__default.FC<VariableFormProps>;
|
|
315
326
|
|
|
327
|
+
interface MergePreviewProps {
|
|
328
|
+
/** The prompt merged with each record. */
|
|
329
|
+
content: string;
|
|
330
|
+
templates?: Template[];
|
|
331
|
+
bindings?: Record<string, string>;
|
|
332
|
+
templateColorMap?: Map<string, ColorGradient>;
|
|
333
|
+
/** Initial CSV / TSV / JSON data source text. */
|
|
334
|
+
defaultSource?: string;
|
|
335
|
+
parseOptions?: ParseDataSourceOptions;
|
|
336
|
+
/** Drop records matching this condition (e.g. `"status=void"`) when merging. */
|
|
337
|
+
skipIf?: MergeRecordsOptions["skipIf"];
|
|
338
|
+
/** Separator between merged outputs (default a blank line; `"none"` for nothing). */
|
|
339
|
+
separator?: string;
|
|
340
|
+
maxOutputs?: number;
|
|
341
|
+
/** Called after "Merge all". */
|
|
342
|
+
onMerge?: (result: MergeRecordsResult) => void;
|
|
343
|
+
/** Base file name for downloads (default `merged`). */
|
|
344
|
+
downloadName?: string;
|
|
345
|
+
className?: string;
|
|
346
|
+
}
|
|
347
|
+
/**
|
|
348
|
+
* Mail-merge preview: paste or pick a CSV / JSON data source, check the
|
|
349
|
+
* automatic field mapping, step through records with the resolved prompt
|
|
350
|
+
* shown by `TemplateRenderer`, and merge every record into text or JSON.
|
|
351
|
+
*/
|
|
352
|
+
declare const MergePreview: React__default.FC<MergePreviewProps>;
|
|
353
|
+
|
|
354
|
+
interface UseMergePreviewOptions {
|
|
355
|
+
/** The prompt merged with each record. */
|
|
356
|
+
template: string;
|
|
357
|
+
templates?: Template[];
|
|
358
|
+
bindings?: Record<string, string>;
|
|
359
|
+
/** Initial CSV / TSV / JSON text. */
|
|
360
|
+
initialSource?: string;
|
|
361
|
+
/** How to read the data source text. */
|
|
362
|
+
parseOptions?: ParseDataSourceOptions;
|
|
363
|
+
/** Passed to `mergeRecords` by `merge()`. */
|
|
364
|
+
skipIf?: MergeRecordsOptions["skipIf"];
|
|
365
|
+
separator?: string;
|
|
366
|
+
maxOutputs?: number;
|
|
367
|
+
}
|
|
368
|
+
interface MergePreviewState {
|
|
369
|
+
sourceText: string;
|
|
370
|
+
setSourceText: (text: string) => void;
|
|
371
|
+
/** Reads a picked file (CSV, TSV or JSON) into `sourceText`. */
|
|
372
|
+
loadFile: (file: Blob) => Promise<void>;
|
|
373
|
+
source: MergeDataSource;
|
|
374
|
+
/** Variable names the template uses, in order. */
|
|
375
|
+
variables: string[];
|
|
376
|
+
/** Variable → field: automatic matches with the user's overrides applied. */
|
|
377
|
+
mapping: Record<string, string | null>;
|
|
378
|
+
setFieldMapping: (variable: string, field: string | null) => void;
|
|
379
|
+
resetMapping: () => void;
|
|
380
|
+
/** 0-based index of the previewed record. */
|
|
381
|
+
index: number;
|
|
382
|
+
count: number;
|
|
383
|
+
setIndex: (index: number) => void;
|
|
384
|
+
next: () => void;
|
|
385
|
+
prev: () => void;
|
|
386
|
+
record: MergeRecord | undefined;
|
|
387
|
+
/** Prompt values for the previewed record. */
|
|
388
|
+
values: PromptValues;
|
|
389
|
+
/** Merges every record with the current mapping and stores the result. */
|
|
390
|
+
merge: () => MergeRecordsResult;
|
|
391
|
+
result: MergeRecordsResult | null;
|
|
392
|
+
/** The last merge's outputs as text or JSON. */
|
|
393
|
+
serialize: (format: "text" | "json") => string;
|
|
394
|
+
}
|
|
395
|
+
/**
|
|
396
|
+
* Headless state for a mail-merge preview (the counterpart of Svelte's
|
|
397
|
+
* `createMergePreview`): parses a pasted or loaded data source, matches its
|
|
398
|
+
* fields to the template's variables (editable), steps through records and
|
|
399
|
+
* merges them all with `mergeRecords`.
|
|
400
|
+
*/
|
|
401
|
+
declare function useMergePreview(options: UseMergePreviewOptions): MergePreviewState;
|
|
402
|
+
|
|
316
403
|
/**
|
|
317
404
|
* Subscribes to an editor's heading outline. Returns the headings (flat and
|
|
318
405
|
* nested) and the id of the heading whose section contains the selection.
|
|
@@ -349,6 +436,58 @@ interface OutlinePanelProps {
|
|
|
349
436
|
*/
|
|
350
437
|
declare const OutlinePanel: React__default.FC<OutlinePanelProps>;
|
|
351
438
|
|
|
439
|
+
interface UseParagraphStylesResult extends ParagraphStylesSnapshot {
|
|
440
|
+
registry: StyleRegistry | null;
|
|
441
|
+
/** The style of the block at the selection. */
|
|
442
|
+
currentStyle: StyleDefinition | null;
|
|
443
|
+
/** Applies a paragraph style to the selected blocks. */
|
|
444
|
+
apply: (id: string) => boolean;
|
|
445
|
+
/** Resets the selected blocks to Normal. */
|
|
446
|
+
clear: () => boolean;
|
|
447
|
+
/** Updates a style (default: the current one) to the formatting at the selection. */
|
|
448
|
+
updateFromSelection: (id?: string) => boolean;
|
|
449
|
+
/** Creates (and applies) a style from the formatting at the selection; returns its id. */
|
|
450
|
+
createFromSelection: (name: string, options?: CreateStyleFromSelectionOptions) => string | null;
|
|
451
|
+
/** Applies a character style to the selection. */
|
|
452
|
+
applyCharacterStyle: (id: string) => boolean;
|
|
453
|
+
}
|
|
454
|
+
/**
|
|
455
|
+
* Subscribes to an editor's paragraph styles (`ParagraphStyles` extension):
|
|
456
|
+
* the gallery, all styles and the style at the selection, with commands.
|
|
457
|
+
* Re-renders only when the styles or the current style change.
|
|
458
|
+
*/
|
|
459
|
+
declare function useParagraphStyles(editor: Editor | null | undefined): UseParagraphStylesResult;
|
|
460
|
+
|
|
461
|
+
interface StylesGalleryProps {
|
|
462
|
+
editor: Editor | null;
|
|
463
|
+
/**
|
|
464
|
+
* `dropdown` (default): a button showing the current style that opens the
|
|
465
|
+
* list. `gallery`: the styles are always shown, in a row.
|
|
466
|
+
*/
|
|
467
|
+
variant?: "dropdown" | "gallery";
|
|
468
|
+
/** List every available paragraph style instead of the gallery (quick) styles. */
|
|
469
|
+
showAllStyles?: boolean;
|
|
470
|
+
/** Show the "Update to match selection" and "New style from selection" actions. Defaults to `true`. */
|
|
471
|
+
showActions?: boolean;
|
|
472
|
+
/** Preview each style's font, weight, style and color in its entry. Defaults to `true`. */
|
|
473
|
+
preview?: boolean;
|
|
474
|
+
className?: string;
|
|
475
|
+
itemClassName?: string;
|
|
476
|
+
activeItemClassName?: string;
|
|
477
|
+
/** Called after a style is applied, updated or created. */
|
|
478
|
+
onChange?: (event: {
|
|
479
|
+
type: "apply" | "update" | "create";
|
|
480
|
+
id: string;
|
|
481
|
+
}) => void;
|
|
482
|
+
}
|
|
483
|
+
/**
|
|
484
|
+
* Paragraph styles picker (Word's Styles gallery): shows the style at the
|
|
485
|
+
* selection, applies a style on click, updates the current style to match
|
|
486
|
+
* the selection and creates a new style from the selection. Needs the
|
|
487
|
+
* `ParagraphStyles` extension (`richTextOptions: { paragraphStyles: true }`).
|
|
488
|
+
*/
|
|
489
|
+
declare const StylesGallery: React__default.FC<StylesGalleryProps>;
|
|
490
|
+
|
|
352
491
|
interface EditorSlotsProviderProps {
|
|
353
492
|
slots?: Partial<EditorSlotsMap>;
|
|
354
493
|
children: React__default.ReactNode;
|
|
@@ -380,6 +519,12 @@ interface UseTrackChangesResult extends TrackChangesSnapshot {
|
|
|
380
519
|
rejectAll: () => void;
|
|
381
520
|
next: () => void;
|
|
382
521
|
previous: () => void;
|
|
522
|
+
/** Selects a change in the editor. */
|
|
523
|
+
select: (id: string) => void;
|
|
524
|
+
/** Accepts a tracked move (both ends). */
|
|
525
|
+
acceptMove: (id: string) => void;
|
|
526
|
+
/** Rejects a tracked move (both ends). */
|
|
527
|
+
rejectMove: (id: string) => void;
|
|
383
528
|
}
|
|
384
529
|
/**
|
|
385
530
|
* Subscribes to the tracked-change state of an editor using the
|
|
@@ -436,4 +581,80 @@ interface CommentButtonProps {
|
|
|
436
581
|
*/
|
|
437
582
|
declare const CommentButton: React__default.FC<CommentButtonProps>;
|
|
438
583
|
|
|
439
|
-
|
|
584
|
+
interface UseDocumentCompareResult {
|
|
585
|
+
/** Summary of the last comparison, or `null`. */
|
|
586
|
+
summary: CompareSummary | null;
|
|
587
|
+
/**
|
|
588
|
+
* Replaces the editor content with the comparison of two versions (nodes,
|
|
589
|
+
* JSON or HTML) as tracked changes, ready to review with `ReviewToolbar`.
|
|
590
|
+
* Returns the summary, or `null` without an editor.
|
|
591
|
+
*/
|
|
592
|
+
compare: (original: CompareSource, revised: CompareSource, options?: EditorCompareOptions) => CompareSummary | null;
|
|
593
|
+
/** Forgets the last summary. */
|
|
594
|
+
clear: () => void;
|
|
595
|
+
}
|
|
596
|
+
/**
|
|
597
|
+
* Compare two document versions into an editor using `TrackChanges`.
|
|
598
|
+
* `options` are defaults for every comparison.
|
|
599
|
+
*/
|
|
600
|
+
declare function useDocumentCompare(editor: Editor | null | undefined, options?: EditorCompareOptions): UseDocumentCompareResult;
|
|
601
|
+
|
|
602
|
+
interface TrackedChangesListProps {
|
|
603
|
+
editor: Editor | null;
|
|
604
|
+
className?: string;
|
|
605
|
+
itemClassName?: string;
|
|
606
|
+
activeItemClassName?: string;
|
|
607
|
+
/** Content shown when there are no changes. */
|
|
608
|
+
emptyState?: React__default.ReactNode;
|
|
609
|
+
}
|
|
610
|
+
/**
|
|
611
|
+
* Lists the document's tracked changes (insertions, deletions, moves,
|
|
612
|
+
* formatting and block changes) with their author and description, and
|
|
613
|
+
* accepts or rejects each one. A move is one entry: accepting or rejecting
|
|
614
|
+
* it resolves both its source and its destination. Clicking an entry
|
|
615
|
+
* selects the change in the editor.
|
|
616
|
+
*/
|
|
617
|
+
declare const TrackedChangesList: React__default.FC<TrackedChangesListProps>;
|
|
618
|
+
|
|
619
|
+
interface UseFindReplaceResult extends FindReplaceSnapshot {
|
|
620
|
+
/** Whether the editor has the `FindReplace` extension. */
|
|
621
|
+
available: boolean;
|
|
622
|
+
matchCount: number;
|
|
623
|
+
open: boolean;
|
|
624
|
+
show: (mode?: FindReplaceMode) => void;
|
|
625
|
+
close: () => void;
|
|
626
|
+
setQuery: (query: string) => void;
|
|
627
|
+
setReplacement: (replacement: string) => void;
|
|
628
|
+
setOptions: (options: Partial<FindOptions>) => void;
|
|
629
|
+
toggleOption: (option: keyof FindOptions) => void;
|
|
630
|
+
next: () => void;
|
|
631
|
+
previous: () => void;
|
|
632
|
+
replace: () => void;
|
|
633
|
+
replaceAll: () => void;
|
|
634
|
+
clear: () => void;
|
|
635
|
+
}
|
|
636
|
+
/**
|
|
637
|
+
* Subscribes to an editor's Find and Replace state (`FindReplace` extension)
|
|
638
|
+
* and exposes its commands.
|
|
639
|
+
*/
|
|
640
|
+
declare function useFindReplace(editor: Editor | null | undefined): UseFindReplaceResult;
|
|
641
|
+
|
|
642
|
+
interface FindReplaceBarProps {
|
|
643
|
+
editor: Editor | null;
|
|
644
|
+
className?: string;
|
|
645
|
+
/** Render even while the find state is closed (default: only after Mod+F / Mod+H / `openFindReplace`). */
|
|
646
|
+
alwaysOpen?: boolean;
|
|
647
|
+
/** Show the "More options" toggle (prefix, suffix, ignore punctuation/white space, literal). Default `true`. */
|
|
648
|
+
showMoreOptions?: boolean;
|
|
649
|
+
/** Called after the bar closes (Escape or the close button). */
|
|
650
|
+
onClose?: () => void;
|
|
651
|
+
}
|
|
652
|
+
/**
|
|
653
|
+
* Word-style find bar for an editor using the `FindReplace` extension: find
|
|
654
|
+
* and replace fields, option toggles, "3 of 12" counter, previous/next,
|
|
655
|
+
* Replace and Replace All. Enter / Shift+Enter step through matches, Enter in
|
|
656
|
+
* the replace field replaces, Mod+Enter replaces all, Escape closes.
|
|
657
|
+
*/
|
|
658
|
+
declare const FindReplaceBar: React__default.FC<FindReplaceBarProps>;
|
|
659
|
+
|
|
660
|
+
export { BubbleMenu, type BubbleMenuProps, CommentButton, type CommentButtonProps, CommentsPanel, type CommentsPanelProps, EditorContent, type EditorContentProps, EditorSlotsProvider, type EditorSlotsProviderProps, FindReplaceBar, type FindReplaceBarProps, type HistoryShortcutsOptions, MergePreview, type MergePreviewProps, type MergePreviewState, OutlinePanel, type OutlinePanelProps, ReviewToolbar, type ReviewToolbarProps, StylesGallery, type StylesGalleryProps, TemplateRenderer, type TemplateRendererProps, TrackedChangesList, type TrackedChangesListProps, type UseCommentsResult, type UseDismissGuardOptions, type UseDismissGuardReturn, type UseDocumentCompareResult, type UseFileImportResult, type UseFindReplaceResult, type UseHistoryDirtyOptions, type UseHistoryDirtyResult, type UseHistoryResult, type UseMergePreviewOptions, type UseNavigationGuardOptions, type UseNavigationGuardReturn, type UseParagraphStylesResult, type UsePromptEditorProps, type UseRichEditorProps, type UseTrackChangesResult, VariableForm, type VariableFormProps, useAgentToolProvider, useComments, useDismissGuard, useDocumentCompare, useEditor, useEditorSlots, useFileImport, useFindReplace, useHistory, useHistoryDirty, useHistoryShortcuts, useMergePreview, useNavigationGuard, useOutline, useParagraphStyles, usePromptEditor, useTrackChanges };
|