tiptap-notion-editor 0.5.0

package/lib/components/node/toc-node/TableOfContentsNode.d.ts

@@ -0,0 +1,13 @@
+import { Node } from '@tiptap/core';
+/**
+ * Node cho mục lục nhúng trong nội dung.
+ *
+ * `@tiptap/extension-table-of-contents` chỉ là Extension: nó tính toán danh
+ * sách heading rồi để vào `editor.storage.tableOfContents`, chứ không đăng ký
+ * node nào. Muốn chèn được mục lục vào document thì phải có node riêng.
+ *
+ * Tên phải khác `tableOfContents` — đó là tên của chính Extension kia, trùng
+ * tên sẽ tranh nhau khi Tiptap dựng schema.
+ */
+export declare const TableOfContentsNode: Node<any, any>;
+export default TableOfContentsNode;

package/lib/components/node/toc-node/TocNodeView.d.ts

@@ -0,0 +1,9 @@
+import { NodeViewProps } from '@tiptap/react';
+/**
+ * Mục lục nhúng thẳng trong nội dung.
+ *
+ * Dữ liệu lấy từ storage của extension TableOfContents — cùng nguồn với thanh
+ * mục lục ở lề, nên hai chỗ không bao giờ lệch nhau.
+ */
+export declare function TocNodeView({ editor }: NodeViewProps): import("react").JSX.Element;
+export default TocNodeView;

package/lib/components/toc-sidebar/TocPopover.d.ts

@@ -0,0 +1,6 @@
+import { default as React } from 'react';
+import { TableOfContentDataItem } from '@tiptap/extension-table-of-contents';
+declare const TocPopover: ({ items }: {
+    items: TableOfContentDataItem[];
+}) => React.JSX.Element;
+export default TocPopover;

package/lib/components/toc-sidebar/TocSidebar.d.ts

@@ -0,0 +1,9 @@
+import { default as React } from 'react';
+import { Editor } from '@tiptap/react';
+interface PropsType {
+    editor: Editor | null;
+    variant?: "content" | "line";
+    scrollOver?: boolean;
+}
+export declare const TocSidebar: ({ editor, variant, scrollOver, }: PropsType) => React.JSX.Element | null;
+export {};

package/lib/components/toc-sidebar/TocSidebarContent.d.ts

@@ -0,0 +1,6 @@
+import { TableOfContentDataItem } from '@tiptap/extension-table-of-contents';
+declare const TocSidebarContent: ({ items, scrollOver, }: {
+    items: TableOfContentDataItem[];
+    scrollOver: boolean;
+}) => import("react").JSX.Element;
+export default TocSidebarContent;

package/lib/components/toc-sidebar/TocUIList.d.ts

@@ -0,0 +1,8 @@
+import { default as React } from 'react';
+import { TableOfContentDataItem } from '@tiptap/extension-table-of-contents';
+interface TocUIListProps {
+    items: TableOfContentDataItem[];
+    scrollOver: boolean;
+}
+export declare const TocUIList: React.FC<TocUIListProps>;
+export {};

package/lib/components/ui/button.d.ts

@@ -0,0 +1,10 @@
+import { VariantProps } from 'class-variance-authority';
+import * as React from "react";
+declare const buttonVariants: (props?: ({
+    variant?: "link" | "default" | "outline" | "secondary" | "ghost" | "destructive" | null | undefined;
+    size?: "default" | "xs" | "sm" | "lg" | "icon" | "icon-xs" | "icon-sm" | "icon-lg" | null | undefined;
+} & import('class-variance-authority/types').ClassProp) | undefined) => string;
+declare function Button({ className, variant, size, asChild, ...props }: React.ComponentProps<"button"> & VariantProps<typeof buttonVariants> & {
+    asChild?: boolean;
+}): React.JSX.Element;
+export { Button, buttonVariants };

package/lib/components/ui/command.d.ts

