@mantine-vue/tiptap 3.1.0 → 3.3.0

package/lib/RichTextEditorControl/RichTextEditorTableInsertControl.vue.d.ts

@@ -0,0 +1,209 @@
+import type { PopoverProps } from '@mantine-vue/core';
+import type { RichTextEditorControlBaseRuntimeProps } from './RichTextEditorControl.types';
+interface RuntimeProps extends RichTextEditorControlBaseRuntimeProps {
+    maxColumns?: number;
+    maxRows?: number;
+    withHeaderRow?: boolean;
+    popoverProps?: Partial<PopoverProps>;
+}
+declare var __VLS_25: {
+    innerHTML?: string | undefined;
+    class?: import("vue").ClassValue | undefined;
+    style?: import("vue").StyleValue | undefined;
+    accesskey?: string | undefined;
+    contenteditable?: (boolean | "true" | "false") | "inherit" | "plaintext-only" | undefined;
+    contextmenu?: string | undefined;
+    dir?: string | undefined;
+    draggable?: (boolean | "true" | "false") | undefined;
+    enterkeyhint?: "enter" | "done" | "go" | "next" | "previous" | "search" | "send" | undefined;
+    enterKeyHint?: import("vue").HTMLAttributes["enterkeyhint"];
+    hidden?: (boolean | "true" | "false") | "" | "hidden" | "until-found" | undefined;
+    id?: string | undefined;
+    inert?: (boolean | "true" | "false") | undefined;
+    lang?: string | undefined;
+    placeholder?: string | undefined;
+    spellcheck?: (boolean | "true" | "false") | undefined;
+    tabindex?: (string | number) | undefined;
+    title?: string | undefined;
+    translate?: "yes" | "no" | undefined;
+    radiogroup?: string | undefined;
+    role?: string | undefined;
+    about?: string | undefined;
+    datatype?: string | undefined;
+    inlist?: any;
+    prefix?: string | undefined;
+    property?: string | undefined;
+    resource?: string | undefined;
+    typeof?: string | undefined;
+    vocab?: string | undefined;
+    autocapitalize?: string | undefined;
+    autocorrect?: string | undefined;
+    autosave?: string | undefined;
+    color?: string | undefined;
+    itemprop?: string | undefined;
+    itemscope?: (boolean | "true" | "false") | undefined;
+    itemtype?: string | undefined;
+    itemid?: string | undefined;
+    itemref?: string | undefined;
+    results?: (string | number) | undefined;
+    security?: string | undefined;
+    unselectable?: "on" | "off" | undefined;
+    inputmode?: "none" | "text" | "tel" | "url" | "email" | "numeric" | "decimal" | "search" | undefined;
+    is?: string | undefined;
+    exportparts?: string;
+    part?: string;
+    'aria-activedescendant'?: string | undefined;
+    'aria-atomic'?: (boolean | "true" | "false") | undefined;
+    'aria-autocomplete'?: "none" | "inline" | "list" | "both" | undefined;
+    'aria-busy'?: (boolean | "true" | "false") | undefined;
+    'aria-checked'?: (boolean | "true" | "false") | "mixed" | undefined;
+    'aria-colcount'?: (string | number) | undefined;
+    'aria-colindex'?: (string | number) | undefined;
+    'aria-colspan'?: (string | number) | undefined;
+    'aria-controls'?: string | undefined;
+    'aria-current'?: (boolean | "true" | "false") | "page" | "step" | "location" | "date" | "time" | undefined;
+    'aria-describedby'?: string | undefined;
+    'aria-details'?: string | undefined;
+    'aria-disabled'?: (boolean | "true" | "false") | undefined;
+    'aria-dropeffect'?: "none" | "copy" | "execute" | "link" | "move" | "popup" | undefined;
+    'aria-errormessage'?: string | undefined;
+    'aria-expanded'?: (boolean | "true" | "false") | undefined;
+    'aria-flowto'?: string | undefined;
+    'aria-grabbed'?: (boolean | "true" | "false") | undefined;
+    'aria-haspopup'?: (boolean | "true" | "false") | "menu" | "listbox" | "tree" | "grid" | "dialog" | undefined;
+    'aria-hidden'?: (boolean | "true" | "false") | undefined;
+    'aria-invalid'?: (boolean | "true" | "false") | "grammar" | "spelling" | undefined;
+    'aria-keyshortcuts'?: string | undefined;
+    'aria-label'?: string | undefined;
+    'aria-labelledby'?: string | undefined;
+    'aria-level'?: (string | number) | undefined;
+    'aria-live'?: "off" | "assertive" | "polite" | undefined;
+    'aria-modal'?: (boolean | "true" | "false") | undefined;
+    'aria-multiline'?: (boolean | "true" | "false") | undefined;
+    'aria-multiselectable'?: (boolean | "true" | "false") | undefined;
+    'aria-orientation'?: "horizontal" | "vertical" | undefined;
+    'aria-owns'?: string | undefined;
+    'aria-placeholder'?: string | undefined;
+    'aria-posinset'?: (string | number) | undefined;
+    'aria-pressed'?: (boolean | "true" | "false") | "mixed" | undefined;
+    'aria-readonly'?: (boolean | "true" | "false") | undefined;
+    'aria-relevant'?: "additions" | "additions removals" | "additions text" | "all" | "removals" | "removals additions" | "removals text" | "text" | "text additions" | "text removals" | undefined;
+    'aria-required'?: (boolean | "true" | "false") | undefined;
+    'aria-roledescription'?: string | undefined;
+    'aria-rowcount'?: (string | number) | undefined;
+    'aria-rowindex'?: (string | number) | undefined;
+    'aria-rowspan'?: (string | number) | undefined;
+    'aria-selected'?: (boolean | "true" | "false") | undefined;
+    'aria-setsize'?: (string | number) | undefined;
+    'aria-sort'?: "none" | "ascending" | "descending" | "other" | undefined;
+    'aria-valuemax'?: (string | number) | undefined;
+    'aria-valuemin'?: (string | number) | undefined;
+    'aria-valuenow'?: (string | number) | undefined;
+    'aria-valuetext'?: string | undefined;
+    onCopy?: ((payload: ClipboardEvent) => void) | undefined;
+    onCut?: ((payload: ClipboardEvent) => void) | undefined;
+    onPaste?: ((payload: ClipboardEvent) => void) | undefined;
+    onCompositionend?: ((payload: CompositionEvent) => void) | undefined;
+    onCompositionstart?: ((payload: CompositionEvent) => void) | undefined;
+    onCompositionupdate?: ((payload: CompositionEvent) => void) | undefined;
+    onDrag?: ((payload: DragEvent) => void) | undefined;
+    onDragend?: ((payload: DragEvent) => void) | undefined;
+    onDragenter?: ((payload: DragEvent) => void) | undefined;
+    onDragexit?: ((payload: DragEvent) => void) | undefined;
+    onDragleave?: ((payload: DragEvent) => void) | undefined;
+    onDragover?: ((payload: DragEvent) => void) | undefined;
+    onDragstart?: ((payload: DragEvent) => void) | undefined;
+    onDrop?: ((payload: DragEvent) => void) | undefined;
+    onFocus?: ((payload: FocusEvent) => void) | undefined;
+    onFocusin?: ((payload: FocusEvent) => void) | undefined;
+    onFocusout?: ((payload: FocusEvent) => void) | undefined;
+    onBlur?: ((payload: FocusEvent) => void) | undefined;
+    onChange?: ((payload: Event) => void) | undefined;
+    onBeforeinput?: ((payload: InputEvent) => void) | undefined;
+    onFormdata?: ((payload: FormDataEvent) => void) | undefined;
+    onInput?: ((payload: InputEvent) => void) | undefined;
+    onReset?: ((payload: Event) => void) | undefined;
+    onSubmit?: ((payload: SubmitEvent) => void) | undefined;
+    onInvalid?: ((payload: Event) => void) | undefined;
+    onFullscreenchange?: ((payload: Event) => void) | undefined;
+    onFullscreenerror?: ((payload: Event) => void) | undefined;
+    onLoad?: ((payload: Event) => void) | undefined;
+    onError?: ((payload: Event) => void) | undefined;
+    onKeydown?: ((payload: KeyboardEvent) => void) | undefined;
+    onKeypress?: ((payload: KeyboardEvent) => void) | undefined;
+    onKeyup?: ((payload: KeyboardEvent) => void) | undefined;
+    onDblclick?: ((payload: MouseEvent) => void) | undefined;
+    onMousedown?: ((payload: MouseEvent) => void) | undefined;
+    onMouseenter?: ((payload: MouseEvent) => void) | undefined;
+    onMouseleave?: ((payload: MouseEvent) => void) | undefined;
+    onMousemove?: ((payload: MouseEvent) => void) | undefined;
+    onMouseout?: ((payload: MouseEvent) => void) | undefined;
+    onMouseover?: ((payload: MouseEvent) => void) | undefined;
+    onMouseup?: ((payload: MouseEvent) => void) | undefined;
+    onAbort?: ((payload: UIEvent) => void) | undefined;
+    onCanplay?: ((payload: Event) => void) | undefined;
+    onCanplaythrough?: ((payload: Event) => void) | undefined;
+    onDurationchange?: ((payload: Event) => void) | undefined;
+    onEmptied?: ((payload: Event) => void) | undefined;
+    onEncrypted?: ((payload: MediaEncryptedEvent) => void) | undefined;
+    onEnded?: ((payload: Event) => void) | undefined;
+    onLoadeddata?: ((payload: Event) => void) | undefined;
+    onLoadedmetadata?: ((payload: Event) => void) | undefined;
+    onLoadstart?: ((payload: Event) => void) | undefined;
+    onPause?: ((payload: Event) => void) | undefined;
+    onPlay?: ((payload: Event) => void) | undefined;
+    onPlaying?: ((payload: Event) => void) | undefined;
+    onProgress?: ((payload: ProgressEvent<EventTarget>) => void) | undefined;
+    onRatechange?: ((payload: Event) => void) | undefined;
+    onSeeked?: ((payload: Event) => void) | undefined;
+    onSeeking?: ((payload: Event) => void) | undefined;
+    onStalled?: ((payload: Event) => void) | undefined;
+    onSuspend?: ((payload: Event) => void) | undefined;
+    onTimeupdate?: ((payload: Event) => void) | undefined;
+    onVolumechange?: ((payload: Event) => void) | undefined;
+    onWaiting?: ((payload: Event) => void) | undefined;
+    onSelect?: ((payload: Event) => void) | undefined;
+    onScroll?: ((payload: Event) => void) | undefined;
+    onScrollend?: ((payload: Event) => void) | undefined;
+    onTouchcancel?: ((payload: TouchEvent) => void) | undefined;
+    onTouchend?: ((payload: TouchEvent) => void) | undefined;
+    onTouchmove?: ((payload: TouchEvent) => void) | undefined;
+    onTouchstart?: ((payload: TouchEvent) => void) | undefined;
+    onAuxclick?: ((payload: PointerEvent) => void) | undefined;
+    onClick?: ((payload: PointerEvent) => void) | undefined;
+    onContextmenu?: ((payload: PointerEvent) => void) | undefined;
+    onGotpointercapture?: ((payload: PointerEvent) => void) | undefined;
+    onLostpointercapture?: ((payload: PointerEvent) => void) | undefined;
+    onPointerdown?: ((payload: PointerEvent) => void) | undefined;
+    onPointermove?: ((payload: PointerEvent) => void) | undefined;
+    onPointerup?: ((payload: PointerEvent) => void) | undefined;
+    onPointercancel?: ((payload: PointerEvent) => void) | undefined;
+    onPointerenter?: ((payload: PointerEvent) => void) | undefined;
+    onPointerleave?: ((payload: PointerEvent) => void) | undefined;
+    onPointerover?: ((payload: PointerEvent) => void) | undefined;
+    onPointerout?: ((payload: PointerEvent) => void) | undefined;
+    onBeforetoggle?: ((payload: ToggleEvent) => void) | undefined;
+    onToggle?: ((payload: ToggleEvent) => void) | undefined;
+    onWheel?: ((payload: WheelEvent) => void) | undefined;
+    onAnimationcancel?: ((payload: AnimationEvent) => void) | undefined;
+    onAnimationstart?: ((payload: AnimationEvent) => void) | undefined;
+    onAnimationend?: ((payload: AnimationEvent) => void) | undefined;
+    onAnimationiteration?: ((payload: AnimationEvent) => void) | undefined;
+    onSecuritypolicyviolation?: ((payload: SecurityPolicyViolationEvent) => void) | undefined;
+    onTransitioncancel?: ((payload: TransitionEvent) => void) | undefined;
+    onTransitionend?: ((payload: TransitionEvent) => void) | undefined;
+    onTransitionrun?: ((payload: TransitionEvent) => void) | undefined;
+    onTransitionstart?: ((payload: TransitionEvent) => void) | undefined;
+};
+type __VLS_Slots = {} & {
+    icon?: (props: typeof __VLS_25) => any;
+};
+declare const __VLS_base: import("vue").DefineComponent<RuntimeProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<RuntimeProps> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;
+declare const _default: typeof __VLS_export;
+export default _default;
+type __VLS_WithSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};

