@mobilon-dev/chotto 0.3.106 → 0.3.108

package/dist/types/components/2_feed_elements/MessageReactions/MessageReactions.vue.d.ts

@@ -1,5 +1,4 @@
-import 'vue3-emoji-picker-ru/css';
-import type { MessageReactions, Reply } from '@/types';
+import type { MessageReactions } from '@/types';
 import { type ReactionsMode } from './composables';
 declare const _default: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
     reactions: {
@@ -11,10 +10,6 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
         type: (StringConstructor | NumberConstructor)[];
         required: true;
     };
-    readonly: {
-        type: BooleanConstructor;
-        default: boolean;
-    };
     enabled: {
         type: BooleanConstructor;
         default: boolean;
@@ -24,47 +19,21 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
         default: string;
         validator: (value: string) => boolean;
     };
-    /** Id текущего пользователя — для расчёта reactedByMe и локальных add/remove */
     currentUserId: {
         type: () => string | number | undefined;
         default: undefined;
     };
-    /** Имя текущего пользователя — для тултипа при локальном добавлении реакции */
     currentUserName: {
         type: StringConstructor;
         default: undefined;
     };
-    /** userId → имя (если в item нет name) */
     reactionUserNames: {
         type: () => Record<string, string>;
         default: undefined;
     };
-    reply: {
-        type: () => Reply | undefined;
-        default: undefined;
-    };
-    replyEnabled: {
-        type: BooleanConstructor;
-        default: boolean;
-    };
-    /** Показывать кнопку меню действий сообщения в панели быстрых реакций */
-    menuEnabled: {
-        type: BooleanConstructor;
-        default: boolean;
-    };
-}>, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {} & {
-    menu: (payload: {
-        messageId: string | number;
-        triggerRect?: {
-            top: number;
-            right: number;
-            bottom: number;
-            left: number;
-            width: number;
-            height: number;
-        };
-        event?: MouseEvent;
-    }) => any;
+}>, {
+    reactionsContainerRef: import("vue").Ref<HTMLElement | null, HTMLElement | null>;
+}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {} & {
     "toggle-reaction": (payload: {
         messageId: string | number;
         key: string;
@@ -87,10 +56,6 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
         type: (StringConstructor | NumberConstructor)[];
         required: true;
     };
-    readonly: {
-        type: BooleanConstructor;
-        default: boolean;
-    };
     enabled: {
         type: BooleanConstructor;
         default: boolean;
@@ -100,47 +65,19 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
         default: string;
         validator: (value: string) => boolean;
     };
-    /** Id текущего пользователя — для расчёта reactedByMe и локальных add/remove */
     currentUserId: {
         type: () => string | number | undefined;
         default: undefined;
     };
-    /** Имя текущего пользователя — для тултипа при локальном добавлении реакции */
     currentUserName: {
         type: StringConstructor;
         default: undefined;
     };
-    /** userId → имя (если в item нет name) */
     reactionUserNames: {
         type: () => Record<string, string>;
         default: undefined;
     };
-    reply: {
-        type: () => Reply | undefined;
-        default: undefined;
-    };
-    replyEnabled: {
-        type: BooleanConstructor;
-        default: boolean;
-    };
-    /** Показывать кнопку меню действий сообщения в панели быстрых реакций */
-    menuEnabled: {
-        type: BooleanConstructor;
-        default: boolean;
-    };
 }>> & Readonly<{
-    onMenu?: ((payload: {
-        messageId: string | number;
-        triggerRect?: {
-            top: number;
-            right: number;
-            bottom: number;
-            left: number;
-            width: number;
-            height: number;
-        };
-        event?: MouseEvent;
-    }) => any) | undefined;
     "onToggle-reaction"?: ((payload: {
         messageId: string | number;
         key: string;
@@ -154,15 +91,11 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
         key: string;
     }) => any) | undefined;
 }>, {
-    reply: Reply | undefined;
     mode: ReactionsMode;
     reactions: MessageReactions | undefined;
-    readonly: boolean;
     enabled: boolean;
     currentUserId: string | number | undefined;
     currentUserName: string;
     reactionUserNames: Record<string, string>;
-    replyEnabled: boolean;
-    menuEnabled: boolean;
 }, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
 export default _default;

package/dist/types/components/2_feed_elements/MessageReactions/MessageReactionsOverlay.vue.d.ts

@@ -0,0 +1,2 @@
+declare const _default: import("vue").DefineComponent<{}, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
+export default _default;

package/dist/types/components/2_feed_elements/MessageReactions/composables/usePositioning.d.ts

@@ -3,7 +3,8 @@
  */
 export declare function findFeedContainer(element: HTMLElement | null): HTMLElement | null;
 /**
- * Находит контейнер содержимого сообщения (например, text-message__content)
+ * Находит контейнер содержимого сообщения (например, text-message__content).
+ * Якорь overlay может быть самим __content — проверяем элемент и предков.
  */
 export declare function findMessageContent(element: HTMLElement | null): HTMLElement | null;
 /**

package/dist/types/components/3_compounds/Feed/composables/index.d.ts

@@ -5,6 +5,7 @@ export * from './useFeedKeyboard';
 export * from './useFeedLoadMore';
 export * from './useFeedMessageVisibility';
 export * from './useFeedProgressiveRender';
+export * from './useFeedReactionsOverlay';
 export * from './useFeedReply';
 export * from './useFeedScroll';
 export * from './useFeedScrollTo';

package/dist/types/components/3_compounds/Feed/composables/useFeedReactionsOverlay.d.ts

@@ -0,0 +1,52 @@
+import { type Ref } from 'vue';
+import type { ReactionsMode } from '@/components/2_feed_elements/MessageReactions/composables';
+import type { MessageReactions, Reply } from '@/types';
+import type { OpenMessageMenuSource } from '@/hooks/messages/useMessageActions';
+export interface FeedReactionsHandlers {
+    onToggleReaction: (payload: {
+        messageId: string | number;
+        key: string;
+    }) => void;
+    onAddReaction: (payload: {
+        messageId: string | number;
+        key: string;
+    }) => void;
+    onRemoveReaction: (payload: {
+        messageId: string | number;
+        key: string;
+    }) => void;
+    onMenu: (source?: OpenMessageMenuSource) => void;
+}
+export interface FeedReactionsTarget {
+    messageId: string | number;
+    anchorEl: HTMLElement;
+    chipsEl: HTMLElement | null;
+    reactions: MessageReactions | undefined;
+    reply: Reply | undefined;
+    replyEnabled: boolean;
+    menuEnabled: boolean;
+    mode: ReactionsMode;
+    enabled: boolean;
+    handlers: FeedReactionsHandlers;
+    /** Записать оптимистичное состояние реакций в объект сообщения ленты */
+    patchReactions: (next: MessageReactions) => void;
+}
+export interface FeedReactionsConsumerApi {
+    activate: (target: FeedReactionsTarget) => void;
+    handlePointerLeave: (event: PointerEvent, contentEl: HTMLElement | null, chipsEl?: HTMLElement | null) => void;
+}
+export interface FeedReactionsOverlayState {
+    activeTarget: Ref<FeedReactionsTarget | null>;
+    anchorRef: Ref<HTMLElement | null>;
+}
+type PanelBridge = {
+    onMessageEnter: () => void;
+    onMessageLeave: () => void;
+    isPanelOpen: () => boolean;
+    containsNode: (node: Node) => boolean;
+};
+export declare function registerFeedReactionsPanelBridge(bridge: PanelBridge | null): void;
+export declare function provideFeedReactionsOverlay(): FeedReactionsOverlayState;
+export declare function useFeedReactionsConsumer(): FeedReactionsConsumerApi | null;
+export declare function useFeedReactionsOverlayState(): FeedReactionsOverlayState | null;
+export {};