@@ -0,0 +1,18 @@
+import { Command as CommandPrimitive } from 'cmdk';
+import { Dialog } from './dialog';
+import * as React from "react";
+declare function Command({ className, ...props }: React.ComponentProps<typeof CommandPrimitive>): React.JSX.Element;
+declare function CommandDialog({ title, description, children, className, showCloseButton, ...props }: React.ComponentProps<typeof Dialog> & {
+    title?: string;
+    description?: string;
+    className?: string;
+    showCloseButton?: boolean;
+}): React.JSX.Element;
+declare function CommandInput({ className, ...props }: React.ComponentProps<typeof CommandPrimitive.Input>): React.JSX.Element;
+declare function CommandList({ className, ...props }: React.ComponentProps<typeof CommandPrimitive.List>): React.JSX.Element;
+declare function CommandEmpty({ className, ...props }: React.ComponentProps<typeof CommandPrimitive.Empty>): React.JSX.Element;
+declare function CommandGroup({ className, ...props }: React.ComponentProps<typeof CommandPrimitive.Group>): React.JSX.Element;
+declare function CommandSeparator({ className, ...props }: React.ComponentProps<typeof CommandPrimitive.Separator>): React.JSX.Element;
+declare function CommandItem({ className, children, ...props }: React.ComponentProps<typeof CommandPrimitive.Item>): React.JSX.Element;
+declare function CommandShortcut({ className, ...props }: React.ComponentProps<"span">): React.JSX.Element;
+export { Command, CommandDialog, CommandInput, CommandList, CommandEmpty, CommandGroup, CommandItem, CommandShortcut, CommandSeparator, };

package/lib/components/ui/dialog.d.ts

@@ -0,0 +1,17 @@
+import { Dialog as DialogPrimitive } from 'radix-ui';
+import * as React from "react";
+declare function Dialog({ ...props }: React.ComponentProps<typeof DialogPrimitive.Root>): React.JSX.Element;
+declare function DialogTrigger({ ...props }: React.ComponentProps<typeof DialogPrimitive.Trigger>): React.JSX.Element;
+declare function DialogPortal({ ...props }: React.ComponentProps<typeof DialogPrimitive.Portal>): React.JSX.Element;
+declare function DialogClose({ ...props }: React.ComponentProps<typeof DialogPrimitive.Close>): React.JSX.Element;
+declare function DialogOverlay({ className, ...props }: React.ComponentProps<typeof DialogPrimitive.Overlay>): React.JSX.Element;
+declare function DialogContent({ className, children, showCloseButton, ...props }: React.ComponentProps<typeof DialogPrimitive.Content> & {
+    showCloseButton?: boolean;
+}): React.JSX.Element;
+declare function DialogHeader({ className, ...props }: React.ComponentProps<"div">): React.JSX.Element;
+declare function DialogFooter({ className, showCloseButton, children, ...props }: React.ComponentProps<"div"> & {
+    showCloseButton?: boolean;
+}): React.JSX.Element;
+declare function DialogTitle({ className, ...props }: React.ComponentProps<typeof DialogPrimitive.Title>): React.JSX.Element;
+declare function DialogDescription({ className, ...props }: React.ComponentProps<typeof DialogPrimitive.Description>): React.JSX.Element;
+export { Dialog, DialogClose, DialogContent, DialogDescription, DialogFooter, DialogHeader, DialogOverlay, DialogPortal, DialogTitle, DialogTrigger, };

package/lib/components/ui/dropdown-menu.d.ts

