@examplary/ui 1.56.0 → 1.58.0

package/dist/components/rich-text/rich-text-display.js

@@ -1,47 +1,29 @@
 "use client";
-var __assign = (this && this.__assign) || function () {
-    __assign = Object.assign || function(t) {
-        for (var s, i = 1, n = arguments.length; i < n; i++) {
-            s = arguments[i];
-            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
-                t[p] = s[p];
-        }
-        return t;
-    };
-    return __assign.apply(this, arguments);
-};
-var __rest = (this && this.__rest) || function (s, e) {
-    var t = {};
-    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
-        t[p] = s[p];
-    if (s != null && typeof Object.getOwnPropertySymbols === "function")
-        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
-            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
-                t[p[i]] = s[p[i]];
-        }
-    return t;
-};
 import { createElement, useMemo, useRef } from "react";
 import { convertLatexToMathMl } from "mathlive";
 import { cn } from "../../utils";
-export var convertHtmlToRichText = function (html) {
-    var _a;
+export const convertHtmlToRichText = (html) => {
     // Replace <inline-math> with MathML generated from the LaTeX content
-    return (((_a = html === null || html === void 0 ? void 0 : html.replace) === null || _a === void 0 ? void 0 : _a.call(html, /<inline-math>([\s\S]*?)<\/inline-math>/g, function (match, content) {
+    return (html?.replace?.(/<inline-math>([\s\S]*?)<\/inline-math>/g, (match, content) => {
         try {
-            return "<math>".concat(convertLatexToMathMl(content), "</math>");
+            return `<math>${convertLatexToMathMl(content)}</math>`;
         }
-        catch (_a) {
+        catch {
             // If conversion fails, keep the original inline-math markup so that
             // rendering can continue and content remains readable.
             return match;
         }
-    })) || html);
+    }) || html);
 };
-export var RichTextDisplay = function (_a) {
-    var _b = _a.as, as = _b === void 0 ? "div" : _b, children = _a.children, _c = _a.className, className = _c === void 0 ? "" : _c, props = __rest(_a, ["as", "children", "className"]);
-    var ref = useRef(null);
-    var html = useMemo(function () { return convertHtmlToRichText(children); }, [children]);
+export const RichTextDisplay = ({ as = "div", children, className = "", ...props }) => {
+    const ref = useRef(null);
+    const html = useMemo(() => convertHtmlToRichText(children), [children]);
     // eslint-disable-next-line react-hooks/refs
-    return createElement(as, __assign(__assign({}, props), { key: "rich-text-display", className: cn("tiptap", className), dangerouslySetInnerHTML: { __html: html }, ref: ref }));
+    return createElement(as, {
+        ...props,
+        key: "rich-text-display",
+        className: cn("tiptap", className),
+        dangerouslySetInnerHTML: { __html: html },
+        ref,
+    });
 };

package/dist/components/rich-text/rich-text-field.js

@@ -1,30 +1,7 @@
 "use client";
-var __assign = (this && this.__assign) || function () {
-    __assign = Object.assign || function(t) {
-        for (var s, i = 1, n = arguments.length; i < n; i++) {
-            s = arguments[i];
-            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
-                t[p] = s[p];
-        }
-        return t;
-    };
-    return __assign.apply(this, arguments);
-};
-var __rest = (this && this.__rest) || function (s, e) {
-    var t = {};
-    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
-        t[p] = s[p];
-    if (s != null && typeof Object.getOwnPropertySymbols === "function")
-        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
-            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
-                t[p[i]] = s[p[i]];
-        }
-    return t;
-};
 import { jsx as _jsx } from "react/jsx-runtime";
 import { MinimalRichTextField, } from "./minimal-rich-text-field";
 import { cn } from "../../utils";
-export var RichTextField = function (_a) {
-    var singleLine = _a.singleLine, className = _a.className, props = __rest(_a, ["singleLine", "className"]);
-    return (_jsx(MinimalRichTextField, __assign({ singleLine: singleLine, className: cn("box p-3 text-sm", !singleLine && "min-h-16", className) }, props)));
+export const RichTextField = ({ singleLine, className, ...props }) => {
+    return (_jsx(MinimalRichTextField, { singleLine: singleLine, className: cn("box p-3 text-sm", !singleLine && "min-h-16", className), ...props }));
 };

package/dist/components/rich-text/rich-text-toolbar.d.ts

@@ -1,3 +1,4 @@
+import { Editor } from "@tiptap/core";
 export declare const RichTextToolbar: ({ editor }: {
-    editor: any;
-}) => import("react/jsx-runtime").JSX.Element;
+    editor: Editor;
+}) => import("react/jsx-runtime").JSX.Element | null;

package/dist/components/rich-text/rich-text-toolbar.js

@@ -3,15 +3,14 @@ import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { useCallback } from "react";
 import { BoldIcon, ItalicIcon, LinkIcon, ListIcon, TextQuoteIcon, } from "lucide-react";
 import { cn } from "../../utils";
-export var RichTextToolbar = function (_a) {
-    var editor = _a.editor;
-    var setLink = useCallback(function () {
+export const RichTextToolbar = ({ editor }) => {
+    const setLink = useCallback(() => {
         if (editor.isActive("link")) {
             editor.chain().focus().extendMarkRange("link").unsetLink().run();
             return;
         }
-        var previousUrl = editor.getAttributes("link").href;
-        var url = window.prompt("Where do you want to link to? Enter a link that starts with 'https://'.", previousUrl);
+        const previousUrl = editor.getAttributes("link").href;
+        let url = window.prompt("Where do you want to link to? Enter a link that starts with 'https://'.", previousUrl);
         // cancelled
         if (url === null) {
             return;
@@ -30,5 +29,5 @@ export var RichTextToolbar = function (_a) {
     if (!editor) {
         return null;
     }
-    return (_jsxs("div", { className: "border border-border border-b-0 rounded-t-base p-1 gap-1 flex items-center", children: [_jsx("span", { onClick: function () { return editor.chain().focus().toggleBold().run(); }, className: cn("p-2 cursor-pointer", editor.isActive("bold") ? "bg-bright rounded-base" : ""), children: _jsx(BoldIcon, { size: 16 }) }), _jsx("span", { onClick: function () { return editor.chain().focus().toggleItalic().run(); }, className: cn("p-2 cursor-pointer", editor.isActive("italic") ? "bg-bright rounded-base" : ""), children: _jsx(ItalicIcon, { size: 16 }) }), _jsx("span", { onClick: setLink, className: cn("p-2 cursor-pointer", editor.isActive("link") ? "bg-bright rounded-base" : ""), children: _jsx(LinkIcon, { size: 16 }) }), _jsx("span", { onClick: function () { return editor.chain().focus().toggleBulletList().run(); }, className: cn("p-2 cursor-pointer", editor.isActive("bulletList") ? "bg-bright rounded-base" : ""), children: _jsx(ListIcon, { size: 16 }) }), _jsx("span", { onClick: function () { return editor.chain().focus().toggleOrderedList().run(); }, className: cn("p-2 cursor-pointer", editor.isActive("orderedList") ? "bg-bright rounded-base" : ""), children: _jsx(ListIcon, { size: 16 }) }), _jsx("span", { onClick: function () { return editor.chain().focus().toggleBlockquote().run(); }, className: cn("p-2 cursor-pointer", editor.isActive("blockquote") ? "bg-bright rounded-base" : ""), children: _jsx(TextQuoteIcon, { size: 16 }) })] }));
+    return (_jsxs("div", { className: "border border-border border-b-0 rounded-t-base p-1 gap-1 flex items-center", children: [_jsx("span", { onClick: () => editor.chain().focus().toggleBold().run(), className: cn("p-2 cursor-pointer", editor.isActive("bold") ? "bg-bright rounded-base" : ""), children: _jsx(BoldIcon, { size: 16 }) }), _jsx("span", { onClick: () => editor.chain().focus().toggleItalic().run(), className: cn("p-2 cursor-pointer", editor.isActive("italic") ? "bg-bright rounded-base" : ""), children: _jsx(ItalicIcon, { size: 16 }) }), _jsx("span", { onClick: setLink, className: cn("p-2 cursor-pointer", editor.isActive("link") ? "bg-bright rounded-base" : ""), children: _jsx(LinkIcon, { size: 16 }) }), _jsx("span", { onClick: () => editor.chain().focus().toggleBulletList().run(), className: cn("p-2 cursor-pointer", editor.isActive("bulletList") ? "bg-bright rounded-base" : ""), children: _jsx(ListIcon, { size: 16 }) }), _jsx("span", { onClick: () => editor.chain().focus().toggleOrderedList().run(), className: cn("p-2 cursor-pointer", editor.isActive("orderedList") ? "bg-bright rounded-base" : ""), children: _jsx(ListIcon, { size: 16 }) }), _jsx("span", { onClick: () => editor.chain().focus().toggleBlockquote().run(), className: cn("p-2 cursor-pointer", editor.isActive("blockquote") ? "bg-bright rounded-base" : ""), children: _jsx(TextQuoteIcon, { size: 16 }) })] }));
 };

package/dist/components/rich-text/tiptap/collaboration-caret.js

@@ -1,31 +1,22 @@
-var __assign = (this && this.__assign) || function () {
-    __assign = Object.assign || function(t) {
-        for (var s, i = 1, n = arguments.length; i < n; i++) {
-            s = arguments[i];
-            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
-                t[p] = s[p];
-        }
-        return t;
-    };
-    return __assign.apply(this, arguments);
-};
 import { Extension } from "@tiptap/core";
 import { defaultSelectionBuilder, yCursorPlugin } from "@tiptap/y-tiptap";
-var awarenessStatesToArray = function (states) {
-    return Array.from(states.entries()).map(function (_a) {
-        var key = _a[0], value = _a[1];
-        return __assign({ clientId: key }, value.user);
+const awarenessStatesToArray = (states) => {
+    return Array.from(states.entries()).map(([key, value]) => {
+        return {
+            clientId: key,
+            ...value.user,
+        };
     });
 };
-var getSafeColor = function (color) {
+const getSafeColor = (color) => {
     return typeof color === "string" ? color : "";
 };
-var renderCursor = function (user) {
-    var cursor = document.createElement("span");
-    var color = getSafeColor(user.color);
+const renderCursor = (user) => {
+    const cursor = document.createElement("span");
+    const color = getSafeColor(user.color);
     cursor.classList.add("collaboration-carets__caret");
     cursor.style.borderColor = color;
-    var label = document.createElement("div");
+    const label = document.createElement("div");
     label.classList.add("collaboration-carets__label");
     label.style.backgroundColor = color;
     label.insertBefore(document.createTextNode(user.name), null);
@@ -36,42 +27,41 @@ var renderCursor = function (user) {
  * This extension allows you to add collaboration carets to your editor.
  * @see https://tiptap.dev/api/extensions/collaboration-caret
  */
-export var CollaborationCaret = Extension.create({
+export const CollaborationCaret = Extension.create({
     name: "collaborationCaret",
     priority: 999,
-    addOptions: function () {
+    addOptions() {
         return {
             awareness: null,
         };
     },
-    onCreate: function () {
+    onCreate() {
         if (!this.options.awareness) {
             throw new Error('The "awareness" option is required for the CollaborationCaret extension');
         }
     },
-    addStorage: function () {
+    addStorage() {
         return {
             users: [],
             updateHandler: null,
         };
     },
-    onDestroy: function () {
+    onDestroy() {
         if (this.options.awareness && this.storage.updateHandler) {
             this.options.awareness.off("update", this.storage.updateHandler);
             this.storage.updateHandler = null;
         }
     },
-    addProseMirrorPlugins: function () {
-        var _this = this;
+    addProseMirrorPlugins() {
         return [
-            yCursorPlugin((function () {
-                _this.storage.users = awarenessStatesToArray(_this.options.awareness.states);
-                var updateHandler = function () {
-                    _this.storage.users = awarenessStatesToArray(_this.options.awareness.states);
+            yCursorPlugin((() => {
+                this.storage.users = awarenessStatesToArray(this.options.awareness.states);
+                const updateHandler = () => {
+                    this.storage.users = awarenessStatesToArray(this.options.awareness.states);
                 };
-                _this.storage.updateHandler = updateHandler;
-                _this.options.awareness.on("update", updateHandler);
-                return _this.options.awareness;
+                this.storage.updateHandler = updateHandler;
+                this.options.awareness.on("update", updateHandler);
+                return this.options.awareness;
             })(), {
                 cursorBuilder: renderCursor,
                 selectionBuilder: defaultSelectionBuilder,

package/dist/components/rich-text/tiptap/comments/comment-bubble.d.ts

@@ -1,5 +1,5 @@
 import { Editor } from "@tiptap/core";
-import { CommentAttrs } from "./types";
+import { CommentAttrs } from "tiptap-inline-comments";
 type CommentBubbleProps = {
     editor: Editor;
     commentAuthor?: CommentAttrs["createdBy"];

package/dist/components/rich-text/tiptap/comments/comment-bubble.js

@@ -3,22 +3,21 @@ import { useCallback, useState } from "react";
 import { Trans } from "react-i18next";
 import { useEditorState } from "@tiptap/react";
 import { BubbleMenu } from "@tiptap/react/menus";
-import { findReplies } from "./helpers";
+import { findReplies, } from "tiptap-inline-comments";
 import { Button } from "../../../ui/button";
 import { CommentItem } from "../../../ui/comments";
 import { FloatingMenu } from "../../../ui/floating-menu";
-var CommentForm = function (_a) {
-    var editor = _a.editor, comment = _a.comment, commentAuthor = _a.commentAuthor, replies = _a.replies;
-    var _b = useState(new Set()), editingIds = _b[0], setEditingIds = _b[1];
-    var isEditingAny = editingIds.size > 0;
-    var onEditingChange = useCallback(function (id, editing) {
+const CommentForm = ({ editor, comment, commentAuthor, replies, }) => {
+    const [editingIds, setEditingIds] = useState(new Set());
+    const isEditingAny = editingIds.size > 0;
+    const onEditingChange = useCallback((id, editing) => {
         if (!id)
             return;
-        setEditingIds(function (prev) {
-            var has = prev.has(id);
+        setEditingIds((prev) => {
+            const has = prev.has(id);
             if (editing === has)
                 return prev;
-            var next = new Set(prev);
+            const next = new Set(prev);
             if (editing)
                 next.add(id);
             else
@@ -26,8 +25,8 @@ var CommentForm = function (_a) {
             return next;
         });
     }, []);
-    var saveComment = function (value) {
-        var trimmed = value.trim();
+    const saveComment = (value) => {
+        const trimmed = value.trim();
         if (!trimmed) {
             editor.chain().focus().removeComment({ id: comment.id }).run();
             return;
@@ -38,23 +37,23 @@ var CommentForm = function (_a) {
             .updateComment({ id: comment.id, value: trimmed })
             .run();
     };
-    var removeComment = function () {
+    const removeComment = () => {
         editor.chain().focus().removeComment({ id: comment.id }).run();
     };
-    var saveReply = function (id) { return function (value) {
-        var trimmed = value.trim();
+    const saveReply = (id) => (value) => {
+        const trimmed = value.trim();
         if (!trimmed) {
-            editor.chain().focus().removeCommentReply({ id: id }).run();
+            editor.chain().focus().removeCommentReply({ id }).run();
             return;
         }
-        editor.chain().focus().updateCommentReply({ id: id, value: trimmed }).run();
-    }; };
-    var removeReply = function (id) { return function () {
-        editor.chain().focus().removeCommentReply({ id: id }).run();
-    }; };
-    var _c = useState(false), draftOpen = _c[0], setDraftOpen = _c[1];
-    var submitDraft = function (value) {
-        var trimmed = value.trim();
+        editor.chain().focus().updateCommentReply({ id, value: trimmed }).run();
+    };
+    const removeReply = (id) => () => {
+        editor.chain().focus().removeCommentReply({ id }).run();
+    };
+    const [draftOpen, setDraftOpen] = useState(false);
+    const submitDraft = (value) => {
+        const trimmed = value.trim();
         if (trimmed) {
             editor
                 .chain()
@@ -64,33 +63,29 @@ var CommentForm = function (_a) {
         }
         setDraftOpen(false);
     };
-    return (_jsxs(FloatingMenu, { className: "flex flex-col w-80 ml-3 overflow-auto max-h-[70vh]", children: [_jsx(CommentItem, { comment: comment, onSave: saveComment, onResolve: removeComment, onDelete: removeComment, commentAuthor: commentAuthor, onEditingChange: onEditingChange, className: "p-3" }), replies.map(function (reply) { return (_jsx(CommentItem, { comment: reply, onSave: saveReply(reply.id), onDelete: removeReply(reply.id), commentAuthor: commentAuthor, onEditingChange: onEditingChange, isTopLevel: false, className: "p-3 pl-11" }, reply.id)); }), draftOpen && (_jsx(CommentItem, { comment: {
+    return (_jsxs(FloatingMenu, { className: "flex flex-col w-80 ml-3 overflow-auto max-h-[70vh]", children: [_jsx(CommentItem, { comment: comment, onSave: saveComment, onResolve: removeComment, onDelete: removeComment, commentAuthor: commentAuthor, onEditingChange: onEditingChange, className: "p-3" }), replies.map((reply) => (_jsx(CommentItem, { comment: reply, onSave: saveReply(reply.id), onDelete: removeReply(reply.id), commentAuthor: commentAuthor, onEditingChange: onEditingChange, isTopLevel: false, className: "p-3 pl-11" }, reply.id))), draftOpen && (_jsx(CommentItem, { comment: {
                     id: "reply-draft",
                     inReplyTo: comment.id,
                     createdBy: commentAuthor,
-                }, commentAuthor: commentAuthor, onSave: submitDraft, onCancel: function () { return setDraftOpen(false); }, isTopLevel: false, className: "p-3 pl-11" })), !isEditingAny && !draftOpen && (_jsx("div", { className: "ml-12 pb-3", children: _jsx(Button, { size: "sm", variant: "secondary", className: "text-xs h-7", onClick: function () { return setDraftOpen(true); }, children: _jsx(Trans, { children: "formatting.comments.reply" }) }) }))] }));
+                }, commentAuthor: commentAuthor, onSave: submitDraft, onCancel: () => setDraftOpen(false), isTopLevel: false, className: "p-3 pl-11" })), !isEditingAny && !draftOpen && (_jsx("div", { className: "ml-12 pb-3", children: _jsx(Button, { size: "sm", variant: "secondary", className: "text-xs h-7", onClick: () => setDraftOpen(true), children: _jsx(Trans, { children: "formatting.comments.reply" }) }) }))] }));
 };
-export var CommentBubble = function (_a) {
-    var editor = _a.editor, commentAuthor = _a.commentAuthor;
-    var state = useEditorState({
-        editor: editor,
-        selector: function (ctx) {
-            var isComment = ctx.editor.isActive("comment");
-            var attrs = isComment
+export const CommentBubble = ({ editor, commentAuthor, }) => {
+    const state = useEditorState({
+        editor,
+        selector: (ctx) => {
+            const isComment = ctx.editor.isActive("comment");
+            const attrs = isComment
                 ? ctx.editor.getAttributes("comment")
                 : null;
-            var replies = attrs
-                ? findReplies(ctx.editor, attrs.id).map(function (r) { return r.attrs; })
+            const replies = attrs
+                ? findReplies(ctx.editor, attrs.id).map((r) => r.attrs)
                 : [];
             return {
-                isComment: isComment,
-                attrs: attrs,
-                replies: replies,
+                isComment,
+                attrs,
+                replies,
             };
         },
     });
-    return (_jsx(BubbleMenu, { editor: editor, shouldShow: function (_a) {
-            var editor = _a.editor;
-            return editor.isActive("comment");
-        }, options: { placement: "bottom" }, children: state.isComment && state.attrs && (_jsx(CommentForm, { editor: editor, comment: state.attrs, commentAuthor: commentAuthor, replies: state.replies }, state.attrs.id)) }));
+    return (_jsx(BubbleMenu, { editor: editor, shouldShow: ({ editor }) => editor.isActive("comment"), options: { placement: "bottom" }, children: state.isComment && state.attrs && (_jsx(CommentForm, { editor: editor, comment: state.attrs, commentAuthor: commentAuthor, replies: state.replies }, state.attrs.id)) }));
 };

package/dist/components/rich-text/tiptap/content-reference.js

@@ -1,12 +1,12 @@
 import { Mark, mergeAttributes } from "@tiptap/core";
-var ContentReference = Mark.create({
+const ContentReference = Mark.create({
     name: "content-reference",
-    addAttributes: function () {
+    addAttributes() {
         return {
             quote: {
                 default: null,
-                parseHTML: function (element) { return element.getAttribute("quote"); },
-                renderHTML: function (attributes) {
+                parseHTML: (element) => element.getAttribute("quote"),
+                renderHTML: (attributes) => {
                     if (!attributes.quote)
                         return {};
                     return { quote: attributes.quote };
@@ -14,11 +14,10 @@ var ContentReference = Mark.create({
             },
         };
     },
-    parseHTML: function () {
+    parseHTML() {
         return [{ tag: "content-reference" }];
     },
-    renderHTML: function (_a) {
-        var HTMLAttributes = _a.HTMLAttributes;
+    renderHTML({ HTMLAttributes }) {
         return ["content-reference", mergeAttributes(HTMLAttributes), 0];
     },
 });

package/dist/components/rich-text/tiptap/crop-page-clipping-modal.d.ts

@@ -1,6 +1,6 @@
 import "react-image-crop/dist/ReactCrop.css";
-export declare const CropPageClippingModal: ({ pageClipping, onClose, onUpdate }: {
+export declare const CropPageClippingModal: ({ pageClipping, onClose, onUpdate, }: {
     pageClipping: any;
-    onClose: any;
-    onUpdate: any;
+    onClose: () => void;
+    onUpdate: (clipping: any) => void;
 }) => import("react/jsx-runtime").JSX.Element;

package/dist/components/rich-text/tiptap/crop-page-clipping-modal.js

@@ -1,25 +1,15 @@
-var __assign = (this && this.__assign) || function () {
-    __assign = Object.assign || function(t) {
-        for (var s, i = 1, n = arguments.length; i < n; i++) {
-            s = arguments[i];
-            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
-                t[p] = s[p];
-        }
-        return t;
-    };
-    return __assign.apply(this, arguments);
-};
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { useEffect, useState } from "react";
 import { Trans } from "react-i18next";
 import ReactCrop from "react-image-crop";
+// @ts-expect-error css
 import "react-image-crop/dist/ReactCrop.css";
 import { Button } from "../../ui/button";
 import { Dialog, DialogContent, DialogFooter } from "../../ui/dialog";
-var normalizeCoord = function (coord, defaultValue) {
+const normalizeCoord = (coord, defaultValue) => {
     if (!coord && coord !== 0)
         return defaultValue;
-    var num = Number(coord);
+    const num = Number(coord);
     if (isNaN(num) || num < 0)
         return defaultValue;
     // Gemini by default will return a box_2d coordinate in the range 0-1000
@@ -27,18 +17,17 @@ var normalizeCoord = function (coord, defaultValue) {
         return num / 1000;
     return num;
 };
-export var CropPageClippingModal = function (_a) {
-    var pageClipping = _a.pageClipping, onClose = _a.onClose, onUpdate = _a.onUpdate;
-    var _b = useState(), crop = _b[0], setCrop = _b[1];
-    var url = "https://page-clippings.examplary.ai/?".concat(new URLSearchParams({
-        url: pageClipping === null || pageClipping === void 0 ? void 0 : pageClipping.url,
-        page: pageClipping === null || pageClipping === void 0 ? void 0 : pageClipping.page,
+export const CropPageClippingModal = ({ pageClipping, onClose, onUpdate, }) => {
+    const [crop, setCrop] = useState();
+    const url = `https://page-clippings.examplary.ai/?${new URLSearchParams({
+        url: pageClipping?.url,
+        page: pageClipping?.page,
         x: "0",
         y: "0",
         width: "1",
         height: "1",
-    }).toString());
-    useEffect(function () {
+    }).toString()}`;
+    useEffect(() => {
         if (!pageClipping)
             return;
         setCrop({
@@ -49,11 +38,17 @@ export var CropPageClippingModal = function (_a) {
             height: normalizeCoord(pageClipping.height, 1) * 100,
         });
     }, [pageClipping]);
-    var save = function () {
-        onUpdate(__assign(__assign({}, pageClipping), { x: ((crop === null || crop === void 0 ? void 0 : crop.x) || 0) / 100, y: ((crop === null || crop === void 0 ? void 0 : crop.y) || 0) / 100, width: ((crop === null || crop === void 0 ? void 0 : crop.width) || 100) / 100, height: ((crop === null || crop === void 0 ? void 0 : crop.height) || 100) / 100 }));
+    const save = () => {
+        onUpdate({
+            ...pageClipping,
+            x: (crop?.x || 0) / 100,
+            y: (crop?.y || 0) / 100,
+            width: (crop?.width || 100) / 100,
+            height: (crop?.height || 100) / 100,
+        });
     };
-    return (_jsx(Dialog, { open: !!pageClipping, onOpenChange: function (open) {
+    return (_jsx(Dialog, { open: !!pageClipping, onOpenChange: (open) => {
             if (!open)
                 onClose();
-        }, children: _jsxs(DialogContent, { className: "sm:max-w-[725px]", showClose: false, children: [_jsx("div", { className: "flex items-center justify-center overflow-hidden mb-4", children: pageClipping && (_jsx(ReactCrop, { className: "max-h-[70vh] max-w-full", crop: crop, onChange: function (_, c) { return setCrop(c); }, children: _jsx("img", { src: url }) })) }), _jsx(DialogFooter, { children: _jsx(Button, { variant: "primary", type: "submit", onClick: save, children: _jsx(Trans, { children: "formatting.crop.crop" }) }) })] }) }));
+        }, children: _jsxs(DialogContent, { className: "sm:max-w-[725px]", showClose: false, children: [_jsx("div", { className: "flex items-center justify-center overflow-hidden mb-4", children: pageClipping && (_jsx(ReactCrop, { className: "max-h-[70vh] max-w-full", crop: crop, onChange: (_, c) => setCrop(c), children: _jsx("img", { src: url }) })) }), _jsx(DialogFooter, { children: _jsx(Button, { variant: "primary", type: "submit", onClick: save, children: _jsx(Trans, { children: "formatting.crop.crop" }) }) })] }) }));
 };

package/dist/components/rich-text/tiptap/extensions.d.ts

@@ -1,2 +1,2 @@
-export declare const defaultRichTextExtensions: (import("@tiptap/core").Mark<any, any> | import("@tiptap/core").Node<any, any> | import("@tiptap/core").Extension<import("@tiptap/starter-kit").StarterKitOptions, any> | import("@tiptap/core").Extension<import("@tiptap/extension-typography").TypographyOptions, any> | import("@tiptap/core").Extension<import("@tiptap/extension-table").TableKitOptions, any>)[];
-export declare const htmlRenderingRichTextExtensions: (import("@tiptap/core").Mark<any, any> | import("@tiptap/core").Node<any, any> | import("@tiptap/core").Extension<import("@tiptap/starter-kit").StarterKitOptions, any> | import("@tiptap/core").Extension<import("@tiptap/extension-typography").TypographyOptions, any> | import("@tiptap/core").Extension<import("@tiptap/extension-table").TableKitOptions, any>)[];
+export declare const defaultRichTextExtensions: (import("@tiptap/core").Mark<any, any> | import("@tiptap/core").Node<any, any> | import("@tiptap/core").Extension<import("@tiptap/starter-kit").StarterKitOptions, any> | import("@tiptap/core").Mark<import("@tiptap/extension-link").LinkOptions, any> | import("@tiptap/core").Extension<import("@tiptap/extension-typography").TypographyOptions, any> | import("@tiptap/core").Mark<import("@tiptap/extension-highlight").HighlightOptions, any> | import("@tiptap/core").Extension<import("@tiptap/extension-table").TableKitOptions, any>)[];
+export declare const htmlRenderingRichTextExtensions: (import("@tiptap/core").Mark<any, any> | import("@tiptap/core").Node<any, any> | import("@tiptap/core").Extension<import("@tiptap/starter-kit").StarterKitOptions, any> | import("@tiptap/core").Mark<import("@tiptap/extension-link").LinkOptions, any> | import("@tiptap/core").Extension<import("@tiptap/extension-typography").TypographyOptions, any> | import("@tiptap/core").Mark<import("@tiptap/extension-highlight").HighlightOptions, any> | import("@tiptap/core").Extension<import("@tiptap/extension-table").TableKitOptions, any> | import("@tiptap/core").Node<import("@tiptap/extension-image").ImageOptions, any> | import("@tiptap/core").Extension<import("tiptap-inline-comments").CommentOptions, any>)[];

package/dist/components/rich-text/tiptap/extensions.js

@@ -1,12 +1,3 @@
-var __spreadArray = (this && this.__spreadArray) || function (to, from, pack) {
-    if (pack || arguments.length === 2) for (var i = 0, l = from.length, ar; i < l; i++) {
-        if (ar || !(i in from)) {
-            if (!ar) ar = Array.prototype.slice.call(from, 0, i);
-            ar[i] = from[i];
-        }
-    }
-    return to.concat(ar || Array.prototype.slice.call(from));
-};
 import Document from "@tiptap/extension-document";
 import Highlight from "@tiptap/extension-highlight";
 import Image from "@tiptap/extension-image";
@@ -14,13 +5,12 @@ import Link from "@tiptap/extension-link";
 import { TableKit } from "@tiptap/extension-table";
 import Typography from "@tiptap/extension-typography";
 import StarterKit from "@tiptap/starter-kit";
-import { CommentReply } from "./comments/comment-reply.js";
-import { Comment } from "./comments/comment.js";
+import { InlineComments } from "tiptap-inline-comments";
 import ContentReference from "./content-reference.js";
 import FileAttachment from "./file-attachment.js";
 import { Mathematics } from "./mathematics.js";
 import PageClipping from "./page-clipping.js";
-export var defaultRichTextExtensions = [
+export const defaultRichTextExtensions = [
     StarterKit.configure({
         document: false,
         link: false,
@@ -39,9 +29,9 @@ export var defaultRichTextExtensions = [
         table: { resizable: true },
     }),
 ];
-export var htmlRenderingRichTextExtensions = __spreadArray([
+export const htmlRenderingRichTextExtensions = [
     Document,
     Image,
-    Comment,
-    CommentReply
-], defaultRichTextExtensions, true);
+    InlineComments,
+    ...defaultRichTextExtensions,
+];

package/dist/components/rich-text/tiptap/file-attachment.js

@@ -5,26 +5,24 @@ export default Node.create({
     group: "block",
     content: "inline*",
     atom: true,
-    addAttributes: function () {
+    addAttributes() {
         return {
             href: {},
             title: {},
             type: {},
         };
     },
-    parseHTML: function () {
+    parseHTML() {
         return [
             {
                 tag: "file-attachment",
             },
         ];
     },
-    renderHTML: function (_a) {
-        var HTMLAttributes = _a.HTMLAttributes;
+    renderHTML({ HTMLAttributes }) {
         return ["file-attachment", mergeAttributes(HTMLAttributes)];
     },
-    addProseMirrorPlugins: function () {
-        var _this = this;
+    addProseMirrorPlugins() {
         // Similar to the TipTap Link extension, we disable clicking on these
         // links in the editor, since that is annoying. We don't want to change
         // the HTML tag though!
@@ -32,19 +30,19 @@ export default Node.create({
             new Plugin({
                 key: new PluginKey("handleClickFileAttachment"),
                 props: {
-                    handleClick: function (view, pos, event) {
+                    handleClick: (view, pos, event) => {
                         if (event.button !== 0) {
                             return false;
                         }
                         if (!view.editable) {
                             return false;
                         }
-                        var link = null;
-                        var target = event.target;
+                        let link = null;
+                        const target = event.target;
                         if (!target) {
                             return false;
                         }
-                        var root = _this.editor.view.dom;
+                        const root = this.editor.view.dom;
                         link = target.closest("file-attachment");
                         if (link && !root.contains(link)) {
                             link = null;
@@ -53,7 +51,7 @@ export default Node.create({
                             return false;
                         }
                         if (target !== link) {
-                            _this.editor.commands.selectParentNode();
+                            this.editor.commands.selectParentNode();
                         }
                         return true;
                     },

package/dist/components/rich-text/tiptap/file-handler.d.ts

@@ -1,4 +1,4 @@
 import { Editor } from "@tiptap/react";
-export declare const processFilesAsString: (uploadFile: any, files: any) => Promise<unknown>;
-export declare const processFiles: (uploadFile: any, currentEditor: Editor, files: any, pos: any) => void;
+export declare const processFilesAsString: (uploadFile: any, files: File[] | FileList) => Promise<unknown>;
+export declare const processFiles: (uploadFile: any, currentEditor: Editor, files: File[], pos: number) => void;
 export declare const fileHandler: (uploadFile: any) => import("@tiptap/core").Extension<Omit<import("@tiptap/extension-file-handler").FileHandlePluginOptions, "key" | "editor">, any>;