@box/threaded-annotations 2.1.10 → 3.0.0

package/dist/esm/lib/components/message-editor/editor-extensions/custom-placeholder/custom-placeholder-utils.js

@@ -2,10 +2,10 @@ var e = /* @__PURE__ */ function(e) {
 	return e.Placeholder = "placeholder", e;
 }({}), t = 1, n = (e) => {
 	let { content: t, paragraphNumber: n } = s(e);
-	n === 1 && t.length === 0 && e.commands.setContent([{ type: "placeholder" }]);
+	n === 1 && t.length === 0 && e.commands.setContent([{ type: "placeholder" }], { emitUpdate: !1 });
 }, r = (e, t) => {
 	let n = e.getJSON(), r = i(n, t);
-	o(n) !== o(r) && e.commands.setContent(r, !0);
+	o(n) !== o(r) && e.commands.setContent(r, { emitUpdate: !0 });
 }, i = (e, t) => {
 	let n = Array.isArray(t) ? t : [t];
 	return a(e, (e) => !n.includes(e.type));

package/dist/esm/lib/components/message-editor/hooks/useMessageEditor.js

@@ -13,6 +13,7 @@ import p from "@tiptap/extension-text";
 import { v4 as m } from "uuid";
 var h = () => {
 	let h = l(null), g = l(null), [_, v] = u(!0), { isActive: y, query: b, command: x, suggestionCallbacks: S } = i(h), { closeAllPopovers: C, openPopoverForMentionId: w, fetchCollaboratorState: T } = e(), E = d({
+		shouldRerenderOnTransaction: !0,
 		extensions: [
 			f,
 			a,
@@ -44,7 +45,7 @@ var h = () => {
 		userSelectorRef: h,
 		cleanEditor: c(() => {
 			E && requestAnimationFrame(() => {
-				E.commands.setContent(""), o(E), v(!0);
+				E.isDestroyed || (E.commands.setContent("", { emitUpdate: !1 }), o(E), v(!0));
 			});
 		}, [E]),
 		getEditorJsonContent: c(() => E ? E.getJSON() : null, [E]),

package/dist/esm/lib/components/v2/message-editor/message-editor.js

@@ -26,9 +26,10 @@ import { UserSelectorHeadless as C } from "@box/user-selector";
 import { EditorContent as w, useEditor as T } from "@tiptap/react";
 import E from "@tiptap/extension-document";
 import ce from "@tiptap/extension-text";
-import le from "@tiptap/extension-placeholder";
+import { Placeholder as le } from "@tiptap/extensions";
 var D = (s) => {
 	let { disableComponent: D = !1, initialContent: O, isFirstAnnotation: k = !1, isReply: ue = !1, maxCharacterCount: A, userSelectorProps: j, videoTimestamp: M } = s, N = v(null), P = v(null), F = v(null), I = y(), { errorMessage: L, isLoading: R } = ae(), { close: z, isActive: B, query: V, command: H, suggestionCallbacks: de } = o(N), { closeAllPopovers: fe } = t(), U = I.formatMessage(ue ? c.placeholderReply : c.placeholderAddComment), W = s.variant === h.EDIT_MESSAGE, G = T({
+		shouldRerenderOnTransaction: !0,
 		extensions: [
 			E,
 			te,
@@ -70,7 +71,7 @@ var D = (s) => {
 		};
 	}, [Z]), _(() => {
 		!G || O === void 0 || queueMicrotask(() => {
-			G.commands.setContent(O ?? "", !1), G.commands.focus("end");
+			G.isDestroyed || (G.commands.setContent(O ?? "", { emitUpdate: !1 }), G.commands.focus("end"));
 		});
 	}, [O]), _(() => {
 		if (!B) return;
@@ -170,7 +171,7 @@ var D = (s) => {
 							excess: J.excess,
 							maxCount: J.maxCount
 						}), /* @__PURE__ */ x(p, {
-							cleanEditor: () => G?.commands.setContent(""),
+							cleanEditor: () => G?.commands.setContent("", { emitUpdate: !1 }),
 							disabled: Q,
 							getEditorJsonContent: () => G?.getJSON(),
 							onPost: s.onPost,

package/dist/types/lib/components/message-editor/editor-extensions/custom-mention/custom-mention.d.ts

@@ -1 +1 @@
-export declare const CustomMention: import('@tiptap/core').Node<import('@tiptap/extension-mention').MentionOptions, any>;
+export declare const CustomMention: import('@tiptap/core').Node<import('@tiptap/extension-mention').MentionOptions<any, import('@tiptap/extension-mention').MentionNodeAttrs>, any>;

package/dist/types/lib/components/message-editor/editor-extensions/custom-placeholder/custom-placeholder-utils.d.ts

@@ -33,6 +33,6 @@ export declare const filterContent: (content: JSONContent, predicate: (content:
  * @returns Object containing flattened content array and total paragraph count
  */
 export declare const getEditorContent: (editor: Editor) => {
-    content: JSONContent[];
+    content: (import('@tiptap/core').NodeType<any, any, any, any> | import('@tiptap/core').TextType<import('@tiptap/core').MarkType<any, any>>)[];
     paragraphNumber: number;
 };

package/dist/types/lib/components/message-editor/hooks/useMessageEditor.d.ts

@@ -1,12 +1,12 @@
 import { HeadlessUserSelectorHandle, UserContactType } from '@box/user-selector';
 export declare const useMessageEditor: () => {
-    editor: import('@tiptap/react').Editor;
+    editor: import('@tiptap/core').Editor;
     editorRef: import('react').MutableRefObject<HTMLElement>;
     isEditorEmpty: boolean;
     isActive: boolean;
     query: string;
     userSelectorRef: import('react').MutableRefObject<HeadlessUserSelectorHandle>;
     cleanEditor: () => void;
-    getEditorJsonContent: () => import('@tiptap/core').JSONContent;
+    getEditorJsonContent: () => import('@tiptap/core').DocumentType<Record<string, any>, import('@tiptap/core').NodeType<string, Record<string, any>, any, (import('@tiptap/core').NodeType<any, any, any, any> | import('@tiptap/core').TextType<import('@tiptap/core').MarkType<any, any>>)[]>[]>;
     handleUserSelected: (user: UserContactType) => Promise<void>;
 };

package/dist/types/lib/components/v2/message-editor/editor-extensions/custom-mention/custom-mention.d.ts

@@ -1 +1 @@
-export declare const CustomMention: import('@tiptap/core').Node<import('@tiptap/extension-mention').MentionOptions, any>;
+export declare const CustomMention: import('@tiptap/core').Node<import('@tiptap/extension-mention').MentionOptions<any, import('@tiptap/extension-mention').MentionNodeAttrs>, any>;

package/package.json

@@ -1,38 +1,39 @@
 {
     "name": "@box/threaded-annotations",
-    "version": "2.1.10",
+    "version": "3.0.0",
     "license": "SEE LICENSE IN LICENSE",
     "dependencies": {
+        "@floating-ui/dom": "^1.6.0",
         "@tanstack/react-virtual": "^3.10.8",
-        "@tiptap/core": "2.0.2",
-        "@tiptap/extension-document": "2.0.2",
-        "@tiptap/extension-mention": "2.0.2",
-        "@tiptap/extension-paragraph": "2.0.2",
-        "@tiptap/extension-placeholder": "2.0.2",
-        "@tiptap/extension-text": "2.0.2",
-        "@tiptap/pm": "2.0.2",
-        "@tiptap/react": "2.0.2",
-        "@tiptap/suggestion": "2.0.2",
+        "@tiptap/core": "3.26.1",
+        "@tiptap/extension-document": "3.26.1",
+        "@tiptap/extension-mention": "3.26.1",
+        "@tiptap/extension-paragraph": "3.26.1",
+        "@tiptap/extension-text": "3.26.1",
+        "@tiptap/extensions": "3.26.1",
+        "@tiptap/pm": "3.26.1",
+        "@tiptap/react": "3.26.1",
+        "@tiptap/suggestion": "3.26.1",
         "uuid": "^9.0.1"
     },
     "peerDependencies": {
-        "@box/blueprint-web": "^16.4.0",
-        "@box/blueprint-web-assets": "^5.2.5",
-        "@box/collaboration-popover": "^2.1.7",
-        "@box/readable-time": "^2.1.7",
-        "@box/user-selector": "^2.1.8",
+        "@box/blueprint-web": "^16.4.2",
+        "@box/blueprint-web-assets": "^5.2.7",
+        "@box/collaboration-popover": "^2.1.9",
+        "@box/readable-time": "^2.1.9",
+        "@box/user-selector": "^2.1.10",
         "clsx": "^1.2.1",
         "react": "^18.0.0",
         "react-dom": "^18.0.0",
         "react-intl": "^6.4.2"
     },
     "devDependencies": {
-        "@box/blueprint-web": "^16.4.0",
-        "@box/blueprint-web-assets": "^5.2.5",
-        "@box/eslint-plugin-blueprint": "2.1.3",
-        "@box/readable-time": "^2.1.7",
-        "@box/storybook-utils": "^1.1.7",
-        "@box/user-selector": "^2.1.8",
+        "@box/blueprint-web": "^16.4.2",
+        "@box/blueprint-web-assets": "^5.2.7",
+        "@box/eslint-plugin-blueprint": "2.1.5",
+        "@box/readable-time": "^2.1.9",
+        "@box/storybook-utils": "^1.1.9",
+        "@box/user-selector": "^2.1.10",
         "react": "^18.0.0",
         "react-dom": "^18.0.0"
     },