@@ -0,0 +1,29 @@
+import { DropdownMenu as DropdownMenuPrimitive } from 'radix-ui';
+import * as React from "react";
+declare function DropdownMenu({ ...props }: React.ComponentProps<typeof DropdownMenuPrimitive.Root>): React.JSX.Element;
+declare function DropdownMenuPortal({ ...props }: React.ComponentProps<typeof DropdownMenuPrimitive.Portal>): React.JSX.Element;
+declare function DropdownMenuTrigger({ ...props }: React.ComponentProps<typeof DropdownMenuPrimitive.Trigger>): React.JSX.Element;
+declare function DropdownMenuContent({ className, align, sideOffset, ...props }: React.ComponentProps<typeof DropdownMenuPrimitive.Content>): React.JSX.Element;
+declare function DropdownMenuGroup({ ...props }: React.ComponentProps<typeof DropdownMenuPrimitive.Group>): React.JSX.Element;
+declare function DropdownMenuItem({ className, inset, variant, ...props }: React.ComponentProps<typeof DropdownMenuPrimitive.Item> & {
+    inset?: boolean;
+    variant?: "default" | "destructive";
+}): React.JSX.Element;
+declare function DropdownMenuCheckboxItem({ className, children, checked, inset, ...props }: React.ComponentProps<typeof DropdownMenuPrimitive.CheckboxItem> & {
+    inset?: boolean;
+}): React.JSX.Element;
+declare function DropdownMenuRadioGroup({ ...props }: React.ComponentProps<typeof DropdownMenuPrimitive.RadioGroup>): React.JSX.Element;
+declare function DropdownMenuRadioItem({ className, children, inset, ...props }: React.ComponentProps<typeof DropdownMenuPrimitive.RadioItem> & {
+    inset?: boolean;
+}): React.JSX.Element;
+declare function DropdownMenuLabel({ className, inset, ...props }: React.ComponentProps<typeof DropdownMenuPrimitive.Label> & {
+    inset?: boolean;
+}): React.JSX.Element;
+declare function DropdownMenuSeparator({ className, ...props }: React.ComponentProps<typeof DropdownMenuPrimitive.Separator>): React.JSX.Element;
+declare function DropdownMenuShortcut({ className, ...props }: React.ComponentProps<"span">): React.JSX.Element;
+declare function DropdownMenuSub({ ...props }: React.ComponentProps<typeof DropdownMenuPrimitive.Sub>): React.JSX.Element;
+declare function DropdownMenuSubTrigger({ className, inset, children, ...props }: React.ComponentProps<typeof DropdownMenuPrimitive.SubTrigger> & {
+    inset?: boolean;
+}): React.JSX.Element;
+declare function DropdownMenuSubContent({ className, ...props }: React.ComponentProps<typeof DropdownMenuPrimitive.SubContent>): React.JSX.Element;
+export { DropdownMenu, DropdownMenuPortal, DropdownMenuTrigger, DropdownMenuContent, DropdownMenuGroup, DropdownMenuLabel, DropdownMenuItem, DropdownMenuCheckboxItem, DropdownMenuRadioGroup, DropdownMenuRadioItem, DropdownMenuSeparator, DropdownMenuShortcut, DropdownMenuSub, DropdownMenuSubTrigger, DropdownMenuSubContent, };

package/lib/components/ui/input-group.d.ts

@@ -0,0 +1,16 @@
+import { VariantProps } from 'class-variance-authority';
+import { Button } from './button';
+import * as React from "react";
+declare function InputGroup({ className, ...props }: React.ComponentProps<"div">): React.JSX.Element;
+declare const inputGroupAddonVariants: (props?: ({
+    align?: "inline-start" | "inline-end" | "block-start" | "block-end" | null | undefined;
+} & import('class-variance-authority/types').ClassProp) | undefined) => string;
+declare function InputGroupAddon({ className, align, ...props }: React.ComponentProps<"div"> & VariantProps<typeof inputGroupAddonVariants>): React.JSX.Element;
+declare const inputGroupButtonVariants: (props?: ({
+    size?: "xs" | "sm" | "icon-xs" | "icon-sm" | null | undefined;
+} & import('class-variance-authority/types').ClassProp) | undefined) => string;
+declare function InputGroupButton({ className, type, variant, size, ...props }: Omit<React.ComponentProps<typeof Button>, "size"> & VariantProps<typeof inputGroupButtonVariants>): React.JSX.Element;
+declare function InputGroupText({ className, ...props }: React.ComponentProps<"span">): React.JSX.Element;
+declare function InputGroupInput({ className, ...props }: React.ComponentProps<"input">): React.JSX.Element;
+declare function InputGroupTextarea({ className, ...props }: React.ComponentProps<"textarea">): React.JSX.Element;
+export { InputGroup, InputGroupAddon, InputGroupButton, InputGroupText, InputGroupInput, InputGroupTextarea, };

package/lib/components/ui/input.d.ts

@@ -0,0 +1,3 @@
+import * as React from "react";
+declare function Input({ className, type, ...props }: React.ComponentProps<"input">): React.JSX.Element;
+export { Input };

package/lib/components/ui/popover.d.ts