package/lib/RichTextEditorControl/controls.d.ts

@@ -246,3 +246,91 @@ export declare const TaskListLiftControl: import("@mantine-vue/core").MantineCom
     stylesNames: import("./RichTextEditorControl.types").RichTextEditorControlStylesNames;
     compound: true;
 }>;
+export declare const TableDeleteControl: import("@mantine-vue/core").MantineComponent<{
+    props: import("./RichTextEditorControl.types").RichTextEditorControlBaseProps;
+    slots: import("./RichTextEditorControl.types").RichTextEditorControlBaseSlots;
+    ref: HTMLButtonElement;
+    element: "button";
+    stylesNames: import("./RichTextEditorControl.types").RichTextEditorControlStylesNames;
+    compound: true;
+}>;
+export declare const TableColumnBeforeControl: import("@mantine-vue/core").MantineComponent<{
+    props: import("./RichTextEditorControl.types").RichTextEditorControlBaseProps;
+    slots: import("./RichTextEditorControl.types").RichTextEditorControlBaseSlots;
+    ref: HTMLButtonElement;
+    element: "button";
+    stylesNames: import("./RichTextEditorControl.types").RichTextEditorControlStylesNames;
+    compound: true;
+}>;
+export declare const TableColumnAfterControl: import("@mantine-vue/core").MantineComponent<{
+    props: import("./RichTextEditorControl.types").RichTextEditorControlBaseProps;
+    slots: import("./RichTextEditorControl.types").RichTextEditorControlBaseSlots;
+    ref: HTMLButtonElement;
+    element: "button";
+    stylesNames: import("./RichTextEditorControl.types").RichTextEditorControlStylesNames;
+    compound: true;
+}>;
+export declare const TableColumnDeleteControl: import("@mantine-vue/core").MantineComponent<{
+    props: import("./RichTextEditorControl.types").RichTextEditorControlBaseProps;
+    slots: import("./RichTextEditorControl.types").RichTextEditorControlBaseSlots;
+    ref: HTMLButtonElement;
+    element: "button";
+    stylesNames: import("./RichTextEditorControl.types").RichTextEditorControlStylesNames;
+    compound: true;
+}>;
+export declare const TableRowBeforeControl: import("@mantine-vue/core").MantineComponent<{
+    props: import("./RichTextEditorControl.types").RichTextEditorControlBaseProps;
+    slots: import("./RichTextEditorControl.types").RichTextEditorControlBaseSlots;
+    ref: HTMLButtonElement;
+    element: "button";
+    stylesNames: import("./RichTextEditorControl.types").RichTextEditorControlStylesNames;
+    compound: true;
+}>;
+export declare const TableRowAfterControl: import("@mantine-vue/core").MantineComponent<{
+    props: import("./RichTextEditorControl.types").RichTextEditorControlBaseProps;
+    slots: import("./RichTextEditorControl.types").RichTextEditorControlBaseSlots;
+    ref: HTMLButtonElement;
+    element: "button";
+    stylesNames: import("./RichTextEditorControl.types").RichTextEditorControlStylesNames;
+    compound: true;
+}>;
+export declare const TableRowDeleteControl: import("@mantine-vue/core").MantineComponent<{
+    props: import("./RichTextEditorControl.types").RichTextEditorControlBaseProps;
+    slots: import("./RichTextEditorControl.types").RichTextEditorControlBaseSlots;
+    ref: HTMLButtonElement;
+    element: "button";
+    stylesNames: import("./RichTextEditorControl.types").RichTextEditorControlStylesNames;
+    compound: true;
+}>;
+export declare const TableToggleHeaderRowControl: import("@mantine-vue/core").MantineComponent<{
+    props: import("./RichTextEditorControl.types").RichTextEditorControlBaseProps;
+    slots: import("./RichTextEditorControl.types").RichTextEditorControlBaseSlots;
+    ref: HTMLButtonElement;
+    element: "button";
+    stylesNames: import("./RichTextEditorControl.types").RichTextEditorControlStylesNames;
+    compound: true;
+}>;
+export declare const TableToggleHeaderColumnControl: import("@mantine-vue/core").MantineComponent<{
+    props: import("./RichTextEditorControl.types").RichTextEditorControlBaseProps;
+    slots: import("./RichTextEditorControl.types").RichTextEditorControlBaseSlots;
+    ref: HTMLButtonElement;
+    element: "button";
+    stylesNames: import("./RichTextEditorControl.types").RichTextEditorControlStylesNames;
+    compound: true;
+}>;
+export declare const TableMergeCellsControl: import("@mantine-vue/core").MantineComponent<{
+    props: import("./RichTextEditorControl.types").RichTextEditorControlBaseProps;
+    slots: import("./RichTextEditorControl.types").RichTextEditorControlBaseSlots;
+    ref: HTMLButtonElement;
+    element: "button";
+    stylesNames: import("./RichTextEditorControl.types").RichTextEditorControlStylesNames;
+    compound: true;
+}>;
+export declare const TableSplitCellControl: import("@mantine-vue/core").MantineComponent<{
+    props: import("./RichTextEditorControl.types").RichTextEditorControlBaseProps;
+    slots: import("./RichTextEditorControl.types").RichTextEditorControlBaseSlots;
+    ref: HTMLButtonElement;
+    element: "button";
+    stylesNames: import("./RichTextEditorControl.types").RichTextEditorControlStylesNames;
+    compound: true;
+}>;

