@mobilon-dev/chotto 0.3.106 → 0.3.107

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/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.107",
   "type": "module",
   "main": "./dist/index.js",
   "module": "./dist/index.js",