@@ -0,0 +1,10 @@
+import { Popover as PopoverPrimitive } from 'radix-ui';
+import * as React from "react";
+declare function Popover({ ...props }: React.ComponentProps<typeof PopoverPrimitive.Root>): React.JSX.Element;
+declare function PopoverTrigger({ ...props }: React.ComponentProps<typeof PopoverPrimitive.Trigger>): React.JSX.Element;
+declare function PopoverContent({ className, align, sideOffset, ...props }: React.ComponentProps<typeof PopoverPrimitive.Content>): React.JSX.Element;
+declare function PopoverAnchor({ ...props }: React.ComponentProps<typeof PopoverPrimitive.Anchor>): React.JSX.Element;
+declare function PopoverHeader({ className, ...props }: React.ComponentProps<"div">): React.JSX.Element;
+declare function PopoverTitle({ className, ...props }: React.ComponentProps<"h2">): React.JSX.Element;
+declare function PopoverDescription({ className, ...props }: React.ComponentProps<"p">): React.JSX.Element;
+export { Popover, PopoverAnchor, PopoverContent, PopoverDescription, PopoverHeader, PopoverTitle, PopoverTrigger, };

package/lib/components/ui/scroll-area.d.ts

@@ -0,0 +1,5 @@
+import { ScrollArea as ScrollAreaPrimitive } from 'radix-ui';
+import * as React from "react";
+declare function ScrollArea({ className, children, ...props }: React.ComponentProps<typeof ScrollAreaPrimitive.Root>): React.JSX.Element;
+declare function ScrollBar({ className, orientation, ...props }: React.ComponentProps<typeof ScrollAreaPrimitive.ScrollAreaScrollbar>): React.JSX.Element;
+export { ScrollArea, ScrollBar };

package/lib/components/ui/separator.d.ts

@@ -0,0 +1,4 @@
+import { Separator as SeparatorPrimitive } from 'radix-ui';
+import * as React from "react";
+declare function Separator({ className, orientation, decorative, ...props }: React.ComponentProps<typeof SeparatorPrimitive.Root>): React.JSX.Element;
+export { Separator };

package/lib/components/ui/textarea.d.ts

@@ -0,0 +1,3 @@
+import * as React from "react";
+declare function Textarea({ className, ...props }: React.ComponentProps<"textarea">): React.JSX.Element;
+export { Textarea };

package/lib/components/ui/tooltip.d.ts

@@ -0,0 +1,7 @@
+import { Tooltip as TooltipPrimitive } from 'radix-ui';
+import * as React from "react";
+declare function TooltipProvider({ delayDuration, ...props }: React.ComponentProps<typeof TooltipPrimitive.Provider>): React.JSX.Element;
+declare function Tooltip({ ...props }: React.ComponentProps<typeof TooltipPrimitive.Root>): React.JSX.Element;
+declare function TooltipTrigger({ ...props }: React.ComponentProps<typeof TooltipPrimitive.Trigger>): React.JSX.Element;
+declare function TooltipContent({ className, sideOffset, children, ...props }: React.ComponentProps<typeof TooltipPrimitive.Content>): React.JSX.Element;
+export { Tooltip, TooltipContent, TooltipProvider, TooltipTrigger };

package/lib/i18n/context.d.ts

@@ -0,0 +1,15 @@
+import { ReactNode } from 'react';
+import { Locale, Messages } from './messages';
+/**
+ * Cung cấp từ điển cho các component bên trong editor.
+ *
+ * Phần extension không đi qua context được — chúng được dựng ngoài cây React —
+ * nên `extensions()` nhận `locale` riêng. Cả hai cùng đọc `getMessages` nên
+ * không có nguy cơ lệch nhau.
+ */
+export declare const I18nProvider: ({ locale, children, }: {
+    locale?: Locale;
+    children: ReactNode;
+}) => import("react").JSX.Element;
+/** Từ điển đang dùng. Ngoài provider thì rơi về tiếng Việt. */
+export declare const useMessages: () => Messages;

package/lib/i18n/index.d.ts

@@ -0,0 +1,2 @@
+export { I18nProvider, useMessages } from './context';
+export { DEFAULT_LOCALE, en, getMessages, vi, type Locale, type Messages, } from './messages';

package/lib/i18n/messages.d.ts