package/dist/types/hooks/messages/index.d.ts

@@ -1,5 +1,7 @@
 export * from './useMessageActions';
 export * from './useMessageHoverActions';
+export * from './useMessageReactionsMount';
+export * from './useMessageReactionsInFeed';
 export * from './calculateMessageMenuPosition';
 export * from './useMessageMenuActions';
 export * from './useMessageLinks';

package/dist/types/hooks/messages/useMessageHoverActions.d.ts

@@ -1,7 +1,8 @@
 import { type MaybeRefOrGetter } from 'vue';
 /**
  * Hover-панели сообщения (реакции и меню по трём точкам).
- * Для SMS недоступны: канал не поддерживает реакции, ответ и редактирование.
+ * Недоступны для SMS (канал не поддерживает реакции, ответ и редактирование)
+ * и для удалённых сообщений (tombstone).
  */
 export declare function useMessageHoverActions(channel: MaybeRefOrGetter<string | undefined>, reactionsEnabled?: MaybeRefOrGetter<boolean>, message?: MaybeRefOrGetter<unknown>): {
     hoverActionsEnabled: import("vue").ComputedRef<boolean>;

package/dist/types/hooks/messages/useMessageReactionsInFeed.d.ts

@@ -0,0 +1,25 @@
+import { type InjectionKey, type MaybeRefOrGetter, type Ref } from 'vue';
+import type { MessageReactions, Reply } from '@/types';
+import type { FeedReactionsHandlers } from '@/components/3_compounds/Feed/composables/useFeedReactionsOverlay';
+type MessageWithReactions = {
+    reactions?: MessageReactions;
+};
+export declare const MESSAGE_REACTIONS_PATCH_KEY: InjectionKey<(next: MessageReactions) => void>;
+interface UseMessageReactionsInFeedOptions {
+    message: MaybeRefOrGetter<MessageWithReactions>;
+    messageId: MaybeRefOrGetter<string | number>;
+    reactions: MaybeRefOrGetter<MessageReactions | undefined>;
+    reactionsActive: MaybeRefOrGetter<boolean>;
+    reactionsMode: MaybeRefOrGetter<'single' | 'multi'>;
+    reply: MaybeRefOrGetter<Reply | undefined>;
+    menuEnabled: MaybeRefOrGetter<boolean>;
+    contentRef: Ref<HTMLElement | null>;
+    chipsRef?: Ref<HTMLElement | null>;
+    handlers: FeedReactionsHandlers;
+}
+export declare function useMessageReactionsInFeed(options: UseMessageReactionsInFeedOptions): {
+    showReactions: import("vue").ComputedRef<boolean>;
+    onContentPointerEnter: () => void;
+    onContentPointerLeave: (event: PointerEvent) => void;
+};
+export {};

package/dist/types/hooks/messages/useMessageReactionsMount.d.ts

@@ -0,0 +1,10 @@
+import { type MaybeRefOrGetter } from 'vue';
+import type { MessageReactions } from '@/types';
+/**
+ * Отложенный mount MessageReactions: без items — только после pointerenter на контент.
+ */
+export declare function useMessageReactionsMount(reactions: MaybeRefOrGetter<MessageReactions | undefined>, reactionsActive: MaybeRefOrGetter<boolean>): {
+    showReactions: import("vue").ComputedRef<boolean>;
+    engageReactionsMount: () => void;
+    hasReactionItems: import("vue").ComputedRef<boolean>;
+};

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@mobilon-dev/chotto",
-  "version": "0.3.106",
+  "version": "0.3.108",
   "type": "module",
   "main": "./dist/index.js",
   "module": "./dist/index.js",