@tldraw/commenting 5.4.0-canary.b8ec00e16e3a → 5.4.0-canary.bb69ad90a32d

package/dist-cjs/index.d.ts

@@ -128,7 +128,7 @@ export declare interface CommentBodyProps {
 }
 
 /** A single comment: Avatar, Byline, and a body slot the consumer renders. @public @react */
-export declare function CommentCard({ author, body, date, you, edited, actions, footer }: CommentCardProps): JSX.Element;
+export declare function CommentCard({ author, body, date, you, edited, actions, footer, }: CommentCardProps): JSX.Element;
 
 /** @public */
 export declare interface CommentCardProps {
@@ -154,7 +154,7 @@ export declare interface CommentCardProps {
  * floating toolbar. Presentational by default; pass value/onChange/onSubmit to drive it as a form.
  * @public @react
  */
-export declare function CommentComposer({ author, placeholder, value, onChange, onSubmit, sendLabel, onArrowUpWhenEmpty, disabled, autoFocus, leading, getMentionSuggestions, renderMentionSuggestion }: CommentComposerProps): JSX.Element;
+export declare function CommentComposer({ author, placeholder, value, onChange, onSubmit, sendLabel, onArrowUpWhenEmpty, disabled, autoFocus, leading, getMentionSuggestions, renderMentionSuggestion, }: CommentComposerProps): JSX.Element;
 
 /** @public */
 export declare interface CommentComposerProps {
@@ -398,7 +398,7 @@ export declare interface CommentingOptions {
 }
 
 /** One thread's row in a {@link CommentsList}. @public @react */
-export declare function CommentListItem({ id, author, preview, date, resolved, page, count, selected, reactions, href, resolvedLabel, onSelect }: CommentListItemRenderProps): JSX.Element;
+export declare function CommentListItem({ id, author, preview, date, resolved, page, count, selected, reactions, href, resolvedLabel, onSelect, }: CommentListItemRenderProps): JSX.Element;
 
 /** @public */
 export declare interface CommentListItemProps {
@@ -490,7 +490,7 @@ export declare interface CommentPinProps {
  * than in the reaction row, so opening it doesn't chase the row as reactions are added.
  * @public @react
  */
-export declare function CommentReactionPicker({ comment, currentUserId, emoji }: CommentReactionPickerProps): JSX.Element | null;
+export declare function CommentReactionPicker({ comment, currentUserId, emoji, }: CommentReactionPickerProps): JSX.Element | null;
 
 /** @public */
 export declare interface CommentReactionPickerProps {
@@ -520,7 +520,7 @@ export declare interface CommentReactionsProps {
 
 /** The funnel dropdown in the sidebar header: toggles for which threads the list shows.
  * @public @react */
-export declare function CommentsFilterMenu({ canFilterByAuthor, canFilterByUnread }: CommentsFilterMenuProps): JSX.Element;
+export declare function CommentsFilterMenu({ canFilterByAuthor, canFilterByUnread, }: CommentsFilterMenuProps): JSX.Element;
 
 /** @public */
 export declare interface CommentsFilterMenuProps {
@@ -543,7 +543,7 @@ export declare const commentsHidden: EditorAtom<boolean>;
  * `CanvasCommentsSidebar` wires it to the store, but a consumer can build their own list from this.
  * @public @react
  */
-export declare function CommentsList({ items, onSelect, header, headerAction, empty, resolvedLabel, renderItem }: CommentsListProps): JSX.Element;
+export declare function CommentsList({ items, onSelect, header, headerAction, empty, resolvedLabel, renderItem, }: CommentsListProps): JSX.Element;
 
 /** @public */
 export declare interface CommentsListProps {
@@ -598,7 +598,7 @@ export declare function CommentsVisibilityToggle(): JSX.Element;
  * composer's handlers; how each comment renders is overridable via `renderComment`.
  * @public @react
  */
-export declare function CommentThread({ comments, header, headerActions, resolvedBanner, composer, footer, renderComment }: CommentThreadProps): JSX.Element;
+export declare function CommentThread({ comments, header, headerActions, resolvedBanner, composer, footer, renderComment, }: CommentThreadProps): JSX.Element;
 
 /** @public */
 export declare interface CommentThreadProps {
@@ -661,7 +661,7 @@ export declare class CommentTool extends StateNode {
 export declare const commentToolOverrides: TLUiOverrides;
 
 /** @public */
-export declare const commentTools: typeof CommentTool[];
+export declare const commentTools: (typeof CommentTool)[];
 
 /** @public @react */
 export declare function CountBadge({ count, open }: CountBadgeProps): JSX.Element;
@@ -716,7 +716,7 @@ export declare const defaultCommentingOptions: {
     readonly dragHistory: undefined;
     readonly enableClustering: true;
     readonly enableRegions: false;
-    readonly history: "ignore";
+    readonly history: 'ignore';
     readonly impreciseShapeAnchor: {
         readonly x: 1;
         readonly y: 0;
@@ -803,7 +803,7 @@ export declare function editComment(editor: Editor, comment: TLComment, body: TL
  * dismissal; `ReactionPicker` renders it in a dropdown under the add-reaction button.
  * @public @react
  */
-export declare function EmojiPicker({ emoji, selected, onSelect, renderReaction }: EmojiPickerProps): JSX.Element;
+export declare function EmojiPicker({ emoji, selected, onSelect, renderReaction, }: EmojiPickerProps): JSX.Element;
 
 /** @public */
 export declare interface EmojiPickerProps {
@@ -982,7 +982,7 @@ export declare function putCommentRecords(editor: Editor, records: TLCommentReco
  * tooltip naming who reacted (the current user included), when `enableHoverList` is set.
  * @public @react
  */
-export declare function Reaction({ emoji, count, active, reactors, enableHoverList, renderReaction, ReactionTooltip, onClick }: ReactionProps): JSX.Element;
+export declare function Reaction({ emoji, count, active, reactors, enableHoverList, renderReaction, ReactionTooltip, onClick, }: ReactionProps): JSX.Element;
 
 /**
  * The add-reaction affordance: a smiley button that opens an emoji grid.
@@ -994,7 +994,7 @@ export declare function Reaction({ emoji, count, active, reactors, enableHoverLi
  * done its job — and hands focus back to the trigger.
  * @public @react
  */
-export declare function ReactionPicker({ emoji, selected, onSelect, renderReaction, palette: Palette, menuId, className }: ReactionPickerProps): JSX.Element;
+export declare function ReactionPicker({ emoji, selected, onSelect, renderReaction, palette: Palette, menuId, className, }: ReactionPickerProps): JSX.Element;
 
 /** @public */
 export declare interface ReactionPickerProps {
@@ -1062,7 +1062,7 @@ export declare interface ReactionReactor {
  * fixed as reactions are added here.
  * @public @react
  */
-export declare function Reactions({ reactions, onToggle, canReact, enableHoverList, renderReaction, ReactionTooltip }: ReactionsProps): JSX.Element | null;
+export declare function Reactions({ reactions, onToggle, canReact, enableHoverList, renderReaction, ReactionTooltip, }: ReactionsProps): JSX.Element | null;
 
 /** @public */
 export declare interface ReactionsProps {

package/dist-cjs/index.js

@@ -144,7 +144,7 @@ var import_state = require("./canvas/state");
 var import_thread_state = require("./canvas/thread-state");
 (0, import_utils.registerTldrawLibraryVersion)(
   "@tldraw/commenting",
-  "5.4.0-canary.b8ec00e16e3a",
+  "5.4.0-canary.bb69ad90a32d",
   "cjs"
 );
 //# sourceMappingURL=index.js.map

package/dist-esm/index.d.mts

@@ -128,7 +128,7 @@ export declare interface CommentBodyProps {
 }
 
 /** A single comment: Avatar, Byline, and a body slot the consumer renders. @public @react */
-export declare function CommentCard({ author, body, date, you, edited, actions, footer }: CommentCardProps): JSX.Element;
+export declare function CommentCard({ author, body, date, you, edited, actions, footer, }: CommentCardProps): JSX.Element;
 
 /** @public */
 export declare interface CommentCardProps {
@@ -154,7 +154,7 @@ export declare interface CommentCardProps {
  * floating toolbar. Presentational by default; pass value/onChange/onSubmit to drive it as a form.
  * @public @react
  */
-export declare function CommentComposer({ author, placeholder, value, onChange, onSubmit, sendLabel, onArrowUpWhenEmpty, disabled, autoFocus, leading, getMentionSuggestions, renderMentionSuggestion }: CommentComposerProps): JSX.Element;
+export declare function CommentComposer({ author, placeholder, value, onChange, onSubmit, sendLabel, onArrowUpWhenEmpty, disabled, autoFocus, leading, getMentionSuggestions, renderMentionSuggestion, }: CommentComposerProps): JSX.Element;
 
 /** @public */
 export declare interface CommentComposerProps {
@@ -398,7 +398,7 @@ export declare interface CommentingOptions {
 }
 
 /** One thread's row in a {@link CommentsList}. @public @react */
-export declare function CommentListItem({ id, author, preview, date, resolved, page, count, selected, reactions, href, resolvedLabel, onSelect }: CommentListItemRenderProps): JSX.Element;
+export declare function CommentListItem({ id, author, preview, date, resolved, page, count, selected, reactions, href, resolvedLabel, onSelect, }: CommentListItemRenderProps): JSX.Element;
 
 /** @public */
 export declare interface CommentListItemProps {
@@ -490,7 +490,7 @@ export declare interface CommentPinProps {
  * than in the reaction row, so opening it doesn't chase the row as reactions are added.
  * @public @react
  */
-export declare function CommentReactionPicker({ comment, currentUserId, emoji }: CommentReactionPickerProps): JSX.Element | null;
+export declare function CommentReactionPicker({ comment, currentUserId, emoji, }: CommentReactionPickerProps): JSX.Element | null;
 
 /** @public */
 export declare interface CommentReactionPickerProps {
@@ -520,7 +520,7 @@ export declare interface CommentReactionsProps {
 
 /** The funnel dropdown in the sidebar header: toggles for which threads the list shows.
  * @public @react */
-export declare function CommentsFilterMenu({ canFilterByAuthor, canFilterByUnread }: CommentsFilterMenuProps): JSX.Element;
+export declare function CommentsFilterMenu({ canFilterByAuthor, canFilterByUnread, }: CommentsFilterMenuProps): JSX.Element;
 
 /** @public */
 export declare interface CommentsFilterMenuProps {
@@ -543,7 +543,7 @@ export declare const commentsHidden: EditorAtom<boolean>;
  * `CanvasCommentsSidebar` wires it to the store, but a consumer can build their own list from this.
  * @public @react
  */
-export declare function CommentsList({ items, onSelect, header, headerAction, empty, resolvedLabel, renderItem }: CommentsListProps): JSX.Element;
+export declare function CommentsList({ items, onSelect, header, headerAction, empty, resolvedLabel, renderItem, }: CommentsListProps): JSX.Element;
 
 /** @public */
 export declare interface CommentsListProps {
@@ -598,7 +598,7 @@ export declare function CommentsVisibilityToggle(): JSX.Element;
  * composer's handlers; how each comment renders is overridable via `renderComment`.
  * @public @react
  */
-export declare function CommentThread({ comments, header, headerActions, resolvedBanner, composer, footer, renderComment }: CommentThreadProps): JSX.Element;
+export declare function CommentThread({ comments, header, headerActions, resolvedBanner, composer, footer, renderComment, }: CommentThreadProps): JSX.Element;
 
 /** @public */
 export declare interface CommentThreadProps {
@@ -661,7 +661,7 @@ export declare class CommentTool extends StateNode {
 export declare const commentToolOverrides: TLUiOverrides;
 
 /** @public */
-export declare const commentTools: typeof CommentTool[];
+export declare const commentTools: (typeof CommentTool)[];
 
 /** @public @react */
 export declare function CountBadge({ count, open }: CountBadgeProps): JSX.Element;
@@ -716,7 +716,7 @@ export declare const defaultCommentingOptions: {
     readonly dragHistory: undefined;
     readonly enableClustering: true;
     readonly enableRegions: false;
-    readonly history: "ignore";
+    readonly history: 'ignore';
     readonly impreciseShapeAnchor: {
         readonly x: 1;
         readonly y: 0;
@@ -803,7 +803,7 @@ export declare function editComment(editor: Editor, comment: TLComment, body: TL
  * dismissal; `ReactionPicker` renders it in a dropdown under the add-reaction button.
  * @public @react
  */
-export declare function EmojiPicker({ emoji, selected, onSelect, renderReaction }: EmojiPickerProps): JSX.Element;
+export declare function EmojiPicker({ emoji, selected, onSelect, renderReaction, }: EmojiPickerProps): JSX.Element;
 
 /** @public */
 export declare interface EmojiPickerProps {
@@ -982,7 +982,7 @@ export declare function putCommentRecords(editor: Editor, records: TLCommentReco
  * tooltip naming who reacted (the current user included), when `enableHoverList` is set.
  * @public @react
  */
-export declare function Reaction({ emoji, count, active, reactors, enableHoverList, renderReaction, ReactionTooltip, onClick }: ReactionProps): JSX.Element;
+export declare function Reaction({ emoji, count, active, reactors, enableHoverList, renderReaction, ReactionTooltip, onClick, }: ReactionProps): JSX.Element;
 
 /**
  * The add-reaction affordance: a smiley button that opens an emoji grid.
@@ -994,7 +994,7 @@ export declare function Reaction({ emoji, count, active, reactors, enableHoverLi
  * done its job — and hands focus back to the trigger.
  * @public @react
  */
-export declare function ReactionPicker({ emoji, selected, onSelect, renderReaction, palette: Palette, menuId, className }: ReactionPickerProps): JSX.Element;
+export declare function ReactionPicker({ emoji, selected, onSelect, renderReaction, palette: Palette, menuId, className, }: ReactionPickerProps): JSX.Element;
 
 /** @public */
 export declare interface ReactionPickerProps {
@@ -1062,7 +1062,7 @@ export declare interface ReactionReactor {
  * fixed as reactions are added here.
  * @public @react
  */
-export declare function Reactions({ reactions, onToggle, canReact, enableHoverList, renderReaction, ReactionTooltip }: ReactionsProps): JSX.Element | null;
+export declare function Reactions({ reactions, onToggle, canReact, enableHoverList, renderReaction, ReactionTooltip, }: ReactionsProps): JSX.Element | null;
 
 /** @public */
 export declare interface ReactionsProps {

package/dist-esm/index.mjs

@@ -103,7 +103,7 @@ import {
 import { anchorPagePoint, focusThread, shapeAnchorAt } from "./canvas/thread-state.mjs";
 registerTldrawLibraryVersion(
   "@tldraw/commenting",
-  "5.4.0-canary.b8ec00e16e3a",
+  "5.4.0-canary.bb69ad90a32d",
   "esm"
 );
 export {

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@tldraw/commenting",
   "description": "tldraw commenting UI components.",
-  "version": "5.4.0-canary.b8ec00e16e3a",
+  "version": "5.4.0-canary.bb69ad90a32d",
   "author": {
     "name": "tldraw Inc.",
     "email": "hello@tldraw.com"
@@ -38,7 +38,7 @@
     "lint": "yarn run -T tsx ../../internal/scripts/lint.ts"
   },
   "devDependencies": {
-    "@tldraw/driver": "5.4.0-canary.b8ec00e16e3a",
+    "@tldraw/driver": "5.4.0-canary.bb69ad90a32d",
     "@types/react": "^19.2.7",
     "@types/react-dom": "^19.2.3",
     "react": "^19.2.1",
@@ -56,9 +56,9 @@
     "@tiptap/core": "^3.12.1",
     "@tiptap/pm": "^3.12.1",
     "@tiptap/react": "^3.12.1",
-    "@tldraw/mentions": "5.4.0-canary.b8ec00e16e3a",
-    "@tldraw/utils": "5.4.0-canary.b8ec00e16e3a",
-    "tldraw": "5.4.0-canary.b8ec00e16e3a"
+    "@tldraw/mentions": "5.4.0-canary.bb69ad90a32d",
+    "@tldraw/utils": "5.4.0-canary.bb69ad90a32d",
+    "tldraw": "5.4.0-canary.bb69ad90a32d"
   },
   "module": "dist-esm/index.mjs",
   "source": "src/index.ts",