@@ -0,0 +1,202 @@
+/**
+ * Từ điển chuỗi hiển thị của editor.
+ *
+ * Không dùng thư viện i18n nào: package chỉ có ~90 chuỗi tĩnh, không số nhiều,
+ * không nội suy phức tạp. Thêm một runtime i18n vào đây chỉ tổ bắt app chủ phải
+ * hoà giải hai hệ thống dịch.
+ *
+ * `vi` là nguồn chuẩn — kiểu `Messages` suy ra từ nó, nên thiếu một khoá ở `en`
+ * là lỗi biên dịch chứ không phải chuỗi rỗng lúc chạy.
+ */
+export declare const vi: {
+    common: {
+        close: string;
+        delete: string;
+        color: string;
+        recentlyUsed: string;
+        noResults: string;
+        moreOptions: string;
+    };
+    /** Nhãn căn chỉnh dùng chung cho chữ, ảnh và ô bảng. */
+    align: {
+        left: string;
+        center: string;
+        right: string;
+        justify: string;
+        top: string;
+        middle: string;
+        bottom: string;
+    };
+    /** Nhãn định dạng chữ trên bubble menu. */
+    marks: {
+        bold: string;
+        italic: string;
+        underline: string;
+        strike: string;
+        code: string;
+        link: string;
+    };
+    placeholder: {
+        emptyDocument: string;
+        heading: (level: number) => string;
+    };
+    slash: {
+        filterTag: string;
+        filterHint: string;
+        groups: {
+            style: string;
+            insert: string;
+            upload: string;
+        };
+    };
+    blocks: {
+        text: {
+            title: string;
+            description: string;
+        };
+        heading1: {
+            title: string;
+            description: string;
+        };
+        heading2: {
+            title: string;
+            description: string;
+        };
+        heading3: {
+            title: string;
+            description: string;
+        };
+        bulletList: {
+            title: string;
+            description: string;
+        };
+        orderedList: {
+            title: string;
+            description: string;
+        };
+        taskList: {
+            title: string;
+            description: string;
+        };
+        blockquote: {
+            title: string;
+            description: string;
+        };
+        codeBlock: {
+            title: string;
+            description: string;
+        };
+        hardBreak: {
+            title: string;
+            description: string;
+        };
+        clearLine: {
+            title: string;
+            description: string;
+        };
+        separator: {
+            title: string;
+            description: string;
+        };
+        emoji: {
+            title: string;
+            description: string;
+        };
+        mention: {
+            title: string;
+            description: string;
+        };
+        table: {
+            title: string;
+            description: string;
+        };
+        tableOfContents: {
+            title: string;
+            description: string;
+        };
+        image: {
+            title: string;
+            description: string;
+        };
+        attachment: {
+            title: string;
+            description: string;
+        };
+    };
+    bubble: {
+        turnInto: string;
+        linkPlaceholder: string;
+        improve: string;
+        pasteLink: string;
+        textColor: string;
+        backgroundColor: string;
+        increaseIndent: string;
+        decreaseIndent: string;
+    };
+    drag: {
+        handleHint: string;
+        resetFormatting: string;
+        duplicate: string;
+        copyToClipboard: string;
+        copyAnchorLink: string;
+        askAi: string;
+        insertBlock: string;
+    };
+    table: {
+        alignment: string;
+        alignLeft: string;
+        alignCenter: string;
+        alignRight: string;
+        alignJustify: string;
+        alignTop: string;
+        alignMiddle: string;
+        alignBottom: string;
+        mergeCells: string;
+        splitCell: string;
+        insertRowBefore: string;
+        insertRowAfter: string;
+        insertColumnBefore: string;
+        insertColumnAfter: string;
+        deleteRow: string;
+        deleteColumn: string;
+        duplicateRow: string;
+        duplicateColumn: string;
+        clearRowContents: string;
+        clearColumnContents: string;
+        moveRowUp: string;
+        moveRowDown: string;
+        moveColumnLeft: string;
+        moveColumnRight: string;
+        deleteTable: string;
+    };
+    image: {
+        clickToUpload: string;
+        delete: string;
+        orDragAndDrop: string;
+        limitHint: (limit: number, maxSizeMb: number) => string;
+        clearAll: string;
+        caption: string;
+        download: string;
+        replace: string;
+    };
+    emojiPicker: {
+        empty: string;
+        loading: string;
+    };
+    attachment: {
+        clickToUpload: string;
+        uploading: string;
+        download: string;
+    };
+    toc: {
+        title: string;
+        empty: string;
+    };
+};
+/** Hình dạng từ điển, suy ra từ bản tiếng Việt. */
+export type Messages = typeof vi;
+export declare const en: Messages;
+export type Locale = "vi" | "en";
+/** Tiếng Việt là mặc định. */
+export declare const DEFAULT_LOCALE: Locale;
+export declare const getMessages: (locale?: Locale) => Messages;