package/lib/RichTextEditorControl/index.d.ts

@@ -3,4 +3,7 @@ export * from './RichTextEditorColorControl';
 export * from './RichTextEditorColorPickerControl';
 export * from './RichTextEditorLinkControl';
 export * from './RichTextEditorSourceCodeControl';
+export * from './RichTextEditorTableInsertControl';
+export * from './RichTextEditorDetailsControl';
+export * from './RichTextEditorInvisibleCharactersControl';
 export * from './controls';

package/lib/icons/Icons.d.ts

@@ -40,3 +40,17 @@ export declare const IconListCheck: Component<IconProps>;
 export declare const IconIndentIncrease: Component<IconProps>;
 export declare const IconIndentDecrease: Component<IconProps>;
 export declare const IconBraces: Component<IconProps>;
+export declare const IconTablePlus: Component<IconProps>;
+export declare const IconTableOff: Component<IconProps>;
+export declare const IconColumnInsertLeft: Component<IconProps>;
+export declare const IconColumnInsertRight: Component<IconProps>;
+export declare const IconColumnRemove: Component<IconProps>;
+export declare const IconRowInsertTop: Component<IconProps>;
+export declare const IconRowInsertBottom: Component<IconProps>;
+export declare const IconRowRemove: Component<IconProps>;
+export declare const IconTableHeaderRow: Component<IconProps>;
+export declare const IconTableHeaderColumn: Component<IconProps>;
+export declare const IconTableMergeCells: Component<IconProps>;
+export declare const IconTableSplitCell: Component<IconProps>;
+export declare const IconDetails: Component<IconProps>;
+export declare const IconPilcrow: Component<IconProps>;

