@liveblocks/react-ui 2.15.1 → 2.16.0-toolbars1

package/dist/index.d.mts

@@ -3,23 +3,23 @@ import { ElementType, ComponentPropsWithoutRef, ReactNode, FormEvent, ComponentT
 import { CommentAttachment, CommentBody, BaseMetadata, DM, CommentData, HistoryVersion, InboxNotificationData, InboxNotificationThreadData, InboxNotificationTextMentionData, InboxNotificationCustomData, KDAD, ThreadData } from '@liveblocks/core';
 import * as react_jsx_runtime from 'react/jsx-runtime';
 
-declare type Direction = "ltr" | "rtl";
-declare type SlotProp = {
+type Direction = "ltr" | "rtl";
+type SlotProp = {
     /**
      * Replace the rendered element by the one passed as a child.
      */
     asChild?: boolean;
 };
-declare type ComponentPropsWithSlot<TElement extends ElementType<any>> = ComponentPropsWithoutRef<TElement> & SlotProp;
-declare type ComposerBodyText = {
+type ComponentPropsWithSlot<TElement extends ElementType<any>> = ComponentPropsWithoutRef<TElement> & SlotProp;
+type ComposerBodyText = {
     bold?: boolean;
     italic?: boolean;
     strikethrough?: boolean;
     code?: boolean;
     text: string;
 };
-declare type ComposerBodyMark = keyof Omit<ComposerBodyText, "text">;
-declare type ComposerBodyMarks = {
+type ComposerBodyMark = keyof Omit<ComposerBodyText, "text">;
+type ComposerBodyMarks = {
     [K in ComposerBodyMark]: boolean;
 };
 interface CommentAttachmentArgs {
@@ -94,7 +94,7 @@ interface HistoryVersionPreviewOverrides {
     HISTORY_VERSION_PREVIEW_EMPTY: ReactNode;
     HISTORY_VERSION_PREVIEW_ERROR: (error: Error) => ReactNode;
 }
-declare type Overrides = LocalizationOverrides & GlobalOverrides & ComposerOverrides & CommentOverrides & ThreadOverrides & InboxNotificationOverrides & HistoryVersionPreviewOverrides;
+type Overrides = LocalizationOverrides & GlobalOverrides & ComposerOverrides & CommentOverrides & ThreadOverrides & InboxNotificationOverrides & HistoryVersionPreviewOverrides;
 declare function useOverrides(overrides?: Partial<Overrides>): Overrides;
 
 interface ComposerEditorMentionProps {
@@ -121,7 +121,7 @@ interface ComposerEditorLinkProps {
      */
     children: ReactNode;
 }
-declare type ComposerEditorMentionSuggestionsProps = {
+type ComposerEditorMentionSuggestionsProps = {
     /**
      * The list of suggested user IDs.
      */
@@ -131,7 +131,7 @@ declare type ComposerEditorMentionSuggestionsProps = {
      */
     selectedUserId?: string;
 };
-declare type ComposerEditorFloatingToolbarProps = Record<string, never>;
+type ComposerEditorFloatingToolbarProps = Record<string, never>;
 interface ComposerEditorComponents {
     /**
      * The component used to display mentions.
@@ -218,7 +218,7 @@ interface ComposerSubmitComment {
     attachments: CommentAttachment[];
 }
 
-declare type ComposerCreateThreadProps<M extends BaseMetadata> = {
+type ComposerCreateThreadProps<M extends BaseMetadata> = {
     threadId?: never;
     commentId?: never;
     /**
@@ -226,7 +226,7 @@ declare type ComposerCreateThreadProps<M extends BaseMetadata> = {
      */
     metadata?: M;
 };
-declare type ComposerCreateCommentProps = {
+type ComposerCreateCommentProps = {
     /**
      * The ID of the thread to reply to.
      */
@@ -234,7 +234,7 @@ declare type ComposerCreateCommentProps = {
     commentId?: never;
     metadata?: never;
 };
-declare type ComposerEditCommentProps = {
+type ComposerEditCommentProps = {
     /**
      * The ID of the thread to edit a comment in.
      */
@@ -245,7 +245,7 @@ declare type ComposerEditCommentProps = {
     commentId: string;
     metadata?: never;
 };
-declare type ComposerProps<M extends BaseMetadata = DM> = Omit<ComponentPropsWithoutRef<"form">, "defaultValue"> & (ComposerCreateThreadProps<M> | ComposerCreateCommentProps | ComposerEditCommentProps) & {
+type ComposerProps<M extends BaseMetadata = DM> = Omit<ComponentPropsWithoutRef<"form">, "defaultValue"> & (ComposerCreateThreadProps<M> | ComposerCreateCommentProps | ComposerEditCommentProps) & {
     /**
      * The event handler called when the composer is submitted.
      */
@@ -297,7 +297,7 @@ declare type ComposerProps<M extends BaseMetadata = DM> = Omit<ComponentPropsWit
  * @example
  * <Composer />
  */
-declare const Composer: <M extends BaseMetadata = BaseMetadata>(props: ComposerProps<M> & RefAttributes<HTMLFormElement>) => JSX.Element;
+declare const Composer: <M extends BaseMetadata = DM>(props: ComposerProps<M> & RefAttributes<HTMLFormElement>) => JSX.Element;
 
 interface CommentProps extends ComponentPropsWithoutRef<"div"> {
     /**
@@ -377,7 +377,7 @@ interface HistoryVersionSummaryProps extends ComponentPropsWithoutRef<"button">
  */
 declare const HistoryVersionSummary: react.ForwardRefExoticComponent<HistoryVersionSummaryProps & react.RefAttributes<HTMLButtonElement>>;
 
-declare type HistoryVersionSummaryListProps = ComponentPropsWithoutRef<"ol">;
+type HistoryVersionSummaryListProps = ComponentPropsWithoutRef<"ol">;
 /**
  * Displays versions summaries as a list.
  *
@@ -393,7 +393,7 @@ declare const HistoryVersionSummaryList: react.ForwardRefExoticComponent<Omit<re
 interface GlobalComponents {
     Anchor: ComponentType<ComponentPropsWithoutRef<"a">> | "a";
 }
-declare type Components = GlobalComponents;
+type Components = GlobalComponents;
 
 interface AvatarProps extends ComponentProps<"div"> {
     /**
@@ -402,8 +402,8 @@ interface AvatarProps extends ComponentProps<"div"> {
     userId: string;
 }
 
-declare type ComponentTypeWithRef<T extends keyof JSX.IntrinsicElements, P> = ComponentType<P & Pick<ComponentProps<T>, "ref">>;
-declare type InboxNotificationKinds<KS extends KDAD = KDAD> = {
+type ComponentTypeWithRef<T extends keyof JSX.IntrinsicElements, P> = ComponentType<P & Pick<ComponentProps<T>, "ref">>;
+type InboxNotificationKinds<KS extends KDAD = KDAD> = {
     [K in KS]: ComponentTypeWithRef<"a", InboxNotificationCustomKindProps<K>>;
 } & {
     thread: ComponentTypeWithRef<"a", InboxNotificationThreadKindProps>;
@@ -484,17 +484,17 @@ interface InboxNotificationCustomProps extends Omit<InboxNotificationProps, "kin
      */
     markAsReadOnClick?: boolean;
 }
-declare type InboxNotificationThreadKindProps = Omit<InboxNotificationProps, "kinds"> & {
+type InboxNotificationThreadKindProps = Omit<InboxNotificationProps, "kinds"> & {
     inboxNotification: InboxNotificationThreadData;
 };
-declare type InboxNotificationTextMentionKindProps = Omit<InboxNotificationProps, "kinds"> & {
+type InboxNotificationTextMentionKindProps = Omit<InboxNotificationProps, "kinds"> & {
     inboxNotification: InboxNotificationTextMentionData;
 };
-declare type InboxNotificationCustomKindProps<K extends KDAD = KDAD> = Omit<InboxNotificationProps, "kinds"> & {
+type InboxNotificationCustomKindProps<K extends KDAD = KDAD> = Omit<InboxNotificationProps, "kinds"> & {
     inboxNotification: InboxNotificationCustomData<K>;
 };
-declare type InboxNotificationIconProps = ComponentProps<"div">;
-declare type InboxNotificationAvatarProps = AvatarProps;
+type InboxNotificationIconProps = ComponentProps<"div">;
+type InboxNotificationAvatarProps = AvatarProps;
 declare function InboxNotificationIcon({ className, ...props }: InboxNotificationIconProps): react_jsx_runtime.JSX.Element;
 declare function InboxNotificationAvatar({ className, ...props }: InboxNotificationAvatarProps): react_jsx_runtime.JSX.Element;
 /**
@@ -626,9 +626,9 @@ interface ThreadProps<M extends BaseMetadata = DM> extends ComponentPropsWithout
  *   ))}
  * </>
  */
-declare const Thread: <M extends BaseMetadata = BaseMetadata>(props: ThreadProps<M> & RefAttributes<HTMLDivElement>) => JSX.Element;
+declare const Thread: <M extends BaseMetadata = DM>(props: ThreadProps<M> & RefAttributes<HTMLDivElement>) => JSX.Element;
 
-declare type LiveblocksUIConfigProps = PropsWithChildren<{
+type LiveblocksUIConfigProps = PropsWithChildren<{
     /**
      * Override the components' strings.
      */

package/dist/index.d.ts

@@ -3,23 +3,23 @@ import { ElementType, ComponentPropsWithoutRef, ReactNode, FormEvent, ComponentT
 import { CommentAttachment, CommentBody, BaseMetadata, DM, CommentData, HistoryVersion, InboxNotificationData, InboxNotificationThreadData, InboxNotificationTextMentionData, InboxNotificationCustomData, KDAD, ThreadData } from '@liveblocks/core';
 import * as react_jsx_runtime from 'react/jsx-runtime';
 
-declare type Direction = "ltr" | "rtl";
-declare type SlotProp = {
+type Direction = "ltr" | "rtl";
+type SlotProp = {
     /**
      * Replace the rendered element by the one passed as a child.
      */
     asChild?: boolean;
 };
-declare type ComponentPropsWithSlot<TElement extends ElementType<any>> = ComponentPropsWithoutRef<TElement> & SlotProp;
-declare type ComposerBodyText = {
+type ComponentPropsWithSlot<TElement extends ElementType<any>> = ComponentPropsWithoutRef<TElement> & SlotProp;
+type ComposerBodyText = {
     bold?: boolean;
     italic?: boolean;
     strikethrough?: boolean;
     code?: boolean;
     text: string;
 };
-declare type ComposerBodyMark = keyof Omit<ComposerBodyText, "text">;
-declare type ComposerBodyMarks = {
+type ComposerBodyMark = keyof Omit<ComposerBodyText, "text">;
+type ComposerBodyMarks = {
     [K in ComposerBodyMark]: boolean;
 };
 interface CommentAttachmentArgs {
@@ -94,7 +94,7 @@ interface HistoryVersionPreviewOverrides {
     HISTORY_VERSION_PREVIEW_EMPTY: ReactNode;
     HISTORY_VERSION_PREVIEW_ERROR: (error: Error) => ReactNode;
 }
-declare type Overrides = LocalizationOverrides & GlobalOverrides & ComposerOverrides & CommentOverrides & ThreadOverrides & InboxNotificationOverrides & HistoryVersionPreviewOverrides;
+type Overrides = LocalizationOverrides & GlobalOverrides & ComposerOverrides & CommentOverrides & ThreadOverrides & InboxNotificationOverrides & HistoryVersionPreviewOverrides;
 declare function useOverrides(overrides?: Partial<Overrides>): Overrides;
 
 interface ComposerEditorMentionProps {
@@ -121,7 +121,7 @@ interface ComposerEditorLinkProps {
      */
     children: ReactNode;
 }
-declare type ComposerEditorMentionSuggestionsProps = {
+type ComposerEditorMentionSuggestionsProps = {
     /**
      * The list of suggested user IDs.
      */
@@ -131,7 +131,7 @@ declare type ComposerEditorMentionSuggestionsProps = {
      */
     selectedUserId?: string;
 };
-declare type ComposerEditorFloatingToolbarProps = Record<string, never>;
+type ComposerEditorFloatingToolbarProps = Record<string, never>;
 interface ComposerEditorComponents {
     /**
      * The component used to display mentions.
@@ -218,7 +218,7 @@ interface ComposerSubmitComment {
     attachments: CommentAttachment[];
 }
 
-declare type ComposerCreateThreadProps<M extends BaseMetadata> = {
+type ComposerCreateThreadProps<M extends BaseMetadata> = {
     threadId?: never;
     commentId?: never;
     /**
@@ -226,7 +226,7 @@ declare type ComposerCreateThreadProps<M extends BaseMetadata> = {
      */
     metadata?: M;
 };
-declare type ComposerCreateCommentProps = {
+type ComposerCreateCommentProps = {
     /**
      * The ID of the thread to reply to.
      */
@@ -234,7 +234,7 @@ declare type ComposerCreateCommentProps = {
     commentId?: never;
     metadata?: never;
 };
-declare type ComposerEditCommentProps = {
+type ComposerEditCommentProps = {
     /**
      * The ID of the thread to edit a comment in.
      */
@@ -245,7 +245,7 @@ declare type ComposerEditCommentProps = {
     commentId: string;
     metadata?: never;
 };
-declare type ComposerProps<M extends BaseMetadata = DM> = Omit<ComponentPropsWithoutRef<"form">, "defaultValue"> & (ComposerCreateThreadProps<M> | ComposerCreateCommentProps | ComposerEditCommentProps) & {
+type ComposerProps<M extends BaseMetadata = DM> = Omit<ComponentPropsWithoutRef<"form">, "defaultValue"> & (ComposerCreateThreadProps<M> | ComposerCreateCommentProps | ComposerEditCommentProps) & {
     /**
      * The event handler called when the composer is submitted.
      */
@@ -297,7 +297,7 @@ declare type ComposerProps<M extends BaseMetadata = DM> = Omit<ComponentPropsWit
  * @example
  * <Composer />
  */
-declare const Composer: <M extends BaseMetadata = BaseMetadata>(props: ComposerProps<M> & RefAttributes<HTMLFormElement>) => JSX.Element;
+declare const Composer: <M extends BaseMetadata = DM>(props: ComposerProps<M> & RefAttributes<HTMLFormElement>) => JSX.Element;
 
 interface CommentProps extends ComponentPropsWithoutRef<"div"> {
     /**
@@ -377,7 +377,7 @@ interface HistoryVersionSummaryProps extends ComponentPropsWithoutRef<"button">
  */
 declare const HistoryVersionSummary: react.ForwardRefExoticComponent<HistoryVersionSummaryProps & react.RefAttributes<HTMLButtonElement>>;
 
-declare type HistoryVersionSummaryListProps = ComponentPropsWithoutRef<"ol">;
+type HistoryVersionSummaryListProps = ComponentPropsWithoutRef<"ol">;
 /**
  * Displays versions summaries as a list.
  *
@@ -393,7 +393,7 @@ declare const HistoryVersionSummaryList: react.ForwardRefExoticComponent<Omit<re
 interface GlobalComponents {
     Anchor: ComponentType<ComponentPropsWithoutRef<"a">> | "a";
 }
-declare type Components = GlobalComponents;
+type Components = GlobalComponents;
 
 interface AvatarProps extends ComponentProps<"div"> {
     /**
@@ -402,8 +402,8 @@ interface AvatarProps extends ComponentProps<"div"> {
     userId: string;
 }
 
-declare type ComponentTypeWithRef<T extends keyof JSX.IntrinsicElements, P> = ComponentType<P & Pick<ComponentProps<T>, "ref">>;
-declare type InboxNotificationKinds<KS extends KDAD = KDAD> = {
+type ComponentTypeWithRef<T extends keyof JSX.IntrinsicElements, P> = ComponentType<P & Pick<ComponentProps<T>, "ref">>;
+type InboxNotificationKinds<KS extends KDAD = KDAD> = {
     [K in KS]: ComponentTypeWithRef<"a", InboxNotificationCustomKindProps<K>>;
 } & {
     thread: ComponentTypeWithRef<"a", InboxNotificationThreadKindProps>;
@@ -484,17 +484,17 @@ interface InboxNotificationCustomProps extends Omit<InboxNotificationProps, "kin
      */
     markAsReadOnClick?: boolean;
 }
-declare type InboxNotificationThreadKindProps = Omit<InboxNotificationProps, "kinds"> & {
+type InboxNotificationThreadKindProps = Omit<InboxNotificationProps, "kinds"> & {
     inboxNotification: InboxNotificationThreadData;
 };
-declare type InboxNotificationTextMentionKindProps = Omit<InboxNotificationProps, "kinds"> & {
+type InboxNotificationTextMentionKindProps = Omit<InboxNotificationProps, "kinds"> & {
     inboxNotification: InboxNotificationTextMentionData;
 };
-declare type InboxNotificationCustomKindProps<K extends KDAD = KDAD> = Omit<InboxNotificationProps, "kinds"> & {
+type InboxNotificationCustomKindProps<K extends KDAD = KDAD> = Omit<InboxNotificationProps, "kinds"> & {
     inboxNotification: InboxNotificationCustomData<K>;
 };
-declare type InboxNotificationIconProps = ComponentProps<"div">;
-declare type InboxNotificationAvatarProps = AvatarProps;
+type InboxNotificationIconProps = ComponentProps<"div">;
+type InboxNotificationAvatarProps = AvatarProps;
 declare function InboxNotificationIcon({ className, ...props }: InboxNotificationIconProps): react_jsx_runtime.JSX.Element;
 declare function InboxNotificationAvatar({ className, ...props }: InboxNotificationAvatarProps): react_jsx_runtime.JSX.Element;
 /**
@@ -626,9 +626,9 @@ interface ThreadProps<M extends BaseMetadata = DM> extends ComponentPropsWithout
  *   ))}
  * </>
  */
-declare const Thread: <M extends BaseMetadata = BaseMetadata>(props: ThreadProps<M> & RefAttributes<HTMLDivElement>) => JSX.Element;
+declare const Thread: <M extends BaseMetadata = DM>(props: ThreadProps<M> & RefAttributes<HTMLDivElement>) => JSX.Element;
 
-declare type LiveblocksUIConfigProps = PropsWithChildren<{
+type LiveblocksUIConfigProps = PropsWithChildren<{
     /**
      * Override the components' strings.
      */

package/dist/primitives/Composer/index.js

@@ -163,7 +163,7 @@ function ComposerEditorMentionSuggestionsWrapper({
   useObservable.useObservable(onEditorChange, () => {
     setMentionDraft(mentions.getMentionDraftAtSelection(editor));
   });
-  react.useLayoutEffect(() => {
+  _private.useLayoutEffect(() => {
     if (!mentionDraft) {
       setReference(null);
       return;
@@ -231,7 +231,7 @@ function ComposerEditorFloatingToolbarWrapper({
     alignment: "center",
     open: isOpen
   });
-  react.useLayoutEffect(() => {
+  _private.useLayoutEffect(() => {
     if (!isFocused) {
       return;
     }
@@ -681,7 +681,6 @@ const ComposerEditor = react.forwardRef(
             }
           }
           if (isKey.isKey(event, "Escape")) {
-            event.preventDefault();
             blur();
           }
           if (isKey.isKey(event, "Enter", { shift: false })) {
@@ -784,12 +783,12 @@ const ComposerEditor = react.forwardRef(
     react.useImperativeHandle(forwardedRef, () => {
       return slateReact.ReactEditor.toDOMNode(editor, editor);
     }, [editor]);
-    react.useLayoutEffect(() => {
+    _private.useLayoutEffect(() => {
       if (autoFocus) {
         focus();
       }
     }, [autoFocus, editor, focus]);
-    react.useLayoutEffect(() => {
+    _private.useLayoutEffect(() => {
       if (isFocused && editor.selection === null) {
         select();
       }