@omnia/fx 8.0.18-dev → 8.0.19-dev

package/internal-do-not-import-from-here/ux/social/Like.d.ts

@@ -1,70 +1,361 @@
-import { IWebComponentInstance, SubscriptionHandler } from "../..";
-import { ReactionType, ResolvedUserIdentity, UserIdentity, ISocialReactionStyling, ISocialReaction } from "../../models";
-import { ILikeComponent } from "./ILike";
-import { CommentLocalization } from "./loc/localize";
-import { CommentLikeStore, type ICommentLikeService } from "../../stores";
-import { OmniaContext } from "../../contexts";
+import { ReactionType, ISocialReaction } from "../../models";
+import { type ICommentLikeService } from "../../stores";
 import "./Like.css";
-import { LikeStyles } from "../models";
-import { VueComponentBase } from "..";
-interface LikeUser {
-    identity: UserIdentity;
-    displayName: string;
-    profileUrl: string;
-    isCurrentUser?: boolean;
-    reactionType?: ReactionType;
-}
-export declare class LikeComponent extends VueComponentBase implements IWebComponentInstance, ILikeComponent {
-    store: CommentLikeStore;
-    omniaContext: OmniaContext;
-    subscriptionHandler: SubscriptionHandler;
-    commentLocalization: CommentLocalization.locInterface;
-    topicId: string;
-    commendId?: string;
-    likeListingTemplate: string;
-    extendComponents: Array<{
-        elem: string;
-        dynamicInput: any;
-    }>;
-    likes: Array<ISocialReaction>;
-    commentLikeService: ICommentLikeService;
-    styles?: typeof LikeStyles;
-    isCompactMode?: boolean;
-    isSummaryMode?: boolean;
-    currentUser: ResolvedUserIdentity;
-    showLikeListing: boolean;
-    socialReactionStylings: Array<ISocialReactionStyling>;
-    isSocialReactionsMode: boolean;
-    isShowingSocialReactionsDetail: boolean;
-    currentSocialReaction: ISocialReactionStyling;
-    likeClasses: {
-        likesToShow?: any;
-        underlineWhenHover?: any;
-        buttonOutline?: any;
-        personWrapper?: any;
-        buttonPosition?: any;
-        socialReactionIconWrapper?: any;
-        socialReactionIcon?: any;
-        socialReactionContainer?: any;
-        socialReactionSummary?: any;
-        socialReactionMenu?: any;
-        replyAndLikeActionLink?: any;
+declare const _default: {
+    new (...args: any[]): {
+        $: import("vue").ComponentInternalInstance;
+        $data: {};
+        $props: {
+            style?: unknown;
+            class?: unknown;
+            key?: string | number | symbol;
+            readonly styles?: unknown;
+            ref?: import("vue").VNodeRef;
+            ref_for?: boolean;
+            ref_key?: string;
+            onVnodeBeforeMount?: ((vnode: import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
+                [key: string]: any;
+            }>) => void) | ((vnode: import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
+                [key: string]: any;
+            }>) => void)[];
+            onVnodeMounted?: ((vnode: import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
+                [key: string]: any;
+            }>) => void) | ((vnode: import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
+                [key: string]: any;
+            }>) => void)[];
+            onVnodeBeforeUpdate?: ((vnode: import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
+                [key: string]: any;
+            }>, oldVNode: import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
+                [key: string]: any;
+            }>) => void) | ((vnode: import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
+                [key: string]: any;
+            }>, oldVNode: import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
+                [key: string]: any;
+            }>) => void)[];
+            onVnodeUpdated?: ((vnode: import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
+                [key: string]: any;
+            }>, oldVNode: import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
+                [key: string]: any;
+            }>) => void) | ((vnode: import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
+                [key: string]: any;
+            }>, oldVNode: import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
+                [key: string]: any;
+            }>) => void)[];
+            onVnodeBeforeUnmount?: ((vnode: import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
+                [key: string]: any;
+            }>) => void) | ((vnode: import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
+                [key: string]: any;
+            }>) => void)[];
+            onVnodeUnmounted?: ((vnode: import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
+                [key: string]: any;
+            }>) => void) | ((vnode: import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
+                [key: string]: any;
+            }>) => void)[];
+            readonly topicId?: string;
+            readonly "topic-id"?: string;
+            readonly commendId?: string;
+            readonly "commend-id"?: string;
+            readonly likeListingTemplate?: string;
+            readonly extendComponents?: {
+                elem: string;
+                dynamicInput: any;
+            }[];
+            readonly "extend-components"?: {
+                elem: string;
+                dynamicInput: any;
+            }[];
+            readonly likes?: ISocialReaction[];
+            readonly isCompactMode?: boolean;
+            readonly isSummaryMode?: boolean;
+            readonly commentLikeService?: ICommentLikeService;
+            readonly "comment-like-service"?: ICommentLikeService;
+        };
+        $attrs: {
+            [x: string]: unknown;
+        };
+        $refs: {
+            [x: string]: unknown;
+        };
+        $slots: Readonly<{
+            [name: string]: import("vue").Slot<any>;
+        }>;
+        $root: import("vue").ComponentPublicInstance<{}, {}, {}, {}, {}, {}, {}, {}, false, import("vue").ComponentOptionsBase<any, any, any, any, any, any, any, any, any, {}, {}, string, {}>, {}, {}>;
+        $parent: import("vue").ComponentPublicInstance<{}, {}, {}, {}, {}, {}, {}, {}, false, import("vue").ComponentOptionsBase<any, any, any, any, any, any, any, any, any, {}, {}, string, {}>, {}, {}>;
+        $emit: (event: string, ...args: any[]) => void;
+        $el: any;
+        $options: import("vue").ComponentOptionsBase<Readonly<import("vue").ExtractPropTypes<{
+            "comment-like-service": {
+                type: import("vue").PropType<ICommentLikeService>;
+            };
+            commentLikeService: {
+                type: import("vue").PropType<ICommentLikeService>;
+            };
+            isSummaryMode: {
+                type: import("vue").PropType<boolean>;
+                required: false;
+            };
+            isCompactMode: {
+                type: import("vue").PropType<boolean>;
+                required: false;
+            };
+            styles: {
+                type: import("vue").PropType<{
+                    underlineWhenHover?: import("typestyle/lib/types").NestedCSSProperties;
+                    buttonOutline?: import("typestyle/lib/types").NestedCSSProperties;
+                    personWrapper?: import("typestyle/lib/types").NestedCSSProperties;
+                    buttonPosition?: import("typestyle/lib/types").NestedCSSProperties;
+                    likesToShow?: import("typestyle/lib/types").NestedCSSProperties;
+                    socialReactionIconWrapper?: (reactionType: ReactionType, isCompactMode: boolean) => import("typestyle/lib/types").NestedCSSProperties;
+                    socialReactionIcon?: (isCompactMode: boolean) => import("typestyle/lib/types").NestedCSSProperties;
+                    socialReactionContainer?: (isCompactMode: boolean) => import("typestyle/lib/types").NestedCSSProperties;
+                    socialReactionSummary?: (isCompactMode: boolean) => import("typestyle/lib/types").NestedCSSProperties;
+                    socialReactionMenu?: import("typestyle/lib/types").NestedCSSProperties;
+                    replyAndLikeActionLink?: import("typestyle/lib/types").NestedCSSProperties;
+                }>;
+            } & {
+                type: import("vue").PropType<{
+                    underlineWhenHover?: import("typestyle/lib/types").NestedCSSProperties;
+                    buttonOutline?: import("typestyle/lib/types").NestedCSSProperties;
+                    personWrapper?: import("typestyle/lib/types").NestedCSSProperties;
+                    buttonPosition?: import("typestyle/lib/types").NestedCSSProperties;
+                    likesToShow?: import("typestyle/lib/types").NestedCSSProperties;
+                    socialReactionIconWrapper?: (reactionType: ReactionType, isCompactMode: boolean) => import("typestyle/lib/types").NestedCSSProperties;
+                    socialReactionIcon?: (isCompactMode: boolean) => import("typestyle/lib/types").NestedCSSProperties;
+                    socialReactionContainer?: (isCompactMode: boolean) => import("typestyle/lib/types").NestedCSSProperties;
+                    socialReactionSummary?: (isCompactMode: boolean) => import("typestyle/lib/types").NestedCSSProperties;
+                    socialReactionMenu?: import("typestyle/lib/types").NestedCSSProperties;
+                    replyAndLikeActionLink?: import("typestyle/lib/types").NestedCSSProperties;
+                }>;
+            };
+            likes: {
+                type: import("vue").PropType<ISocialReaction[]>;
+                required: false;
+            };
+            "extend-components": {
+                type: import("vue").PropType<{
+                    elem: string;
+                    dynamicInput: any;
+                }[]>;
+            };
+            extendComponents: {
+                type: import("vue").PropType<{
+                    elem: string;
+                    dynamicInput: any;
+                }[]>;
+            };
+            likeListingTemplate: {
+                type: import("vue").PropType<string>;
+                required: false;
+            };
+            "commend-id": {
+                type: import("vue").PropType<string>;
+            };
+            commendId: {
+                type: import("vue").PropType<string>;
+            };
+            "topic-id": {
+                type: import("vue").PropType<string>;
+            };
+            topicId: {
+                type: import("vue").PropType<string>;
+            };
+        }>>, () => JSX.Element, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, {}, {}, string, {}> & {
+            beforeCreate?: (() => void) | (() => void)[];
+            created?: (() => void) | (() => void)[];
+            beforeMount?: (() => void) | (() => void)[];
+            mounted?: (() => void) | (() => void)[];
+            beforeUpdate?: (() => void) | (() => void)[];
+            updated?: (() => void) | (() => void)[];
+            activated?: (() => void) | (() => void)[];
+            deactivated?: (() => void) | (() => void)[];
+            beforeDestroy?: (() => void) | (() => void)[];
+            beforeUnmount?: (() => void) | (() => void)[];
+            destroyed?: (() => void) | (() => void)[];
+            unmounted?: (() => void) | (() => void)[];
+            renderTracked?: ((e: import("vue").DebuggerEvent) => void) | ((e: import("vue").DebuggerEvent) => void)[];
+            renderTriggered?: ((e: import("vue").DebuggerEvent) => void) | ((e: import("vue").DebuggerEvent) => void)[];
+            errorCaptured?: ((err: unknown, instance: import("vue").ComponentPublicInstance<{}, {}, {}, {}, {}, {}, {}, {}, false, import("vue").ComponentOptionsBase<any, any, any, any, any, any, any, any, any, {}, {}, string, {}>, {}, {}>, info: string) => boolean | void) | ((err: unknown, instance: import("vue").ComponentPublicInstance<{}, {}, {}, {}, {}, {}, {}, {}, false, import("vue").ComponentOptionsBase<any, any, any, any, any, any, any, any, any, {}, {}, string, {}>, {}, {}>, info: string) => boolean | void)[];
+        };
+        $forceUpdate: () => void;
+        $nextTick: typeof import("vue").nextTick;
+        $watch<T extends string | ((...args: any) => any)>(source: T, cb: T extends (...args: any) => infer R ? (args_0: R, args_1: R) => any : (...args: any) => any, options?: import("vue").WatchOptions<boolean>): import("vue").WatchStopHandle;
+    } & Readonly<import("vue").ExtractPropTypes<{
+        "comment-like-service": {
+            type: import("vue").PropType<ICommentLikeService>;
+        };
+        commentLikeService: {
+            type: import("vue").PropType<ICommentLikeService>;
+        };
+        isSummaryMode: {
+            type: import("vue").PropType<boolean>;
+            required: false;
+        };
+        isCompactMode: {
+            type: import("vue").PropType<boolean>;
+            required: false;
+        };
+        styles: {
+            type: import("vue").PropType<{
+                underlineWhenHover?: import("typestyle/lib/types").NestedCSSProperties;
+                buttonOutline?: import("typestyle/lib/types").NestedCSSProperties;
+                personWrapper?: import("typestyle/lib/types").NestedCSSProperties;
+                buttonPosition?: import("typestyle/lib/types").NestedCSSProperties;
+                likesToShow?: import("typestyle/lib/types").NestedCSSProperties;
+                socialReactionIconWrapper?: (reactionType: ReactionType, isCompactMode: boolean) => import("typestyle/lib/types").NestedCSSProperties;
+                socialReactionIcon?: (isCompactMode: boolean) => import("typestyle/lib/types").NestedCSSProperties;
+                socialReactionContainer?: (isCompactMode: boolean) => import("typestyle/lib/types").NestedCSSProperties;
+                socialReactionSummary?: (isCompactMode: boolean) => import("typestyle/lib/types").NestedCSSProperties;
+                socialReactionMenu?: import("typestyle/lib/types").NestedCSSProperties;
+                replyAndLikeActionLink?: import("typestyle/lib/types").NestedCSSProperties;
+            }>;
+        } & {
+            type: import("vue").PropType<{
+                underlineWhenHover?: import("typestyle/lib/types").NestedCSSProperties;
+                buttonOutline?: import("typestyle/lib/types").NestedCSSProperties;
+                personWrapper?: import("typestyle/lib/types").NestedCSSProperties;
+                buttonPosition?: import("typestyle/lib/types").NestedCSSProperties;
+                likesToShow?: import("typestyle/lib/types").NestedCSSProperties;
+                socialReactionIconWrapper?: (reactionType: ReactionType, isCompactMode: boolean) => import("typestyle/lib/types").NestedCSSProperties;
+                socialReactionIcon?: (isCompactMode: boolean) => import("typestyle/lib/types").NestedCSSProperties;
+                socialReactionContainer?: (isCompactMode: boolean) => import("typestyle/lib/types").NestedCSSProperties;
+                socialReactionSummary?: (isCompactMode: boolean) => import("typestyle/lib/types").NestedCSSProperties;
+                socialReactionMenu?: import("typestyle/lib/types").NestedCSSProperties;
+                replyAndLikeActionLink?: import("typestyle/lib/types").NestedCSSProperties;
+            }>;
+        };
+        likes: {
+            type: import("vue").PropType<ISocialReaction[]>;
+            required: false;
+        };
+        "extend-components": {
+            type: import("vue").PropType<{
+                elem: string;
+                dynamicInput: any;
+            }[]>;
+        };
+        extendComponents: {
+            type: import("vue").PropType<{
+                elem: string;
+                dynamicInput: any;
+            }[]>;
+        };
+        likeListingTemplate: {
+            type: import("vue").PropType<string>;
+            required: false;
+        };
+        "commend-id": {
+            type: import("vue").PropType<string>;
+        };
+        commendId: {
+            type: import("vue").PropType<string>;
+        };
+        "topic-id": {
+            type: import("vue").PropType<string>;
+        };
+        topicId: {
+            type: import("vue").PropType<string>;
+        };
+    }>> & import("vue").ShallowUnwrapRef<() => JSX.Element> & {} & import("vue").ComponentCustomProperties & {};
+    __isFragment?: never;
+    __isTeleport?: never;
+    __isSuspense?: never;
+} & import("vue").ComponentOptionsBase<Readonly<import("vue").ExtractPropTypes<{
+    "comment-like-service": {
+        type: import("vue").PropType<ICommentLikeService>;
     };
-    omniaUrl: string;
-    beforeDestroy(): void;
-    created(): void;
-    mounted(): void;
-    initSocialReactionsMode(): void;
-    onSocialReactionClick(isReacts: boolean, reactionType: ReactionType): void;
-    getLikesToShow(likes: Array<ISocialReaction>): Array<LikeUser>;
-    renderUserLink(item: LikeUser): JSX.Element;
-    renderLikedByTitle(likes: Array<ISocialReaction>, likesToShow: Array<LikeUser>): JSX.Element[];
-    onOpenSocialReactionsDetail(): void;
-    onCloseSocialReactionsDetail(): void;
-    renderSocialReactions(): JSX.Element;
-    renderLikes(): import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
-        [key: string]: any;
-    }>[];
-    render(): JSX.Element;
-}
-export {};
+    commentLikeService: {
+        type: import("vue").PropType<ICommentLikeService>;
+    };
+    isSummaryMode: {
+        type: import("vue").PropType<boolean>;
+        required: false;
+    };
+    isCompactMode: {
+        type: import("vue").PropType<boolean>;
+        required: false;
+    };
+    styles: {
+        type: import("vue").PropType<{
+            underlineWhenHover?: import("typestyle/lib/types").NestedCSSProperties;
+            buttonOutline?: import("typestyle/lib/types").NestedCSSProperties;
+            personWrapper?: import("typestyle/lib/types").NestedCSSProperties;
+            buttonPosition?: import("typestyle/lib/types").NestedCSSProperties;
+            likesToShow?: import("typestyle/lib/types").NestedCSSProperties;
+            socialReactionIconWrapper?: (reactionType: ReactionType, isCompactMode: boolean) => import("typestyle/lib/types").NestedCSSProperties;
+            socialReactionIcon?: (isCompactMode: boolean) => import("typestyle/lib/types").NestedCSSProperties;
+            socialReactionContainer?: (isCompactMode: boolean) => import("typestyle/lib/types").NestedCSSProperties;
+            socialReactionSummary?: (isCompactMode: boolean) => import("typestyle/lib/types").NestedCSSProperties;
+            socialReactionMenu?: import("typestyle/lib/types").NestedCSSProperties;
+            replyAndLikeActionLink?: import("typestyle/lib/types").NestedCSSProperties;
+        }>;
+    } & {
+        type: import("vue").PropType<{
+            underlineWhenHover?: import("typestyle/lib/types").NestedCSSProperties;
+            buttonOutline?: import("typestyle/lib/types").NestedCSSProperties;
+            personWrapper?: import("typestyle/lib/types").NestedCSSProperties;
+            buttonPosition?: import("typestyle/lib/types").NestedCSSProperties;
+            likesToShow?: import("typestyle/lib/types").NestedCSSProperties;
+            socialReactionIconWrapper?: (reactionType: ReactionType, isCompactMode: boolean) => import("typestyle/lib/types").NestedCSSProperties;
+            socialReactionIcon?: (isCompactMode: boolean) => import("typestyle/lib/types").NestedCSSProperties;
+            socialReactionContainer?: (isCompactMode: boolean) => import("typestyle/lib/types").NestedCSSProperties;
+            socialReactionSummary?: (isCompactMode: boolean) => import("typestyle/lib/types").NestedCSSProperties;
+            socialReactionMenu?: import("typestyle/lib/types").NestedCSSProperties;
+            replyAndLikeActionLink?: import("typestyle/lib/types").NestedCSSProperties;
+        }>;
+    };
+    likes: {
+        type: import("vue").PropType<ISocialReaction[]>;
+        required: false;
+    };
+    "extend-components": {
+        type: import("vue").PropType<{
+            elem: string;
+            dynamicInput: any;
+        }[]>;
+    };
+    extendComponents: {
+        type: import("vue").PropType<{
+            elem: string;
+            dynamicInput: any;
+        }[]>;
+    };
+    likeListingTemplate: {
+        type: import("vue").PropType<string>;
+        required: false;
+    };
+    "commend-id": {
+        type: import("vue").PropType<string>;
+    };
+    commendId: {
+        type: import("vue").PropType<string>;
+    };
+    "topic-id": {
+        type: import("vue").PropType<string>;
+    };
+    topicId: {
+        type: import("vue").PropType<string>;
+    };
+}>>, () => JSX.Element, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, {}, {}, string, {}> & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & {
+    propsDefinition: Omit<Readonly<{} & {
+        styles?: unknown;
+        topicId?: string;
+        "topic-id"?: string;
+        commendId?: string;
+        "commend-id"?: string;
+        likeListingTemplate?: string;
+        extendComponents?: {
+            elem: string;
+            dynamicInput: any;
+        }[];
+        "extend-components"?: {
+            elem: string;
+            dynamicInput: any;
+        }[];
+        likes?: ISocialReaction[];
+        isCompactMode?: boolean;
+        isSummaryMode?: boolean;
+        commentLikeService?: ICommentLikeService;
+        "comment-like-service"?: ICommentLikeService;
+    }>, never>;
+};
+export default _default;