package/lib/index.d.mts

@@ -2,7 +2,7 @@ export { RichTextEditor } from './RichTextEditor';
 export { useRichTextEditorContext } from './RichTextEditor.context';
 export type { RichTextEditorContextValue } from './RichTextEditor.context';
 export type { RichTextEditorFactory, RichTextEditorProps, RichTextEditorStylesNames, RichTextEditorVariant, RichTextEditorContentProps, RichTextEditorControlProps, RichTextEditorControlsGroupProps, RichTextEditorToolbarProps, } from './RichTextEditor';
-export type { RichTextEditorLabels } from './labels';
+export type { ResolvedRichTextEditorLabels, RichTextEditorLabels } from './labels';
 export { DEFAULT_LABELS } from './labels';
 export * from './RichTextEditorControl';
 export * from './extensions';

package/lib/index.d.ts

@@ -2,7 +2,7 @@ export { RichTextEditor } from './RichTextEditor';
 export { useRichTextEditorContext } from './RichTextEditor.context';
 export type { RichTextEditorContextValue } from './RichTextEditor.context';
 export type { RichTextEditorFactory, RichTextEditorProps, RichTextEditorStylesNames, RichTextEditorVariant, RichTextEditorContentProps, RichTextEditorControlProps, RichTextEditorControlsGroupProps, RichTextEditorToolbarProps, } from './RichTextEditor';
-export type { RichTextEditorLabels } from './labels';
+export type { ResolvedRichTextEditorLabels, RichTextEditorLabels } from './labels';
 export { DEFAULT_LABELS } from './labels';
 export * from './RichTextEditorControl';
 export * from './extensions';

package/lib/labels.d.ts

@@ -45,5 +45,21 @@ export interface RichTextEditorLabels {
     tasksControlLabel: string;
     tasksSinkLabel: string;
     tasksLiftLabel: string;
+    tableInsertControlLabel?: string;
+    tableInsertLabel?: (columns: number, rows: number) => string;
+    tableDeleteControlLabel?: string;
+    tableColumnBeforeControlLabel?: string;
+    tableColumnAfterControlLabel?: string;
+    tableColumnDeleteControlLabel?: string;
+    tableRowBeforeControlLabel?: string;
+    tableRowAfterControlLabel?: string;
+    tableRowDeleteControlLabel?: string;
+    tableToggleHeaderRowControlLabel?: string;
+    tableToggleHeaderColumnControlLabel?: string;
+    tableMergeCellsControlLabel?: string;
+    tableSplitCellControlLabel?: string;
+    detailsControlLabel?: string;
+    invisibleCharactersControlLabel?: string;
 }
-export declare const DEFAULT_LABELS: RichTextEditorLabels;
+export type ResolvedRichTextEditorLabels = Required<RichTextEditorLabels>;
+export declare const DEFAULT_LABELS: ResolvedRichTextEditorLabels;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@mantine-vue/tiptap",
-  "version": "3.1.0",
+  "version": "3.3.0",
   "description": "Vue rich text editor based on tiptap, equivalent to @mantine/tiptap",
   "license": "MIT",
   "files": [
@@ -45,8 +45,8 @@
   },
   "peerDependencies": {
     "@floating-ui/dom": "^1.0.0",
-    "@mantine-vue/core": "3.1.0",
-    "@mantine-vue/hooks": "3.1.0",
+    "@mantine-vue/core": "3.3.0",
+    "@mantine-vue/hooks": "3.3.0",
     "@tiptap/core": ">=3.3.0",
     "@tiptap/extension-link": ">=3.3.0",
     "@tiptap/pm": ">=3.3.0",